WooCommerce Colors - Version 1.0.1

Version Description

  • 2015/01/14 =

  • Fixed the styles for tabs and checkout buddle.

Download this release

Release Info

Developer claudiosanches
Plugin Icon 128x128 WooCommerce Colors
Version 1.0.1
Comparing to
See all releases

Code changes from version 1.0.0 to 1.0.1

Files changed (6) hide show
  1. assets/js/customizer.js +4 -4
  2. assets/js/customizer.min.js +1 -1
  3. includes/views/scss.php +24 -0
  4. readme.txt +5 -1
  5. screenshot-1.png +0 -0
  6. woocommerce-colors.php +2 -2
assets/js/customizer.js CHANGED
@@ -66,9 +66,9 @@
66
  css += '.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; background-color: ' + secondary + '; }';
67
  css += '.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: ' + secondaryText + '; }';
68
  css += '.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: ' + tinycolor( secondaryText ).lighten( 10 ).toString() + '; }';
69
- css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
70
- css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:before { box-shadow: 2px 2px 0 ' + secondary + '; }';
71
- css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:after { box-shadow: -2px 2px 0 ' + secondary + '; }';
72
  css += '.woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
73
 
74
  // Pagination.
@@ -110,7 +110,7 @@
110
  css += '.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
111
  css += '.woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
112
  css += '.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
113
- css += '.woocommerce-checkout #payment div.payment_box:after { border: 8px solid ' + tinycolor( secondary ).darken( 5 ).toString() + '; }';
114
 
115
  $( '#woocommerce-colors-secondary' ).remove();
116
  $( 'head' ).append( '<style id="woocommerce-colors-secondary">' + css + '</style>' );
66
  css += '.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; background-color: ' + secondary + '; }';
67
  css += '.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: ' + secondaryText + '; }';
68
  css += '.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: ' + tinycolor( secondaryText ).lighten( 10 ).toString() + '; }';
69
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { border: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; position: absolute; bottom: -1px; width: 5px; height: 5px; content: " "; }';
70
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:before { box-shadow: 2px 2px 0 ' + secondary + '; left: -6px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; }';
71
+ css += '.woocommerce div.product .woocommerce-tabs ul.tabs li:after { box-shadow: -2px 2px 0 ' + secondary + '; right: -6px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; }';
72
  css += '.woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid ' + tinycolor( secondary ).darken( 10 ).toString() + '; }';
73
 
74
  // Pagination.
110
  css += '.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
111
  css += '.woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
112
  css += '.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: ' + tinycolor( secondary ).darken( 20 ).toString() + '; }';
113
+ css += '.woocommerce-checkout #payment div.payment_box:after { border: 8px solid ' + tinycolor( secondary ).darken( 5 ).toString() + '; content: ""; display: block; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em; }';
114
 
115
  $( '#woocommerce-colors-secondary' ).remove();
116
  $( 'head' ).append( '<style id="woocommerce-colors-secondary">' + css + '</style>' );
