wp/wp-includes/css/wp-auth-check.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 9 177826044cd9
--- a/wp/wp-includes/css/wp-auth-check.css	Tue Jun 09 11:14:17 2015 +0000
+++ b/wp/wp-includes/css/wp-auth-check.css	Mon Oct 14 17:39:30 2019 +0200
@@ -30,7 +30,6 @@
 	padding: 30px 0 0;
 	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 );
 }
 
@@ -48,14 +47,37 @@
 }
 
 #wp-auth-check-wrap #wp-auth-check-form {
-	background: url(../images/spinner-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;
+	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: 98%; /* Scrollbar fix */
 	width: 100%;
@@ -63,35 +85,28 @@
 
 #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;
+	text-decoration: none;
+	text-align: center;
 }
 
 #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 {
+#wp-auth-check-wrap .wp-auth-check-close:hover,
+#wp-auth-check-wrap .wp-auth-check-close:focus {
 	color: #0073aa;
 }
 
-#wp-auth-check-wrap .wp-auth-check-close:focus {
-	outline: 1px dotted #82878c;
-}
-
 #wp-auth-check-wrap .wp-auth-fallback-expired {
 	outline: 0;
 }