wp/wp-admin/css/login.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
--- a/wp/wp-admin/css/login.css	Mon Oct 14 18:06:33 2019 +0200
+++ b/wp/wp-admin/css/login.css	Mon Oct 14 18:28:13 2019 +0200
@@ -1,6 +1,3 @@
-@import url(forms.css);
-@import url(l10n.css);
-
 html,
 body {
 	height: 100%;
@@ -37,7 +34,7 @@
 	color: #124964;
 	box-shadow:
 		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
+		0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .ie8 a:focus {
@@ -56,7 +53,7 @@
 	margin-left: 0;
 	margin-bottom: 20px;
 	background-color: #fff;
-	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 {
@@ -79,22 +76,49 @@
 }
 
 .login .password-input-wrapper {
-    display: table;
+	position: relative;
 }
 
 .login .input.password-input {
-    display: table-cell;
-    margin: 0;
+	margin: 0;
+}
+
+.login .input::-ms-clear {
+	display: none;
 }
 
 .login .pw-weak {
-    margin-bottom: 15px;
+	margin-bottom: 15px;
 }
 
 .login .button.button-secondary {
-    display: table-cell;
-    border-radius: 0;
-    vertical-align: middle;
+	background: transparent;
+	border: 1px solid transparent;
+	box-shadow: none;
+	font-size: 14px;
+	line-height: 2;
+	height: auto;
+	margin: 0;
+	padding: 5px 9px;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.login .button.button-secondary:hover {
+	background: transparent;
+}
+
+.login .button.button-secondary:focus {
+	background: transparent;
+	border-color: #5b9dd9;
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+}
+
+.login .button.button-secondary:active {
+	background: transparent;
+	box-shadow: none;
+	transform: none;
 }
 
 .login form {
@@ -104,7 +128,7 @@
 	font-weight: 400;
 	overflow: hidden;
 	background: #fff;
-	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 {
@@ -127,7 +151,6 @@
 }
 
 .login label {
-	color: #72777c;
 	font-size: 14px;
 }
 
@@ -209,10 +232,15 @@
 .login input[type="text"] {
 	font-size: 24px;
 	width: 100%;
-	padding: 3px;
+	padding: 5px;
 	margin: 2px 6px 16px 0;
 }
 
+.login-action-rp form .input,
+.login-action-rp input[type="text"] {
+	padding: 5px 45px 5px 5px;
+}
+
 .login form .input,
 .login input[type="text"],
 .login form input[type="checkbox"] {
@@ -263,13 +291,13 @@
 	width: device-width;
 }
 
-@media screen and ( max-height: 550px ) {
+@media screen and (max-height: 550px) {
 	#login {
 		padding: 20px 0;
 	}
 }
 
-@media screen and ( max-width: 782px ) {
+@media screen and (max-width: 782px) {
 	.interim-login input[type=checkbox] {
 		height: 16px;
 		width: 16px;