Changeset 23500

Timestamp:

02/28/2013 12:58:26 AM (10 years ago)

Author:

helen

Message:

Revert [23407], thereby restoring gradients and shadows. see #23415.

Location:

trunk

Files:

• wp-admin/css/colors-classic.css (modified) (33 diffs)
• wp-admin/css/colors-fresh.css (modified) (31 diffs)
• wp-admin/css/wp-admin.css (modified) (28 diffs)
• wp-includes/css/editor.css (modified) (3 diffs)

trunk/wp-admin/css/colors-classic.css

@@ -179 +179 @@
 #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);
 }
 
@@ -185 +190 @@
 .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;
 }
 
@@ -190 +198 @@
 .form-wrap label {
     color: #222;
+    text-shadow: #fff 0 1px 0;
 }
 
@@ -454 +463 @@
 }
 
+.widefat th {
+    text-shadow: rgba(255,255,255,0.8) 0 1px 0;
+}
+
 .widefat td {
     color: #555;
@@ -479 +492 @@
 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);
 }
 
@@ -506 +524 @@
     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 {
@@ -516 +536 @@
     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;
 }
 
@@ -625 +647 @@
 .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;
 }
@@ -632 +659 @@
 .welcome-panel-column p {
     color: #464646;
+}
+.welcome-panel h3 {
+    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -641 +671 @@
 .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;
@@ -650 +682 @@
 .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);
 }
 
@@ -700 +737 @@
     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 );
 }
 
@@ -730 +769 @@
     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);
 }
 
@@ -859 +903 @@
     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);
 }
 
@@ -877 +926 @@
     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);
 }
 
@@ -889 +943 @@
     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);
 }
 
@@ -956 +1015 @@
     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;
 }
 
@@ -965 +1031 @@
 #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);
 }
 
@@ -989 +1065 @@
 #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;
@@ -1039 +1116 @@
     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);
 }
 
@@ -1058 +1140 @@
     .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);
     }
 
@@ -1070 +1157 @@
         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);
     }
 
@@ -1470 +1559 @@
     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;
 }
 
@@ -1585 +1677 @@
 .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;
 }
 
@@ -1706 +1801 @@
 .menu li.deleting .menu-item-handle {
     background-color: #f66;
+    text-shadow: #ccc;
 }
 
@@ -1773 +1869 @@
 }
 
+#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;
@@ -1802 +1905 @@
 .about-wrap h1 {
     color: #333;
+    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1827 +1931 @@
 
 .about-wrap h2 .nav-tab-active {
+    text-shadow: 1px 1px 1px #fff;
     color: #464646;
 }
@@ -1832 +1937 @@
 .about-wrap h3 {
     color: #333;
+    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1841 +1947 @@
     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;
 }
 
@@ -1856 +1968 @@
 
 .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;
 }
 
@@ -1903 +2017 @@
 }
 
