From 919cb37d3192eeaeceeb3971650ec46fdd6bbaaa Mon Sep 17 00:00:00 2001
From: megabigbug <megabigbug@arrakis.(none)>
Date: Sat, 17 Oct 2009 23:20:14 +0200
Subject: another homepage style

---
 data/CMakeLists.txt |   2 +-
 data/bg2.png        | Bin 0 -> 1898 bytes
 data/button.png     | Bin 0 -> 740 bytes
 data/home.html      |  23 +++++++++++++++--------
 data/tile.gif       | Bin 514 -> 304 bytes
 5 files changed, 16 insertions(+), 9 deletions(-)
 create mode 100644 data/bg2.png
 create mode 100644 data/button.png

(limited to 'data')

diff --git a/data/CMakeLists.txt b/data/CMakeLists.txt
index 34676cf0..bf01a44d 100644
--- a/data/CMakeLists.txt
+++ b/data/CMakeLists.txt
@@ -1,5 +1,5 @@
 INSTALL( 
-    FILES bg.png bot.gif busywidget.gif closed.png loading.mng open.png tile.gif top.png webkit-icon.png category.png   
+    FILES bg2.png bg.png bot.gif busywidget.gif closed.png loading.mng open.png tile.gif top.png webkit-icon.png category.png button.png
     DESTINATION ${DATA_INSTALL_DIR}/rekonq/pics
 )
 
diff --git a/data/bg2.png b/data/bg2.png
new file mode 100644
index 00000000..1ded2690
Binary files /dev/null and b/data/bg2.png differ
diff --git a/data/button.png b/data/button.png
new file mode 100644
index 00000000..22ef7643
Binary files /dev/null and b/data/button.png differ
diff --git a/data/home.html b/data/home.html
index 8b5cf296..5038ace8 100644
--- a/data/home.html
+++ b/data/home.html
@@ -66,9 +66,12 @@ width: 100%;
 }
 
 #navigation {
-margin-top: 1%;
-margin-bottom: 4%;
+display: inline-block;
+margin-top: 2%;
+margin-bottom: 3%;
 text-align: center;
+border-width: 5px;
+-webkit-border-image: url(%2/bg2.png) 12 12 12 12  stretch stretch;
 }
 
 #content {
@@ -81,24 +84,28 @@ margin: 2%;
 
 .link{
 display: inline-block;
-padding: 0 2%;
 }
 
 .link img{
-float:left;
+vertical-align: middle;
+margin-right: 5px;
 }
 
 .link a{
 color: black;
 text-decoration:none;
-font: normal bold 1.2em/2.5em sans-serif;
-vertical-align: middle;
+font: normal 1em sans-serif;
 }
 
-#navigation .link:not(.current):not(.link:hover){
--webkit-opacity: 0.3;
+.current{
+border-width: 6px;
+-webkit-border-image: url(%2/selected.png) 6 stretch stretch;
 }
 
+#navigation .link:not(.current){
+margin-right: 4px;
+margin-left: 4px;
+}
 
 /* -------------------------------------------------------- */
 /* Thumbnail class */
diff --git a/data/tile.gif b/data/tile.gif
index 5f739e49..32e06fff 100644
Binary files a/data/tile.gif and b/data/tile.gif differ
-- 
cgit v1.2.1