diff -r 490d5cc509ed -r cf61fcea0001 wp/wp-admin/css/install.css --- a/wp/wp-admin/css/install.css Tue Jun 09 11:14:17 2015 +0000 +++ b/wp/wp-admin/css/install.css Mon Oct 14 17:39:30 2019 +0200 @@ -6,36 +6,45 @@ body { background: #fff; color: #444; - font-family: "Open Sans", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 140px auto 25px; padding: 20px 20px 10px 20px; max-width: 700px; -webkit-font-smoothing: subpixel-antialiased; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); box-shadow: 0 1px 3px rgba(0,0,0,0.13); } a { color: #0073aa; - text-decoration: none; } -a:hover { +a:hover, +a:active { color: #00a0d2; } -h1 { - border-bottom: 1px solid #dedede; +a:focus { + color: #124964; + box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); +} + +.ie8 a:focus { + outline: #5b9dd9 solid 1px; +} + +h1, h2 { + border-bottom: 1px solid #ddd; clear: both; color: #666; font-size: 24px; - margin: 30px 0; padding: 0; padding-bottom: 7px; - font-weight: normal; + font-weight: 400; } -h2 { +h3 { font-size: 16px; } @@ -61,26 +70,32 @@ font-variant: normal; } +fieldset { + border: 0; + padding: 0; + margin: 0; +} + label { cursor: pointer; } #logo { margin: 6px 0 14px 0; + padding: 0 0 7px 0; border-bottom: none; text-align:center } #logo 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; /* same as login.css */ height: 84px; font-size: 20px; - font-weight: normal; + font-weight: 400; line-height: 1.3em; margin: -130px auto 25px; padding: 0; @@ -91,6 +106,11 @@ overflow: hidden; display: block; } + +#logo a:focus { + box-shadow: none; +} + .step { margin: 20px 0 15px; } @@ -100,15 +120,14 @@ } .language-chooser.wp-core-ui .step .button.button-large { height: 36px; + font-size: 14px; + line-height: 33px; vertical-align: middle; - font-size: 14px; } textarea { - border: 1px solid #dfdfdf; - font-family: "Open Sans", sans-serif; + border: 1px solid #ddd; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -121,7 +140,6 @@ .form-table td { margin-bottom: 9px; padding: 10px 20px 10px 0; - border-bottom: 8px solid #fff; font-size: 14px; vertical-align: top } @@ -129,7 +147,7 @@ .form-table th { font-size: 14px; text-align: left; - padding: 16px 20px 10px 0; + padding: 10px 20px 10px 0; width: 140px; vertical-align: top; } @@ -149,13 +167,12 @@ font-size: 15px; padding: 3px 5px; border: 1px solid #ddd; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); } input, submit { - font-family: "Open Sans", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .form-table input[type=text], @@ -166,12 +183,13 @@ } .form-table th p { - font-weight: normal; + font-weight: 400; } +.form-table.install-success th, .form-table.install-success td { vertical-align: middle; - padding: 16px 20px 10px 0; + padding: 16px 20px 16px 0; } .form-table.install-success td p { @@ -198,43 +216,70 @@ font-family: Consolas, Monaco, monospace; } +.wp-hide-pw > .dashicons { + line-height: inherit; +} + #pass-strength-result { background-color: #eee; - border-color: #ddd !important; - border-style: solid; - border-width: 1px; - margin: 5px 5px 5px 0; - padding: 5px; + border: 1px solid #ddd; + color: #23282d; + margin: -2px 5px 5px 0px; + padding: 3px 5px; text-align: center; - width: 200px; - display: none; + width: 218px; + box-sizing: border-box; + opacity: 0; +} + +#pass-strength-result.short { + background-color: #f1adad; + border-color: #e35b5b; + opacity: 1; } #pass-strength-result.bad { - background-color: #ffb78c; - border-color: #ff853c !important; + background-color: #fbc5a9; + border-color: #f78b53; + opacity: 1; } #pass-strength-result.good { - background-color: #ffec8b; - border-color: #ffcc00 !important; -} - -#pass-strength-result.short { - background-color: #ffa0a0; - border-color: #f04040 !important; + background-color: #ffe399; + border-color: #ffc733; + opacity: 1; } #pass-strength-result.strong { - background-color: #c3ff88; - border-color: #8dff1c !important; + background-color: #c1e1b9; + border-color: #83c373; + opacity: 1; +} + +#pass1.short, #pass1-text.short { + border-color: #e35b5b; +} + +#pass1.bad, #pass1-text.bad { + border-color: #f78b53; +} + +#pass1.good, #pass1-text.good { + border-color: #ffc733; +} + +#pass1.strong, #pass1-text.strong { + border-color: #83c373; +} + +.pw-weak { + display: none; } .message { - border: 1px solid #c00; - padding: 0.5em 0.7em; - margin: 5px 0 15px; - background-color: #ffebe8; + border-left: 4px solid #dc3232; + padding: .7em .6em; + background-color: #fbeaea; } /* rtl:ignore */ @@ -250,6 +295,20 @@ direction: ltr; } +#pass1-text, +.show-password #pass1 { + display: none; +} + +.show-password #pass1-text +{ + display: inline-block; +} + +.form-table span.description.important { + font-size: 12px; +} + /* localization */ body.rtl, @@ -316,8 +375,6 @@ padding: 7px 10px; display: block; max-width: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -336,7 +393,7 @@ color: #32373c; font-size: 16px; font-family: Arial, sans-serif; - font-weight: normal; + font-weight: 400; } .language-chooser p { @@ -345,19 +402,21 @@ .screen-reader-input, .screen-reader-text { - position: absolute; - margin: -1px; - padding: 0; + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); height: 1px; - width: 1px; + margin: -1px; overflow: hidden; - clip: rect(0 0 0 0); - border: 0; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; } .spinner { background: url(../images/spinner.gif) no-repeat; - -webkit-background-size: 20px 20px; background-size: 20px 20px; visibility: hidden; opacity: 0.7; @@ -369,9 +428,13 @@ .step .spinner { display: inline-block; - margin-top: 8px; + vertical-align: middle; margin-right: 15px; - vertical-align: top; +} + +.button.hide-if-no-js, +.hide-if-no-js { + display: none; } /**