@charset "UTF-8"; /** * Rosa Bittner - CSS Style Sheet * * * @project Rosa Bittner * @site http://www.rosa-bittner.de * @style Global CSS File for www.rosa-bittner.de * * @media screen, print * @note all media types are combined in this one CSS file using at(@)-rules * * @date 2009-08-15 * @version v2009-08-15 * @package xhtml-css * * @author Eduard Seifert * @copyright Copyright(c) 2009 * * @css-for fx, ie, opera, safari > trying to reach all a-grade browsers * @tested fx2, fx3, ie6, ie7, ie8, opera7, opera8, opera9, safari3, safari4 * @note ie6 is not supported any more, die ie6, die! :-) * @valid true * * @colordef #fff; white * @colordef #000; black */ /** * WordPress Theme Style Sheet Header Definition * @section WordPress Theme Style Sheet Header Definition * @see http://codex.wordpress.org/Theme_Development#Theme_Style_Sheet */ /* Theme Name: Rosa Bittner Theme URI: http://www.rosa-bittner.de.de/ Description: Theme for Rosa Bittner | http://www.rosa-bittner.de Version: v2009-08-15 Author: Eduard Seifert Author URI: http://www.mindspage.de/ */ @media screen { /** * TABLE OF CONTENTS [TOC] (used for better navigation inside this CSS file) * * =01 | =RESET YUI | Yahoo! UI Library: Reset CSS * =02 | =FONTS YUI | Yahoo! UI Library: Fonts CSS * =03 | =GLOBAL STYLES * =04 | =960GS | 960 Gird System * =05 | =BLOCK ELEMENTS * =06 | =TABLE ELEMENTS * =07 | =INLINE ELEMENTS * =08 | =LIST ELEMENTS * =09 | =HEADINGS * =10 | =FONT SIZES * =11 | =TEXT STYLES / TYPOGRAPHY * | Automatic Quotation Marks * | Citation / Quotation * | Text Alignment * =12 | =LINKS / ANCHORS * | External links (CSS3) * =13 | =COLORS * | Background Colors for Template Elements * =14 | =BORDERS * | Rounded Borders * =15 | =FLOATS * | Clearing floats with Clearfix Method * =16 | =WORDPRESS GENERATED CLASSES * =17 | =HEADER (with evtl. Logo) * =18 | =PAGE STRUCTURE * | Post * =19 | =NAVIGATION * | Postings Navigation on Main Page (Previous / Next) * =20 | =FORMS * | Searchform * | Search Input Field * =21 | =COMMENTS * | Comment Form * | Display Comments * =22 | =SIDEBAR * | About Me * | WordPress Cumulus Plugin / Widget * =23 | =FOOTER * =24 | =IMAGES * | Image Preview with jQuery * | WordPress Cleaner Gallery Plugin * =25 | =EXTRAS / MISCELLANEOUS * | jQuery Mouseposition top left * | Detect IE6 Overlay * | Width Sizes * | jQuery ToolTip * | STAGING or DEV Server? * =30 | =PRINT Styles * | Bugfix Print Preview */ /** * =01 | =RESET YUI * Yahoo! UI Library: Reset CSS (minified) * * Copyright (c) 2008, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.net/yui/license.txt * version: 3.0.0pr2 * * @section Yahoo! UI Library: Reset CSS (minified) * @see http://yui.yahooapis.com/3.0.0pr2/build/cssreset/reset-min.css */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /** * =02 | =FONTS YUI * Yahoo! UI Library: Fonts CSS (minified) * * Copyright (c) 2008, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.net/yui/license.txt * version: 3.0.0pr2 * * @section Yahoo! UI Library: Fonts CSS (minified) * @see http://yui.yahooapis.com/3.0.0pr2/build/cssfonts/fonts-min.css */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /** * =03 | =GLOBAL STYLES * @section all global styles of this site */ /** * =04 | =960GS * 960 Gird System (minified), Version 1.2 (see README.txt) * * +-------- 960px ----------+ * | | * +-------------------------+ * * @section 960 Gird System (minified) * @see http://960.gs/ * @see http://github.com/nathansmith/960-grid-system/tree/master * @note don't use @import url("css/960gs/code/css/960.css"); * @note .clear part of the minified of the 960 GS is commented out */ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px} /* .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} */ /** * =05 | =BLOCK ELEMENTS * XHTML Block Elements * * @section XHTML Block Elements * @see http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-block-text.html */ address, blockquote, body, dd, div, dt, form, h1, h2, h3, h4, h5, h6, hr, html, map, p, dl, pre { display: block; } html { background-color: #191919; color: #808080; } body { /* font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Geneva, Helvetica, Arial, sans-serif; */ font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; letter-spacing: 0.01em; /* line-height: 150%; */ /* should be defined in body */ line-height: normal; } hr { border-color: #858585; border-style: solid; border-width: 1px 0 0 0; clear: both; height: 0; display: none; /* hide horizontal line */ } /** * =06 | =TABLE ELEMENTS * XHTML Tables Module * * @section XHTML Tables Module * @see http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-tables.html */ table { border-collapse: collapse; border-spacing: 0; text-indent: 0; } caption { text-align:center; } table td { padding: 0.25em; vertical-align: top; } th { font-weight: bold; } tbody, thead, tfoot { vertical-align: middle; } /** * =07 | =INLINE ELEMENTS * XHTML Inline Text Module * * @section XHTML Inline Text Module * @see http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-inline-text.html */ strong { font-weight: bold; } cite, em, var, dfn { font-style: italic; } code, kbd, samp { font-family: monospace; } ins { text-decoration: underline; } del { text-decoration: line-through; } sub { vertical-align: -0.25em; font-size: smaller; line-height: normal; } sup { vertical-align: 0.5em; font-size: smaller; line-height: normal; } abbr[title], acronym[title] { border-bottom: dotted 1px; } /** * =08 | =LIST ELEMENTS * XHTML List Module * * @section XHTML List Module * @see http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-list.html */ /* unordered lists */ ul { /* list-style-type: disc; */ list-style-type: square; margin: 1em 0; } /* ordered lists */ ol { list-style-type: decimal; margin: 0 2em; } /* remove top & bottom margins for nested lists */ ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl { margin-top: 0; margin-bottom:0; } /* use circle when ul nested 2 deep */ ol ul, ul ul { /* list-style-type: circle; */ list-style-type: square; } /* use square when ul nested 3 deep */ ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: square; } dd { margin: 0.25em 0 0 0.5em; } #post-wrapper ul { margin: 0 1.5em; line-height: 1.75em; } #post-wrapper ul li { list-style-image: none; list-style-position: outside; list-style-type: disc; } #post-wrapper ol { margin: 0 1.5em; line-height: 1.75em; } #post-wrapper ol li { list-style-image: none; list-style-position: outside; list-style-type: decimal; } /** * =09 | =HEADINGS * XHTML Headings * * @section XHTML Headings * @see http://www.w3schools.com/tags/tag_hn.asp */ h1, h2, h3, h4, h5, h6 { display: block; } #header #headerimg h1 a, .post h2, #post-wrapper h3 {font-family: 'Times New Roman', Times, serif; } .post h2 { margin: 1.5em 0; } /** * Überschriften * @note Überschrift auf der Thumbnail Seite (home.php) * @note Überschrift auf der Artikel / Post Seite (single.php) * @note Überschrift auf der Index Seite (index.php) */ .home .post h2, .index .post h2, .page .post h2 { font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; margin: 0.25em 0; } .home .post h2 a, .index .post h2 a, .single .post h2 a, .page .post h2 a { margin: 0; padding: 0; } .single .post h2 { margin: 0.5em 0 1em 0; } /** * =10 | =FONT SIZES * Font Sizes * * @section Font Sizes * * @note Font Sizing Chart YUI v2.7.0b * @see http://developer.yahoo.com/yui/fonts/#chart * 10px = 77% * 11px = 85% * 12px = 93% (was 93%) * 13px = 100% * 14px = 108% (was 107%) * 15px = 116% (was 114%) * 16px = 123.1% (was 122%) * 17px = 131% (was 129%) * 18px = 138.5% (was 136%) * 19px = 146.5% (was 144%) * 20px = 153.9% (was 152%) * 21px = 161.6% (was 159%) * 22px = 167% * 23px = 174% * 24px = 182% * 25px = 189% * 26px = 197% */ /* __ 10px = 77% */ body, #footer p { font-size: 77%; } /* __ 11px = 85% */ /* __ 12px = 93% (was 93%) */ /* __ 13px = 100% */ p { font-size: 100%; } /* __ 14px = 108% (was 107%) */ #header h1 { font-size: 108%; } /* __ 15px = 116% (was 114%) */ /* __ 16px = 123.1% (was 122%) */ #sidebar, .index .post h2, .page .post h2 { font-size: 123.1%; } /* __ 17px = 131% (was 129%) */ /* __ 18px = 138.5% (was 136%) */ /* __ 19px = 146.5% (was 144%) */ /* __ 20px = 153.9% (was 152%) */ /* __ 21px = 161.6% (was 159%) */ /* __ 22px = 167% */ /* __ 23px = 174% */ /* __ 24px = 182% */ /* __ 25px = 189% */ /* __ 26px = 197% */ #header #headerimg h1, .post h2, .single .post h2, #post-wrapper h3 { font-size: 197%; } /** * =11 | =TEXT STYLES / TYPOGRAPHY * @section Text Styles and Typography */ #post-wrapper, #sidebar ul { line-height: 1.3em; } #post-wrapper p { padding: 0 0 1.5em 0; } #post-wrapper h3 { margin: 1em 0; } /** * offscreen position for elements to remove from view range * @todo TODO SAFARI! */ .offscreen { position: absolute; left: -9999em; } /** * Text Alignment */ .textaligncenter { text-align: center; } .textalignleft { text-align: left; } .textalignright { text-align: right; } /** * =12 | =LINKS / ANCHORS */ a:link { color: #808080; outline-width: 0; text-decoration: none; } a:visited { color: #808080; text-decoration: none; } a:hover, a:focus, a:active { color: #FFF; } /** * External links (CSS3) */ a[href^="http://"], a[href^="https://"]{ background-image: url(images/icons-bittner.png); background-position: left -704px; background-repeat: no-repeat; margin: 0 0 0 0.25em; padding: 0 0 0 1em; } a[href^="http://"]:hover, a[href^="https://"]:hover { background-position: left -812px; } /* reset for own domain */ a[href^="http://www.rosa-bittner.de/"], a[href^="http://www.rosa-bittner.de"], a[href^="http://rosa-bittner.de/"], a[href^="http://rosa-bittner.de"], a[href^="www.rosa-bittner.de/"], a[href^="www.rosa-bittner.de"], a[href^="rosa-bittner.de/"], a[href^="rosa-bittner.de"] { background: none; padding: 0; } /** * =13 | =COLORS * @section Color Definitions */ #post-wrapper p, #post-wrapper ul, #footer-wrapper { color: #FFF; } /** * =14 | =BORDERS * @section Border Definitions */ #post-wrapper { padding: 0 0 2em 0; } /** * =15 | =FLOATS * @section Floats */ .floatleft { float: left; } .floatright { float: right; } /** * Clearing floats with Clearfix Method * * @section Clearing floats with Clearfix Method * @see http://www.positioniseverything.net/easyclearing.html * @see http://little-boxes.de/?p=149 */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* IE-Patches for Clearfix */ .clearfix { display: inline-block; } /* Hide from IE5/Mac with Commented Backslash Hack \*/ * html .clearfix { height: 1px; } .clearfix { display: block; } /* END hide from IE5/Mac */ /** * =16 | =WORDPRESS GENERATED CLASSES * * @section WordPress generated Classes * @see http://codex.wordpress.org/CSS */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { margin: 0.5em 0; } .wp-caption a { margin: 0; } .wp-caption img { margin: 0; padding: 0; /* border: none; */ border: 1px solid #808080; } .wp-caption .wp-caption-text { margin: 0; padding: 0; } /** * Additional Wordpress classes generated by default * @section Additional Wordpress classes generated by default */ /* .categories {} .cat-item {} .current-cat {} .current-cat-parent {} .pagenav {} .page_item {} .current_page_item {} .current_page_parent {} .widget {} .widget_text {} .blogroll {} .linkcat{} */ /** * =17 | =HEADER (with evtl. Logo) */ /** * Header Logo swaps color on Mouse hover */ #header #headerimg h1 { margin-left: -100px; text-align: center; } #header #headerimg h1 img { margin: 0 0 0.5em 0; } /** * =18 | PAGE STRUCTURE * @section Page Structure */ #main-wrapper { /* background: transparent url(css/960gs/code/img/12_col.gif) repeat-y scroll 0 0; */ overflow: hidden; /* show grid 960gs */ text-align: left; margin-top: 3em; margin-bottom: 1em; margin-left: auto; margin-right: auto; } /** * Post * @section Post */ #post-wrapper { border-top: 1px solid #808080; padding-top: 2.5em; } /* .post a { margin: 0; } */ .home .post, .index .post { margin: 2em 5px 20px 10px; } /** * Zusammenfassung der Bilder auf der Startseite */ .post .postthumb a { margin: 0; } .post .postthumb img { border: 1px solid #808080; } #post-wrapper .part { padding: 0 0 2em 0; } /** * =19 | =NAVIGATION * @section Navigation */ #content-wrapper .subnavigation { border-top: 1px solid #808080; margin-top: 5em; padding-top: 4em; position: relative; } /* #nav-prev */ .subnavigation #nav-prev a:link, .subnavigation #nav-prev a:visited { background-image: url(images/icons-bittner.png); background-repeat: no-repeat; background-position: 50% 0; color: #191919; padding: 25px 0 0 0; } .subnavigation #nav-prev a:hover, .subnavigation #nav-prev a:focus, .subnavigation #nav-prev a:active { background-position: 50% -118px; } /* #nav-backttotop */ .subnavigation #nav-backtotop a:link, .subnavigation #nav-backtotop a:visited { background-image: url(images/icons-bittner.png); background-repeat: no-repeat; background-position: 50% -472px; color: #191919; padding: 25px 0 0 0; } .subnavigation #nav-backtotop a:hover, .subnavigation #nav-backtotop a:focus, .subnavigation #nav-backtotop a:active { background-position: 50% -590px; } /* #nav-next */ .subnavigation #nav-next a:link, .subnavigation #nav-next a:visited { background-image: url(images/icons-bittner.png); background-repeat: no-repeat; background-position: 50% -236px; color: #191919; padding: 25px 0 0 0; } .subnavigation #nav-next a:hover, .subnavigation #nav-next a:focus, .subnavigation #nav-next a:active { background-position: 50% -354px; } /** * =20 | =FORMS * @section Forms */ /** * =21 | =COMMENTS * @section Comments */ /** * =22 | =SIDEBAR * @section Sidebar Styles * @note Theme file: sidebar.php */ #sidebar { margin: 4em 0 0 0; } #sidebar ul { margin: 0 0 0 0.5em; } #sidebar #info { margin: 0 0 2em 0; } #sidebar #info h3 { display: none; } #sidebar #categories h3 { display: none; } .hide { display: none; } /* hide widget title in sidebar > functions.php */ /** * =23 | =FOOTER * @section Footer Styles */ #footer-wrapper { background-color: #000; margin: 2em 0 0 0; padding: 0.25em; position: fixed; position:fixed; bottom: 0; width: 100%; } #footer { margin: 0 auto; text-transform: uppercase; width: 780px; } /** * =24 | =IMAGES * @section Images Styles */ /** * =25 | =EXTRAS / MISCELLANEOUS * @section Extras and Miscellaneous */ /** * Width Sizes * @section Width Sizes */ /* .width100 { width: 100%; } .width75 { width: 75%; } .width50 { width: 50%; } */ /** * SCF2 Contact Form Plugin * @see http://www.laptoptips.ca/projects/scf2-contact-form/ */ #scf2 { margin: 1em 0; } #scf2 fieldset { margin: 0; padding: 0.5em 0; text-align: left; } #scf2 legend { display: none; } /* #scf2 p { font-family: Arial, Helvetica, sans-serif; margin: 0 0 12px 0; } */ #scf2 label {} #scf2 input {} #scf2 textarea { width: 435px; } #scf2 input, #scf2 textarea { background-color: #191919; border: 1px solid #808080; color: #FFF; /* font-family: Arial, Helvetica, sans-serif; font-size: 12px; */ margin: 3px 0 0 0; padding: 2px; } #scf2 input:hover, #scf2 textarea:hover { border: 1px solid #FFF; } #scf2 input:focus, #scf2 textarea:focus { border: 1px solid #FFF; } #scf2 #scf2_submit { text-transform: uppercase; width: auto; } #scf2 #scf2_submit:hover { background-position: left -47px; /* bullet white */ color: #FFF; cursor: pointer; } /** * wp_quotes: Random Quote Plugin * @see http://www.zombierobot.com/wp-quotes/ */ #wp_quotes { font-family: 'Times New Roman', Times, serif; font-size: 197%; padding-bottom: 1em; } #wp_quotes cite { display: block; font-size: 77%; text-align: right; } /** * microformats CSS * @see http://www.laptoptips.ca/projects/scf2-contact-form/ * @see http://www.hicksdesign.co.uk/journal/highlight-microformats-with-css */ /* hCard */ .vcard { color: #000; font-family: "Helvetica", "arial", sans-serif; font-size: 0.8em; border: 2px solid #e0e7b8 !important; padding: 30px 5px 5px 5px !important; -moz-border-radius: 8px; border-radius: 8px; margin: 5px 0 !important; background:#f8f8ec url('data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%3D%00%00%00%10%08%03%00%00%00%92%8E%873%00%00%00%03sBIT%08%08%08%DB%E1O%E0%00%00%00%BAPLTE%5C%8C%01%EF%F2%DE%B0%C9y%89%B65%95%CD%01%CB%DB%A4%95%B8Mn%A3%09%8D%C5%04%AB%E0%17%8E%BB8z%A6%22k%96%19%DD%E6%C1%A7%C3j%B9%CF%87%C1%F31%7D%B4%0A%9B%CD%14f%99%06%F8%F8%EC%D4%E1%B2%C2%D5%95%83%AC0%E6%EC%CF%B3%E7%1Dp%A0%14%A6%DB%12t%AB%0C%8C%B2%3F%9E%BE%5Cc%95%04%89%C0%06%97%C3%3B%81%B8%09%FF%FF%FF%96%CC%05%A3%D8%10%B8%EC%22u%AD%0D%AE%E3%1A%91%C9%02%93%BF%3Dd%96%05p%A5%0Aj%9D%07%8B%B76%9F%D5%0Dx%AF%0C%85%BC%07%9A%CF%08%8B%C3%05%BC%F0%25%99%C6%3A%A2%D4%18%7C%AC%23%A8%DD%15_%8F%02%B4%E8%1F%AC%DD!%9C%D6%08%9D%CF%15)%BBg%5E%00%00%00%09pHYs%00%00%0B%12%00%00%0B%12%01%D2%DD~%FC%00%00%00%1FtEXtSoftware%00Macromedia%20Fireworks%208%B5h%D2x%00%00%01SIDAT(%91%9D%91%0Do%820%10%86%5B%04Tj%5B%B7%BB%02%D6%A1f%1F%8AFP%A7%DB%98%CB%FE%FF%DFZ%0B%A2%C3%2C%D9%D8%9B%26%CD%7D%3C%D77%3D%82g%0D%0F%87%E3%F1%01%DB%88T%97%EB%1Ax~L%FB%1F%FF%A0%5DK%CFGi%7F%3CnI%07A%80%CB%E5%12%87%A3%B4(6%AF%ED%E8%7C%B1%B0t%0F%87i%F1%B4y%FE%AC%0B%B1%E2%7F%A3s%EC%F5%0Cm%E1%C7%DB*%CD%13%00%08%9B%AD%B1%D7%8C%B92%F4%DD%5DEcaU%15%A8%8E8R%DA%ECN%92f%0CNIwp%BF%DF%BB%DF%0B%0E%C4%E5%10%C1%B44m%92%E9%D0%E4%00%D4Dka%EB%1A%1C%EB%8E%E4%EBu%07g%B3%DD%EE%FE%C6h%7Bz%26*%2F%A1%3D%09%1E%02%F3%7C%A0q%14)*%95%04e%06I%C59L%94%A5%DF%F0%04o%B7M%DA%BE%13%F9%D6%A22%8Cu%CEEb%22%26%CE%CE%BB%DD.%E2%8B%D5j%B5%3A9%97%C0%7F%A4%158%E6%94%F93%9D%05%D7%9B%A0ZK%E5%C5%B5%F3%8A%F6%99%B1%ED9%26%12%10%9A%7Dj%9F%93%3C%CB%B2A%AD%CBv%26%1A%98%A2B3%895%CD%19%D0%04D%E4%D8%DF%04%89%A1N%2Cm%3Eo%3A%7D7%1A%5C%7B%F8M%24%2FYC%13B%DA%D3%98_%D4%16%C6%2FZHR%F2%3Dm%A3l%00%00%00%00IEND%AEB%60%82') 5px 2px no-repeat !important; width: 30em; } /* IE6 and smaller won`t show the bg image so it gets a smaller padding-top */ * html .vcard { padding-top: 10px !important; } .vcard p { color: #808080 !important; } .vcard a { color: #639504; } .vcard .adr { display: block; margin: 1em 0; } /* .vcard .adr .type {} .vcard .adr .post-office-box {} .vcard .adr .street-address {} .vcard .adr .extended-address {} .vcard .adr .region {} .vcard .adr .locality {} .vcard .adr .postal-code {} .vcard .adr .country-name {} .vcard .agent {} .vcard .bday {} .vcard .class {} .vcard .category {} .vcard .email {} .vcard .email .type {} .vcard .email .value {} */ .vcard .fn { display: block; color: #639504; font-weight: bold; } /* .vcard .geo {} .vcard .geo .latitude {} .vcard .geo .longitude {} .vcard .key {} .vcard .label {} .vcard .logo {} .vcard .mailer {} .vcard .n {} .vcard .n .honorific-prefix {} .vcard .n .given-name {} .vcard .n .additional-name {} .vcard .n .family-name {} .vcard .n .honorific-suffix {} .vcard .nickname {} .vcard .note {} .vcard .org {} .vcard .org .organization-name {} .vcard .org .organization-unit {} .vcard .photo {} .vcard .rev {} .vcard .role {} .vcard .sort-string {} .vcard .sound {} .vcard .title {} .vcard .tel {} .vcard .tel .type {} .vcard .tel .value {} .vcard .tz {} .vcard .uid {} .vcard .url {} */ } /* END @media screen */ /** * =30 | =PRINT Styles * @section Styles for Print (@media print) * @see http://www.alistapart.com/articles/goingtoprint/ */ @media print { html, body { background: #FFF; color: #000; font-size: 10pt; } body #sidebar-wrapper { display: none; } #main-wrapper, #footer-wrapper { width: auto; border: 0; margin: 0 5%; padding: 0; float: none !important; } /** * Links * @note * Hyperlinks werden zurückgesetzt und auf dem Papier sichtbar gemacht * indem die URL Adresse nach dem Linktext dargestellt wird. * a[href]:after { content: " [Adresse (a[href]): "attr(href)"]"; } */ a:link, a:visited { color: #520; background: transparent; font-weight: bold; text-decoration: underline; } #main-wrapper a[href]:after { content: " ["attr(href)"]"; } #main-wrapper a:link:after, #main-wrapper a:visited:after { content: " ["attr(href)"]"; font-size: 90%; } #header #headerimg h1 a img { border: none; } /** * Bugfix Print Preview * @section Bugfix Print Preview * @note * set overflow: hidden and overflow: auto to overflow: visible * to get pages not cut ! * Syntax: tag { overflow: visible !important; } * @see http://www.yaml.de/develop/ff_overflow.html */ } /* END @media print */