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   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   left: 0;
 163   margin:0;
 164   padding:0;
 165 /*  border: 2px solid red;*/
 166   display:block;
 167 }
 168 ul.tricks li div.trick {
 169   display:none;
 170 }
 171
 172 ul.tricks li div.trick img.arrow {
 173   position:absolute;
 174   margin:0;
 175   padding:0;
 176 /*  border: 5px solid blue;*/
 177   text-align:center;
 178   width:16%;
 179   height:16em;
 180   left:42%;
 181   right:42%;
 182   top:9em;
 183   z-index:8;
 184 }
 185
 186 hr {clear:both;}
 187
 188 /*ul.tricks li:hover div.table{ display:block; }*/
 189
 190 ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score{
 191   position:absolute;
 192   margin:0;
 193   padding:0;
 194   /*border: 1px solid red;*/
 195   top: 40%;
 196   left:37.5%;
 197   right:56x.5%;
 198   width:6%;
 199   z-index:9;
 200 }
 201 ul.tricks li div div.card0 span.comment{
 202   position:absolute;
 203   margin:0;
 204   padding:0;
 205   /*border: 1px solid red;*/
 206   top: 5%;
 207   right:66.5%;
 208   left:17.5%;
 209   width:16%;
 210 }
 211 ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score {
 212   position:absolute;
 213   margin:0;
 214   padding:0;
 215   /*border: 1px solid red;*/
 216   top: 20%;
 217   left:47%;
 218   right:47%;
 219   width:6%;
 220   text-align:center;
 221   z-index:9;
 222 }
 223 ul.tricks li div div.card1 span.comment{
 224   position:absolute;
 225   margin:0;
 226   padding:0;
 227   /*border: 1px solid red;*/
 228   top: 5%;
 229   left:66.5%;
 230   right:17.5%;
 231   width:16%;
 232   text-align:center;
 233 }
 234 ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score{
 235   position:absolute;
 236   margin:0;
 237   padding:0;
 238   /*border: 1px solid red;*/
 239   top: 40%;
 240   right:37.5%;
 241   left:56x.5%;
 242   width:6%;
 243   z-index:9;
 244 }
 245 ul.tricks li div div.card2 span.comment{
 246   position:absolute;
 247   margin:0;
 248   padding:0;
 249   /*border: 1px solid red;*/
 250   top: 80%;
 251   left:66.5%;
 252   right:17.5%;
 253   width:16%;
 254   text-align:center;
 255 }
 256 ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score{
 257   position:absolute;
 258   margin:0;
 259   padding:0;
 260   /*border: 1px solid red;*/
 261   bottom: 20%;
 262   left:47%;
 263   right:47%;
 264   width:6%;
 265   text-align:center;
 266   z-index:9;
 267 }
 268 ul.tricks li div div.card3 span.comment{
 269   position:absolute;
 270   margin:0;
 271   padding:0;
 272   /*border: 1px solid red;*/
 273   top: 80%;
 274   right:66.5%;
 275   left:17.5%;
 276   width:16%;
 277 }
 278
 279 span.comment{
 280  border: 3px solid green;
 281 }
 282
 283 ul.tricks li div div span.comment span{
 284   display:block;
 285   text-align:left;
 286   border-top:1px solid green;
 287 }
 288
 289 .mycards {
 290   margin:0;
 291   margin-top:34.5em;
 292   padding:0;
 293   border:1px solid red;
 294   background-color:yellow;
 295 }
 296
 297 .mycards img {
 298   height:6em;
 299 }
 300
 301 .exchange {
 302   clear:both;
 303   margin:0;
 304   padding:0;
 305   border:1px solid red;
 306   background-color:yellow;
 307 }
 308
 309 .exchange img {
 310   height:6em;
 311 }
 312
 313 .line{
 314   clear:both;
 315   border-top:2px solid gray;
 316   margin:0;
 317   padding:0;
 318 }
 319
 320 .session {
 321   border-bottom:1px solid black;
 322   text-align:center;
 323 }
 324
 325 .gameinfo, .useroptions {
 326   position:absolute;
 327   top:10em;
 328   right:0em;
 329   margin:1em;
 330   margin-top:0em;
 331   margin-right:0em;
 332
 333   width:12em;
 334
 335   border-top:    2px solid gray;
 336   border-left:   2px solid gray;
 337   border-bottom: 2px solid gray;
 338
 339   padding:0.3em;
 340
 341   background-color: #eee;
 342 }
 343
 344 .usermenu {
 345   position:absolute;
 346   top:10em;
 347   left:0;
 348   margin:1em;
 349   margin-top:0em;
 350   margin-left:0em;
 351
 352   width: 12em;
 353
 354   border-top:    2px solid gray;
 355   border-right:  2px solid gray;
 356   border-bottom: 2px solid gray;
 357
 358   padding:0.3em;
 359
 360   background-color: #eee;
 361 }
 362
 363 .user { margin-left:25%;margin-right:25%; }
 364
 365 .over {
 366   text-align:center;
 367   margin-bottom:0.1em;
 368 }
 369
 370 .submitbutton {
 371   border:0;
 372   background-color: #efe;
 373 }
 374
 375 .submitbutton:hover {
 376   background-color:#afa;
 377 }
 378
 379
 380 .cardinput {
 381   display:inline;
 382   position:relative;
 383   border: 1px solid black;
 384 }
 385
 386 .cardinput img {
 387   width: 4em;
 388 }
 389
 390 .cardinput:hover{
 391   background-color:red;
 392 }
 393
 394 div span img.button {
 395   width: 2em;
 396 }
 397
 398 .gamestatuspre {
 399    padding: 0 0.3em;
 400
 401     background-color: #fd8901;
 402 }
 403 .gamestatusover {
 404    padding:0 0.3em;
 405   background-color: #f82c20 ;
 406 }
 407 .gamestatusplay {
 408   padding:0 0.3em;
 409   background-color: #15de26;
 410 }
 411
 412 .scoretable{
 413   height:10em;
 414   overflow: auto;
 415 }
 416 table.score {
 417   width:10em;
 418   border-collapse:collapse;
 419 }
 420
 421 .bigger {
 422   font-size:larger;
 423 }