more sophistication of the html layout. adding colors and logo
authorSebastian Bachmann <me@free-minds.net>
Mon, 15 Apr 2013 19:04:39 +0000 (21:04 +0200)
committerSebastian Bachmann <me@free-minds.net>
Mon, 15 Apr 2013 19:04:39 +0000 (21:04 +0200)
debian_swirl-75.png [new file with mode: 0644]
index.mdwn
local.css

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
index 4311d3f..7948ca5 100644 (file)
@@ -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>
index 0785753..1954a3c 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;
 
 .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;
 }