diff -r c7c34916027a -r 177826044cd9 wp/wp-admin/css/login.css --- 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;