Wordpress 4.6-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 f51017b59f6ee982c410ccdec7e83d322bdaa074..0c1408ed918b12420a7356ea5a7306b166fb920c 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: #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,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;
+       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;
-       height: 14px;
-       width: 14px;
-       cursor: pointer;
-       background-image: url(../images/uploader-icons.png);
-       background-repeat: no-repeat;
-       background-position: -100px 0;
+       top: 5px;
+       right: 5px;
+       height: 22px;
+       width: 22px;
+       color: #72777c;
+}
+
+#wp-auth-check-wrap .wp-auth-check-close:before {
+       content: "\f158";
+       font: normal 20px/22px dashicons;
+       speak: none;
+       -webkit-font-smoothing: antialiased !important;
+       -moz-osx-font-smoothing: grayscale;
 }
 
+#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 {
@@ -82,13 +122,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;
-       }
-}