form.css 1.2 KB

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