Changed buttons css

Uses 'background-color' instead of 'background' so as not to conflict
with themes which apply background images etc to buttons
This commit is contained in:
James Koster 2011-09-22 10:50:34 +01:00
parent f12010ca1b
commit 59f4482a13
2 changed files with 4 additions and 4 deletions

View File

@ -46,9 +46,9 @@ ul.products li .price .from{font-size:10px;line-height:10px;margin:-2px 0 0 0;di
ul.products li.first{clear:both;} ul.products li.first{clear:both;}
ul.products li.last{margin-right:0;} ul.products li.last{margin-right:0;}
.woocommerce_ordering{margin-bottom:24px;} .woocommerce_ordering{margin-bottom:24px;}
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;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,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.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:#ff9933;text-decoration:none;} 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;} .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{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;} .button.alt:hover{background:#0588b5;}

View File

@ -428,7 +428,7 @@ ul.products {
-------------------------------------------------------------- */ -------------------------------------------------------------- */
a.button, button.button, input.button, #review_form #submit { a.button, button.button, input.button, #review_form #submit {
color: #fff; color: #fff;
background: #ff9c07; background-color: #ff9c07;
padding: 6px; padding: 6px;
line-height: 1em; line-height: 1em;
margin: 4px 2px 0 0; margin: 4px 2px 0 0;
@ -474,7 +474,7 @@ a.button, button.button, input.button, #review_form #submit {
} }
&:hover { &:hover {
background: #ff9933; background-color: #ff9933;
text-decoration: none; text-decoration: none;
} }
} }