/* ************************************* Theme Name: MERCERIE For: mercerie de la vieille ville - 2009 Author: Michael @ Mkl-prod Author URL: http://mkl-prod.com/ ************************************* */ * { margin: 0; } html, body { height: 100%; margin:0; padding:0; font-size:10px; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background: url(images/BG.jpg) center top; color:#622315; text-align:left; } #superwrapper { position: relative; display: block; float: left; width: 100%; min-height: 100%; height: 100%; height: auto !important; padding: 0; margin: 0; background: url(images/top.jpg) repeat-x center top; } #BGmeter { position: relative; display: block; float: left; width: 100%; min-height: 100%; height: 100%; height: auto !important; padding: 0; margin: 0; background: url(images/metre.png) repeat-y 745px top; } #header { width:980px; margin:0 auto; padding:0; } #headerimg { width:100%; margin: 0; } #headerimg h1 a { display: block; height: 100px; width: 300px; margin:50px 0 0 350px; opacity:0; text-indent: -4000px; } #menu { display: block; width: 450px; margin:50px 0 0 260px; padding: 0; } #menu li { display: inline; list-style:none; padding: 3px 21px 3px 3px; margin:0 3px; background: url(images/menu_right.png) right 8px no-repeat; } #menu li a { padding-left: 21px; font-size: 16px; color: #42090a; font-family: Georgia; font-weight: bold; text-decoration: none; background: url(images/menu_left.png) left 10px no-repeat; } #menu li a:hover { color: #370A05; } /*------------------------------------------------------------ **- CLEAR FIX - (stick to bottom) ------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} /*- CONTENT PAGE ----------------------------------------------*/ #WRAPPER { display: block; width:980px; padding:0; margin: 0 auto; } #contentWRAPPER { display: block; float: left; width:980px; padding:0; margin: 50px auto; } /*- CONTENT ----------------------------------------------*/ #content { display: block; float: left; margin: 0 0 0 73px; padding:0 0 150px 0; font-size:1.2em; } .widecolumn .entry p { font-size:1.05em; } /* liste */ .narrowcolumn { float:left; width:440px; margin:0; padding:5px; } .narrowcolumn .post { clear: both; float: left; width:420px; text-align:justify; padding: 10px; margin:0 0 10px; } .narrowcolumn .entry { padding: 0; line-height:1.4em; } .narrowcolumn .postmetadata { clear: both; float: left; width: 420px; text-align:left; padding-top:5px; } .post-edit-link { display: block; float: right; margin: 0; padding: 0 0 5px 20px; background: transparent url(images/modifier.png) no-repeat left top; } .narrowcolumn p { margin: 10px 0; } /*- PAGE ----------------------------------------------*/ .widecolumn { line-height:1.6em; width:440px; margin:0; padding:5px; } .widecolumn .post { text-align:justify; margin:0 0 40px; } .widecolumn h3 { display: block; margin: 25px 0 0; } .widecolumn .entry { padding: 10px; line-height:1.4em; } .widecolumn p { margin: 10px 0; } /*- ADD to CART ----------------------------------------------*/ #ajouter_selec { display: block; padding: 10px; background: #e9caa3 url(images/addcadddrt.png); border: 2px solid #cdab73; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #ajouter_selec .ajouter_selecT { font-size: 1.3em; } #ajouter_selec form.addtocart fieldset, #ajouter_selec form.eshop fieldset { padding: 0; background: none; border: none; color: #68432b; } #ajouter_selec form.eshop fieldset legend { margin: 0 0 10px; padding: 0; background: none; border: none; color: #68432b; } #ajouter_selec h3 { margin: 0; text-align: left; } #ajouter_selec form.eshop { margin: 15px 0 0; } #ajouter_selec form.eshop input.buttonimg { display: block; float: right; top: -4px; width: 140px; height: 27px; margin-left: 5px; border: none; background: transparent; } #ajouter_selec form.eshop input.eshopbutton { display: block; float: right; width: 140px; height: 27px; border: none; margin: -5px 0 0; background: transparent url(images/ajouter.png) no-repeat; text-align: -9000px; font-size: 0.0009px } #ajouter_selec form.eshop input.eshopbutton:hover { background: transparent url(images/ajouter.png) no-repeat left bottom; } .widecolumn .postmetadata { clear: both; display: block; float: left; margin:10px 0 30px 0; padding: 10px; color: #68432b; background: #af7b40; border-top: 2px #ac7b47 solid; border-bottom: 2px #ac7b47 solid; line-height: 1.3em; } .postmetadata ul, .postmetadata li { display:inline; list-style-type:none; list-style-image:none; } .widecolumn .postmetadata a { color: #68432b; text-decoration: underline; } .postmetadatatop { display: block; font-size: 11px; font-style: italic; padding: 0 0 10px; } .postmetadatatop a, .postmetadatatop a:hover { color: #68432b; text-decoration: none; border-bottom: 1px dotted #68432b; } .postmetadatatop { display: block; font-size: 11px; font-style: italic; padding: 0 0 10px; } /* images */ p img { max-width: 420px; height: auto; padding:0; } img.alignright { display:inline; margin:0 0 2px 7px; padding:4px; } img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px; } .alignright { float:right; } .alignleft { float:left; } .aligncenter, .center { text-align: center; } .entry ol { margin:0; padding:0 0 0 35px; } .post .aligncenter, img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align:center; padding-top:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:10px; } .wp-caption img { border:0 none; margin:0; padding:0; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .widecolumn .post, #sidebar form { margin:0; } /*- CART - checkout ----------------------------------------------*/ .entry .eshop.cart, .entry .eshopcart { margin-top: 0; width: 420px; } .entry .eshop.cart caption { display: none; } .entry .eshop.cart , .entry .eshop.cart th, .entry .eshop.cart td { border: 0; padding: 0; } .entry .eshop.cart .cqty { text-align: left; } .entry .eshop.cart tr.thead { display: block; width: 420px; padding: 10px 0 7px; margin-bottom: 7px; color: #622315; border-bottom: 1px dashed #622315; } .entry .eshop.cart thead th { text-align: left; background: none; color: #622315; } .entry .eshop.cart tr { display: block; width: 420px; padding: 10px 0 0; color: #622315; } .entry .eshop.cart tr.alt { display: block; width: 420px; padding: 10px 0 0; color: #622315; background: none; } .entry .eshop.cart tr a { color: #622315; } #cartTotal { width: 60px; } #cartDelete { width: 20px; text-align: right; } #cartDelete img { margin: 0; } .entry .eshop.cart .nb, .entry .eshop.cart .cartitem { display: block; float: left; width: 280px;} .entry .eshop.cart .bt, .entry .eshop.cart .cqty { display: block; float: left; width: 60px; text-align: left; } .entry .eshop.cart .btr, .entry .eshop.cart .amts { display: block; float: left; width: 60px; text-align: left; } .entry .eshop.cart .deletecartitem { display: block; float: left; width: 20px; text-align: right; } .entry .eshop.cart .deletecartitem input { display: block; padding: 0; margin: 0; border: none; background: none; } .entry .eshop.cart .stotal { display: block; float: right; width: 140px; margin: 15px 0 0 0; padding: 15px 0 0; border-top: 1px dashed #622315; background: none; } .entry .eshop.cart .stotal .leftb { width: 70px; background: none; float: left; color: #622315; font-size: 12px; text-align: left; } .entry .eshop.cart .stotal .amts { display: block; float: right; width: 70px; color: #622315; font-size: 12px; text-align: left; } .cartopt { margin: 25px 0; } .cartopt #unset { display: none; } /*- FROM ---------------------*/ .entry .eshopform { border: 2px solid #cdab73; background: #e9caa3; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .entry .eshopform fieldset { border: none; color: #622315; background: none; } .entry .eshopform .fld1 h3 { text-align: left; margin: 10px 5px; } .entry .eshopform .fld1 p { margin: 0 5px; font-size: 11px; } .entry .eshopform .fld2 { margin-top: 10px; } .entry .eshopform .fld2 label { clear: both; display: block; float: left; width: 100px; margin: 0 0 10px; } .entry .eshopform .fld2 input { display: block; float: right; width: 250px; } .entry .eshopform .fld3 label { clear: both; display: block; float: left; width: 100px; margin: 0 0 10px; } .entry .eshopform .fld3 .textbox { display: block; float: right; width: 250px; } .entry .eshopform .eshoppayvia { display: none; } /*Update*/ .entry .eshopcart input#update { display: block; width: 140px; height: 27px; border: none; margin: 10px auto; text-align: center; background: transparent url(images/update.png) no-repeat; text-align: -9000px; font-size: 0.0009px } .entry .eshopcart input#update:hover { background: transparent url(images/update.png) no-repeat left bottom; } /*confirmation 1*/ .entry .eshopform .buttonwrap input { display: block; float: right; width: 161px; height: 27px; border: none; margin: 10px 0; text-align: center; background: transparent url(images/envoyerafrancette2.png) no-repeat; text-align: -9000px; font-size: 0.0009px } .entry .eshopform .buttonwrap input:hover { background: transparent url(images/envoyerafrancette2.png) no-repeat left bottom; } /*confirmation 2*/ .eshop small { display: block; float: left; width: 400px; margin: 20px 0 0; padding: 0; text-align: center; } .entry .eshop .submit2 { clear: both; display: block; width: 161px; height: 27px; border: none; margin: 10px auto 30px; text-align: center; background: transparent url(images/envoyerafrancette.png) no-repeat; text-align: -9000px; font-size: 0.0009px } .entry .eshop .submit2:hover { background: transparent url(images/envoyerafrancette.png) no-repeat left bottom; } .eshopcheckoutconf h3 { margin: 30px 0; } .entry ul.continue-proceed li:before { content:""; } /*- PAGENAVI ----------------------------------------------*/ .wp-pagenavi { display: block; margin: 0; font-size: 0.9em; } .wp-pagenavi a.page, .wp-pagenavi a.last, .wp-pagenavi a.first { border-color: #622315; color: #622315; padding: 2px 4px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border: none; padding: 3px 5px; background: #622315; color: #b68349; } .wp-pagenavi .pages { border: none; padding: 0; } .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { border: none; padding: 3px 5px; color: #622315; } /*- SIDEBAR2 ----------------------------------------------*/ #sidebar2 { display: block; float: right; width:180px; margin: 17px 0 0; font:1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; } /*- SIDEBAR ----------------------------------------------*/ #sidebar { float: left; width:180px; margin: 17px 0 0; font:1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; } code { font:1.1em 'Courier New', Courier, Fixed; } /*Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html > body .entry ul { margin-left:0; list-style:none; text-indent:-10px; padding:0 0 0 10px; } html > body .entry li { margin:7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before { content:"\00BB \0020"; } #sidebar ul li.title:before { content:""; } .sidebar .sidebar_box { display: block; float: left; width:180px; margin-bottom: 20px; padding-bottom: 14px; background: url(images/left_bottom.png) no-repeat left bottom; } .sidebar .sidebar_box div { display: block; float: left; width:180px; padding-top: 13px; background: url(images/left_top.png) no-repeat left top; } .sidebar .sidebar_box div div, .sidebar .sidebar_box div ul { display: block; float: left; width:158px; padding: 0 11px 1px; line-height: 1.6em; background: url(images/left.png) repeat-y; list-style-type:none; list-style-image:none; } .sidebar .sidebar_box div li.title, .sidebar .sidebar_box div h2.widgettitle { margin:0 0 5px; padding: 0; border: none; border-bottom: 1px dashed #6C2618; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em; background: none; } .sidebar .sidebar_box.tagcloud div li.title { margin-bottom: 15px; } .sidebar ul li li { list-style-type:none; list-style-image:none; margin-bottom:3px; margin-top: 3px; padding: 0; background: none; } .sidebar .sidebar_box div ul li ul { margin: 0 0 15px 0; padding: 0; background: none; } .sidebar .sidebar_box div ul li { font-weight: bold; margin-top: 15px; } .sidebar .sidebar_box div ul li ul li { font-weight: normal; margin-top: 0; } /*- CART ----------------------------------------------*/ #sidebar2.sidebar .sidebar_box div ul li { margin-top: 0; } #sidebar2.sidebar .eshopcartwidget, #sidebar2.sidebar .ajaxcart { background: none; padding: 0; margin: 0; } #sidebar2.sidebar .eshop.cart { margin-top: 10px; } #sidebar2.sidebar caption, #sidebar2.sidebar thead, #sidebar2.sidebar .amts { display: none; } #sidebar2.sidebar table.eshop, #sidebar2.sidebar table.eshop th, #sidebar2.sidebar table.eshop td { border: 0; padding: 0; } #sidebar2.sidebar table.eshop .cqty { text-align: left; } #sidebar2.sidebar table.eshop .cartitem { display: block; float: left; width: 135px; } #sidebar2.sidebar table.eshop .cqty { display: block; float: left; width: 20px; text-align: right; } #sidebar2.sidebar .stotal { display: block; float: left; width: 155px; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #622315; } #sidebar2.sidebar .stotal .leftb { width: 80px; background: none; float: left; font-weight: normal; font-style: italic; color: #622315; font-size: 10px; } #sidebar2.sidebar .stotal .amts { display: block; float: right; width: 50px; font-weight: normal; font-style: italic; color: #622315; font-size: 10px; } #sidebar2.sidebar .alt { display: block; padding: 10px 0 0; background: none; color: #622315; } #sidebar2.sidebar .stotal { display: block; padding: 10px 0 0; background: none; } #sidebar2.sidebar table.eshop a { text-decoration: none; color: #622315; } #sidebar2.sidebar .vcartBTN { font-size: 11px; color: #622315; } #sidebar2.sidebar .checkoutBTN { display: block; width: 161px; height: 27px; margin: 10px 0 0; text-align: center; background: transparent url(images/envoyerafrancette.png) no-repeat; text-align: -9000px; font-size: 0.0009px } #sidebar2.sidebar .checkoutBTN:hover { background: transparent url(images/envoyerafrancette.png) no-repeat left bottom; } /*- STYLE ----------------------------------------------*/ .francette { } .francette .question { margin: 0 0 15px 0; } .francette .email { margin: 0 0 15px 0; } .francette .email a { line-height:1.1em; } .francette .tel { margin: 0; } /* Search */ #sidebar2 #searchform { text-align:center; margin:15px auto 20px; padding:5px 3px; } #sidebar2 #searchform .screen-reader-text { display: block; } #sidebar2 #searchform #s { display: block; margin: 10px auto; width:120px; padding:2px; } #sidebar2 #searchform #searchsubmit { padding:1px; } /*- FOOTER ----------------------------------------------*/ #footer { position: absolute; bottom: 0; height: 150px; width: 100%; } #footer p { text-align:center; margin:0; padding:20px 0; } #footer .bottom { display: block; width: 960px; height: 80px; margin: 0 auto; padding: 70px 0 0 0; background: url(images/bottom.png) no-repeat 179px top ; } #footer .bottom p { margin:0 130px 0 130px; text-align: center; color: #68432b; padding-bottom: 0; } /* Begin Headers */ .navigation { clear: both; float: left; display:block; width: 420px; text-align:center; margin:25px 10px 20px 10px; } h2 { clear: both; display: block; padding: 6px 4px 6px 32px; background: #af7b40 url(images/h2.jpg) no-repeat left 6px; border: 1px dashed #6C2618; color:#5f130e; text-decoration: none; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif;} h3.pagetitle { font-size:1.3em; margin:30px 0 0; text-align:center; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif; } h2 { font-size:15px; margin:0 0 10px 0; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif; } h3 { font-size:1.3em; margin:0px 0 0; padding:0; text-align: center; } h1,h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration:none; color:#FFF; } h2,h2 a,h2 a:visited, h3,h3 a,h3 a:visited { color:#6C2618; text-decoration: none; font-family:Georgia, 'Lucida Grande', Verdana, Sans-Serif; } h2 a:hover, h3 a:hover, #sidebar h2, .entry p a:visited { color:#370A05; } acronym,abbr,span.caps { font-size:0.9em; letter-spacing:.07em; cursor:help; } a,h2 a:hover, h3 a:hover { color:#370A05; text-decoration: underline; } a:hover { color:#6C2618; text-decoration:underline; } small { font-family:Arial, Helvetica, Sans-Serif; font-size:10px; line-height:1.5em; } h1,h2,h3 { font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:700; } /* Commentaires */ #comments { padding: 10px; } h3.comments { margin:40px auto 20px; padding:0; } #commentform input { width:170px; margin:5px 5px 1px 0; padding:2px; } #commentform textarea { height: 100px; width:100%; padding:2px; } #commentform #submit { float:right; margin:0; } .commentlist { text-align:justify; padding:0; } .commentlist li .avatar { float:right; border:1px solid #68432b; background:#af7b40; padding:2px; } .nocomments { text-align:center; margin:0; padding:0; } .commentlist li a { color: #5f130e; text-decoration: underline; } .commentlist li a:hover { color: #370A05; } .commentlist li, #commentform input, #commentform textarea { font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight:700; list-style:none; margin:15px 0 3px; padding:5px 10px 3px; } .commentlist cite, .commentlist cite a { font-weight:700; font-style:normal; font-size:1em; } .commentlist p { font-weight:400; line-height:1.5em; text-transform:none; margin:10px 5px 10px 0; } #commentform p { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; margin:5px 0; } .commentmetadata { font-weight:400; display:block; margin:0; text-decoration: none; font-size: 10px; } .commentmetadata a:link { text-decoration: none; font-size: 10px; } /*difference*/ .commentlist li.alt { border-top:3px solid #ac7b47; border-bottom:3px solid #ac7b47; margin:0; padding:15px 10px; } #respond { clear: both; display: block; float: left; padding: 10px; margin:0 0 40px; } #respond h3 { margin-top: 0; text-align: left; }