Changeset 23407

Timestamp:

02/13/2013 10:43:48 PM (10 years ago)

Author:

helen

Message:

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.

Location:

trunk

Files:

• wp-admin/css/colors-classic.css (modified) (34 diffs)
• wp-admin/css/colors-fresh.css (modified) (32 diffs)
• wp-admin/css/wp-admin.css (modified) (29 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);
 }
 
@@ -190 +185 @@
 .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;
 }
 
@@ -198 +190 @@
 .form-wrap label {
     color: #222;
-    text-shadow: #fff 0 1px 0;
 }
 
@@ -463 +454 @@
 }
 
-.widefat th {
-    text-shadow: rgba(255,255,255,0.8) 0 1px 0;
-}
-
 .widefat td {
     color: #555;
@@ -492 +479 @@
 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);
 }
 
@@ -524 +506 @@
     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 {
@@ -536 +516 @@
     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;
 }
 
@@ -647 +625 @@
 .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;
 }
@@ -659 +632 @@
 .welcome-panel-column p {
     color: #464646;
-}
-.welcome-panel h3 {
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -671 +641 @@
 .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;
@@ -682 +650 @@
 .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);
 }
 
@@ -737 +700 @@
     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 );
 }
 
@@ -769 +730 @@
     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);
 }
 
@@ -903 +859 @@
     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);
 }
 
@@ -926 +877 @@
     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);
 }
 
@@ -943 +889 @@
     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);
 }
 
@@ -1015 +956 @@
     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;
 }
 
@@ -1031 +965 @@
 #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);
 }
 
@@ -1065 +989 @@
 #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;
@@ -1116 +1039 @@
     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);
 }
 
@@ -1140 +1058 @@
     .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);
     }
 
@@ -1157 +1070 @@
         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);
     }
 
@@ -1559 +1470 @@
     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;
 }
 
@@ -1677 +1585 @@
 .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;
 }
 
@@ -1801 +1706 @@
 .menu li.deleting .menu-item-handle {
     background-color: #f66;
-    text-shadow: #ccc;
 }
 
@@ -1869 +1773 @@
 }
 
-#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;
@@ -1905 +1802 @@
 .about-wrap h1 {
     color: #333;
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1914 +1810 @@
 .wp-badge {
     color: #fff;
-    text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
 }
 
@@ -1931 +1826 @@
 
 .about-wrap h2 .nav-tab-active {
-    text-shadow: 1px 1px 1px #fff;
     color: #464646;
 }
@@ -1937 +1831 @@
 .about-wrap h3 {
     color: #333;
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1947 +1840 @@
     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;
 }
 
@@ -1967 +1854 @@
 }
 
-.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;
 }
 
@@ -2017 +1898 @@
 }
 
