From 6ef89f92c786049b0ac7b8fefe86c19b86a6433d Mon Sep 17 00:00:00 2001
From: Helen Hou-Sandi <helen@git.wordpress.org>
Date: Thu, 28 Feb 2013 00:58:26 +0000
Subject: [PATCH] Revert [23407], thereby restoring gradients and shadows. see
 #23415.

git-svn-id: https://develop.svn.wordpress.org/trunk@23500 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-admin/css/colors-classic.css | 133 +++++++++++++++++++++++++++++-
 wp-admin/css/colors-fresh.css   | 141 ++++++++++++++++++++++++++------
 wp-admin/css/wp-admin.css       |  75 ++++++++++++++++-
 wp-includes/css/editor.css      |  14 +++-
 4 files changed, 330 insertions(+), 33 deletions(-)

diff --git a/wp-admin/css/colors-classic.css b/wp-admin/css/colors-classic.css
index b5e5cfd29b..7a02828008 100644
--- a/wp-admin/css/colors-classic.css
+++ b/wp-admin/css/colors-classic.css
@@ -178,17 +178,26 @@ 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,
@@ -453,6 +462,10 @@ a.page-numbers {
 	border-bottom-color: #d0dfe9;
 }
 
+.widefat th {
+	text-shadow: rgba(255,255,255,0.8) 0 1px 0;
+}
+
 .widefat td {
 	color: #555;
 }
