padding: 0;
}
-html {
- background: #f1f1f1;
-}
-
body {
background: #f1f1f1;
min-width: 0;
color: #444;
- font-family: "Open Sans", sans-serif;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4em;
}
line-height: 1.5;
}
-.login .message {
+.login .message,
+.login #login_error {
border-left: 4px solid #00a0d2;
- padding: 1px 12px;
+ 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: 4px solid #dd3d36;
- background: #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);
+ border-left-color: #dc3232;
}
#loginform p.submit,
margin-top: 20px;
margin-left: 0;
padding: 26px 24px 46px;
- font-weight: normal;
+ font-weight: 400;
overflow: hidden;
background: #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}
.login form .forgetmenot {
- font-weight: normal;
+ font-weight: 400;
float: left;
margin-bottom: 0;
}
}
.login label {
- color: #777;
+ color: #72777c;
font-size: 14px;
}
background-size: 84px;
background-position: center top;
background-repeat: no-repeat;
- color: #999;
+ color: #444;
height: 84px;
font-size: 20px;
- font-weight: normal;
+ font-weight: 400;
line-height: 1.3em;
margin: 0 auto 25px;
padding: 0;
margin: auto;
}
-#login_error,
-.login .message {
- margin-left: 0;
- padding: 12px;
-}
-
.login #nav,
.login #backtoblog {
font-size: 13px;
}
#backtoblog {
- margin: 16px 0 0 0;
+ margin: 16px 0;
}
.login #nav a,
.login #backtoblog a {
text-decoration: none;
- color: #999;
+ color: #555d66;
}
.login #nav a:hover,
width: 100%;
}
-.mobile #login {
- padding: 20px 0;
-}
-
-.mobile #login form,
-.mobile #login .message,
-.mobile #login_error {
- margin-left: 0;
-}
-
-.mobile #login #nav,
-.mobile #login #backtoblog {
- margin-left: 8px;
-}
-
body.interim-login {
height: auto;
}
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;
.interim-login input[type=checkbox]:checked:before {
width: 16px;
- font: normal 21px/1 'dashicons';
+ font: normal 21px/1 dashicons;
margin: -3px 0 0 -4px;
}
}