Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-06-29 00:04:58 +02:00
Code Issues Projects Releases Wiki Activity

Updated styles for the Visual editor buttons, props chexee, see #15986

Browse Source 
git-svn-id: http://svn.automattic.com/wordpress/trunk@17768 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz 2011-04-29 16:08:16 +00:00
parent 5616ac7fb2
commit b065fc6c3d
6 changed files with 290 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
wp-admin/css/colors-classic.css
View File

File diff suppressed because one or more lines are too long

96
wp-admin/css/colors-classic.dev.css
View File

@ -821,38 +821,81 @@ table.widefat .spam a:hover,
/* Button */
.wp_themeSkin .mceButton {
background-color: #e9e8e8;
border-color: #B2B2B2;
border-color: #B0C8D7;
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
}
.wp_themeSkin a.mceButtonEnabled:hover,
.wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonSelected {
.wp_themeSkin a.mceButtonEnabled:hover {
background: #d5d5d5;
border-color: #777 !important;
border-color: #5589AA !important;
background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #eee, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #eee, #fff)); /* Firefox */
background-image: -o-linear-gradient(bottom, #eee, #fff)); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #eee, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #eee, #fff); /* proposed W3C Markup */
}
.wp_themeSkin a.mceButton:active,
.wp_themeSkin a.mceButtonEnabled:active,
.wp_themeSkin a.mceButtonSelected:active,
.wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonActive:active,
.wp_themeSkin a.mceButtonActive:hover {
background: #B0C8D7 !important;
border-color: #5589AA !important;
}
.wp_themeSkin .mceButtonDisabled {
border-color: #ccc !important;
border-color: #B0C8D7 !important;
}
/* ListBox */
.wp_themeSkin .mceListBox .mceText,
.wp_themeSkin .mceListBox .mceOpen {
border-color: #B2B2B2;
background-color: #d5d5d5;
border-color: #B0C8D7;
background-color: #cfdfe9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
}
.wp_themeSkin .mceListBox .mceOpen {
border-left: 0px !important;
}
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
.wp_themeSkin .mceListBoxHover .mceOpen,
.wp_themeSkin .mceListBoxHover:active .mceOpen,
.wp_themeSkin .mceListBoxSelected .mceOpen,
.wp_themeSkin .mceListBoxSelected .mceText {
border-color: #777 !important;
background-color: #d5d5d5;
.wp_themeSkin .mceListBoxSelected .mceText,
.wp_themeSkin table.mceListBoxEnabled:active .mceText {
background: #B0C8D7;
border-color: #5589AA !important;
}
/* List Box Hover */
.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
.wp_themeSkin .mceListBoxHover .mceText {
border-color: #777 !important;
.wp_themeSkin .mceListBoxHover .mceText,
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
.wp_themeSkin .mceListBoxHover .mceOpen {
border-color: #5589AA !important;
background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
}
.wp_themeSkin select.mceListBox {
@ -863,19 +906,38 @@ table.widefat .spam a:hover,
/* SplitButton */
.wp_themeSkin .mceSplitButton a.mceAction,
.wp_themeSkin .mceSplitButton a.mceOpen {
border-color: #B2B2B2;
border-color: #B0C8D7;
}
.wp_themeSkin .mceSplitButton a.mceOpen:hover,
.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
.wp_themeSkin .mceSplitButton a.mceAction:hover {
background-color: #d5d5d5;
border-color: #777 !important;
border-color: #5589AA !important;
}
.wp_themeSkin table.mceSplitButton td {
background-color: #cfdfe9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
}
.wp_themeSkin table.mceSplitButton:hover td {
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
}
.wp_themeSkin .mceSplitButtonActive {
background-color: #B2B2B2;
background-color: #B0C8D7;
}
/* ColorSplitButton */

2
wp-admin/css/colors-fresh.css
View File

File diff suppressed because one or more lines are too long

94
wp-admin/css/colors-fresh.dev.css
View File

@ -820,15 +820,36 @@ table.widefat .spam a:hover,
/* Button */
.wp_themeSkin .mceButton {
background-color: #e9e8e8;
border-color: #B2B2B2;
border-color: #ccc;
background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */
background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */
background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */
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: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
}
.wp_themeSkin a.mceButtonEnabled:hover,
.wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonSelected {
.wp_themeSkin a.mceButtonEnabled:hover {
background: #d5d5d5;
border-color: #777 !important;
border-color: #a0a0a0 !important;
background-color: #c9c9c9; /* 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) !important; /* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
}
.wp_themeSkin a.mceButton:active,
.wp_themeSkin a.mceButtonEnabled:active,
.wp_themeSkin a.mceButtonSelected:active,
.wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonActive:active,
.wp_themeSkin a.mceButtonActive:hover {
background: #d5d5d5 !important;
border-color: #909090 !important;
}
.wp_themeSkin .mceButtonDisabled {
@ -838,21 +859,43 @@ table.widefat .spam a:hover,
/* ListBox */
.wp_themeSkin .mceListBox .mceText,
.wp_themeSkin .mceListBox .mceOpen {
border-color: #B2B2B2;
background-color: #d5d5d5;
border-color: #ccc;
background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */
background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */
background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */
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: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
}
.wp_themeSkin .mceListBox .mceOpen {
border-left: 0px !important;
}
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
.wp_themeSkin .mceListBoxHover .mceOpen,
.wp_themeSkin .mceListBoxHover:active .mceOpen,
.wp_themeSkin .mceListBoxSelected .mceOpen,
.wp_themeSkin .mceListBoxSelected .mceText {
border-color: #777 !important;
background-color: #d5d5d5;
.wp_themeSkin .mceListBoxSelected .mceText,
.wp_themeSkin table.mceListBoxEnabled:active .mceText {
background: #ccc;
border-color: #999 !important;
}
/* List Box Hover */
.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
.wp_themeSkin .mceListBoxHover .mceText {
border-color: #777 !important;
.wp_themeSkin .mceListBoxHover .mceText,
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
.wp_themeSkin .mceListBoxHover .mceOpen {
border-color: #909090 !important;
background-color: #c9c9c9; /* 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) !important; /* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
}
.wp_themeSkin select.mceListBox {
@ -863,15 +906,34 @@ table.widefat .spam a:hover,
/* SplitButton */
.wp_themeSkin .mceSplitButton a.mceAction,
.wp_themeSkin .mceSplitButton a.mceOpen {
border-color: #B2B2B2;
border-color: #ccc;
}
.wp_themeSkin .mceSplitButton a.mceOpen:hover,
.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
.wp_themeSkin .mceSplitButton a.mceAction:hover {
background-color: #d5d5d5;
border-color: #777 !important;
border-color: #909090 !important;
}
.wp_themeSkin table.mceSplitButton td {
background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */
background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */
background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */
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: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
}
.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); !important/* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
}
.wp_themeSkin .mceSplitButtonActive {

84
wp-includes/js/tinymce/themes/advanced/skins/wp_theme/ui.css
View File

@ -53,23 +53,32 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
cursor: default;
padding: 1px 2px;
margin: 1px;
background-image: url(img/butt2.png);
background-position: left top;
background-repeat: repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
}
.wp_themeSkin a.mceButtonEnabled:hover {
background-image: inherit 0 -10px;
}
.wp_themeSkin a.mceButton span, .wp_themeSkin a.mceButton img {}
.wp_themeSkin .mceOldBoxModel a.mceButton span, .wp_themeSkin .mceOldBoxModel a.mceButton img {margin:0 0 0 1px}
.wp_themeSkin a.mceButtonEnabled:hover {
background-position:0 -10px;
}
.wp_themeSkin a.mceButtonActive, .wp_themeSkin a.mceButtonSelected {
.wp_themeSkin a.mceButton:active,
.wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonActive:hover,
.wp_themeSkin a.mceButtonSelected {
background-image: inherit;
-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;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
}
.wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30);}
.wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.4; filter:alpha(opacity=40);}
.wp_themeSkin .mceButtonDisabled {}
/* Separator */
@ -89,9 +98,17 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
text-align:left;
text-decoration: none !important;
width:70px;
background-image: url(img/butt2.png);
background-position: left top;
background-repeat: repeat-x;
-moz-border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-khtml-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-top-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
-khtml-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;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
font-family: Tahoma,Verdana,Arial,Helvetica;
font-size: 11px;
height: 20px;
@ -106,11 +123,18 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
width: 14px;
height: 20px;
border-collapse: separate;
background-image: url(img/butt2.png);
background-position: left top;
background-repeat: repeat-x;
padding: 1px;
border-left: 0 none !important;
-moz-border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-khtml-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
-khtml-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;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
}
.wp_themeSkin .mceListBox .mceOpen span {
display: block;
@ -142,10 +166,26 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
}
.wp_themeSkin table.mceSplitButton td {
padding: 2px;
background-image: url(img/butt2.png);
background-position: left top;
background-repeat: repeat-x;
-moz-border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-khtml-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
-khtml-border-top-left-radius: 0;
border-top-left-radius: 0;
}
.wp_themeSkin table.mceSplitButton td a {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
}
.wp_themeSkin table.mceSplitButton:hover td {
background-image: inherit 0 -10px;
}
.wp_themeSkin .mceSplitButton a.mceAction {
height:20px;
width:20px;

2
wp-includes/script-loader.php
View File

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