BUGFIX: a comment for schweinchen was issued even in solo games without schweinchen

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

diff --git a/css/standard.css b/css/standard.css
index 68247267731074c4035d9206c77b10e4b1746533..2862248b08f8e20c1436f384071951fe0cf0314b 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -16,7 +16,7 @@
   min-height: 40em;
 }
 
   min-height: 40em;
 }
 

-.footer { 
+.footer {

   margin:0;
   margin-top:0.3em;
   padding:0;
   margin:0;
   margin-top:0.3em;
   padding:0;


@@ -24,24 +24,40 @@
   font-size:smaller;
   clear:both;
 }
   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;
 
 .status {
   position:absolute;
   right:1em;
   top:0.1em;
   font-size: smaller;

-} 
+}

 
 .joingame,.sickness,.poverty,.total,.message {
  position: absolute;
  width: 20%;
 
 .joingame,.sickness,.poverty,.total,.message {
  position: absolute;
  width: 20%;

-
- top:20em;
+ top:22em;

  left:40%;
  right:40%;
  text-align: center;
  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 {
 }
 
 .poverty {


@@ -55,7 +71,7 @@ margin-top:20em;
 }
 
 
 }
 
 

-.card { 
+.card {

   position:absolute;
   z-index:20;
   top:18em;
   position:absolute;
   z-index:20;
   top:18em;


@@ -69,53 +85,54 @@ margin-top:20em;
 /* display the table and the names */
 div.table {
   position:absolute;
 /* display the table and the names */
 div.table {
   position:absolute;

-  left:25%;
-  right:25%;
+  width:99%;
+  height:35em;

   margin:0;
   margin:0;

+  left:0;

   padding:0;
   padding:0;

-/*  border: 5px solid blue;*/
-  top: 16em;
+/*  border: 3px solid blue; */
+  top: 8.2em;

   text-align:center;
 }
 
   text-align:center;
 }
 

-div.table img { 
-  top:25%;
-  bottom:25%;
-  height:50%;
-  width:50%;
-  z-index:9;
+div.table img.table {
+  position:absolute;
+  width:25%;
+  top:20%;
+  height:22em;
+  left:37.5%;
+  z-indexk:9;

   display: block;
   display: block;

-  margin-left: auto;
-  margin-right: auto
+  margin:0;
+  padding:0;

 }
 div.table div {
   /*background-color:green;*/
   position:absolute;
 }
 div.table div {
   /*background-color:green;*/
   position:absolute;

-  width:25%;
-  height:25%;
+  width:12.5%;

   text-align:center;
   text-align:center;

+  z-index:20;

 }
 div.table div img{
   /*background-color:green;*/
 }
 div.table div img{
   /*background-color:green;*/

-  width:25%;
-  height:25%;
+  width:20%;

 }
 
 div.table div.table0 {
 }
 
 div.table div.table0 {

-  top:37.5%;
-  left:0%;
+  top:45%;
+  right:62.5%;

 }
 div.table div.table1 {
 }
 div.table div.table1 {

-  top:-25%;
-  left:37.5%; 
+  top:5%;
+  left:43.75%;

 }
 div.table div.table2 {
 }
 div.table div.table2 {

-  top:37.5%;
-  left:75%;
+  top:45%;
+  left:62.5%;

 }
 div.table div.table3 {
 }
 div.table div.table3 {

-  bottom:-25%;
-  left: 37.5%;
+  bottom:5%;
+  left: 43.75%;

 }
 
 ul.tricks {
 }
 
 ul.tricks {


@@ -130,14 +147,25 @@ ul.tricks {
 ul.tricks a { text-decoration:none; color:#000;}
 ul.tricks li {
   /*background-color:blue;*/
 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;}
 
   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;
+  left: 0;
+  margin:0;
+  padding:0;
+/*  border: 2px solid red;*/
+  display:block;
+}

 ul.tricks li div.trick {
   display:none;
 }
 ul.tricks li div.trick {
   display:none;
 }


@@ -149,9 +177,10 @@ ul.tricks li div.trick img.arrow {
 /*  border: 5px solid blue;*/
   text-align:center;
   width:16%;
 /*  border: 5px solid blue;*/
   text-align:center;
   width:16%;

+  height:16em;

   left:42%;
   right:42%;
   left:42%;
   right:42%;

-  top:12em;
+  top:9em;

   z-index:8;
 }
 
   z-index:8;
 }
 


@@ -159,12 +188,12 @@ hr {clear:both;}
 
 /*ul.tricks li:hover div.table{ display:block; }*/
 
 
 /*ul.tricks li:hover div.table{ display:block; }*/
 

-ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score{
+ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {

   position:absolute;
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
   position:absolute;
   margin:0;
   padding:0;
   /*border: 1px solid red;*/

-  top: 16em;
+  top: 40%;

   left:37.5%;
   right:56x.5%;
   width:6%;
   left:37.5%;
   right:56x.5%;
   width:6%;


@@ -175,17 +204,17 @@ ul.tricks li div div.card0 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
   margin:0;
   padding:0;
   /*border: 1px solid red;*/

-  top: 3em;
+  top: 5%;

   right:66.5%;
   left:17.5%;
   width:16%;
 }
   right:66.5%;
   left:17.5%;
   width:16%;
 }

-ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score {
+ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {

   position:absolute;
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
   position:absolute;
   margin:0;
   padding:0;
   /*border: 1px solid red;*/

-  top: 10em;
+  top: 20%;

   left:47%;
   right:47%;
   width:6%;
   left:47%;
   right:47%;
   width:6%;


@@ -197,18 +226,18 @@ ul.tricks li div div.card1 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
   margin:0;
   padding:0;
   /*border: 1px solid red;*/

-  top: 3em;
+  top: 5%;

   left:66.5%;
   right:17.5%;
   width:16%;
   text-align:center;
 }
   left:66.5%;
   right:17.5%;
   width:16%;
   text-align:center;
 }

-ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score{
+ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{

   position:absolute;
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
   position:absolute;
   margin:0;
   padding:0;
   /*border: 1px solid red;*/

-  top: 16em;
+  top: 40%;

   right:37.5%;
   left:56x.5%;
   width:6%;
   right:37.5%;
   left:56x.5%;
   width:6%;


@@ -219,18 +248,18 @@ ul.tricks li div div.card2 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
   margin:0;
   padding:0;
   /*border: 1px solid red;*/

-  top: 24em;
+  top: 80%;

   left:66.5%;
   right:17.5%;
   width:16%;
   text-align:center;
 }
   left:66.5%;
   right:17.5%;
   width:16%;
   text-align:center;
 }

-ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score{
+ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{

   position:absolute;
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
   position:absolute;
   margin:0;
   padding:0;
   /*border: 1px solid red;*/

-  top: 22em;
+  bottom: 20%;

   left:47%;
   right:47%;
   width:6%;
   left:47%;
   right:47%;
   width:6%;


@@ -242,7 +271,7 @@ ul.tricks li div div.card3 span.comment{
   margin:0;
   padding:0;
   /*border: 1px solid red;*/
   margin:0;
   padding:0;
   /*border: 1px solid red;*/

-  top: 24em;
+  top: 80%;

   right:66.5%;
   left:17.5%;
   width:16%;
   right:66.5%;
   left:17.5%;
   width:16%;


@@ -260,7 +289,7 @@ ul.tricks li div div span.comment span{
 
 .mycards {
   margin:0;
 
 .mycards {
   margin:0;

-  margin-top:33em;
+  margin-top:34.5em;

   padding:0;
   border:1px solid red;
   background-color:yellow;
   padding:0;
   border:1px solid red;
   background-color:yellow;


@@ -332,20 +361,42 @@ ul.tricks li div div span.comment span{
   background-color: #eee;
 }
 
   background-color: #eee;
 }
 

-.user { margin-left:25%;margin-right:25%; } 
+.notes {
+  position:absolute;
+  top:27em;
+  left:0;
+  margin:1em;
+  margin-top:0em;
+  margin-left:0em;
+
+  width: 12em;
+
+  border-top:    2px solid gray;
+  border-right:  2px solid gray;
+  border-bottom: 2px solid gray;
+
+  padding:0.3em;
+
+  background-color: #efefef;
+
+  height:10em;
+  overflow: auto;
+}
+
+.user { margin-left:25%;margin-right:25%; }

 
 

-.over { 
+.over {

   text-align:center;
   margin-bottom:0.1em;
 }
 
   text-align:center;
   margin-bottom:0.1em;
 }
 

-.submitbutton { 
+.submitbutton {

   border:0;
   background-color: #efe;
 }
 
   border:0;
   background-color: #efe;
 }
 

-.submitbutton:hover { 
-  background-color:#afa; 
+.submitbutton:hover {
+  background-color:#afa;

 }
 
 
 }
 
 


@@ -364,13 +415,12 @@ ul.tricks li div div span.comment span{
 }
 
 div span img.button {
 }
 
 div span img.button {

-  height: 2em; 

   width: 2em;
 }
 
 .gamestatuspre {
    padding: 0 0.3em;
   width: 2em;
 }
 
 .gamestatuspre {
    padding: 0 0.3em;

-    
+

     background-color: #fd8901;
 }
 .gamestatusover {
     background-color: #fd8901;
 }
 .gamestatusover {


@@ -389,4 +439,8 @@ div span img.button {
 table.score {
   width:10em;
   border-collapse:collapse;
 table.score {
   width:10em;
   border-collapse:collapse;

+}
+
+.bigger {
+  font-size:larger;

 }
\ No newline at end of file
 }
\ No newline at end of file