Ticket #15986: 15986.light.2.diff

wp-includes/js/tinymce/themes/advanced/skins/wp_theme/ui.css

@@ -57 +57 @@
         -webkit-border-radius: 2px;
         -khtml-border-radius: 2px;
         border-radius: 2px;
-        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
+        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+
 }
 
 .wp_themeSkin a.mceButtonEnabled:hover {
@@ -75 +76 @@
 .wp_themeSkin a.mceButtonSelected {
         background-image: inherit;
         -webkit-box-shadow:      0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
-        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
 }
 .wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.4; filter:alpha(opacity=40);}
 .wp_themeSkin .mceButtonDisabled {}
@@ -106 +107 @@
         -webkit-border-top-left-radius: 2px;
         -khtml-border-top-left-radius: 2px;
         border-top-left-radius: 2px;
-        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
+        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+
         font-family: Tahoma,Verdana,Arial,Helvetica;
         font-size: 11px;
         height: 20px;
@@ -132 +134 @@
         -webkit-border-top-left-radius: 0;
         -khtml-border-top-left-radius: 0;
         border-top-left-radius: 0;
-        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
+        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+
 }
 .wp_themeSkin .mceListBox .mceOpen span {
         display: block;
@@ -177 +180 @@
 }
 
 .wp_themeSkin table.mceSplitButton td a {
-        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
-        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 0 2px 1px #fff;
+        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
+
 }
 
 .wp_themeSkin table.mceSplitButton:hover td {

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

@@ -825 +825 @@
 }
 
 .wp_themeSkin a.mceButtonEnabled:hover {
-        background: #d5d5d5;
         border-color: #5589AA !important;
         background-color: #c9c9c9; /* Fallback */
-        background-image: -ms-linear-gradient(bottom, #eee, #fff); /* IE10 */
-        background-image: -moz-linear-gradient(bottom, #eee, #fff)); /* Firefox */
-        background-image: -o-linear-gradient(bottom, #eee, #fff)); /* Opera */
-        background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#fff)); /* old Webkit   */
-        background-image: -webkit-linear-gradient(bottom, #eee, #fff) !important; /* new Webkit */
-        background-image: linear-gradient(bottom, #eee, #fff); /* proposed W3C Markup */
+        background-image: -ms-linear-gradient(bottom, #bdccd5, #fff); /* IE10 */
+        background-image: -moz-linear-gradient(bottom, #bdccd5, #fff)); /* Firefox */
+        background-image: -o-linear-gradient(bottom, #bdccd5, #fff)); /* Opera */
+        background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff)); /* old Webkit        */
+        background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff) !important; /* new Webkit */
+        background-image: linear-gradient(bottom, #bdccd5, #fff); /* proposed W3C Markup */
 }
 
 .wp_themeSkin a.mceButton:active,
@@ -843 +842 @@
 .wp_themeSkin a.mceButtonActive:active,
 .wp_themeSkin a.mceButtonActive:hover {
         background: #B0C8D7 !important;
+        background-image: -ms-linear-gradient(bottom, #fff, #cfdfe9); /* IE10 */
+        background-image: -moz-linear-gradient(bottom, #fff, #cfdfe9)); /* Firefox */
+        background-image: -o-linear-gradient(bottom, #fff, #cfdfe9)); /* Opera */
+        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#cfdfe9)); /* old Webkit        */
+        background-image: -webkit-linear-gradient(bottom, #fff, #cfdfe9) !important; /* new Webkit */
+        background-image: linear-gradient(bottom, #fff, #cfdfe9); /* proposed W3C Markup */
         border-color: #5589AA !important;
 }
 

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

@@ -831 +831 @@
 .wp_themeSkin .mceButton {
         border-color: #ccc;
         background-color: #c9c9c9; /* Fallback */
-        background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */
-        background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */
-        background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */
+        background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
+        background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
+        background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
         background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit     */
-        background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6) !important; /* new Webkit */
-        background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
+        background-image: -webkit-linear-gradient(bottom, #ddd, #fff) !important; /* new Webkit */
+        background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
 }
 
 .wp_themeSkin a.mceButtonEnabled:hover {
@@ -857 +857 @@
 .wp_themeSkin a.mceButtonActive,
 .wp_themeSkin a.mceButtonActive:active,
 .wp_themeSkin a.mceButtonActive:hover {
-        background: #d5d5d5 !important;
+        background-image: -ms-linear-gradient(bottom, #eee, #bbb); /* IE10 */
+        background-image: -moz-linear-gradient(bottom, #eee, #bbb)); /* Firefox */
+        background-image: -o-linear-gradient(bottom, #eee, #bbb)); /* Opera */
+        background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#bbb)); /* old Webkit   */
+        background-image: -webkit-linear-gradient(bottom, #eee, #bbb) !important; /* new Webkit */
+        background-image: linear-gradient(bottom, #eee, #bbb); /* proposed W3C Markup */
         border-color: #909090 !important;
 }
 
@@ -870 +875 @@
 .wp_themeSkin .mceListBox .mceOpen      {
         border-color: #ccc;
         background-color: #c9c9c9; /* Fallback */
-        background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */
-        background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */
-        background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */
+        background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
+        background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
+        background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
         background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit     */
-        background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6); !important/* new Webkit */
-        background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
+        background-image: -webkit-linear-gradient(bottom, #ddd, #fff); !important/* new Webkit */
+        background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
 }
 
 .wp_themeSkin .mceListBox .mceOpen {
@@ -928 +933 @@
 
 .wp_themeSkin table.mceSplitButton td {
         background-color: #c9c9c9; /* Fallback */
-        background-image: -ms-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* IE10 */
-        background-image: -moz-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Firefox */
-        background-image: -o-linear-gradient(bottom, #c9c9c9, #f6f6f6); /* Opera */
+        background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */
+        background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */
+        background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */
         background-image: -webkit-gradient(linear, left bottom, left top, from(#c9c9c9), to(#f6f6f6)); /* old Webkit     */
-        background-image: -webkit-linear-gradient(bottom, #c9c9c9, #f6f6f6)!important ; /* new Webkit */
-        background-image: linear-gradient(bottom, #c9c9c9, #f6f6f6); /* proposed W3C Markup */
+        background-image: -webkit-linear-gradient(bottom, #ddd, #fff)!important ; /* new Webkit */
+        background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */
 }
 
 .wp_themeSkin table.mceSplitButton:hover td {