Sprankelprachtig aan/afmeldsysteem

authentication.scss 1.6KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. // Place all the styles related to the Authentication controller here.
  2. // They will automatically be included in application.css.
  3. // You can use Sass (SCSS) here: http://sass-lang.com/
  4. body .void {
  5. padding-top: 40px;
  6. padding-bottom: 40px;
  7. background-color: #eee !important;
  8. }
  9. .central-form {
  10. max-width: 330px;
  11. padding: 15px;
  12. margin: 0 auto;
  13. }
  14. .central-form .central-form-heading,
  15. .central-form .checkbox {
  16. margin-bottom: 10px;
  17. }
  18. .central-form .checkbox {
  19. font-weight: normal;
  20. }
  21. .central-form .form-control {
  22. position: relative;
  23. height: auto;
  24. -webkit-box-sizing: border-box;
  25. -moz-box-sizing: border-box;
  26. box-sizing: border-box;
  27. padding: 10px;
  28. font-size: 16px;
  29. }
  30. .central-form .form-control:focus {
  31. z-index: 2;
  32. }
  33. .central-form input.input-top[type="email"] {
  34. margin-bottom: -1px;
  35. border-bottom-right-radius: 0;
  36. border-bottom-left-radius: 0;
  37. }
  38. .central-form .input-top {
  39. border-top-left-radius: 4px;
  40. border-top-right-radius: 4px;
  41. border-bottom-left-radius: 0;
  42. border-bottom-right-radius: 0;
  43. }
  44. .central-form .input-middle {
  45. border-top-left-radius: 0;
  46. border-top-right-radius: 0;
  47. border-bottom-left-radius: 4px;
  48. border-bottom-right-radius: 4px;
  49. }
  50. .central-form .input-bottom {
  51. border-top-left-radius: 0;
  52. border-top-right-radius: 0;
  53. border-bottom-left-radius: 4px;
  54. border-bottom-right-radius: 4px;
  55. }
  56. .central-form .input-only {
  57. border-radius: 4px;
  58. margin-bottom: 10px !important;
  59. }
  60. .central-form input[type="password"] {
  61. margin-bottom: 10px;
  62. border-top-left-radius: 0;
  63. border-top-right-radius: 0;
  64. }
  65. @import "bootstrap-sprockets";
  66. @import "bootstrap";