css/standard007.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   zoom:1; /* fixes an IE6 issue and hopefully doesn't mess up anything else */
 156   list-style:none;
 157   margin:3px;
 158   padding:0;
 159   padding-bottom:3px;
 160   text-align:center;
 161   border-bottom:1px solid #444;
 162 }
 163 ul.tricks a { text-decoration:none; color:#000;}
 164 ul.tricks li {
 165   /*background-color:blue;*/
 166   margin:0.1em;
 167   padding:0.2em 0.5em;
 168   display:inline;
 169 }
 170 ul.tricks li.old {  background-color:#fff; }
 171 ul.tricks li:hover {  background-color: #bbb;}
 172 ul.tricks li.nohighlight:hover {  background-color: #fff;}
 173
 174 ul.tricks li div.trick {
 175   position:absolute;
 176   width:100%;
 177   height:35em;
 178   top:1.2em;
 179   left: 0;
 180   margin:0;
 181   padding:0;
 182 /*  border: 2px solid red;*/
 183   display:block;
 184 }
 185 ul.tricks li div.trick {
 186   display:none;
 187 }
 188
 189 ul.tricks li div.trick img.arrow {
 190   position:absolute;
 191   margin:0;
 192   padding:0;
 193 /*  border: 5px solid blue;*/
 194   text-align:center;
 195   width:16%;
 196   height:16em;
 197   left:42%;
 198   right:42%;
 199   top:11em;
 200   z-index:8;
 201 }
 202
 203 hr {clear:both;}
 204
 205 /*ul.tricks li:hover div.table{ display:block; }*/
 206
 207 ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
 208   position:absolute;
 209   margin:0;
 210   padding:0;
 211   /*border: 1px solid red;*/
 212   top: 45%;
 213   left:37.5%;
 214   right:56.5%;
 215   width:6%;
 216   z-index:30;
 217 }
 218 ul.tricks li div div.card0 span.comment{
 219   position:absolute;
 220   margin:0;
 221   padding:0;
 222   /*border: 1px solid red;*/
 223   top: 5%;
 224   right:66.5%;
 225   left:17.5%;
 226   width:16%;
 227 }
 228 ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
 229   position:absolute;
 230   margin:0;
 231   padding:0;
 232   /*border: 1px solid red;*/
 233   top: 25%;
 234   left:47%;
 235   right:47%;
 236   width:6%;
 237   text-align:center;
 238   z-index:30;
 239 }
 240 ul.tricks li div div.card1 span.comment{
 241   position:absolute;
 242   margin:0;
 243   padding:0;
 244   /*border: 1px solid red;*/
 245   top: 5%;
 246   left:66.5%;
 247   right:17.5%;
 248   width:16%;
 249   text-align:center;
 250 }
 251 ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
 252   position:absolute;
 253   margin:0;
 254   padding:0;
 255   /*border: 1px solid red;*/
 256   top: 45%;
 257   right:37.5%;
 258   left:56x.5%;
 259   width:6%;
 260   z-index:30;
 261 }
 262 ul.tricks li div div.card2 span.comment{
 263   position:absolute;
 264   margin:0;
 265   padding:0;
 266   /*border: 1px solid red;*/
 267   top: 85%;
 268   left:66.5%;
 269   right:17.5%;
 270   width:16%;
 271   text-align:center;
 272 }
 273 ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
 274   position:absolute;
 275   margin:0;
 276   padding:0;
 277   /*border: 1px solid red;*/
 278   bottom: 15%;
 279   left:47%;
 280   right:47%;
 281   width:6%;
 282   text-align:center;
 283   z-index:30;
 284 }
 285 ul.tricks li div div.card3 span.comment{
 286   position:absolute;
 287   margin:0;
 288   padding:0;
 289   /*border: 1px solid red;*/
 290   top: 85%;
 291   right:66.5%;
 292   left:17.5%;
 293   width:16%;
 294 }
 295
 296 span.comment{
 297  border: 3px solid green;
 298 }
 299
 300 ul.tricks li div div span.comment span{
 301   display:block;
 302   text-align:left;
 303   border-top:1px solid green;
 304 }
 305
 306 .mycards {
 307   margin:0;
 308   margin-top:34.5em;
 309   padding:0;
 310   border:1px solid red;
 311   background-color:yellow;
 312 }
 313
 314 .mycards img {
 315   height:6em;
 316 }
 317
 318 .exchange {
 319   clear:both;
 320   margin:0;
 321   padding:0;
 322   border:1px solid red;
 323   background-color:yellow;
 324 }
 325
 326 .exchange img {
 327   height:6em;
 328 }
 329
 330 .line{
 331   clear:both;
 332   border-top:2px solid gray;
 333   margin:0;
 334   padding:0;
 335 }
 336
 337 .session {
 338   border-bottom:1px solid black;
 339   text-align:center;
 340 }
 341 div.session div.sessionrules {
 342   width:19em;
 343   float:left ;
 344   text-align: left;
 345 }
 346 div.session div.sessionscore {
 347   width:19em;
 348   float:right ;
 349   text-align: right;
 350 }
 351 div.session div.sessionrules div{
 352   display:none;
 353   background-color: white;
 354   border: 1px solid black;
 355   position:absolute;
 356   z-index: 30;
 357   padding:0.5em;
 358 }
 359 div.session div.sessionrules:hover div{
 360   display:block;
 361 }
 362 div.session div.sessionscore div{
 363   position:absolute;
 364   width:12em;
 365   right:0em;
 366   display:none;
 367   background-color: white;
 368   border: 1px solid black;
 369   z-index: 30;
 370 }
 371 div.session div.sessionscore:hover div{
 372   display:block;
 373 }
 374
 375 .scoretable{
 376   height:20em;
 377   overflow: auto;
 378 }
 379 table.score {
 380   margin:0.5em;
 381   width:10em;
 382   border-collapse:collapse;
 383 }
 384
 385 .gameinfo {
 386   position:absolute;
 387   top:27em;
 388   right:0em;
 389   margin:1em;
 390   margin-top:0em;
 391   margin-right:0em;
 392
 393   width:12em;
 394
 395   border-top:    2px solid gray;
 396   border-left:   2px solid gray;
 397   border-bottom: 2px solid gray;
 398
 399   padding:0.3em;
 400
 401   background-color: #efefef;
 402 }
 403
 404 .usermenu {
 405   position:absolute;
 406   top:10em;
 407   left:0;
 408   margin:1em;
 409   margin-top:0em;
 410   margin-left:0em;
 411
 412   width: 12em;
 413
 414   border-top:    2px solid gray;
 415   border-right:  2px solid gray;
 416   border-bottom: 2px solid gray;
 417
 418   padding:0.3em;
 419
 420   background-color: #eee;
 421 }
 422
 423 .notes {
 424   position:absolute;
 425   top:27em;
 426   left:0;
 427   margin:1em;
 428   margin-top:0em;
 429   margin-left:0em;
 430
 431   width: 12em;
 432
 433   border-top:    2px solid gray;
 434   border-right:  2px solid gray;
 435   border-bottom: 2px solid gray;
 436
 437   padding:0.3em;
 438
 439   background-color: #efefef;
 440
 441   height:10em;
 442   overflow: auto;
 443 }
 444
 445 .user { margin-left:25%;margin-right:25%; }
 446 .wide { margin-left:5%;margin-right:5%; }
 447
 448 .over {
 449   text-align:center;
 450   margin-bottom:0.1em;
 451 }
 452
 453 .submitbutton {
 454   border:0;
 455   background-color: #efe;
 456 }
 457
 458 .submitbutton:hover {
 459   background-color:#afa;
 460 }
 461
 462
 463 .cardinput {
 464   display:inline;
 465   position:relative;
 466   border: 1px solid black;
 467 }
 468
 469 .cardinput img {
 470   width: 4em;
 471 }
 472
 473 .cardinput:hover{
 474   background-color:red;
 475 }
 476
 477 div span img.button {
 478   width: 2em;
 479 }
 480
 481 .gamestatuspre {
 482    padding: 0 0.3em;
 483
 484     background-color: #fd8901;
 485 }
 486 .gamestatusover {
 487    padding:0 0.3em;
 488   background-color: #f82c20 ;
 489 }
 490 .gamestatusplay {
 491   padding:0 0.3em;
 492   background-color: #15de26;
 493 }
 494
 495 .bigger {
 496   font-size:larger;
 497 }
 498
 499 caption {
 500   text-align: center;
 501   margin: 0.5em;
 502   padding: 0.5em;
 503   padding-bottom: 0em;
 504   margin-bottom: 0;
 505  }
 506 table.stats { margin: 0.5em 1em;
 507   border: solid 0.2em #aeaeae;
 508   -moz-border-radius: 0.5em ;
 509   float: left;
 510 }
 511 table.stats tr.odd  { background-color:#aeaeae; }
 512 table.stats tr.even { background-color:#eaeaea; }
 513 table.stats td, table.stats th {
 514   margin-left:  0.2em;
 515   margin-right: 0.2em;
 516   padding-left:  0.2em;
 517   padding-right: 0.2em;
 518   border-right: solid 0.1em black;
 519 }
 520 table.stats  tr td:last-child, table.stats  tr th:last-child { border-right: solid 0 black; }
 521
 522 table.stats th { border-bottom: solid 0.2em black }
 523