PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.7
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.7
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
← All changes | css/custom_theme.css.php +359 -341 6.306.7 View file →
@@ -6,9 +6,9 @@
6 6 if ( ! isset( $saving ) ) {
7 7 header( 'Content-type: text/css' );
8 8
9 9 if ( ! empty( $css ) ) {
10 - echo strip_tags( FrmStylesHelper::maybe_scope_custom_css_in_cached_output( $css ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
10 + echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
11 11 FrmStylesController::maybe_hide_sample_form_error_message();
12 12 die();
13 13 }
14 14 }
@@ -16,14 +16,12 @@
16 16 if ( ! isset( $frm_style ) ) {
17 17 $frm_style = new FrmStyle();
18 18 }
19 19
20 -$styles = $frm_style->get_all();
21 -$default_style = $frm_style->get_default_style( $styles );
22 -$defaults = FrmStylesHelper::get_settings_for_output( $default_style );
23 -$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
24 -$pro_is_installed = FrmAppHelper::pro_is_installed();
25 -$use_chosen_js = FrmStylesHelper::use_chosen_js();
20 +$styles = $frm_style->get_all();
21 +$default_style = $frm_style->get_default_style( $styles );
22 +$defaults = FrmStylesHelper::get_settings_for_output( $default_style );
23 +$important = empty( $defaults['important_style'] ) ? '' : ' !important';
26 24
27 25 ?>
28 26 .with_frm_style{
29 27 <?php FrmStylesHelper::output_vars( $defaults ); ?>
@@ -38,12 +36,12 @@
38 36
39 37 .with_frm_style,
40 38 .with_frm_style form,
41 39 .with_frm_style .frm-show-form div.frm_description p{
42 - text-align: var(--form-align)<?php echo esc_html( $important ); ?>;
40 + text-align:<?php echo esc_html( $defaults['form_align'] . $important ); ?>;
41 + text-align:var(--form-align)<?php echo esc_html( $important ); ?>;
43 42 }
44 43
45 -/* Keep this. This is used for Honeypot */
46 44 input:-webkit-autofill {
47 45 -webkit-box-shadow: 0 0 0 30px white inset;
48 46 }
49 47
@@ -49,24 +47,36 @@
49 47
50 48 /* Form description */
51 49 .with_frm_style .frm-show-form div.frm_description p{
52 50 <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
53 - font-size: var(--form-desc-size)<?php echo esc_html( $important ); ?>;
51 + font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
52 + font-size:var(--form-desc-size)<?php echo esc_html( $important ); ?>;
54 53 <?php } ?>
55 54 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
56 - color: var(--form-desc-color)<?php echo esc_html( $important ); ?>;
55 + color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
56 + color:var(--form-desc-color)<?php echo esc_html( $important ); ?>;
57 57 <?php } ?>
58 58 <?php if ( ! empty( $defaults['form_desc_margin_top'] ) ) { ?>
59 - margin-top: var(--form-desc-margin-top)<?php echo esc_html( $important ); ?>;
59 + margin-top:<?php echo esc_html( $defaults['form_desc_margin_top'] . $important ); ?>;
60 + margin-top:var(--form-desc-margin-top)<?php echo esc_html( $important ); ?>;
60 61 <?php } ?>
61 62 <?php if ( ! empty( $defaults['form_desc_margin_bottom'] ) ) { ?>
62 - margin-bottom: var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>;
63 + margin-bottom:<?php echo esc_html( $defaults['form_desc_margin_bottom'] . $important ); ?>;
64 + margin-bottom:var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>;
63 65 <?php } ?>
64 66 <?php if ( isset( $defaults['form_desc_padding'] ) ) { ?>
65 - padding: var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
67 + padding:<?php echo esc_html( $defaults['form_desc_padding'] . $important ); ?>;
68 + padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
66 69 <?php } ?>
67 70 }
68 71
72 +form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> {
73 + overflow: hidden;
74 + width: 0;
75 + height: 0;
76 + position: absolute;
77 +}
78 +
69 79 .with_frm_style fieldset{
70 80 min-width:0;
71 81 display: block; /* Override 2021 theme */
72 82 }
@@ -79,20 +89,24 @@
79 89 }
80 90
81 91 .with_frm_style .frm_form_fields > fieldset{
82 92 <?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?>
83 - border-width: var(--fieldset)<?php echo esc_html( $important ); ?>;
93 + border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>;
94 + border-width:var(--fieldset)<?php echo esc_html( $important ); ?>;
84 95 <?php } ?>
85 96 border-style:solid;
86 97 <?php if ( ! empty( $defaults['fieldset_color'] ) ) { ?>
87 - border-color: var(--fieldset-color)<?php echo esc_html( $important ); ?>;
98 + border-color:<?php echo esc_html( $defaults['fieldset_color'] . $important ); ?>;
99 + border-color:var(--fieldset-color)<?php echo esc_html( $important ); ?>;
88 100 <?php } ?>
89 101 margin:0;
90 102 <?php if ( ! empty( $defaults['fieldset_padding'] ) ) { ?>
91 - padding: var(--fieldset-padding)<?php echo esc_html( $important ); ?>;
103 + padding:<?php echo esc_html( $defaults['fieldset_padding'] . $important ); ?>;
104 + padding:var(--fieldset-padding)<?php echo esc_html( $important ); ?>;
92 105 <?php } ?>
93 106 <?php if ( ! empty( $defaults['fieldset_bg_color'] ) ) { ?>
94 - background-color: var(--fieldset-bg-color)<?php echo esc_html( $important ); ?>;
107 + background-color:<?php echo esc_html( $defaults['fieldset_bg_color'] ); ?>;
108 + background-color:var(--fieldset-bg-color)<?php echo esc_html( $important ); ?>;
95 109 <?php } ?>
96 110 <?php if ( ! empty( $defaults['font'] ) ) { ?>
97 111 font-family:var(--font);
98 112 <?php } ?>
@@ -116,21 +130,26 @@
116 130
117 131 .with_frm_style legend + h3,
118 132 .with_frm_style h3.frm_form_title{
119 133 <?php if ( ! empty( $defaults['title_size'] ) ) { ?>
120 - font-size: var(--title-size)<?php echo esc_html( $important ); ?>;
134 + font-size:<?php echo esc_html( $defaults['title_size'] . $important ); ?>;
135 + font-size:var(--title-size)<?php echo esc_html( $important ); ?>;
121 136 <?php } ?>
122 137 <?php if ( ! empty( $defaults['title_color'] ) ) { ?>
123 - color: var(--title-color)<?php echo esc_html( $important ); ?>;
138 + color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>;
139 + color:var(--title-color)<?php echo esc_html( $important ); ?>;
124 140 <?php } ?>
125 141 <?php if ( ! empty( $defaults['font'] ) ) { ?>
126 - font-family: var(--font);
142 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
143 + font-family:var(--font);
127 144 <?php } ?>
128 145 <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
129 - margin-top: var(--title-margin-top)<?php echo esc_html( $important ); ?>;
146 + margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>;
147 + margin-top:var(--title-margin-top)<?php echo esc_html( $important ); ?>;
130 148 <?php } ?>
131 149 <?php if ( ! empty( $defaults['title_margin_bottom'] ) ) { ?>
132 - margin-bottom: var(--title-margin-bottom)<?php echo esc_html( $important ); ?>;
150 + margin-bottom:<?php echo esc_html( $defaults['title_margin_bottom'] . $important ); ?>;
151 + margin-bottom:var(--title-margin-bottom)<?php echo esc_html( $important ); ?>;
133 152 <?php } ?>
134 153 }
135 154
136 155 .with_frm_style .frm_form_field.frm_html_container,
@@ -135,42 +154,46 @@
135 154
136 155 .with_frm_style .frm_form_field.frm_html_container,
137 156 .with_frm_style .frm_form_field .frm_show_it{
138 157 <?php if ( ! empty( $defaults['font'] ) ) { ?>
139 - font-family: var(--font);
158 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
159 + font-family:var(--font);
140 160 <?php } ?>
141 161 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
142 - color: var(--form-desc-color)<?php echo esc_html( $important ); ?>;
162 + color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
163 + color:var(--form-desc-color)<?php echo esc_html( $important ); ?>;
143 164 <?php } ?>
144 165 }
145 166
146 167 <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
147 168 .with_frm_style .frm_form_field.frm_html_container{
148 - font-size: var(--form-desc-size)<?php echo esc_html( $important ); ?>;
169 + font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
170 + font-size:var(--form-desc-size)<?php echo esc_html( $important ); ?>;
149 171 }
150 172 <?php } ?>
151 173
152 174 .with_frm_style .frm_form_field .frm_show_it{
153 175 <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
154 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
176 + font-size:<?php echo esc_html( $defaults['field_font_size'] . $important ); ?>;
177 + font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
155 178 <?php } ?>
156 179 <?php if ( ! empty( $defaults['field_weight'] ) ) { ?>
157 - font-weight: var(--field-weight)<?php echo esc_html( $important ); ?>;
180 + font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
181 + font-weight:var(--field-weight)<?php echo esc_html( $important ); ?>;
158 182 <?php } ?>
159 183 }
160 184
161 -.with_frm_style .frm_required {
185 +.with_frm_style .frm_required{
162 186 <?php if ( ! empty( $defaults['required_color'] ) ) { ?>
163 - color: var(--required-color)<?php echo esc_html( $important ); ?>;
187 + color:<?php echo esc_html( $defaults['required_color'] . $important ); ?>;
188 + color:var(--required-color)<?php echo esc_html( $important ); ?>;
164 189 <?php } ?>
165 190 <?php if ( ! empty( $defaults['required_weight'] ) ) { ?>
166 - font-weight: var(--required-weight)<?php echo esc_html( $important ); ?>;
191 + font-weight:<?php echo esc_html( $defaults['required_weight'] . $important ); ?>;
192 + font-weight:var(--required-weight)<?php echo esc_html( $important ); ?>;
167 193 <?php } ?>
168 194 }
169 195
170 -<?php if ( $use_chosen_js ) { ?>
171 -.with_frm_style .chosen-container,
172 -<?php } ?>
173 196 .with_frm_style input[type=text],
174 197 .with_frm_style input[type=password],
175 198 .with_frm_style input[type=email],
176 199 .with_frm_style input[type=number],
@@ -178,12 +201,14 @@
178 201 .with_frm_style input[type=tel],
179 202 .with_frm_style input[type=search],
180 203 .with_frm_style select,
181 204 .with_frm_style textarea,
182 -.with_frm_style .frm-card-element.StripeElement {
205 +.with_frm_style .frm-card-element.StripeElement,
206 +.with_frm_style .chosen-container{
183 207 font-family:var(--font)<?php echo esc_html( $important ); ?>;
184 208 <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
185 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
209 + font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
210 + font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
186 211 <?php } ?>
187 212 margin-bottom:0<?php echo esc_html( $important ); ?>;
188 213 }
189 214
@@ -191,14 +216,8 @@
191 216 vertical-align:top;
192 217 height:auto;
193 218 }
194 219
195 -<?php if ( $use_chosen_js ) { ?>
196 -.with_frm_style .chosen-container-multi .chosen-choices,
197 -.with_frm_style .chosen-container-single .chosen-single,
198 -<?php } elseif ( $pro_is_installed ) { ?>
199 -.with_frm_style .frm_slimselect.ss-main,
200 -<?php } ?>
201 220 .with_frm_style input[type=text],
202 221 .with_frm_style input[type=password],
203 222 .with_frm_style input[type=email],
204 223 .with_frm_style input[type=number],
@@ -211,29 +230,42 @@
211 230 .frm_form_fields_style,
212 231 .with_frm_style .frm_scroll_box .frm_opt_container,
213 232 .frm_form_fields_active_style,
214 233 .frm_form_fields_error_style,
215 -.with_frm_style .frm-card-element.StripeElement {
216 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
217 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
218 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
219 - border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
220 - border-style: var(--field-border-style)<?php echo esc_html( $important ); ?>;
221 - border-radius: var(--border-radius)<?php echo esc_html( $important ); ?>;
222 - width: var(--field-width)<?php echo esc_html( $important ); ?>;
223 - max-width: 100%;
224 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
225 - padding: var(--field-pad)<?php echo esc_html( $important ); ?>;
226 - box-sizing: border-box;
227 - outline: none<?php echo esc_html( $important ); ?>;
228 - font-weight: var(--field-weight);
234 +.with_frm_style .frm-card-element.StripeElement,
235 +.with_frm_style .chosen-container-multi .chosen-choices,
236 +.with_frm_style .chosen-container-single .chosen-single{
237 + color:<?php echo esc_html( $defaults['text_color'] ); ?>;
238 + color:var(--text-color)<?php echo esc_html( $important ); ?>;
239 + background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
240 + background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
241 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
242 + border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
243 + border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
244 + border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
245 + border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
246 + border-style:var(--field-border-style)<?php echo esc_html( $important ); ?>;
247 + -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
248 + -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
249 + border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
250 + border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
251 + width:<?php echo esc_html( $defaults['field_width'] ); ?>;
252 + width:var(--field-width)<?php echo esc_html( $important ); ?>;
253 + max-width:100%;
254 + font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
255 + font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
256 + padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
257 + padding:var(--field-pad)<?php echo esc_html( $important ); ?>;
258 + -webkit-box-sizing:border-box;
259 + -moz-box-sizing:border-box;
260 + box-sizing:border-box;
261 + outline:none<?php echo esc_html( $important ); ?>;
262 + font-weight:<?php echo esc_html( $defaults['field_weight'] ); ?>;
263 + font-weight:var(--field-weight);
264 + box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
229 265 }
230 266
231 -<?php if ( $important ) : ?>
232 - <?php if ( $use_chosen_js ) { ?>
233 - .with_frm_style .chosen-container-multi .chosen-choices,
234 - .with_frm_style .chosen-container-single .chosen-single,
235 - <?php } ?>
267 +<?php if ( ! empty( $important ) ) { ?>
236 268 .with_frm_style input[type=text],
237 269 .with_frm_style input[type=password],
238 270 .with_frm_style input[type=email],
239 271 .with_frm_style input[type=number],
@@ -245,25 +277,30 @@
245 277 .frm_form_fields_style,
246 278 .with_frm_style .frm_scroll_box .frm_opt_container,
247 279 .frm_form_fields_active_style,
248 280 .frm_form_fields_error_style,
249 -.with_frm_style .frm-card-element.StripeElement {
281 +.with_frm_style .frm-card-element.StripeElement,
282 +.with_frm_style .chosen-container-multi .chosen-choices,
283 +.with_frm_style .chosen-container-single .chosen-single{
250 284 background-image:none !important;
251 285 }
252 -<?php endif; ?>
286 +<?php } ?>
253 287
254 288 .with_frm_style select option {
255 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
289 + color:<?php echo esc_html( $defaults['text_color'] ); ?>;
290 + color:var(--text-color)<?php echo esc_html( $important ); ?>;
256 291 }
257 292
258 293 .with_frm_style select option.frm-select-placeholder {
259 - color: var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
294 + color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>;
295 + color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
260 296 }
261 297
262 298 .with_frm_style input[type=radio],
263 299 .with_frm_style input[type=checkbox]{
264 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
265 - box-shadow: var(--box-shadow)<?php echo esc_html( $important ); ?>;
300 + border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
301 + border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
302 + box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
266 303 float: none;
267 304 }
268 305
269 306 .with_frm_style input[type=radio]:after,
@@ -270,18 +307,8 @@
270 307 .with_frm_style input[type=checkbox]:after {
271 308 display: none; /* 2021 conflict */
272 309 }
273 310
274 -.with_frm_style input[type=radio]:not(:checked):focus,
275 -.with_frm_style input[type=checkbox]:not(:checked):focus {
276 - border-color: var(--border-color) !important;
277 -}
278 -
279 -.with_frm_style input[type=radio]:focus,
280 -.with_frm_style input[type=checkbox]:focus {
281 - box-shadow:0px 0px 0px 3px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $defaults['border_color_active'] ) ); ?>, 0.4) !important;
282 -}
283 -
284 311 .with_frm_style input[type=text],
285 312 .with_frm_style input[type=password],
286 313 .with_frm_style input[type=email],
287 314 .with_frm_style input[type=number],
@@ -290,9 +317,10 @@
290 317 .with_frm_style input[type=file],
291 318 .with_frm_style input[type=search],
292 319 .with_frm_style select,
293 320 .with_frm_style .frm-card-element.StripeElement{
294 - min-height: var(--field-height)<?php echo esc_html( $important ); ?>;
321 + min-height:<?php echo esc_html( $defaults['field_height'] ); ?>;
322 + min-height:var(--field-height)<?php echo esc_html( $important ); ?>;
295 323 line-height:1.3<?php echo esc_html( $important ); ?>;
296 324 }
297 325
298 326 .with_frm_style select[multiple=multiple]{
@@ -307,15 +335,17 @@
307 335 box-shadow:none;
308 336 }
309 337
310 338 .with_frm_style input[type=file]{
311 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
312 - padding: 0px;
339 + color:<?php echo esc_html( $defaults['text_color'] ); ?>;
340 + color:var(--text-color)<?php echo esc_html( $important ); ?>;
341 + padding:0px;
313 342 <?php if ( ! empty( $defaults['font'] ) ) { ?>
314 - font-family: var(--font)<?php echo esc_html( $important ); ?>;
343 + font-family:var(--font)<?php echo esc_html( $important ); ?>;
315 344 <?php } ?>
316 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
317 - display: initial;
345 + font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
346 + font-size:var(--field-font-size)<?php echo esc_html( $important ); ?>;
347 + display:initial;
318 348 }
319 349
320 350 .with_frm_style input[type=file].frm_transparent{
321 351 color:transparent<?php echo esc_html( $important ); ?>;
@@ -320,11 +350,11 @@
320 350 .with_frm_style input[type=file].frm_transparent{
321 351 color:transparent<?php echo esc_html( $important ); ?>;
322 352 }
323 353
324 -<?php if ( $pro_is_installed ) { ?>
325 354 .with_frm_style .wp-editor-wrap{
326 - width: var(--field-width)<?php echo esc_html( $important ); ?>;
355 + width:<?php echo esc_html( $defaults['field_width'] . $important ); ?>;
356 + width:var(--field-width)<?php echo esc_html( $important ); ?>;
327 357 max-width:100%;
328 358 }
329 359
330 360 .with_frm_style .wp-editor-container textarea{
@@ -332,14 +362,15 @@
332 362 box-shadow:none !important;
333 363 }
334 364
335 365 .with_frm_style .mceIframeContainer{
336 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
366 + background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
367 + background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
337 368 }
338 -<?php } ?>
339 369
340 370 .with_frm_style select{
341 - width: var(--auto-width)<?php echo esc_html( $important ); ?>;
371 + width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
372 + width:var(--auto-width)<?php echo esc_html( $important ); ?>;
342 373 max-width:100%;
343 374 background-position-y: calc(50% + 3px);
344 375 }
345 376
@@ -347,12 +378,15 @@
347 378 .with_frm_style select[disabled],
348 379 .with_frm_style textarea[disabled],
349 380 .with_frm_style input[readonly],
350 381 .with_frm_style select[readonly],
351 -.with_frm_style textarea[readonly] {
352 - background-color: var(--bg-color-disabled)<?php echo esc_html( $important ); ?>;
353 - color: var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
354 - border-color: var(--border-color-disabled)<?php echo esc_html( $important ); ?>;
382 +.with_frm_style textarea[readonly]{
383 + background-color:<?php echo esc_html( $defaults['bg_color_disabled'] ); ?>;
384 + background-color:var(--bg-color-disabled)<?php echo esc_html( $important ); ?>;
385 + color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>;
386 + color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
387 + border-color:<?php echo esc_html( $defaults['border_color_disabled'] ); ?>;
388 + border-color:var(--border-color-disabled)<?php echo esc_html( $important ); ?>;
355 389 }
356 390
357 391 .frm_preview_page:before{
358 392 content:normal !important;
@@ -364,24 +398,30 @@
364 398
365 399 .with_frm_style .frm_primary_label{
366 400 max-width:100%;
367 401 <?php if ( ! empty( $defaults['font'] ) ) { ?>
368 - font-family: var(--font);
402 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
403 + font-family:var(--font);
369 404 <?php } ?>
370 405 <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
371 - font-size: var(--font-size)<?php echo esc_html( $important ); ?>;
406 + font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
407 + font-size:var(--font-size)<?php echo esc_html( $important ); ?>;
372 408 <?php } ?>
373 409 <?php if ( ! empty( $defaults['label_color'] ) ) { ?>
374 - color: var(--label-color)<?php echo esc_html( $important ); ?>;
410 + color:<?php echo esc_html( $defaults['label_color'] . $important ); ?>;
411 + color:var(--label-color)<?php echo esc_html( $important ); ?>;
375 412 <?php } ?>
376 413 <?php if ( ! empty( $defaults['weight'] ) ) { ?>
377 - font-weight: var(--weight)<?php echo esc_html( $important ); ?>;
414 + font-weight:<?php echo esc_html( $defaults['weight'] . $important ); ?>;
415 + font-weight:var(--weight)<?php echo esc_html( $important ); ?>;
378 416 <?php } ?>
379 417 <?php if ( ! empty( $defaults['align'] ) ) { ?>
380 - text-align: var(--align)<?php echo esc_html( $important ); ?>;
418 + text-align:<?php echo esc_html( $defaults['align'] . $important ); ?>;
419 + text-align:var(--align)<?php echo esc_html( $important ); ?>;
381 420 <?php } ?>
382 421 <?php if ( ! empty( $defaults['label_padding'] ) ) { ?>
383 - padding: var(--label-padding)<?php echo esc_html( $important ); ?>;
422 + padding:<?php echo esc_html( $defaults['label_padding'] . $important ); ?>;
423 + padding:var(--label-padding)<?php echo esc_html( $important ); ?>;
384 424 <?php } ?>
385 425 margin:0;
386 426 width:auto;
387 427 display:block;
@@ -416,13 +456,11 @@
416 456 .frm_none_container .frm_primary_label{
417 457 display:none;
418 458 }
419 459
420 -<?php if ( $pro_is_installed ) { ?>
421 460 .with_frm_style .frm_section_heading.frm_hide_section{
422 461 margin-top:0 !important;
423 462 }
424 -<?php } ?>
425 463
426 464 .with_frm_style .frm_hidden_container .frm_primary_label,
427 465 .with_frm_style .frm_pos_hidden,
428 466 .frm_hidden_container .frm_primary_label{
@@ -436,9 +474,9 @@
436 474
437 475 /* Floating labels */
438 476 .with_frm_style .frm_inside_container {
439 477 position: relative;
440 - padding-top: 18px;
478 + padding-top: 16px;
441 479 padding-top: calc(0.5 * var(--field-height));
442 480 }
443 481
444 482 .with_frm_style .frm_inside_container > input,
@@ -446,13 +484,21 @@
446 484 .with_frm_style .frm_inside_container > textarea {
447 485 display: block;
448 486 }
449 487
450 -.with_frm_style input::placeholder,
451 -.with_frm_style textarea::placeholder {
452 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
488 +/* These do not work if they are combined */
489 +.with_frm_style .frm_inside_container > input::-moz-placeholder,
490 +.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
491 + opacity: 0 !important;
492 + transition: opacity 0.3s ease-in;
453 493 }
454 494
495 +.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
496 +.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
497 + opacity: 0;
498 + transition: opacity 0.3s ease-in;
499 +}
500 +
455 501 .with_frm_style .frm_inside_container > input::placeholder,
456 502 .with_frm_style .frm_inside_container > textarea::placeholder {
457 503 opacity: 0;
458 504 transition: opacity 0.3s ease-in;
@@ -461,9 +507,9 @@
461 507 .with_frm_style .frm_inside_container > label {
462 508 transition: all 0.3s ease-in;
463 509
464 510 position: absolute;
465 - top: 19px;
511 + top: 17px;
466 512 top: calc(1px + .5 * var(--field-height));
467 513 left: 3px;
468 514 width: 100%;
469 515
@@ -471,9 +517,9 @@
471 517 text-overflow: ellipsis;
472 518 overflow: hidden;
473 519 white-space: nowrap;
474 520
475 - padding: 8px 12px;
521 + padding: 6px 10px;
476 522 padding: var(--field-pad);
477 523
478 524 font-size: 14px;
479 525 font-size: var(--field-font-size);
@@ -479,8 +525,9 @@
479 525 font-size: var(--field-font-size);
480 526 font-weight: normal;
481 527 font-weight: var(--field-weight);
482 528
529 + -ms-pointer-events: none;
483 530 pointer-events: none;
484 531 }
485 532
486 533 .with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
@@ -494,8 +541,21 @@
494 541 font-size: 12px;
495 542 font-size: calc(0.85 * var(--field-font-size));
496 543 }
497 544
545 +/* These do not work if they are combined */
546 +.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
547 +.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
548 + opacity: 1 !important;
549 + transition: opacity 0.3s ease-in;
550 +}
551 +
552 +.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
553 +.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
554 + opacity: 1;
555 + transition: opacity 0.3s ease-in;
556 +}
557 +
498 558 .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
499 559 .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
500 560 opacity: 1;
501 561 transition: opacity 0.3s ease-in;
@@ -506,9 +566,9 @@
506 566 .with_frm_style .frm_pro_max_limit_desc{
507 567 clear:both;
508 568 }
509 569
510 -.with_frm_style input[type=number][readonly] {
570 +.with_frm_style input[type=number][readonly]{
511 571 -moz-appearance: textfield;
512 572 }
513 573
514 574 .with_frm_style select[multiple="multiple"]{
@@ -515,9 +575,8 @@
515 575 height:auto;
516 576 line-height:normal;
517 577 }
518 578
519 -<?php if ( $pro_is_installed ) { ?>
520 579 .with_frm_style .frm_catlevel_2,
521 580 .with_frm_style .frm_catlevel_3,
522 581 .with_frm_style .frm_catlevel_4,
523 582 .with_frm_style .frm_catlevel_5{
@@ -522,11 +581,9 @@
522 581 .with_frm_style .frm_catlevel_4,
523 582 .with_frm_style .frm_catlevel_5{
524 583 margin-left:18px;
525 584 }
526 -<?php } ?>
527 585
528 -<?php if ( $pro_is_installed ) { ?>
529 586 .with_frm_style .wp-editor-container{
530 587 border:1px solid #e5e5e5;
531 588 }
532 589
@@ -536,9 +593,8 @@
536 593
537 594 .with_frm_style .wp-editor-container textarea{
538 595 border:none;
539 596 }
540 -<?php } ?>
541 597
542 598 .with_frm_style .auto_width #loginform input,
543 599 .with_frm_style .auto_width input,
544 600 .with_frm_style input.auto_width,
@@ -546,50 +602,59 @@
546 602 .with_frm_style textarea.auto_width{
547 603 width:auto<?php echo esc_html( $important ); ?>;
548 604 }
549 605
550 -<?php if ( $pro_is_installed ) { ?>
551 606 .with_frm_style .frm_repeat_buttons{
552 607 white-space:nowrap;
553 608 }
554 -<?php } ?>
555 609
556 610 .with_frm_style .frm_button{
557 - text-decoration:none !important;
611 + text-decoration:none !important;;
558 612 border:1px solid #eee;
559 613 display:inline-block;
560 614 <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?>
561 - padding: var(--submit-padding)<?php echo esc_html( $important ); ?>;
615 + padding:<?php echo esc_html( $defaults['submit_padding'] . $important ); ?>;
616 + padding:var(--submit-padding)<?php echo esc_html( $important ); ?>;
562 617 <?php } else { ?>
563 618 padding:5px;
564 619 <?php } ?>
565 620 <?php if ( ! empty( $defaults['border_radius'] ) ) { ?>
621 + -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
622 + -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
566 623 border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
567 624 border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
568 625 <?php } ?>
569 626 <?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
570 - font-size: var(--submit-font-size)<?php echo esc_html( $important ); ?>;
627 + font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>;
628 + font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>;
571 629 <?php } ?>
572 630 <?php if ( ! empty( $defaults['font'] ) ) { ?>
573 - font-family: var(--font)<?php echo esc_html( $important ); ?>;
631 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
632 + font-family:var(--font)<?php echo esc_html( $important ); ?>;
574 633 <?php } ?>
575 634 <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
576 - font-weight: var(--submit-weight)<?php echo esc_html( $important ); ?>;
635 + font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>;
636 + font-weight:var(--submit-weight)<?php echo esc_html( $important ); ?>;
577 637 <?php } ?>
578 638 <?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
579 - color: var(--submit-text-color)<?php echo esc_html( $important ); ?>;
639 + color:<?php echo esc_html( $defaults['submit_text_color'] . $important ); ?>;
640 + color:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
580 641 <?php } ?>
581 642 <?php if ( ! empty( $defaults['submit_bg_color'] ) ) { ?>
582 - background: var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
643 + background:<?php echo esc_html( $defaults['submit_bg_color'] . $important ); ?>;
644 + background:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
583 645 <?php } ?>
584 646 <?php if ( ! empty( $defaults['submit_border_width'] ) ) { ?>
585 - border-width: var(--submit-border-width)<?php echo esc_html( $important ); ?>;
647 + border-width:<?php echo esc_html( $defaults['submit_border_width'] ); ?>;
648 + border-width:var(--submit-border-width)<?php echo esc_html( $important ); ?>;
586 649 <?php } ?>
587 650 <?php if ( ! empty( $defaults['submit_border_color'] ) ) { ?>
588 - border-color: var(--submit-border-color)<?php echo esc_html( $important ); ?>;
651 + border-color:<?php echo esc_html( $defaults['submit_border_color'] . $important ); ?>;
652 + border-color:var(--submit-border-color)<?php echo esc_html( $important ); ?>;
589 653 <?php } ?>
590 654 <?php if ( ! empty( $defaults['submit_height'] ) ) { ?>
591 - height: var(--submit-height)<?php echo esc_html( $important ); ?>;
655 + height:<?php echo esc_html( $defaults['submit_height'] . $important ); ?>;
656 + height:var(--submit-height)<?php echo esc_html( $important ); ?>;
592 657 <?php } ?>
593 658 }
594 659
595 660 <?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
@@ -649,11 +714,9 @@
649 714 .with_frm_style.frm_center_submit .frm_submit button{
650 715 margin-bottom:8px !important;
651 716 }
652 717
653 -<?php if ( $pro_is_installed ) { ?>
654 718 .with_frm_style .frm-edit-page-btn,
655 -<?php } ?>
656 719 .with_frm_style .frm_submit input[type=submit],
657 720 .with_frm_style .frm_submit input[type=button],
658 721 .with_frm_style .frm_submit button{
659 722 -webkit-appearance: none;
@@ -670,22 +733,19 @@
670 733 /* keep this for reverse compatibility for old HTML */
671 734 visibility:visible !important;
672 735 }
673 736
674 -<?php if ( $pro_is_installed ) { ?>
675 737 .with_frm_style .frm_loading_prev .frm_prev_page,
676 -<?php } ?>
677 738 .with_frm_style .frm_loading_form .frm_button_submit {
678 739 position: relative;
740 + opacity: .8;
679 741 color: transparent !important;
680 742 text-shadow: none !important;
681 743 }
682 744
683 -<?php if ( $pro_is_installed ) { ?>
684 745 .with_frm_style .frm_loading_prev .frm_prev_page:hover,
685 746 .with_frm_style .frm_loading_prev .frm_prev_page:active,
686 747 .with_frm_style .frm_loading_prev .frm_prev_page:focus,
687 -<?php } ?>
688 748 .with_frm_style .frm_loading_form .frm_button_submit:hover,
689 749 .with_frm_style .frm_loading_form .frm_button_submit:active,
690 750 .with_frm_style .frm_loading_form .frm_button_submit:focus {
691 751 cursor: not-allowed;
@@ -693,11 +753,9 @@
693 753 outline: none !important;
694 754 box-shadow: none;
695 755 }
696 756
697 -<?php if ( $pro_is_installed ) { ?>
698 757 .with_frm_style .frm_loading_prev .frm_prev_page::before,
699 -<?php } ?>
700 758 .with_frm_style .frm_loading_form .frm_button_submit:before {
701 759 content: '';
702 760 display: inline-block;
703 761 position: absolute;
@@ -706,9 +764,9 @@
706 764 border-top-color: transparent;
707 765 border-left-color: transparent;
708 766 border-radius: 50%;
709 767 box-sizing: border-box;
710 - <?php $loader_size = 12; ?>
768 + <?php $loader_size = 20; ?>
711 769 top: 50%;
712 770 left: 50%;
713 771 margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
714 772 margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
@@ -713,9 +771,12 @@
713 771 margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
714 772 margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
715 773 width: <?php echo absint( $loader_size ); ?>px;
716 774 height: <?php echo absint( $loader_size ); ?>px;
717 - animation: spin 2s linear infinite;
775 + -webkit-animation: spin 2s linear infinite;
776 + -moz-animation: spin 2s linear infinite;
777 + -o-animation: spin 2s linear infinite;
778 + animation: spin 2s linear infinite;
718 779 }
719 780
720 781 .with_frm_style .frm_submit.frm_flex {
721 782 align-items: center;
@@ -721,22 +782,20 @@
721 782 align-items: center;
722 783 gap: 2%;
723 784 }
724 785
725 -<?php if ( $pro_is_installed ) { ?>
726 786 .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
727 787 order: -1;
728 788 }
729 -<?php } ?>
730 789
731 790 <?php
732 791 foreach ( $styles as $style ) {
733 - include __DIR__ . '/_single_theme.css.php';
792 + include( dirname( __FILE__ ) . '/_single_theme.css.php' );
734 793 unset( $style );
735 794 }
736 795
737 796 // Set it again since it may have been overridden.
738 -$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
797 +$important = empty( $defaults['important_style'] ) ? '' : ' !important';
739 798 ?>
740 799
741 800 .frm_ajax_loading{
742 801 visibility:hidden;
@@ -750,18 +809,19 @@
750 809 a.frm_save_draft{
751 810 cursor:pointer;
752 811 }
753 812
754 -<?php if ( $pro_is_installed ) { ?>
755 813 .with_frm_style a.frm_save_draft,
756 814 .with_frm_style a.frm_start_over{
757 - <?php if ( ! empty( $defaults['font'] ) ) { ?>
758 - font-family: var(--font);
815 +<?php if ( ! empty( $defaults['font'] ) ) { ?>
816 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
817 + font-family:var(--font);
759 818 <?php } ?>
760 - font-size: var(--submit-font-size);
761 - font-weight: var(--submit-weight);
819 + font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
820 + font-size:var(--submit-font-size);
821 + font-weight:<?php echo esc_html( $defaults['submit_weight'] ); ?>;
822 + font-weight:var(--submit-weight);
762 823 }
763 -<?php } ?>
764 824
765 825 .horizontal_radio .frm_radio{
766 826 margin:0 5px 0 0;
767 827 }
@@ -767,9 +827,9 @@
767 827 }
768 828
769 829 .horizontal_radio .frm_checkbox{
770 830 margin:0;
771 - margin-right:12px;
831 + margin-right:5px;
772 832 }
773 833
774 834 .vertical_radio .frm_checkbox,
775 835 .vertical_radio .frm_radio,
@@ -784,13 +844,15 @@
784 844 padding-left: 0;
785 845 }
786 846
787 847 .with_frm_style .frm_radio{
788 - display: var(--radio-align)<?php echo esc_html( $important ); ?>;
848 + display:<?php echo esc_html( $defaults['radio_align'] . $important ); ?>;
849 + display:var(--radio-align)<?php echo esc_html( $important ); ?>;
789 850 }
790 851
791 852 .with_frm_style .frm_checkbox{
792 - display: var(--check-align)<?php echo esc_html( $important ); ?>;
853 + display:<?php echo esc_html( $defaults['check_align'] . $important ); ?>;
854 + display:var(--check-align)<?php echo esc_html( $important ); ?>;
793 855 }
794 856
795 857 .with_frm_style .vertical_radio .frm_checkbox,
796 858 .with_frm_style .vertical_radio .frm_radio,
@@ -795,9 +857,8 @@
795 857 .with_frm_style .vertical_radio .frm_checkbox,
796 858 .with_frm_style .vertical_radio .frm_radio,
797 859 .vertical_radio .frm_catlevel_1{
798 860 display:block<?php echo esc_html( $important ); ?>;
799 - margin-bottom: 10px;
800 861 }
801 862
802 863 .with_frm_style .horizontal_radio .frm_checkbox,
803 864 .with_frm_style .horizontal_radio .frm_radio,
@@ -805,45 +866,40 @@
805 866 display:inline-block<?php echo esc_html( $important ); ?>;
806 867 }
807 868
808 869 .with_frm_style .frm_checkbox label,
809 -.with_frm_style .frm_radio label {
810 - display: inline-block;
811 - vertical-align: middle;
870 +.with_frm_style .frm_radio label{
871 + display: inline;
812 872 white-space:normal;
813 873 }
814 874
815 -.with_frm_style .frm_checkbox label input[type=checkbox],
816 -.with_frm_style .frm_radio label input[type=radio] {
817 - margin-right: 4px;
818 -}
819 -
820 -.with_frm_style .frm_checkbox label:not(.frm-label-disabled),
821 -.with_frm_style .frm_radio label:not(.frm-label-disabled) {
822 - cursor: pointer;
823 -}
824 -
825 875 .with_frm_style .vertical_radio .frm_checkbox label,
826 876 .with_frm_style .vertical_radio .frm_radio label{
827 877 display: block;
828 - width: 100%;
878 + padding-left: 20px;
879 + text-indent: -20px;
829 880 }
830 881
831 882 .with_frm_style .frm_radio label,
832 -.with_frm_style .frm_checkbox label {
883 +.with_frm_style .frm_checkbox label{
833 884 <?php if ( ! empty( $defaults['font'] ) ) { ?>
834 - font-family: var(--font);
885 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
886 + font-family:var(--font);
835 887 <?php } ?>
836 - font-size: var(--check-font-size)<?php echo esc_html( $important ); ?>;
837 - color: var(--check-label-color)<?php echo esc_html( $important ); ?>;
838 - font-weight: var(--check-weight)<?php echo esc_html( $important ); ?>;
888 + font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
889 + font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
890 + color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
891 + color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
892 + font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
893 + font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
839 894 line-height: 1.3;
840 895 }
841 896
842 897 .with_frm_style .frm_radio input[type=radio],
843 898 .with_frm_style .frm_checkbox input[type=checkbox] {
844 - font-size: var(--check-font-size)<?php echo esc_html( $important ); ?>;
845 - position: static<?php echo esc_html( $important ); ?>;
899 + font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
900 + font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
901 + position:static<?php echo esc_html( $important ); ?>;
846 902 }
847 903
848 904 .frm_file_container .frm_file_link,
849 905 .with_frm_style .frm_radio label .frm_file_container,
@@ -853,9 +909,9 @@
853 909 vertical-align:middle;
854 910 }
855 911
856 912 .with_frm_style .frm_radio input[type=radio]
857 -<?php if ( $pro_is_installed ) : ?>
913 +<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
858 914 , .with_frm_style .frm_scale input[type=radio]
859 915 <?php endif; ?>
860 916 {
861 917 border-radius:50%;
@@ -860,96 +916,62 @@
860 916 {
861 917 border-radius:50%;
862 918 }
863 919
864 -.with_frm_style .frm_checkbox input[type=checkbox] {
865 - border-radius: calc(var(--border-radius) / 2) !important;
920 +.with_frm_style .frm_checkbox input[type=checkbox]{
921 + border-radius:0;
866 922 }
867 923
868 924 .with_frm_style .frm_radio input[type=radio],
869 -<?php if ( $pro_is_installed ) : ?>
925 +<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
870 926 .with_frm_style .frm_scale input[type=radio],
871 927 <?php endif; ?>
872 928 .with_frm_style .frm_checkbox input[type=checkbox]{
929 + -webkit-appearance: none;
873 930 appearance: none;
874 931 background-color: var(--bg-color);
875 932 flex: none;
876 933 display:inline-block !important;
877 - width: 16px !important;
878 - min-width: 16px !important;
879 - height: 16px !important;
934 + margin: 0 5px 0 0;
880 935 color: var(--border-color);
936 + width: 18px;
937 + min-width: 18px;
938 + height: 18px;
881 939 border: 1px solid currentColor;
882 940 border-color: var(--border-color);
883 941 vertical-align: middle;
884 942 position: initial; /* override Bootstrap */
885 943 padding: 0;
886 - margin: 0;
887 944 }
888 945
889 -.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked,
890 -<?php if ( $pro_is_installed ) : ?>
891 -.frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked,
946 +.with_frm_style .frm_radio input[type=radio]:before,
947 +<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
948 +.with_frm_style .frm_scale input[type=radio]:before,
892 949 <?php endif; ?>
893 -.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
894 - border-color: var(--border-color-active) !important;
950 +.with_frm_style .frm_checkbox input[type=checkbox]:before {
951 + content: '';
952 + width: 12px;
953 + height: 12px;
954 + border-radius: 50%;
955 + transform: scale(0);
956 + transition: 120ms transform ease-in-out;
957 + box-shadow: inset 10px 10px var(--text-color);
958 + display: block;
959 + margin: 2px 0 0 2px;
895 960 }
896 961
897 -.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
898 - background-color: var(--border-color-active) !important;
962 +.with_frm_style .frm_checkbox input[type=checkbox]:before{
963 + clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
964 + border-radius: 0;
899 965 }
900 966
901 -.with_frm_style .frm_radio input[type=radio][disabled]:checked,
902 -<?php if ( $pro_is_installed ) : ?>
903 -.with_frm_style .frm_scale input[type=radio][disabled]:checked,
904 -<?php endif; ?>
905 -.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {
906 - border-color: var(--border-color) !important; /* Override Style Preview */
907 -}
908 -
909 -.with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked {
910 - background-color: var(--border-color) !important;
911 -}
912 -
913 967 .with_frm_style .frm_radio input[type=radio]:checked:before,
914 -<?php if ( $pro_is_installed ) { ?>
915 -.with_frm_style .frm_scale input[type=radio]:checked:before,
916 -<?php } ?>
917 968 .with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
918 - position: static !important; /* Override Style Preview */
919 - content: '';
920 - display: block;
969 + transform: scale(1);
921 970 }
922 971
923 -.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
924 - width: 100% !important;
925 - height: 100% !important;
926 - background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
927 - background-size: 9px !important;
928 - background-repeat: no-repeat !important;
929 - background-position: center !important;
930 - margin: 0;
931 -}
932 -
933 -<?php if ( $pro_is_installed ) { ?>
934 -.with_frm_style .frm_scale input[type=radio]:before,
935 -<?php } ?>
936 -.with_frm_style .frm_radio input[type=radio]:before {
937 - width: 8px;
938 - height: 8px;
939 - border-radius: 50%;
940 - background-color: var(--border-color-active);
941 - margin: 3px;
942 -}
943 -
944 -<?php if ( $pro_is_installed ) { ?>
945 -.with_frm_style .frm_scale input[type=radio][disabled]:before,
946 -<?php } ?>
947 -.with_frm_style .frm_radio input[type=radio][disabled]:before {
948 - background-color: var(--border-color);
949 -}
950 -
951 972 .with_frm_style :invalid,
973 +.with_frm_style :-moz-submit-invalid,
952 974 .with_frm_style :-moz-ui-invalid{
953 975 box-shadow:none;
954 976 }
955 977
@@ -965,29 +987,33 @@
965 987
966 988 .with_frm_style .frm_error_style,
967 989 .with_frm_style .frm_message,
968 990 .frm_success_style{
991 + -moz-border-radius:4px;
992 + -webkit-border-radius:4px;
969 993 border-radius:4px;
970 994 padding:15px;
971 995 }
972 996
973 -.with_frm_style .frm_message p {
974 - color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
975 - margin-bottom: 0;
997 +.with_frm_style .frm_message p{
998 + margin-bottom:5px;
999 + color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
1000 + color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
976 1001 }
977 1002
978 -.with_frm_style .frm_message > p:first-of-type {
979 - margin-top: 0;
980 -}
981 -
982 1003 .with_frm_style .frm_message,
983 -.frm_success_style {
984 - margin: 5px 0 15px;
985 - border: 1px solid var(--success-border-color);
986 - background-color: var(--success-bg-color);
987 - color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
988 - border-radius: var(--border-radius);
989 - font-size: var(--success-font-size)<?php echo esc_html( $important ); ?>;
1004 +.frm_success_style{
1005 + margin:5px 0 15px;
1006 + border:1px solid <?php echo esc_html( $defaults['success_border_color'] ); ?>;
1007 + border-color:var(--success-border-color);
1008 + background-color:<?php echo esc_html( $defaults['success_bg_color'] ); ?>;
1009 + background-color:var(--success-bg-color);
1010 + color:<?php echo esc_html( $defaults['success_text_color'] ); ?>;
1011 + color:var(--success-text-color)<?php echo esc_html( $important ); ?>;
1012 + border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1013 + border-radius:var(--border-radius);
1014 + font-size:<?php echo esc_html( $defaults['success_font_size'] ); ?>;
1015 + font-size:var(--success-font-size)<?php echo esc_html( $important ); ?>;
990 1016 }
991 1017
992 1018 .with_frm_style .frm_plain_success .frm_message {
993 1019 background-color: transparent;
@@ -1023,9 +1049,10 @@
1023 1049 padding:5px;
1024 1050 border-width:1px;
1025 1051 border-style:solid;
1026 1052 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1027 - border-color: var(--border-color);
1053 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1054 + border-color:var(--border-color);
1028 1055 <?php } ?>
1029 1056 border-top:none;
1030 1057 border-left:none;
1031 1058 border-right:none;
@@ -1040,9 +1067,10 @@
1040 1067 }
1041 1068
1042 1069 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1043 1070 .with_frm_style .frm-alt-table{
1044 - border-color: var(--border-color);
1071 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1072 + border-color:var(--border-color);
1045 1073 }
1046 1074 <?php } ?>
1047 1075
1048 1076 .frm-alt-table th {
@@ -1065,28 +1093,27 @@
1065 1093 .frm-alt-table tr:nth-child(even) {
1066 1094 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1067 1095 }
1068 1096
1069 -<?php if ( $pro_is_installed ) { ?>
1070 1097 table.form_results.with_frm_style{
1071 - border-style: solid;
1072 - border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1073 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1098 + border:<?php echo esc_html( $defaults['field_border_width'] ); ?> solid <?php echo esc_html( $defaults['border_color'] . $important ); ?>;
1099 + border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
1100 + border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1074 1101 }
1075 1102
1076 1103 table.form_results.with_frm_style tr td{
1077 1104 text-align:left;
1078 1105 padding:7px 9px;
1079 - <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1080 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
1106 +<?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1107 + color:<?php echo esc_html( $defaults['text_color'] ); ?>;
1108 + color:var(--text-color)<?php echo esc_html( $important ); ?>;
1081 1109 <?php } ?>
1082 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1083 - border-top-style: solid;
1084 - border-top-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1085 - border-top-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1110 +<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1111 + border-top:1px solid <?php echo esc_html( $defaults['border_color'] ); ?>;
1112 + border-top-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
1113 + border-top-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1086 1114 <?php } ?>
1087 1115 }
1088 -<?php } ?>
1089 1116
1090 1117 table.form_results.with_frm_style tr.frm_even,
1091 1118 .frm-grid .frm_even{
1092 1119 background-color:#fff;
@@ -1094,10 +1121,11 @@
1094 1121 }
1095 1122
1096 1123 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1097 1124 table.form_results.with_frm_style tr.frm_odd,
1098 -.frm-grid .frm_odd {
1099 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
1125 +.frm-grid .frm_odd{
1126 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1127 + background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
1100 1128 }
1101 1129 <?php } ?>
1102 1130
1103 1131 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
@@ -1105,23 +1133,18 @@
1105 1133 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1106 1134 padding: 40px;
1107 1135 }
1108 1136
1109 - <?php if ( $pro_is_installed ) { ?>
1110 1137 .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
1111 1138 .frm_color_block.frm_section_heading h3 {
1112 1139 border-width: 0 !important;
1113 1140 }
1114 - <?php } ?>
1115 1141 <?php } ?>
1116 1142
1117 -<?php if ( $pro_is_installed ) { ?>
1118 1143 .frm_collapse .ui-icon{
1119 1144 display:inline-block;
1120 1145 }
1121 -<?php } ?>
1122 1146
1123 -<?php if ( $pro_is_installed ) { ?>
1124 1147 .frm_toggle_container{
1125 1148 /* Prevent the slide and bounce */
1126 1149 border:1px solid transparent;
1127 1150 }
@@ -1138,11 +1161,9 @@
1138 1161
1139 1162 .frm_toggle_container .frm_month_listing{
1140 1163 margin-left:40px;
1141 1164 }
1142 -<?php } ?>
1143 1165
1144 -<?php if ( $pro_is_installed ) { ?>
1145 1166 #frm_loading{
1146 1167 display:none;
1147 1168 position:fixed;
1148 1169 top:0;
@@ -1185,30 +1206,28 @@
1185 1206 #frm_loading .progress.active .progress-bar{
1186 1207 animation:2s linear 0s normal none infinite progress-bar-stripes;
1187 1208 }
1188 1209
1189 - <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1190 -#frm_loading .progress-striped .progress-bar {
1191 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1192 - background-image: linear-gradient(45deg, var(--border-color) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--border-color) 50%, var(--border-color) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
1210 +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1211 +#frm_loading .progress-striped .progress-bar{
1212 + <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1213 + background-image:linear-gradient(45deg, <?php echo esc_html( $defaults['border_color'] ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $defaults['border_color'] ); ?> 50%, <?php echo esc_html( $defaults['border_color'] ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
1193 1214 <?php } ?>
1194 1215 background-size:40px 40px;
1195 1216 }
1196 1217 <?php } ?>
1197 1218
1198 -#frm_loading .progress-bar {
1199 - background-color: var(--bg-color);
1200 - box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
1201 - float: left;
1202 - height: 100%;
1203 - line-height: 20px;
1204 - text-align: center;
1205 - transition: width 0.6s ease 0s;
1206 - width: 100%;
1219 +#frm_loading .progress-bar{
1220 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1221 + background-color:var(--bg-color);
1222 + box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
1223 + float:left;
1224 + height:100%;
1225 + line-height:20px;
1226 + text-align:center;
1227 + transition:width 0.6s ease 0s;
1228 + width:100%;
1207 1229 }
1208 - <?php
1209 -}//end if
1210 -?>
1211 1230
1212 1231 .frm_image_from_url{
1213 1232 height:50px;
1214 1233 }
@@ -1217,9 +1236,8 @@
1217 1236 background:url(../images/ajax_loader.gif) no-repeat center center;
1218 1237 padding:6px 12px;
1219 1238 }
1220 1239
1221 -<?php if ( $pro_is_installed ) { ?>
1222 1240 select.frm_loading_lookup{
1223 1241 background-image: url(../images/ajax_loader.gif) !important;
1224 1242 background-position: 10px;
1225 1243 background-repeat: no-repeat;
@@ -1224,25 +1242,22 @@
1224 1242 background-position: 10px;
1225 1243 background-repeat: no-repeat;
1226 1244 color: transparent !important;
1227 1245 }
1228 -<?php } ?>
1229 1246
1230 -<?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1247 +<?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
1231 1248
1232 -<?php if ( $pro_is_installed ) { ?>
1233 1249 .frm_conf_field.frm_left_container .frm_primary_label{
1234 1250 display:none;
1235 1251 }
1236 -<?php } ?>
1237 1252
1238 -<?php if ( $pro_is_installed ) { ?>
1239 1253 .wp-editor-wrap *,
1240 1254 .wp-editor-wrap *:after,
1241 1255 .wp-editor-wrap *:before{
1256 + -webkit-box-sizing:content-box;
1257 + -moz-box-sizing:content-box;
1242 1258 box-sizing:content-box;
1243 1259 }
1244 -<?php } ?>
1245 1260
1246 1261 .with_frm_style .frm_grid,
1247 1262 .with_frm_style .frm_grid_first,
1248 1263 .with_frm_style .frm_grid_odd{
@@ -1251,9 +1266,10 @@
1251 1266 padding:5px;
1252 1267 border-width:1px;
1253 1268 border-style:solid;
1254 1269 <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1255 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1270 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1271 + border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
1256 1272 <?php } ?>
1257 1273 border-left:none;
1258 1274 border-right:none;
1259 1275 }
@@ -1288,16 +1304,18 @@
1288 1304 }
1289 1305
1290 1306 <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1291 1307 .frm_grid_first,
1292 -.frm_grid_odd {
1293 - background-color: var(--bg-color);
1308 +.frm_grid_odd{
1309 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1310 + background-color:var(--bg-color);
1294 1311 }
1295 1312 <?php } ?>
1296 1313
1297 1314 <?php if ( ! empty( $defaults['bg_color_active'] ) ) { ?>
1298 -.frm_grid {
1299 - background-color: var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1315 +.frm_grid{
1316 + background-color:<?php echo esc_html( $defaults['bg_color_active'] . $important ); ?>;
1317 + background-color:var(--bg-color-active)<?php echo esc_html( $important ); ?>;
1300 1318 }
1301 1319 <?php } ?>
1302 1320
1303 1321 .with_frm_style .frm_grid.frm_blank_field,
@@ -1302,10 +1320,12 @@
1302 1320
1303 1321 .with_frm_style .frm_grid.frm_blank_field,
1304 1322 .with_frm_style .frm_grid_first.frm_blank_field,
1305 1323 .with_frm_style .frm_grid_odd.frm_blank_field{
1324 + background-color:<?php echo esc_html( $defaults['error_bg'] . $important ); ?>;
1306 1325 background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
1307 - border-color: var(--error-border);
1326 + border-color:<?php echo esc_html( $defaults['error_border'] ); ?>;
1327 + border-color:var(--error-bg);
1308 1328 }
1309 1329
1310 1330 .frm_grid .frm_primary_label,
1311 1331 .frm_grid_first .frm_primary_label,
@@ -1327,10 +1347,9 @@
1327 1347 .frm_grid_odd .frm_radio label,
1328 1348 .frm_grid_first .frm_checkbox label,
1329 1349 .frm_grid .frm_checkbox label,
1330 1350 .frm_grid_odd .frm_checkbox label{
1331 - color:transparent;
1332 - text-indent: -9999px;
1351 + visibility:hidden;
1333 1352 white-space:nowrap;
1334 1353 text-align:left;
1335 1354 }
1336 1355
@@ -1456,18 +1475,8 @@
1456 1475 .frm_form_field.frm_left_container .frm_opt_container{
1457 1476 padding-top:4px;
1458 1477 }
1459 1478
1460 -.with_frm_style .frm_left_container > select.auto_width,
1461 -.with_frm_style .frm_right_container > select.auto_width {
1462 - width: max-content<?php echo esc_html( $important ); ?>;
1463 -}
1464 -
1465 -.with_frm_style .frm_right_container > .frm_primary_label,
1466 -.with_frm_style .frm_right_container > select.auto_width {
1467 - margin-left: auto<?php echo esc_html( $important ); ?>;
1468 -}
1469 -
1470 1479 .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,
1471 1480 .with_frm_style .frm_inline_container.frm_grid .frm_primary_label,
1472 1481 .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
1473 1482 .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
@@ -1502,9 +1511,11 @@
1502 1511 grid-column-end: span 1;
1503 1512 }
1504 1513
1505 1514 .frm_form_field .frm_checkbox,
1506 -.frm_form_field .frm_radio {
1515 +.frm_form_field .frm_checkbox + .frm_checkbox,
1516 +.frm_form_field .frm_radio,
1517 +.frm_form_field .frm_radio + .frm_radio{
1507 1518 margin-top: 0;
1508 1519 margin-bottom: 0;
1509 1520 }
1510 1521
@@ -1513,24 +1524,36 @@
1513 1524 overflow:auto;
1514 1525 }
1515 1526
1516 1527 .frm_html_container.frm_scroll_box,
1517 -.frm_form_field.frm_html_scroll_box {
1518 - height: 100px;
1519 - overflow: auto;
1520 - background-color: var(--bg-color);
1521 - border-color: var(--border-color);
1522 - border-width: var(--field-border-width);
1523 - border-style: var(--field-border-style);
1524 - border-radius: var(--border-radius);
1525 - width: var(--field-width);
1526 - max-width: 100%;
1527 - font-size: var(--field-font-size);
1528 - padding: var(--field-pad);
1529 - box-sizing: border-box;
1530 - outline: none<?php echo esc_html( $important ); ?>;
1531 - font-weight: normal;
1532 - box-shadow: var(--box-shadow);
1528 +.frm_form_field.frm_html_scroll_box{
1529 + height:100px;
1530 + overflow:auto;
1531 + background-color:<?php echo esc_html( $defaults['bg_color'] ); ?>;
1532 + background-color:var(--bg-color);
1533 + border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
1534 + border-color:var(--border-color);
1535 + border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
1536 + border-width:var(--field-border-width);
1537 + border-style:<?php echo esc_html( $defaults['field_border_style'] ); ?>;
1538 + border-style:var(--field-border-style);
1539 + -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1540 + -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1541 + border-radius:<?php echo esc_html( $defaults['border_radius'] ); ?>;
1542 + border-radius:var(--border-radius);
1543 + width:<?php echo esc_html( $defaults['field_width'] ); ?>;
1544 + width:var(--field-width);
1545 + max-width:100%;
1546 + font-size:<?php echo esc_html( $defaults['field_font_size'] ); ?>;
1547 + font-size:var(--field-font-size);
1548 + padding:<?php echo esc_html( $defaults['field_pad'] ); ?>;
1549 + padding:var(--field-pad);
1550 + -webkit-box-sizing:border-box;
1551 + -moz-box-sizing:border-box;
1552 + box-sizing:border-box;
1553 + outline:none<?php echo esc_html( $important ); ?>;
1554 + font-weight:normal;
1555 + box-shadow:var(--box-shadow);
1533 1556 }
1534 1557
1535 1558 .frm_form_field.frm_total_big input,
1536 1559 .frm_form_field.frm_total_big textarea,
@@ -1539,8 +1562,10 @@
1539 1562 opacity:1;
1540 1563 background-color:transparent !important;
1541 1564 border:none !important;
1542 1565 font-weight:bold;
1566 + -moz-box-shadow:none;
1567 + -webkit-box-shadow:none;
1543 1568 width:auto !important;
1544 1569 height:auto !important;
1545 1570 box-shadow:none !important;
1546 1571 display:inline;
@@ -1560,8 +1585,10 @@
1560 1585 .frm_form_field.frm_total input:focus,
1561 1586 .frm_form_field.frm_total textarea:focus{
1562 1587 background-color:transparent;
1563 1588 border:none;
1589 + -moz-box-shadow:none;
1590 + -webkit-box-shadow:none;
1564 1591 box-shadow:none;
1565 1592 }
1566 1593
1567 1594 .frm_form_field.frm_label_justify .frm_primary_label{
@@ -1586,8 +1613,13 @@
1586 1613 .frm_clearfix{
1587 1614 display:block;
1588 1615 }
1589 1616
1617 +.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
1618 + color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1619 + color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1620 +}
1621 +
1590 1622 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1591 1623 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1592 1624 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1593 1625 margin-bottom: 0 !important;
@@ -1592,15 +1624,15 @@
1592 1624 .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1593 1625 margin-bottom: 0 !important;
1594 1626 }
1595 1627
1628 +<?php
1629 +FrmStylesHelper::maybe_include_font_icon_css();
1596 1630
1597 -<?php
1598 1631 /**
1599 1632 * Call action so other plugins can add additional CSS.
1600 1633 *
1601 1634 * @param array $args {
1602 - *
1603 1635 * @type array $defaults
1604 1636 * }
1605 1637 */
1606 1638 do_action( 'frm_include_front_css', compact( 'defaults' ) );
@@ -1607,9 +1639,8 @@
1607 1639 ?>
1608 1640
1609 1641 /* Responsive */
1610 1642
1611 -<?php if ( $pro_is_installed ) { ?>
1612 1643 @media only screen and (max-width: 900px) {
1613 1644 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1614 1645 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1615 1646 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
@@ -1615,9 +1646,8 @@
1615 1646 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1616 1647 display: block !important;
1617 1648 }
1618 1649 }
1619 -<?php } ?>
1620 1650
1621 1651 @media only screen and (max-width: 600px) {
1622 1652 .frm_form_field.frm_four_col .frm_opt_container{
1623 1653 grid-template-columns: repeat(2, 1fr);
@@ -1622,14 +1652,12 @@
1622 1652 .frm_form_field.frm_four_col .frm_opt_container{
1623 1653 grid-template-columns: repeat(2, 1fr);
1624 1654 }
1625 1655
1626 - <?php if ( $pro_is_installed ) { ?>
1627 1656 .with_frm_style .frm_repeat_inline,
1628 1657 .with_frm_style .frm_repeat_grid{
1629 1658 margin: 20px 0;
1630 1659 }
1631 - <?php } ?>
1632 1660 }
1633 1661
1634 1662 @media only screen and (max-width: 500px) {
1635 1663 .frm_form_field.frm_two_col .frm_radio,
@@ -1654,8 +1682,9 @@
1654 1682 max-width:302px;
1655 1683 border-right:1px solid #d3d3d3;
1656 1684 border-radius:4px;
1657 1685 box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1686 + -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1658 1687 }
1659 1688
1660 1689 .with_frm_style .g-recaptcha iframe,
1661 1690 .with_frm_style .frm-g-recaptcha iframe{
@@ -1661,18 +1690,7 @@
1661 1690 .with_frm_style .frm-g-recaptcha iframe{
1662 1691 width:100%;
1663 1692 }
1664 1693 }
1665 -
1666 -.frm-card-element .sq-card-wrapper .sq-card-message {
1667 - margin-bottom: 0;
1668 -}
1669 -.frm-card-errors:empty {
1670 - margin: 0;
1671 -}
1672 1694 <?php
1673 1695
1674 -$frm_custom_css = strip_tags( FrmStylesController::get_custom_css() );
1675 -
1676 -if ( $frm_custom_css ) {
1677 - echo FrmStylesHelper::maybe_scope_css_for_admin( $frm_custom_css ) . PHP_EOL; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1678 -}
1696 +echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped