X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=e-DoKo.git;a=blobdiff_plain;f=standard.css;h=346e0e5ea3ffe6e7be4c86ed3ebdf45679249796;hp=bb1117ad7b3e4c7bdf5afae40e36a5a1ff9606c0;hb=01703346aa74f93edd32854c3e250907f3209cf3;hpb=b419a0604f118ce8697e236384e5110086e733b4

diff --git a/standard.css b/standard.css
index bb1117a..346e0e5 100644
--- a/standard.css
+++ b/standard.css
@@ -1,4 +1,10 @@
 
+.header
+{
+  text-align:center;
+  border-bottom: 3px solid gray;
+}
+
 
 .trick
 {
@@ -6,7 +12,6 @@
 //  border: 1px solid green;
   height:500px;
   width:500px;
-  clear:both;  
 }
 
 img
@@ -17,10 +22,11 @@ img
 .oldtrick
 {
   position:relative;
-// border: 1px solid green;
+  //border: 1px solid green;
   height:280px;
   width: 280px;
-  float:left;
+  float:right;
+  clear:right;
 }
 
 .oldtrick img
@@ -35,7 +41,7 @@ img
   width:180px;
   left:50px;
   top:50px;
- // border:1px solid black;
+  //border:1px solid black;
 }
 .trick div.table
 {
@@ -48,11 +54,41 @@ img
  // border:1px solid black;
 }
 
+div.card0>span
+{ 
+  position:absolute;
+  left:-70px;
+  //border:1px solid black;
+}
+
+div.card1>span
+{ 
+  position:absolute;
+  top:-30px;
+  //border:1px solid black;
+}
+
+
+div.card2>span
+{ 
+  position:absolute;
+  left:40px;
+ // border:1px solid black;
+}
+
+div.card3>span
+{ 
+  position:absolute;
+  bottom:-40px;
+  //border:1px solid black;
+}
+
 div.card0
 {
   position:absolute;
   top:50px;
   left: 0px;
+  //border:2px solid;
 }
 div.card1
 {
@@ -102,12 +138,35 @@ div.card3
   left:140px;
 }
 
+.card2 span span
+{
+   position:relative;
+   left:-80px;
+}
+
+.card3 span span
+{ 
+  position:relative;
+  top:-40px;
+}
 
-.table div div
+span.comment
+{
+  text-decoration:underline;
+}
+
+.comment span span
+{
+  text-decoration:none;
+}
+
+/* hide comments */
+.table div span span
 {
   position: absolute;
-  width:    65px;
-  background-color: red;
+  width:    100px;
+  background-color: white;
+  border:1px solid black;
   display:  none;
 }
 
@@ -117,16 +176,13 @@ div.card3
   margin-bottom:10px;
 }
 
-.table div:hover div
+.table div:hover span span
 {
  display:block;
 }
 
-.comment
-{
-  background-color:green;
-}
 
+/* background image for the table */
 .background0
 {
    background:url(pics/stable0.png) no-repeat 60px 60px;
@@ -143,6 +199,7 @@ div.card3
 {
    background:url(pics/stable3.png) no-repeat 60px 60px;
 }
+
 div.back0
 {
    background:url(pics/table0.png) no-repeat 100px 100px;