css/standard.css

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