moved players positinon around the table a bit to center them better

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

diff --git a/css/standard.css b/css/standard.css
index a3bb40e33c05a6f97fa7a338859b08ea3a772794..0ca4ad25514c3aef6e2f0f9e312e8bd991d5b727 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -17,38 +17,15 @@
  *
  */
 
-/* reset CSS (taken from blueprint and modified a bit) */
-
-html, body, div, span,
-h1, h2, h3, h4, h5, h6, p,
-a,img,  dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, tbody, tfoot, thead, tr, th, td {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  vertical-align: baseline;
-}
-table { border-collapse: separate; border-spacing: 0; }
-caption, th, td { text-align: left; font-weight: normal; }
-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 {
+header {
   background-color: #fff;
   text-align:       center;
   height:           4em;
   padding-top: 1.5em;
-  margin-left: 3em;
-  margin-right: 3em;
+  margin: 0em 3em;
   border-bottom:    3px solid gray;
 }
 
@@ -61,12 +38,12 @@ body { background-color: #ddd; }
 
 .main {
   background-color: #fff;
-  margin-left: 3em;
-  margin-right: 3em;
+  margin: 0em 3em;
+  padding: 1em 0em;
   min-height: 40em;
 }
 
-.footer {
+footer {
   background-color: #fff;
   margin-left: 3em;
   margin-right: 3em;
@@ -75,8 +52,8 @@ body { background-color: #ddd; }
   clear:both;
   height: 8em;
 }
-.footer .right { float:right;   font-size:smaller;}
-.footer .left  { float:left;  font-size:smaller; }
+footer .right { float:right;   font-size:smaller;}
+footer .left  { float:left;  font-size:smaller; }
 
 .status {
   position:absolute;
@@ -207,30 +184,26 @@ div.table img.table {
 div.table div {
   /*background-color:green;*/
   position:absolute;
-  width:12.5%;
+  width:10.5%;
   text-align:center;
   z-index:20;
 }
-div.table div img{
-  /*background-color:green;*/
-  width:20%;
-}
 
 div.table div.table0 {
   top:45%;
-  right:62.5%;
+  right:63.5%;
 }
 div.table div.table1 {
-  top:0%;
-  left:43.75%;
+  top:2%;
+  left:44.75%;
 }
 div.table div.table2 {
   top:45%;
-  left:62.5%;
+  left:63.5%;
 }
 div.table div.table3 {
-  bottom:0%;
-  left: 43.75%;
+  bottom:2%;
+  left: 44.75%;
 }
 
 /* display the card tricks */
@@ -562,14 +535,9 @@ div.user ul li:first-child {
   position:relative;
   border: 1px solid #000;
 }
-
 .cardinput img { width: 4em;}
-
 .cardinput:hover{ background-color:red;}
 
-div span img.button { width: 2em;}
-div span img.tinybutton { width: 1.4em;}
-
 .gamestatuspre {
   padding: 0 0.3em;
   background-color: #f57900;
@@ -650,10 +618,38 @@ table.stats thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
   padding: 0.3em 0.3em 0.45em;
 }
 
-/* the login form */
-.login form{
+/* the login/register form */
+ul.loginregister {
+  width: 24em;
+  margin: 0.25em auto;
+  margin-top: 1.0em;
+  padding: 0.0em;
+  padding-top:0.5em;
+  text-align: right;
+  z-index: 1;
+ }
+
+ul.loginregister li {
+  display:inline;
+  border: 0px;
+  border-top: 2px solid #000;
+  border-left: 2px solid #000;
+  padding: 0.5em 0.75em;
+  padding-bottom: 0.25em;
+  background-color: #eee;
+}
+
+ul.loginregister li:last-child { border-right: 2px solid #000;}
+ul.loginregister li:hover {background-color: #aaa; }
+
+.doregister {display: none;}
+.dologin label,.doregister label {float:left; width: 6em; }
+
+
+.login fieldset{
   width: 24em;
-  margin: 0.5em auto;
+  margin: 0.0em auto;
+  margin-bottom: 0.5em;
   padding: 0.5em 0.5em  1.5em;
   text-align: center;
 }
@@ -664,6 +660,10 @@ fieldset {
   background-color: #eee;
 }
 
+fieldset p {
+  font-size:smaller;
+}
+
 .login label, .login input{ margin: 0.5em 0.5em 0.75em;}
 
 .login label{
@@ -702,6 +702,18 @@ div.table div img.gravatar, img.gravatar  {
     width:  4em;
     height: 4em;
     border: 3px solid #aaa;
+    float:left;
+}
+
+div img.button {
+    float: right;
+    width: 2em;
+}
+
+div span.numberoftricks {
+    text-align:center;
+    clear:both;
+    display:block;
 }
 
 .highcall {
@@ -739,6 +751,3 @@ div.table div img.gravatar, img.gravatar  {
 .about .translation {
     background-color: #fce94f;
 }
-
-
-