Replace last remaining gradients with css, standardize the gradient css cascade, props ocean90, fixes #16461

git-svn-id: https://develop.svn.wordpress.org/trunk@21459 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz
2012-08-06 17:21:41 +00:00
parent 9c0e7302fb
commit cd8663f68d
8 changed files with 412 additions and 445 deletions

View File

@@ -15,12 +15,12 @@ body {
}
a {
color: #21759B;
color: #21759b;
text-decoration: none;
}
a:hover {
color: #D54E21;
color: #d54e21;
}
h1 {
@@ -71,7 +71,9 @@ abbr {
padding: 0;
}
.submit input, .button, .button-secondary {
.submit input,
.button,
.button-secondary {
font-family: sans-serif;
text-decoration: none;
font-size: 14px !important;
@@ -81,23 +83,34 @@ abbr {
border: 1px solid #bbb;
color: #464646;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-sizing: content-box;
border-radius: 15px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #f2f2f2;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff));
background-image: -webkit-linear-gradient(bottom, #ededed, #fff);
background-image: -moz-linear-gradient(bottom, #ededed, #fff);
background-image: -o-linear-gradient(bottom, #ededed, #fff);
background-image: linear-gradient(to top, #ededed, #fff);
}
.button:hover, .button-secondary:hover, .submit input:hover {
.button:hover,
.button-secondary:hover,
.submit input:hover {
color: #000;
border-color: #666;
}
.button, .submit input, .button-secondary {
background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;
}
.button:active, .submit input:active, .button-secondary:active {
background: #eee url(../images/white-grad-active.png) repeat-x scroll left top;
.button:active,
.submit input:active,
.button-secondary:active {
background: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background-image: -webkit-linear-gradient(top, #ededed, #fff);
background-image: -moz-linear-gradient(top, #ededed, #fff);
background-image: -o-linear-gradient(top, #ededed, #fff);
background-image: linear-gradient(to bottom, #ededed, #fff);
}
textarea {
@@ -145,7 +158,7 @@ textarea {
line-height: 20px;
font-size: 15px;
padding: 2px;
border: 1px #DFDFDF solid;
border: 1px #dfdfdf solid;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: sans-serif;