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