1 files changed, 48 insertions, 58 deletions
diff --git a/data/home.html b/data/home.html
index b5ca9b67..1daa34fb 100644
--- a/data/home.html
+++ b/data/home.html
@@ -6,6 +6,9 @@
 
 <style type="text/css">
 
+/* ------------------------------------------------------- */
+/* generic styles */
+
 html{
 margin:0;
 padding:0;
@@ -17,108 +20,95 @@ margin:0;
 padding:0;
 font-family: sans-serif;
 font-size: 100%;
+text-align: center;
 }
 
-#header{
-text-align:right;
-padding: 10px;
-margin:5px;
+h1{
+color: #3F7AB7;
 }
 
+
 /* ------------------------------------------------------- */
+/* page sections */
 
-h1{
-color: #3F7AB7;
+#container {
+width: 85%;
+margin: auto;
 }
 
-#float {
-float: right;
-width: 275px;
-clear: right;
-margin-right: 15px;
-}
 
-.block {
-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;
+#header{
+width: 95%;
+text-align:right;
+}
 
-/*font-weight: bold;
-clear: right;*/
+#navigation {
+width: 95%;
+background: #3F7AB7;
+margin: 2em 0;
 }
 
-.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;
+#thumbs {
+width: 100%;
+text-align: center;
 }
 
-.block ul {
-padding-left: 1.5em;
+/* -------------------------------------------------------- */
+/* div navigations styles */
+
+div#navigation ul{
+margin: 0;
+padding: 0;
+list-style-type: none;
 }
 
-.block ul a {
-color: #444;
-text-decoration: none;
+div#navigation li{
+display: inline;
+margin: 0 1em;
+border-right: solid 1px;
+padding: 0 1em;
 }
 
-.block ul a:hover {
-text-decoration: underline;
+div#navigation a{
+color:#FFF;
+font: normal bold 1.2em/2.5em arial,sans-serif;
 }
 
-#left{
-margin: 0 290px 0 0;
-background-color:#444;
-/*width:70%;
-margin-right:30%;*/
+div#navigation a:hover{
+color: #ff0;
 }
 
+/* -------------------------------------------------------- */
+/* Thumbnail class */
+
 .thumbnail {
 background: url(%1/bg.png) no-repeat;
 text-align: center;
 float:left;
 width:228px;
 padding: 11px 0px 0px 0px;
-margin: 0 15px;
+margin: 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>
-
-<!-- =================================================================================== -->
-
 </head>
 
 <body>
 
-<div id="header">
-<h1>rekonq</h1>
-</div>
-
-
-<div id="float">
-<div class="block">%2</div>
-<div class="block">%3</div>
+<div id="container">
+<div id="header"><h1>rekonq</h1></div>
+<div id="navigation">%2</div>
+<table>%3</table>
 </div>
-<div id="left">%4</div>
 
 </body>
 </html>