From ecb5600dbaada5a473ad8541fcd239c4092d83d4 Mon Sep 17 00:00:00 2001 From: Christian Pointner Date: Sat, 8 Sep 2012 15:50:01 +0000 Subject: added Funkfeuer CI based style --- css/ffci.css | 234 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 234 insertions(+) create mode 100644 css/ffci.css (limited to 'css/ffci.css') diff --git a/css/ffci.css b/css/ffci.css new file mode 100644 index 0000000..59bc092 --- /dev/null +++ b/css/ffci.css @@ -0,0 +1,234 @@ +body { + background-color: white; + color: black; + margin: 0; + padding: 0; + font-family: "PT Sans", Helvetica, Arial; +} +body, p { + line-height: 1.4em; +} + + +div#header { + padding: 0; + margin: 0; + border: 0; + border-top: 28px solid white; + background-color: white; + background-image: url("../images/headerff.jpg"); + background-repeat: no-repeat; + background-position: 42px 0; + height: 164px; +} +div#header img { + display: block; + padding: 0; + margin: 0; + border: 0; +} + + +div#links { + background-color: white; + margin: 1em 0 0 0; + padding: 0; +} +div#links ul { + margin: 0 0 0 2em; + padding: 0; + border: 0; +} +div#links li { + border-bottom: 1px solid #273142; + margin: 0; + padding: 0.15em 2em; + display: block; + float: left; + text-align: center; +} +div#links a { + color: #273142 ; + text-decoration: none; + font-weight: bold; + font-size: 11pt; +} +div#links a:hover { + color: #6991AA; +} +div#links ul#lang li { + padding: 0.15em 0.15em; + margin: 0; + border: 0; + font-size: 11pt; +} +div#links ul#lang li:first-child { + padding-left: 1.5em; +} +div#links ul#lang li img { + max-height: 39px; + height: 1.25em; + border: 0; + padding: 0 1px; + margin: 0; +} + + +div#navigation { + vertical-align: top; + background-color: white; + padding: 0; + margin: 1em 0 1em 1.5em; + width: 20%; + max-width: 15em; + min-width: 10em; + float: left; +} +div#navigation h1 { + color: #273142; + font-size: 10pt; + text-align: right; + background-color: white; + background-image: url("../images/mascotte.png"); + background-repeat: no-repeat; + background-position: left bottom; + margin: 0; + padding: 2.5em 0.5em 0.5em 0.5em; +} +div#navigation ul { + padding: 0; + margin: 0; + border: 0; + list-style: none; +} +div#navigation li { + padding: 0.15em 1em; + margin: 0; + border: 0; + border-bottom: 1px solid white; +} +div#navigation a { + color: #273142; + text-decoration: none; + font-weight: bold; + font-size: 11pt; +} +div#navigation a:hover { + color: #6991AA; +} + + +div#content { + max-width: 50em; + min-width: 10em; + width: 45%; + float: left; + vertical-align: top; + margin: 1.4em 1em 1.4em 0.5em; + padding: 1em 3em 3em 3em; +} +div#content h1 { + margin: 2em 0 1.4em 0; + font-size: 2em; + line-height: 1.1em; +} +div#content h1:first-child { + margin: 0.5em 0 1.4em 0; +} +div#content h1 span.date { + font-size: 0.5em; + font-weight: normal; + line-height: 1em; +} +div#content h2 { + margin-top: 2em; + font-size: 1em; +} +div#content a { + color: #6991AA; + text-decoration: none; +} +div#content a:hover { + color: #273142; + text-decoration: underline; +} +div#content a:active { + color: #A1C820; +} +div#content p { + margin: 1.4em 0 1.4em 0; +} +div#content p img { + float:left; + padding-right: 1em; + border: 0; +} + + +div#meetup { + background-color: #556270; + padding: 0.25em 2em; + font-size: 0.9em; + width: 25em; +} +div#meetup p { + padding: 0; + margin: 0.5em 0 0.5em 0; + border: 0; +} +div#meetup h1:first-child { + font-size: 1.2em; + padding: 0; + margin: 0.5em 0 1em 0; + border: 0; +} +div#meetup ul { + padding: 0 0 0 2em; + margin: 0; + border: 0; +} +div#meetup em { + font-size: 1.2em; + font-weight: bold; + font-style: normal; +} + + +div.infobox { + background-color: #556270; + padding: 0.25em 2em; +} + + +div#footer { + background-color: #556270; + border-top: 1px solid black; + width: 100%; + margin-left: auto; + margin-right: auto; + text-align: center; + font-size: 9pt; + clear: both; +} +div#footer a { + color: #273142; + text-decoration: none; + font-weight: bold; +} +div#footer a:hover { + color: white; +} +div#footer img { + border: 0px; + padding: 0.5em; +} +div#htmlcss { + margin: 0; + margin-left: 0.5em; + float: left; +} +div#sponsor { + margin: 0; + margin-right: 0.5em; + float: right; +} -- cgit v1.2.1