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