/* Theme Name: endlich-mal-was-positives.de Theme URI: twiceware.de Description: CI-Theme für endlich-mal-was-positives.de Version: 1.0.0 Author: Danny Spangenberg Tags: private Based on 960 Base Theme, Version 1.5.0, 2009-06-30 Created by Domenico Monaco. See the official site for more info: http://kiuz.it http://960basetheme.kiuz.it/ Under GPL/MIT License Based on Fluid 960 Grid System Use Moo Javascript tools */ /* +----------------------------------------------------+ | 960 Base Theme created by Domenico Monaco | | This project is free be used and modified under | | GPL and Mit License, please read more | | This note remain intact | | ____________________________________________ | | 960 Base Theme | http://960basetheme.kiuz.it | +----------------------------------------------------+ */ /* Import Css of Framwork, Fluid 960 Grid System */ /* * * */ /* css files of Grid System, if you want to use Fluid Grid System change: * @import url("css/960.css"); >>> to >>> @import url("css/960.css"); * note: @import url("css/960.css"); is cratede by Sthepen Bau and is included in Fluid 960 Grid System */ @import url("css/reset.css"); @import url("css/text.css"); .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ .cols {margin: 0 0px;background:#eee; padding-left:300px;} .cols .wrapper {background:#f1e4d8;} .cols .bordered {border-left:1px solid #ffffff;} .cols .wrapper .col1 {width:100%; float:right;} .cols .wrapper .col2 {margin-left:-300px; width:300px; float:right;} .cols .wrapper .col1 .padding_box {padding: 0px 60px 20px 20px;} .cols .wrapper .col2 .padding_box {padding:10px 10px;text-align: center;} body {font-family:Georgia; color: #000000; background-color: #ddd;} h2 {color:#e60003;} h1 {color:#000;font-size: 16px; font-weight: normal;} p {color:#EEEEEE;} a {color:#8FAE38; text-decoration:none;} a:hover {text-decoration:underline;} #allContainer {width:60em; margin:0 auto;} #container {width: 960px; margin-left: auto; margin-right: auto;margin-top: 50px; } #navigation {font-size: 16px; text-transform: lowercase; color: #000000; } #navigation ul {margin: 0; padding: 0;} #navigation li { float: left; list-style: none; padding: 35px 5px 5px 5px; margin: 0 5px 0 0; color: #ffffff;} #navigation li.current_page_item, #navigation li.current_page_ancestor, #navigation li.current_page_parent { background-color: #e60003; color: #ffffff; } #navigation li.current_page_item a, #navigation li.current_page_item a:link, #navigation li.current_page_item a:visited { color: #ffffff; } #navigation li.current_page_ancestor a:link, #navigation li.current_page_parent a:link { background-color: #e60003; color: #ffffff; } #navigation li:hover, #navigation li.current_page_item:hover, #navigation li.current_page_ancestor:hover, #navigation li.current_page_parent:hover { background-color: #e60003; color: #ffffff; } #navigation li a, #navigation li a:link, #navigation li a:visited { color: #000000; text-decoration: none; } #navigation li:hover a, #navigation li:hover a:link, #navigation li:hover a:visited { color: #fff; } #navigation li.current_page_item a, #navigation li.current_page_ancestor a, #navigation li.current_page_parent a { color: #ffffff; } .col2 h1 {font-size: 16px; font-weight: normal; margin: 0;letter-spacing:0px;word-spacing: 0px;} .col2 h2 {font-size: 16px; color: #e60003; font-weight: normal; margin: 0;letter-spacing:0px;word-spacing: 0px;} #cover {margin: 20px 0;} #ribbon {float: left;} #ribbon_links {float: left; font-size: 14px; margin-left: 10px; margin-top: 10px; text-align: left;} #ribbon_links a, #ribbon_links a:link, #ribbon_links a:visited, #ribbon_links a:active {color: #000;} #ribbon_links a:hover {color: #e60003; text-decoration: none;} #order_online {padding-top: 20px;} #content {margin-top: 40px; font-size: 14px; padding-left: 5px; color: #000000;} #content h1 {font-size: 22px; color: #e60003; font-weight: normal; margin: 0; margin-bottom: 20px;letter-spacing:1px;} #content h2 {font-size: 16px; color: #e60003; font-weight: normal; margin: 0; margin-bottom: 10px;letter-spacing:1px;} #content p {color: #444;} #content a, #content a:link, #content a:visited, #content a:active {color: #000;} #content a:hover {color: #e60003; text-decoration: none;} #head {height: 2px;padding-top: 0px; margin-bottom: 0px; width: 956px; background: url(img/border-top.png) repeat-x bottom left;} #content .post h1 {font-size: 22px; color: #e60003; font-weight: normal; margin: 0; margin-bottom: 0;letter-spacing:1px;} #content .post h2 {font-size: 16px; color: #e60003; font-weight: normal; margin: 0; letter-spacing:1px;} #content .post h3 {font-size: 14px; color: #e60003; font-weight: normal; margin: 0; margin-bottom: 10px;letter-spacing:1px;} #content .post small {font-size: 12px; color: #444; } #content .post p {margin:0; margin-bottom: 10px;} #content .postmetadata {padding: -10px 0 10px 0; margin: 0;font-size: 12px; color: #444;} #content .article {margin:0; margin-top: 20px;font-size: 14px;} #content .scheduler {font-size: 14px; color: #444;margin: 10px 0;} ul.ec3_events li small {font-size: 12px; color: #444; } ul.ec3_events {list-style: none;padding:0;margin:0;} ul.ec3_events li {padding:0;margin:0;} ol.fieldset {list-style: none;} #two_cols {} #two_cols .col_left {width: 250px; float:left;} #two_cols .col_right {width: 250px; float:right;} #two_cols .col_left p {margin-bottom: 10px;} #two_cols .col_right p {margin-bottom: 10px;} #flag {float: right;width: 30px; height: 75px; background-color: #e60003;margin-top: -74px; margin-right: 4px;} #delimiter {width: 956px; } .shadow { background: url(img/shadow.png) no-repeat bottom left; padding: 0px 2px 14px 2px; } /* Begin Images */ p img { padding: 0; max-width: 100%; border: 1px solid #ccc; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 1px; margin: 0 0 2px 7px; display: inline; } img.alignleft { background-color: #eee; padding: 2px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ .navigation {padding-bottom: 25px;}