X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=e-DoKo.git;a=blobdiff_plain;f=standard.css;h=e8b0216d6dd6b7a64e678b251615a98e09c0a826;hp=3a08cbf6a059973dca88d6cb7ba0536ce3a59e12;hb=92a2164d4f1d5367b9325a8d65089abe79ee653b;hpb=2ff9f520289139181145fccd952800ec18cee9e5

diff --git a/standard.css b/standard.css
index 3a08cbf..e8b0216 100644
--- a/standard.css
+++ b/standard.css
@@ -1,213 +1,203 @@
-
-.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;
+.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:right;
-  clear:right;
-}
 
-.oldtrick img
-{ 
-  height:50px;
+ul.oldtrick {
+  list-style:none;
+  margin:3px;
+  padding:0;
+  /*background-color:yellow;*/
+  text-align:center;
 }
 
-.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 a { text-decoration:none; color:#000;}
 
-div.card0>span
-{ 
-  position:absolute;
-  left:-70px;
-  //border:1px solid black;
+ul.oldtrick li {
+  /*background-color:blue;*/
+  margin:0 0.5em;  
+  display:inline;
 }
-
-div.card1>span
-{ 
-  position:absolute;
-  top:-30px;
-  //border:1px solid black;
+ul.oldtrick li:hover {
+  background-color: yellow;
 }
 
-
-div.card2>span
-{ 
+ul.oldtrick li div.table img.table {
   position:absolute;
-  left:40px;
- // border:1px solid black;
+  margin:0;
+  padding:0;
+  top: 3em;
+  left: 4em;
+  height:24em;
+  z-index:-2;
 }
 
-div.card3>span
-{ 
+ul.oldtrick li div.table {
   position:absolute;
-  bottom:-40px;
-  //border:1px solid black;
+  margin:0;
+  padding:0;
+  /*border: 5px solid green;*/
+  top: 10em;
+  left: 18em;
+  height:28em;
+  width:28em;
+  z-index:9;
+  display:none;
 }
 
-div.card0
-{
+/*ul.oldtrick li:hover div.table{ display:block; }
+*/
+
+ul.oldtrick li div div.card0 {
   position:absolute;
-  top:50px;
-  left: 0px;
-  //border:2px solid;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 14em;
+  right:26em;
 }
-div.card1
-{
+ul.oldtrick li div div.card1 {
   position:absolute;
-  top:0px;
-  left:70px
-}
-div.card2
-{
+  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:50px;
-  right:0px;
-  text-align:right;
+  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;
 }
-
-.card2 span span
-{
-   position:relative;
-   left:-80px;
+ul.oldtrick li div div.card3 img {
+  top: -6em;
+  left:12em;
 }
 
-.card3 span span
-{ 
-  position:relative;
-  top:-40px;
-}
 
-span.comment
-{
-  text-decoration:underline;
+ul.oldtrick li div div span {
+  /*background-color:green;*/
 }
-
-.comment span span
-{
-  text-decoration:none;
+ul.oldtrick li div div.card0 span {
+  text-align:right;
 }
-
-/* hide comments */
-.table div span span
-{
-  position: absolute;
-  width:    100px;
-  background-color: white;
-  border:1px solid black;
-  display:  none;
+ul.oldtrick li div div.card1 span {
+  text-align:center;
 }
-
-.table div
-{
-  float:left;
-  margin-bottom:10px;
+ul.oldtrick li div div.card0 span {
+  text-align:left;
 }
-
-.table div:hover span span
-{
- display:block;
+ul.oldtrick li div div.card0 span {
+  text-align:center;
 }
 
-
-/* background image for the table */
-.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