/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* Seiten anpassung */ .custom .full_width .page { margin-left: 150px; width:72.5em; background: none;} /* Header anpassung ------------------------------------------- */ .custom #header_area{display:none;} .custom #nav_area ul {border-bottom:none; border-left:none;} .custom #nav_area ul li {border-width:0; margin-bottom:0; padding-bottom:0; background:none;} .custom #header {border-bottom:none;} .custom #nav_area {background: #ffffff none ; padding:0.5em 0; border-bottom: 2px solid #000000;} .custom #nav_area ul {border-bottom:none; border-left:none;} .custom #nav_area ul li {border-width:0; margin-bottom:0; padding-bottom:0; background:none;} .custom #title_area {background: none; } .custom #header {border-bottom:none;} .custom #title_area {background:none; } .custom #header {border-bottom:none; height:200px; padding-top:0; padding-bottom:0;} .custom #header #logo {display:none;} .custom #header #tagline {display:none;} /* Hintergrund anpasen --------------------------------- */ body.custom { /*background: #ffffff url('images/layout_sketch.jpg') 0px 0px no-repeat;*/ background: #ffffff url('http://www.spaghetti-mit-knoedel.com/wp-content/themes/thesis_17/custom/back/rotate.php') 0px 0px no-repeat; } .custom #sidebar_1 { background: #e4f2ce !important; border-color: #000000; height:526px; width: 50% } .custom #content {background: #ffffff none repeat scroll 0 0; border: #000000 solid 2pt;} .custom #sidebars { background: #F2E8D5; border-width: 0 2pt 2pt; border-color: #000000; height:1100px;} /* Farben und Stärken anpassen ----------------------*/ .format_text .alignleft { margin: 0 1.571em 1.571em 0; float: left; clear: left; } .format_text .alignright { margin: 0 0 1.571em 1.571em; float: right; clear: right; } .format_text .aligncenter { display: block; margin: 0 auto 1.571em auto; float: none; clear: both; } .format_text .alignnone { display: block; margin: 0 auto 1.571em 0; clear: both; } .format_text .wp-caption p { font-size: 0.786em; font-stile: italic; margin-bottom: 0.714em; text-align: left; } .format_text p { line-height: 1.75em;} .custom a, .custom a:visited { color: #BF3F3F; position: relative; z-index: 500;} .custom a:hover { color: #BF3F3F; } .custom .wp-caption {padding: 0px; border-style: none; background-color: #FFFFFF;} .custom #image_box img { background:#FFFFFF none repeat scroll 0 0; padding:0em; } .custom #image_box {background:none! important; padding-top:0em; } .custom .post_box, .teasers_box { border-top:1px solid #000000; clear:both; } /* Extra Elemente ---------------------------------- */ .top_banner { position: absolute; background:#FFFFFF none no-repeat scroll 0 0; height:90px; margin-top:130px; margin-left: 170px; width:728px; z-index:3 } .navi_banner { background: transparent url('images/halbe_33px.png') repeat 50% 50%; * background: none; * filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/halbe_33px.png', sizingMethod='repeat'); float:right; height:66px; margin-top:10px; width:722px; overflow:hidden } .left_logo { position: absolute; /*background: url('images/left_knoedel.png') 50% 50% no-repeat;*/ margin-top: 5px; margin-left: 0px; width: 210px; z-index:99 } .cat_image {float: right; margin-left: 10px;} .cat_image_thumb {float: left; padding-right: 5px;} .cat_in_sidebar_left {float:left; margin-bottom:10px; margin-left:20px; margin-right:5px;} .pagerbox { boder-top: 2px solid #DDDDDD; } .postad { border-top: 2px solid #DDDDDD; padding-top: 10px; margin-bottom: 10px; height: 60px; width: 706px; clear: both; } .related { border-top: 2px solid #DDDDDD; } /*.post_tags { border-top: 2px solid #DDDDDD; }*/ .sociable { font-size: .75em; margin-top: 0px !important; /*width: 50%; float: left;*/ clear:both; } .pagerbox { border-top: 2px solid #DDDDDD; clear:both; } .socialmedia { position: absolute; margin-top: 725px; margin-left: 915px; width: 200px; color: #ffffff; z-index:100 } .rss_badge { position: absolute; margin-top: 235px; margin-left: 910px; width: 154px; z-index:90 display: block; } .rss_badge img{ display: block; } .newsletter_badge { position: absolute; margin-top: 586px; margin-left: 910px; width: 154px; z-index:97 } .rss_text { position: absolute; margin-top: 502px; margin-left: 925px; width: 123px; color: #ffffff; } .rss_text h2 { text-align: center; font-weight: bold; font-size:1.5em; line-height:1.4em; color: #ffffff; } .rss_text a,a.visited { color: #ffffff !important; } .newsletter_text{ position: absolute; margin-top: 611px; margin-left: 925px; width: 123px; color: #ffffff; z-index:98 } .newsletter_text h2 { text-align: center; font-weight: bold; font-size:1.5em; line-height:1.4em; color: #ffffff; } .link_bottom { float: left; } .related { width: 100%; clear: left; } .related2 { width: 50%; float: left; } .related h3 { font-size:1em; font-variant:small-caps; letter-spacing:2px; line-height:1.385em; color: #555555; } .related2 h3 { font-size:1em; font-variant:small-caps; letter-spacing:2px; line-height:1.385em; color: #555555; } .related ol { list-style-type: none; margin: 0px 0px 0px 0px; } .related li { display: inline !important } /* CFORM */ /* */ /* main 'top-level' form elements */ /* */ @import "calendar.css"; .cform { margin:10px auto 0 auto; width: 450px; } .cform fieldset { margin-top:10px; padding:10px 0 10px 0; border:1px solid #adadad; border-left-color:#ececec; border-top-color:#ececec; background:#f7f7f7; } .cform .cf_hidden { display:none; border:none!important; background:none!important; padding:0!important; margin:0!important; } .cform legend { margin-left:10px; padding: 0 2px; font:normal 20px Times; color:#666666; } ol.cf-ol { margin:0!important; padding:0!important; } ol.cf-ol li { background:none!important; margin:0 10px!important; /*some themes may interfere otherwise*/ padding:0; list-style:none!important; text-align:left; line-height:1.3em; } /* */ /* just for text-only fields (no input) */ /* */ ol.cf-ol li.textonly { letter-spacing:2px; margin:6px 0pt !important; padding:3px 0; text-align:center; } /* */ /* global definitions for field labels */ /* */ .cform label { width:200px; margin:0px 10px 0 0; text-align:left; font-size: 10px; display:block; color:#888888; background:#fefefe; padding:2px; } label.cf-before { display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ margin:4px 5px 0 0; } label.cf-before span{ width:200px; display:block; } label.cf-after { display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ margin:4px 0 0 4px; width:115px; text-align:left; } label.cf-after span { width:115px; display:block; } label.cf-group-after { display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ margin:4px 6px 0 4px; width:105px; text-align:left; } label.cf-group-after span { width:105px; display:block; } /* */ /* FORM FIELDS general formatting */ /* */ .cform input, .cform textarea, .cform select { margin:0 0 8px 0; padding:3px; background: #fbfbfb; border:none; border-top: 1px solid #f0f0f0; vertical-align:top; } .cform input:hover, .cform textarea:hover, .cform select:hover { background:#CEDDDF; } .cform input:focus, .cform textarea:focus, .cform select:focus { background:#F3F8F8; } .cform textarea, .cform input { width:415px; } .cform select { width:421px; /* attempt to have equal length */ } .cform select.cfselectmulti { height:6.5em; } .cform textarea { font-family: arial; font-size: 0.9em; height: 6em; overflow:auto; } .cform input.cf_date { width:395px; } /* */ /* radio button title */ /* */ ol.cf-ol li.cf-box-title { letter-spacing:2px; margin:12px 0pt 4px 10px!important; font-size:10px; color:#888888; } /* */ /* check boxes */ /* */ input.cf-box-a, input.cf-box-b { margin:3px 0 0 0; width:16px; height:22px; border:none!important; background:none!important; } /* */ /* check box groups */ /* */ ol.cf-ol li.cf-box-group { padding: 0 0 12px 0; } /* */ /* formatting for text: "(required)" & other */ /* */ span.reqtxt, span.emailreqtxt { display:block; /*for mozilla*/ width:421px; font-size:9px; vertical-align:top; color:#888888; text-align:right; margin:0; height:13px; line-height:13px; } .cform textarea.fldemail, .cform textarea.fldrequired, .cform input.fldemail, .cform input.fldrequired { margin:0; } /* */ /* FORM submit button */ /* */ p.cf-sb { padding: 0!important; margin: 0; text-align:right; } .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton { width:150px; padding:5px; margin: 5px 3px 4px 0pt; font-size:0.8em; background:url(../images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; } .cform input.resetbutton { width: auto; padding:5px 1em; } .cform input.backbutton { width: auto; padding:5px 1em; } /* */ /* FORM FIELDS enhanced error display */ /* */ ol.cf-ol li.cf_li_err { background:#FFDFDF url(li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt; padding:5px 10px!important; margin:5px 0!important; } ol.cf-ol li ul.cf_li_text_err { padding:0 0 0 10px; margin:0; color:#333; display:inline-block; } ol.cf-ol ul.cf_li_text_err li { background:url(icon-alert.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px; } ol.cf-ol ul.cf_li_text_err li:before { content:''; } /* */ /* 'visitor verification' related styles */ /* */ label.seccap { margin-top: 6px; } label.secq{ display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ width:auto; padding:2px 4px 2px 2px; } label.secq span { display:block!important; width:auto; } input.secinput { vertical-align:text-bottom; } #cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha { height:15px; width:196px; padding: 4px 4px; margin: 0 0 8px 0; vertical-align:text-bottom; } img.captcha { vertical-align:text-bottom; margin:0 0 8px 10px!important; padding:0!important; border:none!important; float:none!important; } img.captcha-reset { vertical-align:text-bottom; background: url(captcha_reset_grey.gif) no-repeat; margin:0 0 10px 3px; width:21px; height:21px; border:none!important; } img.imgcalendar { border:none!important; } /* */ /* change formatting of response msgs here */ /* */ div.cf_info { color:#333; display:none; padding:10px 15px!important; width:420px; line-height:1.3em; margin:10px auto; } div.cf_info ol { margin:0; padding:5px 15px 0 30px; } div.cf_info ol li { padding:1px 0; margin:2px 0; } div.cf_info a { color:red!important; text-decoration:underline!important; } div.success { background:#F9F9F9 none repeat scroll 0%; color:#AAAAAA; display:block; } div.failure { display:block; background:#FFDFDF url(li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt; } div.waiting { background:#F9F9F9 none repeat scroll 0%; color:#AAAAAA; display:block; } /* */ /* formatting for invalid user inputs */ /* */ .cform .cf_error { color:#ad2929; border:1px solid #ad2929; } div.mailerr { display:block; } .mailerr, .cform .cf_errortxt { color:#ad2929; } /* */ /* disabled fields [disabled] does not work on IE! */ /* */ [disabled] { color:#dddddd; border-color:#dddddd!important; background:none!important; } .disabled { border-color:#dddddd!important; } /* */ /* upload box styling */ /* */ .cform input.cf_upload { width:220px; background: #f9f9f9; border:1px solid #888888; } /* */ /* Other: link love */ /* */ .linklove { width:410px; margin:0 auto 10px!important; padding:0!important; text-align:center!important; } .linklove a, .linklove a:visited { font-size: 0.8em; font-family: Tahoma; color:#aaaaaa!important; } /* */ /* Other: browser hacks */ /* */ * html .cform legend { position:absolute; top: -10px; left: 10px; margin-left:0; } * html .cform fieldset { position: relative; margin-top:15px; padding-top:25px; } * html ol.cf-ol { display:inline-block; /*for IE6!!*/ } * html img.captcha { margin-bottom:9px!important; } *+html img.captcha { margin-bottom:9px!important; } .custom #disqus_thread { padding-left: 10px; padding-right: 10px; }