summaryrefslogtreecommitdiff
path: root/src/data/home.html
diff options
context:
space:
mode:
authormegabigbug <megabigbug@arrakis.(none)>2010-07-04 15:31:05 +0200
committermegabigbug <megabigbug@arrakis.(none)>2010-07-04 15:31:05 +0200
commitac3019eb6d2046f0c6a8a833dcbe759c77691975 (patch)
tree2037ae1c948a860bd9d801b535885ae459ce59ba /src/data/home.html
parentSVN_SILENT made messages (.desktop file) (diff)
downloadrekonq-ac3019eb6d2046f0c6a8a833dcbe759c77691975.tar.xz
embed the navigation bar and the action bar in a table (div with display:table) => better for small window
Diffstat (limited to 'src/data/home.html')
-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>