X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=e-DoKo.git;a=blobdiff_plain;f=standard.css;h=75eb567eba93dbe0b2c2cda276cdf5919b44cae6;hp=3288da4b8391cf3e569723ed64212575836b46ef;hb=048d8cb807f4b76a0fb989d3945bda7ebb683803;hpb=96706fe586fb9aa2739d6387e84116df2b7edefa

diff --git a/standard.css b/standard.css
index 3288da4..75eb567 100644
--- a/standard.css
+++ b/standard.css
@@ -1,209 +1,151 @@
-
-.trick
-{
-  position:relative;
-//  border: 1px solid green;
-  height:500px;
-  width:500px;
+.header {
+  background-color:white;
+  text-align:center;
+  border-bottom:3px solid gray;
 }
 
-img
-{
-  height:80px;
+ul.oldtrick {
+  list-style:none;
+  margin:0;
+  padding:0;
+  background-color:yellow;
 }
 
-.oldtrick
-{
-  position:relative;
-  //border: 1px solid green;
-  height:280px;
-  width: 280px;
-  float:right;
-  clear:right;
-}
-
-.oldtrick img
-{ 
-  height:50px;
+ul.oldtrick li {
+  /*background-color:blue;*/
+  margin:0 0.5em;  
+  float:left;
 }
-
-.oldtrick div.table
-{
-  position:absolute;
-  height:180px;;
-  width:180px;
-  left:50px;
-  top:50px;
-  //border:1px solid black;
-}
-.trick div.table
-{
-  position:absolute;
-  
-  height:340px;;
-  width:340px;
-  left:80px;
-  top:80px;
- // border:1px solid black;
+ul.oldtrick li:hover {
+  background-color: yellow;
 }
 
-div.card0>span
-{ 
+ul.oldtrick li div.table img.table {
   position:absolute;
-  left:-70px;
-  //border:1px solid black;
+  margin:0;
+  padding:0;
+  top: 3em;
+  left: 4em;
+  height:24em;
+  z-index:-2;
 }
 
-div.card1>span
-{ 
+ul.oldtrick li div.table {
   position:absolute;
-  top:-30px;
-  //border:1px solid black;
+  margin:0;
+  padding:0;
+  /*border: 5px solid green;*/
+  top: 14em;
+  left: 8em;
+  height:28em;
+  width:28em;
+  z-index:9;
+  display:none;
 }
 
+/*ul.oldtrick li:hover div.table{ display:block; }
+*/
 
-div.card2>span
-{ 
-  position:absolute;
-  left:40px;
- // border:1px solid black;
-}
-
-div.card3>span
-{ 
+ul.oldtrick li div div.card0 {
   position:absolute;
-  bottom:-40px;
-  //border:1px solid black;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 14em;
+  right:25em;
 }
-
-div.card0
-{
+ul.oldtrick li div div.card1 {
   position:absolute;
-  top:50px;
-  left: 0px;
-  //border:2px solid;
-}
-div.card1
-{
+  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;
-  top:0px;
-  left:70px
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 14em;
+  right:0em;
 }
-div.card2
-{
+ul.oldtrick li div div.card3 {
   position:absolute;
-  top:50px;
-  right:0px;
-  text-align:right;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 28em;
+  left:0;
+  width:28em;
+  text-align:center;
 }
-div.card3
-{
-  position:absolute;
 
-  bottom:0px;
-  left:70px;
+ul.oldtrick li div div img {
+  position:absolute;
+  height:6em;
+  margin:0;
+  padding:0;
 }
 
-.trick div.card0
-{
-  position:absolute;
-  top:110px;
-  left: 0px;
+ul.oldtrick li div div.card0 img {
+  top: -2em;
+  left:5em;
 }
-.trick div.card1
-{
-  position:absolute;
-  top:0px;
-  left:140px
+ul.oldtrick li div div.card1 img {
+  top: 3em;
+  left:12em;
 }
-.trick div.card2
-{
-  position:absolute;
-  top:110px;
-  right:0px;
-  text-align:right;
+ul.oldtrick li div div.card2 img {
+  top: -2em;
+  left:-6em;
 }
-.trick div.card3
-{
-  position:absolute;
-
-  bottom:0px;
-  left:140px;
+ul.oldtrick li div div.card3 img {
+  top: -6em;
+  left:12em;
 }
 
-span.comment
-{
-  text-decoration:underline;
-}
 
-.comment span span
-{
-  text-decoration:none;
+ul.oldtrick li div div span {
+  /*background-color:green;*/
 }
-
-.table div span span
-{
-  position: absolute;
-  width:    100px;
-  background-color: white;
-  border:1px solid black;
-  display:  none;
+ul.oldtrick li div div.card0 span {
+  text-align:right;
 }
-
-.table div
-{
-  float:left;
-  margin-bottom:10px;
+ul.oldtrick li div div.card1 span {
+  text-align:center;
 }
-
-.table div:hover span span
-{
- display:block;
+ul.oldtrick li div div.card0 span {
+  text-align:left;
 }
-
-.card2 span span
-{
-   position:relative;
-   left:-80px;
+ul.oldtrick li div div.card0 span {
+  text-align:center;
 }
 
-.card3 span span
-{ 
-  position:relative;
-  top:-40px;
+ul.oldtrick li div div span span {
+  position:absolute;
+  background-color:white;
+  margin:0;
+  padding:0;
+  border: 1px solid yellow;
+  top:1em;
+  z-index:11;
 }
 
-.background0
-{
-   background:url(pics/stable0.png) no-repeat 60px 60px;
-}
-.background1
-{
-   background:url(pics/stable1.png) no-repeat 60px 60px;
-}
-.background2
-{
-   background:url(pics/stable2.png) no-repeat 60px 60px;
-}
-.background3
-{
-   background:url(pics/stable3.png) no-repeat 60px 60px;
-}
-div.back0
-{
-   background:url(pics/table0.png) no-repeat 100px 100px;
-}
-div.back1
-{
-   background:url(pics/table1.png) no-repeat 100px 100px;
-}
-div.back2
-{
-   background:url(pics/table2.png) no-repeat 100px 100px;
-}
-div.back3
-{
-   background:url(pics/table3.png) no-repeat 100px 100px;
+.mycards {
+  position:absolute;
+  margin:0;
+  padding:0;
+  right:0;
+  top:15em;
+  width:12em;
+  float:right;
+  border:1px solid red;
+  background-color:yellow;
 }
 
-
+.mycards img{
+  height:6em;
+}
\ No newline at end of file