/* Theme Name: Schley's Blumenparadies Theme URI: http:// Description: CMS Theme für Schley's Blumenparadies Version: 2.8 Author: Marcel Fahle / Gedankenwerk Author URI: http://gedankenwerk.de Tags: */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; body { font: 1em Arial; background: #bdc692 url(images/bg.jpg) repeat-y center ; } #page-wrap { width: 100%; margin: 0 auto; background: url(images/bg-gradient.jpg) no-repeat scroll center top; } #header { width: 1000px; height: 203px; margin: 0 auto; background: url(images/content-bg-top.jpg) no-repeat center; background-position: 0 67px; } #body { width: 1000px; margin: 0 auto; background: url(images/content-bg-body.jpg) repeat-y center; } h1 { width: 196px; height: 115px; margin: 67px 0 0 50px; float: left; background: url("images/schley-logo.jpg") no-repeat; text-indent: -9999px; display: inline; } #mainnav { width: 702px; height: 116px; margin: 67px 50px 0 0px; float: right; display: inline; } #mainnav li { float:left; width: 173px; height: 112px; list-style-type: none; padding-top: 50px; font-size: 22px; color: #999; text-align: center; text-indent: -9999px; margin-right: 2px; display: inline;font-family: "UsherwoodITCTT"; font-weight: normal; font-size: 21px; } #mainnav li a { display: block; width:174px; height:20px; } .page-item-5 a { background: url("images/nav-produkte.png") no-repeat center 0; } .page-item-6 a { background: url("images/nav-unternehmen.png") no-repeat center 0; } .page-item-7 a { background: url("images/nav-service.png") no-repeat center 0; } .page-item-9 a { background: url("images/nav-kontakt.png") no-repeat center 0; } /** nav states **/ #mainnav li a:link, #mainnav li a:visited { color: #999; text-decoration: none; } #mainnav li a:hover, #mainnav li a:active { color: #993333; background-position: center -20px; } body.home #mainnav { background: url("images/nav-bg0.jpg") no-repeat; } body.page-id-5 #mainnav, body.parent-pageid-5 #mainnav { background: url("images/nav-bg1.jpg") no-repeat; } body.page-id-7 #mainnav, body.parent-pageid-7 #mainnav { background: url("images/nav-bg2.jpg") no-repeat; } body.page-id-6 #mainnav, body.parent-pageid-6 #mainnav { background: url("images/nav-bg3.jpg") no-repeat; } body.page-id-9 #mainnav, body.parent-pageid-9 #mainnav { background: url("images/nav-bg4.jpg") no-repeat; } .submenu li { font-family: Arial; font-weight: bold; font-style: italic; font-size: 16px; line-height: 25px;} .submenu li a:link, .submenu li a:visited { text-decoration: none; color: #303030; } .submenu li a:hover, .submenu li a:active { text-decoration: underline; color: #993333;} .submenu li.current_page_item a { color: #993333; } .submenu li ul li { font-size: 14px; margin-left: 8px; } /* TEMP HACK */ .submenu li.page-item-899 { margin-bottom: 20px; font-size: 15px; border-bottom: 1px solid #ccc; } /** content **/ #body #content { margin: 0 auto; padding: 0 50px; } #body #feature { margin: 0 38px; } /** * @section main content 3col */ #content .col1 { float: left; width: 27%; margin-left: -73%; margin-top: 30px; background: url(images/maincontent-divider.jpg) no-repeat top right; } .twocol #content .col1 { float: left; width: 27%; margin-left: -100%; margin-top: 30px; background: url(images/maincontent-divider.jpg) no-repeat top right; } #content .col2 { float: left; width: 46%; margin-left: 27%; margin-top: 30px; background: url(images/maincontent-divider.jpg) no-repeat top right; } .twocol #content .col2 { float: left; width: 73%; margin-left: 27%; margin-top: 30px; background: none;} #content .col3 { float: left; width: 27%; margin-top: 30px; } #content .col3 .aligncenter { margin: 16px auto; margin-left: -10px; } /** * equal colum height ninja technique */ #content .col1, #content .col2, #content .col3 { padding-bottom: 5000px; margin-bottom: -5000px; } #content { overflow: hidden; } #content .col2 p, #content .col2 ul, #content .col3 p, #content .col3 ul { color: #666666; font-size: 14px; line-height: 24px; margin-bottom: 20px; } #content .col2 ul li, #content .col3 ul li { list-style: disc; list-style-position: outside; margin-left: 1em; } /** * @section content styling */ #content h2 { margin-bottom: 13px; font-weight: normal; font-size: 21px; } #content h3 { margin-bottom: 12px; color: #999; font-weight: normal; font-size: 22px; } body.home #content h3 { margin-bottom: 30px; } #content h4 { color: #000; font-style: italic; font-size: 18px; margin-bottom: 20px; } #content .post h4 { margin-bottom: 0px; } .post p img { margin: 8px; margin-right: 18px; } .post ul li { list-style-position: inside !important; } #content .col1 .wrapper { color: #303030; font-size: 16px; margin-right: 14px; } #content .col1 p { line-height: 24px; font-weight: 100; font-size: .98em; } #content .col2 .wrapper, #content .col3 .wrapper { margin: 0 28px 0 28px; } #content .col2 .post { margin-bottom: 50px; } #content .col2 .post p { color: #666; font-size: 14px; line-height: 21px;} #content .col3 img { margin: -10px 0 10px -20px;} #content .col3 p { margin-bottom: 10px; line-height: 21px; } #content .col3 p strong { color: #000000; } body.home .col1 h2 { color: #993333; } #headprod { color: #688742; } .linkprospekt { display: block; width: 190px; height: 32px; margin-bottom: 16px; background: url("images/btnProspekt.jpg") no-repeat; text-indent: -9999px; } .linkangebot { display: block;width: 190px; height: 32px; margin-bottom: 16px; background: url("images/btnAngebot.jpg") no-repeat; text-indent: -9999px; } .mapslink { display: block; margin-top:-20px; } #content p a:link, #content p a:visited { color: #999; text-decoration: underline;} #content p a:hover, #content p a:active { color: #993333; text-decoration: underline;} .addr1 { margin-bottom: 30px; } .addr2 { margin-bottom: 30px; } .addr2 strong { } .impressum { margin-top: 30px; line-height: 22px !important; color: #737373;} .red { color: #993333 !important; } /** * @section footer */ #footer { width: 1002px; margin: 0 auto; height: 543px; background: url(images/footer-bg2.jpg) no-repeat center; margin-bottom: 0px; color: #fff; } #footer .col1 { float: left; width: 40%; margin-left: 30%; margin-top: 180px; height: 290px; background: url(images/footer-divider.jpg) no-repeat top right; } #footer .col2 { float: left; width: 30%; margin-left: -70%; margin-top: 180px; height: 290px; background: url(images/footer-divider.jpg) no-repeat top right; } #footer .col3 { float: left; width: 30%; margin-top: 180px; height: 290px; } #footer .col1 div.wrapper { margin-left: 24px; } #footer .col2 div.wrapper { margin-left: 50px; margin-right: 24px; } #footer .col3 div.wrapper { margin-left: 24px; } #footer { font-size: 15px; margin: 0 auto; line-height: 1.3em; } #footer h3 { margin-bottom: 16px; font-weight: normal; font-size: 1.45em;} #footer h5 { font-size: 1em; font-style: italic; } #adress1 { height: 135px; background: url(images/footer-adress-img1.png) no-repeat; background-position: 100% -10px; margin-top: 0px; } #adress2 { height: 135px; background: url(images/footer-adress-img2.png) no-repeat right; background-position: 100% -10px; } #adress1 p, #adress2 p { padding-top: 18px;} #footer form label { visibility: hidden; } #footer form input[type="text"] { width: 213px; height: 18px; border: 3px solid #c0c0c0; margin-left: -6px; padding: 3px 6px; color: #5b5a5a; font-size: 15px; margin-bottom: 14px;} #footer a:link, #footer a:visited { text-decoration: underline; color: #fff; } #footer a:hover, #footer a:active { text-decoration: underline; color: #fff;} /** * @section Standard HTML Hacks */ .clearfix { display: inline-block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { height:1%; } .clearfix { display:block; } .left { float:left; } .right { float:right; } .block { display: block; } .hide { display:none; } .accessible-hide { position: absolute; left: -9000px; width: 0; overflow: hidden; }