IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source 
git-svn-id: http://core.svn.wordpress.org/trunk@21459 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz
2012-08-06 17:21:41 +00:00
parent 59eb150fdc
commit 853df37fe8
8 changed files with 412 additions and 445 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
wp-includes/css/admin-bar.dev.css
View File

@@ -38,14 +38,12 @@
width: 100%;
min-width: 600px; /* match the min-width of the body in wp-admin.css */
z-index: 99999;
background-color: #464646; /* Fallback */
background-image: -ms-linear-gradient(bottom, #373737, #464646 5px); /* IE10 */
background-image: -moz-linear-gradient(bottom, #373737, #464646 5px); /* Firefox */
background-image: -o-linear-gradient(bottom, #373737, #464646 5px); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
background-image: linear-gradient(bottom, #373737, #464646 5px); /* proposed W3C Markup */
background: #464646;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px);
background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px);
background-image: linear-gradient(to top, #373737 0, #464646 5px);
}
#wpadminbar .ab-sub-wrapper,
@@ -199,13 +197,12 @@
#wpadminbar .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
color: #fafafa;
background-color: #3a3a3a; /* Fallback */
background-image: -ms-linear-gradient(bottom, #3a3a3a, #222); /* IE10 */
background-image: -moz-linear-gradient(bottom, #3a3a3a, #222); /* Firefox */
background-image: -o-linear-gradient(bottom, #3a3a3a, #222); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222); /* new Webkit */
background-image: linear-gradient(bottom, #3a3a3a, #222); /* proposed W3C Markup */
background: #222;
background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222));
background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222);
background-image: -moz-linear-gradient(bottom, #3a3a3a, #222);
background-image: -o-linear-gradient(bottom, #3a3a3a, #222);
background-image: linear-gradient(to top, #3a3a3a, #222);
}
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
@@ -297,13 +294,12 @@
#wpadminbar .ab-top-secondary {
float: right;
background-color: #464646; /* Fallback */
background-image: -ms-linear-gradient(bottom, #373737, #464646 5px); /* IE10 */
background-image: -moz-linear-gradient(bottom, #373737, #464646 5px); /* Firefox */
background-image: -o-linear-gradient(bottom, #373737, #464646 5px); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
background-image: linear-gradient(bottom, #373737, #464646 5px); /* proposed W3C Markup */
background: #464646;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px);
background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px);
background-image: linear-gradient(to top, #373737 0, #464646 5px);
}
#wpadminbar ul li:last-child,

133
wp-includes/css/editor.dev.css
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

12
wp-includes/css/wp-pointer.dev.css
View File

@@ -29,12 +29,12 @@
color: #fff;
border-radius: 3px 3px 0 0;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
background-color: #8cc1e9;
background-image: -webkit-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
background-image: -moz-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
background-image: -ms-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
background-image: -o-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
background-image: linear-gradient(bottom, rgb(114,167,207) 0%, rgb(140,193,233) 100%);
background: #8cc1e9;
background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
background-image: -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
background-image: -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
}
.wp-pointer-content h3:before {