/* Theme Name: OMC Theme URI: http://www.onzemetrescarres.com/ Version: 2 Author: Rue Pavée */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyrigth (c) 2009 OMC | Webdesign : Rue Pavée | http://www.ruepavee.com/ | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* --- BASE --- */ * { padding:0; margin:0; } body { background:#fff; font:normal 11px Arial, Helvetica, Sans-Serif; color:#000; text-align:center; } a { color:#000; text-decoration:none; } a:hover { text-decoration:underline; } a img { border:none; text-decoration:none; } input, select { color:#000; font-size:11px; } option { padding-right:10px; } input:focus { outline: 0; outline-offset: 0; } h2 { font-size:22px; margin-bottom:5px; } h3 { font-size:16px; font-weight:bold; color:#fe1c50; margin-bottom:20px; } h4 { font-size:14px; } h5 { font-size:12px; } .hidden { display:none; } .breadcrumb { position:absolute; left:-1000px; } .checkbox { margin-bottom:10px; } /* ------- TEMPLATE ------- */ #page { width:940px; margin:0 auto; text-align:left; } #header { height:125px; padding-top:20px; } #main { clear:both; } #footer { position:relative; clear:both; background:#fe1c50; padding:5px 0; margin-top:20px; height:20px; text-align:center; color:#fff; } /* -------------------- INSIDE TEMPLATE HEADER -------------------- */ /* block logo */ h1#logo a { float:left; margin-bottom:20px; } /* menuAnnexe */ #menuAnnexe { float:right; margin-top:30px; list-style:none; } #menuAnnexe li { display:inline; padding:0 5px; } #menuAnnexe a { font-size:10px; } #menuAnnexe .on a { color:#fe1c50; text-decoration:underline; } #header p { float: right; clear: right; margin-top: 5px; } /* headerWrapper */ #headerWrapper { clear:both; border-top:5px solid #fe1c50; padding-top:20px; overflow:hidden; } /* block manufacturer */ .manufacturerBlock { float:left; margin-right:20px; } .manufacturerBlock select { width:200px; } /* block categories */ .categoriesBlock { float:left; margin-right:20px; } .categoriesBlock select { width:200px; } /* block infos */ #infosBlock { float:left; color:#fe1c50; margin-right:10px; padding-top:2px; } #infosBlock a { color:#fe1c50; text-decoration:underline; } #infosBlock a:hover { text-decoration:none; } /* block languages */ #languagesBlock { padding-top:2px; } #languagesBlock ul { list-style:none; } #languagesBlock li { float:left; margin-right:5px; } #languagesBlock li a { float:left; } #languagesBlock li img { vertical-align:bottom; } /* -------------------- INSIDE TEMPLATE FOOTER -------------------- */ /* footer */ #footer ul { list-style:none; padding-top:5px; } #footer li { display:inline; padding:0 2px; } #footer a { color:#fff; } #footer p a { position:absolute; top:5px; right:200px; padding:5px 60px 0 0; height:16px; background:url(../img/logo-rue-pavee.png) 100% 0 no-repeat; } #footer p a span { position:absolute; left:-10000px; } #footer ul.toolsLinks { position:absolute; top:5px; left:200px; } /* ------------------- TEMPLATE PRODUCT LIST ------------------- */ /* product-list.tpl */ .productList { clear:both; list-style:none; padding:0 0 20px 0; } .productList li { float:left; width:178px; margin:0 5px 12px 5px; display:inline; } .productList li a { float:left; height:133px; } /* ------------------- TEMPLATE PRODUCT ------------------- */ /* product.tpl */ #product #attributes p { margin:20px 0; } #product .price { float:right; font-size:24px; color:#fe1c50; } #product .price span { text-decoration:line-through; font-size:20px; color:#000; } #product #alsoAvailable { border-top:5px solid #fe1c50; margin:40px 0 0 0; padding-top:20px; } /* Easy Slider */ #imagesBlock { position:relative; margin-bottom:10px; height:500px; overflow:hidden; } #imagesBlock a span { left:-10000px; position:absolute; } #slider ul { list-style:none; } #slider li { width:940px; height:500px; } span#prevBtn, span#nextBtn { position:absolute; top:0; } span#prevBtn a, span#nextBtn a { height:500px; width:100px; display:block; outline:none; } span#prevBtn { left:0; } span#nextBtn { right:0; } span#prevBtn a { background:url(../img/media-previous.png) 5% 50% no-repeat; } span#nextBtn a { background:url(../img/media-next.png) 95% 50% no-repeat; } * html span#prevBtn a { background:url(../img/media-previous-ie6.png) 5% 50% no-repeat; } * html span#nextBtn a { background:url(../img/media-next-ie6.png) 95% 50% no-repeat; } /* Easy Slider */ /* ------------------- TEMPLATE BUTTON ------------------- */ .btnAction { width:112px; height:30px; border:0; background:url(../img/btn-action.png) no-repeat; color:#fff; font-size:11px; cursor:pointer; } input.exclusive { width:112px; height:30px; border:0; background:url(../img/btn-action.png) no-repeat; color:#fff; font-size:11px; cursor:pointer; float:right; } a.exclusive, a.button_large { width:200px; height:20px; padding-top:10px; border:0; background:url(../img/btn-action-large.png) no-repeat; color:#fff; font-size:11px; cursor:pointer; display:block; text-align:center; } /* ------------------- TEMPLATE STEP CART ------------------- */ ul.step { background:url('../img/step_start.gif') 0 100% no-repeat; list-style:none; margin:0.8em auto 2em; padding-left:40px; height:25px; width:465px; } ul.step li { height:25px; float:left; width:100px; text-align:center; background:url('../img/step_standard.gif') 0 100% no-repeat; } ul.step li.step_current { background:url('../img/step_current.gif') 0 100% no-repeat; font-weight:bold; } ul.step li.step_todo { font-style:italic; } ul.step li#step_end { width:40px; } ul.step li#step_end { background: transparent url('../img/step_end.gif') no-repeat bottom left; } ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.gif') no-repeat bottom left; } ul#order_step { background-color:#fff; } /* authentication.tpl */ #authentication #create-account_form, #authentication #login_form { width:450px; margin-bottom:20px; float:left; display:inline; } #authentication #create-account_form { margin-right:20px; } #authentication #login_form { margin-left:20px; } #authentication #main form fieldset { padding:10px 20px; } #authentication #main form h3 { margin-bottom:10px; } #authentication #main form h4 { margin-bottom:10px; } #authentication #main form p.text, #authentication #main form p.radio, #authentication #main form p.checkbox, #authentication #main form p.select, #authentication #main form p.textarea, #authentication #main form p.password { margin-bottom:10px; } #authentication #main form p.text label, #authentication #main form p.select label, #authentication #main form p.textarea label, #authentication #main form p.password label { display:block; } #authentication #main form p.text input { width:80%; } #authentication #main form p.submit { margin-top:20px; } #authentication #main form .lost_password a { font-size:10px; } /* #account-creation_form */ #authentication #account-creation_form fieldset { margin-bottom:20px; } #authentication #account-creation_form fieldset p.text input { width:30%; } #authentication #main form p.textarea textarea { width:30%; } #authentication #main form .cart_navigation { margin-bottom:40px; text-align:right; } #authentication #main form .cart_navigation span { float:left; } #authentication #main form .cart_navigation input { width:112px; height:30px; border:0; background:url(../img/btn-action.png) no-repeat; color:#fff; font-size:11px; cursor:pointer; } /* shopping-cart.tpl */ #cartTable { width:100%; margin-bottom:40px; border-collapse:collapse; font-size:12px; } #cartTable thead th { background:#2d2d2d; color:#fff; font-weight:bold; padding:5px; white-space:nowrap; } #cartTable tbody tr { border-bottom:1px solid #2d2d2d; } #cartTable tfoot td { padding-top:10px; } #cartTable .cart_unit, #cartTable .cart_total { font-weight:bold; } #cartTable .cart_product { width:200px; } #cartTable .cart_total_price { font-weight:bold; } #cartTable .cart_free_shipping { display:none; } #cartTable .cart_quantity p, #cartTable .cart_quantity a { float:left; margin-right:5px; display:inline; } #cartTable .cart_quantity p, #cartTable .cart_quantity_delete { margin:.5em 5px .5em 0; } #cart_voucher { margin-bottom:20px; } #cart_voucher fieldset { border:none; } #cart_voucher fieldset h5, #cart_voucher fieldset p { float:left; margin-right:10px; } #cart_voucher fieldset h5 { padding-top:2px; } .cart_navigation { clear:both; } .cart_navigation .exclusive { float:right; margin:20px 0; } .cart_navigation .button_large { float:left; margin:20px 0; } .payment_module a { display:block; padding:20px 40px; background:#eee; margin:10px 150px; } .payment_module a:hover { text-decoration:none; background:#ddd; } .payment_module a img { display:block; } /* identity.tpl */ #identity #main form fieldset { padding:10px 20px; } #identity #main form h3 { margin-bottom:10px; } #identity #main form h4 { margin-bottom:10px; } #identity #main form p.text, #identity #main form p.radio, #identity #main form p.checkbox, #identity #main form p.select, #identity #main form p.textarea, #identity #main form p.password { margin-bottom:10px; } #identity #main form p.text label, #identity #main form p.select label, #identity #main form p.textarea label, #identity #main form p.password label { display:block; } #identity #main form p.text input { width:30%; } #identity #main form p.submit { margin:20px 0; } #identity #security_informations { clear:both; } /* address.tpl */ #address #main form fieldset { padding:10px 20px; } #address #main form h3 { margin-bottom:10px; } #address #main form h4 { margin-bottom:10px; } #address #main form p.text, #address #main form p.radio, #address #main form p.checkbox, #address #main form p.select, #address #main form p.textarea, #address #main form p.password { margin-bottom:10px; } #address #main form p.text label, #address #main form p.select label, #address #main form p.textarea label, #address #main form p.password label { display:block; } #address #main form p.text input { width:30%; } #address #main form p.submit { margin-top:20px; } /* addresses */ .address { background:#eee; padding:20px; width:160px; float:left; list-style:none; } #delivery_address, #address_delivery { margin-right:20px; display:inline; } #address_delivery, .address_add { clear:both; } .addresses .address { margin-top:20px; margin-bottom:20px; } .address_add { margin-bottom:20px; } .address_title { font-weight:bold; } #addresses .address { margin-right:20px; } #addresses .last_item { margin-right:0; } #order .table_block table { width:50%; margin-bottom:40px; border-collapse:collapse; font-size:12px; } #order .table_block thead th { background:#2d2d2d; color:#fff; font-weight:bold; padding:5px; white-space:nowrap; } #order .table_block tbody tr { border-bottom:1px solid #2d2d2d; } #order .table_block tbody td { padding:10px 5px; } #order #gift_div label { display:block; } /* my-account.tpl */ #my-account h4 { margin-bottom:20px; } #my-account #main ul { list-style:none; } #my-account #main li a { display:block; padding:20px 40px; border:1px solid #2d2d2d; margin-bottom:10px; } /* error */ .error { border:1px solid #fe1c50; background:#ffeef2; padding:10px; margin:10px 0; } .error p { font-weight: bold; } .error ol { margin-bottom:10px; } .error li { list-style-position:inside; list-style-type:square; } /* error */ .warning { border:1px solid #fe1c50; background:#ffeef2; padding:10px; margin:10px 0; } .warning p { font-weight: bold; } .warning ol { margin-bottom:10px; } .warning li { list-style-position:inside; list-style-type:square; } /* search */ #searchbox { margin-bottom:20px; } /* ------- STORE ------- */ #store #header { height:60px; border-bottom:5px solid #000; margin-bottom:20px; } #store #footer { background:#000; } #store #footer p a { background:url(../img/logo-rue-pavee-store.png) 100% 0 no-repeat; } #store #main p { margin-bottom:25px; } #store #main p a { text-decoration:underline; } #store #main p span { padding:0 20px; } #store #menuAnnexe .on a { color:#000; }