frontend.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .fl-input-group {
  2. margin-bottom: 10px;
  3. position: relative;
  4. }
  5. .fl-contact-form textarea,
  6. .fl-contact-form input[type=text],
  7. .fl-contact-form input[type=tel],
  8. .fl-contact-form input[type=email] {
  9. display: inline-block;
  10. width: 100%;
  11. }
  12. .fl-contact-form textarea {
  13. min-height: 130px;
  14. }
  15. .fl-contact-form .fl-form-field .hidden {
  16. border: 0;
  17. clip: rect(0 0 0 0);
  18. height: 1px;
  19. margin: -1px;
  20. overflow: hidden;
  21. padding: 0;
  22. position: absolute;
  23. width: 1px;
  24. }
  25. .fl-contact-form .fl-terms-checkbox input[type="checkbox"] {
  26. height: 23px;
  27. width: 23px;
  28. margin: 0;
  29. position: absolute;
  30. left: -2px;
  31. top: 1px;
  32. }
  33. .fl-contact-form .fl-terms-checkbox label {
  34. height: 26px;
  35. display: table-cell;
  36. vertical-align: middle;
  37. position: relative;
  38. padding-left: 35px;
  39. }
  40. .fl-contact-form .fl-terms-checkbox-text {
  41. margin: 10px 0;
  42. }
  43. .fl-contact-form .fl-contact-required {
  44. font-style: italic;
  45. font-size: 12px;
  46. }
  47. .fl-contact-form label {
  48. display: inline-block;
  49. margin-right: 10px;
  50. }
  51. .fl-contact-form .fl-contact-error {
  52. color: #DD4420;
  53. display: none;
  54. font-size: 12px;
  55. font-weight: lighter;
  56. margin-top: 2px;
  57. }
  58. .fl-contact-form .fl-email .fl-contact-error {
  59. margin-right: 10%;
  60. }
  61. .fl-contact-form .fl-error textarea,
  62. .fl-contact-form .fl-error input[type=text],
  63. .fl-contact-form .fl-error input[type=tel],
  64. .fl-contact-form .fl-error input[type=email] {
  65. border-color: #DD4420;
  66. }
  67. .fl-contact-form .fl-error .fl-contact-error {
  68. display: inline-block;
  69. }
  70. .fl-contact-form .fl-send-error,
  71. .fl-contact-form .fl-success,
  72. .fl-contact-form .fl-success-none,
  73. .fl-contact-form .fl-success-msg {
  74. position: relative;
  75. top: 5px;
  76. }
  77. .fl-contact-form .fl-success,
  78. .fl-contact-form .fl-success-none,
  79. .fl-contact-form .fl-success-msg {
  80. color: #29BB41;
  81. }
  82. .fl-contact-form .fl-send-error {
  83. color: #DD6420;
  84. }
  85. .fl-disabled {
  86. opacity: 0.5;
  87. }
  88. .fl-contact-form .fl-contact-form-label-hidden {
  89. display: none;
  90. }