|
|
@@ -1,9 +1,8 @@
|
|
|
/******************************************************************
|
|
|
-Bones Custom Login Stylesheet
|
|
|
+Site Name:
|
|
|
+Author:
|
|
|
|
|
|
-Designed by Eddie Machado
|
|
|
-http://themble.com/bones
|
|
|
-hello@themble.com
|
|
|
+Stylesheet: Login Stylesheet
|
|
|
|
|
|
This stylesheet is loaded (if admin.php is setup in your
|
|
|
functions file) on the login page. This way you can style
|
|
|
@@ -13,64 +12,55 @@ For more info, check out the codex:
|
|
|
http://codex.wordpress.org/Creating_Admin_Themes
|
|
|
|
|
|
******************************************************************/
|
|
|
-
|
|
|
-
|
|
|
-body.login {}
|
|
|
-
|
|
|
-
|
|
|
-#login {} /* the form box */
|
|
|
-
|
|
|
+/* the form box */
|
|
|
/*
|
|
|
This is the Wordpress logo in the admin area.
|
|
|
You'll have to load your own images and mess
|
|
|
with the width and height.
|
|
|
*/
|
|
|
-#login h1 a {
|
|
|
- background: url(../images/login-logo.png) no-repeat top center; /* make sure to replace this! */
|
|
|
- width: 326px;
|
|
|
- height: 67px;
|
|
|
- text-indent: -9999px;
|
|
|
- overflow: hidden;
|
|
|
- padding-bottom: 15px;
|
|
|
- display: block;
|
|
|
-}
|
|
|
+.login h1 a {
|
|
|
+ background: url(../images/login-logo.png) no-repeat top center;
|
|
|
+ /* make sure to replace this! */
|
|
|
+ width: 326px;
|
|
|
+ height: 67px;
|
|
|
+ text-indent: -9999px;
|
|
|
+ overflow: hidden;
|
|
|
+ padding-bottom: 15px;
|
|
|
+ display: block; }
|
|
|
|
|
|
-#login form {
|
|
|
- margin-left: 8px;
|
|
|
- padding: 26px 24px 46px;
|
|
|
- font-weight: normal;
|
|
|
- background: white;
|
|
|
- border: 1px solid #E5E5E5;
|
|
|
- -webkit-border-radius: 3px;
|
|
|
- -khtml-border-radius: 3px;
|
|
|
- -moz-border-radius: 3px;
|
|
|
- border-radius: 3px;
|
|
|
- -webkit-box-shadow: none;
|
|
|
- -khtml-box-shadow: none;
|
|
|
- -moz-box-shadow: none;
|
|
|
- box-shadow: none;
|
|
|
-}
|
|
|
+form {
|
|
|
+ margin-left: 8px;
|
|
|
+ padding: 26px 24px 46px;
|
|
|
+ font-weight: normal;
|
|
|
+ background: white;
|
|
|
+ border: 1px solid #E5E5E5;
|
|
|
+ -webkit-border-radius: 3px;
|
|
|
+ -khtml-border-radius: 3px;
|
|
|
+ -moz-border-radius: 3px;
|
|
|
+ border-radius: 3px;
|
|
|
+ -webkit-box-shadow: none;
|
|
|
+ -khtml-box-shadow: none;
|
|
|
+ -moz-box-shadow: none;
|
|
|
+ box-shadow: none; }
|
|
|
|
|
|
-body #login form .input {
|
|
|
- font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
|
|
|
- font-weight: 200;
|
|
|
- font-size: 24px;
|
|
|
- width: 97%;
|
|
|
- padding: 3px;
|
|
|
- margin-top: 2px;
|
|
|
- margin-right: 6px;
|
|
|
- margin-bottom: 16px;
|
|
|
- border: 1px solid #E5E5E5;
|
|
|
- background: #FBFBFB;
|
|
|
- outline: none;
|
|
|
- -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
|
|
|
- -moz-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
|
|
|
- box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
|
|
|
-}
|
|
|
+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-top: 2px;
|
|
|
+ margin-right: 6px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ border: 1px solid #E5E5E5;
|
|
|
+ background: #FBFBFB;
|
|
|
+ outline: none;
|
|
|
+ -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
|
|
|
+ -moz-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
|
|
|
+ box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2); }
|
|
|
|
|
|
/*
|
|
|
You'll have to override some of the default styles
|
|
|
but since we're referencing the id, it should be easy.
|
|
|
*/
|
|
|
-#wp-submit {} /* login button*/
|
|
|
-
|
|
|
+/* login button*/
|
eddiemachado