1 files changed, 31 insertions, 67 deletions
diff --git a/data/home.html b/data/home.html
index d1a200cf..0471e3a6 100644
--- a/data/home.html
+++ b/data/home.html
@@ -17,74 +17,47 @@ font-family: sans-serif;
 font-size: 100%;
 }
 
-/* ------------------------------------------------------- */
-
-div#container{
-margin: 0;
-}
-
-div#header{
-margin: 0;
-padding: 2px;
-background-color:#00f;
-color: #ff0;
-text-align: center;
-}
-
-div#footer{
-background-color:#00f;
-color: #ff0;
-text-align: center;
+#header{
+text-align:right;
+padding: 10px;
+margin:5px;
 }
 
 /* ------------------------------------------------------- */
 
-h2{
+h1{
 color: #00f;
 }
 
-td{
-padding: 2em;
-vertical-align: top;
+#float {
+float: right;
+width: 30%;
+clear: right;
 }
 
-td.bookmarks{
-  border-left: 2px solid #0000FF;
-  border-top-width: 0px;
-  border-bottom-width: 0px;
+.block {
+background-color: #FFA500;
+border: 2px solid #000000;
+padding: 0.5em;
+margin:15px;
+font-weight: bold;
+color: white;
+clear: right;
 }
 
-.indent {
-margin-left: 2em;
+#left{
+width:70%;
+margin-right:30%;
 }
-</style>
-
-<!-- =================================================================================== -->
 
-<script type="text/javascript">
-function ToggleVisibility(image, element)
+.thumbnail 
 {
-    // Find the image.
-    var image = document.getElementById(image)
-
-    // Find the element to hide/unhide.
-    var element = document.getElementById(element)
-
-    // Check the element's current state.
-    if (element.style.display == "none")
-    {
-        // If hidden, unhide it.
-        element.style.display = "block";
-        image.src = "%1open.png";
-    }
-    else
-    {
-        // If not hidden, hide it.
-        element.style.display = "none";
-        image.src = "%1closed.png";
-    }
+text-align: center;
+float:left;
+width:230px;
+margin:15px;
 }
-</script>
+</style>
 
 <!-- =================================================================================== -->
 
@@ -93,24 +66,15 @@ function ToggleVisibility(image, element)
 <body>
 
 <div id="header">
-<h1>rekonq home page</h1>
+<h1>rekonq</h1>
 </div>
 
-<table width="100%">
-<tr>
-<td width="40%"><h2>History</h2></td>
-<td width="60%"><h2>Bookmarks</h2></td>
-</tr>
-
-<tr>
-<td>%2</td>
-<td class="bookmarks">%3</td>
-</tr>
-</table>
 
-<div id="footer">
-rekonq, lightweight Web Browser for KDE based on Webkit.
+<div id="float">
+<div class="block">%1</div>
+<div class="block">%2</div>
 </div>
+<div id="left">%3</div>
 
 </body>
 </html>