LAYOUT: fixed some typos, changed CSS a bit

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

diff --git a/css/standard.css b/css/standard.css
index 68247267731074c4035d9206c77b10e4b1746533..d536394e7b10bea4985b0a12ce140386e8364649 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -16,7 +16,7 @@
   min-height: 40em;
 }
 
-.footer { 
+.footer {
   margin:0;
   margin-top:0.3em;
   padding:0;
@@ -24,24 +24,40 @@
   font-size:smaller;
   clear:both;
 }
-.footer .right{  float:right; }
-.footer .left{  float:left; }
+.footer .right { float:right; }
+.footer .left  { float:left; }
 
 .status {
   position:absolute;
   right:1em;
   top:0.1em;
   font-size: smaller;
-} 
+}
 
 .joingame,.sickness,.poverty,.total,.message {
  position: absolute;
  width: 20%;
-
- top:20em;
+ top:22em;
  left:40%;
  right:40%;
  text-align: center;
+ z-index:22
+}
+
+
+.total .re {
+ position: absolute;
+ left: -4em;
+ top:8em;
+ background-color: #fff;
+ z-index:15;
+}
+.total .contra {
+ position: absolute;
+ right: -4em;
+ top:8em;
+ background-color: #fff;
+ z-index:15;
 }
 
 .poverty {
@@ -55,7 +71,7 @@ margin-top:20em;
 }
 
 
-.card { 
+.card {
   position:absolute;
   z-index:20;
   top:18em;
@@ -69,53 +85,53 @@ margin-top:20em;
 /* display the table and the names */
 div.table {
   position:absolute;
-  left:25%;
-  right:25%;
+  width:99%;
+  height:35em;
   margin:0;
   padding:0;
-/*  border: 5px solid blue;*/
-  top: 16em;
+//  border: 3px solid blue;
+  top: 8.2em;
   text-align:center;
 }
 
-div.table img { 
-  top:25%;
-  bottom:25%;
-  height:50%;
-  width:50%;
+div.table img.table {
+  position:absolute;
+  width:25%;
+  top:20%;
+  height:22em;
+  left:37.5%;
   z-index:9;
   display: block;
-  margin-left: auto;
-  margin-right: auto
+  margin:0;
+  padding:0;
 }
 div.table div {
   /*background-color:green;*/
   position:absolute;
-  width:25%;
-  height:25%;
+  width:12.5%;
   text-align:center;
+  z-index:20;
 }
 div.table div img{
   /*background-color:green;*/
-  width:25%;
-  height:25%;
+  width:20%;
 }
 
 div.table div.table0 {
-  top:37.5%;
-  left:0%;
+  top:45%;
+  right:62.5%;
 }
 div.table div.table1 {
-  top:-25%;
-  left:37.5%; 
+  top:5%;
+  left:43.75%;
 }
 div.table div.table2 {
-  top:37.5%;
-  left:75%;
+  top:45%;
+  left:62.5%;
 }
 div.table div.table3 {
-  bottom:-25%;
-  left: 37.5%;
+  bottom:5%;
+  left: 43.75%;
 }
 
 ul.tricks {
@@ -130,14 +146,24 @@ ul.tricks {
 ul.tricks a { text-decoration:none; color:#000;}
 ul.tricks li {
   /*background-color:blue;*/
-  margin:0;
-  padding:0.2em 0.5em;  
+  margin:0.1em;
+  padding:0.2em 0.5em;
   display:inline;
 }
 ul.tricks li.old {  background-color:#fff; }
 ul.tricks li:hover {  background-color: #bbb;}
 ul.tricks li.nohighlight:hover {  background-color: #fff;}
 
+ul.tricks li div.trick {
+  position:absolute;
+  width:100%;
+  height:35em;
+  top:1.2em;
+  margin:0;
+  padding:0;
+//  border: 2px solid red;
+  display:block;
+}
 ul.tricks li div.trick {
   display:none;
 }
@@ -149,9 +175,10 @@ ul.tricks li div.trick img.arrow {
 /*  border: 5px solid blue;*/
   text-align:center;
   width:16%;
+  height:16em;
   left:42%;
   right:42%;
-  top:12em;
+  top:9em;
   z-index:8;
 }
 
@@ -164,7 +191,7 @@ ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 16em;
+  top: 40%;
   left:37.5%;
   right:56x.5%;
   width:6%;
@@ -175,7 +202,7 @@ ul.tricks li div div.card0 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 3em;
+  top: 5%;
   right:66.5%;
   left:17.5%;
   width:16%;
@@ -185,7 +212,7 @@ ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score {
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 10em;
+  top: 20%;
   left:47%;
   right:47%;
   width:6%;
@@ -197,7 +224,7 @@ ul.tricks li div div.card1 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 3em;
+  top: 5%;
   left:66.5%;
   right:17.5%;
   width:16%;
@@ -208,7 +235,7 @@ ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 16em;
+  top: 40%;
   right:37.5%;
   left:56x.5%;
   width:6%;
@@ -219,7 +246,7 @@ ul.tricks li div div.card2 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 24em;
+  top: 80%;
   left:66.5%;
   right:17.5%;
   width:16%;
@@ -230,7 +257,7 @@ ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 22em;
+  bottom: 20%;
   left:47%;
   right:47%;
   width:6%;
@@ -242,7 +269,7 @@ ul.tricks li div div.card3 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
-  top: 24em;
+  top: 80%;
   right:66.5%;
   left:17.5%;
   width:16%;
@@ -260,7 +287,7 @@ ul.tricks li div div span.comment span{
 
 .mycards {
   margin:0;
-  margin-top:33em;
+  margin-top:34.5em;
   padding:0;
   border:1px solid red;
   background-color:yellow;
@@ -332,20 +359,20 @@ ul.tricks li div div span.comment span{
   background-color: #eee;
 }
 
-.user { margin-left:25%;margin-right:25%; } 
+.user { margin-left:25%;margin-right:25%; }
 
-.over { 
+.over {
   text-align:center;
   margin-bottom:0.1em;
 }
 
-.submitbutton { 
+.submitbutton {
   border:0;
   background-color: #efe;
 }
 
-.submitbutton:hover { 
-  background-color:#afa; 
+.submitbutton:hover {
+  background-color:#afa;
 }
 
 
@@ -364,13 +391,12 @@ ul.tricks li div div span.comment span{
 }
 
 div span img.button {
-  height: 2em; 
   width: 2em;
 }
 
 .gamestatuspre {
    padding: 0 0.3em;
-    
+
     background-color: #fd8901;
 }
 .gamestatusover {
@@ -389,4 +415,8 @@ div span img.button {
 table.score {
   width:10em;
   border-collapse:collapse;
+}
+
+.bigger {
+  font-size:larger;
 }
\ No newline at end of file