ninja-forms.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .nf-form-fields-required {
  2. display: none;
  3. }
  4. body {
  5. .nf-field-element {
  6. textarea {
  7. height: 120px;
  8. }
  9. }
  10. .nf-input-limit {
  11. margin: 0px;
  12. }
  13. .nf-field-container {
  14. margin-bottom: 0px;
  15. }
  16. .nf-error {
  17. input, select, textarea {
  18. border-color: #FA374F !important;
  19. }
  20. }
  21. .nf-error-wrap {
  22. margin-top: -8px;
  23. min-height: 27px;
  24. .nf-error-msg {
  25. font-size: 12px;
  26. line-height: 1.2em;
  27. background: #ffeeee;
  28. padding: 0.2em 0.7em;
  29. margin: 0px;
  30. border-radius: var( --vamtam-border-radius-oval );
  31. &:before {
  32. content: "ⓘ";
  33. font-size: 13px;
  34. color: #e80000;
  35. padding-right: 5px;
  36. vertical-align: middle;
  37. }
  38. }
  39. }
  40. .nf-response-msg {
  41. margin: 20px 0;
  42. padding: 1em 1em 0em 1em;
  43. text-align: center;
  44. background: #EEFCE0;
  45. border: 1px solid #CBEDAA;
  46. }
  47. .nf-debug-msg {
  48. background: #FCEFD0;
  49. }
  50. .label-hidden .nf-field-label {
  51. display: none;
  52. }
  53. }
  54. .field-wrap input[type="button"] {
  55. .button-gen-solid();
  56. .button-gen( '--vamtam-accent-color-1' );
  57. .button-gen-hover( '--vamtam-accent-color-6' );
  58. }
  59. .main-container .vamtam-subscrible {
  60. input {
  61. margin-top: 10px;
  62. border-color: transparent;
  63. box-shadow: 0 2px 40px 0 rgba(0,0,0,0.07);
  64. &:hover,
  65. &:focus {
  66. border-color: var( --vamtam-accent-color-1 );
  67. }
  68. }
  69. .field-wrap input[type="button"] {
  70. margin-left: 10px;
  71. }
  72. .nf-form-errors {
  73. display: none;
  74. }
  75. }
  76. body #main-footer {
  77. .nf-error-wrap {
  78. margin-top: -9px;
  79. min-height: 20px;
  80. }
  81. .nf-form-errors {
  82. display: none;
  83. }
  84. }