css homepage improvements

thanks to nferenc :)

7 files changed, 63 insertions, 18 deletions

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
--- /dev/null
+++ b/data/bg.png
diff --git a/data/bot.gif b/data/bot.gif
new file mode 100644
index 00000000..2f9abde4
--- /dev/null
+++ b/data/bot.gif
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
--- /dev/null
+++ b/data/tile.gif
diff --git a/data/top.png b/data/top.png
new file mode 100644
index 00000000..9ebf0234
--- /dev/null
+++ b/data/top.png
diff --git a/src/homepage.cpp b/src/homepage.cpp
index 8dccc3fd..103f018c 100644
--- a/src/homepage.cpp
+++ b/src/homepage.cpp
@@ -71,12 +71,14 @@ QString HomePage::rekonqHomePage()
         return QString("");
     }
 
+    QString imagesPath = QString("file://") + KGlobal::dirs()->findResourceDir("data", "rekonq/pics/bg.png") + QString("rekonq/pics");
     QString speed = speedDial();
     QString search = searchEngines();
     QString lastBlock = ReKonfig::showLastVisitedSites() ? fillRecentHistory() : recentlyClosedTabs() ; 
     
 
     QString html = QString(QLatin1String(file.readAll()))
+                        .arg(imagesPath)
                         .arg(search)
                         .arg(lastBlock)
                         .arg(speed)