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 .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   margin:0;
  60   padding:0;
  61 /*  border: 5px solid blue;*/
  62   top: 14em;
  63   left: 20em;
  64 }
  65
  66 div.table img {
  67   height:20em;
  68   width:20em;
  69   z-index:9;
  70 }
  71 div.table span {
  72   /*background-color:green;*/
  73   position:absolute;
  74   width:13em;
  75 }
  76 div.table span span{
  77   /*background-color:green;*/
  78   position:relative;
  79 }
  80
  81 div.table span.table0 {
  82   top:9em;
  83   left:-15em;
  84   text-align:right;
  85 }
  86 div.table span.table1 {
  87   top:-3.5em;
  88   left: 0em;
  89   width:20em;
  90   text-align:center;
  91 }
  92 div.table span.table2 {
  93   top:9em;
  94   left:22em;
  95   text-align:left;
  96   vertical-align:center;
  97 }
  98 div.table span.table3 {
  99   top:21.5em;
 100   left: 0em;
 101   width:20em;
 102   text-align:center;
 103 }
 104
 105 ul.tricks {
 106   position:relative;
 107   list-style:none;
 108   margin:3px;
 109   padding:0;
 110   padding-bottom:3px;
 111   text-align:center;
 112   border-bottom:1px solid #444;
 113 }
 114 ul.tricks a { text-decoration:none; color:#000;}
 115 ul.tricks li {
 116   /*background-color:blue;*/
 117   margin:0;
 118   padding:0.2em 0.5em;
 119   display:inline;
 120 }
 121 ul.tricks li.old {  background-color:#fff; }
 122 ul.tricks li:hover {  background-color: #bbb;}
 123 ul.tricks li.nohighlight:hover {  background-color: #fff;}
 124
 125 ul.tricks li div.trick {
 126   position:absolute;
 127   margin:0;
 128   padding:0;
 129 /*  border: 5px solid green;*/
 130   top: 8em;
 131   left: 20em;
 132   height:20em;
 133   width:20em;
 134   z-index:9;
 135   display:none;
 136 }
 137
 138 ul.tricks li div.trick img.arrow {
 139   position:absolute;
 140   margin:0;
 141   padding:0;
 142   top: 4em;
 143   left: 3em;
 144   height:14em;
 145   z-index:-2;
 146 }
 147
 148 hr {clear:both;}
 149
 150 /*ul.tricks li:hover div.table{ display:block; }*/
 151
 152 ul.tricks li div div.card0 {
 153   position:absolute;
 154   margin:0;
 155   padding:0;
 156   /*border: 1px solid red;*/
 157   top: 7em;
 158   right:22em;
 159 }
 160 ul.tricks li div div.card1 {
 161   position:absolute;
 162   margin:0;
 163   padding:0;
 164   /*border: 1px solid red;*/
 165   top: 1em;
 166   left:-7em;
 167   width:28em;
 168   text-align:center;
 169 }
 170 ul.tricks li div div.card2 {
 171   position:absolute;
 172   margin:0;
 173   padding:0;
 174   /*border: 1px solid red;*/
 175   top: 7em;
 176   left: 15em;
 177 }
 178 ul.tricks li div div.card3 {
 179   position:absolute;
 180   margin:0;
 181   padding:0;
 182   /*border: 1px solid red;*/
 183   top: 15em;
 184   left:-7em;
 185   width:28em;
 186   text-align:center;
 187 }
 188
 189 ul.tricks li div div img {
 190   position:absolute;
 191   height:6em;
 192   margin:0;
 193   padding:0;
 194 }
 195
 196 ul.tricks li div div span.comment {
 197   position:absolute;
 198   background-color:white;
 199   margin:0;
 200   padding:0;
 201   width:10em;
 202   border: 1px solid yellow;
 203   z-index:-11;
 204 }
 205
 206 ul.tricks li div div span.score {
 207   position:absolute;
 208   width:5em;
 209   background-color: #fff;
 210 }
 211 ul.tricks li div div.card0 span.score {
 212   top: 1em;
 213   left: 2em;
 214 }
 215 ul.tricks li div div.card1 span.score {
 216     top: -1em;
 217     left: 14em;
 218 }
 219 ul.tricks li div div.card2 span.score {
 220     top: 1em;
 221     left: -1em;
 222 }
 223 ul.tricks li div div.card3 span.score {
 224     top: 2em;
 225     left: 14em;
 226 }
 227
 228 ul.tricks li div div span.comment:hover {
 229   z-index:11;
 230 }
 231 ul.tricks li div div span.comment {
 232   z-index:-11;
 233 }
 234 ul.tricks li div div.card0 span.comment{
 235   top:6em;
 236   left:-15em;
 237   border: 3px solid green;
 238 }
 239 ul.tricks li div div.card1 span.comment{
 240   top:-5em;
 241   left:-4em;
 242   border: 3px solid green;
 243 }
 244 ul.tricks li div div.card2 span.comment{
 245   top:-8em;
 246   left:6em;
 247   border: 3px solid green;
 248 }
 249 ul.tricks li div div.card3 span.comment{
 250   top:5em;
 251   left:27em;
 252   border: 3px solid green;
 253 }
 254 ul.tricks li div div span.comment span{
 255   display:block;
 256   width:10em;
 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 {
 298   position:absolute;
 299   top:9em;
 300   right:0em;
 301
 302   width:12em;
 303
 304   border-top:    2px solid gray;
 305   border-left:   2px solid gray;
 306   border-bottom: 2px solid gray;
 307
 308   padding:0.3em;
 309
 310   background-color: #eee;
 311 }
 312
 313
 314 .usermenu {
 315   position:absolute;
 316   top:9em;
 317   left:0em;
 318
 319   width: 12em;
 320
 321   border-top:    2px solid gray;
 322   border-right:  2px solid gray;
 323   border-bottom: 2px solid gray;
 324
 325   padding:0.3em;
 326
 327   background-color: #eee;
 328 }
 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 .useroptions{
 345   float:right;
 346   padding-left:0.3em;
 347   border-left: 1px solid #aaa;
 348   border-bottom: 1px solid #aaa;
 349 }
 350 .useroptions h4 {
 351     margin:0.1em;
 352     margin-left:0em;
 353     padding:0.1em;
 354     padding-left:0em;
 355     text-align:left;
 356 }
 357
 358 .cardinput {
 359   display:inline;
 360   position:relative;
 361   border: 1px solid black;
 362 }
 363
 364 .cardinput img {
 365   width: 4em;
 366 }
 367
 368 .cardinput:hover{
 369   background-color:red;
 370 }
 371
 372 div span img.button {
 373   height: 2em;
 374   width: 2em;
 375
 376 }