+@import url(forms-rtl.css);
+@import url(l10n-rtl.css);
+
+html,
body {
- font-family: Tahoma, arial;
+ height: 100%;
+ margin: 0;
+ padding: 0;
}
-form {
- margin-right: 8px;
- margin-left: 0;
+
+html {
+ background: #f1f1f1;
+}
+
+body {
+ background: #f1f1f1;
+ min-width: 0;
+ color: #444;
+ font-family: "Open Sans", sans-serif;
+ font-size: 13px;
+ line-height: 1.4em;
+}
+
+a {
+ color: #0074a2;
+ -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: #2ea2cc;
+}
+
+a:focus {
+ color: #124964;
+}
+
+a:focus,
+a:active {
+ outline: thin dotted;
+}
+
+p {
+ line-height: 1.5;
+}
+
+.login .message {
+ border-right: 4px solid #2ea2cc;
+ 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-right: 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);
}
-form .forgetmenot {
+
+#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-right: 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: right;
+ margin-bottom: 0;
+}
+
+.login .button-primary {
+ float: left;
}
-#login form .submit input {
- font-family: Tahoma, arial;
+
+#login form p {
+ margin-bottom: 0;
}
-form .submit { float: left; }
-#backtoblog a {
- left: auto;
- right: 15px;
+
+#login form p.submit {
+ margin: 0;
+ padding: 0;
+}
+
+.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;
+ display: block;
}
-#login_error, .message {
- margin: 0 8px 16px 0;
+
+#login {
+ width: 320px;
+ padding: 8% 0 0;
+ margin: auto;
}
-#nav { margin: 0 8px 0 0; }
-#user_pass, #user_login, #user_email {
- margin-left: 6px;
+
+#login_error,
+.login .message {
margin-right: 0;
- direction:ltr;
+ padding: 12px;
}
-h1 a {
+
+.login #nav,
+.login #backtoblog {
+ font-size: 13px;
+ padding: 0 24px 0;
+}
+
+.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: #2ea2cc;
+}
+
+.login form .input,
+.login input[type="text"] {
+ font-size: 24px;
+ width: 100%;
+ padding: 3px;
+ margin: 2px 0 16px 6px;
+}
+
+.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-right: 0;
+}
+
+.mobile #login #nav,
+.mobile #login #backtoblog {
+ margin-right: 8px;
+}
+
+.mobile #login h1 a {
+ width: auto;
+}
+
+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 -4px 0 0;
+ }
}