WordPress/wp-admin/css/login.css
Helen Hou-Sandí e4bfe48ebc Login: Don't rely on wp_is_mobile() for functionality.
Making behavior changes based on some broad definition of what mobile is rarely, if ever, makes sense. Each bit of functionality should be more clearly targeted, whether that's for screen size, performance, or some kind of touch capability.

props akibjorklund.
see #33704.

Built from https://develop.svn.wordpress.org/trunk@38739


git-svn-id: http://core.svn.wordpress.org/trunk@38682 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-06 15:52:30 +00:00

263 lines
4.1 KiB
CSS

@import url(forms.css);
@import url(l10n.css);
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: #f1f1f1;
min-width: 0;
color: #444;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4em;
}
a {
color: #0073aa;
-webkit-transition-property: border, background, color;
transition-property: border, background, color;
-webkit-transition-duration: .05s;
transition-duration: .05s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
a {
outline: 0;
}
a:hover,
a:active {
color: #00a0d2;
}
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);
}
.ie8 a:focus {
outline: #5b9dd9 solid 1px;
}
p {
line-height: 1.5;
}
.login .message,
.login #login_error {
border-left: 4px solid #00a0d2;
padding: 12px;
margin-left: 0;
background-color: #fff;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
.login #login_error {
border-left-color: #dc3232;
}
#loginform p.submit,
.login-action-lostpassword p.submit {
border: none;
margin: -10px 0 20px; /* May want to revisit this */
}
.login * {
margin: 0;
padding: 0;
}
.login form {
margin-top: 20px;
margin-left: 0;
padding: 26px 24px 46px;
font-weight: 400;
overflow: hidden;
background: #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}
.login form .forgetmenot {
font-weight: 400;
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 {
color: #72777c;
font-size: 14px;
}
.login form .forgetmenot label {
font-size: 12px;
line-height: 19px;
}
.login h1 {
text-align: center;
}
.login h1 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;
height: 84px;
font-size: 20px;
font-weight: 400;
line-height: 1.3em;
margin: 0 auto 25px;
padding: 0;
text-decoration: none;
width: 84px;
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 {
margin: 16px 0;
}
.login #nav a,
.login #backtoblog a {
text-decoration: none;
color: #555d66;
}
.login #nav a:hover,
.login #backtoblog a:hover,
.login h1 a:hover {
color: #00a0d2;
}
.login #nav a:focus,
.login #backtoblog a:focus,
.login h1 a:focus {
color: #124964;
}
.login form .input,
.login input[type="text"] {
font-size: 24px;
width: 100%;
padding: 3px;
margin: 2px 6px 16px 0;
}
.login form .input,
.login input[type="text"],
.login form input[type="checkbox"] {
background: #fbfbfb;
}
.ie7 .login form .input,
.ie8 .login form .input {
font-family: sans-serif;
}
.login-action-rp input[type="text"] {
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
.login #pass-strength-result {
font-weight: 600;
margin: -1px 5px 16px 0;
padding: 6px 5px;
text-align: center;
width: 100%;
}
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;
}
@-ms-viewport {
width: device-width;
}
@media screen and ( max-height: 550px ) {
#login {
padding: 20px 0;
}
}
@media screen and ( max-width: 782px ) {
.interim-login input[type=checkbox] {
height: 16px;
width: 16px;
}
.interim-login input[type=checkbox]:checked:before {
width: 16px;
font: normal 21px/1 dashicons;
margin: -3px 0 0 -4px;
}
}