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