css/standard.css

   1 .header {
   2   background-color:white;
   3   text-align:center;
   4   border-bottom:3px solid gray;
   5 }
   6 .footer {
   7  margin:0;
   8  margin-top:0.3em;
   9  padding:0;
  10  border-top: 2px solid #444;
  11  font-size:smaller;
  12  clear:both;
  13  }
  14 .footer .right{  float:right; }
  15 .footer .left{  float:left; }
  16
  17 p.gamenumber {
  18   position:absolute;
  19   top:0;
  20   text-align:center;
  21 }
  22
  23 .card {
  24   position:absolute;
  25   z-index:20;
  26   top:18em;
  27   left:28em;
  28   text-aling:center;
  29   background-color:white;
  30   border:2px solid gray;
  31 }
  32 .card img { width:8em; }
  33
  34 /* display the table and the names */
  35 div.table {
  36   position:absolute;
  37   margin:0;
  38   padding:0;
  39 /*  border: 5px solid blue;*/
  40   top: 14em;
  41   left: 20em;
  42 }
  43
  44 div.table img {
  45   height:20em;
  46   width:20em;
  47   z-index:9;
  48 }
  49 div.table span {
  50 /*  background-color:green;*/
  51   position:absolute;
  52 }
  53 div.table span.table0 {
  54   top:10em;
  55   left:-5em;
  56   text-align:right;
  57 }
  58 div.table span.table1 {
  59   top:-2em;
  60   left: 0em;
  61   width:20em;
  62   text-align:center;
  63 }
  64 div.table span.table2 {
  65   top:10em;
  66   left:21em;
  67   text-align:left;
  68   vertical-align:center;
  69 }
  70 div.table span.table3 {
  71   top:23em;
  72   left: 0em;
  73   width:20em;
  74   text-align:center;
  75 }
  76
  77
  78
  79 ul.tricks {
  80   position:relative;
  81   list-style:none;
  82   margin:3px;
  83   padding:0;
  84   /*background-color:yellow;*/
  85   text-align:center;
  86
  87 }
  88
  89 ul.tricks a { text-decoration:none; color:#000;}
  90
  91 ul.tricks li {
  92   /*background-color:blue;*/
  93   margin:0.2em 0.5em;
  94   display:inline;
  95 }
  96 ul.tricks li:hover {
  97   background-color: yellow;
  98 }
  99
 100
 101 ul.tricks li div.trick {
 102   position:absolute;
 103   margin:0;
 104   padding:0;
 105 /*  border: 5px solid green;*/
 106   top: 8em;
 107   left: 20em;
 108   height:20em;
 109   width:20em;
 110   z-index:9;
 111   display:none;
 112 }
 113
 114 ul.tricks li div.trick img.arrow {
 115   position:absolute;
 116   margin:0;
 117   padding:0;
 118   top: 4em;
 119   left: 3em;
 120   height:14em;
 121   z-index:-2;
 122 }
 123
 124 hr {clear:both;}
 125
 126 /*ul.tricks li:hover div.table{ display:block; }*/
 127
 128 ul.tricks li div div.card0 {
 129   position:absolute;
 130   margin:0;
 131   padding:0;
 132   /*border: 1px solid red;*/
 133   top: 9em;
 134   right:27em;
 135 }
 136 ul.tricks li div div.card1 {
 137   position:absolute;
 138   margin:0;
 139   padding:0;
 140   /*border: 1px solid red;*/
 141   top: -3em;
 142   left:-3em;
 143   width:28em;
 144   text-align:center;
 145 }
 146 ul.tricks li div div.card2 {
 147   position:absolute;
 148   margin:0;
 149   padding:0;
 150   /*border: 1px solid red;*/
 151   top: 9em;
 152   right:-2em;
 153 }
 154 ul.tricks li div div.card3 {
 155   position:absolute;
 156   margin:0;
 157   padding:0;
 158   /*border: 1px solid red;*/
 159   top: 20em;
 160   left:-3em;
 161   width:28em;
 162   text-align:center;
 163 }
 164
 165 ul.tricks li div div img {
 166   position:absolute;
 167   height:6em;
 168   margin:0;
 169   padding:0;
 170 }
 171
 172 ul.tricks li div div.card0 img {
 173   top: -2em;
 174   left:5em;
 175 }
 176 ul.tricks li div div.card1 img {
 177   top: 3em;
 178   left:10em;
 179 }
 180 ul.tricks li div div.card2 img {
 181   top: -2em;
 182   left:-6em;
 183 }
 184 ul.tricks li div div.card3 img {
 185   top: -6em;
 186   left:10em;
 187 }
 188
 189
 190 ul.tricks li div div span {
 191   position:absolute;
 192   background-color:white;
 193   margin:0;
 194   padding:0;
 195   width:10em;
 196   border: 1px solid yellow;
 197   z-index:11;
 198 }
 199 ul.tricks li div div.card0 span{
 200   top:1em;
 201   left:-10em;
 202   border: 3px solid green;
 203 }
 204 ul.tricks li div div.card1 span{
 205   top:0em;
 206   left:1em;
 207   border: 3px solid green;
 208 }
 209 ul.tricks li div div.card2 span{
 210   top:-2em;
 211   left:0em;
 212   border: 3px solid green;
 213 }
 214 ul.tricks li div div.card3 span{
 215   top:1em;
 216   left:3em;
 217   border: 3px solid green;
 218 }
 219
 220 .mycards {
 221   clear:both;
 222   margin:0;
 223   margin-top:38em;
 224   padding:0;
 225   border:1px solid red;
 226   background-color:yellow;
 227 }
 228
 229 .mycards img {
 230   height:6em;
 231 }
 232
 233 .line{
 234   clear:both;
 235   border-top:2px solid gray;
 236   margin:0;
 237   padding:0;
 238 }
 239
 240 .info {
 241   float:right;
 242   border:2px solid gray;
 243   border-top:0;
 244 }
 245
 246 .ruleset {
 247   float:right;
 248   border:2px solid gray;
 249   border-top:0;
 250 }
 251
 252 .time {
 253   float:left;
 254   border:2px solid gray;
 255   border-top:0;
 256 }
 257
 258 .over {
 259   float:right;
 260   border:2px solid black;
 261   clear:right;
 262 }
 263
 264 .bug {
 265   float:left;
 266   width:10em;
 267   border:2px solid gray;
 268   border-top:0;
 269   padding-top:0.5em;
 270   clear:left;
 271 }