From ac3019eb6d2046f0c6a8a833dcbe759c77691975 Mon Sep 17 00:00:00 2001 From: megabigbug Date: Sun, 4 Jul 2010 15:31:05 +0200 Subject: embed the navigation bar and the action bar in a table (div with display:table) => better for small window --- src/data/home.html | 44 +++++++++++++++++++++++++------------------- 1 file changed, 25 insertions(+), 19 deletions(-) (limited to 'src') diff --git a/src/data/home.html b/src/data/home.html index cedd8855..df8f4092 100644 --- a/src/data/home.html +++ b/src/data/home.html @@ -51,34 +51,35 @@ color: black; #top { margin: 20px; +display:table; +width: 95%; } -.topBar { -display: inline-block; -border-width: 5px; +.topSide, .topMiddle { +display:table-cell; } -#navigation { --webkit-border-image: url(%2/bg2.png) 12 12 12 12 stretch stretch; -max-width: 55%; +.topSide{ +width: 15%; } -#actions, #balance { -margin-top: 12px; -width: 20%; +#navigation { +-webkit-border-image: url(%2/bg2.png) 12 12 12 12 stretch stretch; +display: table; +border-width: 5px; +margin-left: auto; +margin-right: auto; } -#actions { -float: right; -} -#balance { -display: hidden; float: left; -height: 16px; +#actions{ +display: table; +width:auto; } .link { -display: inline-block; +display: table-cell; +/*display:inline-block;*/ -webkit-transition: opacity 0.5s ease; } .link:not(.current):hover { @@ -102,6 +103,7 @@ border-width: 6px; } .link:not(.current){ margin: 0 10px; +padding:3px; } /* -------------------------------------------------------- */ @@ -201,9 +203,13 @@ text-align: center;
-
- -
+
+
+ +
+
+
+
-- cgit v1.2.1