From f7be9ea9e6f71d284495b90f8c5e9537199ed984 Mon Sep 17 00:00:00 2001 From: Andrea Diamantini 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; } + @@ -71,10 +114,10 @@ margin:15px;
-
%1
%2
+
%3
-
%3
+
%4
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