standard.css

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