WordPress 4.6.3-scripts

[autoinstalls/wordpress.git] / wp-includes / css / wp-auth-check-rtl.css

diff --git a/wp-includes/css/wp-auth-check-rtl.css b/wp-includes/css/wp-auth-check-rtl.css
index dbb5fc8ea24abaa4d33f0922390ef9611506be18..90cae063ce81acf44471ce822fd63915f39c8668 100644 (file)
--- a/wp-includes/css/wp-auth-check-rtl.css
+++ b/wp-includes/css/wp-auth-check-rtl.css
@@ -13,9 +13,9 @@
        right: 0;
        left: 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 -190px 0 0;
        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 {
+               right: 0;
+               width: 100%;
+               margin: 0;
+       }
 }
 
 #wp-auth-check-wrap.fallback #wp-auth-check {
@@ -40,45 +48,63 @@
 }
 
 #wp-auth-check-wrap #wp-auth-check-form {
-       background: url(../images/wpspin-2x.gif) no-repeat center center;
-       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;
+       right: 50%;
+       top: 50%;
+       margin: -10px -10px 0 0;
+       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;
-       left: 8px;
+       top: 5px;
+       left: 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 {
@@ -95,4 +121,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
+}