diff --git a/assets/css/woocommerce.css b/assets/css/woocommerce.css index 9d526f11d3e..c3646a6ea8e 100644 --- a/assets/css/woocommerce.css +++ b/assets/css/woocommerce.css @@ -1,165 +1,1234 @@ -.clear{clear:both;} -.nobr{white-space:nowrap;} -.info{background:#F7F5C6;padding:10px 20px;border:1px solid #EEEAC1;color:#747165;box-shadow:inset 0 0 0 1px #ffffcc;-webkit-box-shadow:inset 0 0 0 1px #ffffcc;-moz-box-shadow:inset 0 0 0 1px #ffffcc;}.info a{color:#93864E;} -div.woocommerce_error,div.woocommerce_message{border:1px solid;margin:10px 0px;padding:10px 10px 10px 32px;background-repeat:no-repeat;background-position:10px center;}div.woocommerce_error a.button,div.woocommerce_message a.button{margin-top:0;float:right;} -div.woocommerce_error{color:#D8000C;background-color:#ffd4d4;background-image:url('../images/error.gif');} -div.woocommerce_message{color:#4F8A10;background-color:#DFF2BF;background-image:url('../images/success.gif');} -p small{color:#999;} -p.demo_store{position:fixed;top:0;width:100%;font-size:12px;text-align:center;background:#f7f5c6;background:-webkit-gradient(linear, left top, left bottom, from(#f7f5c6), to(#eeeac1));background:-webkit-linear-gradient(#f7f5c6, #eeeac1);background:-moz-linear-gradient(center top, #f7f5c6 0%, #eeeac1 100%);background:-moz-gradient(center top, #f7f5c6 0%, #eeeac1 100%);padding:8px 0;border:1px solid #EEEAC1;color:#747165;z-index:999999;box-shadow:inset 0 0 0 3px rgba(255, 255, 255, 0.3);-webkit-box-shadow:inset 0 0 0 3px rgba(255, 255, 255, 0.3);-moz-box-shadow:inset 0 0 0 3px rgba(255, 255, 255, 0.3);} -small.note{display:block;color:#999;font-size:11px;line-height:21px;margin-top:10px;} -#breadcrumb{overflow:hidden;zoom:1;margin:0 0 1em;padding:0;font-size:0.92em;color:#999;}#breadcrumb a{color:#999;} -div.product{position:relative;}div.product .product_title{clear:none;} -div.product p.price{color:green;font-size:1.3em;}div.product p.price del{font-size:14px;color:#ccc;} -div.product p.stock{font-size:0.92em;float:left;padding:2px 0 0 0;} -div.product div.images{float:left;width:314px;margin-bottom:10px;}div.product div.images img{border:1px solid #ddd;background:#f5f5f5;padding:6px;display:block;} -div.product div.images div.thumbnails{padding-top:10px;overflow:hidden;zoom:1;}div.product div.images div.thumbnails a{margin-right:10px;margin-bottom:10px;float:left;}div.product div.images div.thumbnails a img{padding:3px;} -div.product div.images div.thumbnails a.last{margin-right:0;} -div.product div.images div.thumbnails a.first{clear:both;} -div.product div.summary{float:right;width:300px;} -div.product div.social{text-align:right;margin:0 0 1em;}div.product div.social span{margin:0 0 0 2px;}div.product div.social span span{margin:0;} -div.product div.social span .stButton .chicklets{padding-left:16px;width:0;} -div.product div.social iframe{float:left;margin-top:3px;} -div.product .woocommerce_tabs{clear:both;padding:1em 0 0 0;margin:0 0 1em 0;}div.product .woocommerce_tabs ul.tabs{-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;background:#ddd;overflow:hidden;zoom:1;margin:0;padding:4px 4px 0;list-style:none outside;}div.product .woocommerce_tabs ul.tabs li{float:left;margin:0 4px 0 0;font-size:0.92em;} -div.product .woocommerce_tabs ul.tabs a{float:left;padding:6px 12px;background:#eee;text-decoration:none;-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px;} -div.product .woocommerce_tabs ul.tabs li.active a{background:#fff;color:#555;} -div.product .woocommerce_tabs .panel{border:1px solid #ddd;border-top:0;padding:15px 15px 0;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;} -.stock{color:green;float:left;} -.out-of-stock{color:red;} -p.cart{float:right;} -form.cart{margin-bottom:24px;float:right;width:300px;}form.cart div.quantity{float:left;margin:0 4px 0 0;} -form.cart table{font-size:12px;border-width:0 0 1px 0;}form.cart table td{padding:4px 4px 4px 0;} -form.cart table div.quantity{float:none;margin:0;width:72px;} -form.cart table small.stock{display:block;float:none;} -form.cart .variations label{font-weight:bold;} -form.cart .variations select{width:100%;float:left;} -form.cart .button{vertical-align:middle;float:left;margin:2px 0;} -span.onsale{background:green;color:#fff;min-height:32px;min-width:32px;padding:4px;font-size:12px;position:absolute;text-align:center;line-height:32px;top:0;right:320px;margin:-6px 0 0 0;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} -.products ul,ul.products{margin:0 0 14px;padding:0;list-style:none;float:left;} -.products{clear:both;}.products li{float:left;margin:0 10px 20px 0;padding:0;position:relative;width:150px;}.products li .onsale{top:0;right:0;left:auto;margin:-6px -6px 0 0;} -.products li a{text-decoration:none;} -.products li a img{width:150px;height:150px;display:block;margin:0 0 8px;border:1px solid #ddd;} -.products li a:hover img{border:1px solid #bbb;} -.products li strong{color:#555;display:block;} -.products li .price{color:green;display:block;font-weight:normal;float:right;text-align:right;}.products li .price del{font-size:10px;line-height:10px;margin:-2px 0 0 0;display:block;color:#ccc;} -.products li .price .from{font-size:10px;line-height:10px;margin:-2px 0 0 0;display:block;color:#ccc;} -.products li.first{clear:both;} -.products li.last{margin-right:0;} -a.button,button.button,input.button,#review_form #submit{color:#fff;background:#ff9c07;padding:6px;line-height:1em;margin:4px 2px 0 0;float:left;font-size:12px;width:auto;vertical-align:middle;text-align:center;text-decoration:none;border:none;cursor:pointer;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} -a.button:hover,button.button:hover,input.button:hover,#review_form #submit:hover{background:#ff9933;text-decoration:none;} -.cart .button,.cart input.button{float:none;} -.button.alt{color:#fff;background:#069bcd;padding:6px;line-height:1em;margin:4px 2px 0 0;float:left;font-size:12px;width:auto;vertical-align:middle;text-align:center;text-decoration:none;border:none;cursor:pointer;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} -.button.alt:hover{background:#0588b5;} -#reviews h2 small{float:right;color:#999;font-size:15px;line-height:21px;margin:10px 0 0 0;}#reviews h2 small a{text-decoration:none;color:#999;} -#reviews h3{margin:0;} -#reviews #respond{margin:0;border:0;padding:0;} -#reviews #comment{height:75px;} -#reviews #comments .add_review{overflow:hidden;zoom:1;} -#reviews #comments h2{clear:none;} -#reviews #comments ol.commentlist{overflow:hidden;zoom:1;margin:0;}#reviews #comments ol.commentlist li{padding:00;margin:0 0 20px;border:0;position:relative;}#reviews #comments ol.commentlist li .meta{color:#999;font-size:0.75em;} -#reviews #comments ol.commentlist li img{float:left;position:absolute;top:0;left:0;padding:3px;width:32px;height:auto;border:1px solid #ddd;background:#fff;margin:0;line-height:1;} -#reviews #comments ol.commentlist li .comment-text{margin:0 0 0 50px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:11px 11px 0;}#reviews #comments ol.commentlist li .comment-text p{margin:0 0 11px;} -#reviews #comments ol.commentlist li .comment-text p.meta{font-size:0.86em;} -.star-rating{float:right;width:80px;height:16px;background:url(../images/star.png) repeat-x left 0;}.star-rating span{background:url(../images/star.png) repeat-x left -32px;height:0;padding-top:16px;overflow:hidden;float:left;} -.hreview-aggregate .star-rating{margin:10px 0 0 0;} -#review_form #respond{overflow:hidden;zoom:1;border:1px solid #E7E7E7;margin:0;padding:10px 20px 20px;}#review_form #respond p{margin:0 0 10px;} -p.stars{overflow:hidden;zoom:1;}p.stars span{width:80px;height:16px;position:relative;float:left;background:url(../images/star.png) repeat-x left 0;}p.stars span a{float:left;position:absolute;left:0;top:0;width:16px;height:0;padding-top:16px;overflow:hidden;} -p.stars span a:hover,p.stars span a:focus{background:url(../images/star.png) repeat-x left -16px;} -p.stars span a.active{background:url(../images/star.png) repeat-x left -32px;} -p.stars span a.star-1{width:16px;z-index:10;} -p.stars span a.star-2{width:32px;z-index:9;} -p.stars span a.star-3{width:48px;z-index:8;} -p.stars span a.star-4{width:64px;z-index:7;} -p.stars span a.star-5{width:80px;z-index:6;} -table.shop_attributes{border:0;border-top:1px dotted #ccc;}table.shop_attributes th{width:150px;font-weight:bold;padding:8px;color:black;border-bottom:1px dotted #ccc;margin:0;line-height:1.5em;} -table.shop_attributes td{font-style:italic;padding:0;border-bottom:1px dotted #ccc;margin:0;line-height:1.5em;}table.shop_attributes td p{margin:0;padding:8px;} -table.shop_attributes .alt td,table.shop_attributes .alt th{background:#f9f9f9;} -table.shop_table{border:1px solid #E7E7E7;margin:0px -1px 24px 0px;text-align:left;width:100%;border-collapse:separate;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}table.shop_table th{color:#888;font-size:12px;font-weight:bold;line-height:18px;padding:9px 12px;} -table.shop_table td{border-top:1px solid #E7E7E7;padding:6px 12px;vertical-align:middle;}table.shop_table td a.button{margin:0 3px;} -table.shop_table tfoot td{font-weight:bold;} -table.my_account_orders{font-size:0.85em;}table.my_account_orders th,table.my_account_orders td{padding:4px 8px;vertical-align:top;} -table.my_account_orders .button{white-space:nowrap;margin:4px 0;} -ul.cart_list,ul.product_list_widget{list-style:none outside;padding:0;margin:0;}ul.cart_list li,ul.product_list_widget li{padding:4px 0;margin:0;overflow:hidden;zoom:1;}ul.cart_list li a,ul.product_list_widget li a{display:block;font-weight:bold;} -ul.cart_list li img,ul.product_list_widget li img{float:left;margin-right:4px;border:1px solid #ddd;} -.widget_shopping_cart .total{border-top:3px double #ddd;padding:4px 0 0;margin:0;}.widget_shopping_cart .total strong{min-width:40px;display:inline-block;} -.widget_shopping_cart .buttons{overflow:hidden;zoom:1;} -a.remove{display:block;height:16px;width:16px;text-indent:-9999px;background:url(../images/remove.png) #cccccc;} -a.remove:hover{background-color:#f93;} -.cart th,.cart td{vertical-align:middle;} -td.actions{text-align:right;}td.actions .coupon{float:left;}td.actions .coupon label{display:none;} -td.actions .coupon .input-text{width:80px;float:left;margin:1px 6px 0 0;} -td.actions .button.alt{float:right;margin:2px 0 0 6px;} -td.product-name dl.variation{margin:0;}td.product-name dl.variation dt{font-weight:bold;display:inline;margin:0 4px 0 0;padding:0;} -td.product-name dl.variation dd{display:inline;margin:0 12px 0 0;padding:0;} -td.quantity{min-width:80px;} -.quantity input{margin-left:0;margin-right:0;} -.quantity input.qty{border:1px solid #ccc;width:20px;display:inline;padding:1px 5px 2px;line-height:1em;vertical-align:middle;} -.quantity input.plus,.quantity input.minus{background:#ccc;padding:4px;vertical-align:middle;line-height:1em;border:none;width:20px;color:#fff;cursor:pointer;} -.quantity input.minus{-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;} -.quantity input.plus{-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;} -.quantity input.minus:hover,.quantity input.plus:hover{background:#f93;} -.cart input{width:100px;margin:0;vertical-align:middle;line-height:1em;} -.col2-set{overflow:hidden;zoom:1;width:100%;}.col2-set .col-1{float:left;width:48%;} -.col2-set .col-2{float:right;width:48%;} -.cart-collaterals{overflow:hidden;zoom:1;width:100%;}.cart-collaterals .related{width:310px;float:left;} -.cart-collaterals .cross-sells{width:314px;float:left;} -.cart-collaterals .shipping_calculator{float:right;width:225px;clear:right;text-align:right;overflow:hidden;zoom:1;margin:20px 0 0 0;}.cart-collaterals .shipping_calculator .button{width:225px;float:none;display:block;} -.cart-collaterals .shipping_calculator .col2-set .col-1,.cart-collaterals .shipping_calculator .col2-set .col-2{width:47%;} -.cart-collaterals .cart_totals{float:right;width:225px;text-align:right;}.cart-collaterals .cart_totals p{margin:0;} -.cart-collaterals .cart_totals table{border-collapse:separate;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0 0 6px;padding:0;}.cart-collaterals .cart_totals table tr:first-child th,.cart-collaterals .cart_totals table tr:first-child td{border-top:0;} -.cart-collaterals .cart_totals table td,.cart-collaterals .cart_totals table th{padding:6px 12px;} -.cart-collaterals .cart_totals table small{display:block;color:#999;} -.cart-collaterals .cart_totals table select{width:100%;} -.cart-collaterals .cart_totals .discount td{color:green;} -.cart-collaterals .cart_totals tr td,.cart-collaterals .cart_totals tr th{border-top:1px solid #E7E7E7;padding:6px 24px;} -.cart-collaterals .cart_totals a.button.alt{width:193px;display:block;font-size:0.92em;} -.form-row{overflow:hidden;zoom:1;padding:3px;margin:0 0 6px;}.form-row label{display:block;} -.form-row label.hidden{visibility:hidden;} -.form-row select{width:100%;cursor:pointer;margin:0;} -.form-row .required{color:#c00;font-weight:bold;} -.form-row .input-checkbox{display:inline;margin:-2px 8px 0 0;text-align:center;vertical-align:middle;} -.form-row label.checkbox{display:inline;} -form .form-row input.input-text,#content .form-row input.input-text,form .form-row textarea,#content .form-row textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);border:1px solid #ccc;width:100%;padding:6px;margin:0;outline:0;background:#fff none;font-size:14px;line-height:1em;} -form .form-row textarea,#content .form-row textarea{height:3.5em;line-height:1.5em;display:block;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} -form .form-row input.input-text:focus,#content .form-row input.input-text:focus,form .form-row textarea:focus,#content .form-row textarea:focus{box-shadow:inset 0 0 0 3px #faf9dc;-webkit-box-shadow:inset 0 0 0 3px #faf9dc;-moz-box-shadow:inset 0 0 0 3px #faf9dc;} -.form-row-first,.form-row-last{float:left;width:47%;overflow:visible;} -.form-row-last{float:right;} -form.login{border:1px solid #ccc;padding:20px;border:1px solid #E7E7E7;margin:20px 0 20px 0px;text-align:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} -#payment{background:#F9F9F9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}#payment ul.payment_methods{overflow:hidden;zoom:1;text-align:left;padding:1em;border-bottom:1px solid #eee;margin:0;list-style:none outside;}#payment ul.payment_methods li{line-height:2em;text-align:left;margin:0;font-weight:normal;}#payment ul.payment_methods li input{margin:0 1em 0 0;} -#payment ul.payment_methods li img{vertical-align:middle;margin:-2px 0 0 0.5em;position:relative;} -#payment div.form-row{padding:1em;border-top:1px solid #fff;} -#payment #place_order{float:right;margin:0;} -#payment .terms{padding:0 1em 0;text-align:right;} -#payment div.payment_box{position:relative;width:96%;background:#f5f5f5;border:1px solid #eee;box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;padding:1em 2% 0;margin:1em 0 1em 0;font-size:0.92em;}#payment div.payment_box #cc-expire-month,#payment div.payment_box #cc-expire-year{width:48%;float:left;} -#payment div.payment_box #cc-expire-year{float:right;} -#payment div.payment_box span.help{font-size:11px;color:#999;line-height:13px;font-weight:normal;} -#payment div.payment_box p,#payment div.payment_box .form-row{margin:0 0 1em;} -#payment div.payment_box:after{content:"";display:block;border:8px solid #eee;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;position:absolute;top:-4px;left:0;margin:-1em 0 0 2em;} -div.shipping-address{padding:0;clear:left;} -#shiptobilling{float:right;line-height:1.62em;margin:0 0 0 0;padding:0;}#shiptobilling label{font-size:0.6875em;} -.checkout .col-2 h3{float:left;clear:none;} -.checkout .col-2 .notes{clear:left;} -.checkout .col-2 .form-row-first{clear:left;} -.order_details{overflow:hidden;zoom:1;margin:0 0 1.5em;list-style:none;}.order_details li{float:left;margin-right:2em;text-transform:uppercase;font-size:0.715em;line-height:1em;border-right:1px dashed #ccc;padding-right:2em;}.order_details li strong{display:block;font-size:1.4em;text-transform:none;line-height:1.5em;color:#333;} -.order_details li.method{border:none;} -.addresses .title{overflow:hidden;zoom:1;}.addresses .title h3{float:left;} -.addresses .title .edit{float:right;} -.widget_price_filter .price_slider_wrapper .button{float:right;margin:0;} -.widget_price_filter .price_slider_wrapper .price_slider{margin:1em .6em .6em;}.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle{outline:0;} -.widget_price_filter .price_slider_wrapper .price_slider_amount{overflow:hidden;line-height:2em;} -.widget_price_filter .ui-state-default,.widget_price_filter .ui-widget-content .ui-state-default,.widget_price_filter .ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6;font-weight:normal;color:#555555;} -.widget_price_filter .ui-state-hover,.widget_price_filter .ui-widget-content .ui-state-hover,.widget_price_filter .ui-widget-header .ui-state-hover,.widget_price_filter .ui-state-focus,.widget_price_filter .ui-widget-content .ui-state-focus,.widget_price_filter .ui-widget-header .ui-state-focus{border:1px solid #999999;background:#dadada;font-weight:normal;color:#212121;} -.widget_price_filter .ui-state-active,.widget_price_filter .ui-widget-content .ui-state-active,.widget_price_filter .ui-widget-header .ui-state-active{border:1px solid #aaaaaa;background:#ffffff;font-weight:normal;color:#212121;} -.widget_price_filter .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} -.widget_price_filter .ui-slider{position:relative;text-align:left;} -.widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;} -.widget_price_filter .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;} -.widget_price_filter .price_slider_wrapper .ui-widget-content{border:1px solid #aaaaaa;background:#ffffff;color:#222222;} -.widget_price_filter .price_slider_wrapper .ui-widget-header{border:1px solid #aaaaaa;background:#cccccc;color:#222222;font-weight:bold;} -.widget_price_filter .ui-slider-horizontal{height:.8em;} -.widget_price_filter .ui-slider-horizontal .ui-slider-handle{top:-0.3em;margin-left:-0.6em;} -.widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%;} -.widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:0;} -.widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:0;} -.widget_layered_nav ul{margin:0;padding:0;border:0;list-style:none outside;}.widget_layered_nav ul li{overflow:hidden;zoom:1;padding:0 0 1px;}.widget_layered_nav ul li a,.widget_layered_nav ul li span{padding:1px 0;float:left;} -.widget_layered_nav ul li.chosen a{padding:0 6px 0 18px;border:1px solid #3399cc;background:#3399cc url(../images/cross_white.png) no-repeat 6px center;box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;-moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} -.widget_layered_nav ul small.count{float:right;margin-left:6px;font-size:1em;padding:1px 0;color:#999;} +/* Global/Helpers/Clears */ +.clear { + clear: both; +} +.nobr { + white-space: nowrap; +} +.info { + background: #F7F5C6; + padding: 10px 20px; + border: 1px solid #EEEAC1; + color: #747165; + box-shadow: inset 0 0 0 1px #ffffcc; + -webkit-box-shadow: inset 0 0 0 1px #ffffcc; + -moz-box-shadow: inset 0 0 0 1px #ffffcc; +} +.info a { + color: #93864E; +} +div.woocommerce_error, div.woocommerce_message { + border: 1px solid; + margin: 10px 0px; + padding: 10px 10px 10px 32px; + background-repeat: no-repeat; + background-position: 10px center; +} +div.woocommerce_error a.button, div.woocommerce_message a.button { + margin-top: 0; + float: right; +} +div.woocommerce_error { + color: #D8000C; + background-color: #ffd4d4; + background-image: url('../images/error.gif'); +} +div.woocommerce_message { + color: #4F8A10; + background-color: #DFF2BF; + background-image: url('../images/success.gif'); +} +p small { + color: #999; +} +p.demo_store { + position: fixed; + top: 0; + width: 100%; + font-size: 12px; + text-align: center; + background: #f7f5c6; + background: -webkit-gradient(linear, left top, left bottom, from(#f7f5c6), to(#eeeac1)); + background: -webkit-linear-gradient(#f7f5c6, #eeeac1); + background: -moz-linear-gradient(center top, #f7f5c6 0%, #eeeac1 100%); + background: -moz-gradient(center top, #f7f5c6 0%, #eeeac1 100%); + padding: 8px 0; + border: 1px solid #EEEAC1; + color: #747165; + z-index: 999999; + box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3); + -webkit-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3); + -moz-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3); +} +small.note { + display: block; + color: #999; + font-size: 11px; + line-height: 21px; + margin-top: 10px; +} +#breadcrumb { + overflow: hidden; + zoom: 1; + margin: 0 0 1em; + padding: 0; + font-size: 0.92em; + color: #999; +} +#breadcrumb a { + color: #999; +} +/* =Product Page +-------------------------------------------------------------- */ +div.product { + position: relative; + margin-bottom: 0; +} +div.product .product_title { + clear: none; +} +div.product p.price { + color: green; + font-size: 1.3em; +} +div.product p.price del { + font-size: 14px; + color: #ccc; +} +div.product p.stock { + font-size: 0.92em; + padding: 2px 0 0 0; +} +div.product div.images { + float: left; + width: 47%; + margin-bottom: 10px; +} +div.product div.images img { + border: 1px solid #ddd; + background: #f5f5f5; + padding: 6px; + display: block; + width: 100%; + height: auto; +} +div.product div.images div.thumbnails { + padding-top: 10px; + overflow: hidden; + zoom: 1; +} +div.product div.images div.thumbnails a { + float: left; + width: 30.75%; + margin-right: 3.8%; +} +div.product div.images div.thumbnails a img { + width: 100%; + height: auto; +} +div.product div.images div.thumbnails a.last { + margin-right: 0; +} +div.product div.images div.thumbnails a.first { + clear: both; +} +div.product div.summary { + float: right; + width: 48%; +} +div.product div.social { + text-align: right; + margin: 0 0 1em; +} +div.product div.social span { + margin: 0 0 0 2px; +} +div.product div.social span span { + margin: 0; +} +div.product div.social span .stButton .chicklets { + padding-left: 16px; + width: 0; +} +div.product div.social iframe { + float: left; + margin-top: 3px; +} +div.product .woocommerce_tabs { + clear: both; + padding: 1em 0 0 0; + margin: 0 0 1em 0; +} +div.product .woocommerce_tabs ul.tabs { + -webkit-border-top-left-radius: 3px; + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topleft: 3px; + -moz-border-radius-topright: 3px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + background: #ddd; + overflow: hidden; + zoom: 1; + margin: 0; + padding: 4px 4px 0; + list-style: none outside; +} +div.product .woocommerce_tabs ul.tabs li { + float: left; + margin: 0 4px 0 0; + font-size: 0.92em; +} +div.product .woocommerce_tabs ul.tabs a { + float: left; + padding: 6px 12px; + background: #eee; + text-decoration: none; + -webkit-border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-radius-topleft: 2px; + -moz-border-radius-topright: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} +div.product .woocommerce_tabs ul.tabs li.active a { + background: #fff; + color: #555; +} +div.product .woocommerce_tabs .panel { + border: 1px solid #ddd; + border-top: 0; + padding: 15px 15px 0; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.stock { + color: green; +} +.out-of-stock { + color: red; +} +p.cart { + float: right; +} +form.cart { + margin-bottom: 24px; + overflow: hidden; + zoom: 1; +} +form.cart div.quantity { + float: left; + margin: 0 4px 0 0; +} +form.cart table { + font-size: 12px; + border-width: 0 0 1px 0; +} +form.cart table td { + padding: 4px 4px 4px 0; +} +form.cart table div.quantity { + float: none; + margin: 0; + width: 72px; +} +form.cart table small.stock { + display: block; + float: none; +} +form.cart .variations label { + font-weight: bold; +} +form.cart .variations select { + width: 100%; + float: left; +} +form.cart .button { + vertical-align: middle; + float: left; + margin: 2px 0; +} +span.onsale { + background: green; + color: #fff; + min-height: 32px; + min-width: 32px; + padding: 4px; + font-size: 12px; + position: absolute; + text-align: center; + line-height: 32px; + top: 6px; + left: 6px; + margin: 0; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; +} +.products ul, ul.products { + margin: 0 0 14px; + padding: 0; + list-style: none; + float: left; +} +.related, .upsells.products { + overflow: hidden; + zoom: 1; +} +.related ul.products, +.upsells.products ul.products, +.related ul, +.upsells.products ul { + float: none; +} +.related ul.products li, +.upsells.products ul.products li, +.related ul li, +.upsells.products ul li { + width: 48%; +} +.related ul.products li img, +.upsells.products ul.products li img, +.related ul li img, +.upsells.products ul li img { + width: 100%; + height: auto; +} +ul.products { + clear: both; + margin-left: 0; + padding-left: 0; +} +ul.products li { + float: left; + margin: 0 3.8% 20px 0; + padding: 0; + position: relative; + width: 22.05%; + margin-left: 0; +} +ul.products li .onsale { + top: 0; + right: 0; + left: auto; + margin: -6px -6px 0 0; +} +ul.products li a { + text-decoration: none; +} +ul.products li a img { + width: 100%; + height: auto; + display: block; + margin: 0 0 8px; + border: 1px solid #ddd; +} +ul.products li a:hover img { + border: 1px solid #bbb; +} +ul.products li strong { + color: #555; + display: block; +} +ul.products li .price { + color: green; + display: block; + font-weight: normal; + float: right; + text-align: right; +} +ul.products li .price del { + font-size: 10px; + line-height: 10px; + margin: -2px 0 0 0; + display: block; + color: #ccc; +} +ul.products li .price .from { + font-size: 10px; + line-height: 10px; + margin: -2px 0 0 0; + display: block; + color: #ccc; +} +ul.products li.first { + clear: both; +} +ul.products li.last { + margin-right: 0; +} +.woocommerce_ordering { + margin-bottom: 24px; +} +/* =Buttons +-------------------------------------------------------------- */ +a.button, +button.button, +input.button, +#review_form #submit { + color: #fff; + background: #ff9c07; + padding: 6px; + line-height: 1em; + margin: 4px 2px 0 0; + float: left; + font-size: 12px; + width: auto; + vertical-align: middle; + text-align: center; + text-decoration: none; + border: none; + cursor: pointer; + font-family: inherit; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +a.button:hover, +button.button:hover, +input.button:hover, +#review_form #submit:hover { + background: #ff9933; + text-decoration: none; +} +.cart .button, .cart input.button { + float: none; +} +.button.alt { + color: #fff; + background: #069bcd; + padding: 6px; + line-height: 1em; + margin: 4px 2px 0 0; + float: left; + font-size: 12px; + width: auto; + vertical-align: middle; + text-align: center; + text-decoration: none; + border: none; + cursor: pointer; + font-family: inherit; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.button.alt:hover { + background: #0588b5; +} +/* =Reviews/comments +-------------------------------------------------------------- */ +#reviews h2 small { + float: right; + color: #999; + font-size: 15px; + line-height: 21px; + margin: 10px 0 0 0; +} +#reviews h2 small a { + text-decoration: none; + color: #999; +} +#reviews h3 { + margin: 0; +} +#reviews #respond { + margin: 0; + border: 0; + padding: 0; +} +#reviews #comment { + height: 75px; +} +#reviews #comments .add_review { + overflow: hidden; + zoom: 1; +} +#reviews #comments h2 { + clear: none; +} +#reviews #comments ol.commentlist { + overflow: hidden; + zoom: 1; + margin: 0; + width: 100%; + background: none; +} +#reviews #comments ol.commentlist * { + background: none; +} +#reviews #comments ol.commentlist li { + padding: 00; + margin: 0 0 20px; + border: 0; + position: relative; + background: 0; + border: 0; +} +#reviews #comments ol.commentlist li .meta { + color: #999; + font-size: 0.75em; +} +#reviews #comments ol.commentlist li img { + float: left; + position: absolute; + top: 0; + left: 0; + padding: 3px; + width: 32px; + height: auto; + border: 1px solid #ddd; + background: #fff; + margin: 0; + line-height: 1; +} +#reviews #comments ol.commentlist li .comment-text { + margin: 0 0 0 50px; + border: 1px solid #ddd; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 11px 11px 0; +} +#reviews #comments ol.commentlist li .comment-text p { + margin: 0 0 11px; +} +#reviews #comments ol.commentlist li .comment-text p.meta { + font-size: 0.86em; +} +.star-rating { + float: right; + width: 80px; + height: 16px; + background: url(../images/star.png) repeat-x left 0; +} +.star-rating span { + background: url(../images/star.png) repeat-x left -32px; + height: 0; + padding-top: 16px; + overflow: hidden; + float: left; +} +.hreview-aggregate .star-rating { + margin: 10px 0 0 0; +} +#review_form #respond { + overflow: hidden; + zoom: 1; + border: 1px solid #E7E7E7; + margin: 0; + padding: 10px 20px 20px; +} +#review_form #respond p { + margin: 0 0 10px; +} +p.stars { + overflow: hidden; + zoom: 1; +} +p.stars span { + width: 80px; + height: 16px; + position: relative; + float: left; + background: url(../images/star.png) repeat-x left 0; +} +p.stars span a { + float: left; + position: absolute; + left: 0; + top: 0; + width: 16px; + height: 0; + padding-top: 16px; + overflow: hidden; +} +p.stars span a:hover, p.stars span a:focus { + background: url(../images/star.png) repeat-x left -16px; +} +p.stars span a.active { + background: url(../images/star.png) repeat-x left -32px; +} +p.stars span a.star-1 { + width: 16px; + z-index: 10; +} +p.stars span a.star-2 { + width: 32px; + z-index: 9; +} +p.stars span a.star-3 { + width: 48px; + z-index: 8; +} +p.stars span a.star-4 { + width: 64px; + z-index: 7; +} +p.stars span a.star-5 { + width: 80px; + z-index: 6; +} +/* =Tables +-------------------------------------------------------------- */ +table.shop_attributes { + border: 0; + border-top: 1px dotted #ccc; +} +table.shop_attributes th { + width: 150px; + font-weight: bold; + padding: 8px; + color: black; + border-bottom: 1px dotted #ccc; + margin: 0; + line-height: 1.5em; +} +table.shop_attributes td { + font-style: italic; + padding: 0; + border-bottom: 1px dotted #ccc; + margin: 0; + line-height: 1.5em; +} +table.shop_attributes td p { + margin: 0; + padding: 8px; +} +table.shop_attributes .alt td, table.shop_attributes .alt th { + background: #f9f9f9; +} +table.shop_table { + border: 1px solid #E7E7E7; + margin: 0px -1px 24px 0px; + text-align: left; + width: 100%; + border-collapse: separate; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +table.shop_table th { + color: #888; + font-size: 12px; + font-weight: bold; + line-height: 18px; + padding: 9px 12px; +} +table.shop_table td { + border-top: 1px solid #E7E7E7; + padding: 6px 12px; + vertical-align: middle; +} +table.shop_table td a.button { + margin: 0 3px; +} +table.shop_table tfoot td { + font-weight: bold; +} +table.my_account_orders { + font-size: 0.85em; +} +table.my_account_orders th, table.my_account_orders td { + padding: 4px 8px; + vertical-align: top; +} +table.my_account_orders .button { + white-space: nowrap; + margin: 4px 0; +} +/* =Cart +-------------------------------------------------------------- */ +table.cart img { + width: 32px; + height: auto; +} +/* =Cart Sidebar +-------------------------------------------------------------- */ +ul.cart_list, ul.product_list_widget { + list-style: none outside; + padding: 0; + margin: 0; +} +ul.cart_list li, ul.product_list_widget li { + padding: 4px 0; + margin: 0; + overflow: hidden; + zoom: 1; +} +ul.cart_list li a, ul.product_list_widget li a { + display: block; + font-weight: bold; +} +ul.cart_list li img, ul.product_list_widget li img { + float: left; + margin-right: 4px; + border: 1px solid #ddd; + width: 32px; + height: auto; +} +.widget_shopping_cart .total { + border-top: 3px double #ddd; + padding: 4px 0 0; + margin: 0; +} +.widget_shopping_cart .total strong { + min-width: 40px; + display: inline-block; +} +.widget_shopping_cart .buttons { + overflow: hidden; + zoom: 1; +} +/* =Cart +-------------------------------------------------------------- */ +a.remove { + display: block; + height: 16px; + width: 16px; + text-indent: -9999px; + background: url(../images/remove.png) #cccccc; +} +a.remove:hover { + background-color: #f93; +} +.cart th, .cart td { + vertical-align: middle; +} +td.actions { + text-align: right; +} +td.actions .coupon { + float: left; +} +td.actions .coupon label { + display: none; +} +td.actions .coupon .input-text { + width: 80px; + float: left; + margin: 1px 6px 0 0; +} +td.actions .button.alt { + float: right; + margin: 2px 0 0 6px; +} +td.product-name dl.variation { + margin: 0; +} +td.product-name dl.variation dt { + font-weight: bold; + display: inline; + margin: 0 4px 0 0; + padding: 0; +} +td.product-name dl.variation dd { + display: inline; + margin: 0 12px 0 0; + padding: 0; +} +td.quantity { + min-width: 80px; +} +.quantity input { + margin-left: 0; + margin-right: 0; +} +.quantity input.qty { + border: 1px solid #ccc; + width: 20px; + display: inline; + padding: 1px 5px 2px; + line-height: 1em; + vertical-align: middle; + margin: 0; +} +.quantity input.plus, .quantity input.minus { + background: #ccc; + padding: 4px; + vertical-align: middle; + line-height: 1em; + border: none; + width: 20px; + color: #fff; + cursor: pointer; + margin: 0; + display: inline; + border: 0; +} +.quantity input.minus { + -webkit-border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-bottomleft: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} +.quantity input.plus { + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-topright: 5px; + -moz-border-radius-bottomright: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + float: none; +} +.quantity input.minus:hover, .quantity input.plus:hover { + background: #f93; +} +.cart input { + width: 100px; + margin: 0; + vertical-align: middle; + line-height: 1em; +} +.col2-set { + overflow: hidden; + zoom: 1; + width: 100%; +} +.col2-set .col-1 { + float: left; + width: 48%; +} +.col2-set .col-2 { + float: right; + width: 48%; +} +.cart-collaterals { + overflow: hidden; + zoom: 1; + width: 100%; +} +.cart-collaterals .related { + width: 30.75%; + float: left; +} +.cart-collaterals .cross-sells { + width: 48%; + float: left; +} +.cart-collaterals .cross-sells ul.products { + float: none; +} +.cart-collaterals .cross-sells ul.products li { + width: 48%; +} +.cart-collaterals .shipping_calculator { + width: 48%; + text-align: right; + overflow: hidden; + zoom: 1; + margin: 20px 0 0 0; + clear: right; + float: right; +} +.cart-collaterals .shipping_calculator .button { + width: 100%; + float: none; + display: block; +} +.cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 { + width: 47%; +} +.cart-collaterals .cart_totals { + float: right; + width: 48%; + text-align: right; +} +.cart-collaterals .cart_totals p { + margin: 0; +} +.cart-collaterals .cart_totals table { + border-collapse: separate; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + margin: 0 0 6px; + padding: 0; +} +.cart-collaterals .cart_totals table tr:first-child th, .cart-collaterals .cart_totals table tr:first-child td { + border-top: 0; +} +.cart-collaterals .cart_totals table td, .cart-collaterals .cart_totals table th { + padding: 6px 12px; +} +.cart-collaterals .cart_totals table small { + display: block; + color: #999; +} +.cart-collaterals .cart_totals table select { + width: 100%; +} +.cart-collaterals .cart_totals .discount td { + color: green; +} +.cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th { + border-top: 1px solid #E7E7E7; + padding: 6px 24px; +} +.cart-collaterals .cart_totals a.button.alt { + width: 193px; + display: block; + font-size: 0.92em; +} +/* =Forms +-------------------------------------------------------------- */ +.form-row { + overflow: hidden; + zoom: 1; + padding: 3px; + margin: 0 0 6px; +} +.form-row label { + display: block; +} +.form-row label.hidden { + visibility: hidden; +} +.form-row select { + width: 100%; + cursor: pointer; + margin: 0; +} +.form-row .required { + color: #c00; + font-weight: bold; +} +.form-row .input-checkbox { + display: inline; + margin: -2px 8px 0 0; + text-align: center; + vertical-align: middle; +} +.form-row label.checkbox { + display: inline; +} +form .form-row input.input-text, +#content .form-row input.input-text, +form .form-row textarea, +#content .form-row textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); + -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1); + border: 1px solid #ccc; + width: 100%; + padding: 6px; + margin: 0; + outline: 0; + background: #fff none; + font-size: 14px; + line-height: 1em; +} +form .form-row textarea, #content .form-row textarea { + height: 3.5em; + line-height: 1.5em; + display: block; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} +form .form-row input.input-text:focus, +#content .form-row input.input-text:focus, +form .form-row textarea:focus, +#content .form-row textarea:focus { + box-shadow: inset 0 0 0 3px #faf9dc; + -webkit-box-shadow: inset 0 0 0 3px #faf9dc; + -moz-box-shadow: inset 0 0 0 3px #faf9dc; +} +.form-row-first, .form-row-last { + float: left; + width: 47%; + overflow: visible; +} +.form-row-last { + float: right; +} +/* =Checkout +-------------------------------------------------------------- */ +form.login { + border: 1px solid #ccc; + padding: 20px; + border: 1px solid #E7E7E7; + margin: 20px 0 20px 0px; + text-align: left; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +#payment { + background: #F9F9F9; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +#payment ul.payment_methods { + overflow: hidden; + zoom: 1; + text-align: left; + padding: 1em; + border-bottom: 1px solid #eee; + margin: 0; + list-style: none outside; +} +#payment ul.payment_methods li { + line-height: 2em; + text-align: left; + margin: 0; + font-weight: normal; +} +#payment ul.payment_methods li input { + margin: 0 1em 0 0; +} +#payment ul.payment_methods li img { + vertical-align: middle; + margin: -2px 0 0 0.5em; + position: relative; +} +#payment div.form-row { + padding: 1em; + border-top: 1px solid #fff; +} +#payment #place_order { + float: right; + margin: 0; +} +#payment .terms { + padding: 0 1em 0; + text-align: right; +} +#payment div.payment_box { + position: relative; + width: 96%; + background: #f5f5f5; + border: 1px solid #eee; + box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; + -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; + -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; + padding: 1em 2% 0; + margin: 1em 0 1em 0; + font-size: 0.92em; +} +#payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year { + width: 48%; + float: left; +} +#payment div.payment_box #cc-expire-year { + float: right; +} +#payment div.payment_box span.help { + font-size: 11px; + color: #999; + line-height: 13px; + font-weight: normal; +} +#payment div.payment_box p, #payment div.payment_box .form-row { + margin: 0 0 1em; +} +#payment div.payment_box:after { + content: ""; + display: block; + border: 8px solid #eee; + /* arrow size / color */ + + border-right-color: transparent; + border-left-color: transparent; + border-top-color: transparent; + position: absolute; + top: -4px; + left: 0; + margin: -1em 0 0 2em; +} +div.shipping-address { + padding: 0; + clear: left; +} +#shiptobilling { + float: right; + line-height: 1.62em; + margin: 0 0 0 0; + padding: 0; +} +#shiptobilling label { + font-size: 0.6875em; +} +.checkout .col-2 h3 { + float: left; + clear: none; +} +.checkout .col-2 .notes { + clear: left; +} +.checkout .col-2 .form-row-first { + clear: left; +} +/* =Order Page +-------------------------------------------------------------- */ +.order_details { + overflow: hidden; + zoom: 1; + margin: 0 0 1.5em; + list-style: none; +} +.order_details li { + float: left; + margin-right: 2em; + text-transform: uppercase; + font-size: 0.715em; + line-height: 1em; + border-right: 1px dashed #ccc; + padding-right: 2em; +} +.order_details li strong { + display: block; + font-size: 1.4em; + text-transform: none; + line-height: 1.5em; + color: #333; +} +.order_details li.method { + border: none; +} +/* =Account +-------------------------------------------------------------- */ +.addresses .title { + overflow: hidden; + zoom: 1; +} +.addresses .title h3 { + float: left; +} +.addresses .title .edit { + float: right; +} +/* =Layered Nav Widgets +-------------------------------------------------------------- */ +.widget_price_filter .price_slider_wrapper .button { + float: right; + margin: 0; +} +.widget_price_filter .price_slider_wrapper .price_slider { + margin: 1em .6em .6em; +} +.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { + outline: 0; +} +.widget_price_filter .price_slider_wrapper .price_slider_amount { + overflow: hidden; + line-height: 2em; +} +.widget_price_filter .ui-state-default, .widget_price_filter .ui-widget-content .ui-state-default, .widget_price_filter .ui-widget-header .ui-state-default { + border: 1px solid #d3d3d3; + background: #e6e6e6; + font-weight: normal; + color: #555555; +} +.widget_price_filter .ui-state-hover, +.widget_price_filter .ui-widget-content .ui-state-hover, +.widget_price_filter .ui-widget-header .ui-state-hover, +.widget_price_filter .ui-state-focus, +.widget_price_filter .ui-widget-content .ui-state-focus, +.widget_price_filter .ui-widget-header .ui-state-focus { + border: 1px solid #999999; + background: #dadada; + font-weight: normal; + color: #212121; +} +.widget_price_filter .ui-state-active, .widget_price_filter .ui-widget-content .ui-state-active, .widget_price_filter .ui-widget-header .ui-state-active { + border: 1px solid #aaaaaa; + background: #ffffff; + font-weight: normal; + color: #212121; +} +.widget_price_filter .ui-corner-all { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.widget_price_filter .ui-slider { + position: relative; + text-align: left; +} +.widget_price_filter .ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; +} +.widget_price_filter .ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} +.widget_price_filter .price_slider_wrapper .ui-widget-content { + border: 1px solid #aaaaaa; + background: #ffffff; + color: #222222; +} +.widget_price_filter .price_slider_wrapper .ui-widget-header { + border: 1px solid #aaaaaa; + background: #cccccc; + color: #222222; + font-weight: bold; +} +.widget_price_filter .ui-slider-horizontal { + height: .8em; +} +.widget_price_filter .ui-slider-horizontal .ui-slider-handle { + top: -0.3em; + margin-left: -0.6em; +} +.widget_price_filter .ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.widget_price_filter .ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.widget_price_filter .ui-slider-horizontal .ui-slider-range-max { + right: 0; +} +.widget_layered_nav ul { + margin: 0; + padding: 0; + border: 0; + list-style: none outside; +} +.widget_layered_nav ul li { + overflow: hidden; + zoom: 1; + padding: 0 0 1px; +} +.widget_layered_nav ul li a, .widget_layered_nav ul li span { + padding: 1px 0; + float: left; +} +.widget_layered_nav ul li.chosen a { + padding: 0 6px 0 18px; + border: 1px solid #3399cc; + background: #3399cc url(../images/cross_white.png) no-repeat 6px center; + box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; + -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; + -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; + color: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.widget_layered_nav ul small.count { + float: right; + margin-left: 6px; + font-size: 1em; + padding: 1px 0; + color: #999; +} diff --git a/assets/css/woocommerce.less b/assets/css/woocommerce.less index 85fa9591ee9..a2f51939008 100644 --- a/assets/css/woocommerce.less +++ b/assets/css/woocommerce.less @@ -151,6 +151,8 @@ small.note { -------------------------------------------------------------- */ div.product { position: relative; + margin-bottom:0; + .product_title { clear: none; } @@ -164,28 +166,31 @@ div.product { } p.stock { font-size: 0.92em; - float: left; padding: 2px 0 0 0; } div.images { float: left; - width: 314px; + width: 47%; margin-bottom: 10px; img { border: 1px solid #ddd; background: #f5f5f5; padding: 6px; display: block; + width:100%; + height: auto; } div.thumbnails { padding-top: 10px; .clearfix; a { - margin-right: 10px; - margin-bottom: 10px; float: left; + width:30.75%; + margin-right:3.8%; + img { - padding: 3px; + width:100%; + height: auto; } } a.last { @@ -198,7 +203,7 @@ div.product { } div.summary { float: right; - width: 300px; + width: 48%; } div.social { text-align: right; @@ -258,7 +263,6 @@ div.product { .stock { color: green; - float: left; } .out-of-stock { color: red; @@ -269,8 +273,8 @@ p.cart { form.cart { margin-bottom: 24px; - float: right; - width: 300px; + overflow: hidden; + zoom:1; div.quantity { float: left; margin: 0 4px 0 0; @@ -317,9 +321,9 @@ span.onsale { position: absolute; text-align: center; line-height: 32px; - top:0; - right: 320px; - margin: -6px 0 0 0; + top:6px; + left: 6px; + margin:0; .border_radius(20px); } @@ -329,14 +333,36 @@ span.onsale { list-style: none; float: left; } -.products { + +.related, .upsells.products { + overflow: hidden; + zoom:1; + ul.products, ul { + float: none; + + li { + width:48%; + img { + width:100%; + height: auto; + } + } + } +} + + + +ul.products { clear: both; + margin-left:0; + padding-left:0; li { float: left; - margin: 0 10px 20px 0; + margin: 0 3.8% 20px 0; padding: 0; position: relative; - width:150px; + width:22.05%; + margin-left:0; .onsale { top: 0; right: 0; @@ -347,8 +373,8 @@ span.onsale { text-decoration: none; } a img { - width: 150px; - height: 150px; + width: 100%; + height: auto; display: block; margin: 0 0 8px; border: 1px solid #ddd; @@ -390,6 +416,10 @@ span.onsale { } } +.woocommerce_ordering { + margin-bottom:24px; +} + /* =Buttons -------------------------------------------------------------- */ a.button, button.button, input.button, #review_form #submit { @@ -477,11 +507,18 @@ a.button:hover, button.button:hover, input.button:hover, #review_form #submit:ho overflow: hidden; zoom: 1; margin: 0; + width:100%; + background: none; + * { + background: none; + } li { padding: 00; margin: 0 0 20px; border: 0; position: relative; + background: 0; + border:0; .meta { color: #999; font-size: 0.75em; @@ -652,6 +689,16 @@ table.my_account_orders { } } +/* =Cart +-------------------------------------------------------------- */ + +table.cart { + img { + width:32px; + height: auto; + } +} + /* =Cart Sidebar -------------------------------------------------------------- */ ul.cart_list, ul.product_list_widget { @@ -670,6 +717,8 @@ ul.cart_list, ul.product_list_widget { float: left; margin-right: 4px; border: 1px solid #ddd; + width:32px; + height: auto; } } } @@ -752,6 +801,7 @@ td.quantity { padding:1px 5px 2px; line-height: 1em; vertical-align: middle; + margin:0; } .quantity input.plus, .quantity input.minus { background: #ccc; @@ -761,9 +811,12 @@ td.quantity { border:none; width:20px; color:#fff; cursor: pointer; + margin:0; + display:inline; + border:0; } .quantity input.minus { .border_radius_left(5px); } -.quantity input.plus { .border_radius_right(5px); } +.quantity input.plus { .border_radius_right(5px); float:none; } .quantity input.minus:hover, .quantity input.plus:hover { background: #f93; } .cart input { @@ -790,23 +843,31 @@ td.quantity { .clearfix; width:100%; .related { - width:310px; + width:30.75%; float: left; } .cross-sells { - width:314px; + width:48%; float: left; + + ul.products { + float: none; + + li { + width:48%; + } + } } .shipping_calculator { - float: right; - width:225px; - clear: right; + width:48%; text-align: right; .clearfix; margin: 20px 0 0 0; + clear: right; + float: right; .button { - width: 225px; + width: 100%; float: none; display: block; } @@ -819,7 +880,7 @@ td.quantity { .cart_totals { float: right; - width:225px; + width:48%; text-align: right; p { margin: 0; diff --git a/templates/emails/email_header.php b/templates/emails/email_header.php index 77b3e62128f..428af7d2b71 100644 --- a/templates/emails/email_header.php +++ b/templates/emails/email_header.php @@ -86,8 +86,8 @@ /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */ #templateHeader{ - background-color:#89b655; - background: -webkit-linear-gradient(#95be67, #89b655); + background-color:#557da1; + background: -webkit-linear-gradient(#7496b5, #557da1); border-bottom:0; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; @@ -106,7 +106,7 @@ .headerContent h1.h1 { color:#fff; margin:0; - text-shadow:0 1px 0 #215a6b; + text-shadow:0 1px 0 #436380; } .headerContent a:link, .headerContent a:visited{ @@ -195,7 +195,7 @@ - +