diff options
author | arun <arun@nubati.net> | 2007-01-04 18:23:47 +0000 |
---|---|---|
committer | arun <arun> | 2007-01-04 18:23:47 +0000 |
commit | 89a2acbccdd9d15f6238662c8b2cebcf475c38aa (patch) | |
tree | d79d9b451242f0aea58dcb64873da3324fc799cd /css | |
parent | 14184022d33228fa058000202b7766d2bd59b726 (diff) | |
download | e-DoKo-89a2acbccdd9d15f6238662c8b2cebcf475c38aa.tar.gz e-DoKo-89a2acbccdd9d15f6238662c8b2cebcf475c38aa.tar.bz2 e-DoKo-89a2acbccdd9d15f6238662c8b2cebcf475c38aa.zip |
bugfix: names and table show up all the time now;
Diffstat (limited to 'css')
-rw-r--r-- | css/standard.css | 151 |
1 files changed, 90 insertions, 61 deletions
diff --git a/css/standard.css b/css/standard.css index 368bd52..1e18e61 100644 --- a/css/standard.css +++ b/css/standard.css @@ -15,8 +15,52 @@ } .card img { width:8em; } +/* display the table and the names */ +div.table { + position:absolute; + margin:0; + padding:0; +/* border: 5px solid blue;*/ + top: 14em; + left: 20em; +} + +div.table img { + height:20em; + width:20em; + z-index:9; +} +div.table span { +/* background-color:green;*/ + position:absolute; +} +div.table span.table0 { + top:10em; + left:-5em; + text-align:right; +} +div.table span.table1 { + top:-2em; + left: 0em; + width:20em; + text-align:center; +} +div.table span.table2 { + top:10em; + left:21em; + text-align:left; + vertical-align:center; +} +div.table span.table3 { + top:23em; + left: 0em; + width:20em; + text-align:center; +} + + -ul.oldtrick { +ul.tricks { position:relative; list-style:none; margin:3px; @@ -26,123 +70,108 @@ ul.oldtrick { } -ul.oldtrick a { text-decoration:none; color:#000;} +ul.tricks a { text-decoration:none; color:#000;} -ul.oldtrick li { +ul.tricks li { /*background-color:blue;*/ margin:0.2em 0.5em; display:inline; } -ul.oldtrick li:hover { +ul.tricks li:hover { background-color: yellow; } -ul.oldtrick li div.table img.table { + +ul.tricks li div.trick { position:absolute; margin:0; padding:0; - top: 4em; - left: 4em; - height:22em; - z-index:-2; +/* border: 5px solid green;*/ + top: 8em; + left: 20em; + height:20em; + width:20em; + z-index:9; + display:none; } -ul.oldtrick li div.table { +ul.tricks li div.trick img.arrow { position:absolute; margin:0; padding:0; - /*border: 5px solid green;*/ - top: 5em; - left: 18em; - height:28em; - width:28em; - z-index:9; - display:none; + top: 4em; + left: 3em; + height:14em; + z-index:-2; } hr {clear:both;} -/*ul.oldtrick li:hover div.table{ display:block; }*/ +/*ul.tricks li:hover div.table{ display:block; }*/ -ul.oldtrick li div div.card0 { +ul.tricks li div div.card0 { position:absolute; margin:0; padding:0; /*border: 1px solid red;*/ - top: 14em; - right:26em; + top: 9em; + right:27em; } -ul.oldtrick li div div.card1 { +ul.tricks li div div.card1 { position:absolute; margin:0; padding:0; /*border: 1px solid red;*/ - top: 0; - left:0em; + top: -3em; + left:-3em; width:28em; text-align:center; } -ul.oldtrick li div div.card2 { +ul.tricks li div div.card2 { position:absolute; margin:0; padding:0; /*border: 1px solid red;*/ - top: 14em; - right:-1em; + top: 9em; + right:-2em; } -ul.oldtrick li div div.card3 { +ul.tricks li div div.card3 { position:absolute; margin:0; padding:0; /*border: 1px solid red;*/ - top: 29em; - left:0; + top: 20em; + left:-3em; width:28em; text-align:center; } -ul.oldtrick li div div img { +ul.tricks li div div img { position:absolute; height:6em; margin:0; padding:0; } -ul.oldtrick li div div.card0 img { +ul.tricks li div div.card0 img { top: -2em; left:5em; } -ul.oldtrick li div div.card1 img { +ul.tricks li div div.card1 img { top: 3em; - left:12em; + left:10em; } -ul.oldtrick li div div.card2 img { +ul.tricks li div div.card2 img { top: -2em; left:-6em; } -ul.oldtrick li div div.card3 img { +ul.tricks li div div.card3 img { top: -6em; - left:12em; + left:10em; } -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 { +ul.tricks li div div span { position:absolute; background-color:white; margin:0; @@ -151,22 +180,22 @@ ul.oldtrick li div div span span { border: 1px solid yellow; z-index:11; } -ul.oldtrick li div div.card0 span span{ +ul.tricks li div div.card0 span{ top:1em; - left:-14em; + left:-10em; border: 3px solid green; } -ul.oldtrick li div div.card1 span span{ - top:-2em; +ul.tricks li div div.card1 span{ + top:0em; left:1em; border: 3px solid green; } -ul.oldtrick li div div.card2 span span{ +ul.tricks li div div.card2 span{ top:-2em; - left:3em; + left:0em; border: 3px solid green; } -ul.oldtrick li div div.card3 span span{ +ul.tricks li div div.card3 span{ top:1em; left:3em; border: 3px solid green; |