LAYOUT: fixed small bug, probably only showed up on small windows

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

diff --git a/css/standard.css b/css/standard.css
index 988f74b4ad506e3d873d807708208ad822cb9d35..3d6fa92fe4d85384c9bf5ddbe43ebe90033453a2 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -75,7 +75,6 @@ ul.tricks {
   margin:3px;
   padding:0;
   padding-bottom:3px;
-  /*background-color:yellow;*/
   text-align:center;
   border-bottom:1px solid #444;
 }
@@ -90,7 +89,6 @@ 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;
   margin:0;
@@ -180,35 +178,44 @@ ul.tricks li div div.card3 img {
 }
 
 
-ul.tricks li div div span {
+ul.tricks li div div span.comment {
   position:absolute;
   background-color:white;
   margin:0;
   padding:0;
   width:10em;
   border: 1px solid yellow;
+  z-index:-11;
+}
+ul.tricks li div div span.comment:hover {
   z-index:11;
 }
-ul.tricks li div div.card0 span{
+ul.tricks li div div.card0 span.comment{
   top:4em;
   left:-10em;
   border: 3px solid green;
 }
-ul.tricks li div div.card1 span{
+ul.tricks li div div.card1 span.comment{
   top:-2em;
   left:1em;
   border: 3px solid green;
 }
-ul.tricks li div div.card2 span{
+ul.tricks li div div.card2 span.comment{
   top:-2em;
   left:0em;
   border: 3px solid green;
 }
-ul.tricks li div div.card3 span{
+ul.tricks li div div.card3 span.comment{
   top:2em;
   left:20em;
   border: 3px solid green;
 }
+ul.tricks li div div span.comment span{
+  display:block;
+  width:10em;
+  text-align:left;
+  border-top:1px solid green;
+}
 
 .mycards {
   clear:both;
@@ -244,20 +251,20 @@ ul.tricks li div div.card3 span{
 
 .session {
   border-bottom:1px solid black;
+  text-align:center;
 }
 
 .ruleset {
-  float:left;
-  margin:0;
-  margin-top:10.5em;
+  position:absolute;
+  top:10.5em;
   border:2px solid gray;
   padding:0.3em;
 }
 
 
 .bug {
-  float:left;
-  margin-top:8.5em;
+  position:absolute;
+  top:17.5em;
   width:10em;
   border:2px solid gray;
   padding-top:0.5em;