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   /*background-color:yellow;*/
  79   text-align:center;
  80   border-bottom:1px solid #444;
  81 }
  82 ul.tricks a { text-decoration:none; color:#000;}
  83 ul.tricks li {
  84   /*background-color:blue;*/
  85   margin:0;
  86   padding:0.2em 0.5em;
  87   display:inline;
  88 }
  89 ul.tricks li.old {  background-color:#fff; }
  90 ul.tricks li:hover {  background-color: #bbb;}
  91 ul.tricks li.nohighlight:hover {  background-color: #fff;}
  92
  93
  94 ul.tricks li div.trick {
  95   position:absolute;
  96   margin:0;
  97   padding:0;
  98 /*  border: 5px solid green;*/
  99   top: 8em;
 100   left: 20em;
 101   height:20em;
 102   width:20em;
 103   z-index:9;
 104   display:none;
 105 }
 106
 107 ul.tricks li div.trick img.arrow {
 108   position:absolute;
 109   margin:0;
 110   padding:0;
 111   top: 4em;
 112   left: 3em;
 113   height:14em;
 114   z-index:-2;
 115 }
 116
 117 hr {clear:both;}
 118
 119 /*ul.tricks li:hover div.table{ display:block; }*/
 120
 121 ul.tricks li div div.card0 {
 122   position:absolute;
 123   margin:0;
 124   padding:0;
 125   /*border: 1px solid red;*/
 126   top: 9em;
 127   right:27em;
 128 }
 129 ul.tricks li div div.card1 {
 130   position:absolute;
 131   margin:0;
 132   padding:0;
 133   /*border: 1px solid red;*/
 134   top: -3em;
 135   left:-3em;
 136   width:28em;
 137   text-align:center;
 138 }
 139 ul.tricks li div div.card2 {
 140   position:absolute;
 141   margin:0;
 142   padding:0;
 143   /*border: 1px solid red;*/
 144   top: 9em;
 145   right:-2em;
 146 }
 147 ul.tricks li div div.card3 {
 148   position:absolute;
 149   margin:0;
 150   padding:0;
 151   /*border: 1px solid red;*/
 152   top: 20em;
 153   left:-3em;
 154   width:28em;
 155   text-align:center;
 156 }
 157
 158 ul.tricks li div div img {
 159   position:absolute;
 160   height:6em;
 161   margin:0;
 162   padding:0;
 163 }
 164
 165 ul.tricks li div div.card0 img {
 166   top: -2em;
 167   left:5em;
 168 }
 169 ul.tricks li div div.card1 img {
 170   top: 3em;
 171   left:10em;
 172 }
 173 ul.tricks li div div.card2 img {
 174   top: -2em;
 175   left:-6em;
 176 }
 177 ul.tricks li div div.card3 img {
 178   top: -6em;
 179   left:10em;
 180 }
 181
 182
 183 ul.tricks li div div span {
 184   position:absolute;
 185   background-color:white;
 186   margin:0;
 187   padding:0;
 188   width:10em;
 189   border: 1px solid yellow;
 190   z-index:11;
 191 }
 192 ul.tricks li div div.card0 span{
 193   top:4em;
 194   left:-10em;
 195   border: 3px solid green;
 196 }
 197 ul.tricks li div div.card1 span{
 198   top:-2em;
 199   left:1em;
 200   border: 3px solid green;
 201 }
 202 ul.tricks li div div.card2 span{
 203   top:-2em;
 204   left:0em;
 205   border: 3px solid green;
 206 }
 207 ul.tricks li div div.card3 span{
 208   top:2em;
 209   left:20em;
 210   border: 3px solid green;
 211 }
 212
 213 .mycards {
 214   clear:both;
 215   margin:0;
 216   margin-top:33em;
 217   padding:0;
 218   border:1px solid red;
 219   background-color:yellow;
 220 }
 221
 222 .mycards img {
 223   height:6em;
 224 }
 225
 226 .exchange {
 227   clear:both;
 228   margin:0;
 229   padding:0;
 230   border:1px solid red;
 231   background-color:yellow;
 232 }
 233
 234 .exchange img {
 235   height:6em;
 236 }
 237
 238 .line{
 239   clear:both;
 240   border-top:2px solid gray;
 241   margin:0;
 242   padding:0;
 243 }
 244
 245 .session {
 246   border-bottom:1px solid black;
 247 }
 248
 249 .ruleset {
 250   float:left;
 251   margin:0;
 252   margin-top:10.5em;
 253   border:2px solid gray;
 254   padding:0.3em;
 255 }
 256
 257
 258 .bug {
 259   float:left;
 260   margin-top:8.5em;
 261   width:10em;
 262   border:2px solid gray;
 263   padding-top:0.5em;
 264   clear:left;
 265 }
 266
 267 .over {
 268   text-align:center;
 269   margin-bottom:0.1em;
 270 }
 271
 272 .submitbutton {
 273   border:0;
 274   background-color: #efe;
 275 }
 276
 277 .submitbutton:hover {
 278   background-color:#afa;
 279 }
 280
 281 .useroptions{
 282   float:right;
 283   padding-left:0.3em;
 284   border-left: 1px solid #aaa;
 285   border-bottom: 1px solid #aaa;
 286 }
 287 .useroptions h4 {
 288     margin:0.1em;
 289     margin-left:0em;
 290     padding:0.1em;
 291     padding-left:0em;
 292     text-aling:left;
 293 }
 294
 295 .cardinput {
 296   display:inline;
 297   position:relative;
 298   border: 1px solid black;
 299 }
 300
 301 .cardinput img {
 302   width: 4em;
 303 }
 304
 305 .cardinput:hover{
 306   background-color:red;
 307 }
 308
 309 div span img.button {
 310   height: 2em;
 311   width: 2em;
 312
 313 }