From: Sebastian Bachmann <me@free-minds.net>
Date: Mon, 15 Apr 2013 19:04:39 +0000 (+0200)
Subject: more sophistication of the html layout. adding colors and logo
X-Git-Url: https://git.deb.at/?a=commitdiff_plain;h=36a2ae5aa469c830a68bff19a3ca6da5a8bcf113;p=debienna.git

more sophistication of the html layout. adding colors and logo
---

diff --git a/debian_swirl-75.png b/debian_swirl-75.png
new file mode 100644
index 0000000..b159f1c
Binary files /dev/null and b/debian_swirl-75.png differ
diff --git a/index.mdwn b/index.mdwn
index 4311d3f..7948ca5 100644
--- a/index.mdwn
+++ b/index.mdwn
@@ -1,8 +1,8 @@
 <div class="contentwrapper" markdown="1">
-	<div class="column-left">
+	<div class="column-left columns">
 	[[!inline pages="StartSeite/L*" sort=title raw=yes]]
 	</div>
-	<div class="column-right">
+	<div class="column-right columns">
 	[[!inline pages="Kalender/* and !Kalender/*/*" show=2]]
 	[[!inline pages="StartSeite/R*" sort=title raw=yes]]
 	</div>
diff --git a/local.css b/local.css
index 0785753..1954a3c 100644
--- a/local.css
+++ b/local.css
@@ -1,3 +1,10 @@
+body{
+	background-color: #DDDDDD;
+	font-family: Sans;
+	font-size: 0.8em;
+}
+
+
 .contentwrapper{
 	width: 960px;
 	margin: 0 auto;
@@ -6,15 +13,17 @@
 
 .column-left{
 	float: left;
-	width: 500px;
-	background-color: #DDDDDD;
-	padding: 10px;
+	width: 450px;
 }
 
 .column-right{
 	float: right;
-	width: 400px;
-	background-color: #DDDDDD;
+	width: 450px;
+}
+
+.columns{
+	border-radius: 10px;
+	background-color: white;
 	padding: 10px;
 }
 
@@ -24,5 +33,43 @@ h1, h2, h3, .title{
 	color: #D70A53;
 }
 
-.title {
+.pageheader {
+	border-radius: 10px;
+	background-color: white;
+	padding: 10px;
+	width: 960px;
+	margin: 20px auto;
+	height: 100px;
+}
+
+.pageheader .title{
+	background-image: url('debian_swirl-75.png');
+	background-repeat: no-repeat;
+	padding-left: 100px;
+	margin: auto 10;
+	height: 95px;
+	display: block;
+	font-size: 2em;
+	padding-top: 30px;
+}
+
+#footer{
+	width: 960px;
+	padding: 10px;
+	margin: 0 auto;
+	margin-top: 20px;
+}
+
+a{
+	text-decoration: none;
+}
+
+a:link, a:vistited {
+	color: #1888A4;
+	text-decoration: none;
+}
+
+a:active, a:hover{
+	color: #23C7F0;
+	text-decoration: none;
 }