/* Theme Name: Woostore Child Theme URI: http://example.com/ Description: Child theme for the Woostore Author: Your name here Author URI: http://example.com/about/ Template: woostore Version: 0.1.0 */ @import url("../woostore/style.css"); body { font-size:12px; font-family:arial; color: #555; background:#f2f2f2; background:url("images/background.png")repeat; } .entry img, img.thumbnail { padding: 5px; border: 0px solid #e6e6e6; background:#FFF; } p {font-size:12px; font-family: arial;} #billing_state_field, #billing_country, #shipping_state_field, #shipping_country { clear: both; float: left; } #billing_state_field br, #shipping_state_field br { display: none; } #billing_country, #shipping_country { margin: 0 0 20px; } #billing_state_field label, #shipping_state_field label { padding: 0 0 10px; } /* remove home breadcrumb */ .home .breadcrumb { display: none; } .page .breadcrumb {display:none;} /*code for page layout */ .entry ul {margin: 0; padding: 0;} /*shifts entire page layout to the left */ .page ul.products li {margin-left:auto; margin-right:auto; width:140px; !important;border: none !important;} ul.products li a h3 {text-align:center;font-weight:bold; color:#555; font-size:12px; margin:5px 0 0px; display: block; font-family:sans-serif; border:0px solid #000;height:170px;} ul.products img {margin: 0 auto;width:150px; height: auto; padding:0; border:1px solid #f2f2f2;clear:both;!important;} ul.products .price {text-align:center;width:95px; background-color:#fff;} ul.products .amount {font-size:14px;!important; text-align:center;width:140px; background-color:#fff;} #pageratings {margin:0 auto;width:78px;background-color:#fff; padding-top:0px; padding-bottom:30px;} #pageratings .star-rating { margin:0 auto; width: 80px; height: 16px; background: url(images/star.png) repeat-x left 0; } /* 1.2 Hyperlinks */ span.whitelink a { font-size:18px; color:#FFF; text-decoration:none;} a:link { color: #000; text-decoration:none;} a:visited { color: #000; text-decoration:none;} a:hover {text-decoration:underline !important;} .trail-begin a:link a:visited {color:#B0C451; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {text-decoration: none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /* controls width of site */ .col-full { width: 1040px; margin: 0 auto; background-color:#fff;} /* controls main column */ #main{width:750px;} /* controls sidebar left side */ #sidebar{width:250px;border-left:1px solid #e6e6e6;} /* 2.4 Content controls size of sidebar plus main column*/ #content{ width:1020px; padding:10px; background: #fff url(images/bg-gradient.png) repeat-x left 1px; border-top:0px solid #b7b5b6; border-bottom: 1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.25); } /* controls nav info */ #navigation {background: url("images/bg-nav.png") repeat-x scroll center bottom #fff;border: 1px solid #E9E9E9;border-top-left-radius: 6px;border-top-right-radius: 6px; font: 14px/14px Helvetica,Arial,sans-serif;padding: 0;width: 1038px !important;z-index: 9999;} /* 2.6 Footer */ #footer{background-repeat:repeat-y;background-color:#9A91A0; padding: 20px 0; color:#fff; margin-bottom: 20px;} #footer p {font-size:11px} #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} #footerleftarea {padding-left:15px; color:#fff; text-align:left; width:400px;font-size:14px;} #footerleftarea a {color:#fff;} #footerleftarea h3 {text-align:left;font-size:26px; color:#fff; font-weight:bold; padding:0px; margin:0px;} #footerconnect {padding-right:20px; text-align:left;width:300px;} #footerconnect h3 {text-align:left;font-size:26px; color:#fff; font-weight:bold; padding:0px; margin:0px;} /*right now just to bold the popular products text on the homepage */ .entry h3 {font-size:24px; font-weight:bold;} /*header table section - have to set most css as the style.css has table css stuff that overwrites */ table.headersection { border-width: 0px; border-spacing: 0px; border-style: none; border-color: white; border-collapse: separate; background-color:#fff; margin:0px; width:1025px; } table.headersection th { border-width: 0px; border-style: inset; border-color: #fff; background-color: #fff; -moz-border-radius: ; padding-left: 10px; } table.headersection td { border-width: 0px; border-style: inset; border-color: #fff; background-color: #fff; -moz-border-radius: ; } table.headersection2 { border-style:solid; border-top: thick double #89818E; border-bottom: thick double #89818E; margin:5px; width:1010px; background-color:#9A91A0; } table.headersection2 td { border-width: 0px; border-color: #fff; border-top: 0px dotted #fff; padding:5px; color:#fff; font-family:arial; padding-left:5px; font-weight:bold; background-color:#9A91A0; } table.headersection2 a:link { color: #fff; text-decoration:none;} table.headersection2 a:visited {color:#fff; text-decoration:none;} table.headersection3 { border-width: 0px; border-spacing: 0px; border-style: dotted; border-color: white; border-collapse: separate; margin:0px; background-color:#fff; } table.headersection3 td { vertical-align:middle; border:0; margin:0px; padding:5px 0 5px 0; } table.headerlogos { border-width: 2px; border-spacing: 2px; border-style: none; border-color: white; border-collapse: separate; margin:5px; width:995px; } table.headerlogos td { border-width: 0px; border-style: inset; border-color: gray; border-top: 0px dotted #fff; padding:0px 0px 0px 0px; } /* style for the image section and summary section on product page --*/ .single-product .product .images { width:260px; float: left; background-color:#FFF; margin-right:0px; } .single-product .product .summary { width:470px; padding-left:5px; margin-left:0px; float:right; background-color:#fff;} .single-product .product .summary form.cart { margin-bottom:20px; overflow: hidden; zoom:1; padding-top:10px; border-top:0px solid #e6e6e6; } .summary h1 {font-size:25px; font-family:arial; font-weight: bold; line-height:90%;} /* style for product image size --*/ .single-product .product .images img {border: 1px solid #E6E6E6;height: auto;margin-bottom: 12px;padding: 0px;width: 250px;} /* to create the grey box around the quantity and add to cart on product page --*/ fieldset {background: none repeat scroll 0 0 #FFFFFF;border: 6px solid #E5E5E5;padding:5px; margin-bottoM:0px;} /* style for price styling --*/ .total .amount {font-size:15px;} .quantity .amount {font-size:12px;} .cart-subtotal .amount {font-size:14px; font-family:arial;} .product-price .amount {font-size:14px; font-family:arial;} .product-subtotal .amount {font-size:14px; font-family:arial;} .product-total .amount {font-size:14px; font-family:arial;} .shipping .amount {font-size:14px; font-family:arial;} .tax-rate .amount {font-size:14px; font-family:arial;} .amount {font-size:25px; font-family:arial;} .amount p {margin:0px; padding:0px;} .amount strong {color:#FF0033;} .price {font-size:25px; font-weight:bold;} /* 4.3 WooTabs */ #tabs, .woocommerce_tabs { background:#fff; height:auto; display: block; padding:1px; clear: both; } #tabs ul.wooTabs, #tabs ul.tabs, .woocommerce_tabs ul.tabs { padding:0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAAElFTkSuQmCC) bottom repeat-x; /* 1px transparent png */ overflow: hidden; zoom:1; margin:0; } #tabs ul.wooTabs li, #tabs ul.tabs li, .woocommerce_tabs ul.tabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; padding-left:0; background-image: none; margin-right:2px;} #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover, #tabs ul.tabs li.active a, #tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li.active a { background:#fff; text-decoration:none !important; margin-bottom:0; padding-bottom:9px; } #tabs ul.tabs li a, .woocommerce_tabs ul.tabs li a { background:#f6f6f6; color:#777; display: block;float: left; padding: 6px 12px; border:1px solid rgba(0,0,0,0.1); border-bottom:0; margin-bottom:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } #tabs ul.wooTabs li a { padding:3px 6px; display: block; float: left; margin-right:1px; color:#777; border:1px solid rgba(0,0,0,0.1); border-bottom:0; background: #eee; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { padding-bottom:6px; background: #fff; } #tabs ul.wooTabs li a:hover { color:#555; } #tabs .inside { padding:1em; border:1px solid rgba(0,0,0,0.1); border-top:0; background: #fff; } #tabs .inside li { padding-bottom:1em; margin-bottom:1em; border-bottom:1px dotted rgba(0,0,0,0.1); } #tabs .inside li:last-child { padding-bottom:0; margin-bottom:0; border:0; } .woocommerce_tabs .panel { background:#fff; clear: left;} .woocommerce_tabs .panel { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAAElFTkSuQmCC) top repeat-x bottom repeat-x #fff; /* diagonal texture */ overflow: hidden; } #tabs .panel h2, .woocommerce_tabs .panel h2 { padding-top:10px; } #tabs #tab-tags { padding:10px; } #tabs .inside ul { margin:0; padding-left:0; } #tabs .inside li a { } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } .type-product .panel ul, .type-product .panel ol { margin-left:20px; list-style: disc; } .type-product .panel ol.commentlist { margin-left:0; } /*style for button */ a.button, .button.alt, .button, input.button, button.button, a.comment-reply-link, #commentform #submit, #featured-products ul.products .button { display: inline-block; margin: 5px; padding: 4px 13px 3px; border: 1px solid #C7D675; border-bottom-color: #C7D675; color: white !important; text-align: center; font-size:14px !important; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; font-weight:bold; cursor: pointer; overflow: visible; position: relative; /*Border radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*Background*/ background: #B0C451; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #C7D675), color-stop(1, #B0C451) ); background: -moz-linear-gradient( center top, #C7D675 20%, #B0C451 100% ); } #featured-products ul.products .button:hover { text-decoration: none !important; /*Background*/ background: #B0C451; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #B0C451), color-stop(1, #B0C451) ); background: -moz-linear-gradient( center top, #B0C451 20%, #B0C451 100% ); } /* 4.2 Generic Widgets */ .widget { margin: 0 0 10px 0; font-size:12px; } .layout-right-content .widget { margin-right:25px; } .widget a:hover {text-decoration:underline !important;} .widget h3 { margin: 0 0 5px 0; padding:5px 0 5px; text-transform:uppercase; font:normal bold 14px "Helvetica Neue", Helvetica Arial, sans-serif; color:#555; border-bottom:1px dotted #e6e6e6; letter-spacing: -1px;} .widget p { margin-bottom:15px; } .widget ul { clear:both; padding-left:10px; list-style-position:inside; list-style-type:disc;} .widget ul li {background:url("images/ico-bullet.png") no-repeat scroll 0 8px transparent; list-style:none; padding-left:15px;} .widget ul li a { padding: 0; line-height: 22px; text-decoration: none; } .widget ul li a:hover { text-decoration:underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } .widget_recent_comments li, #twitter li { padding: 1px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ #footer-widgets { background: #f0f0f0; padding: 30px; width: 900px; border-top: 1px solid #fff; } #footer-widgets .block h3 {background: url(images/bg-footer-widgets-border.png) repeat-x bottom; border:none; margin: 0 0 20px 0; padding:0 0 20px;} .layout-right-content #footer-widgets .widget { margin-right:0; } /* 4.4 Woo Shopping Cart */ .widget_shopping_cart { margin:0 0 10px -25px; background: #f0f0f0; border:1px solid #e6e6e6;width:225px; border-width:1px 1px 1px 0; } .layout-right-content .widget_shopping_cart { margin:0 0 30px 0; border-width:1px 0 1px 1px; } .widget_shopping_cart h3 { background:#e6e6e6 url(images/ico-cart.png) no-repeat 15px 50%; border-top:1px solid #fff; padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; text-shadow: 0 1px #fff;} .widget_shopping_cart li.empty { margin-bottom:18px !important; } .widget_shopping_cart ul.cart_list { padding:0px 20px 0; } .widget_shopping_cart ul.cart_list li:last-child { margin-bottom:0; } .widget_shopping_cart p.total, .widget_shopping_cart p.buttons { padding:0 10px; text-align: center; } .widget_shopping_cart p.total { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 20px; background: #f6f6f6; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); } .widget_shopping_cart p.buttons .button { margin-left:0; } /* tell a friend box style */ #TellAFriend_BoxContainer { position: fixed!important; top: 50%!important; left: 50%!important; margin-top: -195px!important; margin-left: -195px!important; height:420px; width:490px; } /*removes table borders from support section */ .tablenoborder {border:#fff;} .tablenoborder td{border:#fff;} /*style for dropdown menu on sidebar for brand list */ .styled-select { width: 226px; height: 34px; overflow: hidden; background: #f2f2f2; border:1px solid #E6E6E6; } /*style for related products */ /* 2.4.3 Product Gallery */ .product-gallery {position: relative;margin:0 0 30px;} .product-gallery ul.products { border-top:0; } .product-gallery h2 { font-size:18px; font-weight: bold; color:#333; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #ddd; } ul.productsrelated { overflow: hidden; zoom:1; margin-bottom:20px; border-top:1px dotted #dbdbdb } ul.productsrelated li { width:44.5%; float: left; border-bottom:1px dotted #dbdbdb; overflow: hidden; zoom:1; padding:2.5%; position: relative; } ul.productsrelated li.first { clear: left;border-right:1px dotted #dbdbdb; } ul.productsrelated img { width:90px; height: auto; float: left; margin:0 12px 0 0; padding:0; border:1px solid #f2f2f2; background: none; } ul.productsrelated li a h3 { font-weight:bold; color:#555; font-size:14px; margin:5px 0 6px; display: block; font-family:sans-serif; } ul.productsrelated li a:hover h3 { color:#111; } ul.productsrelated li a:hover { text-decoration: none !important; } ul.productsrelated li .price { font-size:18px; color:#222;font-weight: bold; display: block; margin-bottom:6px; float: left; margin-right:6px; } ul.productsrelated li a.button { margin-left:0; background: none; border:0; padding:0; color:#3088FF !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; float: left; margin:3px 0 0 0 !important; } ul.productsrelated li a.button:hover { text-decoration: underline !important; } ul.productsrelated li del { color:#ccc; } ul.productsrelated li ins { text-decoration:none; } ul.productsrelated li.sub-category { text-align: center; } ul.productsrelated li.sub-category img { float:none; } /*style for onsale icon */ .onsale { background-color: #96c42e; background-image: -webkit-gradient(linear, left top, left bottom, from(#96c42e), to(#2ab536)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #96c42e, #2ab536); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #96c42e, #2ab536); /* FF3.6 */ background-image: -ms-linear-gradient(top, #96c42e, #2ab536); /* IE10 */ background-image: -o-linear-gradient(top, #96c42e, #2ab536); /* Opera 11.10+ */ background-image: linear-gradient(top, #96c42e, #2ab536); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#96c42e', EndColorStr='#2ab536'); border:1px solid #25a030; position: absolute; top:25px; left:15px; padding:1px 6px; font-size:11px; text-align: center; font-weight: bold; color:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; z-index: 999; text-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4), 0 1px 2px rgba(0,0,0,0.2); }