Editor toolbar/textarea styling. Props chexee. see #17324, #15986.

git-svn-id: http://svn.automattic.com/wordpress/trunk@17868 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
koopersmith 2011-05-11 22:28:29 +00:00
parent 4584d39d5a
commit fb65cc1f7f
5 changed files with 71 additions and 48 deletions

File diff suppressed because one or more lines are too long

View File

@ -828,7 +828,7 @@ table.widefat .spam a:hover,
/* editors */ /* editors */
#quicktags { #quicktags {
border-color: #dfdfdf; border-color: #ccc;
background-color: #dfdfdf; background-color: #dfdfdf;
background-image: url("../images/ed-bg.gif"); background-image: url("../images/ed-bg.gif");
} }
@ -843,18 +843,21 @@ table.widefat .spam a:hover,
} }
#poststuff .wp_themeSkin .mceStatusbar { #poststuff .wp_themeSkin .mceStatusbar {
border-color: #EDEDED; border-color: #dfdfdf;
}
#poststuff .wp_themeSkin .mceStatusbar * {
color: #555;
} }
#poststuff #edButtonPreview, #poststuff #edButtonPreview,
#poststuff #edButtonHTML { #poststuff #edButtonHTML {
background-color: #f1f1f1; background-color: #f1f1f1;
border-color: #dfdfdf; border-color: #dfdfdf #dfdfdf #ccc;
color: #999; color: #999;
} }
#poststuff #editor-toolbar .active { #poststuff #editor-toolbar .active {
border-bottom-color: #e9e9e9; border-color: #ccc #ccc #e9e9e9;
background-color: #e9e9e9; background-color: #e9e9e9;
color: #333; color: #333;
} }
@ -873,8 +876,17 @@ table.widefat .spam a:hover,
} }
/* Containers */ /* Containers */
.wp_themeSkin table.mceLayout {
border-color: #ccc #ccc #dfdfdf;
}
#editorcontainer #content,
.wp_themeSkin .mceIframeContainer {
-moz-box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 );
-webkit-box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 );
box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 );
}
.wp_themeSkin iframe { .wp_themeSkin iframe {
background: #fff; background: transparent;
} }
/* Layout */ /* Layout */
@ -891,19 +903,18 @@ table.widefat .spam a:hover,
background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */ 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-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #ddd, #fff) !important; /* new Webkit */ background-image: -webkit-linear-gradient(bottom, #ddd, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin a.mceButtonEnabled:hover { .wp_themeSkin a.mceButtonEnabled:hover {
background: #d5d5d5; border-color: #a0a0a0;
border-color: #a0a0a0 !important; background: #ddd; /* Fallback */
background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ccc, #fff); /* Opera */ 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-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: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
} }
@ -913,13 +924,14 @@ 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-color: #ddd; /* Fallback */
background-image: -ms-linear-gradient(bottom, #eee, #bbb); /* IE10 */ background-image: -ms-linear-gradient(bottom, #eee, #bbb); /* IE10 */
background-image: -moz-linear-gradient(bottom, #eee, #bbb); /* Firefox */ background-image: -moz-linear-gradient(bottom, #eee, #bbb); /* Firefox */
background-image: -o-linear-gradient(bottom, #eee, #bbb); /* Opera */ 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-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: -webkit-linear-gradient(bottom, #eee, #bbb); /* new Webkit */
background-image: linear-gradient(bottom, #eee, #bbb); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #eee, #bbb); /* proposed W3C Markup */
border-color: #909090 !important; border-color: #909090;
} }
.wp_themeSkin .mceButtonDisabled { .wp_themeSkin .mceButtonDisabled {
@ -930,17 +942,17 @@ table.widefat .spam a:hover,
.wp_themeSkin .mceListBox .mceText, .wp_themeSkin .mceListBox .mceText,
.wp_themeSkin .mceListBox .mceOpen { .wp_themeSkin .mceListBox .mceOpen {
border-color: #ccc; border-color: #ccc;
background-color: #c9c9c9; /* Fallback */ background-color: #eee; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */ 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-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #ddd, #fff); !important/* new Webkit */ background-image: -webkit-linear-gradient(bottom, #ddd, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin .mceListBox .mceOpen { .wp_themeSkin .mceListBox .mceOpen {
border-left: 0px !important; border-left: 0 !important;
} }
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
@ -950,7 +962,7 @@ table.widefat .spam a:hover,
.wp_themeSkin .mceListBoxSelected .mceText, .wp_themeSkin .mceListBoxSelected .mceText,
.wp_themeSkin table.mceListBoxEnabled:active .mceText { .wp_themeSkin table.mceListBoxEnabled:active .mceText {
background: #ccc; background: #ccc;
border-color: #999 !important; border-color: #999;
} }
/* List Box Hover */ /* List Box Hover */
@ -958,13 +970,13 @@ table.widefat .spam a:hover,
.wp_themeSkin .mceListBoxHover .mceText, .wp_themeSkin .mceListBoxHover .mceText,
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
.wp_themeSkin .mceListBoxHover .mceOpen { .wp_themeSkin .mceListBoxHover .mceOpen {
border-color: #909090 !important; border-color: #909090;
background-color: #c9c9c9; /* Fallback */ background-color: #eee; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ccc, #fff); /* Opera */ 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-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: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
} }
@ -983,17 +995,17 @@ table.widefat .spam a:hover,
.wp_themeSkin .mceSplitButtonSelected a.mceOpen, .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
.wp_themeSkin .mceSplitButton a.mceAction:hover { .wp_themeSkin .mceSplitButton a.mceAction:hover {
border-color: #909090 !important; border-color: #909090;
} }
.wp_themeSkin table.mceSplitButton td { .wp_themeSkin table.mceSplitButton td {
background-color: #c9c9c9; /* Fallback */ background-color: #eee; /* Fallback */
background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */ 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-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #ddd, #fff) !important; /* new Webkit */ background-image: -webkit-linear-gradient(bottom, #ddd, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
} }
@ -1002,7 +1014,7 @@ table.widefat .spam a:hover,
background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */ background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #ccc, #fff); /* Opera */ 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-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: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
} }
@ -1066,7 +1078,7 @@ table.widefat .spam a:hover,
.wp_themeSkin tr.mceFirst td.mceToolbar { .wp_themeSkin tr.mceFirst td.mceToolbar {
background: #dfdfdf url("../images/ed-bg.gif") repeat-x scroll left top; background: #dfdfdf url("../images/ed-bg.gif") repeat-x scroll left top;
border-color: #dfdfdf; border-color: #ccc;
} }
.wp-admin #mceModalBlocker { .wp-admin #mceModalBlocker {
@ -1130,9 +1142,18 @@ table.widefat .spam a:hover,
} }
/* end TinyMCE */ /* end TinyMCE */
#editorcontainer, #titlediv #title {
#post-status-info, border-color: #ccc;
#titlediv #title, }
#editorcontainer {
border-color: #ccc #ccc #dfdfdf;
}
#post-status-info {
border-color: #dfdfdf #ccc #ccc;
}
.editwidget .widget-inside { .editwidget .widget-inside {
border-color: #dfdfdf; border-color: #dfdfdf;
} }

