X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/256a3b381f63716209b3527d0a14442ae570c283..e8f61417994be715a90671aa87f1cd70d8ba132a:/wp-admin/css/install.css diff --git a/wp-admin/css/install.css b/wp-admin/css/install.css index 878bbd07..55fbe543 100644 --- a/wp-admin/css/install.css +++ b/wp-admin/css/install.css @@ -1,11 +1,11 @@ html { - background: #eee; + background: #f1f1f1; margin: 0 20px; } body { background: #fff; - color: #555; + color: #444; font-family: "Open Sans", sans-serif; margin: 140px auto 25px; padding: 20px 20px 10px 20px; @@ -16,26 +16,39 @@ body { } a { - color: #0074a2; - text-decoration: none; + color: #0073aa; +} + +a:hover, +a:active { + color: #00a0d2; } -a:hover { - color: #2ea2cc; +a:focus { + color: #124964; + -webkit-box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); + box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); } -h1 { - border-bottom: 1px solid #dedede; +.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; } -h2 { +h3 { font-size: 16px; } @@ -60,31 +73,50 @@ abbr { border: 0; 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'); - background-size: 80px 80px; + 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; - height: 80px; + color: #444; /* same as login.css */ + height: 84px; font-size: 20px; font-weight: normal; line-height: 1.3em; margin: -130px auto 25px; padding: 0; text-decoration: none; - width: 80px; + width: 84px; text-indent: -9999px; outline: none; overflow: hidden; display: block; } + +#logo a:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + .step { margin: 20px 0 15px; } @@ -92,16 +124,18 @@ abbr { text-align: left; padding: 0; } -.step .button-large { +.language-chooser.wp-core-ui .step .button.button-large { + height: 36px; font-size: 14px; + line-height: 33px; + vertical-align: middle; } textarea { - border: 1px solid #dfdfdf; + border: 1px solid #ddd; font-family: "Open Sans", sans-serif; width: 100%; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - -ms-box-sizing: border-box; /* ie8 only */ + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -114,7 +148,6 @@ textarea { .form-table td { margin-bottom: 9px; padding: 10px 20px 10px 0; - border-bottom: 8px solid #fff; font-size: 14px; vertical-align: top } @@ -122,7 +155,7 @@ textarea { .form-table th { font-size: 14px; text-align: left; - padding: 16px 20px 10px 0; + padding: 10px 20px 10px 0; width: 140px; vertical-align: top; } @@ -142,6 +175,7 @@ textarea { 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); } @@ -151,6 +185,8 @@ submit { } .form-table input[type=text], +.form-table input[type=email], +.form-table input[type=url], .form-table input[type=password] { width: 206px; } @@ -159,9 +195,10 @@ submit { font-weight: normal; } +.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 { @@ -188,46 +225,75 @@ submit { 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; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + 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; + background-color: #ffe399; + border-color: #ffc733; + opacity: 1; } -#pass-strength-result.short { - background-color: #ffa0a0; - border-color: #f04040 !important; +#pass-strength-result.strong { + background-color: #c1e1b9; + border-color: #83c373; + opacity: 1; } -#pass-strength-result.strong { - background-color: #c3ff88; - border-color: #8dff1c !important; +#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; } -/* @noflip */ +/* rtl:ignore */ #dbname, #uname, #pwd, @@ -240,6 +306,20 @@ submit { 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, @@ -294,6 +374,8 @@ body.rtl, } .form-table td input[type="text"], + .form-table td input[type="email"], + .form-table td input[type="url"], .form-table td input[type="password"], .form-table td select, .form-table td textarea, @@ -304,8 +386,77 @@ body.rtl, padding: 7px 10px; display: block; max-width: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; - -mox-box-sizing: border-box; + } + +} + +body.language-chooser { + max-width: 300px; +} + +.language-chooser select { + padding: 8px; + width: 100%; + display: block; + border: 1px solid #ddd; + background-color: #fff; + color: #32373c; + font-size: 16px; + font-family: Arial, sans-serif; + font-weight: normal; +} + +.language-chooser p { + text-align: right; +} + +.screen-reader-input, +.screen-reader-text { + position: absolute; + margin: -1px; + padding: 0; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(0 0 0 0); + border: 0; +} + +.spinner { + background: url(../images/spinner.gif) no-repeat; + -webkit-background-size: 20px 20px; + background-size: 20px 20px; + visibility: hidden; + opacity: 0.7; + filter: alpha(opacity=70); + width: 20px; + height: 20px; + margin: 2px 5px 0; +} + +.step .spinner { + display: inline-block; + vertical-align: middle; + margin-right: 15px; +} + +.button-secondary.hide-if-no-js, +.hide-if-no-js { + display: none; +} + +/** + * HiDPI Displays + */ +@media print, + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + + .spinner { + background-image: url(../images/spinner-2x.gif); } }