summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorAndrea Diamantini <adjam7@gmail.com>2010-07-04 16:21:02 +0200
committerAndrea Diamantini <adjam7@gmail.com>2010-07-04 16:21:02 +0200
commit76f2d2b936dd2793c21589beb3802f57822e7076 (patch)
treeb0a5834451deb5cc9fdc620fde90ab664934d3b2 /src
parentMerge commit 'refs/merge-requests/147' of git://gitorious.org/rekonq/mainline... (diff)
parentembed the navigation bar and the action bar in a table (div with display:tabl... (diff)
downloadrekonq-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.html44
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>