login.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. #grav-login {
  2. max-width: 30rem;
  3. margin: 5rem auto;
  4. background: #fcfcfc;
  5. border: 4px solid #eee;
  6. border-radius: 4px;
  7. padding: 1rem 3rem 3rem 3rem;
  8. text-align: center;
  9. }
  10. #grav-login .form-actions {
  11. text-align: right;
  12. }
  13. #grav-logout {
  14. position: absolute;
  15. bottom: 5px;
  16. right: 5px;
  17. }
  18. .alert.info {
  19. color: #27ae60;
  20. }
  21. .alert.error {
  22. color: #e74c3c;
  23. }
  24. #grav-login p {
  25. font-size: small;
  26. margin: 1rem 0;
  27. padding: 0;
  28. text-align: center;
  29. }
  30. #grav-login .form-actions p {
  31. margin-bottom: 0;
  32. }
  33. #grav-login .button {
  34. vertical-align: middle;
  35. }
  36. #grav-login .delimiter {
  37. display: block;
  38. font-size: 1.6rem;
  39. letter-spacing: 1px;
  40. line-height: 1.6rem;
  41. position: relative;
  42. text-transform: uppercase;
  43. margin: 1rem 0;
  44. }
  45. #grav-login .delimiter:after,
  46. #grav-login .delimiter:before {
  47. background-color: #777777;
  48. content: "";
  49. height: 1px;
  50. position: absolute;
  51. top: 0.8rem;
  52. width: 40%;
  53. }
  54. #grav-login .delimiter:before {
  55. background-image: -moz-linear-gradient(right center , #777777, #ffffff);
  56. left: 0;
  57. }
  58. #grav-login .delimiter:after {
  59. background-image: -moz-linear-gradient(left center , #777777, #ffffff);
  60. right: 0;
  61. }
  62. #grav-login .rememberme {
  63. display: inline-block;
  64. float: left;
  65. padding: 7px 0;
  66. vertical-align: middle;
  67. }
  68. #grav-login .rememberme label {
  69. font-weight: inherit;
  70. display: inline;
  71. }
  72. .login-status {
  73. white-space: nowrap;
  74. vertical-align: middle;
  75. }