@charset "UTF-8"; @font-face { font-family: 'Lane-NarrowRegular'; src: url('fonts/LANENAR_-webfont.eot'); src: local('Lane-NarrowRegular'), url('fonts/LANENAR_-webfont.woff') format('woff'), url('fonts/LANENAR_-webfont.ttf') format('truetype'), url('fonts/LANENAR_-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } /** * 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: Rosario Battaglia Theme URI: http://www.rosario-battaglia.de/ Description: Theme for Rosario Battaglia. Version: 2010-08-03 (WP 3.0) Author: Eduard Seifert Author URI: http://www.mindspage.de/ Tags: */ @media projection, screen { /** * @project Rosario Battaglia * @site http://www.rosario-battaglia.de/ * @media screen, projection, print * @note all media types are combined in this one CSS file using at(@)-rules * @date 2010-07-09 (creation date) * @version v1.0 * @lastmodified 2010-08-03 * @package xhtml-css * @author Frontend Development by Eduard Seifert , http://www.mindspage.de/ * @copyright Copyright(c) 2010 by Eduard Seifert * @author Design by YLF.DESIGN, http://www.youlookfor.us/ commissioned by Taobot GmbH, http://www.taobot.com/ @todo * @css-for fx, ie, opera, safari, chrome > trying to reach all a-grade browsers * @tested fx3, ie8, opera10, safari4, chrome4 * @note ie6 and ie7 are not supported any more * @valid true * * @colordef * @colordef * */ /** * TABLE OF CONTENTS [TOC] * * =RESET * =HTML5 * =960GS * =CLEARFIX * =BLOCK ELEMENTS * =TABLE ELEMENTS * =INLINE ELEMENTS * =LIST ELEMENTS * =HEADINGS * =COLORS * =BORDERS * =LINKS / ANCHORS * =FLOATS * =WORDPRESS GENERATED CLASSES * =HEADER * =PAGE STRUCTURE * =AUTHOR INFO * =NAVIGATION * =FORMS * =COMMENTS * =SIDEBAR * =WIDGETS AREA * =FOOTER * =IMAGES * =EXTRAS / MISCELLANEOUS * =WORDPRESS PLUGINS * =HELPER * =PRINT STYLES */ /** * =RESET * html5doctor.com Reset Stylesheet * @version v1.4.1 * @date 2010-03-01 * @author Richard Clark - http://richclarkdesign.com * @see http://html5doctor.com/html-5-reset-stylesheet/ * @see http://www.w3schools.com/html5/html5_reference.asp * @see http://meyerweb.com/eric/tools/css/reset/index.html * @see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent } :focus { outline: 0 } caption, th, td { text-align: left; font-weight: normal } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } blockquote, q { quotes: "" ""; quotes: none } del { text-decoration: line-through } /** * =HTML5 */ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; zoom: 1 /* play nice with IE6 - give him hasLayout */ } mark { font-style: italic; font-weight: bold } /** * =960GS * 960 Gird System (minified) * @version v1.2 * * +-------- 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 .clearfix method below (FLOATS) 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} /** * =CLEARFIX Method (Clearing floats) * @section Clearing floats with Clearfix Method * @see http://www.positioniseverything.net/easyclearing.html * @see http://little-boxes.de/?p=149 * @see http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ * @see http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/#comment-70981 * @note slightly enhanced, universal clearfix hack */ /* Clear floating Elements */ .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 } /* IE-Patches for Clearfix */ .clearfix { display: inline-block } /* Hide from IE5/Mac with Commented Backslash Hack \*/ * html .clearfix { height: 1% } .clearfix { display: block } /* END hide from IE5/Mac */ /** * =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, body { height: 100% } body { color: #1A1A18; font-family: Arial, Helvetica, sans-serif; line-height: 1.5 /* should be defined in body */ } hr { border-color: #858585; border-style: solid; border-width: 1px 0 0 0; /* border-top */ clear: both; height: 0; display: none; /* hide horizontal line */ margin: 1em 0; padding: 0 } /** * =TABLE ELEMENTS * @section XHTML Tables Module * @see http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-tables.html * @note tables still need 'cellspacing="0"' in the markup */ caption { text-align:center } table { border-collapse: collapse; border-spacing: 0; text-indent: 0; width: 100% } table th, table td { padding: 0.25em; padding-left: 0; vertical-align: top } table th p, table td p { padding: 0 } th { font-weight: bold } tbody, thead, tfoot { vertical-align: middle } /** * =INLINE ELEMENTS * @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 } ins { color: #000; text-decoration: none } 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 /* fix the line box to be taller than normal */} abbr, abbr[title], acronym, acronym[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help } /** * =LIST ELEMENTS * @see http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-list.html * @note Opera and Explorer control list indentation using left margin, modern browsers like FF and Safari use left padding! So zero out margin and padding first! * @date 2010-06-11 */ ol, ul { list-style: none } /* unordered lists */ ul { list-style-type: none; margin: 0; padding: 0 } nav ul { list-style: none } ul li { list-style: /*disc*/ inside none; /* disc, square */ /* margin: 0 0 0 1em */ } /* ordered lists */ ol { list-style-type: decimal; margin: 0; padding: 0 } ol li { list-style: decimal inside none; margin: 0 0 0 1em } /* 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: none; } /* use square when ul nested 3 deep */ ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: none } dd { margin: 0.25em 0 0 0.5em } li { padding: 0 } /** * =HEADINGS * @section XHTML Headings * @see http://www.w3schools.com/tags/tag_hn.asp */ h1, h2, h3, h4, h5, h6 { clear: both; color: #3C3C3C; display: block; font-family: 'Lane-NarrowRegular', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0; text-transform: uppercase } h1#site-title {font-size:73px;line-height:1;margin-top:-8px} h1#site-title a {font-weight:normal} h2#site-description { font-size: 20px; line-height: 1 } h2 { font-size: 40px } h3 { font-size: 30px } /** * =COLORS */ /** * =BORDERS */ /** * =LINKS / =ANCHORS * @note Whenever you use :hover, also use :focus * (just apply the same CSS to both) + :active for <= IE7 * (IE8 was first version to support :hover) * @see http://www.456bereastreet.com/archive/201004/whenever_you_use_hover_also_use_focus/ * @note Order of the selectors is very important (reason: cascade!) * @note Order: a:link, a:visited. a:hover. a:focus. a:active (Lord Vader Hates Furry Animals) * @note Warning! IE6 don't support the attribute selector > use jQuery instead! */ /** * Pseudo Classes * @note can only by applied to anchor elements * @note a normal link */ a { background: transparent; color: #3C3C3C; font-weight: bold; margin: 0; padding: 0; border: 0; text-decoration: none; vertical-align: baseline } .entry-content p a {} /* targets all unvisited links */ a:link { /* color: #FFF; */ /* outline: none; */ /* outline-width: 0; */ /* text-decoration: none; */ } /* target all visted links */ a:visited { /* color: #FFF; */ /* outline: none; */ /* outline-width: 0; */ /* text-decoration: none; */ } /** * Dynamic Pseudo Classes * @note can theoretically be applied to every element * @note IE6 pays attention only to :active and :hover (ignores :focus) * @note IE7 supports :hover but ignores :active and :focus */ /* targets links when hovered or activated / focus added for keyboard support */ a:hover, a:focus, a:active { color: #F29400; /* outline: none; outline-width: 0; */ text-decoration: none } a.active { color: #F29400 } /* targets all visited links on hover (combination possible) */ a:visited:hover { color: #F29400 } /** * More link / weiterlesen */ a.more, a.readmore { background: url(images/css-sprite_icons.png) no-repeat 0 -1593px transparent; color: #3C3C3C; display: block; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: bold; padding: 0 0 0 15px; text-decoration: none } a.more:hover, a.more:focus, a.more:active, a.readmore:hover, a.readmore:focus, a.readmore:active { background-position: 0 -1693px; color: #F29400 !important; text-decoration: none } /** * Document Links */ /** * PDF File * @note a link to a pdf file */ a[href$=".pdf"] {} a[href$=".pdf"]:after { content: " [PDF] "; } /** * Microsoft Word File */ a[href$=".doc"] {} a[href$=".doc"]:after { content: " [DOC] "; } a[href$=".docx"] {} a[href$=".docx"]:after { content: " [DOCX] "; } /** * External Link * @note highlight all external links * @note Warning! It will also pick up internal links using absolute URLs. Reset any links to your own site. */ a[href^="http://"], a[href^="http:"] {} /* reset internal links with absolute URL */ /* a[href^="http://www.yourdomain.com"], a[href^="http://yourdomain.com"] {} */ a[href^="http://localhost"] {} /** * E-Mail link */ /* a[href^="mailto:"] {} */ /** * Instant Message Link: AIM */ a[href^="aim:"] {} /** * RSS Feed */ a[href$=".rss"], a[href$=".rdf"] {} /** * MP3 Audio File */ a[href$=".mp3"] {} a[href$=".mp3"]:after { content: " [MP3] "; } /** * =FLOATS */ /** * =WORDPRESS GENERATED CLASSES */ /** * =HEADER */ #header { border-top: 10px solid #3C3C3C; padding: 25px 0 50px } #branding { text-align: center } #branding img { -moz-box-shadow: -3px 3px 3px #C3C3C3; -webkit-box-shadow: -3px 3px 3px #C3C3C3; box-shadow: -3px 3px 3px #C3C3C3; } /** * =PAGE STRUCTURE */ body { background: #fffef9; height: 101%; text-align: center; } #wrapper { /*background: transparent url(images/960gs/16_col_trans.gif) repeat-y scroll 0 0;*/ overflow: hidden; /* show grid 960gs */ text-align: left; margin: 0 auto } /** * =AUTHOR INFO */ #author-info {} #author-info #author-avatar {} #author-info #author-description {} #author-info h2 {} /** * =ENTRY CONTENT */ .entry-content .col { margin-top: 35px } .entry-content ul { margin-bottom: 20px } .entry-content li { background: url(images/css-sprite_icons.png) no-repeat 0 -2393px transparent; padding-left: 15px } .col h2 { margin: 30px 0 20px 0 } /** * =NAVIGATION */ .nav {} #access {} #access .alpha, #access .omega { border-top: 1px solid #3C3C3C } #access .menu-header, div.menu { font-size: 13px; margin-left: 12px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0 } #access .menu-header li, div.menu li { float: left; padding: 0 50px 0 0; position: relative } #access a { color: #000; display: block; font-size: 15px; font-weight: bold; line-height: 55px; margin: 6px 0 9px; text-decoration: none } #access ul ul { display:none; position:absolute; top:38px; left:0; float:left; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); width: 180px; z-index: 99999; } #access ul ul li { min-width: 180px; } #access ul ul ul { left:100%; top:0; } #access ul ul a { height: auto; padding: 10px; width: 160px; } #access li:hover > a, #access ul ul:hover > a { border-top: 6px solid #3C3C3C; color: #F29400; margin-top: 0; margin-bottom: 9px; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-page-ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { border-top: 6px solid #3C3C3C; color: #F29400; margin-top: 0; margin-bottom: 9px; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-page-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #F29400 } /** * =FORMS */ fieldset {} legend { font-weight: bold; padding: 0 0.5em; position: absolute; top: -9999em; left: -9999em } form div { margin: 1em 0 } /* labels */ label { display: inline; vertical-align: middle } /* input text fields */ input { vertical-align: middle } input[type="text"], input.text, input.input, textarea { background: transparent; border: 1px solid #949494 } input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input.text:hover, input.text:focus, input.text:active, input.input:hover, input.input:focus, input.input:active, textarea:hover, textarea:focus, textarea:active { background: #FFF; border-color: #F29400; } /* disabled input fields */ input[disabled] { background-color: red } /* input radio buttons */ input[type="radio"], input.radio { margin: 0; padding: 0; vertical-align: middle; width: auto } /* input checkboxes */ input[type="checkbox"], input.checkbox { margin: 0; padding: 0; vertical-align: middle; width: auto } /* textarea */ textarea { width: auto } /* buttons */ button { cursor: pointer; width: auto } input.button, input.btn { width: auto } /* submit input field */ input.submit, input[type="submit"] { width: auto } /* reset input field */ input.reset, input[type="reset"] { width: auto } /* select */ select { vertical-align: middle } .controls {} /* required fields */ .required, .req { font-weight: bold } /* form feedback (e.g. error messages) */ .feedback { color: red; display: block; font-style: italic } /** * =COMMENTS */ #comments { clear: both } #comments .navigation {} h3#comments-title {} h3#reply-title {} .commentlist { list-style: none; margin: 0 } .commentlist li.comment { position: relative } .commentlist li:last-child { border-bottom: none; margin-bottom: 0 } #comments .comment-body ul, #comments .comment-body ol {} #comments .comment-body p:last-child {} #comments .comment-body blockquote p:last-child {} .commentlist ol { list-style: decimal } .commentlist .avatar { position: absolute } .comment-author {} .comment-author cite {} .comment-author .says {} .comment-meta {} .comment-meta a:link, .comment-meta a:visited {} .comment-meta a:active, .comment-meta a:hover {} .commentlist .even {} .commentlist .bypostauthor {} .reply {} .reply a, a.comment-edit-link {} .reply a:hover, a.comment-edit-link:hover {} .commentlist .children { list-style: none; margin: 0 } .commentlist .children li {} .nopassword, .nocomments { display: none; } #comments .pingback {} .commentlist li.comment+li.pingback {} #comments .pingback p {} #comments .pingback .url {} #respond {} #respond p {} #respond .comment-notes {} .form-allowed-tags {} .children #respond {} h3#reply-title {} #comments-list #respond {} #comments-list ul #respond { margin: 0 } #cancel-comment-reply-link {} #respond .required {} #respond label {} #respond input {} #respond textarea {} #respond .form-allowed-tags {} #respond .form-allowed-tags code {} #respond .form-submit {} #respond .form-submit input {} /** * =SIDEBAR */ /** * =WIDGETS AREA */ .widget-area ul {} .widget-area li li:first-child { border-top: 1px solid #CBCBCB } .widget-area li li { border-bottom: 1px solid #CBCBCB } .widget-area li li a { font-size: 15px; font-weight: bold; line-height: 35px; text-decoration: none } .widget-area ul ul {} .widget_search #s {} .widget_search label {} .widget-container { margin: 0 0 70px } #text-3 p { font-family: 'Lane-NarrowRegular', Arial, Helvetica, sans-serif; font-size: 23px; font-weight: normal; letter-spacing: 0; margin-bottom: 10px } .widget-title { font-size: 22px; padding: 0 0 20px 0 } .recent_with_excerpt {} .recent_with_excerpt li { padding: 20px 0 } .recent_with_excerpt li h4 { font-family: Arial, Helvetica, sans-serif; text-transform: none; } .recent_with_excerpt li h4 a { color: #3C3C3C; font-weight: bold; line-height: 1 } .recent_with_excerpt li h4 a:hover { color: #F29400 } .recent_with_excerpt li p { display: inline; font-size: 15px } .recent_with_excerpt li a.more, .recent_with_excerpt li a.readmore { color: #000; background-position: 0 -1595px; display: inline } .recent_with_excerpt li a.more:hover, .recent_with_excerpt li a.readmore:hover { background-position: 0 -1695px } /** * COMMUNITY Text Widget */ #linkcat-9 li a { background-image: url(images/css-sprite_icons.png); background-repeat: no-repeat; display: block; padding: 0 0 0 30px } /* Facebook */ #linkcat-9 li a[href^="http://de-de.facebook.com/people/Rosario-Battaglia-Gandolfo/100000117177567"] { background-position: 0 -795px; } #linkcat-9 li a[href^="http://de-de.facebook.com/people/Rosario-Battaglia-Gandolfo/100000117177567"]:hover { background-position: 0 -895px; } /* Youtube */ #linkcat-9 li a[href^="http://www.youtube.com/user/maremannu"] { background-position: 0 -995px; } #linkcat-9 li a[href^="http://www.youtube.com/user/maremannu"]:hover { background-position: 0 -1095px; } /* Vimeo */ #linkcat-9 li a[href^="http://vimeo.com/user2719592"] { background-position: 0 -1395px; } #linkcat-9 li a[href^="http://vimeo.com/user2719592"]:hover { background-position: 0 -1495px; } /* RSS */ #linkcat-9 li a[href^="http://www.rosario-battaglia.de/feed/"] { background-position: 0 -1195px; } #linkcat-9 li a[href^="http://www.rosario-battaglia.de/feed/"]:hover { background-position: 0 -1295px; } /** * =FOOTER */ .footer {} #footer {} #back-to-top-link { background:url(images/css-sprite_icons.png) no-repeat 0 -1996px transparent; display:block; font-size:12px; font-weight:normal; margin:10px 0; padding-left:11px } #back-to-top-link:hover{background-position:0 -2096px} #colophon { border-top: 1px solid #3C3C3C; overflow: hidden } #site-info { font-weight: bold; font-size: 12px; margin: 17px 0 20px } #site-info a {} #site-info-branding { float: right } #site-generator { position: relative } #site-generator a {} /** * =IMAGES */ img { vertical-align: middle } a img { border: none } /** * Style images in thumbs folder */ /* img [src*='thumbs'] { border: solid 1px black; } */ /** * =WYSIWYG Editor Styles * @see http://digwp.com/2010/05/default-wordpress-css-styles-hooks/ */ #content p { clear: both; } #content .attachment img {} #content .alignleft {display:inline;float:left} #content .alignright {display:inline;float:right} #content .aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto} /*#content .alignnone {}*/ #content img {display:block;margin:10px 0} #content img.alignleft {display:inline;float:left;margin:0 10px 0 0} #content img.alignright {display:inline;float:right;margin:0 0 0 10px} #content img.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto} /*#content img.alignnone {}*/ #content .wp-caption {} #content .wp-caption img {margin:0} #content .wp-caption p.wp-caption-text {margin:0;text-align:center} #content .wp-smiley {margin:0!important} blockquote.left {text-align:right;margin-left:0;width:33%;float:left} blockquote.right {margin-left:20px;text-align:left;margin-right:0;width:33%;float:right} #content .gallery {margin: auto} #content .gallery .gallery-item {float:left;margin-top:0;text-align:center;width:33%} #content .gallery img {} #content .gallery .gallery-caption {} #content .gallery dl {margin:0} #content .gallery img {} #content .gallery br+br {display:none} #content .size-full {max-width:580px;height:auto} #content .size-large {} #content .size-medium {} #content .size-thumbnail {} /** * =ICONS */ /** * =EXTRAS / MISCELLANEOUS */ /** * =WORDPRESS PLUGINS */ /** * =HELPER */ /* Debugging */ .debug, .warning { background-color: #FFBABA; border: 1px solid; color: #D8000C; border-radius: 0.4em; margin: 0.5em 0; padding: 0.25em } /** * Offscreen + Text meant only for screen readers * @note for elements to remove from view range */ .offscreen, .screen-reader-text { position: absolute; top: -9999em; left: -9999em; } /* another approach */ .offscreen2 { text-indent: -9999em; width: 0; } /* Hiding elements (display: none) */ .hide { display: none; } /* Text alignment */ .ta-center { text-align: center !important; } .ta-left { text-align: left !important; } .ta-right { text-align: right !important; } .ta-justify { text-align: justify !important; } /* Important */ .important { border-bottom: 1px dotted #F00 !important; } /* No border */ .noborder { border: none !important; } /* No bold typo */ .nobold { font-weight: normal !important; } /* LAYOUT: Two columns DESCRIPTION: Two-column fixed layout with one sidebar right of content */ /* LAYOUT: One column, no sidebar DESCRIPTION: One centered column with no sidebar */ .one-column #content { margin: 0 auto; width: 640px; } /* LAYOUT: Full width, no sidebar DESCRIPTION: Full width content with no sidebar; used for attachment pages */ .single-attachment #content { margin: 0 auto; width: 900px; } /* =Menu -------------------------------------------------------------- */ /** * =CONTENT */ .hentry { margin: 0 0; } .home .sticky { background: #F2F7FC; border-top: 4px solid #000; padding: 18px 20px; margin-left: -20px; margin-right: -20px; } .single .hentry { margin: 0 0 36px 0; } .page-title { font-size: 25px; margin-bottom: 20px } .page-title span { font-weight: bold } .entry-title { display: inline; line-height: 1 } /* .entry-title a { color: #3C3C3C; text-decoration: none; } */ .entry-meta { display: inline; font-size: 12px; font-weight: bold; margin: 0 0 0 20px; text-transform: uppercase; white-space: nowrap; } .entry-utility {} .entry-content { margin-top: 15px; } .entry-content h3 { margin: 0 0 15px 0 } .entry-content p {font-size:15px;margin: 0 0 20px 0;overflow:hidden} .entry-content img {} .entry-summary {} #content .entry-summary p:last-child { margin-bottom: 12px; } /** * =QUOTES / CITATIONS */ blockquote, q { quotes: none } blockquote { border-left: 5px solid #F29400; padding: 5px 10px; margin: 30px 0 } blockquote p { margin: 0 !important; /* font-size: 20px !important; font-style: italic; */ } blockquote p cite { display: block; font-size: 13px; font-style: italic; text-align: right } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } /* Images -------------------------------------------------------------- */ /** * =PAGINATION */ .navigation {} .navigation a:link, .navigation a:visited {} .navigation a:active, .navigation a:hover {} .nav-previous { float: left; width: 50%; } .nav-next { float: right; width: 50%; text-align: right; } #nav-above { margin: 0 0 18px 0; display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: -18px 0 0 0; } /* * jQuery Nivo Slider v2.0 * http://nivo.dev7studios.com * * Copyright 2010, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ #slider { margin: 0 0 20px } /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; } .nivo-caption p { padding:5px; margin:0; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.5); background-color: transparent\9; /* nur IE8 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50FFFFFF,endColorstr=#50FFFFFF); zoom:1; color: rgb(0, 0, 0); cursor: pointer; line-height: 220px; position: absolute; text-align: center; text-indent: -9999em; top: 0; width: 55px; z-index: 99; } .nivo-prevNav, .nivo-nextNav { background-image: url(images/css-sprite_icons.png); background-repeat: no-repeat; } .nivo-prevNav { left: 0; background-position: 15px 90px; } .nivo-prevNav:hover { background-position: 15px -110px; } .nivo-nextNav { right: 0; background-position: 20px -310px; } .nivo-nextNav:hover { background-position: 20px -510px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /** * Contact Form 7 * @see http://wordpress.org/extend/plugins/contact-form-7/ * @see http://contactform7.com/ */ .wpcf7 {} /* Input fields */ .wpcf7 label { display: inline-block; font-size: 13px; font-weight: bold; margin: 0 1em 0 0; } .wpcf7 input { line-height: 28px; height: 28px; padding-left: 5px; width: 95% } .wpcf7 p { margin: 0 0 10px 0; padding: 0 } .wpcf7 p.legend { font-size: 10px } .wpcf7 p.noborder { border: none; } /* .wpcf7 input:hover, .wpcf7 input:focus { border-bottom: 1px solid #FFF; margin: 0 0 -1px 0; } */ .wpcf7 textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 120px; padding: 2px; padding-left: 5px; width: 95% } /* .wpcf7 textarea:hover, .wpcf7 textarea:focus { border: 1px solid #FFF; } */ .wpcf7 .wpcf7-quiz-label { display: inline-block; font-size: 13px; font-weight: bold } .wpcf7 input.submit { background: transparent; border: 0 none; cursor: pointer; font-size: 17px; font-weight: bold; margin: 0; padding: 0; width: auto; } .wpcf7 input.submit:hover { color: #F29400 } .wpcf7-form-control-wrap { position: relative } .wpcf7-not-valid-tip { color: #F29400; font-size: 13px; font-weight: bold; display: block } /* .wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } */ .wpcf7-list-item { margin-left: 0.5em; } /* Response */ .wpcf7-response-output { color: #F29400; font-size: 15px; font-weight: bold; display: block } /* .wpcf7-validation-errors {} .wpcf7-mail-sent-ok {} .wpcf7-mail-sent-ng {} .wpcf7-spam-blocked {} */ .wpcf7-display-none { display: none; } /* Response image loader */ .ajax-loader { border: none; display: inline-block !important; vertical-align: middle } } /* END @media projection, screen */ /* =Print Style -------------------------------------------------------------- */ /** * =PRINT STYLES * @see http://www.alistapart.com/articles/goingtoprint/ */ @media print { body { background:none !important; } #wrapper { float: none !important; clear: both !important; display: block !important; position: relative !important; } #header { border-bottom: 2pt solid #000; padding-bottom: 18pt; } #colophon { border-top: 2pt solid #000; } #site-title, #site-description { float: none; margin: 0; padding:0; line-height: 1.4em; } #site-title { font-size: 13pt; } .entry-content { font-size: 14pt; line-height: 1.6em; } .entry-title { font-size: 21pt; } #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area { display: none !important; } #container, #header, #footer { width: 100%; margin: 0; } #content, .one-column #content { width: 100%; margin: 24pt 0 0; } .wp-caption p { font-size: 11pt; } #site-info, #site-generator { float: none; width: auto; } #colophon { width: auto; } img#wpstats { display:none } #site-generator a { padding: 0; margin: 0; } #entry-author-info { border: 1px solid #e7e7e7; } #main { display:inline; } .home .sticky { border: none; } } /* END @media print */