login.css 1.2 KB

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