form.css 1.2 KB

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