From 47dfed43b44e19e0a022a5d9fdc7a42e95019bfb Mon Sep 17 00:00:00 2001 From: Andrew Nacin Date: Sun, 18 Nov 2012 23:49:54 +0000 Subject: [PATCH] Blue admin color scheme fixes. Fix admin menu styling. props melchoyce, helenyhou. fixes #22248. git-svn-id: http://core.svn.wordpress.org/trunk@22647 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/css/colors-classic.css | 93 +++++++++++++++++++++++++-------- wp-admin/css/colors-fresh.css | 56 +++++++++++++++++++- wp-admin/css/wp-admin.css | 32 +++++------- 3 files changed, 140 insertions(+), 41 deletions(-) diff --git a/wp-admin/css/colors-classic.css b/wp-admin/css/colors-classic.css index 9e2e3bcc22..2c2e43f21b 100644 --- a/wp-admin/css/colors-classic.css +++ b/wp-admin/css/colors-classic.css @@ -78,12 +78,6 @@ div.dashboard-widget, background-color: #f1f1f1; } -#postcustomstuff table input, -#postcustomstuff table textarea { - border-color: #dfdfdf; - background-color: #fff; -} - .widefat { border-color: #d1e5ee; background-color: #fff; @@ -109,12 +103,12 @@ div.tabs-panel, .wp-tab-panel, ul.add-menu-item-tabs li.tabs, .wp-tab-active { - border-color: #dfdfdf; + border-color: #d1e5ee; background-color: #fff; } ul.category-tabs li.tabs { - border-color: #dfdfdf #dfdfdf #fff; + border-color: #d1e5ee #d1e5ee #fff; } ul.category-tabs li.tabs, @@ -123,11 +117,42 @@ ul.add-menu-item-tabs li.tabs, background-color: #fff; } +kbd, +code { + background: #eff8ff; +} + +textarea, +input[type="text"], +input[type="password"], +input[type="file"], +input[type="email"], +input[type="number"], +input[type="search"], +input[type="tel"], +input[type="url"], +select { + border-color: #d1e5ee; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="file"]:focus, +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +select:focus { + border-color: #b0c8d7; +} + input.disabled, textarea.disabled { background-color: #ccc; } -/* #upload-menu li a.upload-tab-link, */ + #plugin-information .action-button a, #plugin-information .action-button a:hover, #plugin-information .action-button a:visited { @@ -208,7 +233,7 @@ strong .post-com-count span { .ac_results { background-color: #fff; - border-color: #808080; + border-color: #b0c8d7; } .ac_results li { @@ -221,8 +246,12 @@ strong .post-com-count span { } .available-theme a.screenshot { - background-color: #f1f1f1; - border-color: #ddd; + background-color: #eff8ff; + border-color: #acd; +} + +#current-theme { + border-bottom-color: #d1e5ee; } .bar { @@ -282,6 +311,7 @@ td.help { } .ui-autocomplete { + border-color: #b0c8d7; background-color: #eff8ff; } @@ -351,6 +381,11 @@ div.dashboard-widget-submit input:hover, color: #333; } +#dashboard_right_now .table_content, +#dashboard_right_now .table_discussion { + border-top-color: #d1e5ee; +} + #rightnow .rbutton { background-color: #ebebeb; color: #264761; @@ -816,6 +851,7 @@ table.widefat .spam a:hover, /* editors */ #poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar { border-color: #d0dfe9; + background-color: #eff8ff; } #poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar * { @@ -846,7 +882,7 @@ table.widefat .spam a:hover, .wp-admin .wp-editor-wrap .wp-switch-editor { background-color: #d3e9f2; border-color: #d1e5ee #d1e5ee #d3e9f2; - color: #888; + color: #174F69; } .wp-admin .wp-editor-wrap .wp-switch-editor:active { @@ -1059,8 +1095,8 @@ table.widefat .spam a:hover, } #adminmenu .wp-submenu .wp-submenu-head { - border-right-color: #dfdfdf; - background-color: #e4e4e4; + background-color: #e0f1ff; + color: #333; } /* collapse menu button */ @@ -1547,11 +1583,11 @@ fieldset.inline-edit-col-right .inline-edit-col { #availablethemes, #availablethemes td { - border-color: #ddd; + border-color: #acd; } #current-theme img { - border-color: #999; + border-color: #b0c8d7; } #TB_window #TB_title a.tb-theme-preview-link, @@ -1566,11 +1602,11 @@ fieldset.inline-edit-col-right .inline-edit-col { .misc-pub-section { border-top-color: #fff; - border-bottom-color: #eee; + border-bottom-color: #d1e5ee; } #minor-publishing { - border-bottom-color: #ddd; + border-bottom-color: #cae6ff; } #post-body .misc-pub-section { @@ -1626,7 +1662,7 @@ body.press-this ul.category-tabs li.tabs a { .popular-tags, .feature-filter { background-color: #fff; - border-color: #dfdfdf; + border-color: #d1e5ee; } div.widgets-sortables, @@ -1821,6 +1857,19 @@ div.widgets-sortables, } /* end added from nav-menu.css */ +.nav-tab { + border-color: #d1e5ee #d1e5ee #fff; +} + +.nav-tab:hover, +.nav-tab-active { + border-color: #acd #acd #fff; +} + +h2.nav-tab-wrapper, h3.nav-tab-wrapper { + border-bottom-color: #acd; +} + #menu-management .nav-tab-active, .menu-item-handle, .menu-item-settings { @@ -1829,8 +1878,8 @@ div.widgets-sortables, } #menu-management .nav-tab-active { - background: #eff8ff; - border-bottom-color: #eff8ff; + background: #f7fcfe; + border-bottom-color: #f7fcfe; } #upload-form label { diff --git a/wp-admin/css/colors-fresh.css b/wp-admin/css/colors-fresh.css index f929e6d93c..5de5ae0f21 100644 --- a/wp-admin/css/colors-fresh.css +++ b/wp-admin/css/colors-fresh.css @@ -120,11 +120,42 @@ ul.add-menu-item-tabs li.tabs, background-color: #fff; } +kbd, +code { + background: #eaeaea; +} + +textarea, +input[type="text"], +input[type="password"], +input[type="file"], +input[type="email"], +input[type="number"], +input[type="search"], +input[type="tel"], +input[type="url"], +select { + border-color: #dfdfdf; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="file"]:focus, +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +select:focus { + border-color: #aaa; +} + input.disabled, textarea.disabled { background-color: #ccc; } -/* #upload-menu li a.upload-tab-link, */ + #plugin-information .action-button a, #plugin-information .action-button a:hover, #plugin-information .action-button a:visited { @@ -221,6 +252,10 @@ strong .post-com-count span { border-color: #ddd; } +#current-theme { + border-bottom-color: #dfdfdf; +} + .bar { background-color: #e8e8e8; border-right-color: #99d; @@ -278,6 +313,7 @@ td.help { } .ui-autocomplete { + border-color: #aaa; background-color: #efefef; } @@ -352,6 +388,11 @@ div.dashboard-widget-submit input:hover, color: #264761; } +#dashboard_right_now .table_content, +#dashboard_right_now .table_discussion { + border-top-color: #ececec; +} + .submitbox .submit { background-color: #464646; color: #ccc; @@ -1707,6 +1748,19 @@ div.widgets-sortables, } /* end added from nav-menu.css */ +.nav-tab { + border-color: #dfdfdf #dfdfdf #fff; +} + +.nav-tab:hover, +.nav-tab-active { + border-color: #ccc #ccc #fff; +} + +h2.nav-tab-wrapper, h3.nav-tab-wrapper { + border-bottom-color: #ccc; +} + #menu-management .nav-tab-active, .menu-item-handle, .menu-item-settings { diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css index b9bbc50cf4..c2d14e8e7e 100644 --- a/wp-admin/css/wp-admin.css +++ b/wp-admin/css/wp-admin.css @@ -708,7 +708,6 @@ input[type="search"], input[type="tel"], input[type="url"], select { - border-color: #dfdfdf; background-color: #fff; color: #333; } @@ -717,6 +716,10 @@ select { color: #000; } +select:focus { + border-color: #aaa; +} + textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -727,16 +730,10 @@ input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, select:focus { - border-color: #aaa; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px rgba(0,0,0,0.1); } -kbd, -code { - background: #eaeaea; -} - input[readonly] { background-color: #eee; } @@ -953,7 +950,8 @@ ul#add-to-blog-users { z-index: 10000; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border: 1px solid #a1a1a1; + border-width: 1px; + border-style: solid; } .ui-autocomplete li { @@ -4635,7 +4633,8 @@ h3.available-themes { #current-theme { margin: 20px 0 10px; padding: 0 0 20px; - border-bottom: 1px solid #dfdfdf; + border-bottom-width: 1px; + border-bottom-style: solid; overflow: hidden; } @@ -4815,7 +4814,6 @@ div#custom-background-image img { .nav-tab { border-style: solid; - border-color: #dfdfdf #dfdfdf #fff; border-width: 1px 1px 0; color: #aaa; text-shadow: #fff 0 1px 0; @@ -4836,13 +4834,9 @@ div#custom-background-image img { color: #464646; } -.nav-tab:hover, -.nav-tab-active { - border-color: #ccc #ccc #fff; -} - h2.nav-tab-wrapper, h3.nav-tab-wrapper { - border-bottom: 1px solid #ccc; + border-bottom-width: 1px; + border-bottom-style: solid; padding-bottom: 0; } @@ -6106,13 +6100,15 @@ h3:hover .edit-box { #dashboard_right_now .table_content { float: left; - border-top: #ececec 1px solid; + border-top-width: 1px; + border-top-style: solid; width: 45%; } #dashboard_right_now .table_discussion { float: right; - border-top: #ececec 1px solid; + border-top-width: 1px; + border-top-style: solid; width: 45%; }