2014-02-20 04:24:14 +01:00
|
|
|
@import url(forms.css);
|
2014-04-13 18:06:14 +02:00
|
|
|
@import url(l10n.css);
|
2014-02-20 04:24:14 +01:00
|
|
|
|
|
|
|
html,
|
|
|
|
body {
|
|
|
|
height: 100%;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2014-04-13 18:06:14 +02:00
|
|
|
body {
|
2014-02-19 22:43:14 +01:00
|
|
|
background: #f1f1f1;
|
|
|
|
min-width: 0;
|
2014-02-20 04:24:14 +01:00
|
|
|
color: #444;
|
2016-07-26 18:39:30 +02:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
2014-02-20 04:24:14 +01:00
|
|
|
font-size: 13px;
|
|
|
|
line-height: 1.4em;
|
|
|
|
}
|
|
|
|
|
2014-03-11 21:51:16 +01:00
|
|
|
a {
|
2015-04-05 23:20:27 +02:00
|
|
|
color: #0073aa;
|
2014-03-11 21:51:16 +01:00
|
|
|
transition-property: border, background, color;
|
|
|
|
transition-duration: .05s;
|
|
|
|
transition-timing-function: ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover,
|
|
|
|
a:active {
|
2015-04-05 23:20:27 +02:00
|
|
|
color: #00a0d2;
|
2014-03-11 21:51:16 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
a:focus {
|
|
|
|
color: #124964;
|
2015-06-02 07:51:27 +02:00
|
|
|
box-shadow:
|
|
|
|
0 0 0 1px #5b9dd9,
|
2019-03-04 23:02:52 +01:00
|
|
|
0 0 2px 1px rgba(30, 140, 190, 0.8);
|
2014-03-11 21:51:16 +01:00
|
|
|
}
|
|
|
|
|
2015-06-02 07:51:27 +02:00
|
|
|
.ie8 a:focus {
|
|
|
|
outline: #5b9dd9 solid 1px;
|
2014-03-11 21:51:16 +01:00
|
|
|
}
|
|
|
|
|
2014-02-20 04:24:14 +01:00
|
|
|
p {
|
|
|
|
line-height: 1.5;
|
2014-02-19 22:43:14 +01:00
|
|
|
}
|
|
|
|
|
2015-09-21 17:26:25 +02:00
|
|
|
.login .message,
|
2018-05-10 22:53:21 +02:00
|
|
|
.login .success,
|
2015-09-21 17:26:25 +02:00
|
|
|
.login #login_error {
|
2015-04-05 23:20:27 +02:00
|
|
|
border-left: 4px solid #00a0d2;
|
2015-09-21 17:26:25 +02:00
|
|
|
padding: 12px;
|
|
|
|
margin-left: 0;
|
2017-05-18 17:40:41 +02:00
|
|
|
margin-bottom: 20px;
|
2014-02-19 22:43:14 +01:00
|
|
|
background-color: #fff;
|
2019-03-04 23:02:52 +01:00
|
|
|
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
2014-02-19 22:43:14 +01:00
|
|
|
}
|
|
|
|
|
2018-05-10 22:53:21 +02:00
|
|
|
.login .success {
|
|
|
|
border-left-color: #46b450;
|
|
|
|
}
|
|
|
|
|
2014-02-19 22:43:14 +01:00
|
|
|
.login #login_error {
|
2015-09-21 17:26:25 +02:00
|
|
|
border-left-color: #dc3232;
|
2014-02-19 22:43:14 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
#loginform p.submit,
|
|
|
|
.login-action-lostpassword p.submit {
|
|
|
|
border: none;
|
|
|
|
margin: -10px 0 20px; /* May want to revisit this */
|
|
|
|
}
|
|
|
|
|
|
|
|
.login * {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2017-09-21 23:29:48 +02:00
|
|
|
.login .password-input-wrapper {
|
2019-03-14 00:37:57 +01:00
|
|
|
position: relative;
|
2017-09-21 23:29:48 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.login .input.password-input {
|
2019-01-17 08:41:52 +01:00
|
|
|
margin: 0;
|
2017-09-21 23:29:48 +02:00
|
|
|
}
|
|
|
|
|
2019-03-14 00:37:57 +01:00
|
|
|
.login .input::-ms-clear {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2017-09-21 23:29:48 +02:00
|
|
|
.login .pw-weak {
|
2019-01-17 08:41:52 +01:00
|
|
|
margin-bottom: 15px;
|
2017-09-21 23:29:48 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.login .button.button-secondary {
|
2019-03-14 00:37:57 +01:00
|
|
|
background: transparent;
|
|
|
|
border: 1px solid transparent;
|
|
|
|
box-shadow: none;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 2;
|
|
|
|
height: auto;
|
|
|
|
margin: 0;
|
|
|
|
padding: 5px 9px;
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login .button.button-secondary:hover {
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login .button.button-secondary:focus {
|
|
|
|
background: transparent;
|
|
|
|
border-color: #5b9dd9;
|
|
|
|
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
|
|
|
|
}
|
|
|
|
|
|
|
|
.login .button.button-secondary:active {
|
|
|
|
background: transparent;
|
|
|
|
box-shadow: none;
|
|
|
|
transform: none;
|
2017-09-21 23:29:48 +02:00
|
|
|
}
|
|
|
|
|
2014-02-19 22:43:14 +01:00
|
|
|
.login form {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-left: 0;
|
|
|
|
padding: 26px 24px 46px;
|
2016-06-17 20:37:28 +02:00
|
|
|
font-weight: 400;
|
2014-02-19 22:43:14 +01:00
|
|
|
overflow: hidden;
|
|
|
|
background: #fff;
|
2019-03-04 23:02:52 +01:00
|
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
|
2014-02-19 22:43:14 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.login form .forgetmenot {
|
2016-06-17 20:37:28 +02:00
|
|
|
font-weight: 400;
|
2014-02-19 22:43:14 +01:00
|
|
|
float: left;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login .button-primary {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#login form p {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#login form p.submit {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login label {
|
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login form .forgetmenot label {
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 19px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login h1 {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login h1 a {
|
2014-02-26 18:23:13 +01:00
|
|
|
background-image: url(../images/w-logo-blue.png?ver=20131202);
|
|
|
|
background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
|
2014-06-26 17:36:15 +02:00
|
|
|
background-size: 84px;
|
2014-02-19 22:43:14 +01:00
|
|
|
background-position: center top;
|
|
|
|
background-repeat: no-repeat;
|
2016-01-26 00:52:25 +01:00
|
|
|
color: #444;
|
2014-06-26 17:36:15 +02:00
|
|
|
height: 84px;
|
2014-02-19 22:43:14 +01:00
|
|
|
font-size: 20px;
|
2016-06-17 20:37:28 +02:00
|
|
|
font-weight: 400;
|
2014-02-19 22:43:14 +01:00
|
|
|
line-height: 1.3em;
|
|
|
|
margin: 0 auto 25px;
|
|
|
|
padding: 0;
|
|
|
|
text-decoration: none;
|
2014-06-26 17:36:15 +02:00
|
|
|
width: 84px;
|
2014-02-19 22:43:14 +01:00
|
|
|
text-indent: -9999px;
|
|
|
|
outline: none;
|
|
|
|
overflow: hidden;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
#login {
|
|
|
|
width: 320px;
|
|
|
|
padding: 8% 0 0;
|
|
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login #nav,
|
|
|
|
.login #backtoblog {
|
|
|
|
font-size: 13px;
|
|
|
|
padding: 0 24px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login #nav {
|
|
|
|
margin: 24px 0 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#backtoblog {
|
2015-09-20 03:41:25 +02:00
|
|
|
margin: 16px 0;
|
2014-02-19 22:43:14 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.login #nav a,
|
|
|
|
.login #backtoblog a {
|
|
|
|
text-decoration: none;
|
2016-01-26 00:52:25 +01:00
|
|
|
color: #555d66;
|
2014-02-19 22:43:14 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.login #nav a:hover,
|
|
|
|
.login #backtoblog a:hover,
|
|
|
|
.login h1 a:hover {
|
2015-04-05 23:20:27 +02:00
|
|
|
color: #00a0d2;
|
2014-02-19 22:43:14 +01:00
|
|
|
}
|
|
|
|
|
2015-06-02 07:51:27 +02:00
|
|
|
.login #nav a:focus,
|
|
|
|
.login #backtoblog a:focus,
|
|
|
|
.login h1 a:focus {
|
|
|
|
color: #124964;
|
|
|
|
}
|
|
|
|
|
2018-05-02 21:48:21 +02:00
|
|
|
.login .privacy-policy-page-link {
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
Privacy: Reposition log in policy link to avoid overlapping elements.
Previously, the link used absolute positioning, in order to stick it at the bottom of the page. That was done in order to create visual separation between it and the "action" links, like "Lost Your Password?"
The absolute positioning can cause conflicts in some situations, though. For example, if extra text or error notices are added above the form, then the login link would be positioned on top of other elements.
Switching to relative positioning with extra margins avoids those issues, while maintaining the visual separation between the "action" links and the privacy policy link.
Props imath, melchoyce, desrosj, xkon, iandunn.
Fixes #44046.
Built from https://develop.svn.wordpress.org/trunk@43274
git-svn-id: http://core.svn.wordpress.org/trunk@43103 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-05-15 18:27:24 +02:00
|
|
|
margin: 5em 0 2em;
|
2018-05-02 21:48:21 +02:00
|
|
|
}
|
|
|
|
|
2014-02-19 22:43:14 +01:00
|
|
|
.login form .input,
|
|
|
|
.login input[type="text"] {
|
|
|
|
font-size: 24px;
|
|
|
|
width: 100%;
|
2019-03-14 00:37:57 +01:00
|
|
|
padding: 5px 45px 5px 5px;
|
2014-02-19 22:43:14 +01:00
|
|
|
margin: 2px 6px 16px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login form .input,
|
|
|
|
.login input[type="text"],
|
|
|
|
.login form input[type="checkbox"] {
|
|
|
|
background: #fbfbfb;
|
|
|
|
}
|
|
|
|
|
2014-02-20 04:24:14 +01:00
|
|
|
.ie7 .login form .input,
|
|
|
|
.ie8 .login form .input {
|
|
|
|
font-family: sans-serif;
|
|
|
|
}
|
|
|
|
|
2015-07-14 05:32:24 +02:00
|
|
|
.login-action-rp input[type="text"] {
|
|
|
|
box-shadow: none;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2014-02-19 22:43:14 +01:00
|
|
|
.login #pass-strength-result {
|
|
|
|
font-weight: 600;
|
2015-07-14 05:32:24 +02:00
|
|
|
margin: -1px 5px 16px 0;
|
2014-02-19 22:43:14 +01:00
|
|
|
padding: 6px 5px;
|
|
|
|
text-align: center;
|
2015-07-14 05:32:24 +02:00
|
|
|
width: 100%;
|
2014-02-19 22:43:14 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
body.interim-login {
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.interim-login #login {
|
|
|
|
padding: 0;
|
|
|
|
margin: 5px auto 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.interim-login.login h1 a {
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.interim-login #login_error,
|
|
|
|
.interim-login.login .message {
|
|
|
|
margin: 0 0 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.interim-login.login form {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2014-02-20 04:24:14 +01:00
|
|
|
@-ms-viewport {
|
|
|
|
width: device-width;
|
|
|
|
}
|
|
|
|
|
2019-01-17 08:41:52 +01:00
|
|
|
@media screen and (max-height: 550px) {
|
2016-10-06 17:52:30 +02:00
|
|
|
#login {
|
|
|
|
padding: 20px 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-01-17 08:41:52 +01:00
|
|
|
@media screen and (max-width: 782px) {
|
2014-02-19 22:43:14 +01:00
|
|
|
.interim-login input[type=checkbox] {
|
|
|
|
height: 16px;
|
|
|
|
width: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.interim-login input[type=checkbox]:checked:before {
|
|
|
|
width: 16px;
|
2015-09-05 21:57:25 +02:00
|
|
|
font: normal 21px/1 dashicons;
|
2014-02-19 22:43:14 +01:00
|
|
|
margin: -3px 0 0 -4px;
|
|
|
|
}
|
2014-08-03 02:34:15 +02:00
|
|
|
}
|