LAYOUT: moved game status to top; cleaned up some css

[e-DoKo.git] / css / standard.css

diff --git a/css/standard.css b/css/standard.css
index 626c21814a4bd59e7ea85e6a573f3457a8c05fc0..5e6ee353edad5366e363ea73f7d839f3ef2f8006 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -23,7 +23,6 @@ body { background-color: #ddd; }
 header {
   background-color: #fff;
   text-align:       center;
 header {
   background-color: #fff;
   text-align:       center;

-  height:           4em;

   padding-top: 1.5em;
   margin: 0em 3em;
   border-bottom:    3px solid gray;
   padding-top: 1.5em;
   margin: 0em 3em;
   border-bottom:    3px solid gray;


@@ -38,22 +37,19 @@ header {
 
 .main {
   background-color: #fff;
 
 .main {
   background-color: #fff;

-  margin: 0em 3em;
-  padding: 1em 0em;
-  min-height: 40em;
+  padding: 0em 0em;
+  margin:  0em 3em;
+  padding-bottom: 1em;

 }
 
 footer {
   background-color: #fff;
 }
 
 footer {
   background-color: #fff;

-  margin-left: 3em;
-  margin-right: 3em;
-  padding:0;
+  margin: 0em 3em;
+  padding:0em 0.2em;

   border-top: 2px solid gray;
   border-top: 2px solid gray;

-  clear:both;
-  height: 8em;

 }
 }

-footer .right { float:right;   font-size:smaller;}
-footer .left  { float:left;  font-size:smaller; }
+footer .right { text-align:right;   font-size:smaller;}
+footer .left  { float:left;         font-size:smaller;}

 
 .status {
   position:absolute;
 
 .status {
   position:absolute;


@@ -66,6 +62,7 @@ footer .left  { float:left;  font-size:smaller; }
 .session {
   width: 100%;
   border-bottom: 1px solid #000;
 .session {
   width: 100%;
   border-bottom: 1px solid #000;

+  padding: 0.5em;

   text-align: center;
 }
 .session div.sessionrules {
   text-align: center;
 }
 .session div.sessionrules {


@@ -462,20 +459,9 @@ ul.tricks li div div span.comment span{
 }
 
 .usermenu {
 }
 
 .usermenu {

-  position:absolute;
-  top:10em;
-  left:3em;
-  margin:1em;
-  margin-top:0em;
-  margin-left:0em;
-
-  width: 12em;
-
-  border:    2px solid gray;
-
-  padding:0.3em;
-
-  background-color: #eee;
+  text-align: center;
+  padding:0.7em;
+  border-bottom: 1px solid black;

 }
 
 .notes {
 }
 
 .notes {


@@ -499,7 +485,10 @@ ul.tricks li div div span.comment span{
   z-index:50;
 }
 
   z-index:50;
 }
 

-.user { margin-left:25%;margin-right:5%; }
+.user {
+    margin-left:25%;
+    margin-right:5%;
+}

 
 div.user ul {
   list-style:none;
 
 div.user ul {
   list-style:none;


@@ -721,9 +710,12 @@ div.table div img.gravatar, img.gravatar  {
     width:  4em;
     height: 4em;
     border: 3px solid #aaa;
     width:  4em;
     height: 4em;
     border: 3px solid #aaa;

+}
+div.table div img.gravatar {

     float:left;
 }
 
     float:left;
 }
 

+

 div img.button {
     float: right;
     width: 2em;
 div img.button {
     float: right;
     width: 2em;


@@ -778,7 +770,6 @@ div span.numberoftricks {
   background-color: #fff;
   margin-left: 0em;
   margin-right: 0em;
   background-color: #fff;
   margin-left: 0em;
   margin-right: 0em;

-  min-height: 0em;

 }
 
 header, footer {
 }
 
 header, footer {


@@ -786,11 +777,10 @@ header, footer {
   margin-right: 0em;
 }
 
   margin-right: 0em;
 }
 

-

 .lastlogin {
   position: relative;
   left: 0em;
 .lastlogin {
   position: relative;
   left: 0em;

-  top: 0em;
+  top:  0em;

   width: 100%;
   text-align: center;
   border-top: 1px solid gray;
   width: 100%;
   text-align: center;
   border-top: 1px solid gray;


@@ -800,10 +790,6 @@ header, footer {
   right:0em;
 }
 
   right:0em;
 }
 

-.usermenu {
-  left: 0em;
-}
-

 .notes {
   position:relative;
   top:0em;
 .notes {
   position:relative;
   top:0em;