NEW FEATURE: allow multiple comments

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

diff --git a/css/standard.css b/css/standard.css
index a54d165867faac37220261e6b28ca59ccc54fcb9..a3dbf01ba3312c5a9683a9875ac711131f0e4b0e 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -180,35 +180,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;
   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;
 }
   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;
 }
   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;
 }
   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;
 }
   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;
 }
   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;
 
 .mycards {
   clear:both;


@@ -304,4 +313,10 @@ ul.tricks li div div.card3 span{
 
 .cardinput:hover{
   background-color:red;
 
 .cardinput:hover{
   background-color:red;

+}
+
+div span img.button {
+  height: 2em; 
+  width: 2em;
+

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