-* { margin: 0; padding: 0; }
+@import url(forms.css);
+@import url(l10n.css);
+html,
body {
- border-top-width: 30px;
- border-top-style: solid;
- font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
+ height: 100%;
+ margin: 0;
+ padding: 0;
}
-form {
- margin-left: 8px;
- padding: 16px 16px 40px 16px;
- font-weight: bold;
- -moz-border-radius: 5px;
- -khtml-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
+html {
+ background: #f1f1f1;
+}
+
+body {
+ background: #f1f1f1;
+ min-width: 0;
+ color: #444;
+ font-family: "Open Sans", sans-serif;
+ font-size: 13px;
+ line-height: 1.4em;
}
-form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0;}
+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;
+}
-#login form .submit input {
- font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
- padding: 3px 5px;
+a {
+ outline: 0;
+}
+
+a:hover,
+a:active {
+ color: #00a0d2;
+}
+
+a:focus {
+ color: #124964;
+}
+
+a:focus,
+a:active {
+ outline: thin dotted;
+}
+
+p {
+ line-height: 1.5;
+}
+
+.login .message {
+ border-left: 4px solid #00a0d2;
+ padding: 1px 12px;
+ 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);
+}
+
+#loginform p.submit,
+.login-action-lostpassword p.submit {
border: none;
- font-size: 13px;
- border-width: 1px;
- border-style: solid;
- -moz-border-radius: 3px;
- -khtml-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- cursor: default;
- text-decoration: none;
- margin-top: -6px;
+ margin: -10px 0 20px; /* May want to revisit this */
}
-form .submit { float: right; }
+.login * {
+ margin: 0;
+ padding: 0;
+}
+
+.login form {
+ margin-top: 20px;
+ margin-left: 0;
+ padding: 26px 24px 46px;
+ font-weight: normal;
+ 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: normal;
+ float: left;
+ margin-bottom: 0;
+}
-form p { margin-bottom: 24px; }
+.login .button-primary {
+ float: right;
+}
+
+#login form p {
+ margin-bottom: 0;
+}
+
+#login form p.submit {
+ margin: 0;
+ padding: 0;
+}
-h1 a {
- background: url(../images/logo-login.gif) no-repeat;
- width: 292px;
- height: 66px;
+.login label {
+ color: #777;
+ 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: #999;
+ height: 84px;
+ font-size: 20px;
+ font-weight: normal;
+ line-height: 1.3em;
+ margin: 0 auto 25px;
+ padding: 0;
+ text-decoration: none;
+ width: 84px;
text-indent: -9999px;
+ outline: none;
overflow: hidden;
- padding-bottom: 15px;
display: block;
}
-#backtoblog a {
- position: absolute;
- top: 7px;
- left: 15px;
- text-decoration: none;
+#login {
+ width: 320px;
+ padding: 8% 0 0;
+ margin: auto;
}
-#login { width: 292px; margin: 7em auto; }
-
-#login_error, .message {
- margin: 0 0 16px 8px;
- border-width: 1px;
- border-style: solid;
+#login_error,
+.login .message {
+ margin-left: 0;
padding: 12px;
}
-#nav { margin: 0 0 0 8px; padding: 16px; }
+.login #nav,
+.login #backtoblog {
+ font-size: 13px;
+ padding: 0 24px 0;
+}
-#user_pass, #user_login, #user_email {
- font-size: 20px;
- width: 97%;
+.login #nav {
+ margin: 24px 0 0 0;
+}
+
+#backtoblog {
+ margin: 16px 0 0 0;
+}
+
+.login #nav a,
+.login #backtoblog a {
+ text-decoration: none;
+ color: #999;
+}
+
+.login #nav a:hover,
+.login #backtoblog a:hover,
+.login h1 a:hover {
+ color: #00a0d2;
+}
+
+.login form .input,
+.login input[type="text"] {
+ font-size: 24px;
+ width: 100%;
padding: 3px;
- margin-right: 6px;
-}
\ No newline at end of file
+ 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 #pass-strength-result {
+ width: 250px;
+ font-weight: 600;
+ margin: 12px 0 6px;
+ padding: 6px 5px;
+ text-align: center;
+}
+
+.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;
+}
+
+.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-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;
+ }
+}
scripts.mit.edu / autoinstalls / wordpress.git / blobdiff