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 word-wrap: break-word;
362 ul.tricks li div div span.comment span{
365 border-top:1px solid green;
372 border-top: 2px solid gray;
373 /* border-bottom: 2px solid green;*/
374 background-color: #faffc7;
386 border:1px solid red;
387 background-color:yellow;
396 border-top:2px solid gray;
404 border-bottom:1px solid #000;
407 div.session div.sessionrules {
412 div.session div.sessionscore {
417 div.session div.sessionrules div{
419 background-color: #fff;
420 border: 1px solid #000;
425 div.session div.sessionrules:hover div{
428 div.session div.sessionscore div{
433 background-color: #fff;
434 border: 1px solid #000;
437 div.session div.sessionscore:hover div{
440 div.session img.rulesicon {
451 border-collapse:collapse;
466 border: 2px solid gray;
467 background-color: #efefef;
480 border: 2px solid gray;
484 background-color: #eee;
497 border: 2px solid gray;
501 background-color: #efefef;
508 .user { margin-left:25%;margin-right:5%; }
509 .user td.usergames { width:50%; }
510 .wide { margin-left:5%;margin-right:5%; }
519 padding-bottom: 0.3em;
521 background-color: #efe;
524 .submitbutton:hover {
525 background-color:#afa;
532 border: 1px solid #000;
540 background-color:red;
543 div span img.button {
549 background-color: #fd8901;
553 background-color: #f82c20 ;
557 background-color: #15de26;
575 table.stats { margin: 0.5em 1em;
576 border: solid 0.2em #aeaeae;
577 -moz-border-radius: 0.5em ;
580 table.stats tr.odd { background-color:#aeaeae; }
581 table.stats tr.even { background-color:#eaeaea; }
582 table.stats td, table.stats th {
586 padding-right: 0.2em;
587 border-right: solid 0.1em #000;
589 table.stats tr td:last-child, table.stats tr th:last-child { border-right: solid 0 #000; }
591 table.stats th { border-bottom: solid 0.2em #000 }
594 /* the login window */
601 padding: 0.1em 0.1em 0.15em;
604 padding: 0.3em 0.3em 0.45em;
610 padding: 0.5em 0.5em 1.5em;
614 .login legend, .login label, .login input{
615 padding: 0.5em 0.5em 0.75em;
619 border: 2px solid #000;
620 padding: 0.5em 0.5em 0.75em;
621 background-color: #eee;
624 .login .submitbutton {
625 background-color: #fff;
628 .login .submitbutton:hover {
629 background-color: #aaa;