diff --git a/assets/css/woocommerce.css b/assets/css/woocommerce.css index 7d1e2c4dde9..9153443330a 100644 --- a/assets/css/woocommerce.css +++ b/assets/css/woocommerce.css @@ -1,181 +1,1383 @@ -.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{margin:0 0 1em;padding:0;font-size:0.92em;color:#999;}#breadcrumb:after{content:"";display:block;clear:both;} -#breadcrumb a{color:#999;} -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;}div.product div.images div.thumbnails:after{content:"";display:block;clear:both;} -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;list-style:none outside;} -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 outside;}.products ul li,ul.products li{list-style:none outside;} -.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;}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;} -a.button,button.button,input.button,#review_form #submit{color:#fff;background-color:#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;position:relative;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}a.button.loading,button.button.loading,input.button.loading,#review_form #submit.loading{filter:alpha(opacity=@opacity * 100);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}a.button.loading:before,button.button.loading:before,input.button.loading:before,#review_form #submit.loading:before{content:"";position:absolute;height:16px;width:16px;top:0.35em;right:-26px;text-indent:0;background:url(../images/ajax-loader.gif) no-repeat;} -a.button.added:before,button.button.added:before,input.button.added:before,#review_form #submit.added:before{content:"";position:absolute;height:16px;width:16px;top:0.35em;right:-26px;text-indent:0;background:url(../images/success.gif) no-repeat;} -a.button:hover,button.button:hover,input.button:hover,#review_form #submit:hover{background-color:#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;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{border:1px solid #E7E7E7;margin:0;padding:10px 20px 20px;}#review_form #respond:after{content:"";display:block;clear:both;} -#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;} -table.cart img{width:32px;height:auto;} -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;}ul.cart_list li:after,ul.product_list_widget li:after{content:"";display:block;clear:both;} -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:after{content:"";display:block;clear:both;} -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{width:100%;}.col2-set:after{content:"";display:block;clear:both;} -.col2-set .col-1{float:left;width:48%;} -.col2-set .col-2{float:right;width:48%;} -.cart-collaterals{width:100%;}.cart-collaterals:after{content:"";display:block;clear:both;} -.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;margin:20px 0 0 0;clear:right;float:right;}.cart-collaterals .shipping_calculator:after{content:"";display:block;clear:both;} -.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;} -.form-row{padding:3px;margin:0 0 6px;}.form-row:after{content:"";display:block;clear:both;} -.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{text-align:left;padding:1em;border-bottom:1px solid #eee;margin:0;list-style:none outside;}#payment ul.payment_methods:after{content:"";display:block;clear:both;} -#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;} -ol.commentlist.notes li.note p.meta{font-weight:bold;margin-bottom:0;} -ol.commentlist.notes li.note .description p:last-child{margin-bottom:0;} -.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 { + margin: 0 0 1em; + padding: 0; + font-size: 0.92em; + color: #999; +} +#breadcrumb:after { + content: ""; + display: block; + clear: both; +} +#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; +} +div.product div.images div.thumbnails:after { + content: ""; + display: block; + clear: both; +} +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; + list-style: none outside; +} +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; +} +span.onsale { + color: #fff; + min-height: 32px; + min-width: 32px; + padding: 4px; + font-size: 12px; + font-weight: bold; + 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; + background: #a1c41e; + background: -webkit-gradient(linear, left top, left bottom, from(#a1c41e), to(#8fae1b)); + background: -webkit-linear-gradient(#a1c41e, #8fae1b); + background: -moz-linear-gradient(center top, #a1c41e 0%, #8fae1b 100%); + background: -moz-gradient(center top, #a1c41e 0%, #8fae1b 100%); + text-shadow: 0 -1px 0 #8fae1b; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); +} +.products ul, ul.products { + margin: 0 0 14px; + padding: 0; + list-style: none outside; +} +.products ul li, ul.products li { + list-style: none outside; +} +.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; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} +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; +} +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 { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; + line-height: normal; + cursor: pointer; + position: relative; + font-family: sans-serif; + text-decoration: none; + overflow: visible; + border: 1px solid #969696; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e1e1e1)); + background: -webkit-linear-gradient(#f5f5f5, #e1e1e1); + background: -moz-linear-gradient(center top, #f5f5f5 0%, #e1e1e1 100%); + background: -moz-gradient(center top, #f5f5f5 0%, #e1e1e1 100%); + padding: 5px 10px; + color: #676767; + text-decoration: none; + font-weight: bold; + text-shadow: 0 1px 0 #fff; + margin: 0; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); +} +a.button.loading, +button.button.loading, +input.button.loading, +#review_form #submit.loading { + color: #999; + border-color: #ccc; +} +a.button.loading:before, +button.button.loading:before, +input.button.loading:before, +#review_form #submit.loading:before { + /*content:""; + position: absolute; + height:16px; + width:16px; + top:0.35em; + right:-26px; + text-indent: 0; + background: url(../images/ajax-loader.gif) no-repeat;*/ + + content: ""; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + background: url(../images/ajax-loader.gif) center no-repeat rgba(255, 255, 255, 0.65); +} +a.button.added:before, +button.button.added:before, +input.button.added:before, +#review_form #submit.added:before { + content: ""; + position: absolute; + height: 16px; + width: 16px; + top: 0.35em; + right: -26px; + text-indent: 0; + background: url(../images/success.gif) no-repeat; +} +a.button:hover, +button.button:hover, +input.button:hover, +#review_form #submit:hover { + background: #fafafa; + background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6e6e6)); + background: -webkit-linear-gradient(#fafafa, #e6e6e6); + background: -moz-linear-gradient(center top, #fafafa 0%, #e6e6e6 100%); + background: -moz-gradient(center top, #fafafa 0%, #e6e6e6 100%); + text-decoration: none; +} +a.button:active, +button.button:active, +input.button:active, +#review_form #submit:active { + top: 1px; +} +a.button.alt, +button.button.alt, +input.button.alt, +#review_form #submit.alt { + background: #ad74a2; + background: -webkit-gradient(linear, left top, left bottom, from(#ad74a2), to(#935386)); + background: -webkit-linear-gradient(#ad74a2, #935386); + background: -moz-linear-gradient(center top, #ad74a2 0%, #935386 100%); + background: -moz-gradient(center top, #ad74a2 0%, #935386 100%); + border-color: #522e4b; + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6); +} +a.button.alt:hover, +button.button.alt:hover, +input.button.alt:hover, +#review_form #submit.alt:hover { + background: #b784ad; + background: -webkit-gradient(linear, left top, left bottom, from(#b784ad), to(#935386)); + background: -webkit-linear-gradient(#b784ad, #935386); + background: -moz-linear-gradient(center top, #b784ad 0%, #935386 100%); + background: -moz-gradient(center top, #b784ad 0%, #935386 100%); +} +input.button { + padding-top: 6px; + padding-bottom: 7px; +} +.cart .button, .cart input.button { + float: none; +} +/* =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 { + border: 1px solid #E7E7E7; + margin: 0; + padding: 10px 20px 20px; +} +#review_form #respond:after { + content: ""; + display: block; + clear: both; +} +#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 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; +} +/* =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; +} +ul.cart_list li:after, ul.product_list_widget li:after { + content: ""; + display: block; + clear: both; +} +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:after { + content: ""; + display: block; + clear: both; +} +/* =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; +} +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 { + width: 60px; + position: relative; +} +.quantity input.qty { + width: 40px; + height: 28px; + padding: 0; + text-align: center; + border: 1px solid #969696; + border-right: 0; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + box-shadow: inset 0 0 2px 0 #cccccc; + -webkit-box-shadow: inset 0 0 2px 0 #cccccc; + -moz-box-shadow: inset 0 0 2px 0 #cccccc; + font-weight: bold; + -webkit-border-top-left-radius: 2px; + -webkit-border-bottom-left-radius: 2px; + -moz-border-radius-topleft: 2px; + -moz-border-radius-bottomleft: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.quantity .plus, .quantity .minus { + display: block; + padding: 0; + position: absolute; + text-align: center; + vertical-align: text-top; + margin: 0 !important; + width: 20px; + height: 15px; + text-decoration: none; + overflow: visible; + border: 1px solid #969696; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e1e1e1)); + background: -webkit-linear-gradient(#f5f5f5, #e1e1e1); + background: -moz-linear-gradient(center top, #f5f5f5 0%, #e1e1e1 100%); + background: -moz-gradient(center top, #f5f5f5 0%, #e1e1e1 100%); + color: #676767; + text-decoration: none; + font-weight: bold; + text-shadow: 0 1px 0 #fff; + margin: 0; + cursor: pointer; + line-height: 0em; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); +} +.quantity .plus:hover, .quantity .minus:hover { + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e6e6e6)); + background: -webkit-linear-gradient(#f5f5f5, #e6e6e6); + background: -moz-linear-gradient(center top, #f5f5f5 0%, #e6e6e6 100%); + background: -moz-gradient(center top, #f5f5f5 0%, #e6e6e6 100%); +} +.quantity .plus { + top: 0; + right: 0; + border-bottom: 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-bottomright: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.quantity .minus { + bottom: 0; + right: 0; + -webkit-border-top-left-radius: 0; + -webkit-border-top-right-radius: 0; + -moz-border-radius-topleft: 0; + -moz-border-radius-topright: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.cart input { + margin: 0; + vertical-align: middle; + line-height: 1em; +} +.col2-set { + width: 100%; +} +.col2-set:after { + content: ""; + display: block; + clear: both; +} +.col2-set .col-1 { + float: left; + width: 48%; +} +.col2-set .col-2 { + float: right; + width: 48%; +} +.cart-collaterals { + width: 100%; +} +.cart-collaterals:after { + content: ""; + display: block; + clear: both; +} +.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; + margin: 20px 0 0 0; + clear: right; + float: right; +} +.cart-collaterals .shipping_calculator:after { + content: ""; + display: block; + clear: both; +} +.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 { + padding: 3px; + margin: 0 0 6px; +} +.form-row:after { + content: ""; + display: block; + clear: both; +} +.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 { + text-align: left; + padding: 1em; + border-bottom: 1px solid #eee; + margin: 0; + list-style: none outside; +} +#payment ul.payment_methods:after { + content: ""; + display: block; + clear: both; +} +#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; +} +ol.commentlist.notes li.note p.meta { + font-weight: bold; + margin-bottom: 0; +} +ol.commentlist.notes li.note .description p:last-child { + margin-bottom: 0; +} +/* =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 3d681387c3d..e98e239465e 100644 --- a/assets/css/woocommerce.less +++ b/assets/css/woocommerce.less @@ -317,17 +317,17 @@ form.cart { .button { vertical-align: middle; float: left; - margin: 2px 0; + //margin: 2px 0; } } span.onsale { - background: green; color: #fff; min-height: 32px; min-width: 32px; padding: 4px; font-size: 12px; + font-weight: bold; position: absolute; text-align: center; line-height: 32px; @@ -335,6 +335,20 @@ span.onsale { left: 6px; margin:0; .border_radius(20px); + .vertical_gradient(#a1c41e,#8fae1b); + .text_shadow(0,-1px,0,#8fae1b); + -webkit-box-shadow: + inset 0 1px 0 rgba(255,255,255,0.3), + inset 0 -1px 0 rgba(0,0,0,0.2), + 0 1px 2px rgba(0,0,0,0.2); + -moz-box-shadow: + inset 0 1px 0 rgba(255,255,255,0.3), + inset 0 -1px 0 rgba(0,0,0,0.2), + 0 1px 2px rgba(0,0,0,0.2); + box-shadow: + inset 0 1px 0 rgba(255,255,255,0.3), + inset 0 -1px 0 rgba(0,0,0,0.2), + 0 1px 2px rgba(0,0,0,0.2); } .products ul, ul.products { @@ -390,6 +404,7 @@ ul.products { display: block; margin: 0 0 8px; border: 1px solid #ddd; + .box_shadow(0,1px,2px,0,rgba(0,0,0,0.1)); } a:hover img { border: 1px solid #bbb; @@ -433,36 +448,61 @@ ul.products { /* =Buttons -------------------------------------------------------------- */ a.button, button.button, input.button, #review_form #submit { - color: #fff; - background-color: #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; - .border_radius(3px); - position: relative; - .transition(); + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; + line-height: normal; + cursor: pointer; + position: relative; + font-family: sans-serif; + + text-decoration:none; + overflow:visible; + border:1px solid #969696; + .vertical_gradient(#f5f5f5,#e1e1e1); + padding:5px 10px; + color:#676767; + text-decoration:none; + font-weight:bold; + text-shadow:0 1px 0 #fff; + margin:0; + .border_radius(2px); + -webkit-box-shadow: + inset 0 -1px 0 rgba(0,0,0,0.075), + inset 0 1px 0 rgba(255,255,255,0.3), + 0 1px 2px rgba(0,0,0,0.1); + -moz-box-shadow: + inset 0 -1px 0 rgba(0,0,0,0.075), + inset 0 1px 0 rgba(255,255,255,0.3), + 0 1px 2px rgba(0,0,0,0.1); + box-shadow: + inset 0 -1px 0 rgba(0,0,0,0.075), + inset 0 1px 0 rgba(255,255,255,0.3), + 0 1px 2px rgba(0,0,0,0.1); &.loading { - .opacity(0.5); + //.opacity(0.5); + color:#999; + border-color:#ccc; &:before { - content:""; + /*content:""; position: absolute; height:16px; width:16px; top:0.35em; right:-26px; text-indent: 0; - background: url(../images/ajax-loader.gif) no-repeat; + background: url(../images/ajax-loader.gif) no-repeat;*/ + + content: ""; + position: absolute; + top:0; + right:0; + left:0; + bottom:0; + background: url(../images/ajax-loader.gif) center no-repeat rgba(255,255,255,0.65); } } @@ -480,36 +520,35 @@ a.button, button.button, input.button, #review_form #submit { } &:hover { - background-color: #ff9933; + .vertical_gradient(#fafafa,#e6e6e6); text-decoration: none; } + + &:active { + top:1px; + } + + &.alt { + .vertical_gradient(#ad74a2,#935386); + border-color:#522e4b; + color:#fff; + .text_shadow(0,-1px,0,rgba(0,0,0,0.6)); + + &:hover { + .vertical_gradient(#b784ad,#935386); + } + } +} + +input.button { + padding-top:6px; + padding-bottom:7px; } .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; - .border_radius(3px); -} -.button.alt:hover { - background:#0588b5; -} - /* =Reviews/comments -------------------------------------------------------------- */ #reviews { @@ -709,7 +748,7 @@ table.shop_table { vertical-align: middle; a.button { - margin:0 3px; + //margin:0 3px; } } tfoot td { @@ -725,7 +764,7 @@ table.my_account_orders { } .button { white-space: nowrap; - margin: 4px 0; + //margin: 4px 0; } } @@ -809,7 +848,7 @@ td.actions { } .button.alt { float: right; - margin:2px 0 0 6px; + //margin:2px 0 0 6px; } } td.product-name { @@ -831,36 +870,78 @@ td.product-name { td.quantity { min-width: 80px; } -.quantity input { - margin-left:0; margin-right:0; +.quantity { + width:60px; + position: relative; + + input.qty { + width:40px; + height:28px; + padding:0; + text-align: center; + border:1px solid #969696; + border-right:0; + .border_radius_right(0); + .inset_box_shadow(0,0,2px,0,#ccc); + font-weight: bold; + .border_radius_left(2px); + } + + .plus, .minus { + display: block; + padding:0; + position: absolute; + text-align: center; + vertical-align: text-top; + margin:0 !important; + width:20px; + height: 15px; + text-decoration:none; + overflow:visible; + border:1px solid #969696; + .vertical_gradient(#f5f5f5,#e1e1e1); + color:#676767; + text-decoration:none; + font-weight:bold; + text-shadow:0 1px 0 #fff; + margin:0; + cursor: pointer; + line-height: 0em; + .border_radius(2px); + -webkit-box-shadow: + inset 0 -1px 0 rgba(0,0,0,0.075), + inset 0 1px 0 rgba(255,255,255,0.3), + 0 1px 2px rgba(0,0,0,0.1); + -moz-box-shadow: + inset 0 -1px 0 rgba(0,0,0,0.075), + inset 0 1px 0 rgba(255,255,255,0.3), + 0 1px 2px rgba(0,0,0,0.1); + box-shadow: + inset 0 -1px 0 rgba(0,0,0,0.075), + inset 0 1px 0 rgba(255,255,255,0.3), + 0 1px 2px rgba(0,0,0,0.1); + + &:hover { + .vertical_gradient(#f5f5f5,#e6e6e6); + } + } + + .plus { + top:0; + right:0; + border-bottom:0; + .border_radius_bottom(0); + } + + .minus { + bottom:0; + right:0; + .border_radius_top(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 { .border_radius_left(5px); } -.quantity input.plus { .border_radius_right(5px); float:none; } -.quantity input.minus:hover, .quantity input.plus:hover { background: #f93; } .cart input { - width:100px; + //width:100px; margin: 0; vertical-align: middle; line-height: 1em; diff --git a/assets/images/ajax-loader.gif b/assets/images/ajax-loader.gif index 58c802efb1f..52c7ad6ab0d 100644 Binary files a/assets/images/ajax-loader.gif and b/assets/images/ajax-loader.gif differ