wp/wp-admin/css/login.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 9 177826044cd9
--- a/wp/wp-admin/css/login.css	Tue Jun 09 11:14:17 2015 +0000
+++ b/wp/wp-admin/css/login.css	Mon Oct 14 17:39:30 2019 +0200
@@ -8,26 +8,19 @@
 	padding: 0;
 }
 
-html {
-	background: #f1f1f1;
-}
-
 body {
 	background: #f1f1f1;
 	min-width: 0;
 	color: #444;
-	font-family: "Open Sans", sans-serif;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	font-size: 13px;
 	line-height: 1.4em;
 }
 
 a {
 	color: #0073aa;
-	-webkit-transition-property: border, background, color;
 	transition-property: border, background, color;
-	-webkit-transition-duration: .05s;
 	transition-duration: .05s;
-	-webkit-transition-timing-function: ease-in-out;
 	transition-timing-function: ease-in-out;
 }
 
@@ -42,30 +35,36 @@
 
 a:focus {
 	color: #124964;
+	box-shadow:
+		0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
-a:focus,
-a:active {
-	outline: thin dotted;
+.ie8 a:focus {
+	outline: #5b9dd9 solid 1px;
 }
 
 p {
 	line-height: 1.5;
 }
 
-.login .message {
+.login .message,
+.login .success,
+.login #login_error {
 	border-left: 4px solid #00a0d2;
-	padding: 1px 12px;
+	padding: 12px;
+	margin-left: 0;
+	margin-bottom: 20px;
 	background-color: #fff;
-	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
 }
 
+.login .success {
+	border-left-color: #46b450;
+}
+
 .login #login_error {
-	border-left: 4px solid #dd3d36;
-	background: #fff;
-	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
-	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
+	border-left-color: #dc3232;
 }
 
 #loginform p.submit,
@@ -79,19 +78,37 @@
 	padding: 0;
 }
 
+.login .password-input-wrapper {
+    display: table;
+}
+
+.login .input.password-input {
+    display: table-cell;
+    margin: 0;
+}
+
+.login .pw-weak {
+    margin-bottom: 15px;
+}
+
+.login .button.button-secondary {
+    display: table-cell;
+    border-radius: 0;
+    vertical-align: middle;
+}
+
 .login form {
 	margin-top: 20px;
 	margin-left: 0;
 	padding: 26px 24px 46px;
-	font-weight: normal;
+	font-weight: 400;
 	overflow: hidden;
 	background: #fff;
-	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
 	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
 }
 
 .login form .forgetmenot {
-	font-weight: normal;
+	font-weight: 400;
 	float: left;
 	margin-bottom: 0;
 }
@@ -110,7 +127,7 @@
 }
 
 .login label {
-	color: #777;
+	color: #72777c;
 	font-size: 14px;
 }
 
@@ -126,14 +143,13 @@
 .login h1 a {
 	background-image: url(../images/w-logo-blue.png?ver=20131202);
 	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
-	-webkit-background-size: 84px;
 	background-size: 84px;
 	background-position: center top;
 	background-repeat: no-repeat;
-	color: #999;
+	color: #444;
 	height: 84px;
 	font-size: 20px;
-	font-weight: normal;
+	font-weight: 400;
 	line-height: 1.3em;
 	margin: 0 auto 25px;
 	padding: 0;
@@ -151,12 +167,6 @@
 	margin: auto;
 }
 
-#login_error,
-.login .message {
-	margin-left: 0;
-	padding: 12px;
-}
-
 .login #nav,
 .login #backtoblog {
 	font-size: 13px;
@@ -168,13 +178,13 @@
 }
 
 #backtoblog {
-	margin: 16px 0 0 0;
+	margin: 16px 0;
 }
 
 .login #nav a,
 .login #backtoblog a {
 	text-decoration: none;
-	color: #999;
+	color: #555d66;
 }
 
 .login #nav a:hover,
@@ -183,6 +193,18 @@
 	color: #00a0d2;
 }
 
+.login #nav a:focus,
+.login #backtoblog a:focus,
+.login h1 a:focus {
+	color: #124964;
+}
+
+.login .privacy-policy-page-link {
+	text-align: center;
+	width: 100%;
+	margin: 5em 0 2em;
+}
+
 .login form .input,
 .login input[type="text"] {
 	font-size: 24px;
@@ -202,27 +224,17 @@
 	font-family: sans-serif;
 }
 
-.login #pass-strength-result {
-	width: 250px;
-	font-weight: 600;
-	margin: 12px 0 6px;
-	padding: 6px 5px;
-	text-align: center;
+.login-action-rp input[type="text"] {
+	box-shadow: none;
+	margin: 0;
 }
 
-.mobile #login {
-	padding: 20px 0;
-}
-
-.mobile #login form,
-.mobile #login .message,
-.mobile #login_error {
-	margin-left: 0;
-}
-
-.mobile #login #nav,
-.mobile #login #backtoblog {
-	margin-left: 8px;
+.login #pass-strength-result {
+	font-weight: 600;
+	margin: -1px 5px 16px 0;
+	padding: 6px 5px;
+	text-align: center;
+	width: 100%;
 }
 
 body.interim-login {
@@ -251,6 +263,12 @@
 	width: device-width;
 }
 
+@media screen and ( max-height: 550px ) {
+	#login {
+		padding: 20px 0;
+	}
+}
+
 @media screen and ( max-width: 782px ) {
 	.interim-login input[type=checkbox] {
 		height: 16px;
@@ -259,7 +277,7 @@
 
 	.interim-login input[type=checkbox]:checked:before {
 		width: 16px;
-		font: normal 21px/1 'dashicons';
+		font: normal 21px/1 dashicons;
 		margin: -3px 0 0 -4px;
 	}
 }