From f9c9aef63c24188c87dbe4a351b2834e2fc0d282 Mon Sep 17 00:00:00 2001
From: Benjamin Franzke <benjaminfranzke@googlemail.com>
Date: Tue, 23 Aug 2011 16:02:34 +0200
Subject: Add initial layout + pages

---
 style/style.css | 235 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 235 insertions(+)
 create mode 100644 style/style.css

(limited to 'style')

diff --git a/style/style.css b/style/style.css
new file mode 100644
index 0000000..a088cc0
--- /dev/null
+++ b/style/style.css
@@ -0,0 +1,235 @@
+/*
+Design [inspired] by Free CSS Templates
+http://www.freecsstemplates.org
+Released for free under a Creative Commons Attribution 2.5 License
+*/
+
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	/*background: #FFFFFF url(images/img01.gif) repeat-x; */
+	background: #2E2E2E;
+	/*background: #3C3230;*/
+	text-align: justify;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 13px;
+	color: #333333;
+}
+
+form {
+}
+
+input, textarea {
+	padding: 2px 5px;
+	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
+	color: #333333;
+}
+
+h1, h2, h3 {
+	margin-top: 1.5em;
+	font-weight: normal;
+}
+
+h1 {
+	font-size: 2em;
+}
+
+h2 {
+	font-size: 1.4em;
+}
+
+h3 {
+	font-size: 1em;
+}
+
+p, ul, ol {
+	margin-top: 1.2em;
+	line-height: 130%;
+}
+
+ul, ol {
+	margin-left: 3em;
+}
+
+blockquote {
+	margin-left: 3em;
+	margin-right: 3em;
+}
+
+a {
+	color: #CC6B47;
+}
+
+a:hover {
+	text-decoration: none;
+	color: #3760BF;
+}
+
+a img {
+	border: none;
+}
+
+img.left {
+	float: left;
+	margin: 1px 15px 0 10px;
+}
+
+img.right {
+	float: right;
+	margin: 0 0 0 20px;
+}
+
+/* Header */
+
+#header {
+	height: 70px;
+	width: 778px;
+	padding-top:40px;
+	margin: 0 auto;
+}
+
+#header h1, #header h2 {
+	margin: 0;
+	letter-spacing: -0.05em;
+	font-weight: normal;
+	color: #FFFFFF;
+}
+
+
+#logo {
+	float: left;
+	width: 56px;
+	height: 56px;
+	margin-right: 5px;
+}
+
+#header h1 {
+	float: left;
+	font-size: 4em;
+}
+
+#header h2 {
+	float: left;
+	padding: 27px 0 0 8px;
+	font-size: 2em;
+	color: #858585;
+}
+
+#navi {
+	width: 778px;
+	height: 50px;
+	margin: 0 auto;
+}
+
+#navi ul {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	line-height: normal;
+}
+
+#navi li {
+	display: inline;
+}
+
+#navi a {
+	float: left;
+	margin-right: 6px;
+	padding: 5px 20px 5px 20px;
+	background: #4C4D51;
+	border: 1px #575C5F solid;
+	text-decoration: none;
+	text-transform: uppercase;
+	font-weight: bold;
+	font-size: 11px;
+	color: #FFFFFF;
+}
+
+#navi a:hover, #navi a.active {
+	background: #983D3A;
+	border: 1px #D45951 solid;
+}
+
+#page {
+	width: 778px;
+	margin: 0 auto;
+}
+
+#content {
+	background: #F4EDD3;
+	border-bottom: 4px #BBB082 solid;
+}
+
+#page {
+	background: #E8DBA7;
+	background: #f3e19a;
+	background: #f3e3a5;
+	background: #f3d561;
+	background: #f3e9c4;
+	background: #f3e2b2;
+	
+	background: #F4EDD3;
+
+	border: 3px #983D3A solid;
+	width: 778px;
+	margin: 0 auto;
+	padding: 5px;
+}
+
+#page h1 {
+	margin: 10px 0;
+	padding: 2px;
+	color: #CC6B47;
+}
+
+#page h3 {
+	font-size: 20px;
+
+	margin: 5px 0;
+	padding: 7px;
+}
+
+#page p {
+	margin: 0;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-bottom: 15px;
+  
+}
+
+#page ul {
+	padding: 0;
+	margin-top: 0.5em;
+	font-size: 15px;
+}
+
+#page .meta {
+	padding: 10px 0 0 0;
+}
+
+hr.delimit {
+	height: 20px;
+	background: #BBB082;
+	color: #FFFFFF;
+	border: none;
+}
+
+#footer {
+	clear: both;
+	margin: 0 auto;
+	padding: 20px 0;
+	text-align: center;
+}
+
+#footer p {
+	margin: 0;
+	font-size: .8em;
+	color: #666666;
+}
+
+#footer p a {
+	color: inherit;
+}
-- 
cgit