some small changes

[e-DoKo.git] / standard.css

diff --git a/standard.css b/standard.css
index ff055c888e4018464e2105cef22b4d2ec71f8dc3..4e6650aa9e6e12ff1775045e74806e26f56f48df 100644 (file)
--- a/standard.css
+++ b/standard.css
@@ -1,29 +1,206 @@
-.trick 
-{
-  //border: 1px solid green;
+.header {
+  background-color:white;
+  text-align:center;
+  border-bottom:3px solid gray;
+}
+
+.card { 
+  position:absolute;
+  z-index:20;
+  top:18em;
+  left:28em;
+  text-aling:center;
+  background-color:white;
+  border:2px solid gray;
+}
+.card img { width:8em; }
+
+
+ul.oldtrick {
+  position:relative;
+  list-style:none;
+  margin:3px;
+  padding:0;
+  /*background-color:yellow;*/
+  text-align:center;
+
+}
+
+ul.oldtrick a { text-decoration:none; color:#000;}
+
+ul.oldtrick li {
+  /*background-color:blue;*/
+  margin:0.2em 0.5em;  
+  display:inline;
+}
+ul.oldtrick li:hover {
+  background-color: yellow;
+}
+
+ul.oldtrick li div.table img.table {
+  position:absolute;
+  margin:0;
+  padding:0;
+  top: 4em;
+  left: 3em;
+  height:22em;
+  z-index:-2;
+}
+
+ul.oldtrick li div.table {
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 5px solid green;*/
+  top: 10em;
+  left: 18em;
+  height:28em;
+  width:28em;
+  z-index:9;
+  display:none;
+}
+
+hr {clear:both;}
+
+/*ul.oldtrick li:hover div.table{ display:block; }*/
+
+ul.oldtrick li div div.card0 {
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 14em;
+  right:25em;
+}
+ul.oldtrick li div div.card1 {
+  position:absolute;
+  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;
+  right:0em;
+}
+ul.oldtrick li div div.card3 {
+  position:absolute;
+  margin:0;
+  padding:0;
+  /*border: 1px solid red;*/
+  top: 29em;
+  left:0;
+  width:28em;
+  text-align:center;
+}
+
+ul.oldtrick li div div img {
+  position:absolute;
+  height:6em;
+  margin:0;
+  padding:0;
+}
+
+ul.oldtrick li div div.card0 img {
+  top: -2em;
+  left:5em;
+}
+ul.oldtrick li div div.card1 img {
+  top: 3em;
+  left:12em;
+}
+ul.oldtrick li div div.card2 img {
+  top: -2em;
+  left:-6em;
+}
+ul.oldtrick li div div.card3 img {
+  top: -6em;
+  left:12em;
+}
+
+
+ul.oldtrick li div div span {
+  /*background-color:green;*/
+}
+ul.oldtrick li div div.card0 span {
+  text-align:right;
+}
+ul.oldtrick li div div.card1 span {
+  text-align:center;
+}
+ul.oldtrick li div div.card0 span {
+  text-align:left;
+}
+ul.oldtrick li div div.card0 span {
+  text-align:center;
+}
+
+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;
+}
+ul.oldtrick li div div.card0 span span{
+  top:1em;
+  left:-14em;
+  border: 3px solid green;
+}
+ul.oldtrick li div div.card1 span span{
+  top:-1em;
+  left:3em;
+  border: 3px solid green;
+}
+ul.oldtrick li div div.card2 span span{
+  top:-2em;
+  left:3em;
+  border: 3px solid green;
+}
+ul.oldtrick li div div.card3 span span{
+  top:-1em;
+  left:3em;
+  border: 3px solid green;
+}
+
+.mycards {
   clear:both;
+  margin:0;
+  margin-top:38em;
+  padding:0;
+  border:1px solid red;
+  background-color:yellow;
 }
 
-.trick div div
-{
-  position: absolute;
-  width:    65px;
-  background-color: red;
-  display:  none;
+.mycards img {
+  height:6em;
 }
 
-.trick div
-{
-  float:left;
-  margin-bottom:10px;
+.line{
+  clear:both;
+  border-top:2px solid gray;
+  margin:0;
+  padding:0;
 }
 
-.trick div:hover div
-{
- display:block;
+.info {
+  float:right;
+  border:2px solid gray;
+  border-top:0;
 }
 
-.comment
-{
-  background-color:green;
+.bug {
+  float:left;
+  width:10em;
+  border:2px solid gray;
+  border-top:0;
 }
\ No newline at end of file