login.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /******************************************************************
  2. Site Name:
  3. Author:
  4. Stylesheet: Login Stylesheet
  5. This stylesheet is loaded (if admin.php is setup in your
  6. functions file) on the login page. This way you can style
  7. the login page. It won't affect any other page, admin or front-end.
  8. For more info, check out the codex:
  9. http://codex.wordpress.org/Creating_Admin_Themes
  10. ******************************************************************/
  11. body.login {}
  12. #login {} /* the form box */
  13. /*
  14. This is the Wordpress logo in the admin area.
  15. You'll have to load your own images and mess
  16. with the width and height.
  17. */
  18. .login h1 a {
  19. background: url(../images/login-logo.png) no-repeat top center; /* make sure to replace this! */
  20. width: 326px;
  21. height: 67px;
  22. text-indent: -9999px;
  23. overflow: hidden;
  24. padding-bottom: 15px;
  25. display: block;
  26. }
  27. form {
  28. margin-left: 8px;
  29. padding: 26px 24px 46px;
  30. font-weight: normal;
  31. background: white;
  32. border: 1px solid #E5E5E5;
  33. border-radius: 3px;
  34. box-shadow: none;
  35. }
  36. body form .input {
  37. font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
  38. font-weight: 200;
  39. font-size: 24px;
  40. width: 97%;
  41. padding: 3px;
  42. margin-top: 2px;
  43. margin-right: 6px;
  44. margin-bottom: 16px;
  45. border: 1px solid #E5E5E5;
  46. background: #FBFBFB;
  47. outline: none;
  48. box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
  49. }
  50. /*
  51. You'll have to override some of the default styles
  52. but since we're referencing the id, it should be easy.
  53. */
  54. #wp-submit {} /* login button*/