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