diff options
| author | Benjamin Franzke <benjaminfranzke@googlemail.com> | 2011-08-23 16:02:34 +0200 |
|---|---|---|
| committer | Benjamin Franzke <benjaminfranzke@googlemail.com> | 2011-08-23 16:06:05 +0200 |
| commit | f9c9aef63c24188c87dbe4a351b2834e2fc0d282 (patch) | |
| tree | 2557ec019bb4f2833b86481ccb36ede366946086 /style | |
| download | mutti-web-f9c9aef63c24188c87dbe4a351b2834e2fc0d282.tar.gz mutti-web-f9c9aef63c24188c87dbe4a351b2834e2fc0d282.tar.bz2 mutti-web-f9c9aef63c24188c87dbe4a351b2834e2fc0d282.zip | |
Add initial layout + pages
Diffstat (limited to 'style')
| -rw-r--r-- | style/style.css | 235 |
1 files changed, 235 insertions, 0 deletions
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;
+}
|