summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
Diffstat (limited to 'data')
-rw-r--r--data/home.html106
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>