X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/41578db67d72562346e4dbb2a14889b23d522813..8d3bb1a5dcfdea9857d3c88c3751f09593e34dc8:/wp-includes/css/wp-auth-check.css diff --git a/wp-includes/css/wp-auth-check.css b/wp-includes/css/wp-auth-check.css index cd42ed98..0c1408ed 100644 --- a/wp-includes/css/wp-auth-check.css +++ b/wp-includes/css/wp-auth-check.css @@ -28,59 +28,83 @@ width: 380px; margin: 0 0 0 -190px; padding: 30px 0 0; - background-color: #eee; + 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 { max-height: 180px; overflow: auto; } #wp-auth-check-wrap #wp-auth-check-form { - background: url(../images/wpspin-2x.gif) no-repeat center center; - -webkit-background-size: 16px 16px; - background-size: 16px 16px; height: 100%; + position: relative; + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +#wp-auth-check-form.loading:before { + content: ""; + display: block; + width: 20px; + height: 20px; + position: absolute; + left: 50%; + top: 50%; + margin: -10px 0 0 -10px; + background: url(../images/spinner.gif) no-repeat center; + -webkit-background-size: 20px 20px; + background-size: 20px 20px; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} + +@media print, + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + + #wp-auth-check-form.loading:before { + background-image: url(../images/spinner-2x.gif); + } + } #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; + top: 5px; + right: 5px; height: 22px; width: 22px; - cursor: pointer; + color: #72777c; } #wp-auth-check-wrap .wp-auth-check-close:before { - content: '\f158'; - display: block !important; - font: normal 20px/1 'dashicons'; + content: "\f158"; + font: normal 20px/22px 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: #0074a2; -} - +#wp-auth-check-wrap .wp-auth-check-close:hover, #wp-auth-check-wrap .wp-auth-check-close:focus { - outline: 1px dotted #888; + color: #0073aa; } #wp-auth-check-wrap .wp-auth-fallback-expired {