From f7be9ea9e6f71d284495b90f8c5e9537199ed984 Mon Sep 17 00:00:00 2001
From: Andrea Diamantini <adjam7@gmail.com>
Date: Wed, 23 Sep 2009 11:48:05 +0200
Subject: css homepage improvements

thanks to nferenc :)
---
 data/CMakeLists.txt |   2 +-
 data/bg.png         | Bin 0 -> 15218 bytes
 data/bot.gif        | Bin 0 -> 644 bytes
 data/home.html      |  77 ++++++++++++++++++++++++++++++++++++++++------------
 data/tile.gif       | Bin 0 -> 514 bytes
 data/top.png        | Bin 0 -> 786 bytes
 6 files changed, 61 insertions(+), 18 deletions(-)
 create mode 100644 data/bg.png
 create mode 100644 data/bot.gif
 create mode 100644 data/tile.gif
 create mode 100644 data/top.png

(limited to 'data')

diff --git a/data/CMakeLists.txt b/data/CMakeLists.txt
index 36b17ded..9eb59933 100644
--- a/data/CMakeLists.txt
+++ b/data/CMakeLists.txt
@@ -1,5 +1,5 @@
 INSTALL( 
-    FILES closed.png loading.mng open.png webkit-icon.png busywidget.gif
+    FILES bg.png bot.gif busywidget.gif closed.png loading.mng open.png tile.gif top.png webkit-icon.png    
     DESTINATION ${DATA_INSTALL_DIR}/rekonq/pics
 )
 
diff --git a/data/bg.png b/data/bg.png
new file mode 100644
index 00000000..5ec669ac
Binary files /dev/null and b/data/bg.png differ
diff --git a/data/bot.gif b/data/bot.gif
new file mode 100644
index 00000000..2f9abde4
Binary files /dev/null and b/data/bot.gif differ
diff --git a/data/home.html b/data/home.html
index 0471e3a6..c6992f47 100644
--- a/data/home.html
+++ b/data/home.html
@@ -11,6 +11,7 @@ padding:0;
 }
 
 body{
+background: url(%1/tile.gif) repeat-x #fff;
 margin:0;
 padding:0;
 font-family: sans-serif;
@@ -26,37 +27,79 @@ margin:5px;
 /* ------------------------------------------------------- */
 
 h1{
-color: #00f;
+color: #3F7AB7;
 }
 
 #float {
 float: right;
-width: 30%;
+width: 275px;
 clear: right;
+margin-right: 15px;
 }
 
 .block {
-background-color: #FFA500;
-border: 2px solid #000000;
-padding: 0.5em;
-margin:15px;
-font-weight: bold;
-color: white;
-clear: right;
+background: url(%1/bot.gif) bottom center no-repeat #f3f3f3;
+border-left: 1px solid #d9d9d9;
+border-right: 1px solid #d9d9d9;
+padding: 5px;
+width: 245px;
+margin: 0 15px 15px 0px;
+font-size: 0.8em;
+color: #444;
+
+/*font-weight: bold;
+clear: right;*/
+}
+
+.block h2 {
+background: url(%1/top.png) no-repeat;
+color: #333;
+line-height: 24px;
+padding: 0 7px;
+border: 0;
+margin: -6px -6px 0 -6px;
+font-size: 1em;
+}
+
+.block ul {
+padding-left: 1.5em;
+}
+
+.block ul a {
+color: #444;
+text-decoration: none;
+}
+
+.block ul a:hover {
+text-decoration: underline;
 }
 
 #left{
-width:70%;
-margin-right:30%;
+margin: 0 290px 0 0;
+background-color:#444;
+/*width:70%;
+margin-right:30%;*/
 }
 
-.thumbnail 
-{
+.thumbnail {
+background: url(%1/bg.png) no-repeat;
 text-align: center;
 float:left;
-width:230px;
-margin:15px;
+width:228px;
+padding: 11px 0px 0px 0px;
+margin: 0 15px;
+}
+
+.thumbnail a {
+display: block;
+text-align: center;
+width:228px;
+padding: 11px 0px 5px 0px;
+color: #767676;
+font-size: 0.8em;
+text-decoration:none;
 }
+
 </style>
 
 <!-- =================================================================================== -->
@@ -71,10 +114,10 @@ margin:15px;
 
 
 <div id="float">
-<div class="block">%1</div>
 <div class="block">%2</div>
+<div class="block">%3</div>
 </div>
-<div id="left">%3</div>
+<div id="left">%4</div>
 
 </body>
 </html>
diff --git a/data/tile.gif b/data/tile.gif
new file mode 100644
index 00000000..5f739e49
Binary files /dev/null and b/data/tile.gif differ
diff --git a/data/top.png b/data/top.png
new file mode 100644
index 00000000..9ebf0234
Binary files /dev/null and b/data/top.png differ
-- 
cgit v1.2.1