diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/standard010.css | 69 |
1 files changed, 39 insertions, 30 deletions
diff --git a/css/standard010.css b/css/standard010.css index 41b3319..5e36e22 100644 --- a/css/standard010.css +++ b/css/standard010.css @@ -16,12 +16,15 @@ table, td, th { vertical-align: middle; } /* end reset */ +/* some general layout */ h1, h2, h3, h4, h5, h6, p {margin: 2px; padding: 1px;} body { background-color: #ddd; } + +/* the header, footer, etc */ .header { - background-color: white; + background-color: #fff; text-align: center; height: 4em; padding-top: 1.5em; @@ -40,7 +43,7 @@ body { background-color: #ddd; } } .main { - background-color: white; + background-color: #fff; margin-left: 3em; margin-right: 3em; min-height: 40em; @@ -68,6 +71,7 @@ body { background-color: #ddd; } font-size: smaller; } +/* all kind of message that should appear in the middle of the page/table */ .joingame,.sickness,.poverty,.total,.message { position: absolute; background-color: #fff; @@ -80,6 +84,7 @@ body { background-color: #ddd; } } +/* scoring */ .total .re { position: absolute; left: -4em; @@ -95,18 +100,19 @@ body { background-color: #ddd; } z-index:15; } +/* output possible rules for a new game */ .rules { margin-top:24em; } - +/* playing cards*/ .card { position:absolute; z-index:20; top:18em; left:28em; text-align:center; - background-color:white; + background-color:#fff; border:2px solid gray; } .card img { width:8em; } @@ -164,6 +170,8 @@ div.table div.table3 { left: 43.75%; } +/* display the card tricks */ + ul.tricks { position:relative; zoom:1; /* fixes an IE6 issue and hopefully doesn't mess up anything else */ @@ -220,6 +228,7 @@ hr {clear:both;} /*ul.tricks li:hover div.table{ display:block; }*/ +/* left player */ ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 { position:absolute; margin:0; @@ -247,6 +256,8 @@ ul.tricks li div div.card0 span.comment{ left:17.5%; width:16%; } + +/* top player */ ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 { position:absolute; margin:0; @@ -276,6 +287,8 @@ ul.tricks li div div.card1 span.comment{ width:16%; text-align:center; } + +/* right player */ ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{ position:absolute; margin:0; @@ -304,6 +317,8 @@ ul.tricks li div div.card2 span.comment{ width:16%; text-align:center; } + +/* bottom player */ ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{ position:absolute; margin:0; @@ -376,8 +391,10 @@ ul.tricks li div div span.comment span{ padding:0; } + +/* sessions */ .session { - border-bottom:1px solid black; + border-bottom:1px solid #000; text-align:center; } div.session div.sessionrules { @@ -392,8 +409,8 @@ div.session div.sessionscore { } div.session div.sessionrules div{ display:none; - background-color: white; - border: 1px solid black; + background-color: #fff; + border: 1px solid #000; position:absolute; z-index: 30; padding:0.5em; @@ -406,8 +423,8 @@ div.session div.sessionscore div{ width:12em; right:3em; display:none; - background-color: white; - border: 1px solid black; + background-color: #fff; + border: 1px solid #000; z-index: 30; } div.session div.sessionscore:hover div{ @@ -502,7 +519,7 @@ table.score { .cardinput { display:inline; position:relative; - border: 1px solid black; + border: 1px solid #000; } .cardinput img { @@ -554,48 +571,40 @@ table.stats td, table.stats th { margin-right: 0.2em; padding-left: 0.2em; padding-right: 0.2em; - border-right: solid 0.1em black; + border-right: solid 0.1em #000; } -table.stats tr td:last-child, table.stats tr th:last-child { border-right: solid 0 black; } +table.stats tr td:last-child, table.stats tr th:last-child { border-right: solid 0 #000; } + +table.stats th { border-bottom: solid 0.2em #000 } -table.stats th { border-bottom: solid 0.2em black } +/* the login window */ .login { text-align:center; padding-top: 1em; } .login p, { - padding: 0.1em; - padding-bottom: 0.15em; + padding: 0.1em 0.1em 0.15em; } .login h4 { - padding: 0.3em; - padding-bottom: 0.45em; + padding: 0.3em 0.3em 0.45em; } .login form{ width: 20em; margin: 0.5em auto; - padding: 0.5em; - padding-bottom: 1.5em; + padding: 0.5em 0.5em 1.5em; text-align: center; } -.login legend, .login label{ - padding: 0.5em; - padding-bottom: 0.75em; -} - -.login input{ - margin: 0.5em; - margin-bottom: 0.75em; +.login legend, .login label, .login input{ + padding: 0.5em 0.5em 0.75em; } .login fieldset { - border: 2px solid black; - padding: 0.5em; - padding-bottom: 0.75em; + border: 2px solid #000; + padding: 0.5em 0.5em 0.75em; background-color: #eee; } |