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 .status {
  18  position:absolute;
  19  right:1em;
  20  top:0.1em;
  21  font-size: smaller;
  22  }
  23
  24 .card {
  25   position:absolute;
  26   z-index:20;
  27   top:18em;
  28   left:28em;
  29   text-align:center;
  30   background-color:white;
  31   border:2px solid gray;
  32 }
  33 .card img { width:8em; }
  34
  35 /* display the table and the names */
  36 div.table {
  37   position:absolute;
  38   margin:0;
  39   padding:0;
  40 /*  border: 5px solid blue;*/
  41   top: 14em;
  42   left: 20em;
  43 }
  44
  45 div.table img {
  46   height:20em;
  47   width:20em;
  48   z-index:9;
  49 }
  50 div.table span {
  51   /*background-color:green;*/
  52   position:absolute;
  53   width:13em;
  54 }
  55 div.table span.table0 {
  56   top:9em;
  57   left:-15em;
  58   text-align:right;
  59 }
  60 div.table span.table1 {
  61   top:-3.5em;
  62   left: 0em;
  63   width:20em;
  64   text-align:center;
  65 }
  66 div.table span.table2 {
  67   top:9em;
  68   left:22em;
  69   text-align:left;
  70   vertical-align:center;
  71 }
  72 div.table span.table3 {
  73   top:21.5em;
  74   left: 0em;
  75   width:20em;
  76   text-align:center;
  77 }
  78
  79 ul.tricks {
  80   position:relative;
  81   list-style:none;
  82   margin:3px;
  83   padding:0;
  84   padding-bottom:3px;
  85   text-align:center;
  86   border-bottom:1px solid #444;
  87 }
  88 ul.tricks a { text-decoration:none; color:#000;}
  89 ul.tricks li {
  90   /*background-color:blue;*/
  91   margin:0;
  92   padding:0.2em 0.5em;
  93   display:inline;
  94 }
  95 ul.tricks li.old {  background-color:#fff; }
  96 ul.tricks li:hover {  background-color: #bbb;}
  97 ul.tricks li.nohighlight:hover {  background-color: #fff;}
  98
  99 ul.tricks li div.trick {
 100   position:absolute;
 101   margin:0;
 102   padding:0;
 103 /*  border: 5px solid green;*/
 104   top: 8em;
 105   left: 20em;
 106   height:20em;
 107   width:20em;
 108   z-index:9;
 109   display:none;
 110 }
 111
 112 ul.tricks li div.trick img.arrow {
 113   position:absolute;
 114   margin:0;
 115   padding:0;
 116   top: 4em;
 117   left: 3em;
 118   height:14em;
 119   z-index:-2;
 120 }
 121
 122 hr {clear:both;}
 123
 124 /*ul.tricks li:hover div.table{ display:block; }*/
 125
 126 ul.tricks li div div.card0 {
 127   position:absolute;
 128   margin:0;
 129   padding:0;
 130   /*border: 1px solid red;*/
 131   top: 9em;
 132   right:27em;
 133 }
 134 ul.tricks li div div.card1 {
 135   position:absolute;
 136   margin:0;
 137   padding:0;
 138   /*border: 1px solid red;*/
 139   top: -3em;
 140   left:-3em;
 141   width:28em;
 142   text-align:center;
 143 }
 144 ul.tricks li div div.card2 {
 145   position:absolute;
 146   margin:0;
 147   padding:0;
 148   /*border: 1px solid red;*/
 149   top: 9em;
 150   right:-2em;
 151 }
 152 ul.tricks li div div.card3 {
 153   position:absolute;
 154   margin:0;
 155   padding:0;
 156   /*border: 1px solid red;*/
 157   top: 20em;
 158   left:-3em;
 159   width:28em;
 160   text-align:center;
 161 }
 162
 163 ul.tricks li div div img {
 164   position:absolute;
 165   height:6em;
 166   margin:0;
 167   padding:0;
 168 }
 169
 170 ul.tricks li div div.card0 img {
 171   top: -2em;
 172   left:5em;
 173 }
 174 ul.tricks li div div.card1 img {
 175   top: 3em;
 176   left:10em;
 177 }
 178 ul.tricks li div div.card2 img {
 179   top: -2em;
 180   left:-6em;
 181 }
 182 ul.tricks li div div.card3 img {
 183   top: -6em;
 184   left:10em;
 185 }
 186
 187
 188 ul.tricks li div div span.comment {
 189   position:absolute;
 190   background-color:white;
 191   margin:0;
 192   padding:0;
 193   width:10em;
 194   border: 1px solid yellow;
 195   z-index:-11;
 196 }
 197 ul.tricks li div div span.comment:hover {
 198   z-index:11;
 199 }
 200 ul.tricks li div div.card0 span.comment{
 201   top:4em;
 202   left:-10em;
 203   border: 3px solid green;
 204 }
 205 ul.tricks li div div.card1 span.comment{
 206   top:-2em;
 207   left:1em;
 208   border: 3px solid green;
 209 }
 210 ul.tricks li div div.card2 span.comment{
 211   top:-2em;
 212   left:0em;
 213   border: 3px solid green;
 214 }
 215 ul.tricks li div div.card3 span.comment{
 216   top:2em;
 217   left:20em;
 218   border: 3px solid green;
 219 }
 220 ul.tricks li div div span.comment span{
 221   display:block;
 222   width:10em;
 223   text-align:left;
 224   border-top:1px solid green;
 225 }
 226
 227 .mycards {
 228   clear:both;
 229   margin:0;
 230   margin-top:33em;
 231   padding:0;
 232   border:1px solid red;
 233   background-color:yellow;
 234 }
 235
 236 .mycards img {
 237   height:6em;
 238 }
 239
 240 .exchange {
 241   clear:both;
 242   margin:0;
 243   padding:0;
 244   border:1px solid red;
 245   background-color:yellow;
 246 }
 247
 248 .exchange img {
 249   height:6em;
 250 }
 251
 252 .line{
 253   clear:both;
 254   border-top:2px solid gray;
 255   margin:0;
 256   padding:0;
 257 }
 258
 259 .session {
 260   border-bottom:1px solid black;
 261   text-align:center;
 262 }
 263
 264 .ruleset {
 265   position:absolute;
 266   top:10.5em;
 267   border:2px solid gray;
 268   padding:0.3em;
 269 }
 270
 271
 272 .bug {
 273   position:absolute;
 274   top:17.5em;
 275   width:10em;
 276   border:2px solid gray;
 277   padding-top:0.5em;
 278   clear:left;
 279 }
 280
 281 .over {
 282   text-align:center;
 283   margin-bottom:0.1em;
 284 }
 285
 286 .submitbutton {
 287   border:0;
 288   background-color: #efe;
 289 }
 290
 291 .submitbutton:hover {
 292   background-color:#afa;
 293 }
 294
 295 .useroptions{
 296   float:right;
 297   padding-left:0.3em;
 298   border-left: 1px solid #aaa;
 299   border-bottom: 1px solid #aaa;
 300 }
 301 .useroptions h4 {
 302     margin:0.1em;
 303     margin-left:0em;
 304     padding:0.1em;
 305     padding-left:0em;
 306     text-align:left;
 307 }
 308
 309 .cardinput {
 310   display:inline;
 311   position:relative;
 312   border: 1px solid black;
 313 }
 314
 315 .cardinput img {
 316   width: 4em;
 317 }
 318
 319 .cardinput:hover{
 320   background-color:red;
 321 }
 322
 323 div span img.button {
 324   height: 2em;
 325   width: 2em;
 326
 327 }