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 (file)
index 0000000..b159f1c
Binary files /dev/null and b/debian_swirl-75.png differ

diff --git a/index.mdwn b/index.mdwn
index 4311d3fab3907d5fa4eef9efbece4e4cfc707239..7948ca554e9642ca949942eb7b505b721ebd8ef4 100644 (file)
--- 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 0785753199bf3e1a5550045251136b4f500dfd72..1954a3cc9b7c61d9f9a9fa93e587e8182c4ba4bf 100644 (file)
--- 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;
 }