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 .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   left:0;
  92   padding:0;
  93 /*  border: 3px solid blue; */
  94   top: 8.2em;
  95   text-align:center;
  96 }
  97
  98 div.table img.table {
  99   position:absolute;
 100   width:25%;
 101   top:20%;
 102   height:22em;
 103   left:37.5%;
 104   z-indexk:9;
 105   display: block;
 106   margin:0;
 107   padding:0;
 108 }
 109 div.table div {
 110   /*background-color:green;*/
 111   position:absolute;
 112   width:12.5%;
 113   text-align:center;
 114   z-index:20;
 115 }
 116 div.table div img{
 117   /*background-color:green;*/
 118   width:20%;
 119 }
 120
 121 div.table div.table0 {
 122   top:45%;
 123   right:62.5%;
 124 }
 125 div.table div.table1 {
 126   top:5%;
 127   left:43.75%;
 128 }
 129 div.table div.table2 {
 130   top:45%;
 131   left:62.5%;
 132 }
 133 div.table div.table3 {
 134   bottom:5%;
 135   left: 43.75%;
 136 }
 137
 138 ul.tricks {
 139   position:relative;
 140   list-style:none;
 141   margin:3px;
 142   padding:0;
 143   padding-bottom:3px;
 144   text-align:center;
 145   border-bottom:1px solid #444;
 146 }
 147 ul.tricks a { text-decoration:none; color:#000;}
 148 ul.tricks li {
 149   /*background-color:blue;*/
 150   margin:0.1em;
 151   padding:0.2em 0.5em;
 152   display:inline;
 153 }
 154 ul.tricks li.old {  background-color:#fff; }
 155 ul.tricks li:hover {  background-color: #bbb;}
 156 ul.tricks li.nohighlight:hover {  background-color: #fff;}
 157
 158 ul.tricks li div.trick {
 159   position:absolute;
 160   width:100%;
 161   height:35em;
 162   top:1.2em;
 163   left: 0;
 164   margin:0;
 165   padding:0;
 166 /*  border: 2px solid red;*/
 167   display:block;
 168 }
 169 ul.tricks li div.trick {
 170   display:none;
 171 }
 172
 173 ul.tricks li div.trick img.arrow {
 174   position:absolute;
 175   margin:0;
 176   padding:0;
 177 /*  border: 5px solid blue;*/
 178   text-align:center;
 179   width:16%;
 180   height:16em;
 181   left:42%;
 182   right:42%;
 183   top:9em;
 184   z-index:8;
 185 }
 186
 187 hr {clear:both;}
 188
 189 /*ul.tricks li:hover div.table{ display:block; }*/
 190
 191 ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
 192   position:absolute;
 193   margin:0;
 194   padding:0;
 195   /*border: 1px solid red;*/
 196   top: 40%;
 197   left:37.5%;
 198   right:56x.5%;
 199   width:6%;
 200   z-index:9;
 201 }
 202 ul.tricks li div div.card0 span.comment{
 203   position:absolute;
 204   margin:0;
 205   padding:0;
 206   /*border: 1px solid red;*/
 207   top: 5%;
 208   right:66.5%;
 209   left:17.5%;
 210   width:16%;
 211 }
 212 ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
 213   position:absolute;
 214   margin:0;
 215   padding:0;
 216   /*border: 1px solid red;*/
 217   top: 20%;
 218   left:47%;
 219   right:47%;
 220   width:6%;
 221   text-align:center;
 222   z-index:9;
 223 }
 224 ul.tricks li div div.card1 span.comment{
 225   position:absolute;
 226   margin:0;
 227   padding:0;
 228   /*border: 1px solid red;*/
 229   top: 5%;
 230   left:66.5%;
 231   right:17.5%;
 232   width:16%;
 233   text-align:center;
 234 }
 235 ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
 236   position:absolute;
 237   margin:0;
 238   padding:0;
 239   /*border: 1px solid red;*/
 240   top: 40%;
 241   right:37.5%;
 242   left:56x.5%;
 243   width:6%;
 244   z-index:9;
 245 }
 246 ul.tricks li div div.card2 span.comment{
 247   position:absolute;
 248   margin:0;
 249   padding:0;
 250   /*border: 1px solid red;*/
 251   top: 80%;
 252   left:66.5%;
 253   right:17.5%;
 254   width:16%;
 255   text-align:center;
 256 }
 257 ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
 258   position:absolute;
 259   margin:0;
 260   padding:0;
 261   /*border: 1px solid red;*/
 262   bottom: 20%;
 263   left:47%;
 264   right:47%;
 265   width:6%;
 266   text-align:center;
 267   z-index:9;
 268 }
 269 ul.tricks li div div.card3 span.comment{
 270   position:absolute;
 271   margin:0;
 272   padding:0;
 273   /*border: 1px solid red;*/
 274   top: 80%;
 275   right:66.5%;
 276   left:17.5%;
 277   width:16%;
 278 }
 279
 280 span.comment{
 281  border: 3px solid green;
 282 }
 283
 284 ul.tricks li div div span.comment span{
 285   display:block;
 286   text-align:left;
 287   border-top:1px solid green;
 288 }
 289
 290 .mycards {
 291   margin:0;
 292   margin-top:34.5em;
 293   padding:0;
 294   border:1px solid red;
 295   background-color:yellow;
 296 }
 297
 298 .mycards img {
 299   height:6em;
 300 }
 301
 302 .exchange {
 303   clear:both;
 304   margin:0;
 305   padding:0;
 306   border:1px solid red;
 307   background-color:yellow;
 308 }
 309
 310 .exchange img {
 311   height:6em;
 312 }
 313
 314 .line{
 315   clear:both;
 316   border-top:2px solid gray;
 317   margin:0;
 318   padding:0;
 319 }
 320
 321 .session {
 322   border-bottom:1px solid black;
 323   text-align:center;
 324 }
 325
 326 .gameinfo, .useroptions {
 327   position:absolute;
 328   top:10em;
 329   right:0em;
 330   margin:1em;
 331   margin-top:0em;
 332   margin-right:0em;
 333
 334   width:12em;
 335
 336   border-top:    2px solid gray;
 337   border-left:   2px solid gray;
 338   border-bottom: 2px solid gray;
 339
 340   padding:0.3em;
 341
 342   background-color: #eee;
 343 }
 344
 345 .usermenu {
 346   position:absolute;
 347   top:10em;
 348   left:0;
 349   margin:1em;
 350   margin-top:0em;
 351   margin-left:0em;
 352
 353   width: 12em;
 354
 355   border-top:    2px solid gray;
 356   border-right:  2px solid gray;
 357   border-bottom: 2px solid gray;
 358
 359   padding:0.3em;
 360
 361   background-color: #eee;
 362 }
 363
 364 .notes {
 365   position:absolute;
 366   top:27em;
 367   left:0;
 368   margin:1em;
 369   margin-top:0em;
 370   margin-left:0em;
 371
 372   width: 12em;
 373
 374   border-top:    2px solid gray;
 375   border-right:  2px solid gray;
 376   border-bottom: 2px solid gray;
 377
 378   padding:0.3em;
 379
 380   background-color: #efefef;
 381
 382   height:10em;
 383   overflow: auto;
 384 }
 385
 386 .user { margin-left:25%;margin-right:25%; }
 387
 388 .over {
 389   text-align:center;
 390   margin-bottom:0.1em;
 391 }
 392
 393 .submitbutton {
 394   border:0;
 395   background-color: #efe;
 396 }
 397
 398 .submitbutton:hover {
 399   background-color:#afa;
 400 }
 401
 402
 403 .cardinput {
 404   display:inline;
 405   position:relative;
 406   border: 1px solid black;
 407 }
 408
 409 .cardinput img {
 410   width: 4em;
 411 }
 412
 413 .cardinput:hover{
 414   background-color:red;
 415 }
 416
 417 div span img.button {
 418   width: 2em;
 419 }
 420
 421 .gamestatuspre {
 422    padding: 0 0.3em;
 423
 424     background-color: #fd8901;
 425 }
 426 .gamestatusover {
 427    padding:0 0.3em;
 428   background-color: #f82c20 ;
 429 }
 430 .gamestatusplay {
 431   padding:0 0.3em;
 432   background-color: #15de26;
 433 }
 434
 435 .scoretable{
 436   height:10em;
 437   overflow: auto;
 438 }
 439 table.score {
 440   width:10em;
 441   border-collapse:collapse;
 442 }
 443
 444 .bigger {
 445   font-size:larger;
 446 }