css/standard006.css

   1 /* reset CSS (taken from blueprint and modified a bit) */
   2
   3 html, body, div, span,
   4 h1, h2, h3, h4, h5, h6, p,
   5 a,img,  dl, dt, dd, ol, ul, li,
   6 fieldset, form, label, legend,
   7 table, tbody, tfoot, thead, tr, th, td {
   8   margin: 0;
   9   padding: 0;
  10   border: 0;
  11   vertical-align: baseline;
  12 }
  13 table { border-collapse: separate; border-spacing: 0; }
  14 caption, th, td { text-align: left; font-weight: normal; }
  15 table, td, th { vertical-align: middle; }
  16
  17 /*  end reset */
  18
  19 h1, h2, h3, h4, h5, h6, p {margin: 2px; padding: 1px;}
  20
  21 .header {
  22   background-color: white;
  23   text-align:       center;
  24   height:           4em;
  25   border-bottom:    3px solid gray;
  26 }
  27
  28 .lastlogin {
  29   position:absolute;
  30   font-size:smaller;
  31   top:0;
  32   left:0;
  33 }
  34
  35 .main {
  36   min-height: 40em;
  37 }
  38
  39 .footer {
  40   margin:0;
  41   margin-top:0.3em;
  42   padding:0;
  43   border-top: 2px solid #444;
  44   font-size:smaller;
  45   clear:both;
  46 }
  47 .footer .right { float:right; }
  48 .footer .left  { float:left; }
  49
  50 .status {
  51   position:absolute;
  52   right:1em;
  53   top:0.1em;
  54   font-size: smaller;
  55 }
  56
  57 .joingame,.sickness,.poverty,.total,.message {
  58  position: absolute;
  59  background-color: #fff;
  60  width: 20%;
  61  top:19em;
  62  left:40%;
  63  right:40%;
  64  text-align: center;
  65  z-index:22
  66 }
  67
  68
  69 .total .re {
  70  position: absolute;
  71  left: -4em;
  72  top:8em;
  73  background-color: #fff;
  74  z-index:15;
  75 }
  76 .total .contra {
  77  position: absolute;
  78  right: -4em;
  79  top:8em;
  80  background-color: #fff;
  81  z-index:15;
  82 }
  83
  84 .rules {
  85   margin-top:24em;
  86 }
  87
  88
  89 .card {
  90   position:absolute;
  91   z-index:20;
  92   top:18em;
  93   left:28em;
  94   text-align:center;
  95   background-color:white;
  96   border:2px solid gray;
  97 }
  98 .card img { width:8em; }
  99
 100 /* display the table and the names */
 101 div.table {
 102   position:absolute;
 103   width:100%;
 104   height:35em;
 105   margin:0;
 106   left:0;
 107   padding:0;
 108 /*  border: 3px solid blue; */
 109   top: 8.2em;
 110   text-align:center;
 111 }
 112
 113 div.table img.table {
 114   position:absolute;
 115   width:25%;
 116   top:20%;
 117   height:22em;
 118   left:37.5%;
 119   z-indexk:9;
 120   display: block;
 121   margin:0;
 122   padding:0;
 123 }
 124 div.table div {
 125   /*background-color:green;*/
 126   position:absolute;
 127   width:12.5%;
 128   text-align:center;
 129   z-index:20;
 130 }
 131 div.table div img{
 132   /*background-color:green;*/
 133   width:20%;
 134 }
 135
 136 div.table div.table0 {
 137   top:45%;
 138   right:62.5%;
 139 }
 140 div.table div.table1 {
 141   top:5%;
 142   left:43.75%;
 143 }
 144 div.table div.table2 {
 145   top:45%;
 146   left:62.5%;
 147 }
 148 div.table div.table3 {
 149   bottom:5%;
 150   left: 43.75%;
 151 }
 152
 153 ul.tricks {
 154   position:relative;
 155   list-style:none;
 156   margin:3px;
 157   padding:0;
 158   padding-bottom:3px;
 159   text-align:center;
 160   border-bottom:1px solid #444;
 161 }
 162 ul.tricks a { text-decoration:none; color:#000;}
 163 ul.tricks li {
 164   /*background-color:blue;*/
 165   margin:0.1em;
 166   padding:0.2em 0.5em;
 167   display:inline;
 168 }
 169 ul.tricks li.old {  background-color:#fff; }
 170 ul.tricks li:hover {  background-color: #bbb;}
 171 ul.tricks li.nohighlight:hover {  background-color: #fff;}
 172
 173 ul.tricks li div.trick {
 174   position:absolute;
 175   width:100%;
 176   height:35em;
 177   top:1.2em;
 178   left: 0;
 179   margin:0;
 180   padding:0;
 181 /*  border: 2px solid red;*/
 182   display:block;
 183 }
 184 ul.tricks li div.trick {
 185   display:none;
 186 }
 187
 188 ul.tricks li div.trick img.arrow {
 189   position:absolute;
 190   margin:0;
 191   padding:0;
 192 /*  border: 5px solid blue;*/
 193   text-align:center;
 194   width:16%;
 195   height:16em;
 196   left:42%;
 197   right:42%;
 198   top:11em;
 199   z-index:8;
 200 }
 201
 202 hr {clear:both;}
 203
 204 /*ul.tricks li:hover div.table{ display:block; }*/
 205
 206 ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
 207   position:absolute;
 208   margin:0;
 209   padding:0;
 210   /*border: 1px solid red;*/
 211   top: 45%;
 212   left:37.5%;
 213   right:56.5%;
 214   width:6%;
 215   z-index:30;
 216 }
 217 ul.tricks li div div.card0 span.comment{
 218   position:absolute;
 219   margin:0;
 220   padding:0;
 221   /*border: 1px solid red;*/
 222   top: 5%;
 223   right:66.5%;
 224   left:17.5%;
 225   width:16%;
 226 }
 227 ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
 228   position:absolute;
 229   margin:0;
 230   padding:0;
 231   /*border: 1px solid red;*/
 232   top: 25%;
 233   left:47%;
 234   right:47%;
 235   width:6%;
 236   text-align:center;
 237   z-index:30;
 238 }
 239 ul.tricks li div div.card1 span.comment{
 240   position:absolute;
 241   margin:0;
 242   padding:0;
 243   /*border: 1px solid red;*/
 244   top: 5%;
 245   left:66.5%;
 246   right:17.5%;
 247   width:16%;
 248   text-align:center;
 249 }
 250 ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
 251   position:absolute;
 252   margin:0;
 253   padding:0;
 254   /*border: 1px solid red;*/
 255   top: 45%;
 256   right:37.5%;
 257   left:56x.5%;
 258   width:6%;
 259   z-index:30;
 260 }
 261 ul.tricks li div div.card2 span.comment{
 262   position:absolute;
 263   margin:0;
 264   padding:0;
 265   /*border: 1px solid red;*/
 266   top: 85%;
 267   left:66.5%;
 268   right:17.5%;
 269   width:16%;
 270   text-align:center;
 271 }
 272 ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
 273   position:absolute;
 274   margin:0;
 275   padding:0;
 276   /*border: 1px solid red;*/
 277   bottom: 15%;
 278   left:47%;
 279   right:47%;
 280   width:6%;
 281   text-align:center;
 282   z-index:30;
 283 }
 284 ul.tricks li div div.card3 span.comment{
 285   position:absolute;
 286   margin:0;
 287   padding:0;
 288   /*border: 1px solid red;*/
 289   top: 85%;
 290   right:66.5%;
 291   left:17.5%;
 292   width:16%;
 293 }
 294
 295 span.comment{
 296  border: 3px solid green;
 297 }
 298
 299 ul.tricks li div div span.comment span{
 300   display:block;
 301   text-align:left;
 302   border-top:1px solid green;
 303 }
 304
 305 .mycards {
 306   margin:0;
 307   margin-top:34.5em;
 308   padding:0;
 309   border:1px solid red;
 310   background-color:yellow;
 311 }
 312
 313 .mycards img {
 314   height:6em;
 315 }
 316
 317 .exchange {
 318   clear:both;
 319   margin:0;
 320   padding:0;
 321   border:1px solid red;
 322   background-color:yellow;
 323 }
 324
 325 .exchange img {
 326   height:6em;
 327 }
 328
 329 .line{
 330   clear:both;
 331   border-top:2px solid gray;
 332   margin:0;
 333   padding:0;
 334 }
 335
 336 .session {
 337   border-bottom:1px solid black;
 338   text-align:center;
 339 }
 340 div.session div.sessionrules {
 341   width:19em;
 342   float:left ;
 343   text-align: left;
 344 }
 345 div.session div.sessionscore {
 346   width:19em;
 347   float:right ;
 348   text-align: right;
 349 }
 350 div.session div.sessionrules div{
 351   display:none;
 352   background-color: white;
 353   border: 1px solid black;
 354   position:absolute;
 355   z-index: 30;
 356   padding:0.5em;
 357 }
 358 div.session div.sessionrules:hover div{
 359   display:block;
 360 }
 361 div.session div.sessionscore div{
 362   position:absolute;
 363   width:12em;
 364   right:0em;
 365   display:none;
 366   background-color: white;
 367   border: 1px solid black;
 368   z-index: 30;
 369 }
 370 div.session div.sessionscore:hover div{
 371   display:block;
 372 }
 373
 374 .scoretable{
 375   height:20em;
 376   overflow: auto;
 377 }
 378 table.score {
 379   margin:0.5em;
 380   width:10em;
 381   border-collapse:collapse;
 382 }
 383
 384 .gameinfo {
 385   position:absolute;
 386   top:27em;
 387   right:0em;
 388   margin:1em;
 389   margin-top:0em;
 390   margin-right:0em;
 391
 392   width:12em;
 393
 394   border-top:    2px solid gray;
 395   border-left:   2px solid gray;
 396   border-bottom: 2px solid gray;
 397
 398   padding:0.3em;
 399
 400   background-color: #efefef;
 401 }
 402
 403 .usermenu {
 404   position:absolute;
 405   top:10em;
 406   left:0;
 407   margin:1em;
 408   margin-top:0em;
 409   margin-left:0em;
 410
 411   width: 12em;
 412
 413   border-top:    2px solid gray;
 414   border-right:  2px solid gray;
 415   border-bottom: 2px solid gray;
 416
 417   padding:0.3em;
 418
 419   background-color: #eee;
 420 }
 421
 422 .notes {
 423   position:absolute;
 424   top:27em;
 425   left:0;
 426   margin:1em;
 427   margin-top:0em;
 428   margin-left:0em;
 429
 430   width: 12em;
 431
 432   border-top:    2px solid gray;
 433   border-right:  2px solid gray;
 434   border-bottom: 2px solid gray;
 435
 436   padding:0.3em;
 437
 438   background-color: #efefef;
 439
 440   height:10em;
 441   overflow: auto;
 442 }
 443
 444 .user { margin-left:25%;margin-right:25%; }
 445 .wide { margin-left:5%;margin-right:5%; }
 446
 447 .over {
 448   text-align:center;
 449   margin-bottom:0.1em;
 450 }
 451
 452 .submitbutton {
 453   border:0;
 454   background-color: #efe;
 455 }
 456
 457 .submitbutton:hover {
 458   background-color:#afa;
 459 }
 460
 461
 462 .cardinput {
 463   display:inline;
 464   position:relative;
 465   border: 1px solid black;
 466 }
 467
 468 .cardinput img {
 469   width: 4em;
 470 }
 471
 472 .cardinput:hover{
 473   background-color:red;
 474 }
 475
 476 div span img.button {
 477   width: 2em;
 478 }
 479
 480 .gamestatuspre {
 481    padding: 0 0.3em;
 482
 483     background-color: #fd8901;
 484 }
 485 .gamestatusover {
 486    padding:0 0.3em;
 487   background-color: #f82c20 ;
 488 }
 489 .gamestatusplay {
 490   padding:0 0.3em;
 491   background-color: #15de26;
 492 }
 493
 494 .bigger {
 495   font-size:larger;
 496 }
 497
 498 caption {
 499   text-align: center;
 500   margin: 0.5em;
 501   padding: 0.5em;
 502   padding-bottom: 0em;
 503   margin-bottom: 0;
 504  }
 505 table.stats { margin: 0.5em 1em;
 506   border: solid 0.2em #aeaeae;
 507   -moz-border-radius: 0.5em ;
 508   float: left;
 509 }
 510 table.stats tr.odd  { background-color:#aeaeae; }
 511 table.stats tr.even { background-color:#eaeaea; }
 512 table.stats td, table.stats th {
 513   margin-left:  0.2em;
 514   margin-right: 0.2em;
 515   padding-left:  0.2em;
 516   padding-right: 0.2em;
 517   border-right: solid 0.1em black;
 518 }
 519 table.stats  tr td:last-child, table.stats  tr th:last-child { border-right: solid 0 black; }
 520
 521 table.stats th { border-bottom: solid 0.2em black }
 522