diff options
author | Arun <arun@etaner.(none)> | 2007-10-09 12:50:22 +0200 |
---|---|---|
committer | Arun <arun@etaner.(none)> | 2007-10-09 12:50:22 +0200 |
commit | dfbea65d8ae9c21190a9fe5b69ea2ee098dcede7 (patch) | |
tree | 39ce4cd2ad74d0aac44350db65e3a921343fbb4a /css | |
parent | c0e030bb5068085ef52cc8bd0c91f025fb78045e (diff) | |
download | e-DoKo-dfbea65d8ae9c21190a9fe5b69ea2ee098dcede7.tar.gz e-DoKo-dfbea65d8ae9c21190a9fe5b69ea2ee098dcede7.tar.bz2 e-DoKo-dfbea65d8ae9c21190a9fe5b69ea2ee098dcede7.zip |
LAYOUT: 1st round of changes to get rid of overlapping areas
centered table, moved menus to correct place (this also fixed
a bug that still showed that it was your turn in a game after
you moved) and some other small changes.
Diffstat (limited to 'css')
-rw-r--r-- | css/standard.css | 75 |
1 files changed, 42 insertions, 33 deletions
diff --git a/css/standard.css b/css/standard.css index 71ae568..7d44f0a 100644 --- a/css/standard.css +++ b/css/standard.css @@ -7,8 +7,6 @@ .main { min-height: 40em; -// margin-left: 12.5em; -// margin-right: 12.5em; } .footer { @@ -58,49 +56,55 @@ margin-top:20em; /* display the table and the names */ div.table { position:absolute; + left:25%; + right:25%; margin:0; padding:0; /* border: 5px solid blue;*/ - top: 14em; - left: 20em; + top: 16em; + text-align:center; } div.table img { - height:20em; - width:20em; + top:25%; + bottom:25%; + height:50%; + width:50%; z-index:9; + display: block; + margin-left: auto; + margin-right: auto } -div.table span { +div.table div { /*background-color:green;*/ position:absolute; - width:13em; + width:25%; + height:25%; } -div.table span span{ +div.table div img{ /*background-color:green;*/ - position:relative; + width:25%; + height:25%; } -div.table span.table0 { - top:9em; - left:-15em; +div.table div.table0 { + top:37.5%; + left:0%; text-align:right; } -div.table span.table1 { - top:-3.5em; - left: 0em; - width:20em; +div.table div.table1 { + top:-25%; + left:37.5%; text-align:center; } -div.table span.table2 { - top:9em; - left:22em; +div.table div.table2 { + top:37.5%; + left:75%; text-align:left; - vertical-align:center; } -div.table span.table3 { - top:21.5em; - left: 0em; - width:20em; +div.table div.table3 { + bottom:-25%; + left: 37.5%; text-align:center; } @@ -126,13 +130,12 @@ ul.tricks li.nohighlight:hover { background-color: #fff;} ul.tricks li div.trick { position:absolute; + left:37.5%; + right:37.5%; + top:9em; margin:0; padding:0; /* border: 5px solid green;*/ - top: 8em; - left: 20em; - height:20em; - width:20em; z-index:9; display:none; } @@ -297,9 +300,11 @@ ul.tricks li div div span.comment span{ } .gameinfo, .useroptions { - float:right; + position:absolute; + top:10em; + right:0em; margin:1em; - margin-top:3em; + margin-top:0em; margin-right:0em; width:12em; @@ -314,9 +319,11 @@ ul.tricks li div div span.comment span{ } .usermenu { - float: left; + position:absolute; + top:10em; + left:0; margin:1em; - margin-top:3em; + margin-top:0em; margin-left:0em; width: 12em; @@ -330,6 +337,8 @@ ul.tricks li div div span.comment span{ background-color: #eee; } +.user { margin-left:25%;margin-right:25%; } + .over { text-align:center; margin-bottom:0.1em; |