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