form.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .zammad-form {
  2. width: 100%;
  3. }
  4. .zammad-form h1,
  5. .zammad-form h2 {
  6. margin-top: 0;
  7. }
  8. .zammad-form-group {
  9. margin-bottom: 15px;
  10. }
  11. .zammad-form-control {
  12. display: block;
  13. width: 100%;
  14. box-sizing: border-box;
  15. }
  16. .zammad-form .zammad-form-checkbox {
  17. margin-right: 4px;
  18. }
  19. .zammad-form-group--has-error .zammad-form-control {
  20. border-color: #a94442;
  21. }
  22. .zammad-form-group--has-error label {
  23. color: #a94442;
  24. }
  25. .zammad-form-thankyou {
  26. text-align: center;
  27. }
  28. .zammad-form-modal {
  29. position: fixed;
  30. left: 0;
  31. top: 0;
  32. width: 100%;
  33. height: 100%;
  34. text-align: center;
  35. z-index: 999;
  36. overflow: auto;
  37. overscroll-behavior: contain;
  38. }
  39. .zammad-form-modal::before {
  40. content: '';
  41. display: inline-block;
  42. height: 100%;
  43. vertical-align: middle;
  44. margin-right: -0.25em;
  45. }
  46. .zammad-form-modal-backdrop {
  47. position: fixed;
  48. left: 0;
  49. top: 0;
  50. width: 100%;
  51. height: 100%;
  52. opacity: 0.7;
  53. background-color: gray;
  54. }
  55. .zammad-form-modal-body {
  56. text-align: left;
  57. background: white;
  58. border-radius: 5px;
  59. padding: 24px 24px 22px;
  60. width: 90%;
  61. max-width: 26em;
  62. margin: 20px auto;
  63. box-sizing: border-box;
  64. position: relative;
  65. display: inline-block;
  66. vertical-align: middle;
  67. box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  68. color: #949494;
  69. }