From 4b2173708da3a8a4b74e0c034700470444e3c32f Mon Sep 17 00:00:00 2001 From: Helen Hou-Sandi Date: Wed, 13 Feb 2013 22:43:48 +0000 Subject: [PATCH] Begin simplifying some of the visual elements in the admin, starting with gradients. White space purposefully not currently altered. props lessbloat, melchoyce, aaroncampbell, sabreuse. see #23415. git-svn-id: https://develop.svn.wordpress.org/trunk@23407 602fd350-edb4-49c9-b593-d223f7449a82 --- wp-admin/css/colors-classic.css | 136 ------------------------------ wp-admin/css/colors-fresh.css | 144 ++++++-------------------------- wp-admin/css/wp-admin.css | 76 +---------------- wp-includes/css/editor.css | 14 +--- 4 files changed, 29 insertions(+), 341 deletions(-) diff --git a/wp-admin/css/colors-classic.css b/wp-admin/css/colors-classic.css index 7a02828008..94c4a43f54 100644 --- a/wp-admin/css/colors-classic.css +++ b/wp-admin/css/colors-classic.css @@ -178,26 +178,17 @@ h3.dashboard-widget-title small, .menu-item-handle, #fullscreen-topbar { background: #f5fafd; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -moz-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -o-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: linear-gradient(to top, #eff8ff, #f7fcfe); } .widget .widget-top, .postbox h3, .stuffbox h3 { border-bottom-color: #d1e5ee; - text-shadow: #fff 0 1px 0; - -webkit-box-shadow: 0 1px 0 #fff; - box-shadow: 0 1px 0 #fff; } .form-table th, .form-wrap label { color: #222; - text-shadow: #fff 0 1px 0; } .description, @@ -462,10 +453,6 @@ a.page-numbers { border-bottom-color: #d0dfe9; } -.widefat th { - text-shadow: rgba(255,255,255,0.8) 0 1px 0; -} - .widefat td { color: #555; } @@ -491,11 +478,6 @@ th.sortable a:focus { th.sortable a:focus { background: #e1e1e1; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9)); - background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: -o-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: linear-gradient(to top, #dcdcdc, #e9e9e9); } h3.dashboard-widget-title small a { @@ -523,8 +505,6 @@ a, #rightnow .reallynow { background-color: #464646; color: #fff; - -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0; - box-shadow: rgba(255,255,255,0.5) 0 1px 0; } #plugin-information .action-button { background-color: #d54e21; @@ -535,8 +515,6 @@ a, #adminmenu li a.wp-has-current-submenu .update-plugins{ background-color: #464646; color: #fff; - -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0; - box-shadow: rgba(255,255,255,0.5) 0 1px 0; } div#media-upload-header, @@ -646,11 +624,6 @@ table.widefat span.spam a, .welcome-panel { background: #f5fafd; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -moz-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -o-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: linear-gradient(to top, #eff8ff, #f7fcfe); border-color: #d1e5ee; } .welcome-panel p { @@ -659,9 +632,6 @@ table.widefat span.spam a, .welcome-panel-column p { color: #464646; } -.welcome-panel h3 { - text-shadow: 1px 1px 1px #fff; -} .widget, #widget-list .widget-top, @@ -670,8 +640,6 @@ table.widefat span.spam a, #poststuff .postarea, .stuffbox { border-color: #d1e5ee; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -webkit-border-radius: 3px; border-radius: 3px; } @@ -681,11 +649,6 @@ table.widefat span.spam a, .postbox, .menu-item-settings { background: #f5fafd; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -moz-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -o-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: linear-gradient(to top, #eff8ff, #f7fcfe); } .postbox h3 { @@ -736,8 +699,6 @@ table.widefat span.spam a, #screen-meta { background-color: #eff8ff; border-color: #d1e5ee; - -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 ); - box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 ); } #contextual-help-back { @@ -768,11 +729,6 @@ table.widefat span.spam a, border-left: 1px solid #d1e5ee; border-bottom: 1px solid #d1e5ee; background: #eff8ff; - background-image: -webkit-gradient(linear, left bottom, left top, from(#def1ff), to(#eff8ff)); - background-image: -webkit-linear-gradient(bottom, #def1ff, #eff8ff); - background-image: -moz-linear-gradient(bottom, #def1ff, #eff8ff); - background-image: -o-linear-gradient(bottom, #def1ff, #eff8ff); - background-image: linear-gradient(to top, #def1ff, #eff8ff); } #screen-meta-links a { @@ -902,11 +858,6 @@ table.widefat .spam a:hover, .wp-admin .wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar { border-color: #d0dfe9; background-color: #f5fafd; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -moz-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -o-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: linear-gradient(to top, #eff8ff, #f7fcfe); } .wp-admin .wp_themeSkin table.mceListBox { @@ -925,11 +876,6 @@ table.widefat .spam a:hover, .wp-admin .wp_themeSkin table.mceSplitButton:hover { border-color: #c3d2dc; background: #f4f9fc; - background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff); - background-image: -moz-linear-gradient(bottom, #f4f9fc, #fff); - background-image: -o-linear-gradient(bottom, #f4f9fc, #fff); - background-image: linear-gradient(to top, #f4f9fc, #fff); } .wp-admin .wp_themeSkin a.mceButton:active, @@ -942,11 +888,6 @@ table.widefat .spam a:hover, .wp-admin .wp_themeSkin .mceSplitButtonSelected table:hover { border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9; background: #f4f9fc; - background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc)); - background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc); - background-image: -moz-linear-gradient(bottom, #fff, #f4f9fc); - background-image: -o-linear-gradient(bottom, #fff, #f4f9fc); - background-image: linear-gradient(to top, #fff, #f4f9fc); } .wp-admin .wp_themeSkin .mceSplitButtonSelected table a.mceOpen, @@ -1014,13 +955,6 @@ table.widefat .spam a:hover, #adminmenu li > a.menu-top:focus { background-color: #e0f1ff; color: #d54e21; - text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 ); -} - -/* So it doesn't get applied to the number spans (comments, updates, etc) */ -#adminmenu li.menu-top:hover > a span, -#adminmenu li.menu-top > a:focus span { - text-shadow: none; } #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, @@ -1030,20 +964,10 @@ table.widefat .spam a:hover, #adminmenu .wp-menu-arrow, #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head { background: #5589aa; - background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb)); - background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb); - background-image: -moz-linear-gradient(bottom, #5589aa, #619bbb); - background-image: -o-linear-gradient(bottom, #5589aa, #619bbb); - background-image: linear-gradient(to top, #5589aa, #619bbb); } #adminmenu .wp-menu-arrow div { background: #5589aa; - background-image: -webkit-gradient(linear, right bottom, left top, from(#5589aa), to(#619bbb)); - background-image: -webkit-linear-gradient(bottom right, #5589aa, #619bbb); - background-image: -moz-linear-gradient(bottom right, #5589aa, #619bbb); - background-image: -o-linear-gradient(bottom right, #5589aa, #619bbb); - background-image: linear-gradient(to top left, #5589aa, #619bbb); } #adminmenu li.wp-not-current-submenu .wp-menu-arrow { @@ -1064,7 +988,6 @@ table.widefat .spam a:hover, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.current a.menu-top, #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head { - text-shadow: 0 -1px 0 #333; color: #fff; border-top-color: #5a8fad; border-bottom-color: #5589aa; @@ -1115,11 +1038,6 @@ table.widefat .spam a:hover, #collapse-button { border-color: #d0dfe9; background: #eff8ff; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff); - background-image: -moz-linear-gradient(bottom, #eff8ff, #fff); - background-image: -o-linear-gradient(bottom, #eff8ff, #fff); - background-image: linear-gradient(to top, #eff8ff, #fff); } #collapse-menu:hover #collapse-button { @@ -1139,11 +1057,6 @@ table.widefat .spam a:hover, .auto-fold #adminmenu li.wp-has-current-submenu, .auto-fold #adminmenu li.current.menu-top { background-color: #5589aa; - background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb)); - background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb); - background-image: -moz-linear-gradient(bottom, #5589aa, #619bbb); - background-image: -o-linear-gradient(bottom, #5589aa, #619bbb); - background-image: linear-gradient(bottom, #5589aa, #619bbb); } .auto-fold #adminmenu li.wp-has-current-submenu, @@ -1156,8 +1069,6 @@ table.widefat .spam a:hover, .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { background-color: #fff; border-color: #d0dfe9; - -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); - box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); } .auto-fold #collapse-button div { @@ -1558,9 +1469,6 @@ fieldset.inline-edit-col-right .inline-edit-col { .tablenav .tablenav-pages a { border-color: #d1e5ee; background: #eee; - -moz-box-shadow: inset 0 1px 0 #fff; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; } .tablenav .tablenav-pages a:hover, @@ -1676,10 +1584,7 @@ div.widgets-sortables, .sidebar-name { color: #464646; - text-shadow: #fff 0 1px 0; border-color: #d0dfe9; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; } .js .sidebar-name:hover, @@ -1800,7 +1705,6 @@ div.widgets-sortables, .menu li.deleting .menu-item-handle { background-color: #f66; - text-shadow: #ccc; } .item-type { /* Menu item controls */ @@ -1868,13 +1772,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { border-bottom-color: #acd; } -#menu-management .nav-tab-active, -.menu-item-handle, -.menu-item-settings { - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -} - #menu-management .nav-tab-active { background: #f7fcfe; border-bottom-color: #f7fcfe; @@ -1904,7 +1801,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { .about-wrap h1 { color: #333; - text-shadow: 1px 1px 1px #fff; } .about-text { @@ -1913,7 +1809,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { .wp-badge { color: #fff; - text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3); } .about-wrap h2 .nav-tab { @@ -1930,13 +1825,11 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { } .about-wrap h2 .nav-tab-active { - text-shadow: 1px 1px 1px #fff; color: #464646; } .about-wrap h3 { color: #333; - text-shadow: 1px 1px 1px #fff; } .about-wrap .feature-section h4 { @@ -1946,12 +1839,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { .about-wrap .feature-section img { background: #fff; border: 1px #ccc solid; - -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 ); - box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 ); -} - -.about-wrap h4.wp-people-group { - text-shadow: 1px 1px 1px #fff; } .about-wrap .point-releases { @@ -1966,14 +1853,8 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { border: 0; } -.about-wrap li.wp-person img.gravatar { - -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 ); - box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 ); -} - .about-wrap li.wp-person .title { color: #464646; - text-shadow: 1px 1px 1px #fff; } .freedoms-php .about-wrap ol li { @@ -2016,17 +1897,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { border-left-color: #d1e5ee; } -.rtl #adminmenu .wp-submenu, -.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); -} - -.rtl #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: none; - box-shadow: none; -} - /* Collapse Menu Button */ .rtl #collapse-button div { background-position: 0 -108px; @@ -2038,12 +1908,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { /* Auto-folding of the admin menu for RTL */ @media only screen and (max-width: 900px) { - .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, - .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - } - .rtl.auto-fold #collapse-button div { background-position: 0 -72px; } diff --git a/wp-admin/css/colors-fresh.css b/wp-admin/css/colors-fresh.css index 127b725ae7..e5aa2bfb40 100644 --- a/wp-admin/css/colors-fresh.css +++ b/wp-admin/css/colors-fresh.css @@ -177,26 +177,17 @@ h3.dashboard-widget-title small, #nav-menu-footer, .menu-item-handle { background: #f1f1f1; - background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); - background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: linear-gradient(to top, #ececec, #f9f9f9); } .widget .widget-top, .postbox h3, .stuffbox h3 { border-bottom-color: #dfdfdf; - text-shadow: #fff 0 1px 0; - -webkit-box-shadow: 0 1px 0 #fff; - box-shadow: 0 1px 0 #fff; } .form-table th, .form-wrap label { color: #222; - text-shadow: #fff 0 1px 0; } .description, @@ -461,10 +452,6 @@ a.page-numbers { border-bottom-color: #dfdfdf; } -.widefat th { - text-shadow: rgba(255,255,255,0.8) 0 1px 0; -} - .widefat td { color: #555; } @@ -490,11 +477,6 @@ th.sortable a:focus { th.sortable a:focus { background: #e1e1e1; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9)); - background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: -o-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: linear-gradient(to top, #dcdcdc, #e9e9e9); } h3.dashboard-widget-title small a { @@ -522,8 +504,6 @@ a, #rightnow .reallynow { background-color: #464646; color: #fff; - -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0; - box-shadow: rgba(255,255,255,0.5) 0 1px 0; } #plugin-information .action-button { background-color: #d54e21; @@ -534,8 +514,6 @@ a, #adminmenu li a.wp-has-current-submenu .update-plugins{ background-color: #464646; color: #fff; - -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0; - box-shadow: rgba(255,255,255,0.5) 0 1px 0; } div#media-upload-header, @@ -645,11 +623,6 @@ table.widefat span.spam a, .welcome-panel { background: #f5f5f5; - background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa)); - background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa); - background-image: -moz-linear-gradient(bottom, #f5f5f5, #fafafa); - background-image: -o-linear-gradient(bottom, #f5f5f5, #fafafa); - background-image: linear-gradient(to top, #f5f5f5, #fafafa); border-color: #dfdfdf; } .welcome-panel p { @@ -658,9 +631,6 @@ table.widefat span.spam a, .welcome-panel-column p { color: #464646; } -.welcome-panel h3 { - text-shadow: 1px 1px 1px #fff; -} .widget, #widget-list .widget-top, @@ -669,8 +639,6 @@ table.widefat span.spam a, #poststuff .postarea, .stuffbox { border-color: #dfdfdf; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -webkit-border-radius: 3px; border-radius: 3px; } @@ -680,11 +648,6 @@ table.widefat span.spam a, .postbox, .menu-item-settings { background: #f5f5f5; - background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(bottom, #f5f5f5, #f9f9f9); - background-image: -moz-linear-gradient(bottom, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(bottom, #f5f5f5, #f9f9f9); - background-image: linear-gradient(to top, #f5f5f5, #f9f9f9); } .postbox h3 { @@ -731,8 +694,6 @@ table.widefat span.spam a, #screen-meta { background-color: #f1f1f1; border-color: #ccc; - -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 ); - box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 ); } #contextual-help-back { @@ -761,12 +722,7 @@ table.widefat span.spam a, border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; - background: #e3e3e3; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f1f1f1)); - background-image: -webkit-linear-gradient(bottom, #dfdfdf, #f1f1f1); - background-image: -moz-linear-gradient(bottom, #dfdfdf, #f1f1f1); - background-image: -o-linear-gradient(bottom, #dfdfdf, #f1f1f1); - background-image: linear-gradient(to top, #dfdfdf, #f1f1f1); + background: #f1f1f1; } #screen-meta-links a { @@ -904,13 +860,6 @@ table.widefat .spam a:hover, #adminmenu li > a.menu-top:focus { background-color: #e4e4e4; color: #d54e21; - text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 ); -} - -/* So it doesn't get applied to the number spans (comments, updates, etc) */ -#adminmenu li.menu-top:hover > a span, -#adminmenu li.menu-top > a:focus span { - text-shadow: none; } #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, @@ -920,20 +869,10 @@ table.widefat .spam a:hover, #adminmenu .wp-menu-arrow, #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head { background: #777; - background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); - background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -o-linear-gradient(bottom, #6d6d6d, #808080); - background-image: linear-gradient(to top, #6d6d6d, #808080); } #adminmenu .wp-menu-arrow div { background: #777; - background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080)); - background-image: -webkit-linear-gradient(bottom right, #6d6d6d, #808080); - background-image: -moz-linear-gradient(bottom right, #6d6d6d, #808080); - background-image: -o-linear-gradient(bottom right, #6d6d6d, #808080); - background-image: linear-gradient(to top left, #6d6d6d, #808080); } #adminmenu li.wp-not-current-submenu .wp-menu-arrow { @@ -954,7 +893,6 @@ table.widefat .spam a:hover, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, #adminmenu li.current a.menu-top, #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head { - text-shadow: 0 -1px 0 #333; color: #fff; border-top-color: #808080; border-bottom-color: #6d6d6d; @@ -992,6 +930,28 @@ table.widefat .spam a:hover, color: #333; } +.rtl #adminmenu .wp-submenu, +.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu { + -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); + box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); +} + +.rtl #adminmenu .wp-has-current-submenu .wp-submenu { + -webkit-box-shadow: none; + box-shadow: none; +} + +.rtl #adminmenu .wp-submenu, +.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu { + -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); + box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); +} + +.rtl #adminmenu .wp-has-current-submenu .wp-submenu { + -webkit-box-shadow: none; + box-shadow: none; +} + /* collapse menu button */ #collapse-menu { color: #aaa; @@ -1005,11 +965,6 @@ table.widefat .spam a:hover, #collapse-button { border-color: #ccc; background: #f4f4f4; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff); - background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff); - background-image: -o-linear-gradient(bottom, #dfdfdf, #fff); - background-image: linear-gradient(to top, #dfdfdf, #fff); } #collapse-menu:hover #collapse-button { @@ -1029,11 +984,6 @@ table.widefat .spam a:hover, .auto-fold #adminmenu li.wp-has-current-submenu, .auto-fold #adminmenu li.current.menu-top { background-color: #777; - background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); - background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -o-linear-gradient(bottom, #6d6d6d, #808080); - background-image: linear-gradient(bottom, #6d6d6d, #808080); } .auto-fold #adminmenu li.wp-has-current-submenu, @@ -1046,8 +996,6 @@ table.widefat .spam a:hover, .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { background-color: #fff; border-color: #dfdfdf; - -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); - box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); } .auto-fold #collapse-button div { @@ -1449,9 +1397,6 @@ fieldset.inline-edit-col-right .inline-edit-col { .tablenav .tablenav-pages a { border-color: #e3e3e3; background: #eee; - -moz-box-shadow: inset 0 1px 0 #fff; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; } .tablenav .tablenav-pages a:hover, @@ -1567,10 +1512,7 @@ div.widgets-sortables, .sidebar-name { color: #464646; - text-shadow: #fff 0 1px 0; border-color: #dfdfdf; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; } .js .sidebar-name:hover, @@ -1688,7 +1630,6 @@ div.widgets-sortables, .menu li.deleting .menu-item-handle { background-color: #f66; - text-shadow: #ccc; } .item-type { /* Menu item controls */ @@ -1756,16 +1697,9 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { border-bottom-color: #ccc; } -#menu-management .nav-tab-active, -.menu-item-handle, -.menu-item-settings { - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -} - #menu-management .nav-tab-active { - background: #f9f9f9; - border-bottom-color: #f9f9f9; + background: #f1f1f1; + border-bottom-color: #f1f1f1; } #upload-form label { @@ -1776,7 +1710,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { .about-wrap h1 { color: #333; - text-shadow: 1px 1px 1px #fff; } .about-text { @@ -1785,7 +1718,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { .wp-badge { color: #fff; - text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3); } .about-wrap h2 .nav-tab { @@ -1802,13 +1734,11 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { } .about-wrap h2 .nav-tab-active { - text-shadow: 1px 1px 1px #fff; color: #464646; } .about-wrap h3 { color: #333; - text-shadow: 1px 1px 1px #fff; } .about-wrap .feature-section h4 { @@ -1818,12 +1748,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { .about-wrap .feature-section img { background: #fff; border: 1px #ccc solid; - -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 ); - box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 ); -} - -.about-wrap h4.wp-people-group { - text-shadow: 1px 1px 1px #fff; } .about-wrap .point-releases { @@ -1838,14 +1762,8 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { border: 0; } -.about-wrap li.wp-person img.gravatar { - -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 ); - box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 ); -} - .about-wrap li.wp-person .title { color: #464646; - text-shadow: 1px 1px 1px #fff; } .freedoms-php .about-wrap ol li { @@ -1888,17 +1806,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { border-left-color: #dfdfdf; } -.rtl #adminmenu .wp-submenu, -.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); -} - -.rtl #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: none; - box-shadow: none; -} - /* Collapse Menu Button */ .rtl #collapse-button div { background-position: 0 -108px; @@ -1910,6 +1817,7 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { /* Auto-folding of the admin menu for RTL */ @media only screen and (max-width: 900px) { + .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css index 30c8080672..cc1bd1c28f 100644 --- a/wp-admin/css/wp-admin.css +++ b/wp-admin/css/wp-admin.css @@ -218,8 +218,6 @@ TABLE OF CONTENTS: border-radius: 3px; z-index: 100000; line-height: normal; - -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); - box-shadow: 0 0 2px 2px rgba(0,0,0,.6); text-decoration: none; } @@ -575,7 +573,7 @@ select, .widefat td, .widefat th { - border-width: 1px 0; + border-width: 0 0 1px 0; border-style: solid; } .widefat tfoot th { @@ -672,7 +670,6 @@ div.error p { .subtitle { font-weight: normal; margin: 0; - text-shadow: #fff 0 1px 0; } .wrap h2 { @@ -1048,8 +1045,6 @@ ul#add-to-blog-users { #minor-publishing { border-bottom-width: 1px; border-bottom-style: solid; - -webkit-box-shadow: 0 1px 0 #fff; - box-shadow: 0 1px 0 #fff; } #save-post { @@ -1195,8 +1190,6 @@ form.upgrade .hint { } #screen-meta-links a:focus { - -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4); - box-shadow: 1px 1px 1px rgba(0,0,0,0.4); outline: none; } @@ -1240,7 +1233,6 @@ form.upgrade .hint { line-height: 22px; font-size: 12px; display: block; - text-shadow: rgba(255,255,255,0.7) 0 1px 0; } #screen-meta-links a.show-settings:hover { @@ -1461,7 +1453,6 @@ form.upgrade .hint { right: auto; bottom: auto; border: 0 none; - -webkit-box-shadow: none; box-shadow: none; } @@ -2192,8 +2183,6 @@ html.wp-toolbar { .postbox.closed h3 { border: none; - -webkit-box-shadow: none; - box-shadow: none; } .postbox table.form-table { @@ -3913,15 +3902,8 @@ abbr.required { margin-bottom: 2px; border: 1px solid #d1d1d1; background: #f7f7f7; - background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f7f7f7)); - background-image: -webkit-linear-gradient(bottom, #fff, #f7f7f7); - background-image: -moz-linear-gradient(bottom, #fff, #f7f7f7); - background-image: -o-linear-gradient(bottom, #fff, #f7f7f7); - background-image: linear-gradient(to top, #fff, #f7f7f7); -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1); - box-shadow: inset 0 0 3px rgba(0,0,0,0.1); } .media-item .bar { @@ -3930,15 +3912,8 @@ abbr.required { height: 100%; margin-top: -24px; background-color: #8cc1e9; - background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9)); - background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: -moz-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: -o-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: linear-gradient(to top, #72a7cf, #8cc1e9); -webkit-border-radius: 3px; border-radius: 3px; - -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); - box-shadow: 0 0 3px rgba(0,0,0,0.3); } .media-item .progress .percent { @@ -3946,7 +3921,6 @@ abbr.required { position: relative; width: 200px; padding: 0 8px; - text-shadow: 0 1px 0 rgba(255,255,255,0.4); color: rgba(0,0,0,0.6); } @@ -4418,7 +4392,6 @@ span.imgedit-scale-warn { .form-table th, .form-wrap label { font-weight: normal; - text-shadow: #fff 0 1px 0; } .form-table th { @@ -4539,8 +4512,6 @@ span.imgedit-scale-warn { #replycontent { height: 120px; - -webkit-box-shadow: none; - box-shadow: none; } .comment-php .wp-editor-area { @@ -4885,7 +4856,6 @@ div#custom-background-image img { border-style: solid; border-width: 1px 1px 0; color: #aaa; - text-shadow: #fff 0 1px 0; font-size: 12px; line-height: 16px; display: inline-block; @@ -5063,11 +5033,6 @@ h2 .nav-tab { cursor: move; color: #333; background: #e6e6e6; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #e6e6e6), color-stop(77%, #d8d8d8)); - background-image: -webkit-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%); - background-image: -moz-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%); - background-image: -o-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%); - background-image: linear-gradient(to top, #e6e6e6 7%, #d8d8d8 77%); -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #b4b4b4; @@ -5075,7 +5040,6 @@ h2 .nav-tab { line-height: 16px; font-size: 14px; text-decoration: none; - text-shadow: 0 1px 0px #fff; } .pressthis a:active { @@ -5086,8 +5050,6 @@ h2 .nav-tab { -webkit-transform: skew(20deg) rotate(9deg); -moz-transform: skew(20deg) rotate(9deg); transform: skew(20deg) rotate(9deg); - -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); - box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7); } .pressthis a span { @@ -5111,8 +5073,6 @@ h2 .nav-tab { -webkit-transform: skew(20deg) rotate(6deg); -moz-transform: skew(20deg) rotate(6deg); transform: skew(20deg) rotate(6deg); - -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); - box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6); } /*------------------------------------------------------------------------------ @@ -6555,8 +6515,6 @@ a.rsswidget { background-image: none; border-color: #edc048; color: #fff; - -webkit-box-shadow: none; - box-shadow: none; } #dashboard_browser_nag.postbox.browser-insecure h3 { @@ -6566,27 +6524,14 @@ a.rsswidget { #dashboard_browser_nag.postbox h3 { border-bottom-color: #f6e2ac; - text-shadow: none; background: transparent none; color: #fff; - -webkit-box-shadow: none; - box-shadow: none; } #dashboard_browser_nag a { color: #fff; } -#dashboard_browser_nag.browser-insecure a.browse-happy-link, -#dashboard_browser_nag.browser-insecure a.update-browser-link { - text-shadow: #871b15 0 1px 0; -} - -#dashboard_browser_nag a.browse-happy-link, -#dashboard_browser_nag a.update-browser-link { - text-shadow: #d29a04 0 1px 0; -} - /* login */ @@ -6601,8 +6546,6 @@ a.rsswidget { font-weight: normal; background: #fff; border: 1px solid #e5e5e5; - -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px; - box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px; } .login form .forgetmenot { @@ -6661,7 +6604,6 @@ a.rsswidget { .login #nav, .login #backtoblog { - text-shadow: #fff 0 1px 0; margin: 0 0 0 16px; padding: 16px 16px 0; } @@ -6684,8 +6626,6 @@ a.rsswidget { border: 1px solid #e5e5e5; background: #fbfbfb; outline: none; - -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2); - box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2); } .login #pass-strength-result { @@ -6859,7 +6799,6 @@ a.rsswidget { top: 0; line-height: 22px; font-size: 18px; - text-shadow: 0 1px 0 #fff; } #menu-management .nav-tabs-arrow-left { @@ -7116,18 +7055,12 @@ a.rsswidget { height: auto; width: 400px; line-height: 35px; - text-shadow: 0 1px 0 #FFFFFF; overflow: hidden; word-wrap: break-word; } #menu-to-edit .menu-item-invalid .menu-item-handle { background: #f6c9cc; - background-image: -webkit-gradient(linear, left bottom, left top, from(#f6c9cc), to(#fdf8ff)); - background-image: -webkit-linear-gradient(bottom, #f6c9cc, #fdf8ff); - background-image: -moz-linear-gradient(bottom, #f6c9cc, #fdf8ff); - background-image: -o-linear-gradient(bottom, #f6c9cc, #fdf8ff); - background-image: linear-gradient(to top, #f6c9cc, #fdf8ff); } .menu-item-edit-active .menu-item-handle { @@ -7147,7 +7080,6 @@ a.rsswidget { .menu li.deleting .menu-item-handle { background-image: none; - text-shadow: 0 0 0; } .menu-item-handle .item-title { @@ -7680,7 +7612,6 @@ div.zerosize { } h3.tb { - text-shadow: 0 1px 0 #fff; font-weight: bold; font-size: 12px; margin-left: 5px; @@ -8085,11 +8016,6 @@ div.sidebar-name { padding: 7px 5px 0; } -#available-widgets .widget { - -webkit-box-shadow: none; - box-shadow: none; -} - .inactive-sidebar { padding: 5px 5px 0; } diff --git a/wp-includes/css/editor.css b/wp-includes/css/editor.css index 6fa48c300e..9c12e7c38f 100644 --- a/wp-includes/css/editor.css +++ b/wp-includes/css/editor.css @@ -995,11 +995,6 @@ .wp_themeSkin tr.mceFirst td.mceToolbar { border-bottom: 1px solid #d1d1d1; background: #eee; - background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4)); - background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4); - background-image: -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4); - background-image: -o-linear-gradient(bottom, #e5e5e5, #f4f4f4); - background-image: linear-gradient(to top, #e5e5e5, #f4f4f4); } .wp-switch-editor { @@ -1042,8 +1037,8 @@ html[dir="rtl"] .wp-switch-editor { .tmce-active .switch-tmce, .html-active .switch-html { - border-color: #ccc #ccc #f4f4f4; - background-color: #f4f4f4; + border-color: #ccc #ccc #eee; + background-color: #eee; color: #555; } @@ -1903,11 +1898,6 @@ RTL #fullscreen-topbar { border-bottom-color: #DFDFDF; background: #f1f1f1; - background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); - background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: linear-gradient(to top, #ececec, #f9f9f9); } /* =CSS 3 transitions