summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorArun Persaud <arun@nubati.net>2008-08-21 16:26:46 -0700
committerArun Persaud <apersaud@lbl.gov>2008-08-21 16:26:46 -0700
commit272e8bf819a02bb72b68afb6cb3b00eb843cdfda (patch)
tree245c0641a9ca29c3ea9d6f2b465f13a1aefaada2 /css
parent775bbd895cb60c0d62bd2cc2f1b2faeb00001efb (diff)
downloade-DoKo-272e8bf819a02bb72b68afb6cb3b00eb843cdfda.tar.gz
e-DoKo-272e8bf819a02bb72b68afb6cb3b00eb843cdfda.tar.bz2
e-DoKo-272e8bf819a02bb72b68afb6cb3b00eb843cdfda.zip
CLEANUP: started cleaning up the CSS file a bit
lots of work still needs to be done to make this readable again. It's pretty messed up with lots of things out of order and also the naming convention is not consistent. I'm also sure that you can achieve the same effect with a lot less layout. Signed-off-by: Arun Persaud <apersaud@lbl.gov>
Diffstat (limited to 'css')
-rw-r--r--css/standard010.css69
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;
}