comments should be working again. not tested though

[e-DoKo.git] / standard.css

diff --git a/standard.css b/standard.css
index bb1117ad7b3e4c7bdf5afae40e36a5a1ff9606c0..e8b0216d6dd6b7a64e678b251615a98e09c0a826 100644 (file)
--- a/standard.css
+++ b/standard.css
@@ -1,163 +1,203 @@
-
-
-.trick
-{
-  position:relative;
-//  border: 1px solid green;
-  height:500px;
-  width:500px;
-  clear:both;  
+.header {
+  background-color:white;
+  text-align:center;
+  border-bottom:3px solid gray;
 }
 
-img
-{
-  height:80px;
+.card { 
+  position:absolute;
+  z-index:20;
+  top:18em;
+  left:28em;
+  text-aling:center;
+  background-color:white;
+  border:2px solid gray;
 }
+.card img { width:8em; }
 
-.oldtrick
-{
-  position:relative;
-// border: 1px solid green;
-  height:280px;
-  width: 280px;
-  float:left;
+
+ul.oldtrick {
+  list-style:none;
+  margin:3px;
+  padding:0;
+  /*background-color:yellow;*/
+  text-align:center;
 }
 
-.oldtrick img
-{ 
-  height:50px;
+ul.oldtrick a { text-decoration:none; color:#000;}
+
+ul.oldtrick li {
+  /*background-color:blue;*/
+  margin:0 0.5em;  
+  display:inline;
+}
+ul.oldtrick li:hover {
+  background-color: yellow;
 }
 
-.oldtrick div.table
-{
-  position:absolute;
-  height:180px;;
-  width:180px;
-  left:50px;
-  top:50px;
- // border:1px solid black;
-}
-.trick div.table
-{
+ul.oldtrick li div.table img.table {
   position:absolute;
-  
-  height:340px;;
-  width:340px;
-  left:80px;
-  top:80px;
- // border:1px solid black;
+  margin:0;
+  padding:0;
+  top: 3em;
+  left: 4em;
+  height:24em;
+  z-index:-2;
 }
 
-div.card0
-{
+ul.oldtrick li div.table {
   position:absolute;
-  top:50px;
-  left: 0px;
+  margin:0;
+  padding:0;
+  /*border: 5px solid green;*/
+  top: 10em;
+  left: 18em;
+  height:28em;
+  width:28em;
+  z-index:9;
+  display:none;
 }
-div.card1
-{
+
+/*ul.oldtrick li:hover div.table{ display:block; }
+*/
+
+ul.oldtrick li div div.card0 {
   position:absolute;
-  top:0px;
-  left:70px
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 14em;
+  right:26em;
 }
-div.card2
-{
+ul.oldtrick li div div.card1 {
   position:absolute;
-  top:50px;
-  right:0px;
-  text-align:right;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 0;
+  left:0em;
+  width:28em;
+  text-align:center;
+}
+ul.oldtrick li div div.card2 {
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 14em;
+  left:26em;
 }
-div.card3
-{
+ul.oldtrick li div div.card3 {
   position:absolute;
-
-  bottom:0px;
-  left:70px;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 29em;
+  left:0;
+  width:28em;
+  text-align:center;
 }
 
-.trick div.card0
-{
+ul.oldtrick li div div img {
   position:absolute;
-  top:110px;
-  left: 0px;
+  height:6em;
+  margin:0;
+  padding:0;
 }
-.trick div.card1
-{
-  position:absolute;
-  top:0px;
-  left:140px
+
+ul.oldtrick li div div.card0 img {
+  top: -2em;
+  left:5em;
 }
-.trick div.card2
-{
-  position:absolute;
-  top:110px;
-  right:0px;
-  text-align:right;
+ul.oldtrick li div div.card1 img {
+  top: 3em;
+  left:12em;
 }
-.trick div.card3
-{
-  position:absolute;
-
-  bottom:0px;
-  left:140px;
+ul.oldtrick li div div.card2 img {
+  top: -2em;
+  left:-6em;
+}
+ul.oldtrick li div div.card3 img {
+  top: -6em;
+  left:12em;
 }
 
 
-.table div div
-{
-  position: absolute;
-  width:    65px;
-  background-color: red;
-  display:  none;
+ul.oldtrick li div div span {
+  /*background-color:green;*/
 }
-
-.table div
-{
-  float:left;
-  margin-bottom:10px;
+ul.oldtrick li div div.card0 span {
+  text-align:right;
 }
-
-.table div:hover div
-{
- display:block;
+ul.oldtrick li div div.card1 span {
+  text-align:center;
 }
-
-.comment
-{
-  background-color:green;
+ul.oldtrick li div div.card0 span {
+  text-align:left;
+}
+ul.oldtrick li div div.card0 span {
+  text-align:center;
 }
 
-.background0
-{
-   background:url(pics/stable0.png) no-repeat 60px 60px;
+ul.oldtrick li div div span span {
+  position:absolute;
+  background-color:white;
+  margin:0;
+  padding:0;
+  width:10em;
+  border: 1px solid yellow;
+  z-index:11;
 }
-.background1
-{
-   background:url(pics/stable1.png) no-repeat 60px 60px;
+ul.oldtrick li div div.card0 span span{
+  top:1em;
+  left:-14em;
+  border: 3px solid green;
 }
-.background2
-{
-   background:url(pics/stable2.png) no-repeat 60px 60px;
+ul.oldtrick li div div.card1 span span{
+  top:-1em;
+  left:3em;
+  border: 3px solid green;
 }
-.background3
-{
-   background:url(pics/stable3.png) no-repeat 60px 60px;
+ul.oldtrick li div div.card2 span span{
+  top:-2em;
+  left:3em;
+  border: 3px solid green;
 }
-div.back0
-{
-   background:url(pics/table0.png) no-repeat 100px 100px;
+ul.oldtrick li div div.card3 span span{
+  top:-1em;
+  left:3em;
+  border: 3px solid green;
 }
-div.back1
-{
-   background:url(pics/table1.png) no-repeat 100px 100px;
+
+.mycards {
+  clear:both;
+  margin:0;
+  margin-top:33em;
+  padding:0;
+  border:1px solid red;
+  background-color:yellow;
 }
-div.back2
-{
-   background:url(pics/table2.png) no-repeat 100px 100px;
+
+.mycards img {
+  height:6em;
 }
-div.back3
-{
-   background:url(pics/table3.png) no-repeat 100px 100px;
+
+.line{
+  clear:both;
+  border-top:2px solid gray;
+  margin:0;
+  padding:0;
 }
 
+.info {
+  float:right;
+  border:2px solid gray;
+  border-top:0;
+}
 
+.bug {
+  float:left;
+  width:10em;
+  border:2px solid gray;
+  border-top:0;
+}
\ No newline at end of file