diff -r 490d5cc509ed -r cf61fcea0001 wp/wp-admin/css/login-rtl.css --- a/wp/wp-admin/css/login-rtl.css Tue Jun 09 11:14:17 2015 +0000 +++ b/wp/wp-admin/css/login-rtl.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-right: 4px solid #00a0d2; - padding: 1px 12px; + padding: 12px; + margin-right: 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-right-color: #46b450; +} + .login #login_error { - border-right: 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-right-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-right: 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: right; 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-right: 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-right: 0; -} - -.mobile #login #nav, -.mobile #login #backtoblog { - margin-right: 8px; +.login #pass-strength-result { + font-weight: 600; + margin: -1px 0 16px 5px; + 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 -4px 0 0; } }