Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-12-25 02:27:50 +01:00
Code Issues Projects Releases Wiki Activity

Fix styling of the editors for the blue theme, props saracannon, see #17144

Browse Source 
git-svn-id: http://svn.automattic.com/wordpress/trunk@18626 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz 2011-08-31 00:58:41 +00:00
parent 63969dbca7
commit 9813047aa0
2 changed files with 132 additions and 63 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

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

@ -610,7 +610,13 @@ input.readonly, textarea.readonly {
#ed_toolbar input, #ed_toolbar input,
#ed_reply_toolbar input { #ed_reply_toolbar input {
background: #fff url("../images/fade-butt.png") repeat-x 0 -2px; background: #fff;
background-image: -ms-linear-gradient(bottom, #e5f0f8, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #e5f0f8, #fff)); /* Firefox */
background-image: -o-linear-gradient(bottom, #e5f0f8, #fff)); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#e5f0f8), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #e5f0f8, #fff) !important; /* new Webkit */
background-image: linear-gradient(bottom, #e5f0f8, #fff); /* proposed W3C Markup */
} }
#editable-post-name { #editable-post-name {
@ -889,19 +895,19 @@ table.widefat .spam a:hover,
} }
#ed_toolbar input { #ed_toolbar input {
border-color: #C3C3C3; border-color: #b2c4c8;
} }
#ed_toolbar input:hover { #ed_toolbar input:hover {
border-color: #aaa; border-color: #d0dfe9;
background: #ddd; background: #f0f8fe;
} }
#poststuff .wp_themeSkin .mceStatusbar { #poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar {
border-color: #d0dfe9; border-color: #d0dfe9;
} }
#poststuff .wp_themeSkin .mceStatusbar * { #poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar * {
color: #555; color: #555;
} }
@ -923,37 +929,37 @@ table.widefat .spam a:hover,
background-color: #eff8ff; background-color: #eff8ff;
} }
.wp_themeSkin *, .wp-editor-wrap .wp_themeSkin *,
.wp_themeSkin a:hover, .wp-editor-wrap .wp_themeSkin a:hover,
.wp_themeSkin a:link, .wp-editor-wrap .wp_themeSkin a:link,
.wp_themeSkin a:visited, .wp-editor-wrap .wp_themeSkin a:visited,
.wp_themeSkin a:active { .wp-editor-wrap .wp_themeSkin a:active {
color: #000; color: #000;
} }
/* Containers */ /* Containers */
.wp_themeSkin table.mceLayout { .wp-editor-wrap .wp_themeSkin table.mceLayout {
border-color: #bed1dd #bed1dd #d0dfe9; border-color: #bed1dd #bed1dd #d0dfe9;
} }
#editorcontainer #content, #editorcontainer #content,
#editorcontainer .wp_themeSkin .mceIframeContainer { #editorcontainer .wp-editor-wrap .wp_themeSkin .mceIframeContainer {
-moz-box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 ); -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 ); -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 ); box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.1 );
} }
.wp_themeSkin iframe { .wp-editor-wrap .wp_themeSkin iframe {
background: transparent; background: transparent;
} }
/* Layout */ /* Layout */
.wp_themeSkin .mceStatusbar { .wp-editor-wrap .wp_themeSkin .mceStatusbar {
color: #000; color: #000;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
/* Button */ /* Button */
.wp_themeSkin .mceButton { .wp-editor-wrap .wp_themeSkin .mceButton {
border-color: #B0C8D7; border-color: #B0C8D7;
background-color: #cfdfe9; /* Fallback */ background-color: #cfdfe9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
@ -964,7 +970,7 @@ table.widefat .spam a:hover,
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin a.mceButtonEnabled:hover { .wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover {
border-color: #5589AA !important; border-color: #5589AA !important;
background-color: #c9c9c9; /* Fallback */ background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #bdccd5, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #bdccd5, #fff); /* IE10 */
@ -975,12 +981,12 @@ table.widefat .spam a:hover,
background-image: linear-gradient(bottom, #bdccd5, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #bdccd5, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin a.mceButton:active, .wp-editor-wrap .wp_themeSkin a.mceButton:active,
.wp_themeSkin a.mceButtonEnabled:active, .wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:active,
.wp_themeSkin a.mceButtonSelected:active, .wp-editor-wrap .wp_themeSkin a.mceButtonSelected:active,
.wp_themeSkin a.mceButtonActive, .wp-editor-wrap .wp_themeSkin a.mceButtonActive,
.wp_themeSkin a.mceButtonActive:active, .wp-editor-wrap .wp_themeSkin a.mceButtonActive:active,
.wp_themeSkin a.mceButtonActive:hover { .wp-editor-wrap .wp_themeSkin a.mceButtonActive:hover {
background: #B0C8D7 !important; background: #B0C8D7 !important;
background-image: -ms-linear-gradient(bottom, #fff, #cfdfe9); /* IE10 */ background-image: -ms-linear-gradient(bottom, #fff, #cfdfe9); /* IE10 */
background-image: -moz-linear-gradient(bottom, #fff, #cfdfe9)); /* Firefox */ background-image: -moz-linear-gradient(bottom, #fff, #cfdfe9)); /* Firefox */
@ -991,13 +997,13 @@ table.widefat .spam a:hover,
border-color: #5589AA !important; border-color: #5589AA !important;
} }
.wp_themeSkin .mceButtonDisabled { .wp-editor-wrap .wp_themeSkin .mceButtonDisabled {
border-color: #B0C8D7 !important; border-color: #B0C8D7 !important;
} }
/* ListBox */ /* ListBox */
.wp_themeSkin .mceListBox .mceText, .wp-editor-wrap .wp_themeSkin .mceListBox .mceText,
.wp_themeSkin .mceListBox .mceOpen { .wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen {
border-color: #B0C8D7; border-color: #B0C8D7;
background-color: #cfdfe9; /* Fallback */ background-color: #cfdfe9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
@ -1008,25 +1014,25 @@ table.widefat .spam a:hover,
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin .mceListBox .mceOpen { .wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen {
border-left: 0px !important; border-left: 0px !important;
} }
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
.wp_themeSkin .mceListBoxHover .mceOpen, .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen,
.wp_themeSkin .mceListBoxHover:active .mceOpen, .wp-editor-wrap .wp_themeSkin .mceListBoxHover:active .mceOpen,
.wp_themeSkin .mceListBoxSelected .mceOpen, .wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceOpen,
.wp_themeSkin .mceListBoxSelected .mceText, .wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceText,
.wp_themeSkin table.mceListBoxEnabled:active .mceText { .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:active .mceText {
background: #B0C8D7; background: #B0C8D7;
border-color: #5589AA !important; border-color: #5589AA !important;
} }
/* List Box Hover */ /* List Box Hover */
.wp_themeSkin table.mceListBoxEnabled:hover .mceText, .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
.wp_themeSkin .mceListBoxHover .mceText, .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceText,
.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, .wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
.wp_themeSkin .mceListBoxHover .mceOpen { .wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen {
border-color: #5589AA !important; border-color: #5589AA !important;
background-color: #c9c9c9; /* Fallback */ background-color: #c9c9c9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
@ -1037,26 +1043,26 @@ table.widefat .spam a:hover,
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin select.mceListBox { .wp-editor-wrap .wp_themeSkin select.mceListBox {
border-color: #B2B2B2; border-color: #B2B2B2;
background-color: #fff; background-color: #fff;
} }
/* SplitButton */ /* SplitButton */
.wp_themeSkin .mceSplitButton a.mceAction, .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction,
.wp_themeSkin .mceSplitButton a.mceOpen { .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen {
border-color: #B0C8D7; border-color: #B0C8D7;
} }
.wp_themeSkin .mceSplitButton a.mceOpen:hover, .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen:hover,
.wp_themeSkin .mceSplitButtonSelected a.mceOpen, .wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, .wp-editor-wrap .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
.wp_themeSkin .mceSplitButton a.mceAction:hover { .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction:hover {
border-color: #5589AA !important; border-color: #5589AA !important;
} }
.wp_themeSkin table.mceSplitButton td { .wp-editor-wrap .wp_themeSkin table.mceSplitButton td {
background-color: #cfdfe9; /* Fallback */ background-color: #cfdfe9; /* Fallback */
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
@ -1066,7 +1072,7 @@ table.widefat .spam a:hover,
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin table.mceSplitButton:hover td { .wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td {
background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */ background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */
@ -1075,65 +1081,65 @@ table.widefat .spam a:hover,
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */ background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
} }
.wp_themeSkin .mceSplitButtonActive { .wp-editor-wrap .wp_themeSkin .mceSplitButtonActive {
background-color: #B0C8D7; background-color: #B0C8D7;
} }
/* ColorSplitButton */ /* ColorSplitButton */
.wp_themeSkin div.mceColorSplitMenu table { .wp-editor-wrap .wp_themeSkin div.mceColorSplitMenu table {
background-color: #ebebeb; background-color: #ebebeb;
border-color: #B2B2B2; border-color: #B2B2B2;
} }
.wp_themeSkin .mceColorSplitMenu a { .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a {
border-color: #B2B2B2; border-color: #B2B2B2;
} }
.wp_themeSkin .mceColorSplitMenu a.mceMoreColors { .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a.mceMoreColors {
border-color: #fff; border-color: #fff;
} }
.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover { .wp-editor-wrap .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {
border-color: #0A246A; border-color: #0A246A;
background-color: #B6BDD2; background-color: #B6BDD2;
} }
.wp_themeSkin a.mceMoreColors:hover { .wp-editor-wrap .wp_themeSkin a.mceMoreColors:hover {
border-color: #0A246A; border-color: #0A246A;
} }
/* Menu */ /* Menu */
.wp_themeSkin .mceMenu { .wp-editor-wrap .wp_themeSkin .mceMenu {
border-color: #ddd; border-color: #ddd;
} }
.wp_themeSkin .mceMenu table { .wp-editor-wrap .wp_themeSkin .mceMenu table {
background-color: #ebeaeb; background-color: #ebeaeb;
} }
.wp_themeSkin .mceMenu .mceText { .wp-editor-wrap .wp_themeSkin .mceMenu .mceText {
color: #000; color: #000;
} }
.wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover, .wp-editor-wrap .wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover,
.wp_themeSkin .mceMenu .mceMenuItemActive { .wp-editor-wrap .wp_themeSkin .mceMenu .mceMenuItemActive {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.wp_themeSkin td.mceMenuItemSeparator { .wp-editor-wrap .wp_themeSkin td.mceMenuItemSeparator {
background-color: #aaa; background-color: #aaa;
} }
.wp_themeSkin .mceMenuItemTitle a { .wp-editor-wrap .wp_themeSkin .mceMenuItemTitle a {
background-color: #ccc; background-color: #ccc;
border-bottom-color: #aaa; border-bottom-color: #aaa;
} }
.wp_themeSkin .mceMenuItemTitle span.mceText { .wp-editor-wrap .wp_themeSkin .mceMenuItemTitle span.mceText {
color: #000; color: #000;
} }
.wp_themeSkin .mceMenuItemDisabled .mceText { .wp-editor-wrap .wp_themeSkin .mceMenuItemDisabled .mceText {
color: #888; color: #888;
} }
.wp_themeSkin tr.mceFirst td.mceToolbar { .wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
background: #cfdfe9 url("../images/ed-bg-vs.gif?ver=20101102") repeat-x scroll left top; background: #cfdfe9 url("../images/ed-bg-vs.gif?ver=20101102") repeat-x scroll left top;
border-color: #cfdfe9; border-color: #cfdfe9;
} }
@ -1197,6 +1203,69 @@ table.widefat .spam a:hover,
.wp-admin .clearlooks2 .mceFocus .mceTop span { .wp-admin .clearlooks2 .mceFocus .mceTop span {
color: #e5e5e5; color: #e5e5e5;
} }
.wp-editor-wrap .wp-switch-editor {
background-color: #f5fafd;
border-color: #d1e5ee #d1e5ee #d1e5ee;
color: #999
}
.wp-editor-wrap.tmce-active .switch-tmce,
.wp-editor-wrap.html-active .switch-html {
background-color: #eff8ff;
border-color: #d1e5ee #d1e5ee #eff8ff;
color: #333;
}
.wp-editor-wrap.quicktags-toolbar input {
color: #464646;
border-color: #d1e5ee;
background-color: #eff8ff;
background-image: -ms-linear-gradient(bottom, #eff8ff, #fff);
background-image: -moz-linear-gradient(bottom, #eff8ff, #fff);
background-image: -o-linear-gradient(bottom, #eff8ff, #fff);
background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff);
background-image: linear-gradient(bottom, #eff8ff, #fff);
}
.wp-editor-wrap #ed_toolbar.quicktags-toolbar,
.wp-editor-wrap.wp_themeSkin tr.mceFirst td.mceToolbar {
border-bottom: 1px solid #ccc;
background-color: #eff8ff; /* Fallback */
background-image: -ms-linear-gradient(bottom, #cfdfe9), #eff8ff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #cfdfe9, #eff8ff); /* Firefox */
background-image: -o-linear-gradient(bottom, #cfdfe9, #eff8ff); /* Opera */
background-image: -webkit-linear-gradient(bottom, #cfdfe9, #eff8ff); /* new Webkit */
background-image: linear-gradient(bottom, #cfdfe9, #eff8ff); /* proposed W3C Markup */
}
.wp-editor-wrap .quicktags-toolbar input:hover {
border-color: #aaa;
background: #ddd;
}
.wp-editor-wrap.wp_themeSkin .mceButton,
.wp-editor-wrap.wp_themeSkin .mceListBox .mceText,
.wp-editor-wrap.wp_themeSkin .mceListBox .mceOpen {
border-color: #ccc;
background-color: #eff8ff; /* Fallback */
background-image: -ms-linear-gradient(bottom, #eff8ff, #fff); /* IE10 */
background-image: -moz-linear-gradient(bottom, #eff8ff, #fff); /* Firefox */
background-image: -o-linear-gradient(bottom, #eff8ff, #fff); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff); /* new Webkit */
background-image: linear-gradient(bottom, #eff8ff, #fff); /* proposed W3C Markup */
}
.wp-editor-wrap.wp_themeSkin a.mceButtonEnabled:hover {
border-color: #a0a0a0;
background: #ddd; /* 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); /* new Webkit */
background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */
}
/* end TinyMCE */ /* end TinyMCE */
#titlediv #title { #titlediv #title {