+.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 {
@@ -1914 +2039 @@
 /* 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;

trunk/wp-admin/css/colors-fresh.css

@@ -178 +178 @@
 .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);
 }
 
@@ -184 +189 @@
 .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;
 }
 
@@ -189 +197 @@
 .form-wrap label {
     color: #222;
+    text-shadow: #fff 0 1px 0;
 }
 
@@ -454 +463 @@
 }
 
+.widefat th {
+    text-shadow: rgba(255,255,255,0.8) 0 1px 0;
+}
+
 .widefat td {
     color: #555;
@@ -479 +492 @@
 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);
 }
 
@@ -506 +524 @@
     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 {
@@ -516 +536 @@
     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;
 }
 
@@ -625 +647 @@
 .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;
 }
@@ -632 +659 @@
 .welcome-panel-column p {
     color: #464646;
+}
+.welcome-panel h3 {
+    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -641 +671 @@
 .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;
@@ -650 +682 @@
 .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);
 }
 
@@ -696 +733 @@
     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 );
 }
 
@@ -724 +763 @@
     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);
 }
 
@@ -862 +906 @@
     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;
 }
 
@@ -871 +922 @@
 #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);
 }
 
@@ -895 +956 @@
 #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;
@@ -932 +994 @@
 }
 
-.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 {
@@ -967 +1007 @@
     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);
 }
 
@@ -986 +1031 @@
     .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);
     }
 
@@ -998 +1048 @@
         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);
     }
 
@@ -1399 +1451 @@
     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;
 }
 
@@ -1514 +1569 @@
 .sidebar-name {
     color: #464646;
-    border-color: #dfdfdf;
+    text-shadow: #fff 0 1px 0;
+    border-color: #dfdfdf;
+    -webkit-box-shadow: inset 0 1px 0 #fff;
+    box-shadow: inset 0 1px 0 #fff;
 }
 
@@ -1632 +1690 @@
 .menu li.deleting .menu-item-handle {
     background-color: #f66;
+    text-shadow: #ccc;
 }
 
@@ -1720 +1779 @@
 }
 
+#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;
 }
 
@@ -1733 +1799 @@
 .about-wrap h1 {
     color: #333;
+    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1758 +1825 @@
 
 .about-wrap h2 .nav-tab-active {
+    text-shadow: 1px 1px 1px #fff;
     color: #464646;
 }
@@ -1763 +1831 @@
 .about-wrap h3 {
     color: #333;
+    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1772 +1841 @@
     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;
 }
 
@@ -1787 +1862 @@
 
 .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;
 }
 
@@ -1834 +1911 @@
 }
 
+.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 {
@@ -1845 +1933 @@
 /* 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 {

trunk/wp-admin/css/wp-admin.css

@@ -219 +219 @@
     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;
 }
@@ -574 +576 @@
 .widefat td,
 .widefat th {
-    border-width: 0 0 1px 0;
+    border-width: 1px 0;
     border-style: solid;
 }
@@ -671 +673 @@
     font-weight: normal;
     margin: 0;
+    text-shadow: #fff 0 1px 0;
 }
 
@@ -1047 +1050 @@
     border-bottom-width: 1px;
     border-bottom-style: solid;
+    -webkit-box-shadow: 0 1px 0 #fff;
+    box-shadow: 0 1px 0 #fff;
 }
 
@@ -1237 +1242 @@
     font-size: 12px;
     display: block;
+    text-shadow: rgba(255,255,255,0.7) 0 1px 0;
 }
 
@@ -1457 +1463 @@
     bottom: auto;
     border: 0 none;
+
     -webkit-box-shadow: none;
     box-shadow: none;
@@ -2187 +2194 @@
 .postbox.closed h3 {
     border: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
@@ -3973 +3982 @@
     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);
 }
 
@@ -3983 +3999 @@
     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);
 }
 
@@ -3992 +4015 @@
     width: 200px;
     padding: 0 8px;
+    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
     color: rgba(0,0,0,0.6);
 }
@@ -4463 +4487 @@
 .form-wrap label {
     font-weight: normal;
+    text-shadow: #fff 0 1px 0;
 }
 
@@ -4583 +4608 @@
 #replycontent {
     height: 120px;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
@@ -4927 +4954 @@
     border-width: 1px 1px 0;
     color: #aaa;
+    text-shadow: #fff 0 1px 0;
     font-size: 12px;
     line-height: 16px;
@@ -5104 +5132 @@
     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;
@@ -5111 +5144 @@
     font-size: 14px;
     text-decoration: none;
+    text-shadow: 0 1px 0px #fff;
 }
 
@@ -5121 +5155 @@
     -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);
 }
 
@@ -5144 +5180 @@
     -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);
 }
 
@@ -5485 +5523 @@
     width: 60px;
     height: 60px;
-    border-width: 1px;
-    border-style: solid;
 }
 
@@ -6588 +6624 @@
     border-color: #edc048;
     color: #fff;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
@@ -6597 +6635 @@
 #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;
 }
 
@@ -6619 +6670 @@
     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;
 }
 
@@ -6677 +6730 @@
 .login #nav,
 .login #backtoblog {
+    text-shadow: #fff 0 1px 0;
     margin: 0 0 0 16px;
     padding: 16px 16px 0;
@@ -6699 +6753 @@
     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);
 }
 
@@ -7170 +7226 @@
     width: 400px;
     line-height: 35px;
+    text-shadow: 0 1px 0 #FFFFFF;
     overflow: hidden;
     word-wrap: break-word;
@@ -7176 +7233 @@
 #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);
 }
 
@@ -7195 +7257 @@
 .menu li.deleting .menu-item-handle {
     background-image: none;
+    text-shadow: 0 0 0;
 }
 
@@ -7709 +7772 @@
 
 h3.tb {
+    text-shadow: 0 1px 0 #fff;
     font-weight: bold;
     font-size: 12px;
@@ -8111 +8175 @@
 #available-widgets .widget-holder {
     padding: 7px 5px 0;
+}
+
+#available-widgets .widget {
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 

trunk/wp-includes/css/editor.css

@@ -996 +996 @@
     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);
 }
 
@@ -1038 +1043 @@
 .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;
 }
@@ -1899 +1904 @@
     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);
 }