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