WordPress 4.2-scripts

[autoinstalls/wordpress.git] / 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 0421df2612aa898c581bdc6372397bcf16514f00..32bd8dd6a50e94847a5ce49bc1fff97bbd8dbe1f 100644 (file)
--- a/wp-includes/css/wp-auth-check.css
+++ b/wp-includes/css/wp-auth-check.css
@@ -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: #eee;
-       z-index: 1000001;
-       -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
-       box-shadow:         0 3px 6px rgba(0,0,0,0.3);
+       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,15 +48,17 @@
 }
 
 #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 {
@@ -71,14 +81,15 @@
        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;
+       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 {
@@ -95,4 +106,4 @@
 #wp-auth-check-wrap.fallback .wp-auth-fallback,
 #wp-auth-check-wrap.fallback .wp-auth-check-close {
        display: block;
-}
\ No newline at end of file
+}