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