some more design changes

[e-DoKo.git] / standard.css

diff --git a/standard.css b/standard.css
index bb1117ad7b3e4c7bdf5afae40e36a5a1ff9606c0..3a08cbf6a059973dca88d6cb7ba0536ce3a59e12 100644 (file)
--- a/standard.css
+++ b/standard.css
@@ -1,12 +1,10 @@
 
-
 .trick
 {
   position:relative;
 //  border: 1px solid green;
   height:500px;
   width:500px;
-  clear:both;  
 }
 
 img
@@ -17,10 +15,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 +34,7 @@ img
   width:180px;
   left:50px;
   top:50px;
- // border:1px solid black;
+  //border:1px solid black;
 }
 .trick div.table
 {
@@ -48,11 +47,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 +131,35 @@ div.card3
   left:140px;
 }
 
+.card2 span span
+{
+   position:relative;
+   left:-80px;
+}
+
+.card3 span span
+{ 
+  position:relative;
+  top:-40px;
+}
+
+span.comment
+{
+  text-decoration:underline;
+}
 
-.table div div
+.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 +169,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 +192,7 @@ div.card3
 {
    background:url(pics/stable3.png) no-repeat 60px 60px;
 }
+
 div.back0
 {
    background:url(pics/table0.png) no-repeat 100px 100px;