diff options
| author | Andrea Diamantini <adjam7@gmail.com> | 2010-07-04 16:21:02 +0200 |
|---|---|---|
| committer | Andrea Diamantini <adjam7@gmail.com> | 2010-07-04 16:21:02 +0200 |
| commit | 76f2d2b936dd2793c21589beb3802f57822e7076 (patch) | |
| tree | b0a5834451deb5cc9fdc620fde90ab664934d3b2 /src | |
| parent | Merge commit 'refs/merge-requests/147' of git://gitorious.org/rekonq/mainline... (diff) | |
| parent | embed the navigation bar and the action bar in a table (div with display:tabl... (diff) | |
| download | rekonq-76f2d2b936dd2793c21589beb3802f57822e7076.tar.xz | |
Merge commit 'refs/merge-requests/148' of git://gitorious.org/rekonq/mainline into m148
Diffstat (limited to 'src')
| -rw-r--r-- | src/data/home.html | 44 |
1 files changed, 25 insertions, 19 deletions
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; <div id="rekonq-newtabpage"> <div id="top"> - <div class="topBar" id="balance"></div> <!-- This # is the same size as #actions to center #navigation --> - <div class="topBar" id="navigation"></div> - <div class="topBar" id="actions"></div> + <div class="topSide"></div> + <div class="topMiddle"> + <div id="navigation"></div> + </div> + <div class="topSide"> + <div id="actions"></div> + </div> </div> <div id="content"> </div> |