X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/11be15bd505d66a91e2c80062190b13e315a04a9..58b0523c599c731e868bd4bc05b0d686a98d254f:/wp-admin/css/install.css?ver=20100228 diff --git a/wp-admin/css/install.css b/wp-admin/css/install.css index 1b33764a..722228fe 100644 --- a/wp-admin/css/install.css +++ b/wp-admin/css/install.css @@ -1,36 +1,38 @@ html { - background: #f9f9f9; + background: #f1f1f1; + margin: 0 20px; } body { background: #fff; - color: #333; - font-family: sans-serif; - margin: 2em auto; - padding: 1em 2em; - -webkit-border-radius: 3px; - border-radius: 3px; - border: 1px solid #dfdfdf; + color: #444; + font-family: "Open Sans", 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: #21759b; + color: #0073aa; text-decoration: none; } a:hover { - color: #d54e21; + color: #00a0d2; } h1 { - border-bottom: 1px solid #dadada; + border-bottom: 1px solid #dedede; clear: both; color: #666; - font: 24px Georgia, "Times New Roman", Times, serif; - margin: 30px 0 0 0; + font-size: 24px; + margin: 30px 0; padding: 0; padding-bottom: 7px; + font-weight: normal; } h2 { @@ -44,7 +46,7 @@ p, li, dd, dt { } code, .code { - font-size: 14px; + font-family: Consolas, Monaco, monospace; } ul, ol, dl { @@ -58,31 +60,37 @@ abbr { border: 0; font-variant: normal; } + +label { + cursor: pointer; +} + #logo { margin: 6px 0 14px 0; border-bottom: none; text-align:center } #logo a { - background-image: url('../images/wordpress-logo.png?ver=20120216'); - background-size: 274px 63px; - background-position: top center; + 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; - height: 67px; + color: #999; + height: 84px; + font-size: 20px; + font-weight: normal; + line-height: 1.3em; + margin: -130px auto 25px; + padding: 0; + text-decoration: none; + width: 84px; text-indent: -9999px; outline: none; overflow: hidden; display: block; } -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - #logo a { - background-image: url('../images/wordpress-logo-2x.png?ver=20120412'); - background-size: 274px 63px; - } -} .step { margin: 20px 0 15px; } @@ -90,15 +98,18 @@ abbr { text-align: left; padding: 0; } -.step .button-large { +.language-chooser.wp-core-ui .step .button.button-large { + height: 36px; + vertical-align: middle; font-size: 14px; } textarea { border: 1px solid #dfdfdf; - -webkit-border-radius: 3px; - border-radius: 3px; - font-family: sans-serif; - width: 695px; + font-family: "Open Sans", sans-serif; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .form-table { @@ -119,7 +130,6 @@ textarea { font-size: 14px; text-align: left; padding: 16px 20px 10px 0; - border-bottom: 8px solid #fff; width: 140px; vertical-align: top; } @@ -137,14 +147,20 @@ textarea { .form-table input { line-height: 20px; font-size: 15px; - padding: 2px; - border: 1px #dfdfdf solid; - -webkit-border-radius: 3px; - border-radius: 3px; - font-family: sans-serif; + 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; } .form-table input[type=text], +.form-table input[type=email], +.form-table input[type=url], .form-table input[type=password] { width: 206px; } @@ -215,47 +231,158 @@ textarea { } .message { - border: 1px solid #e6db55; - padding: 0.3em 0.6em; + border: 1px solid #c00; + padding: 0.5em 0.7em; margin: 5px 0 15px; - background-color: #ffffe0; + background-color: #ffebe8; +} + +/* rtl:ignore */ +#dbname, +#uname, +#pwd, +#dbhost, +#prefix, +#user_login, +#admin_email, +#pass1, +#pass2 { + direction: ltr; +} + + +/* 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; + } } -/* install-rtl */ -body.rtl { - font-family: Tahoma, arial; +@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; + } + } -.rtl h1 { - font-family: arial; - margin: 5px -4px 0 0; +body.language-chooser { + max-width: 300px; } -.rtl ul, -.rtl ol { - padding: 5px 22px 5px 5px; +.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; } -.rtl .step, -.rtl th, -.rtl .form-table th { +.language-chooser p { text-align: right; } -.rtl .submit input, -.rtl .button, -.rtl .button-secondary { - margin-right: 0; +.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; } -.rtl #dbname, -.rtl #uname, -.rtl #pwd, -.rtl #dbhost, -.rtl #prefix, -.rtl #user_login, -.rtl #admin_email, -.rtl #pass1, -.rtl #pass2 { - direction: ltr; +.step .spinner { + display: inline-block; + margin-top: 8px; + margin-right: 15px; + vertical-align: top; +} + +/** + * HiDPI Displays + */ +@media print, + (-webkit-min-device-pixel-ratio: 1.25), + (min-resolution: 120dpi) { + + .spinner { + background-image: url(../images/spinner-2x.gif); + } + }