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

@@ -287,7 +287,7 @@
.wp_themeSkin select.mceListBox {
font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
font-size: 12px;
border-color: #B2B2B2;
border-color: #b2b2b2;
background-color: #fff;
}
@@ -901,24 +901,22 @@
.wp_themeSkin .mceListBox .mceText,
.wp_themeSkin .mceListBox .mceOpen {
border-color: #ccc;
background-color: #eee; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #ddd, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
background: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
background-image: -webkit-linear-gradient(bottom, #ddd, #fff);
background-image: -moz-linear-gradient(bottom, #ddd, #fff);
background-image: -o-linear-gradient(bottom, #ddd, #fff);
background-image: linear-gradient(to top, #ddd, #fff);
}
.wp_themeSkin a.mceButtonEnabled:hover {
border-color: #a0a0a0;
background: #ddd; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ccc, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
background: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
background-image: -moz-linear-gradient(bottom, #ccc, #fff);
background-image: -o-linear-gradient(bottom, #ccc, #fff);
background-image: linear-gradient(to top, #ccc, #fff);
}
.wp_themeSkin a.mceButton:active,
@@ -927,14 +925,13 @@
.wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonActive:active,
.wp_themeSkin a.mceButtonActive:hover {
background-color: #ddd; /* Fallback */
background-image: -ms-linear-gradient(bottom, #eee, #bbb); /* IE10 */
background-image: -moz-linear-gradient(bottom, #eee, #bbb); /* Firefox */
background-image: -o-linear-gradient(bottom, #eee, #bbb); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#bbb)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #eee, #bbb); /* new Webkit */
background-image: linear-gradient(bottom, #eee, #bbb); /* proposed W3C Markup */
border-color: #909090;
background: #ddd;
background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#bbb));
background-image: -webkit-linear-gradient(bottom, #eee, #bbb);
background-image: -moz-linear-gradient(bottom, #eee, #bbb);
background-image: -o-linear-gradient(bottom, #eee, #bbb);
background-image: linear-gradient(to top, #eee, #bbb);
}
.wp_themeSkin .mceButtonDisabled {
@@ -960,13 +957,12 @@
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
.wp_themeSkin .mceListBoxHover .mceOpen {
border-color: #909090;
background-color: #eee; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ccc, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
background: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
background-image: -moz-linear-gradient(bottom, #ccc, #fff);
background-image: -o-linear-gradient(bottom, #ccc, #fff);
background-image: linear-gradient(to top, #ccc, #fff);
}
/* SplitButton */
@@ -983,22 +979,21 @@
}
.wp_themeSkin table.mceSplitButton td {
background-color: #eee; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #ddd, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
background: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
background-image: -webkit-linear-gradient(bottom, #ddd, #fff);
background-image: -moz-linear-gradient(bottom, #ddd, #fff);
background-image: -o-linear-gradient(bottom, #ddd, #fff);
background-image: linear-gradient(to top, #ddd, #fff);
}
.wp_themeSkin table.mceSplitButton:hover td {
background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ccc, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
background: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
background-image: -moz-linear-gradient(bottom, #ccc, #fff);
background-image: -o-linear-gradient(bottom, #ccc, #fff);
background-image: linear-gradient(to top, #ccc, #fff);
}
.wp_themeSkin .mceSplitButtonActive {
@@ -1057,12 +1052,12 @@
.quicktags-toolbar,
.wp_themeSkin tr.mceFirst td.mceToolbar {
border-bottom: 1px solid #ccc;
background-color: #e9e9e9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ddd, #e9e9e9); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ddd, #e9e9e9); /* Firefox */
background-image: -o-linear-gradient(bottom, #ddd, #e9e9e9); /* Opera */
background-image: -webkit-linear-gradient(bottom, #ddd, #e9e9e9); /* new Webkit */
background-image: linear-gradient(bottom, #ddd, #e9e9e9); /* proposed W3C Markup */
background: #e9e9e9;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#e9e9e9));
background-image: -webkit-linear-gradient(bottom, #ddd, #e9e9e9);
background-image: -moz-linear-gradient(bottom, #ddd, #e9e9e9);
background-image: -o-linear-gradient(bottom, #ddd, #e9e9e9);
background-image: linear-gradient(to top, #ddd, #e9e9e9);
}
.wp-switch-editor {
@@ -1144,17 +1139,17 @@ html[dir="rtl"] .wp-switch-editor {
display: inline-block;
min-width: 26px;
padding: 2px 4px;
font: 12px/18px Arial,Helvetica,sans-serif normal;
font: 12px/18px Arial, Helvetica, sans-serif normal;
color: #464646;
border: 1px solid #C3C3C3;
border: 1px solid #c3c3c3;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #eee;
background-image: -ms-linear-gradient(bottom, #e3e3e3, #fff);
background-image: -moz-linear-gradient(bottom, #e3e3e3, #fff);
background-image: -o-linear-gradient(bottom, #e3e3e3, #fff);
background: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, from(#e3e3e3), to(#fff));
background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fff);
background-image: linear-gradient(bottom, #e3e3e3, #fff);
background-image: -moz-linear-gradient(bottom, #e3e3e3, #fff);
background-image: -o-linear-gradient(bottom, #e3e3e3, #fff);
background-image: linear-gradient(to top, #e3e3e3, #fff);
}
.quicktags-toolbar input:hover {
@@ -1818,8 +1813,12 @@ RTL
color: #777;
text-shadow: 0 1px 0 #fff;
background-color: #f4f4f4;
background-image: -moz-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background: #f4f4f4;
background-image: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#f9f9f9));
background-image: -webkit-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: -moz-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: -o-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: linear-gradient(to top, #e4e4e4, #f9f9f9);
}
#wp-fullscreen-modes a:hover,
@@ -1827,9 +1826,12 @@ RTL
.wp-tmce-mode #wp-fullscreen-modes a:first-child {
color: #333;
border-color: #999;
background-color: #eee;
background-image: -moz-linear-gradient(bottom, #f9f9f9, #e0e0e0);
background-image: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9), to(#e0e0e0));
background: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: -moz-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: -o-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: linear-gradient(to bottom, #e4e4e4, #f9f9f9);
}
#wp-fullscreen-modes a:first-child {
@@ -1922,13 +1924,12 @@ RTL
#fullscreen-topbar {
border-bottom-color: #DFDFDF;
background-color: #f1f1f1; /* Fallback */
background-image: -ms-linear-gradient(top, #f9f9f9, #ececec); /* IE10 */
background-image: -moz-linear-gradient(top, #f9f9f9, #ececec); /* Firefox */
background-image: -o-linear-gradient(top, #f9f9f9, #ececec); /* Opera */
background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ececec)); /* old Webkit */
background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec); /* new Webkit */
background-image: linear-gradient(top, #f9f9f9, #ececec); /* proposed W3C Markup */
background: #f1f1f1;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9);
background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9);
background-image: linear-gradient(to top, #ececec, #f9f9f9);
}
/* =CSS 3 transitions