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   padding-bottom:3px;
  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;
  85   padding:0.2em 0.5em;
  86   display:inline;
  87 }
  88 ul.tricks li.old {  background-color:#fff; }
  89 ul.tricks li:hover {  background-color: #bbb;}
  90 ul.tricks li.nohighlight:hover {  background-color: #fff;}
  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.comment {
 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 span.comment:hover {
 191   z-index:11;
 192 }
 193 ul.tricks li div div.card0 span.comment{
 194   top:4em;
 195   left:-10em;
 196   border: 3px solid green;
 197 }
 198 ul.tricks li div div.card1 span.comment{
 199   top:-2em;
 200   left:1em;
 201   border: 3px solid green;
 202 }
 203 ul.tricks li div div.card2 span.comment{
 204   top:-2em;
 205   left:0em;
 206   border: 3px solid green;
 207 }
 208 ul.tricks li div div.card3 span.comment{
 209   top:2em;
 210   left:20em;
 211   border: 3px solid green;
 212 }
 213 ul.tricks li div div span.comment span{
 214   display:block;
 215   width:10em;
 216   text-align:left;
 217   border-top:1px solid green;
 218 }
 219
 220 .mycards {
 221   clear:both;
 222   margin:0;
 223   margin-top:33em;
 224   padding:0;
 225   border:1px solid red;
 226   background-color:yellow;
 227 }
 228
 229 .mycards img {
 230   height:6em;
 231 }
 232
 233 .exchange {
 234   clear:both;
 235   margin:0;
 236   padding:0;
 237   border:1px solid red;
 238   background-color:yellow;
 239 }
 240
 241 .exchange img {
 242   height:6em;
 243 }
 244
 245 .line{
 246   clear:both;
 247   border-top:2px solid gray;
 248   margin:0;
 249   padding:0;
 250 }
 251
 252 .session {
 253   border-bottom:1px solid black;
 254   text-align:center;
 255 }
 256
 257 .ruleset {
 258   position:absolute;
 259   top:10.5em;
 260   border:2px solid gray;
 261   padding:0.3em;
 262 }
 263
 264
 265 .bug {
 266   position:absolute;
 267   top:17.5em;
 268   width:10em;
 269   border:2px solid gray;
 270   padding-top:0.5em;
 271   clear:left;
 272 }
 273
 274 .over {
 275   text-align:center;
 276   margin-bottom:0.1em;
 277 }
 278
 279 .submitbutton {
 280   border:0;
 281   background-color: #efe;
 282 }
 283
 284 .submitbutton:hover {
 285   background-color:#afa;
 286 }
 287
 288 .useroptions{
 289   float:right;
 290   padding-left:0.3em;
 291   border-left: 1px solid #aaa;
 292   border-bottom: 1px solid #aaa;
 293 }
 294 .useroptions h4 {
 295     margin:0.1em;
 296     margin-left:0em;
 297     padding:0.1em;
 298     padding-left:0em;
 299     text-aling:left;
 300 }
 301
 302 .cardinput {
 303   display:inline;
 304   position:relative;
 305   border: 1px solid black;
 306 }
 307
 308 .cardinput img {
 309   width: 4em;
 310 }
 311
 312 .cardinput:hover{
 313   background-color:red;
 314 }
 315
 316 div span img.button {
 317   height: 2em;
 318   width: 2em;
 319
 320 }