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