View File

@ -35,8 +35,8 @@ font[face=mceinline] {font-family:inherit !important}
.mcePageBreak {display:block;border:0;width:100%;height:12px;border-top:1px dotted #ccc;margin-top:15px;background:#fff url(../../img/pagebreak.gif) no-repeat center top;} .mcePageBreak {display:block;border:0;width:100%;height:12px;border-top:1px dotted #ccc;margin-top:15px;background:#fff url(../../img/pagebreak.gif) no-repeat center top;}
/* WordPress styles */ /* WordPress styles */
html { html, body {
background-color: #fff; background-color: transparent;
} }
.aligncenter, .aligncenter,

View File

@ -21,9 +21,10 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
.wp_themeSkin .mceIframeContainer {} .wp_themeSkin .mceIframeContainer {}
.wp_themeSkin .mceStatusbar { .wp_themeSkin .mceStatusbar {
display: block; display: block;
font-family: 'MS Sans Serif',sans-serif,Verdana,Arial; font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
font-size: 9pt; font-size: 12px;
line-height: 16px; line-height: 16px;
padding-left: 5px;
overflow: visible; overflow: visible;
height: 20px; height: 20px;
border-top-width: 1px; border-top-width: 1px;
@ -66,20 +67,17 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
background-image: inherit 0 -10px; 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 .mceOldBoxModel a.mceButton span, .wp_themeSkin .mceOldBoxModel a.mceButton img {margin:0 0 0 1px}
.wp_themeSkin a.mceButton:active, .wp_themeSkin a.mceButton:active,
.wp_themeSkin a.mceButtonActive, .wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonActive:hover, .wp_themeSkin a.mceButtonActive:hover,
.wp_themeSkin a.mceButtonSelected { .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; -webkit-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; -moz-box-shadow: 0 1px 0 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; 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 {}
/* Separator */ /* Separator */
.wp_themeSkin .mceSeparator { .wp_themeSkin .mceSeparator {
@ -96,7 +94,7 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
.wp_themeSkin .mceListBox .mceText { .wp_themeSkin .mceListBox .mceText {
padding: 1px 2px 1px 5px; padding: 1px 2px 1px 5px;
text-align:left; text-align:left;
text-decoration: none !important; text-decoration: none;
width:70px; width:70px;
-moz-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px;
@ -109,8 +107,8 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 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 0 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 0 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;
font-family: Tahoma,Verdana,Arial,Helvetica; font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
font-size: 11px; font-size: 12px;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
overflow: hidden; overflow: hidden;
@ -155,7 +153,10 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
.wp_themeSkin .mceListBoxDisabled .mceText {color:gray} .wp_themeSkin .mceListBoxDisabled .mceText {color:gray}
.wp_themeSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden} .wp_themeSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
.wp_themeSkin .mceOldBoxModel .mceListBox .mceText {height:22px} .wp_themeSkin .mceOldBoxModel .mceListBox .mceText {height:22px}
.wp_themeSkin select.mceListBox {font-family:Tahoma,Verdana,Arial,Helvetica; font-size:12px;} .wp_themeSkin select.mceListBox {
font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
font-size:12px;
}
/* SplitButton */ /* SplitButton */
.wp_themeSkin .mceSplitButton a, .wp_themeSkin .mceSplitButton span {display:block; height:20px} .wp_themeSkin .mceSplitButton a, .wp_themeSkin .mceSplitButton span {display:block; height:20px}
@ -261,7 +262,9 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
margin:0; margin:0;
padding:0 25px; padding:0 25px;
} }
.wp_themeSkin .mceMenu span.mceText, .wp_themeSkin .mceMenu .mcePreview {font-size:11px} .wp_themeSkin .mceMenu span.mceText, .wp_themeSkin .mceMenu .mcePreview {
font-size: 12px;
}
.wp_themeSkin .mceMenu pre.mceText {font-family:Monospace} .wp_themeSkin .mceMenu pre.mceText {font-family:Monospace}
.wp_themeSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:22px;} .wp_themeSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:22px;}
.wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover, .wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover,
@ -288,16 +291,15 @@ border:0; margin:0; padding:0; white-space:nowrap; text-decoration:none; font-we
.wp_themeSkin .mcePlaceHolder {border:1px dotted gray} .wp_themeSkin .mcePlaceHolder {border:1px dotted gray}
/* Formats */ /* Formats */
.wp_themeSkin .mce_formatPreview a {font-size:10px}
.wp_themeSkin .mce_p span.mceText {} .wp_themeSkin .mce_p span.mceText {}
.wp_themeSkin .mce_address span.mceText {font-style:italic} .wp_themeSkin .mce_address span.mceText {font-style:italic}
.wp_themeSkin .mce_pre span.mceText {font-family:monospace} .wp_themeSkin .mce_pre span.mceText {font-family:monospace}
.wp_themeSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em} .wp_themeSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 17px}
.wp_themeSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em} .wp_themeSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 16px}
.wp_themeSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em} .wp_themeSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 15px}
.wp_themeSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em} .wp_themeSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 14px}
.wp_themeSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em} .wp_themeSkin .mce_h5 span.mceText {font-weight:bolder; font-size: 13px}
.wp_themeSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em} .wp_themeSkin .mce_h6 span.mceText {font-weight:bolder; font-size: 12px}
/* Theme */ /* Theme */
.wp_themeSkin span.mce_bold {background-position:0 0} .wp_themeSkin span.mce_bold {background-position:0 0}

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 = '20110511e'; $colors_version = '20110511f';
// 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 );