From: Sebastian Bachmann 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/w?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 @@
-
+
[[!inline pages="StartSeite/L*" sort=title raw=yes]]
-
+
[[!inline pages="Kalender/* and !Kalender/*/*" show=2]] [[!inline pages="StartSeite/R*" sort=title raw=yes]]
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; }