2012-08-22 20:04:18 -04:00
|
|
|
html {
|
2014-03-29 19:06:14 -04:00
|
|
|
background: #f1f1f1;
|
2013-11-20 19:21:11 -05:00
|
|
|
margin: 0 20px;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
background: #fff;
|
2020-12-26 14:54:07 -05:00
|
|
|
border: 1px solid #ccd0d4;
|
2014-03-29 19:06:14 -04:00
|
|
|
color: #444;
|
2016-07-26 12:39:30 -04:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
2013-11-20 19:21:11 -05:00
|
|
|
margin: 140px auto 25px;
|
|
|
|
padding: 20px 20px 10px 20px;
|
2012-08-22 20:04:18 -04:00
|
|
|
max-width: 700px;
|
2013-11-20 19:21:11 -05:00
|
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
2020-12-26 14:54:07 -05:00
|
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
2015-04-05 17:20:27 -04:00
|
|
|
color: #0073aa;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
2015-11-03 12:59:24 -05:00
|
|
|
a:hover,
|
|
|
|
a:active {
|
2020-07-07 06:11:05 -04:00
|
|
|
color: #006799;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
2015-11-03 12:59:24 -05:00
|
|
|
a:focus {
|
|
|
|
color: #124964;
|
|
|
|
box-shadow:
|
|
|
|
0 0 0 1px #5b9dd9,
|
2019-03-04 17:02:52 -05:00
|
|
|
0 0 2px 1px rgba(30, 140, 190, 0.8);
|
2015-11-03 12:59:24 -05:00
|
|
|
}
|
|
|
|
|
2015-11-04 13:00:24 -05:00
|
|
|
h1, h2 {
|
2016-03-09 14:51:26 -05:00
|
|
|
border-bottom: 1px solid #ddd;
|
2012-08-22 20:04:18 -04:00
|
|
|
clear: both;
|
|
|
|
color: #666;
|
2013-11-20 19:21:11 -05:00
|
|
|
font-size: 24px;
|
2012-08-22 20:04:18 -04:00
|
|
|
padding: 0;
|
|
|
|
padding-bottom: 7px;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
2015-11-04 13:00:24 -05:00
|
|
|
h3 {
|
2012-08-22 20:04:18 -04:00
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
p, li, dd, dt {
|
|
|
|
padding-bottom: 2px;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 1.5;
|
|
|
|
}
|
|
|
|
|
|
|
|
code, .code {
|
2013-11-20 19:21:11 -05:00
|
|
|
font-family: Consolas, Monaco, monospace;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
ul, ol, dl {
|
|
|
|
padding: 5px 5px 5px 22px;
|
|
|
|
}
|
|
|
|
|
|
|
|
a img {
|
2019-01-17 02:41:52 -05:00
|
|
|
border: 0
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
abbr {
|
|
|
|
border: 0;
|
|
|
|
font-variant: normal;
|
|
|
|
}
|
2014-07-29 12:05:16 -04:00
|
|
|
|
2015-10-01 17:35:25 -04:00
|
|
|
fieldset {
|
|
|
|
border: 0;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2014-07-29 12:05:16 -04:00
|
|
|
label {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2012-08-22 20:04:18 -04:00
|
|
|
#logo {
|
2020-05-02 17:46:08 -04:00
|
|
|
margin: -130px auto 25px;
|
|
|
|
padding: 0 0 25px 0;
|
|
|
|
width: 84px;
|
|
|
|
height: 84px;
|
|
|
|
overflow: hidden;
|
2014-02-26 12:23:13 -05:00
|
|
|
background-image: url(../images/w-logo-blue.png?ver=20131202);
|
|
|
|
background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
|
2014-06-26 11:36:15 -04:00
|
|
|
background-size: 84px;
|
2013-11-20 19:21:11 -05:00
|
|
|
background-position: center top;
|
2012-11-07 12:34:22 -05:00
|
|
|
background-repeat: no-repeat;
|
2016-02-19 13:44:27 -05:00
|
|
|
color: #444; /* same as login.css */
|
2013-11-20 19:21:11 -05:00
|
|
|
font-size: 20px;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2020-05-02 17:46:08 -04:00
|
|
|
line-height: 1.3em;
|
2013-11-20 19:21:11 -05:00
|
|
|
text-decoration: none;
|
2020-05-02 17:46:08 -04:00
|
|
|
text-align: center;
|
2012-11-07 12:34:22 -05:00
|
|
|
text-indent: -9999px;
|
|
|
|
outline: none;
|
|
|
|
}
|
2015-11-03 12:59:24 -05:00
|
|
|
|
2012-08-22 20:04:18 -04:00
|
|
|
.step {
|
|
|
|
margin: 20px 0 15px;
|
|
|
|
}
|
|
|
|
.step, th {
|
|
|
|
text-align: left;
|
|
|
|
padding: 0;
|
|
|
|
}
|
2014-08-04 16:47:16 -04:00
|
|
|
.language-chooser.wp-core-ui .step .button.button-large {
|
2014-08-04 17:23:15 -04:00
|
|
|
font-size: 14px;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
textarea {
|
2016-03-09 14:51:26 -05:00
|
|
|
border: 1px solid #ddd;
|
2016-07-26 12:39:30 -04:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
2013-11-20 19:21:11 -05:00
|
|
|
width: 100%;
|
|
|
|
box-sizing: border-box;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-table {
|
|
|
|
border-collapse: collapse;
|
|
|
|
margin-top: 1em;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-table td {
|
|
|
|
margin-bottom: 9px;
|
|
|
|
padding: 10px 20px 10px 0;
|
|
|
|
font-size: 14px;
|
|
|
|
vertical-align: top
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-table th {
|
|
|
|
font-size: 14px;
|
|
|
|
text-align: left;
|
2015-08-07 18:10:26 -04:00
|
|
|
padding: 10px 20px 10px 0;
|
2012-08-22 20:04:18 -04:00
|
|
|
width: 140px;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-table code {
|
2019-05-30 07:53:53 -04:00
|
|
|
line-height: 1.28571428;
|
2012-08-22 20:04:18 -04:00
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-table p {
|
|
|
|
margin: 4px 0 0 0;
|
|
|
|
font-size: 11px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-table input {
|
2019-05-30 07:53:53 -04:00
|
|
|
line-height: 1.33333333;
|
2012-08-22 20:04:18 -04:00
|
|
|
font-size: 15px;
|
2013-11-20 19:21:11 -05:00
|
|
|
padding: 3px 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
input,
|
|
|
|
submit {
|
2016-07-26 12:39:30 -04:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-table input[type=text],
|
2014-07-08 13:52:14 -04:00
|
|
|
.form-table input[type=email],
|
|
|
|
.form-table input[type=url],
|
Upgrade/Install: Bring some consistency to installation screen styles.
* Include `forms.css` and `l10n.css`, for consistency with login screen and other admin screens.
* Remove redundant `@import` directives from `login.css` for files already declared as dependencies.
* Adjust margin on password strength meter for consistency with other fields.
* Increase font size for "You will need this password to log in" notice.
* Fix misaligned icon on "Hide" button for the password.
Props iseulde, dan@micamedia.com, bassgang, cdog, johnbillion, nmenescardi, mukesh27, SergeyBiryukov.
Fixes #35776, #47757, #47758.
Built from https://develop.svn.wordpress.org/trunk@45673
git-svn-id: http://core.svn.wordpress.org/trunk@45484 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-07-25 15:11:55 -04:00
|
|
|
.form-table input[type=password],
|
|
|
|
#pass-strength-result {
|
|
|
|
width: 218px;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-table th p {
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
2015-09-11 07:26:26 -04:00
|
|
|
.form-table.install-success th,
|
2012-08-22 20:04:18 -04:00
|
|
|
.form-table.install-success td {
|
|
|
|
vertical-align: middle;
|
2015-07-13 18:22:24 -04:00
|
|
|
padding: 16px 20px 16px 0;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.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 p {
|
|
|
|
font-size: 14px;
|
2019-05-30 07:53:53 -04:00
|
|
|
line-height: 1.28571428;
|
2012-08-22 20:04:18 -04:00
|
|
|
margin: 25px 0 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#error-page code, .code {
|
|
|
|
font-family: Consolas, Monaco, monospace;
|
|
|
|
}
|
|
|
|
|
|
|
|
.message {
|
2016-01-05 16:47:25 -05:00
|
|
|
border-left: 4px solid #dc3232;
|
|
|
|
padding: .7em .6em;
|
|
|
|
background-color: #fbeaea;
|
2012-08-22 20:04:18 -04:00
|
|
|
}
|
|
|
|
|
2015-02-27 08:41:30 -05:00
|
|
|
/* rtl:ignore */
|
2013-11-17 11:18:11 -05:00
|
|
|
#dbname,
|
|
|
|
#uname,
|
|
|
|
#pwd,
|
|
|
|
#dbhost,
|
|
|
|
#prefix,
|
|
|
|
#user_login,
|
|
|
|
#admin_email,
|
|
|
|
#pass1,
|
|
|
|
#pass2 {
|
2012-08-22 20:04:18 -04:00
|
|
|
direction: ltr;
|
|
|
|
}
|
2013-11-20 19:21:11 -05:00
|
|
|
|
2013-12-08 20:31:11 -05:00
|
|
|
|
|
|
|
/* 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;
|
|
|
|
}
|
|
|
|
|
2013-11-20 19:21:11 -05:00
|
|
|
@media only screen and (max-width: 799px) {
|
|
|
|
body {
|
|
|
|
margin-top: 115px;
|
|
|
|
}
|
|
|
|
#logo a {
|
|
|
|
margin: -125px auto 30px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-01-17 02:41:52 -05:00
|
|
|
@media screen and (max-width: 782px) {
|
2013-11-20 19:21:11 -05:00
|
|
|
|
|
|
|
.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"],
|
2014-07-08 13:52:14 -04:00
|
|
|
.form-table td input[type="email"],
|
|
|
|
.form-table td input[type="url"],
|
2013-11-20 19:21:11 -05:00
|
|
|
.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;
|
2014-02-13 03:30:17 -05:00
|
|
|
box-sizing: border-box;
|
2013-11-20 19:21:11 -05:00
|
|
|
}
|
|
|
|
|
Login and Registration: Add a "Show password" button on the login page.
The ability for users to see the password they're typing improves usability and accessibility of the login users flow.
- brings the login screen in line with the same feature already used in the New User, Edit User, and Reset Password pages
- improves association of labels and input fields by using explicit association with `for` / `id` attributes
- slightly increases the "Remember me" label font size
Props johnbillion, Iceable, audrasjb, joyously, adamsilverstein, boemedia, DrewAPicture, shadyvb, birgire, peterwilsoncc, pento, anevins, davidbaumwald, whyisjake, afercia.
Fixes #42888.
Built from https://develop.svn.wordpress.org/trunk@46256
git-svn-id: http://core.svn.wordpress.org/trunk@46068 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-09-23 14:06:57 -04:00
|
|
|
.wp-pwd #pass1 {
|
|
|
|
padding-right: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-pwd .button.wp-hide-pw {
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#pass-strength-result {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2013-11-20 19:21:11 -05:00
|
|
|
}
|
2014-06-18 15:58:15 -04:00
|
|
|
|
2014-06-19 00:47:14 -04:00
|
|
|
body.language-chooser {
|
2014-07-07 20:33:15 -04:00
|
|
|
max-width: 300px;
|
2014-06-19 00:47:14 -04:00
|
|
|
}
|
|
|
|
|
2014-08-04 16:47:16 -04:00
|
|
|
.language-chooser select {
|
2014-06-18 15:58:15 -04:00
|
|
|
padding: 8px;
|
2014-08-04 16:47:16 -04:00
|
|
|
width: 100%;
|
2014-06-18 15:58:15 -04:00
|
|
|
display: block;
|
|
|
|
border: 1px solid #ddd;
|
2019-12-11 18:03:03 -05:00
|
|
|
background: #fff;
|
2015-04-05 17:20:27 -04:00
|
|
|
color: #32373c;
|
2014-06-18 15:58:15 -04:00
|
|
|
font-size: 16px;
|
2014-08-04 16:47:16 -04:00
|
|
|
font-family: Arial, sans-serif;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2014-06-18 15:58:15 -04:00
|
|
|
}
|
|
|
|
|
2019-12-11 18:03:03 -05:00
|
|
|
.language-chooser select:focus {
|
|
|
|
color: #32373c;
|
|
|
|
}
|
|
|
|
|
|
|
|
.language-chooser select option:hover,
|
|
|
|
.language-chooser select option:focus {
|
|
|
|
color: #016087;
|
|
|
|
}
|
|
|
|
|
2014-06-18 15:58:15 -04:00
|
|
|
.language-chooser p {
|
|
|
|
text-align: right;
|
2014-07-03 18:53:16 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.screen-reader-input,
|
|
|
|
.screen-reader-text {
|
2017-09-27 13:27:45 -04:00
|
|
|
border: 0;
|
|
|
|
clip: rect(1px, 1px, 1px, 1px);
|
Customize: Introduce a new experience for discovering, installing, and previewing themes within the customizer.
Unify the theme-browsing and theme-customization experiences by introducing a comprehensive theme browser and installer directly accessible in the customizer. Replaces the customizer theme switcher with a full-screen panel for discovering/browsing and installing themes available on WordPress.org. Themes can now be installed and previewed directly in the customizer without entering the wp-admin context. Also includes an extensible framework for browsing and installing themes from other sources.
Also includes CSS auto-prefixing added via `grunt precommit:css`.
For details, see: https://make.wordpress.org/core/2016/10/03/feature-proposal-a-new-experience-for-discovering-installing-and-previewing-themes-in-the-customizer/
Previously [38813] but reverted in [39140].
Fixes #37661, #34843, #38666.
Props celloexpressions, folletto, westonruter, karmatosed, melchoyce, afercia.
Built from https://develop.svn.wordpress.org/trunk@41648
git-svn-id: http://core.svn.wordpress.org/trunk@41482 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-29 16:13:50 -04:00
|
|
|
-webkit-clip-path: inset(50%);
|
2017-09-27 13:27:45 -04:00
|
|
|
clip-path: inset(50%);
|
|
|
|
height: 1px;
|
2014-07-03 18:53:16 -04:00
|
|
|
margin: -1px;
|
2017-09-27 13:27:45 -04:00
|
|
|
overflow: hidden;
|
2014-07-03 18:53:16 -04:00
|
|
|
padding: 0;
|
2017-09-27 13:27:45 -04:00
|
|
|
position: absolute;
|
2014-07-03 18:53:16 -04:00
|
|
|
width: 1px;
|
2017-09-27 13:27:45 -04:00
|
|
|
word-wrap: normal !important;
|
2014-07-03 18:53:16 -04:00
|
|
|
}
|
2014-07-07 20:30:14 -04:00
|
|
|
|
2014-07-07 20:33:15 -04:00
|
|
|
.spinner {
|
|
|
|
background: url(../images/spinner.gif) no-repeat;
|
|
|
|
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;
|
2016-01-30 09:53:26 -05:00
|
|
|
vertical-align: middle;
|
2014-07-07 20:33:15 -04:00
|
|
|
margin-right: 15px;
|
|
|
|
}
|
|
|
|
|
2016-09-28 15:54:28 -04:00
|
|
|
.button.hide-if-no-js,
|
2015-07-13 18:22:24 -04:00
|
|
|
.hide-if-no-js {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2014-07-07 20:33:15 -04:00
|
|
|
/**
|
|
|
|
* HiDPI Displays
|
|
|
|
*/
|
|
|
|
@media print,
|
|
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
|
|
(min-resolution: 120dpi) {
|
|
|
|
|
|
|
|
.spinner {
|
|
|
|
background-image: url(../images/spinner-2x.gif);
|
|
|
|
}
|
|
|
|
|
2014-07-07 20:30:14 -04:00
|
|
|
}
|