1 /* reset CSS (taken from blueprint and modified a bit) */
4 h1, h2, h3, h4, h5, h6, p,
5 a,img, dl, dt, dd, ol, ul, li,
6 fieldset, form, label, legend,
7 table, tbody, tfoot, thead, tr, th, td {
11 vertical-align: baseline;
13 table { border-collapse: separate; border-spacing: 0; }
14 caption, th, td { text-align: left; font-weight: normal; }
15 table, td, th { vertical-align: middle; }
19 /* some general layout */
20 h1, h2, h3, h4, h5, h6, p {margin: 2px; padding: 1px;}
22 body { background-color: #ddd; }
25 /* the header, footer, etc */
27 background-color: #fff;
33 border-bottom: 3px solid gray;
46 background-color: #fff;
53 background-color: #fff;
58 border-top: 2px solid gray;
62 .footer .right { float:right; font-size:smaller;
64 .footer .left { float:left; font-size:smaller;
74 /* all kind of message that should appear in the middle of the page/table */
75 .joingame,.sickness,.poverty,.total,.message {
77 background-color: #fff;
96 background-color: #eee;
103 background-color: #eee;
107 /* output possible rules for a new game */
119 background-color:#fff;
120 border:2px solid gray;
122 .card img { width:8em; }
124 /* display the table and the names */
132 /* border: 3px solid blue; */
137 div.table img.table {
149 /*background-color:green;*/
156 /*background-color:green;*/
160 div.table div.table0 {
164 div.table div.table1 {
168 div.table div.table2 {
172 div.table div.table3 {
177 /* display the card tricks */
181 zoom:1; /* fixes an IE6 issue and hopefully doesn't mess up anything else */
187 border-bottom:1px solid #444;
189 ul.tricks a { text-decoration:none; color:#000;}
191 /*background-color:blue;*/
196 ul.tricks li.old { background-color:#fff; }
197 ul.tricks li:hover { background-color: #bbb;}
198 ul.tricks li.nohighlight:hover { background-color: #fff;}
200 ul.tricks li div.trick {
208 /* border: 2px solid red;*/
211 ul.tricks li div.trick {
215 ul.tricks li div.trick img.arrow {
219 /* border: 5px solid blue;*/
229 #trick0 img { float:left; width: 3em; }
233 /*ul.tricks li:hover div.table{ display:block; }*/
236 ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
240 /*border: 1px solid red;*/
253 ul.tricks li div div.card0 span.comment{
257 /*border: 1px solid red;*/
265 ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
269 /*border: 1px solid red;*/
283 ul.tricks li div div.card1 span.comment{
287 /*border: 1px solid red;*/
296 ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
300 /*border: 1px solid red;*/
313 ul.tricks li div div.card2 span.comment{
317 /*border: 1px solid red;*/
326 ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
330 /*border: 1px solid red;*/
344 ul.tricks li div div.card3 span.comment{
348 /*border: 1px solid red;*/
356 border: 3px solid green;
359 ul.tricks li div div span.comment span{
362 border-top:1px solid green;
369 border-top: 2px solid gray;
370 /* border-bottom: 2px solid green;*/
371 background-color: #faffc7;
383 border:1px solid red;
384 background-color:yellow;
393 border-top:2px solid gray;
401 border-bottom:1px solid #000;
404 div.session div.sessionrules {
409 div.session div.sessionscore {
414 div.session div.sessionrules div{
416 background-color: #fff;
417 border: 1px solid #000;
422 div.session div.sessionrules:hover div{
425 div.session div.sessionscore div{
430 background-color: #fff;
431 border: 1px solid #000;
434 div.session div.sessionscore:hover div{
437 div.session img.rulesicon {
448 border-collapse:collapse;
463 border: 2px solid gray;
464 background-color: #efefef;
477 border: 2px solid gray;
481 background-color: #eee;
494 border: 2px solid gray;
498 background-color: #efefef;
505 .user { margin-left:25%;margin-right:5%; }
506 .user td.usergames { width:50%; }
507 .wide { margin-left:5%;margin-right:5%; }
516 padding-bottom: 0.3em;
518 background-color: #efe;
521 .submitbutton:hover {
522 background-color:#afa;
529 border: 1px solid #000;
537 background-color:red;
540 div span img.button {
547 background-color: #fd8901;
551 background-color: #f82c20 ;
555 background-color: #15de26;
569 table.stats { margin: 0.5em 1em;
570 border: solid 0.2em #aeaeae;
571 -moz-border-radius: 0.5em ;
574 table.stats tr.odd { background-color:#aeaeae; }
575 table.stats tr.even { background-color:#eaeaea; }
576 table.stats td, table.stats th {
580 padding-right: 0.2em;
581 border-right: solid 0.1em #000;
583 table.stats tr td:last-child, table.stats tr th:last-child { border-right: solid 0 #000; }
585 table.stats th { border-bottom: solid 0.2em #000 }
588 /* the login window */
595 padding: 0.1em 0.1em 0.15em;
598 padding: 0.3em 0.3em 0.45em;
604 padding: 0.5em 0.5em 1.5em;
608 .login legend, .login label, .login input{
609 padding: 0.5em 0.5em 0.75em;
613 border: 2px solid #000;
614 padding: 0.5em 0.5em 0.75em;
615 background-color: #eee;
618 .login .submitbutton {
619 background-color: #fff;
622 .login .submitbutton:hover {
623 background-color: #aaa;