-.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 {
@@ -2039 +1909 @@
 /* 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);
 }
 
@@ -189 +184 @@
 .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;
 }
 
@@ -197 +189 @@
 .form-wrap label {
     color: #222;
-    text-shadow: #fff 0 1px 0;
 }
 
@@ -462 +453 @@
 }
 
-.widefat th {
-    text-shadow: rgba(255,255,255,0.8) 0 1px 0;
-}
-
 .widefat td {
     color: #555;
@@ -491 +478 @@
 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);
 }
 
@@ -523 +505 @@
     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 {
@@ -535 +515 @@
     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;
 }
 
@@ -646 +624 @@
 .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;
 }
@@ -658 +631 @@
 .welcome-panel-column p {
     color: #464646;
-}
-.welcome-panel h3 {
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -670 +640 @@
 .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;
@@ -681 +649 @@
 .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);
 }
 
@@ -732 +695 @@
     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 );
 }
 
@@ -762 +723 @@
     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;
 }
 
@@ -905 +861 @@
     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;
 }
 
@@ -921 +870 @@
 #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);
 }
 
@@ -955 +894 @@
 #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;
@@ -993 +931 @@
 }
 
+.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 {
@@ -1006 +966 @@
     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);
 }
 
@@ -1030 +985 @@
     .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);
     }
 
@@ -1047 +997 @@
         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);
     }
 
@@ -1450 +1398 @@
     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;
 }
 
@@ -1568 +1513 @@
 .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;
+    border-color: #dfdfdf;
 }
 
@@ -1689 +1631 @@
 .menu li.deleting .menu-item-handle {
     background-color: #f66;
-    text-shadow: #ccc;
 }
 
@@ -1757 +1698 @@
 }
 
-#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;
 }
 
@@ -1777 +1711 @@
 .about-wrap h1 {
     color: #333;
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1786 +1719 @@
 .wp-badge {
     color: #fff;
-    text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
 }
 
@@ -1803 +1735 @@
 
 .about-wrap h2 .nav-tab-active {
-    text-shadow: 1px 1px 1px #fff;
     color: #464646;
 }
@@ -1809 +1740 @@
 .about-wrap h3 {
     color: #333;
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1819 +1749 @@
     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;
 }
 
@@ -1839 +1763 @@
 }
 
-.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;
 }
 
@@ -1889 +1807 @@
 }
 
-.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 {
@@ -1911 +1818 @@
 /* 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;
 }
@@ -576 +574 @@
 .widefat td,
 .widefat th {
-    border-width: 1px 0;
+    border-width: 0 0 1px 0;
     border-style: solid;
 }
@@ -673 +671 @@
     font-weight: normal;
     margin: 0;
-    text-shadow: #fff 0 1px 0;
 }
 
@@ -1049 +1046 @@
     border-bottom-width: 1px;
     border-bottom-style: solid;
-    -webkit-box-shadow: 0 1px 0 #fff;
-    box-shadow: 0 1px 0 #fff;
 }
 
@@ -1196 +1191 @@
 
 #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;
 }
@@ -1241 +1234 @@
     font-size: 12px;
     display: block;
-    text-shadow: rgba(255,255,255,0.7) 0 1px 0;
 }
 
@@ -1462 +1454 @@
     bottom: auto;
     border: 0 none;
-
     -webkit-box-shadow: none;
     box-shadow: none;
@@ -2193 +2184 @@
 .postbox.closed h3 {
     border: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
 }
 
@@ -3914 +3903 @@
     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);
 }
 
@@ -3931 +3913 @@
     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);
 }
 
@@ -3947 +3922 @@
     width: 200px;
     padding: 0 8px;
-    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
     color: rgba(0,0,0,0.6);
 }
@@ -4419 +4393 @@
 .form-wrap label {
     font-weight: normal;
-    text-shadow: #fff 0 1px 0;
 }
 
@@ -4540 +4513 @@
 #replycontent {
     height: 120px;
-    -webkit-box-shadow: none;
-    box-shadow: none;
 }
 
@@ -4886 +4857 @@
     border-width: 1px 1px 0;
     color: #aaa;
-    text-shadow: #fff 0 1px 0;
     font-size: 12px;
     line-height: 16px;
@@ -5064 +5034 @@
     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;
@@ -5076 +5041 @@
     font-size: 14px;
     text-decoration: none;
-    text-shadow: 0 1px 0px #fff;
 }
 
@@ -5087 +5051 @@
     -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);
 }
 
@@ -5112 +5074 @@
     -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);
 }
 
@@ -6556 +6516 @@
     border-color: #edc048;
     color: #fff;
-    -webkit-box-shadow: none;
-    box-shadow: none;
 }
 
@@ -6567 +6525 @@
 #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;
 }
 
@@ -6602 +6547 @@
     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;
 }
 
@@ -6662 +6605 @@
 .login #nav,
 .login #backtoblog {
-    text-shadow: #fff 0 1px 0;
     margin: 0 0 0 16px;
     padding: 16px 16px 0;
@@ -6685 +6627 @@
     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);
 }
 
@@ -6860 +6800 @@
     line-height: 22px;
     font-size: 18px;
-    text-shadow: 0 1px 0 #fff;
 }
 
@@ -7117 +7056 @@
     width: 400px;
     line-height: 35px;
-    text-shadow: 0 1px 0 #FFFFFF;
     overflow: hidden;
     word-wrap: break-word;
@@ -7124 +7062 @@
 #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);
 }
 
@@ -7148 +7081 @@
 .menu li.deleting .menu-item-handle {
     background-image: none;
-    text-shadow: 0 0 0;
 }
 
@@ -7681 +7613 @@
 
 h3.tb {
-    text-shadow: 0 1px 0 #fff;
     font-weight: bold;
     font-size: 12px;
@@ -8084 +8015 @@
 #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);
 }
 
@@ -1043 +1038 @@
 .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;
 }
@@ -1904 +1899 @@
     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);
 }