* { margin: 0; padding: 0; }
+html {
+ background: #fbfbfb !important;
+}
+
body {
padding-top: 30px;
- font: 11px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
+ font-family: sans-serif;
+ font-size: 12px;
}
form {
margin-left: 8px;
- padding: 16px 16px 40px 16px;
+ padding: 26px 24px 46px;
font-weight: normal;
- -moz-border-radius: 11px;
- -khtml-border-radius: 11px;
- -webkit-border-radius: 11px;
- border-radius: 11px;
+ -moz-border-radius: 3px;
+ -khtml-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
background: #fff;
border: 1px solid #e5e5e5;
- -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
- -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
- -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
- box-shadow: rgba(200,200,200,1) 0 4px 18px;
+ -moz-box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
+ -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
+ -khtml-box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
+ box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
}
form .forgetmenot {
}
.button-primary {
- font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
+ font-family: sans-serif;
padding: 3px 10px;
border: none;
- font-size: 12px;
+ font-size: 13px;
border-width: 1px;
border-style: solid;
-moz-border-radius: 11px;
label {
color: #777;
- font-size: 13px;
+ font-size: 14px;
}
form .forgetmenot label {
- font-size: 11px;
+ font-size: 12px;
line-height: 19px;
}
}
h1 a {
- background: url(../images/logo-login.gif) no-repeat top center;
+ background: url(../images/logo-login.png) no-repeat top center;
width: 326px;
height: 67px;
text-indent: -9999px;
display: block;
}
-#nav {
- text-shadow: rgba(255,255,255,1) 0 1px 0;
+#login {
+ width: 320px;
+ margin: 7em auto;
}
-#backtoblog {
- position: absolute;
- top: 0;
- left: 0;
- border-bottom: #c6c6c6 1px solid;
- background: #d9d9d9; /* fallback color */
- background: -moz-linear-gradient(bottom, #d7d7d7, #e4e4e4);
- background: -webkit-gradient(linear, left bottom, left top, from(#d7d7d7), to(#e4e4e4));
- height: 30px;
- width: 100%;
-}
-
-#backtoblog a {
- text-decoration: none;
- display: block;
- padding: 8px 0 0 15px;
-}
-
-#login { width: 320px; margin: 7em auto; }
-
#login_error,
.message {
margin: 0 0 16px 8px;
border-radius: 3px;
}
-#nav {
- margin: 0 0 0 8px;
- padding: 16px;
+#nav,
+#backtoblog {
+ text-shadow: rgba(255,255,255,1) 0 1px 0;
+ margin: 0 0 0 16px;
+ padding: 16px 16px 0;
+}
+#backtoblog {
+ padding: 12px 16px 0;
}
body form .input {
+ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
+ font-weight: 200;
font-size: 24px;
width: 97%;
padding: 3px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
+ outline: none;
+ -moz-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
+ -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
+ box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
}
input {