css/standard.css

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