summaryrefslogtreecommitdiff
path: root/src/data/home.html
diff options
context:
space:
mode:
authormatgic78 <matgic78@gmail.com>2010-03-31 15:15:31 +0200
committermatgic78 <matgic78@gmail.com>2010-04-01 19:27:01 +0200
commitbdc95a7a090c2cff888cc96dd612ba9449b01329 (patch)
treef29dee897933820d46b43a9b0630e08fdf02cb4b /src/data/home.html
parentRemove limitation to the number of favorites. You are now able to add and rem... (diff)
downloadrekonq-bdc95a7a090c2cff888cc96dd612ba9449b01329.tar.xz
Button on top-right to add a preview
Diffstat (limited to 'src/data/home.html')
-rw-r--r--src/data/home.html53
1 files changed, 45 insertions, 8 deletions
diff --git a/src/data/home.html b/src/data/home.html
index 96c0bd06..6b9cd383 100644
--- a/src/data/home.html
+++ b/src/data/home.html
@@ -49,23 +49,55 @@ color: black;
}
/* -------------------------------------------------------- */
-/* Navigation bar */
+/* Top bar */
-#navigation {
+#top {
+margin: 20px;
+}
+
+.topBar {
display: inline-block;
-margin: 2%;
border-width: 5px;
+}
+
+#navigation {
-webkit-border-image: url(%2/bg2.png) 12 12 12 12 stretch stretch;
+max-width: 75%;
+}
+
+#actions, #balance {
+margin-top: 12px;
+width: 10%;
+}
+
+#actions {
+float: right;
+}
+
+#balance {
+display: hidden; float: left;
+height: 16px;
}
.link {
display: inline-block;
}
-.link img {
-vertical-align: middle; margin-right: 5px;
+.link img, .link span {
+vertical-align: middle; display: inline-block;
}
-.link a {
-color: black;
+color: black;
+
+#actions .link {
+-webkit-transition-property: opacity;
+-webkit-transition-duration: 0.8s;
+-webkit-transition-timing-function: ease;
+opacity: 0.2;
+}
+#actions .link:hover {
+opacity: 1;
+}
+#actions .link img {
+margin-right: 3px; width: 16px;
}
.current{
@@ -161,7 +193,11 @@ margin-right: 5px;
<body>
<div id="rekonq-newtabpage">
- <div id="navigation"></div>
+ <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>
<div id="content">
</div>
</div>
@@ -171,6 +207,7 @@ margin-right: 5px;
<div class="link">
<a href="">
<img src="" />
+ <span></span>
</a>
</div>
<div class="thumbnail">