Lighter background for the TinyMCE buttons, props chexee, see #15986

git-svn-id: https://develop.svn.wordpress.org/trunk@17843 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2011-05-09 03:36:17 +00:00
parent 98d4435ba5
commit c9761627f9
6 changed files with 50 additions and 40 deletions

File diff suppressed because one or more lines are too long

View File

@ -825,15 +825,14 @@ table.widefat .spam a:hover,
} }
.wp_themeSkin a.mceButtonEnabled:hover { .wp_themeSkin a.mceButtonEnabled:hover {
background: #d5d5d5;
border-color: #5589AA !important; border-color: #5589AA !important;
background-color: #c9c9c9; /* Fallback */ background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #eee, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #bdccd5, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #eee, #fff)); /* Firefox */ background-image: -moz-linear-gradient(bottom, #bdccd5, #fff)); /* Firefox */
background-image: -o-linear-gradient(bottom, #eee, #fff)); /* Opera */ background-image: -o-linear-gradient(bottom, #bdccd5, #fff)); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#fff)); /* old Webkit */ background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #eee, #fff) !important; /* new Webkit */ background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #eee, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #bdccd5, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin a.mceButton:active, .wp_themeSkin a.mceButton:active,
@ -843,6 +842,12 @@ table.widefat .spam a:hover,
.wp_themeSkin a.mceButtonActive:active, .wp_themeSkin a.mceButtonActive:active,
.wp_themeSkin a.mceButtonActive:hover { .wp_themeSkin a.mceButtonActive:hover {
background: #B0C8D7 !important; background: #B0C8D7 !important;
background-image: -ms-linear-gradient(bottom, #fff, #cfdfe9); /* IE10 */
background-image: -moz-linear-gradient(bottom, #fff, #cfdfe9)); /* Firefox */
background-image: -o-linear-gradient(bottom, #fff, #cfdfe9)); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#cfdfe9)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #fff, #cfdfe9) !important; /* new Webkit */
background-image: linear-gradient(bottom, #fff, #cfdfe9); /* proposed W3C Markup */
border-color: #5589AA !important; border-color: #5589AA !important;
} }

File diff suppressed because one or more lines are too long

View File

@ -861,12 +861,12 @@ table.widefat .spam a:hover,
.wp_themeSkin .mceButton { .wp_themeSkin .mceButton {
border-color: #ccc; border-color: #ccc;
background-color: #c9c9c9; /* Fallback */ background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */ background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */ background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit */ background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6) !important; /* new Webkit */ background-image: -webkit-linear-gradient(bottom, #ddd, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin a.mceButtonEnabled:hover { .wp_themeSkin a.mceButtonEnabled:hover {
@ -887,7 +887,12 @@ table.widefat .spam a:hover,
.wp_themeSkin a.mceButtonActive, .wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonActive:active, .wp_themeSkin a.mceButtonActive:active,
.wp_themeSkin a.mceButtonActive:hover { .wp_themeSkin a.mceButtonActive:hover {
background: #d5d5d5 !important; 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) !important; /* new Webkit */
background-image: linear-gradient(bottom, #eee, #bbb); /* proposed W3C Markup */
border-color: #909090 !important; border-color: #909090 !important;
} }
@ -900,12 +905,12 @@ table.widefat .spam a:hover,
.wp_themeSkin .mceListBox .mceOpen { .wp_themeSkin .mceListBox .mceOpen {
border-color: #ccc; border-color: #ccc;
background-color: #c9c9c9; /* Fallback */ background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */ background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */ background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit */ background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6); !important/* new Webkit */ background-image: -webkit-linear-gradient(bottom, #ddd, #fff); !important/* new Webkit */
background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin .mceListBox .mceOpen { .wp_themeSkin .mceListBox .mceOpen {
@ -958,12 +963,12 @@ table.widefat .spam a:hover,
.wp_themeSkin table.mceSplitButton td { .wp_themeSkin table.mceSplitButton td {
background-color: #c9c9c9; /* Fallback */ background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */ background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */ background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit */ background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6)!important ; /* new Webkit */ background-image: -webkit-linear-gradient(bottom, #ddd, #fff)!important ; /* new Webkit */
background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin table.mceSplitButton:hover td { .wp_themeSkin table.mceSplitButton:hover td {

View File

@ -57,9 +57,9 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-khtml-border-radius: 2px; -khtml-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
} }
.wp_themeSkin a.mceButtonEnabled:hover { .wp_themeSkin a.mceButtonEnabled:hover {
@ -75,8 +75,8 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
.wp_themeSkin a.mceButtonSelected { .wp_themeSkin a.mceButtonSelected {
background-image: inherit; background-image: inherit;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
} }
.wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.4; filter:alpha(opacity=40);} .wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.4; filter:alpha(opacity=40);}
.wp_themeSkin .mceButtonDisabled {} .wp_themeSkin .mceButtonDisabled {}
@ -106,9 +106,9 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-khtml-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
font-family: Tahoma,Verdana,Arial,Helvetica; font-family: Tahoma,Verdana,Arial,Helvetica;
font-size: 11px; font-size: 11px;
height: 20px; height: 20px;
@ -132,9 +132,9 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
-webkit-border-top-left-radius: 0; -webkit-border-top-left-radius: 0;
-khtml-border-top-left-radius: 0; -khtml-border-top-left-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
} }
.wp_themeSkin .mceListBox .mceOpen span { .wp_themeSkin .mceListBox .mceOpen span {
display: block; display: block;
@ -177,9 +177,9 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
} }
.wp_themeSkin table.mceSplitButton td a { .wp_themeSkin table.mceSplitButton td a {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
} }
.wp_themeSkin table.mceSplitButton:hover td { .wp_themeSkin table.mceSplitButton:hover td {

View File

@ -493,7 +493,7 @@ function wp_default_styles( &$styles ) {
$styles->add_data( 'ie', 'conditional', 'lte IE 7' ); $styles->add_data( 'ie', 'conditional', 'lte IE 7' );
// all colors stylesheets need to have the same query strings (cache manifest compat) // all colors stylesheets need to have the same query strings (cache manifest compat)
$colors_version = '20110507'; $colors_version = '20110508';
// Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string. // Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string.
$styles->add( 'colors', true, array(), $colors_version ); $styles->add( 'colors', true, array(), $colors_version );