From bdc95a7a090c2cff888cc96dd612ba9449b01329 Mon Sep 17 00:00:00 2001 From: matgic78 Date: Wed, 31 Mar 2010 15:15:31 +0200 Subject: Button on top-right to add a preview --- src/data/home.html | 53 +++++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 45 insertions(+), 8 deletions(-) (limited to 'src/data/home.html') 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;
- +
+
+ +
+
@@ -171,6 +207,7 @@ margin-right: 5px;
-- cgit v1.2.1