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>

diff --git a/css/standard010.css b/css/standard010.css
index 41b331944934706fc405a91bb7011a4cec57d592..5e36e22726c3b01e10bed1eeec835f993516580a 100644 (file)
--- 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; 
 }