assets/js/customizer.min.js CHANGED
@@ -1 +1 @@
1
- !function(a){function b(a){var b=tinycolor(a).toRgb(),c=(299*b.r+587*b.g+114*b.b)/1e3;return 155>c}function c(a,c,d){return b(a)?tinycolor(a).lighten(c).desaturate(d).toString():tinycolor(a).darken(c).desaturate(d).toString()}function d(a){if(total=6-a.length,0==total)return a;for(var b=0;total>b;b++)a="0"+a;return a}function e(a,b){return"#"+d(Math.abs(parseInt(a.replace("#",""),16)-parseInt(b.replace("#",""),16)).toString(16))}wp.customize("woocommerce_colors[primary]",function(b){b.bind(function(b){var d="",f=c(b,50,18);d+=".woocommerce p.demo_store, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: "+b+"; color: "+f+" }",d+=".woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: "+e(b,"#111111")+"; color: "+f+" }",d+=".woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: "+b+" }",d+=".woocommerce .price_slider_wrapper .ui-widget-content { background-color: "+e(b,"#444444")+" }",a("#woocommerce-colors-primary").remove(),a("head").append('<style id="woocommerce-colors-primary">'+d+"</style>")})}),wp.customize("woocommerce_colors[secondary]",function(b){b.bind(function(b){var d="",f=c(b,60,18);d+=".woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info { background-color: "+tinycolor(b).lighten(5).toString()+"; color: "+f+" }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid "+tinycolor(b).darken(10).toString()+"; background-color: "+b+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li a { color: "+f+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: "+tinycolor(f).lighten(10).toString()+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:before { box-shadow: 2px 2px 0 "+b+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:after { box-shadow: -2px 2px 0 "+b+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { background: "+b+"; color: "+tinycolor(b).darken(40).toString()+"; }",d+=".woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { color: "+f+"; background-color: "+b+"; }",d+=".woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background-color: "+e(b,"#111111")+"; color: "+f+"; }",d+=".woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover { background-color: "+b+"; }",d+=".woocommerce #reviews #comments ol.commentlist li img.avatar { background: "+b+"; border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce #reviews #comments ol.commentlist li .comment-text { border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce .star-rating:before { color: "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { border-top: 3px double "+b+"; }",d+=".woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce .order_details li { border-right: 1px dashed "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: 1px solid "+b+"; }",d+=".woocommerce-checkout #payment { background: "+b+"; }",d+=".woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box { background-color: "+tinycolor(b).darken(5).toString()+"; color: "+f+"; }",d+=".woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: "+tinycolor(b).darken(15).toString()+"; border-top-color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box:after { border: 8px solid "+tinycolor(b).darken(5).toString()+"; }",a("#woocommerce-colors-secondary").remove(),a("head").append('<style id="woocommerce-colors-secondary">'+d+"</style>")})}),wp.customize("woocommerce_colors[highlight]",function(b){b.bind(function(b){var d="",e=c(b,60,18);d+=".woocommerce div.product span.price, .woocommerce div.product p.price { color: "+b+"; }",d+=".woocommerce div.product .stock { color: "+b+"; }",d+=".woocommerce span.onsale { background-color: "+b+"; color: "+e+"; }",d+=".woocommerce ul.products li.product .price { color: "+b+"; }",d+=".woocommerce ul.products li.product .price .from { color: "+tinycolor(b).desaturate(75).setAlpha(.5).toString()+"; }",d+=".woocommerce-cart .cart-collaterals .cart_totals .discount td { color: "+b+"; }",a("#woocommerce-colors-highlight").remove(),a("head").append('<style id="woocommerce-colors-highlight">'+d+"</style>")})}),wp.customize("woocommerce_colors[contentbg]",function(b){b.bind(function(b){var c="";c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: "+b+"; border-bottom-color: "+b+"; }",c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 "+b+"; }",c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 "+b+"; }",a("#woocommerce-colors-contentbg").remove(),a("head").append('<style id="woocommerce-colors-contentbg">'+c+"</style>")})}),wp.customize("woocommerce_colors[subtext]",function(b){b.bind(function(b){var c="";c+=".woocommerce small.note { color: "+b+"; }",c+=".woocommerce .woocommerce-breadcrumb { color: "+b+"; }",c+=".woocommerce .woocommerce-breadcrumb a { color: "+b+"; }",c+=".woocommerce #reviews h2 small { color: "+b+"; }",c+=".woocommerce #reviews h2 small a { color: "+b+"; }",c+=".woocommerce #reviews #comments ol.commentlist li .meta { color: "+b+"; }",c+=".woocommerce-cart .cart-collaterals .cart_totals p small { color: "+b+"; }",c+=".woocommerce-cart .cart-collaterals .cart_totals table small { color: "+b+"; }",c+=".woocommerce-checkout .checkout .create-account small { color: "+b+"; }",c+=".woocommerce-checkout #payment div.payment_box span.help { color: "+b+"; }",a("#woocommerce-colors-subtext").remove(),a("head").append('<style id="woocommerce-colors-subtext">'+c+"</style>")})})}(jQuery);
1
+ !function(a){function b(a){var b=tinycolor(a).toRgb(),c=(299*b.r+587*b.g+114*b.b)/1e3;return 155>c}function c(a,c,d){return b(a)?tinycolor(a).lighten(c).desaturate(d).toString():tinycolor(a).darken(c).desaturate(d).toString()}function d(a){if(total=6-a.length,0==total)return a;for(var b=0;total>b;b++)a="0"+a;return a}function e(a,b){return"#"+d(Math.abs(parseInt(a.replace("#",""),16)-parseInt(b.replace("#",""),16)).toString(16))}wp.customize("woocommerce_colors[primary]",function(b){b.bind(function(b){var d="",f=c(b,50,18);d+=".woocommerce p.demo_store, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: "+b+"; color: "+f+" }",d+=".woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: "+e(b,"#111111")+"; color: "+f+" }",d+=".woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: "+b+" }",d+=".woocommerce .price_slider_wrapper .ui-widget-content { background-color: "+e(b,"#444444")+" }",a("#woocommerce-colors-primary").remove(),a("head").append('<style id="woocommerce-colors-primary">'+d+"</style>")})}),wp.customize("woocommerce_colors[secondary]",function(b){b.bind(function(b){var d="",f=c(b,60,18);d+=".woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info { background-color: "+tinycolor(b).lighten(5).toString()+"; color: "+f+" }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid "+tinycolor(b).darken(10).toString()+"; background-color: "+b+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li a { color: "+f+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: "+tinycolor(f).lighten(10).toString()+"; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { border: 1px solid "+tinycolor(b).darken(10).toString()+'; position: absolute; bottom: -1px; width: 5px; height: 5px; content: " "; }',d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:before { box-shadow: 2px 2px 0 "+b+"; left: -6px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-width: 0 1px 1px 0; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs li:after { box-shadow: -2px 2px 0 "+b+"; right: -6px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; border-width: 0 0 1px 1px; }",d+=".woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { background: "+b+"; color: "+tinycolor(b).darken(40).toString()+"; }",d+=".woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { color: "+f+"; background-color: "+b+"; }",d+=".woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background-color: "+e(b,"#111111")+"; color: "+f+"; }",d+=".woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover { background-color: "+b+"; }",d+=".woocommerce #reviews #comments ol.commentlist li img.avatar { background: "+b+"; border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce #reviews #comments ol.commentlist li .comment-text { border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce #reviews #comments ol.commentlist #respond { border: 1px solid "+tinycolor(b).darken(4).toString()+"; }",d+=".woocommerce .star-rating:before { color: "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total { border-top: 3px double "+b+"; }",d+=".woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce .order_details li { border-right: 1px dashed "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-cart table.cart td.actions .coupon .input-text { border: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: 1px solid "+b+"; }",d+=".woocommerce-checkout #payment { background: "+b+"; }",d+=".woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid "+tinycolor(b).darken(10).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box { background-color: "+tinycolor(b).darken(5).toString()+"; color: "+f+"; }",d+=".woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { border-color: "+tinycolor(b).darken(15).toString()+"; border-top-color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box :-moz-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box :-ms-input-placeholder { color: "+tinycolor(b).darken(20).toString()+"; }",d+=".woocommerce-checkout #payment div.payment_box:after { border: 8px solid "+tinycolor(b).darken(5).toString()+'; content: ""; display: block; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em; }',a("#woocommerce-colors-secondary").remove(),a("head").append('<style id="woocommerce-colors-secondary">'+d+"</style>")})}),wp.customize("woocommerce_colors[highlight]",function(b){b.bind(function(b){var d="",e=c(b,60,18);d+=".woocommerce div.product span.price, .woocommerce div.product p.price { color: "+b+"; }",d+=".woocommerce div.product .stock { color: "+b+"; }",d+=".woocommerce span.onsale { background-color: "+b+"; color: "+e+"; }",d+=".woocommerce ul.products li.product .price { color: "+b+"; }",d+=".woocommerce ul.products li.product .price .from { color: "+tinycolor(b).desaturate(75).setAlpha(.5).toString()+"; }",d+=".woocommerce-cart .cart-collaterals .cart_totals .discount td { color: "+b+"; }",a("#woocommerce-colors-highlight").remove(),a("head").append('<style id="woocommerce-colors-highlight">'+d+"</style>")})}),wp.customize("woocommerce_colors[contentbg]",function(b){b.bind(function(b){var c="";c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: "+b+"; border-bottom-color: "+b+"; }",c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: 2px 2px 0 "+b+"; }",c+=".woocommerce div.product .woocommerce-tabs ul.tabs li.active:after { box-shadow: -2px 2px 0 "+b+"; }",a("#woocommerce-colors-contentbg").remove(),a("head").append('<style id="woocommerce-colors-contentbg">'+c+"</style>")})}),wp.customize("woocommerce_colors[subtext]",function(b){b.bind(function(b){var c="";c+=".woocommerce small.note { color: "+b+"; }",c+=".woocommerce .woocommerce-breadcrumb { color: "+b+"; }",c+=".woocommerce .woocommerce-breadcrumb a { color: "+b+"; }",c+=".woocommerce #reviews h2 small { color: "+b+"; }",c+=".woocommerce #reviews h2 small a { color: "+b+"; }",c+=".woocommerce #reviews #comments ol.commentlist li .meta { color: "+b+"; }",c+=".woocommerce-cart .cart-collaterals .cart_totals p small { color: "+b+"; }",c+=".woocommerce-cart .cart-collaterals .cart_totals table small { color: "+b+"; }",c+=".woocommerce-checkout .checkout .create-account small { color: "+b+"; }",c+=".woocommerce-checkout #payment div.payment_box span.help { color: "+b+"; }",a("#woocommerce-colors-subtext").remove(),a("head").append('<style id="woocommerce-colors-subtext">'+c+"</style>")})})}(jQuery);
includes/views/scss.php CHANGED
@@ -80,13 +80,28 @@ p.demo_store {
80
  &:before,
81
  &:after {
82
  border: 1px solid darken( $secondary, 10% );
 
 
 
 
 
83
  }
84
 
85
  &:before {
 
 
 
 
 
86
  box-shadow: 2px 2px 0 $secondary;
87
  }
88
 
89
  &:after {
 
 
 
 
 
90
  box-shadow: -2px 2px 0 $secondary;
91
  }
92
  }
@@ -323,7 +338,16 @@ p.demo_store {
323
  }
324
 
325
  &:after {
 
 
326
  border: 8px solid darken( $secondary, 5% );
 
 
 
 
 
 
 
327
  }
328
  }
329
  }
80
  &:before,
81
  &:after {
82
  border: 1px solid darken( $secondary, 10% );
83
+ position: absolute;
84
+ bottom: -1px;
85
+ width: 5px;
86
+ height: 5px;
87
+ content: " ";
88
  }
89
 
90
  &:before {
91
+ left: -6px;
92
+ -webkit-border-bottom-right-radius: 4px;
93
+ -moz-border-bottom-right-radius: 4px;
94
+ border-bottom-right-radius: 4px;
95
+ border-width: 0 1px 1px 0;
96
  box-shadow: 2px 2px 0 $secondary;
97
  }
98
 
99
  &:after {
100
+ right: -6px;
101
+ -webkit-border-bottom-left-radius: 4px;
102
+ -moz-border-bottom-left-radius: 4px;
103
+ border-bottom-left-radius: 4px;
104
+ border-width: 0 0 1px 1px;
105
  box-shadow: -2px 2px 0 $secondary;
106
  }
107
  }
338
  }
339
 
340
  &:after {
341
+ content: "";
342
+ display: block;
343
  border: 8px solid darken( $secondary, 5% );
344
+ border-right-color: transparent;
345
+ border-left-color: transparent;
346
+ border-top-color: transparent;
347
+ position: absolute;
348
+ top: -3px;
349
+ left: 0;
350
+ margin: -1em 0 0 2em;
351
  }
352
  }
353
  }
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: woothemes, claudiosanches
3
  Tags: woocommerce, shortcodes
4
  Requires at least: 3.9
5
  Tested up to: 4.1
6
- Stable tag: 1.0.0
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -51,6 +51,10 @@ You can contribute to the source code in our [GitHub](https://github.com/woothem
51
 
52
  == Changelog ==
53
 
 
 
 
 
54
  = 1.0.0 =
55
 
56
  * Initial version.
3
  Tags: woocommerce, shortcodes
4
  Requires at least: 3.9
5
  Tested up to: 4.1
6
+ Stable tag: 1.0.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
51
 
52
  == Changelog ==
53
 
54
+ = 1.0.1 - 2015/01/14 =
55
+
56
+ * Fixed the styles for tabs and checkout buddle.
57
+
58
  = 1.0.0 =
59
 
60
  * Initial version.
screenshot-1.png DELETED
Binary file
woocommerce-colors.php CHANGED
@@ -5,7 +5,7 @@
5
  * Description: WooCommerce Colors.
6
  * Author: WooThemes
7
  * Author URI: http://woothemes.com
8
- * Version: 1.0.0
9
  * License: GPLv2 or later
10
  * Text Domain: woocommerce-colors
11
  * Domain Path: languages/
@@ -27,7 +27,7 @@ class WC_Colors {
27
  *
28
  * @var string
29
  */
30
- const VERSION = '1.0.0';
31
 
32
  /**
33
  * Instance of this class.
5
  * Description: WooCommerce Colors.
6
  * Author: WooThemes
7
  * Author URI: http://woothemes.com
8
+ * Version: 1.0.1
9
  * License: GPLv2 or later
10
  * Text Domain: woocommerce-colors
11
  * Domain Path: languages/
27
  *
28
  * @var string
29
  */
30
+ const VERSION = '1.0.1';
31
 
32
  /**
33
  * Instance of this class.