Ticket #35571: 35571.2.patch

src/wp-includes/css/buttons.css

@@ -162 +162 @@
 .wp-core-ui .button-secondary:active {
         background: #eee;
         border-color: #999;
-        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-        -webkit-transform: translateY(1px);
-        -ms-transform: translateY(1px);
-        transform: translateY(1px);
+        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+        -webkit-transform: translateY(1px);
+        -ms-transform: translateY(1px);
+        transform: translateY(1px);
 }
 
 .wp-core-ui .button.active:focus {
@@ -224 +224 @@
         background: #0085ba;
         border-color: #0073aa #006799 #006799;
         -webkit-box-shadow: 0 1px 0 #006799;
-        box-shadow: 0 1px 0 #006799;
-        color: #fff;
+        box-shadow: 0 1px 0 #006799;
+        color: #fff;
         text-decoration: none;
         text-shadow: 0 -1px 1px #006799,
                 1px 0 1px #006799,
@@ -256 +256 @@
 .wp-core-ui .button-primary:active {
         background: #0073aa;
         border-color: #006799;
-        -webkit-box-shadow: inset 0 2px 0 #006799;
-        box-shadow: inset 0 2px 0 #006799;
-        vertical-align: top;
+        -webkit-box-shadow: inset 0 2px 0 #006799;
+        box-shadow: inset 0 2px 0 #006799;
+        vertical-align: top;
 }
 
 .wp-core-ui .button-primary[disabled],

src/wp-includes/css/jquery-ui-dialog.css

@@ -200 +200 @@
         color: #555;
         border-color: #cccccc;
         background: #f7f7f7;
-        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
-        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
-        vertical-align: top;
+        -webkit-box-shadow: 0 1px 0 #cccccc;
+        box-shadow: 0 1px 0 #cccccc;
+        vertical-align: top;
 }
 
 .ui-button:active,
@@ -212 +212 @@
 
 /* Remove the dotted border on :focus and the extra padding in Firefox */
 .ui-button::-moz-focus-inner {
-        border-width: 1px 0;
-        border-style: solid none;
-        border-color: transparent;
+        border-width: 0;
+        border-style: none;
         padding: 0;
 }
 
@@ -226 +225 @@
 }
 
 .ui-button:focus {
-        -webkit-box-shadow:
-                0 0 0 1px #5b9dd9,
-                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
-        box-shadow:
-                0 0 0 1px #5b9dd9,
-                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
+        border-color: #5b9dd9;
+        -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
 }
 
 .ui-button:active {
         background: #eee;
         border-color: #999;
-        color: #32373c;
         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+        -webkit-transform: translateY(1px);
+        -ms-transform: translateY(1px);
+        transform: translateY(1px);
 }
 
 .ui-button[disabled],
@@ -251 +249 @@
         box-shadow: none !important;
         text-shadow: 0 1px 0 #fff !important;
         cursor: default;
+        -webkit-transform: none !important;
+        -ms-transform: none !important;
+        transform: none !important;
 }
 
 @media screen and ( max-width: 782px ) {
 
         .ui-button {
-                padding: 10px 14px;
-                line-height: 1;
+                padding: 6px 14px;
+                line-height: normal;
                 font-size: 14px;
                 vertical-align: middle;
                 height: auto;
@@ -280 +281 @@
 
 .ui-dialog-titlebar {
         background: #fcfcfc;
-        border-bottom: 1px solid #ddd;
+        border-bottom: 1px solid #dfdfdf;
         height: 36px;
         font-size: 18px;
         font-weight: 600;
@@ -332 +333 @@
 
 .ui-dialog-buttonpane {
         background: #fcfcfc;
-        border-top: 1px solid #ddd;
+        border-top: 1px solid #dfdfdf;
         padding: 16px;
 }