login.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /* LOGIN FORM */
  2. body.login {
  3. background: #f8f8f8;
  4. }
  5. .login #header {
  6. height: auto;
  7. padding: 5px 16px;
  8. }
  9. .login #header h1 {
  10. font-size: 18px;
  11. }
  12. .login #header h1 a {
  13. color: #fff;
  14. }
  15. .login #content {
  16. padding: 20px 20px 0;
  17. }
  18. .login #container {
  19. background: #fff;
  20. border: 1px solid #eaeaea;
  21. border-radius: 4px;
  22. overflow: hidden;
  23. width: 28em;
  24. min-width: 300px;
  25. margin: 100px auto;
  26. }
  27. .login #content-main {
  28. width: 100%;
  29. }
  30. .login .form-row {
  31. padding: 4px 0;
  32. float: left;
  33. width: 100%;
  34. border-bottom: none;
  35. }
  36. .login .form-row label {
  37. padding-right: 0.5em;
  38. line-height: 2em;
  39. font-size: 1em;
  40. clear: both;
  41. color: #333;
  42. }
  43. .login .form-row #id_username, .login .form-row #id_password {
  44. clear: both;
  45. padding: 8px;
  46. width: 100%;
  47. -webkit-box-sizing: border-box;
  48. -moz-box-sizing: border-box;
  49. box-sizing: border-box;
  50. }
  51. .login span.help {
  52. font-size: 10px;
  53. display: block;
  54. }
  55. .login .submit-row {
  56. clear: both;
  57. padding: 1em 0 0 9.4em;
  58. margin: 0;
  59. border: none;
  60. background: none;
  61. text-align: left;
  62. }
  63. .login .password-reset-link {
  64. text-align: center;
  65. }