/* Theme Name: Woman Beauty Theme URI: http://www.womanbeauty.be Description: The default Woman Beauty theme designed by Blue4You. Version: 1.0 Author: Blue4You Author URI: http://www.blue4you.be Tags: gold, custom homepage, fixed width, two columns, widgets */ html { height:100%; overflow-y:scroll;} body { color:#666; background:#FAF7DF;} #wrapper { padding:1.5em 0 0; background:#fff;} hr { display:none;} a,a:visited { color:#d1b70d; outline:none;} a:active { outline:none;} a span { cursor:pointer;} object { outline:none;} .slug-bodycare .span-15 a,.slug-bodycare .span-15 a:visited { color:#807964;} .slug-haircare .span-15 a,.slug-haircare .span-15 a:visited { color:#d1b70d;} .slug-spiritcare .span-15 a,.slug-spiritcare .span-15 a:visited { color:#c24888;} h2 { color:#777; margin-bottom:0; margin-top:0;} .container { position:relative;} #content { min-height:500px;} #logo {} #logo h1 { position:absolute; top:0; left:0; width:220px; height:75px;} #logo h1 a { display:block; width:220px; height:75px; overflow:hidden;} #logo h1 a span { position:absolute; display:block; width:100%; height:100%; top:0; left:0; background:url(images/logo.gif) no-repeat center center;} /* images --------------------------------------------------------------*/ p img { padding: 0; max-width: 100%;} .wp-caption-text { font-size:11px; text-align:center; color:#aaa;} /* 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: 4px; margin: 0 0 2px 7px; display: inline;} img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;} .alignright { float: right;} .alignleft { float: left} #beauty-advice { background:url(images/bg-beauty-advice.gif) no-repeat bottom right;} /* --------------------------------------------------------------*/ #sidebar,#sidebar ul,#sidebar ul li { margin:0; padding:0; list-style:none;} .banner-IMU { position:relative; width:310px; height:223px;} .banner-IMU a { display:block; position:absolute; width:100%; height:100%; top:0; left:0;} .banner-IMU a span { display:block; position:absolute; width:100%; height:100%; top:0; left:0;} .IMU-fr a span { background:url(images/imu-quiz-fr.jpg) no-repeat center center;} #home-bottompage { padding-bottom:25px;} .homebox { min-height:400px;} * html .homebox { height:400px;} /* hack min-height for IE6 */ .homebox h2 { width:190px; height:115px; margin:0 0 10px; color:#fff; text-align:right; font-size:1.5em; background:#555; text-transform:uppercase;} .homebox h2 a { display:block; width:160px; height:27px; padding:88px 15px 0; color:#fff !important;} .homebox ul { margin:0 5px 0 25px; line-height:normal;} .homebox ul li { margin:0 0 5px; font-size:0.9em; list-style:outside disc;} * html .homebox li {} .homebox a { display:block; text-decoration:none;} * html .homebox a { display:inline-block; text-decoration:none;} .homebox ul li a:hover { text-decoration:underline;} #subscribe { margin:15px 0 0; padding:00; background:url(images/bg-subscribe.gif) no-repeat 0 32px; color:#fff;} #subscribe h2 { padding:0 0 20px; color:#D0B609;} #subscribe p { margin:0; padding:0 20px 0 20px;} #subscribe form { margin:0; padding:0 20px 20px 20px; background:url(images/bg-subscribe.gif) no-repeat bottom left;} #subscribe form input { border:none; color:#94820c; font:bold 12px Arial, Helvetica, sans-serif; background:#fff;} #subscribe form #btn-QS_user_email_tt { width:50px; height:21px;} #subscribe form #QS_user_email_tt { width:200px; height:auto; margin:0 5px 0 0; padding:3px; font:normal 12px Arial, Helvetica, sans-serif;} #box-bodycare { color:#706c5e; background:#f9f9f9;} #box-bodycare h2 { background:url(images/bg-cat-bodycare.jpg) no-repeat top left;} #box-bodycare a { color:#706c5e;} #box-haircare { color:#b39427; background:#faf9f0;} #box-haircare a { color:#b39427;} #box-haircare h2 { background:url(images/bg-cat-haircare.jpg) no-repeat top left;} #box-spiritcare { color:#663d4d; background:#f4efef;} #box-spiritcare a { color:#663d4d;} #box-spiritcare h2 { background:url(images/bg-cat-spiritcare.jpg) no-repeat top left;} .title-home { font-size:3em; line-height:1em; margin-bottom:10px; color:#d1b70d; white-space:normal; width:310px;} .desc-home { font-size:1.7em; line-height:1.1em; color:#777; margin:0 0 10px; padding:0;} #banner-home-container { padding:10px 0 0;} #banner-home { width:600px; height:340px; /*background:url(images/bg-ambassadrice-fr.jpg) no-repeat center center;*/} #banner-quiz { width:310px; height:220px;} /* Tools --------------------------------------------------------------*/ #tools {} #tools h2 {} #tools h2.common { margin:0; padding:0; line-height:30px; font-size:18px;} #tools ul { margin:0; padding:0; list-style:none;} #tools #search { margin:0; padding:0;} #tools #search label { color:#ccc; font-weight:normal;} #tools #search div { margin:0 !important; padding:0 !important;} #tools #search #s { width:205px; border:1px solid #d1b70d; padding:2px; color:#aca160; font:13px Arial, Helvetica, sans-serif;} #tools #search #searchsubmit { width:90px; height:22px; line-height:22px; color:#fff; text-transform:uppercase; border:none; font:10px Arial, Helvetica, sans-serif; background:url(images/bg-submitsearch.gif) no-repeat top left;} #tools #flexi-pages-1 h2 { display:none;} #tools #flexi-pages-1 ul { margin:0; padding:17px 0; overflow:hidden;} #tools #flexi-pages-1 ul li { float:left;} #tools #flexi-pages-1 ul li a { display:block; margin:0 12px 0 0; padding:0 11px 0 0; letter-spacing:2px; border-right:1px solid #ccc; color:#444; text-transform:uppercase;} #tools #flexi-pages-1 ul li a:hover,#tools #flexi-pages-1 ul li.current_page_item a,#tools #flexi-pages-1 ul li.current_page_parent a { color:#d1b70d; text-decoration:none;} #tools #flexi-pages-1 ul li.page-item-80 a,#tools #flexi-pages-1 ul li.page-item-341 a { margin:0; padding:0; border:none;} #tools #gengo_lang { float:left; clear:right; overflow:hidden;} #tools #gengo_lang h2 { display:none;} #languages { position:absolute; top:-15px; right:0; margin:0; padding:0; list-style:none;} #languages h2 { display:none;} #languages a { display:block; line-height:25px; margin:0 5px 0 0; padding:0 15px 0 5px; text-transform:uppercase; font-size:10px; text-decoration:none; background:url(images/lang-arrow.gif) no-repeat center right;} #languages li { color:#ccc;} #footer { margin:0 0 0; padding:20px 0; background:#faf7df;} #footer h1 { float:right; width:228px; height:79px; background:url(images/logo-footer.gif) no-repeat center center; text-indent:-200em;} #footer h1 a { display:block;width:100%; height:100%;} #footer #nav-footer {} #footer #nav-footer ul { margin:0; padding:0; list-style:none;} #footer #nav-footer ul li { float:left; border-right:1px solid #ccc;} #footer #nav-footer ul li.last { border:none;} #footer #nav-footer ul li a { display:block; line-height:20px; padding:0 20px;} /* rubriques */ #tools .page-item-84 a,#tools .page-item-88 a { display:block; width:275px; height:28px; line-height:28px; padding:62px 35px 10px 0; font-size:14px; font-weight:normal; text-align:right; color:#fff !important; text-decoration:none; text-transform:uppercase; background:url(images/link-bodycare.jpg) no-repeat top left;} #tools .page-item-138 a,#tools .page-item-147 a { display:block; width:275px; height:28px; line-height:28px; padding:62px 35px 10px 0; font-size:14px; font-weight:normal; text-align:right; color:#fff !important; text-decoration:none; text-transform:uppercase; background:url(images/link-haircare.jpg) no-repeat top left;} #tools .page-item-99 a,#tools .page-item-104 a { display:block; width:275px; height:28px; line-height:28px; padding:62px 35px 10px 0; font-size:14px; font-weight:normal; text-align:right; color:#fff !important; text-decoration:none; text-transform:uppercase; background:url(images/link-spiritcare.jpg) no-repeat top left;} #tools .page-item-84 a:hover, #tools .page-item-138 a:hover, #tools .page-item-99 a:hover { text-decoration:underline;} /* login */ a.login { display:block; clear:both; width:290px; height:36px; padding:5px 10px; text-align:right; text-decoration:none; text-transform:uppercase; background:url(images/link-login.jpg) no-repeat top left;} a.login * { cursor:pointer;} /*a.login strong { display:block; width:290px; line-height:18px; font-size:14px; color:#999; font-weight:normal;} a.login span { display:block; width:250px; padding:0 40px 0 0; line-height:14px;}*/ a.login strong { display:block; float:left; width:50%; text-align:left; font-weight:normal;line-height:18px; font-size:14px; color:#999; } a.login span { display:block; float:right; width:50%;} /* become ambassadrice */ .become { padding:0; overflow:hidden;} .become h2 a { text-decoration:none;} .become p { padding:0 0 6px; margin:0;} .become a { float:left; display:block; line-height:24px; width:auto; padding:0 0 0 15px; color:#fff !important; background:url(images/link-become.gif) no-repeat top left;} .become a span { float:left; display:block; width:auto; padding:0 30px 0 0; background:url(images/link-become.gif) no-repeat bottom right;} /* conseil beaute --------------------------------------------------------------*/ #beauty-advices-intro { height:200px; background:url(images/bg-beauty-advices-intro.jpg) no-repeat top left;} #beauty-advices-intro h2 { padding:137px 0 0 30px; color:#fff; line-height:24px;} #beauty-advices-content { padding-top:20px;} #proceed { border-right:2px solid #eee; padding-right:23px;} #proceed h2 { color:#d1b70d;} #proceed ol li { color:#d1b70d; font-weight:bold; margin:0 0 5px;} #proceed ol li span { color:#666; font-weight:normal;} #beauty-advices-content #step { min-height:230px; padding:30px 0 0; /*background:url(images/bg-step.gif) no-repeat top center;*/} * html #beauty-advices-content #step { height:230px;} #login-form { padding:65px 0 0;} #login-form form {} #login-form h2 { margin:0 0 15px; color:#d1b70d; border-bottom:1px solid #eee;} #login-form div {} #login-form input#log,#login-form input#pwd { width:210px; margin:0 0 10px; padding:3px; border:1px solid #d1b70d; font:12px Arial, Helvetica, sans-serif;} a.register { display:block; width:190px; height:40px; line-height:40px; margin:45px 0 0; padding:0 20px; font-size:15px; color:#fff !important; text-decoration:none; background:url(images/bg-btn-subscribenow.gif) no-repeat top left;} a.register strong { text-decoration:underline;} a.register:hover strong { text-decoration:none;} /* header */ .head { padding:0 0 15px;} .head .intro { width:100%; height:110px; padding:130px 0 0;} .head .intro h2 { margin:0; padding:20px 0; line-height:30px; font-size:22px;} .head .intro h2 span { text-transform:uppercase;} .head .intro h3 { margin:10px 0 0; padding:0 10px; line-height:27px; font-size:14px; color:#fff;} .head .intro p { width:65%; margin:0; padding:4px 0 0; line-height:18px; color:#666;} .head .intro a.back { display:block; width:550px; margin:10px 0 0; padding:0 10px 0 30px; line-height:28px; font-size:12px; color:#fff; background:url('images/back-arrow.gif') no-repeat 12px 10px;} .head .intro a:hover.back { text-decoration:none;} .head .author { width:570px; padding:10px; overflow:hidden;} .head .author h2 { margin:0; padding:0 0 6px; line-height:24px; font-size:18px;} .head .author span { float:left; display:block; margin:0; padding:2px 4px; background:#fff; font-size:10px;} .head .author img { float:left; width:100px; height:120px; background:#fff;} .head .author div { float:right; width:450px; margin:0 0 10px; overflow:hidden;} .head .author div h4 { float:left; width:110px; margin:0 10px 0 0; padding:0; font-size:12px; line-height:18px; text-transform:uppercase;} .head .author div h4.fullh4 { width:auto;} .head .author div p { float:left; margin:0; padding:0;} .advices h2 { margin:0; padding:0 0 6px; line-height:30px; font-size:22px;} .advices ul { margin:0; padding:0;} .advices ul li { position:relative; margin:0; width:570px; padding:5px 10px; list-style:none; border-bottom:1px solid #eee;} .advices ul li a { display:block; width:100%; line-height:25px; text-decoration:none;} .advices ul li a span { position:absolute; top:0; left:0; display:block; width:100%; height:100%; cursor:pointer;} .advices ul li a:hover { text-decoration:underline;} .advices ul li span { display:block; margin:0; padding:0; font-size:11px; color:#999;} .advices ul li .ratingblock { position:absolute; width:120px; top:5px; right:0; z-index:10;} /* rating stars */ .bodycare .ratepost .starsbar .gdinner { height: 20px; background: url('images/stars20-body.png') repeat-x 0px -40px; } .bodycare .ratepost .starsbar a:hover { background: url('images/stars20-body.png') repeat-x 0px -20px !important; } .haircare .ratepost .starsbar .gdinner { height: 20px; background: url('images/stars20-hair.png') repeat-x 0px -40px; } .haircare .ratepost .starsbar a:hover { background: url('images/stars20-hair.png') repeat-x 0px -20px !important; } .spiritcare .ratepost .starsbar .gdinner { height: 20px; background: url('images/stars20-spirit.png') repeat-x 0px -40px; } .spiritcare .ratepost .starsbar a:hover { background: url('images/stars20-spirit.png') repeat-x 0px -20px !important; } * html .spiritcare .ratepost .starsbar .gdinner { height: 20px; background: url('images/stars20-spirit.gif') repeat-x 0px -40px; } * html .spiritcare .ratepost .starsbar a:hover { background: url('images/stars20-spirit.gif') repeat-x 0px -20px !important; } /* previous - next */ .getpost { width:100%; margin:5px 0 0; overflow:hidden; background:#fff; border-top:1px solid #eee;} .getpost ul { float:right; margin:0; padding:0 0 10px; overflow:hidden;} .getpost li { float:left; margin:0; padding:0; list-style:none;} .getpost li a { padding:0 0 0 10px;} /* bodycare --------------------------------------------------------------*/ .bodycare { padding-bottom:25px;} .bodycare .head { background:url(images/bg-author-bodycare.jpg) no-repeat top left;} .bodycare .head h2, .bodycare .head .author span, .bodycare .head .author div h4 { color:#999;} .bodycare .head .author { background:#f1f1f1;} .bodycare .entry h4 { font-weight:bold; color:#959595;} .bodycare .advices li { border-bottom:1px solid #f1f1f1;} .bodycare .odd { background:#fff;} .bodycare .even { background:#f9f9f9;} /* haircare --------------------------------------------------------------*/ .haircare { padding-bottom:25px;} .haircare .head { background:url(images/bg-author-haircare.jpg) no-repeat top left;} .haircare .head h2, .haircare .head .author span, .haircare .head .author div h4 { color:#d1b70d;} .haircare .head .author { background:#faf7df;} .haircare .entry h4 { font-weight:bold; color:#D2B70E;} .haircare .advices li { border-bottom:1px solid #faf7df;} .haircare .odd { background:#fff;} .haircare .even { background:#faf9f0;} /* spiritcare --------------------------------------------------------------*/ .spiritcare { padding-bottom:25px;} .spiritcare .head { background:url(images/bg-author-spiritcare.jpg) no-repeat top left;} .spiritcare .head h2, .spiritcare .head .author span, .spiritcare .head .author div h4 { color:#c54b88;} .spiritcare .head .author { background:#ffeff9;} .spiritcare .entry h4 { font-weight:bold; color:#C34887;} .spiritcare .advices li { border-bottom:1px solid #ffeff9;} .spiritcare .odd { background:#fff;} .spiritcare .even { background:#fff9fd;} /* contact --------------------------------------------------------------*/ #pg-contact { min-height:230px; background:url(images/bg-contact.jpg) no-repeat bottom right;} * html #pg-contact { height:230px;} #contact-intro { height:200px; background:url(images/bg-beauty-advices-intro.jpg) no-repeat top left;} #contact-intro h2 { padding:150px 0 0 30px; color:#fff; line-height:24px;} #contact-content { padding-top:20px;} #contact-info { padding:65px 0 0;} #contact-info h2 { margin:0 0 15px; color:#d1b70d; border-bottom:1px solid #eee;} .wpcf7-form { margin:0; padding:0;} .wpcf7-form p { float:left; margin:0; padding:10px;} .wpcf7-form label { color:#666; font-weight:normal;} .your-message textarea { width:540px;} .wpcf7-form input,.wpcf7-form textarea { padding:3px; border:1px solid #D2B70E; font:12px Arial, Helvetica, sans-serif; background:#fff;} .captcha-447 { width:100px !important;} /* conseil beaute --------------------------------------------------------------*/ /*.author-info h4 { width:150px; margin:0 10px 0 0; text-transform:uppercase;}*/ /*.author-info h4.fullh4 { width:auto;}*/ /*.author-info span { display:block; margin:0 0 5px; clear:both; overflow:hidden;}*/ /*.author-info h4,.author-info p { margin:0; padding:0; float:left;}*/ /* spiritcare --------------------------------------------------------------*/ /*.head-spiritcare { background:url(images/bg-author-spiritcare.jpg) no-repeat top left;}*/ /*.head-spiritcare .author-info { padding:20px; background:#ffeff9;}*/ /*.head-spiritcare .author-info h2 { color:#c54b88;}*/ /*.head-spiritcare .author-info h4 { color:#c54b88;}*/ /*.intro-spiritcare { height:110px; padding:130px 0 0;}*/ /*.intro-spiritcare h2 { margin:0; color:#c54b88;}*/ /*.intro-spiritcare p { margin:0; padding:0;}*/