X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/fd1685fbc29cf422e0d23f1bf1815bc023be805d..3d39054f012aefe514b3f5509e32f09fc4feda44:/wp-admin/css/install.css diff --git a/wp-admin/css/install.css b/wp-admin/css/install.css index 6be5ba75..d1db4ec6 100644 --- a/wp-admin/css/install.css +++ b/wp-admin/css/install.css @@ -1,83 +1,142 @@ -html { background: #f7f7f7; } +html { + background: #f1f1f1; + margin: 0 20px; +} body { background: #fff; - color: #333; - font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; - margin: 2em auto 0 auto; - width: 700px; - padding: 1em 2em; - -moz-border-radius: 11px; - -khtml-border-radius: 11px; - -webkit-border-radius: 11px; - border-radius: 11px; - border: 1px solid #dfdfdf; + color: #444; + 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; +} + +a:hover, +a:active { + color: #00a0d2; } -a { color: #2583ad; text-decoration: none; } +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); +} -a:hover { color: #d54e21; } +.ie8 a:focus { + outline: #5b9dd9 solid 1px; +} -h1 { - border-bottom: 1px solid #dadada; +h1, h2 { + border-bottom: 1px solid #ddd; clear: both; color: #666; - font: 24px Georgia, "Times New Roman", Times, serif; - margin: 5px 0 0 -4px; + font-size: 24px; padding: 0; padding-bottom: 7px; + font-weight: 400; } -h2 { font-size: 16px; } +h3 { + font-size: 16px; +} -p, li { +p, li, dd, dt { padding-bottom: 2px; - font-size: 12px; - line-height: 18px; + font-size: 14px; + line-height: 1.5; } -code { font-size: 13px; } - -ul, ol { padding: 5px 5px 5px 22px; } +code, .code { + font-family: Consolas, Monaco, monospace; +} -#logo { margin: 6px 0 14px 0; border-bottom: none;} +ul, ol, dl { + padding: 5px 5px 5px 22px; +} -.step { - margin: 20px 0 15px; +a img { + border:0 +} +abbr { + border: 0; + font-variant: normal; } -.step, th { text-align: left; padding: 0; } +fieldset { + border: 0; + padding: 0; + margin: 0; +} -.submit input, .button, .button-secondary { - font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; - text-decoration: none; - font-size: 14px !important; - line-height: 16px; - padding: 6px 12px; +label { cursor: pointer; - border: 1px solid #bbb; - color: #464646; - -moz-border-radius: 15px; - -khtml-border-radius: 15px; - -webkit-border-radius: 15px; - border-radius: 15px; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - -khtml-box-sizing: content-box; - box-sizing: content-box; } -.button:hover, .button-secondary:hover, .submit input:hover { - color: #000; - border-color: #666; +#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: #444; /* same as login.css */ + height: 84px; + font-size: 20px; + font-weight: 400; + line-height: 1.3em; + margin: -130px auto 25px; + padding: 0; + text-decoration: none; + width: 84px; + text-indent: -9999px; + outline: none; + overflow: hidden; + display: block; } -.button, .submit input, .button-secondary { - background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top; +#logo a:focus { + -webkit-box-shadow: none; + box-shadow: none; } -.button:active, .submit input:active, .button-secondary:active { - background: #eee url(../images/white-grad-active.png) repeat-x scroll left top; +.step { + margin: 20px 0 15px; +} +.step, th { + text-align: left; + padding: 0; +} +.language-chooser.wp-core-ui .step .button.button-large { + height: 36px; + font-size: 14px; + line-height: 33px; + vertical-align: middle; +} +textarea { + 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; } .form-table { @@ -88,27 +147,22 @@ ul, ol { padding: 5px 5px 5px 22px; } .form-table td { margin-bottom: 9px; - padding: 10px; - border-bottom: 8px solid #fff; - font-size: 12px; + padding: 10px 20px 10px 0; + font-size: 14px; + vertical-align: top } .form-table th { - font-size: 13px; + font-size: 14px; text-align: left; - padding: 16px 10px 10px 10px; - border-bottom: 8px solid #fff; - width: 110px; + padding: 10px 20px 10px 0; + width: 140px; vertical-align: top; } -.form-table tr { - background: #f3f3f3; -} - .form-table code { line-height: 18px; - font-size: 18px; + font-size: 14px; } .form-table p { @@ -119,15 +173,290 @@ ul, ol { padding: 5px 5px 5px 22px; } .form-table input { line-height: 20px; font-size: 15px; - padding: 2px; + 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +.form-table input[type=text], +.form-table input[type=email], +.form-table input[type=url], +.form-table input[type=password] { + width: 206px; +} + +.form-table th p { + font-weight: 400; +} + +.form-table.install-success th, +.form-table.install-success td { + vertical-align: middle; + padding: 16px 20px 16px 0; +} + +.form-table.install-success td p { + margin: 0; + font-size: 14px; +} + +.form-table.install-success td code { + margin: 0; + font-size: 18px; } -#error-page { margin-top: 50px; } +#error-page { + margin-top: 50px; +} #error-page p { - font-size: 12px; + font-size: 14px; line-height: 18px; margin: 25px 0 20px; } -#error-page code { font-family: Consolas, Monaco, Courier, monospace; } +#error-page code, .code { + font-family: Consolas, Monaco, monospace; +} + +.wp-hide-pw > .dashicons { + line-height: inherit; +} + +#pass-strength-result { + background-color: #eee; + border: 1px solid #ddd; + color: #23282d; + margin: -2px 5px 5px 0px; + padding: 3px 5px; + text-align: center; + 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: #fbc5a9; + border-color: #f78b53; + opacity: 1; +} + +#pass-strength-result.good { + background-color: #ffe399; + border-color: #ffc733; + opacity: 1; +} + +#pass-strength-result.strong { + 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-left: 4px solid #dc3232; + padding: .7em .6em; + background-color: #fbeaea; +} + +/* rtl:ignore */ +#dbname, +#uname, +#pwd, +#dbhost, +#prefix, +#user_login, +#admin_email, +#pass1, +#pass2 { + 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, +.rtl textarea, +.rtl input, +.rtl submit { + font-family: Tahoma, sans-serif; +} + +:lang(he-il) body.rtl, +:lang(he-il) .rtl textarea, +:lang(he-il) .rtl input, +:lang(he-il) .rtl submit { + font-family: Arial, sans-serif; +} + +@media only screen and (max-width: 799px) { + body { + margin-top: 115px; + } + #logo a { + margin: -125px auto 30px; + } +} + +@media screen and ( max-width: 782px ) { + + .form-table { + margin-top: 0; + } + + .form-table th, + .form-table td { + display: block; + width: auto; + vertical-align: middle; + } + + .form-table th { + padding: 20px 0 0; + } + + .form-table td { + padding: 5px 0; + border: 0; + margin: 0; + } + + textarea, + input { + font-size: 16px; + } + + .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, + .form-table span.description { + width: 100%; + font-size: 16px; + line-height: 1.5; + padding: 7px 10px; + display: block; + max-width: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + 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: 400; +} + +.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); + } + +}