@@ -478,6 +491,11 @@ 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 {
@@ -505,6 +523,8 @@ 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;
@@ -515,6 +535,8 @@ 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,
@@ -624,6 +646,11 @@ 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 {
@@ -632,6 +659,9 @@ 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,
@@ -640,6 +670,8 @@ 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;
 }
@@ -649,6 +681,11 @@ 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 {
@@ -699,6 +736,8 @@ 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 {
@@ -729,6 +768,11 @@ 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 {
@@ -858,6 +902,11 @@ 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 {
@@ -876,6 +925,11 @@ 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,
@@ -888,6 +942,11 @@ 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,
@@ -955,6 +1014,13 @@ 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,
@@ -964,10 +1030,20 @@ 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 {
@@ -988,6 +1064,7 @@ 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;
@@ -1038,6 +1115,11 @@ 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 {
@@ -1057,6 +1139,11 @@ 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,
@@ -1069,6 +1156,8 @@ 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 {
@@ -1469,6 +1558,9 @@ 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,
@@ -1584,7 +1676,10 @@ 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,
@@ -1705,6 +1800,7 @@ div.widgets-sortables,
 
 .menu li.deleting .menu-item-handle {
 	background-color: #f66;
+	text-shadow: #ccc;
 }
 
 .item-type { /* Menu item controls */
@@ -1772,6 +1868,13 @@ 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;
@@ -1801,6 +1904,7 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper {
 
 .about-wrap h1 {
 	color: #333;
+	text-shadow: 1px 1px 1px #fff;
 }
 
 .about-text {
@@ -1826,11 +1930,13 @@ 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 {
@@ -1840,6 +1946,12 @@ 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 {
@@ -1855,11 +1967,13 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper {
 }
 
 .about-wrap li.wp-person img.gravatar {
-	border-color: #d1e5ee;
+	-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 {
@@ -1902,6 +2016,17 @@ 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;
@@ -1913,6 +2038,12 @@ 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 febb39f530..4fa7debed0 100644
--- a/wp-admin/css/colors-fresh.css
+++ b/wp-admin/css/colors-fresh.css
@@ -177,17 +177,26 @@ 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,
@@ -453,6 +462,10 @@ a.page-numbers {
 	border-bottom-color: #dfdfdf;
 }
 
+.widefat th {
+	text-shadow: rgba(255,255,255,0.8) 0 1px 0;
+}
+
 .widefat td {
 	color: #555;
 }
@@ -478,6 +491,11 @@ 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 {
@@ -505,6 +523,8 @@ 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;
@@ -515,6 +535,8 @@ 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,
@@ -624,6 +646,11 @@ 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 {
@@ -632,6 +659,9 @@ 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,
@@ -640,6 +670,8 @@ 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;
 }
@@ -649,6 +681,11 @@ 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 {
@@ -695,6 +732,8 @@ 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 {
@@ -723,7 +762,12 @@ table.widefat span.spam a,
 	border-right: 1px solid #ccc;
 	border-left: 1px solid #ccc;
 	border-bottom: 1px solid #ccc;
-	background: #f1f1f1;
+	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);
 }
 
 #screen-meta-links a {
@@ -861,6 +905,13 @@ 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,
@@ -870,10 +921,20 @@ 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 {
@@ -894,6 +955,7 @@ 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;
@@ -931,28 +993,6 @@ 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;
@@ -966,6 +1006,11 @@ 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 {
@@ -985,6 +1030,11 @@ 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,
@@ -997,6 +1047,8 @@ 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 {
@@ -1398,6 +1450,9 @@ 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,
@@ -1513,7 +1568,10 @@ 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,
@@ -1631,6 +1689,7 @@ div.widgets-sortables,
 
 .menu li.deleting .menu-item-handle {
 	background-color: #f66;
+	text-shadow: #ccc;
 }
 
 .item-type { /* Menu item controls */
@@ -1719,9 +1778,16 @@ 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: #f1f1f1;
-	border-bottom-color: #f1f1f1;
+	background: #f9f9f9;
+	border-bottom-color: #f9f9f9;
 }
 
 #upload-form label {
@@ -1732,6 +1798,7 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper {
 
 .about-wrap h1 {
 	color: #333;
+	text-shadow: 1px 1px 1px #fff;
 }
 
 .about-text {
@@ -1757,11 +1824,13 @@ 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 {
@@ -1771,6 +1840,12 @@ 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 {
@@ -1786,11 +1861,13 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper {
 }
 
 .about-wrap li.wp-person img.gravatar {
-	border-color: #ccc;
+	-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 {
@@ -1833,6 +1910,17 @@ 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;
@@ -1844,7 +1932,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 );
diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css
index 7ca3745f67..fbf8431404 100644
--- a/wp-admin/css/wp-admin.css
+++ b/wp-admin/css/wp-admin.css
@@ -218,6 +218,8 @@ 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;
 }
 
@@ -573,7 +575,7 @@ select,
 
 .widefat td,
 .widefat th {
-	border-width: 0 0 1px 0;
+	border-width: 1px 0;
 	border-style: solid;
 }
 .widefat tfoot th {
@@ -670,6 +672,7 @@ div.error p {
 .subtitle {
 	font-weight: normal;
 	margin: 0;
+	text-shadow: #fff 0 1px 0;
 }
 
 .wrap h2 {
@@ -1046,6 +1049,8 @@ 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 {
@@ -1236,6 +1241,7 @@ 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 {
@@ -1456,6 +1462,7 @@ form.upgrade .hint {
 	right: auto;
 	bottom: auto;
 	border: 0 none;
+
 	-webkit-box-shadow: none;
 	box-shadow: none;
 }
@@ -2186,6 +2193,8 @@ html.wp-toolbar {
 
 .postbox.closed h3 {
 	border: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 
 .postbox table.form-table {
@@ -3972,8 +3981,15 @@ 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 {
@@ -3982,8 +3998,15 @@ 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 {
@@ -3991,6 +4014,7 @@ 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);
 }
 
@@ -4462,6 +4486,7 @@ span.imgedit-scale-warn {
 .form-table th,
 .form-wrap label {
 	font-weight: normal;
+	text-shadow: #fff 0 1px 0;
 }
 
 .form-table th {
@@ -4582,6 +4607,8 @@ span.imgedit-scale-warn {
 
 #replycontent {
 	height: 120px;
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 
 .comment-php .wp-editor-area {
@@ -4926,6 +4953,7 @@ 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;
@@ -5103,6 +5131,11 @@ 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;
@@ -5110,6 +5143,7 @@ h2 .nav-tab {
 	line-height: 16px;
 	font-size: 14px;
 	text-decoration: none;
+	text-shadow: 0 1px 0px #fff;
 }
 
 .pressthis a:active {
@@ -5120,6 +5154,8 @@ 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 {
@@ -5143,6 +5179,8 @@ 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);
 }
 
 /*------------------------------------------------------------------------------
@@ -5484,8 +5522,6 @@ h2 .nav-tab {
 	padding: 2px;
 	width: 60px;
 	height: 60px;
-	border-width: 1px;
-	border-style: solid;
 }
 
 .about-wrap ul.compact li.wp-person img.gravatar {
@@ -6587,6 +6623,8 @@ a.rsswidget {
 	background-image: none;
 	border-color: #edc048;
 	color: #fff;
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 
 #dashboard_browser_nag.postbox.browser-insecure h3 {
@@ -6596,14 +6634,27 @@ 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 */
 
@@ -6618,6 +6669,8 @@ 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 {
@@ -6676,6 +6729,7 @@ a.rsswidget {
 
 .login #nav,
 .login #backtoblog {
+	text-shadow: #fff 0 1px 0;
 	margin: 0 0 0 16px;
 	padding: 16px 16px 0;
 }
@@ -6698,6 +6752,8 @@ 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 {
@@ -7169,12 +7225,18 @@ 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 {
@@ -7194,6 +7256,7 @@ a.rsswidget {
 
 .menu li.deleting .menu-item-handle {
 	background-image: none;
+	text-shadow: 0 0 0;
 }
 
 .menu-item-handle .item-title {
@@ -7708,6 +7771,7 @@ div.zerosize {
 }
 
 h3.tb {
+	text-shadow: 0 1px 0 #fff;
 	font-weight: bold;
 	font-size: 12px;
 	margin-left: 5px;
@@ -8112,6 +8176,11 @@ 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 9c12e7c38f..6fa48c300e 100644
--- a/wp-includes/css/editor.css
+++ b/wp-includes/css/editor.css
@@ -995,6 +995,11 @@
 .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 {
@@ -1037,8 +1042,8 @@ html[dir="rtl"] .wp-switch-editor {
 
 .tmce-active .switch-tmce,
 .html-active .switch-html {
-	border-color: #ccc #ccc #eee;
-	background-color: #eee;
+	border-color: #ccc #ccc #f4f4f4;
+	background-color: #f4f4f4;
 	color: #555;
 }
 
@@ -1898,6 +1903,11 @@ 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