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