diff -r 346c88efed21 -r 5e2f62d02dcd wp/wp-includes/css/wp-auth-check.css --- a/wp/wp-includes/css/wp-auth-check.css Mon Jun 08 16:11:51 2015 +0000 +++ b/wp/wp-includes/css/wp-auth-check.css Tue Jun 09 03:35:32 2015 +0200 @@ -13,9 +13,9 @@ left: 0; right: 0; background: #000; - opacity: 0.5; - filter: alpha(opacity=50); - z-index: 1000000; + opacity: 0.7; + filter: alpha(opacity=70); + z-index: 1000010; /* needs to appear above .notification-dialog */ } #wp-auth-check-wrap #wp-auth-check { @@ -28,10 +28,18 @@ width: 380px; margin: 0 0 0 -190px; padding: 30px 0 0; - background-color: #fbfbfb; - -webkit-border-radius: 3px; - border-radius: 3px; - z-index: 1000001; + background-color: #f1f1f1; + z-index: 1000011; /* needs to appear above #wp-auth-check-bg */ + -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); + box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); +} + +@media screen and ( max-width: 380px ) { + #wp-auth-check-wrap #wp-auth-check { + left: 0; + width: 100%; + margin: 0; + } } #wp-auth-check-wrap.fallback #wp-auth-check { @@ -40,31 +48,48 @@ } #wp-auth-check-wrap #wp-auth-check-form { - background: url(../images/wpspin-2x.gif) no-repeat center center; + background: url(../images/spinner-2x.gif) no-repeat center center; + -webkit-background-size: 16px 16px; background-size: 16px 16px; height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; } #wp-auth-check-wrap #wp-auth-check-form iframe { - height: 100%; + height: 98%; /* Scrollbar fix */ width: 100%; - overflow: auto; } #wp-auth-check-wrap .wp-auth-check-close { position: absolute; top: 8px; right: 8px; - height: 14px; - width: 14px; + height: 22px; + width: 22px; cursor: pointer; - background-image: url(../images/uploader-icons.png); - background-repeat: no-repeat; - background-position: -100px 0; +} + +#wp-auth-check-wrap .wp-auth-check-close:before { + content: '\f158'; + display: block !important; + font: normal 20px/1 'dashicons'; + speak: none; + height: 22px; + margin: 2px 0; + text-align: center; + width: 22px; + color: #777; + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale; +} + +#wp-auth-check-wrap .wp-auth-check-close:hover:before { + color: #0073aa; } #wp-auth-check-wrap .wp-auth-check-close:focus { - outline: 1px dotted #888; + outline: 1px dotted #82878c; } #wp-auth-check-wrap .wp-auth-fallback-expired { @@ -82,13 +107,3 @@ #wp-auth-check-wrap.fallback .wp-auth-check-close { display: block; } - -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - #wp-auth-check-wrap .wp-auth-check-close { - background-image: url(../images/uploader-icons-2x.png); - background-size: 134px 15px; - } -}