css/standard.css

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