PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 3.06.06
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v3.06.06
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 +332 -1075 6.303.06.06 View file →
@@ -1,75 +1,37 @@
1 1 <?php
2 -if ( ! defined( 'ABSPATH' ) ) {
3 - die( 'You are not allowed to call this page directly.' );
4 -}
5 -
6 2 if ( ! isset( $saving ) ) {
7 3 header( 'Content-type: text/css' );
8 4
9 - if ( ! empty( $css ) ) {
10 - echo strip_tags( FrmStylesHelper::maybe_scope_custom_css_in_cached_output( $css ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
11 - FrmStylesController::maybe_hide_sample_form_error_message();
5 + if ( isset( $css ) && $css ) {
6 + echo strip_tags( $css, 'all' ); // WPCS: XSS ok.
12 7 die();
13 8 }
14 9 }
15 10
16 11 if ( ! isset( $frm_style ) ) {
17 - $frm_style = new FrmStyle();
12 + $frm_style = new FrmStyle();
18 13 }
19 14
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();
15 +$styles = $frm_style->get_all();
16 +$default_style = $frm_style->get_default_style( $styles );
17 +$defaults = FrmStylesHelper::get_settings_for_output( $default_style );
26 18
27 19 ?>
28 -.with_frm_style{
29 -<?php FrmStylesHelper::output_vars( $defaults ); ?>
30 -}
31 20
21 +.frm_form_field .grecaptcha-badge,
32 22 .frm_hidden,
33 -.frm_add_form_row.frm_hidden,
34 23 .frm_remove_form_row.frm_hidden,
35 24 .with_frm_style .frm_button.frm_hidden{
36 - display:none;
25 + display:none;
37 26 }
38 27
39 -.with_frm_style,
40 -.with_frm_style form,
41 -.with_frm_style .frm-show-form div.frm_description p{
42 - text-align: var(--form-align)<?php echo esc_html( $important ); ?>;
28 +form input.frm_verify{
29 + display:none !important;
43 30 }
44 31
45 -/* Keep this. This is used for Honeypot */
46 -input:-webkit-autofill {
47 - -webkit-box-shadow: 0 0 0 30px white inset;
48 -}
49 -
50 -/* Form description */
51 -.with_frm_style .frm-show-form div.frm_description p{
52 -<?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
53 - font-size: var(--form-desc-size)<?php echo esc_html( $important ); ?>;
54 -<?php } ?>
55 -<?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
56 - color: var(--form-desc-color)<?php echo esc_html( $important ); ?>;
57 -<?php } ?>
58 -<?php if ( ! empty( $defaults['form_desc_margin_top'] ) ) { ?>
59 - margin-top: var(--form-desc-margin-top)<?php echo esc_html( $important ); ?>;
60 -<?php } ?>
61 -<?php if ( ! empty( $defaults['form_desc_margin_bottom'] ) ) { ?>
62 - margin-bottom: var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>;
63 -<?php } ?>
64 -<?php if ( isset( $defaults['form_desc_padding'] ) ) { ?>
65 - padding: var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
66 -<?php } ?>
67 -}
68 -
69 32 .with_frm_style fieldset{
70 33 min-width:0;
71 - display: block; /* Override 2021 theme */
72 34 }
73 35
74 36 .with_frm_style fieldset fieldset{
75 37 border:none;
@@ -77,30 +39,10 @@
77 39 padding:0;
78 40 background-color:transparent;
79 41 }
80 42
81 -.with_frm_style .frm_form_fields > fieldset{
82 -<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?>
83 - border-width: var(--fieldset)<?php echo esc_html( $important ); ?>;
84 -<?php } ?>
85 - border-style:solid;
86 -<?php if ( ! empty( $defaults['fieldset_color'] ) ) { ?>
87 - border-color: var(--fieldset-color)<?php echo esc_html( $important ); ?>;
88 -<?php } ?>
89 - margin:0;
90 -<?php if ( ! empty( $defaults['fieldset_padding'] ) ) { ?>
91 - padding: var(--fieldset-padding)<?php echo esc_html( $important ); ?>;
92 -<?php } ?>
93 -<?php if ( ! empty( $defaults['fieldset_bg_color'] ) ) { ?>
94 - background-color: var(--fieldset-bg-color)<?php echo esc_html( $important ); ?>;
95 -<?php } ?>
96 -<?php if ( ! empty( $defaults['font'] ) ) { ?>
97 - font-family:var(--font);
98 -<?php } ?>
99 -}
100 -
101 43 legend.frm_hidden{
102 - display:none !important;
44 + display:none !important;
103 45 }
104 46
105 47 .with_frm_style .frm_form_fields{
106 48 opacity:1;
@@ -113,195 +55,9 @@
113 55 .frm_transparent{
114 56 color:transparent;
115 57 }
116 58
117 -.with_frm_style legend + h3,
118 -.with_frm_style h3.frm_form_title{
119 -<?php if ( ! empty( $defaults['title_size'] ) ) { ?>
120 - font-size: var(--title-size)<?php echo esc_html( $important ); ?>;
121 -<?php } ?>
122 -<?php if ( ! empty( $defaults['title_color'] ) ) { ?>
123 - color: var(--title-color)<?php echo esc_html( $important ); ?>;
124 -<?php } ?>
125 -<?php if ( ! empty( $defaults['font'] ) ) { ?>
126 - font-family: var(--font);
127 -<?php } ?>
128 -<?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
129 - margin-top: var(--title-margin-top)<?php echo esc_html( $important ); ?>;
130 -<?php } ?>
131 -<?php if ( ! empty( $defaults['title_margin_bottom'] ) ) { ?>
132 - margin-bottom: var(--title-margin-bottom)<?php echo esc_html( $important ); ?>;
133 -<?php } ?>
134 -}
135 -
136 -.with_frm_style .frm_form_field.frm_html_container,
137 -.with_frm_style .frm_form_field .frm_show_it{
138 -<?php if ( ! empty( $defaults['font'] ) ) { ?>
139 - font-family: var(--font);
140 -<?php } ?>
141 -<?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
142 - color: var(--form-desc-color)<?php echo esc_html( $important ); ?>;
143 -<?php } ?>
144 -}
145 -
146 -<?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
147 -.with_frm_style .frm_form_field.frm_html_container{
148 - font-size: var(--form-desc-size)<?php echo esc_html( $important ); ?>;
149 -}
150 -<?php } ?>
151 -
152 -.with_frm_style .frm_form_field .frm_show_it{
153 -<?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
154 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
155 -<?php } ?>
156 -<?php if ( ! empty( $defaults['field_weight'] ) ) { ?>
157 - font-weight: var(--field-weight)<?php echo esc_html( $important ); ?>;
158 -<?php } ?>
159 -}
160 -
161 -.with_frm_style .frm_required {
162 -<?php if ( ! empty( $defaults['required_color'] ) ) { ?>
163 - color: var(--required-color)<?php echo esc_html( $important ); ?>;
164 -<?php } ?>
165 -<?php if ( ! empty( $defaults['required_weight'] ) ) { ?>
166 - font-weight: var(--required-weight)<?php echo esc_html( $important ); ?>;
167 -<?php } ?>
168 -}
169 -
170 -<?php if ( $use_chosen_js ) { ?>
171 -.with_frm_style .chosen-container,
172 -<?php } ?>
173 -.with_frm_style input[type=text],
174 -.with_frm_style input[type=password],
175 -.with_frm_style input[type=email],
176 -.with_frm_style input[type=number],
177 -.with_frm_style input[type=url],
178 -.with_frm_style input[type=tel],
179 -.with_frm_style input[type=search],
180 -.with_frm_style select,
181 -.with_frm_style textarea,
182 -.with_frm_style .frm-card-element.StripeElement {
183 - font-family:var(--font)<?php echo esc_html( $important ); ?>;
184 -<?php if ( ! empty( $defaults['field_font_size'] ) ) { ?>
185 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
186 -<?php } ?>
187 - margin-bottom:0<?php echo esc_html( $important ); ?>;
188 -}
189 -
190 -.with_frm_style textarea{
191 - vertical-align:top;
192 - height:auto;
193 -}
194 -
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 -.with_frm_style input[type=text],
202 -.with_frm_style input[type=password],
203 -.with_frm_style input[type=email],
204 -.with_frm_style input[type=number],
205 -.with_frm_style input[type=url],
206 -.with_frm_style input[type=tel],
207 -.with_frm_style input[type=phone],
208 -.with_frm_style input[type=search],
209 -.with_frm_style select,
210 -.with_frm_style textarea,
211 -.frm_form_fields_style,
212 -.with_frm_style .frm_scroll_box .frm_opt_container,
213 -.frm_form_fields_active_style,
214 -.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);
229 -}
230 -
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 } ?>
236 -.with_frm_style input[type=text],
237 -.with_frm_style input[type=password],
238 -.with_frm_style input[type=email],
239 -.with_frm_style input[type=number],
240 -.with_frm_style input[type=url],
241 -.with_frm_style input[type=tel],
242 -.with_frm_style input[type=phone],
243 -.with_frm_style input[type=search],
244 -.with_frm_style textarea,
245 -.frm_form_fields_style,
246 -.with_frm_style .frm_scroll_box .frm_opt_container,
247 -.frm_form_fields_active_style,
248 -.frm_form_fields_error_style,
249 -.with_frm_style .frm-card-element.StripeElement {
250 - background-image:none !important;
251 -}
252 -<?php endif; ?>
253 -
254 -.with_frm_style select option {
255 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
256 -}
257 -
258 -.with_frm_style select option.frm-select-placeholder {
259 - color: var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
260 -}
261 -
262 -.with_frm_style input[type=radio],
263 -.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 ); ?>;
266 - float: none;
267 -}
268 -
269 -.with_frm_style input[type=radio]:after,
270 -.with_frm_style input[type=checkbox]:after {
271 - display: none; /* 2021 conflict */
272 -}
273 -
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 -.with_frm_style input[type=text],
285 -.with_frm_style input[type=password],
286 -.with_frm_style input[type=email],
287 -.with_frm_style input[type=number],
288 -.with_frm_style input[type=url],
289 -.with_frm_style input[type=tel],
290 -.with_frm_style input[type=file],
291 -.with_frm_style input[type=search],
292 -.with_frm_style select,
293 -.with_frm_style .frm-card-element.StripeElement{
294 - min-height: var(--field-height)<?php echo esc_html( $important ); ?>;
295 - line-height:1.3<?php echo esc_html( $important ); ?>;
296 -}
297 -
298 -.with_frm_style select[multiple=multiple]{
299 - height:auto<?php echo esc_html( $important ); ?>;
300 -}
301 -
302 -.input[type=file].frm_transparent:focus,
303 -.with_frm_style input[type=file]{
59 +.input[type=file].frm_transparent:focus, .with_frm_style input[type=file]{
304 60 background-color:transparent;
305 61 border:none;
306 62 outline:none;
307 63 box-shadow:none;
@@ -307,301 +63,127 @@
307 63 box-shadow:none;
308 64 }
309 65
310 66 .with_frm_style input[type=file]{
311 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
312 - padding: 0px;
313 -<?php if ( ! empty( $defaults['font'] ) ) { ?>
314 - font-family: var(--font)<?php echo esc_html( $important ); ?>;
315 -<?php } ?>
316 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
317 - display: initial;
67 + display:initial;
318 68 }
319 69
320 -.with_frm_style input[type=file].frm_transparent{
321 - color:transparent<?php echo esc_html( $important ); ?>;
322 -}
323 -
324 -<?php if ( $pro_is_installed ) { ?>
325 -.with_frm_style .wp-editor-wrap{
326 - width: var(--field-width)<?php echo esc_html( $important ); ?>;
327 - max-width:100%;
328 -}
329 -
330 -.with_frm_style .wp-editor-container textarea{
331 - border:none<?php echo esc_html( $important ); ?>;
332 - box-shadow:none !important;
333 -}
334 -
335 -.with_frm_style .mceIframeContainer{
336 - background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
337 -}
338 -<?php } ?>
339 -
340 -.with_frm_style select{
341 - width: var(--auto-width)<?php echo esc_html( $important ); ?>;
342 - max-width:100%;
343 - background-position-y: calc(50% + 3px);
344 -}
345 -
346 -.with_frm_style input[disabled],
347 -.with_frm_style select[disabled],
348 -.with_frm_style textarea[disabled],
349 -.with_frm_style input[readonly],
350 -.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 ); ?>;
355 -}
356 -
357 70 .frm_preview_page:before{
358 - content:normal !important;
71 + content:normal !important;
359 72 }
360 73
361 74 .frm_preview_page{
362 - padding:25px;
75 + padding:25px;
363 76 }
364 77
365 78 .with_frm_style .frm_primary_label{
366 - max-width:100%;
367 -<?php if ( ! empty( $defaults['font'] ) ) { ?>
368 - font-family: var(--font);
369 -<?php } ?>
370 -<?php if ( ! empty( $defaults['font_size'] ) ) { ?>
371 - font-size: var(--font-size)<?php echo esc_html( $important ); ?>;
372 -<?php } ?>
373 -<?php if ( ! empty( $defaults['label_color'] ) ) { ?>
374 - color: var(--label-color)<?php echo esc_html( $important ); ?>;
375 -<?php } ?>
376 -<?php if ( ! empty( $defaults['weight'] ) ) { ?>
377 - font-weight: var(--weight)<?php echo esc_html( $important ); ?>;
378 -<?php } ?>
379 -<?php if ( ! empty( $defaults['align'] ) ) { ?>
380 - text-align: var(--align)<?php echo esc_html( $important ); ?>;
381 -<?php } ?>
382 -<?php if ( ! empty( $defaults['label_padding'] ) ) { ?>
383 - padding: var(--label-padding)<?php echo esc_html( $important ); ?>;
384 -<?php } ?>
385 - margin:0;
386 - width:auto;
387 - display:block;
79 + max-width:100%;
388 80 }
389 81
390 82 .with_frm_style .frm_top_container .frm_primary_label,
391 83 .with_frm_style .frm_hidden_container .frm_primary_label,
392 84 .with_frm_style .frm_pos_top{
393 - display:block;
394 - float:none;
395 - width:auto;
85 + display:block;
86 + float:none;
87 + width:auto;
396 88 }
397 89
398 90 .with_frm_style .frm_inline_container .frm_primary_label{
399 - margin-right:10px;
91 + margin-right:10px;
400 92 }
401 93
402 94 .with_frm_style .frm_right_container .frm_primary_label,
403 95 .with_frm_style .frm_pos_right{
404 - display:inline;
405 - float:right;
406 - margin-left:10px;
96 + display:inline;
97 + float:right;
98 + margin-left:10px;
407 99 }
408 100
409 -.with_frm_style .frm_pos_center {
410 - text-align: center;
411 -}
412 -
413 101 .with_frm_style .frm_none_container .frm_primary_label,
414 102 .with_frm_style .frm_pos_none,
415 103 .frm_pos_none,
416 104 .frm_none_container .frm_primary_label{
417 - display:none;
105 + display:none;
418 106 }
419 107
420 -<?php if ( $pro_is_installed ) { ?>
421 108 .with_frm_style .frm_section_heading.frm_hide_section{
422 109 margin-top:0 !important;
423 110 }
424 -<?php } ?>
425 111
426 112 .with_frm_style .frm_hidden_container .frm_primary_label,
427 113 .with_frm_style .frm_pos_hidden,
428 114 .frm_hidden_container .frm_primary_label{
429 - visibility:hidden;
115 + visibility:hidden;
430 116 white-space:nowrap;
431 117 }
432 118
119 +.with_frm_style .frm_inside_container .frm_primary_label{
120 + opacity:0;
121 + transition: opacity 0.1s linear;
122 +}
123 +
124 +.with_frm_style .frm_inside_container label.frm_visible,
433 125 .frm_visible{
434 126 opacity:1;
435 127 }
436 128
437 -/* Floating labels */
438 -.with_frm_style .frm_inside_container {
439 - position: relative;
440 - padding-top: 18px;
441 - padding-top: calc(0.5 * var(--field-height));
442 -}
443 -
444 -.with_frm_style .frm_inside_container > input,
445 -.with_frm_style .frm_inside_container > select,
446 -.with_frm_style .frm_inside_container > textarea {
447 - display: block;
448 -}
449 -
450 -.with_frm_style input::placeholder,
451 -.with_frm_style textarea::placeholder {
452 - font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
453 -}
454 -
455 -.with_frm_style .frm_inside_container > input::placeholder,
456 -.with_frm_style .frm_inside_container > textarea::placeholder {
457 - opacity: 0;
458 - transition: opacity 0.3s ease-in;
459 -}
460 -
461 -.with_frm_style .frm_inside_container > label {
462 - transition: all 0.3s ease-in;
463 -
464 - position: absolute;
465 - top: 19px;
466 - top: calc(1px + .5 * var(--field-height));
467 - left: 3px;
468 - width: 100%;
469 -
470 - line-height: 1.3;
471 - text-overflow: ellipsis;
472 - overflow: hidden;
473 - white-space: nowrap;
474 -
475 - padding: 8px 12px;
476 - padding: var(--field-pad);
477 -
478 - font-size: 14px;
479 - font-size: var(--field-font-size);
480 - font-weight: normal;
481 - font-weight: var(--field-weight);
482 -
483 - pointer-events: none;
484 -}
485 -
486 -.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
487 - line-height: 1;
488 -}
489 -
490 -.with_frm_style .frm_inside_container.frm_label_float_top > label {
491 - top: 0;
492 - left: 0;
493 - padding: 0;
494 - font-size: 12px;
495 - font-size: calc(0.85 * var(--field-font-size));
496 -}
497 -
498 -.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
499 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
500 - opacity: 1;
501 - transition: opacity 0.3s ease-in;
502 -}
503 -/* End floating label */
504 -
505 -.with_frm_style .frm_description,
506 -.with_frm_style .frm_pro_max_limit_desc{
129 +.with_frm_style .frm_description{
507 130 clear:both;
508 131 }
509 132
510 -.with_frm_style input[type=number][readonly] {
511 - -moz-appearance: textfield;
133 +.with_frm_style input[type=number][readonly]{
134 + -moz-appearance: textfield;
512 135 }
513 136
514 137 .with_frm_style select[multiple="multiple"]{
515 - height:auto;
516 - line-height:normal;
138 + height:auto;
139 + line-height:normal;
517 140 }
518 141
519 -<?php if ( $pro_is_installed ) { ?>
520 142 .with_frm_style .frm_catlevel_2,
521 143 .with_frm_style .frm_catlevel_3,
522 144 .with_frm_style .frm_catlevel_4,
523 145 .with_frm_style .frm_catlevel_5{
524 - margin-left:18px;
146 + margin-left:18px;
525 147 }
526 -<?php } ?>
527 148
528 -<?php if ( $pro_is_installed ) { ?>
529 149 .with_frm_style .wp-editor-container{
530 - border:1px solid #e5e5e5;
150 + border:1px solid #e5e5e5;
531 151 }
532 152
533 153 .with_frm_style .quicktags-toolbar input{
534 - font-size:12px !important;
154 + font-size:12px !important;
535 155 }
536 156
537 157 .with_frm_style .wp-editor-container textarea{
538 - border:none;
158 + border:none;
539 159 }
540 -<?php } ?>
541 160
161 +.with_frm_style textarea{
162 + height:auto;
163 +}
164 +
542 165 .with_frm_style .auto_width #loginform input,
543 166 .with_frm_style .auto_width input,
544 167 .with_frm_style input.auto_width,
545 168 .with_frm_style select.auto_width,
546 169 .with_frm_style textarea.auto_width{
547 - width:auto<?php echo esc_html( $important ); ?>;
170 + width:auto;
548 171 }
549 172
550 -<?php if ( $pro_is_installed ) { ?>
551 173 .with_frm_style .frm_repeat_buttons{
552 174 white-space:nowrap;
553 175 }
554 -<?php } ?>
555 176
556 177 .with_frm_style .frm_button{
557 - text-decoration:none !important;
558 - border:1px solid #eee;
559 - display:inline-block;
560 -<?php if ( ! empty( $defaults['submit_padding'] ) ) { ?>
561 - padding: var(--submit-padding)<?php echo esc_html( $important ); ?>;
562 -<?php } else { ?>
178 + text-decoration:none;
179 + border:1px solid #eee;
563 180 padding:5px;
564 -<?php } ?>
565 -<?php if ( ! empty( $defaults['border_radius'] ) ) { ?>
566 - border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>;
567 - border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>;
568 -<?php } ?>
569 -<?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?>
570 - font-size: var(--submit-font-size)<?php echo esc_html( $important ); ?>;
571 -<?php } ?>
572 -<?php if ( ! empty( $defaults['font'] ) ) { ?>
573 - font-family: var(--font)<?php echo esc_html( $important ); ?>;
574 -<?php } ?>
575 -<?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
576 - font-weight: var(--submit-weight)<?php echo esc_html( $important ); ?>;
577 -<?php } ?>
578 -<?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
579 - color: var(--submit-text-color)<?php echo esc_html( $important ); ?>;
580 -<?php } ?>
581 -<?php if ( ! empty( $defaults['submit_bg_color'] ) ) { ?>
582 - background: var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
583 -<?php } ?>
584 -<?php if ( ! empty( $defaults['submit_border_width'] ) ) { ?>
585 - border-width: var(--submit-border-width)<?php echo esc_html( $important ); ?>;
586 -<?php } ?>
587 -<?php if ( ! empty( $defaults['submit_border_color'] ) ) { ?>
588 - border-color: var(--submit-border-color)<?php echo esc_html( $important ); ?>;
589 -<?php } ?>
590 -<?php if ( ! empty( $defaults['submit_height'] ) ) { ?>
591 - height: var(--submit-height)<?php echo esc_html( $important ); ?>;
592 -<?php } ?>
181 + display:inline;
593 182 }
594 183
595 -<?php if ( ! empty( $defaults['submit_text_color'] ) ) { ?>
596 -.with_frm_style .frm_button.frm_inverse{
597 - color:var(--submit-bg-color)<?php echo esc_html( $important ); ?>;
598 - background:var(--submit-text-color)<?php echo esc_html( $important ); ?>;
599 -}
600 -<?php } ?>
601 -
602 184 .with_frm_style .frm_submit{
603 - clear:both;
185 + clear:both;
604 186 }
605 187
606 188 .frm_inline_form .frm_form_field,
607 189 .frm_inline_form .frm_submit{
@@ -619,41 +201,17 @@
619 201 margin-top:0;
620 202 }
621 203
622 204 .with_frm_style.frm_center_submit .frm_submit{
623 - text-align:center;
205 + text-align:center;
624 206 }
625 207
626 -.with_frm_style.frm_center_submit .frm_flex.frm_submit {
627 - justify-content: center;
628 -}
629 -
630 -.with_frm_style .frm_inline_success .frm_submit{
631 - display: flex;
632 - flex-direction: row;
633 - align-items: center;
634 - margin: 0;
635 -}
636 -
637 -.with_frm_style .frm_inline_success .frm_submit .frm_message{
638 - flex: 1;
639 - margin: 0;
640 - padding-left: 10px;
641 -}
642 -
643 -.with_frm_style .frm_inline_success.frm_alignright_success .frm_submit .frm_message{
644 - text-align: right;
645 -}
646 -
647 208 .with_frm_style.frm_center_submit .frm_submit input[type=submit],
648 209 .with_frm_style.frm_center_submit .frm_submit input[type=button],
649 210 .with_frm_style.frm_center_submit .frm_submit button{
650 - margin-bottom:8px !important;
211 + margin-bottom:8px !important;
651 212 }
652 213
653 -<?php if ( $pro_is_installed ) { ?>
654 -.with_frm_style .frm-edit-page-btn,
655 -<?php } ?>
656 214 .with_frm_style .frm_submit input[type=submit],
657 215 .with_frm_style .frm_submit input[type=button],
658 216 .with_frm_style .frm_submit button{
659 217 -webkit-appearance: none;
@@ -660,476 +218,232 @@
660 218 cursor: pointer;
661 219 }
662 220
663 221 .with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{
664 - display: block;
665 - margin: 0 auto;
222 + display: block;
223 + margin: 0 auto;
666 224 }
667 225
668 -.with_frm_style .frm_loading_prev .frm_ajax_loading,
669 226 .with_frm_style .frm_loading_form .frm_ajax_loading{
670 227 /* keep this for reverse compatibility for old HTML */
671 228 visibility:visible !important;
672 229 }
673 230
674 -<?php if ( $pro_is_installed ) { ?>
675 -.with_frm_style .frm_loading_prev .frm_prev_page,
676 -<?php } ?>
677 231 .with_frm_style .frm_loading_form .frm_button_submit {
678 - position: relative;
679 - color: transparent !important;
680 - text-shadow: none !important;
232 + position: relative;
233 + opacity: .8;
234 + color: transparent !important;
235 + text-shadow: none !important;
681 236 }
682 237
683 -<?php if ( $pro_is_installed ) { ?>
684 -.with_frm_style .frm_loading_prev .frm_prev_page:hover,
685 -.with_frm_style .frm_loading_prev .frm_prev_page:active,
686 -.with_frm_style .frm_loading_prev .frm_prev_page:focus,
687 -<?php } ?>
688 238 .with_frm_style .frm_loading_form .frm_button_submit:hover,
689 239 .with_frm_style .frm_loading_form .frm_button_submit:active,
690 240 .with_frm_style .frm_loading_form .frm_button_submit:focus {
691 - cursor: not-allowed;
692 - color: transparent;
693 - outline: none !important;
694 - box-shadow: none;
241 + cursor: not-allowed;
242 + color: transparent;
243 + outline: none !important;
244 + box-shadow: none;
695 245 }
696 246
697 -<?php if ( $pro_is_installed ) { ?>
698 -.with_frm_style .frm_loading_prev .frm_prev_page::before,
699 -<?php } ?>
700 247 .with_frm_style .frm_loading_form .frm_button_submit:before {
701 - content: '';
702 - display: inline-block;
703 - position: absolute;
704 - background: transparent;
705 - border: 1px solid #fff;
706 - border-top-color: transparent;
707 - border-left-color: transparent;
708 - border-radius: 50%;
709 - box-sizing: border-box;
710 - <?php $loader_size = 12; ?>
711 - top: 50%;
712 - left: 50%;
713 - margin-top: -<?php echo absint( $loader_size / 2 ); ?>px;
714 - margin-left: -<?php echo absint( $loader_size / 2 ); ?>px;
715 - width: <?php echo absint( $loader_size ); ?>px;
716 - height: <?php echo absint( $loader_size ); ?>px;
717 - animation: spin 2s linear infinite;
718 -}
248 + content: '';
249 + display: inline-block;
719 250
720 -.with_frm_style .frm_submit.frm_flex {
721 - align-items: center;
722 - gap: 2%;
723 -}
251 + position: absolute;
252 + background: transparent;
253 + border: 1px solid #fff;
254 + border-top-color: transparent;
255 + border-left-color: transparent;
256 + border-radius: 50%;
724 257
725 -<?php if ( $pro_is_installed ) { ?>
726 -.with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
727 - order: -1;
258 + box-sizing: border-box;
259 + <?php $loader_size = 20; ?>
260 + top: 50%;
261 + left: 50%;
262 + margin-top: -<?php echo absint( $loader_size / 2 ) ?>px;
263 + margin-left: -<?php echo absint( $loader_size / 2 ) ?>px;
264 + width: <?php echo absint( $loader_size ) ?>px;
265 + height: <?php echo absint( $loader_size ) ?>px;
266 +
267 + -webkit-animation: spin 2s linear infinite;
268 + -moz-animation: spin 2s linear infinite;
269 + -o-animation: spin 2s linear infinite;
270 + animation: spin 2s linear infinite;
728 271 }
729 -<?php } ?>
730 272
731 273 <?php
732 274 foreach ( $styles as $style ) {
733 - include __DIR__ . '/_single_theme.css.php';
275 + include( dirname( __FILE__ ) . '/_single_theme.css.php' );
734 276 unset( $style );
735 277 }
736 -
737 -// Set it again since it may have been overridden.
738 -$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
739 278 ?>
740 279
741 280 .frm_ajax_loading{
742 - visibility:hidden;
281 + visibility:hidden;
743 282 width:auto;
744 283 }
745 284
746 285 .frm_form_submit_style{
747 - height:auto;
286 + height:auto;
748 287 }
749 288
750 289 a.frm_save_draft{
751 - cursor:pointer;
290 + cursor:pointer;
752 291 }
753 292
754 -<?php if ( $pro_is_installed ) { ?>
755 -.with_frm_style a.frm_save_draft,
756 -.with_frm_style a.frm_start_over{
757 - <?php if ( ! empty( $defaults['font'] ) ) { ?>
758 - font-family: var(--font);
759 -<?php } ?>
760 - font-size: var(--submit-font-size);
761 - font-weight: var(--submit-weight);
762 -}
763 -<?php } ?>
764 -
765 293 .horizontal_radio .frm_radio{
766 - margin:0 5px 0 0;
294 + margin:0 5px 0 0;
767 295 }
768 296
769 297 .horizontal_radio .frm_checkbox{
770 - margin:0;
771 - margin-right:12px;
298 + margin:0;
299 + margin-right:5px;
772 300 }
773 301
774 302 .vertical_radio .frm_checkbox,
775 303 .vertical_radio .frm_radio,
776 304 .vertical_radio .frm_catlevel_1{
777 - display:block;
305 + display:block;
778 306 }
779 307
780 308 .horizontal_radio .frm_checkbox,
781 309 .horizontal_radio .frm_radio,
782 310 .horizontal_radio .frm_catlevel_1{
783 - display:inline-block;
784 - padding-left: 0;
311 + display:inline-block;
785 312 }
786 313
787 -.with_frm_style .frm_radio{
788 - display: var(--radio-align)<?php echo esc_html( $important ); ?>;
789 -}
790 -
791 -.with_frm_style .frm_checkbox{
792 - display: var(--check-align)<?php echo esc_html( $important ); ?>;
793 -}
794 -
795 -.with_frm_style .vertical_radio .frm_checkbox,
796 -.with_frm_style .vertical_radio .frm_radio,
797 -.vertical_radio .frm_catlevel_1{
798 - display:block<?php echo esc_html( $important ); ?>;
799 - margin-bottom: 10px;
800 -}
801 -
802 -.with_frm_style .horizontal_radio .frm_checkbox,
803 -.with_frm_style .horizontal_radio .frm_radio,
804 -.horizontal_radio .frm_catlevel_1{
805 - display:inline-block<?php echo esc_html( $important ); ?>;
806 -}
807 -
808 314 .with_frm_style .frm_checkbox label,
809 -.with_frm_style .frm_radio label {
810 - display: inline-block;
811 - vertical-align: middle;
315 +.with_frm_style .frm_radio label{
316 + display: inline;
812 317 white-space:normal;
813 318 }
814 319
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 320 .with_frm_style .vertical_radio .frm_checkbox label,
826 321 .with_frm_style .vertical_radio .frm_radio label{
827 322 display: block;
828 - width: 100%;
323 + padding-left: 20px;
324 + text-indent: -20px;
829 325 }
830 326
831 -.with_frm_style .frm_radio label,
832 -.with_frm_style .frm_checkbox label {
833 -<?php if ( ! empty( $defaults['font'] ) ) { ?>
834 - font-family: var(--font);
835 -<?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 ); ?>;
839 - line-height: 1.3;
840 -}
841 -
842 -.with_frm_style .frm_radio input[type=radio],
843 -.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 ); ?>;
846 -}
847 -
848 327 .frm_file_container .frm_file_link,
849 328 .with_frm_style .frm_radio label .frm_file_container,
850 329 .with_frm_style .frm_checkbox label .frm_file_container{
851 - display:inline-block;
852 - margin:5px;
853 - vertical-align:middle;
330 + display:inline-block;
331 + margin:5px;
332 + vertical-align:middle;
854 333 }
855 334
856 -.with_frm_style .frm_radio input[type=radio]
857 -<?php if ( $pro_is_installed ) : ?>
858 -, .with_frm_style .frm_scale input[type=radio]
859 -<?php endif; ?>
860 -{
335 +.with_frm_style .frm_radio input[type=radio]{
336 + -webkit-appearance:radio;
861 337 border-radius:50%;
862 338 }
863 339
864 -.with_frm_style .frm_checkbox input[type=checkbox] {
865 - border-radius: calc(var(--border-radius) / 2) !important;
340 +.with_frm_style .frm_checkbox input[type=checkbox]{
341 + -webkit-appearance:checkbox;
342 + border-radius:initial;
866 343 }
867 344
868 345 .with_frm_style .frm_radio input[type=radio],
869 -<?php if ( $pro_is_installed ) : ?>
870 -.with_frm_style .frm_scale input[type=radio],
871 -<?php endif; ?>
872 346 .with_frm_style .frm_checkbox input[type=checkbox]{
873 - appearance: none;
874 - background-color: var(--bg-color);
875 347 flex: none;
876 - display:inline-block !important;
877 - width: 16px !important;
878 - min-width: 16px !important;
879 - height: 16px !important;
880 - color: var(--border-color);
881 - border: 1px solid currentColor;
882 - border-color: var(--border-color);
883 - vertical-align: middle;
348 + display:inline-block;
349 + margin:4px 5px 0 0;
350 + width:auto;
351 + border:none;
352 + vertical-align:baseline;
884 353 position: initial; /* override Bootstrap */
885 - padding: 0;
886 - margin: 0;
887 354 }
888 355
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,
892 -<?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;
895 -}
896 -
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;
899 -}
900 -
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 -.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 -.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
918 - position: static !important; /* Override Style Preview */
919 - content: '';
920 - display: block;
921 -}
922 -
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 356 .with_frm_style :invalid,
357 +.with_frm_style :-moz-submit-invalid,
952 358 .with_frm_style :-moz-ui-invalid{
953 - box-shadow:none;
359 + box-shadow:none;
954 360 }
955 361
956 362 .with_frm_style .frm_error_style img{
957 - padding-right:10px;
958 - vertical-align:middle;
959 - border:none;
363 + padding-right:10px;
364 + vertical-align:middle;
365 + border:none;
960 366 }
961 367
962 368 .with_frm_style .frm_trigger{
963 - cursor:pointer;
369 + cursor:pointer;
964 370 }
965 371
966 372 .with_frm_style .frm_error_style,
967 373 .with_frm_style .frm_message,
968 374 .frm_success_style{
969 - border-radius:4px;
970 - padding:15px;
375 + -moz-border-radius:4px;
376 + -webkit-border-radius:4px;
377 + border-radius:4px;
378 + padding:15px;
971 379 }
972 380
973 -.with_frm_style .frm_message p {
974 - color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
975 - margin-bottom: 0;
381 +.with_frm_style .frm_message p{
382 + margin-bottom:5px;
976 383 }
977 384
978 -.with_frm_style .frm_message > p:first-of-type {
979 - margin-top: 0;
980 -}
981 -
982 -.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 ); ?>;
990 -}
991 -
992 -.with_frm_style .frm_plain_success .frm_message {
993 - background-color: transparent;
994 - padding:0;
995 - border:none;
996 - font-size:inherit<?php echo esc_html( $important ); ?>;
997 - color:inherit<?php echo esc_html( $important ); ?>;
998 -}
999 -
1000 -.with_frm_style .frm_plain_success .frm_message p {
1001 - color:inherit<?php echo esc_html( $important ); ?>;
1002 -}
1003 -
1004 385 .frm_form_fields_style,
1005 386 .frm_form_fields_active_style,
1006 387 .frm_form_fields_error_style,
1007 388 .frm_form_submit_style{
1008 - width:auto;
389 + width:auto;
1009 390 }
1010 391
1011 392 .with_frm_style .frm_trigger span{
1012 - float:left;
393 + float:left;
1013 394 }
1014 395
1015 396 .with_frm_style table.frm-grid,
1016 397 #content .with_frm_style table.frm-grid{
1017 - border-collapse:collapse;
1018 - border:none;
398 + border-collapse:collapse;
399 + border:none;
1019 400 }
1020 401
1021 402 .frm-grid td,
1022 403 .frm-grid th{
1023 - padding:5px;
1024 - border-width:1px;
1025 - border-style:solid;
1026 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1027 - border-color: var(--border-color);
1028 - <?php } ?>
1029 - border-top:none;
1030 - border-left:none;
1031 - border-right:none;
404 + padding:5px;
405 + border-width:1px;
406 + border-style:solid;
407 + border-color:<?php echo esc_html( $defaults['border_color'] ) ?>;
408 + border-top:none;
409 + border-left:none;
410 + border-right:none;
1032 411 }
1033 412
1034 -.frm-alt-table {
1035 - width:100%;
1036 - border-collapse:separate;
1037 - margin-top:0.5em;
1038 - font-size:15px;
1039 - border-width:1px;
1040 -}
1041 -
1042 -<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1043 -.with_frm_style .frm-alt-table{
1044 - border-color: var(--border-color);
1045 -}
1046 -<?php } ?>
1047 -
1048 -.frm-alt-table th {
1049 - width:200px;
1050 -}
1051 -
1052 -.frm-alt-table tr {
1053 - background-color:transparent;
1054 -}
1055 -
1056 -.frm-alt-table th,
1057 -.frm-alt-table td {
1058 - background-color:transparent;
1059 - vertical-align:top;
1060 - text-align:left;
1061 - padding:20px;
1062 - border-color:transparent;
1063 -}
1064 -
1065 -.frm-alt-table tr:nth-child(even) {
1066 - background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1067 -}
1068 -
1069 -<?php if ( $pro_is_installed ) { ?>
1070 413 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 ); ?>;
414 + border:1px solid #ccc;
1074 415 }
1075 416
1076 417 table.form_results.with_frm_style tr td{
1077 - text-align:left;
1078 - padding:7px 9px;
1079 - <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1080 - color: var(--text-color)<?php echo esc_html( $important ); ?>;
1081 -<?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 ); ?>;
1086 -<?php } ?>
418 + text-align:left;
419 + color:<?php echo esc_html( $defaults['text_color'] ) ?>;
420 + padding:7px 9px;
421 + border-top:1px solid <?php echo esc_html( $defaults['border_color'] ) ?>;
1087 422 }
1088 -<?php } ?>
1089 423
1090 424 table.form_results.with_frm_style tr.frm_even,
1091 425 .frm-grid .frm_even{
1092 - background-color:#fff;
1093 - background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
426 + background-color:#fff;
1094 427 }
1095 428
1096 -<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1097 429 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 ); ?>;
430 +.frm-grid .frm_odd{
431 + background-color:<?php echo esc_html( $defaults['bg_color_active'] ); ?>;
1100 432 }
1101 -<?php } ?>
1102 433
1103 -<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1104 -.frm_color_block {
1105 - background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1106 - padding: 40px;
1107 -}
1108 -
1109 - <?php if ( $pro_is_installed ) { ?>
1110 -.with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
1111 -.frm_color_block.frm_section_heading h3 {
1112 - border-width: 0 !important;
1113 -}
1114 - <?php } ?>
1115 -<?php } ?>
1116 -
1117 -<?php if ( $pro_is_installed ) { ?>
1118 434 .frm_collapse .ui-icon{
1119 - display:inline-block;
435 + display:inline-block;
1120 436 }
1121 -<?php } ?>
1122 437
1123 -<?php if ( $pro_is_installed ) { ?>
1124 438 .frm_toggle_container{
1125 - /* Prevent the slide and bounce */
1126 - border:1px solid transparent;
439 + /* Prevent the slide and bounce */
440 + border:1px solid transparent;
1127 441 }
1128 442
1129 443 .frm_toggle_container ul{
1130 444 margin:5px 0;
1131 - padding-left:0;
445 + padding-left:0;
1132 446 list-style-type:none;
1133 447 }
1134 448
1135 449 .frm_toggle_container .frm_month_heading{
@@ -1138,77 +452,70 @@
1138 452
1139 453 .frm_toggle_container .frm_month_listing{
1140 454 margin-left:40px;
1141 455 }
1142 -<?php } ?>
1143 456
1144 -<?php if ( $pro_is_installed ) { ?>
1145 457 #frm_loading{
1146 - display:none;
1147 - position:fixed;
1148 - top:0;
1149 - left:0;
1150 - width:100%;
1151 - height:100%;
1152 - z-index:99999;
458 + display:none;
459 + position:fixed;
460 + top:0;
461 + left:0;
462 + width:100%;
463 + height:100%;
464 + z-index:99999;
1153 465 }
1154 466
1155 467 #frm_loading h3{
1156 - font-weight:500;
1157 - padding-bottom:15px;
1158 - color:#fff;
1159 - font-size:24px;
468 + font-weight:500;
469 + padding-bottom:15px;
470 + color:#fff;
471 + font-size:24px;
1160 472 }
1161 473
1162 474 #frm_loading_content{
1163 - position:fixed;
1164 - top:20%;
1165 - left:33%;
1166 - width:33%;
1167 - text-align:center;
1168 - padding-top:30px;
1169 - font-weight:bold;
1170 - z-index:9999999;
475 + position:fixed;
476 + top:20%;
477 + left:33%;
478 + width:33%;
479 + text-align:center;
480 + padding-top:30px;
481 + font-weight:bold;
482 + z-index:9999999;
1171 483 }
1172 484
1173 485 #frm_loading img{
1174 - max-width:100%;
486 + max-width:100%;
1175 487 }
1176 488
1177 489 #frm_loading .progress{
1178 - border-radius:4px;
1179 - box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
1180 - height:20px;
1181 - margin-bottom:20px;
1182 - overflow:hidden;
490 + border-radius:4px;
491 + box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
492 + height:20px;
493 + margin-bottom:20px;
494 + overflow:hidden;
1183 495 }
1184 496
1185 497 #frm_loading .progress.active .progress-bar{
1186 - animation:2s linear 0s normal none infinite progress-bar-stripes;
498 + animation:2s linear 0s normal none infinite progress-bar-stripes;
1187 499 }
1188 500
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));
1193 - <?php } ?>
1194 - background-size:40px 40px;
501 +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
502 +#frm_loading .progress-striped .progress-bar{
503 + 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));
504 + background-size:40px 40px;
1195 505 }
1196 506 <?php } ?>
1197 507
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%;
508 +#frm_loading .progress-bar{
509 + background-color:<?php echo esc_html( empty( $defaults['bg_color'] ) ? 'transparent' : $defaults['bg_color'] ); ?>;
510 + box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
511 + float:left;
512 + height:100%;
513 + line-height:20px;
514 + text-align:center;
515 + transition:width 0.6s ease 0s;
516 + width:100%;
1207 517 }
1208 - <?php
1209 -}//end if
1210 -?>
1211 518
1212 519 .frm_image_from_url{
1213 520 height:50px;
1214 521 }
@@ -1213,101 +520,81 @@
1213 520 height:50px;
1214 521 }
1215 522
1216 523 .frm-loading-img{
1217 - background:url(../images/ajax_loader.gif) no-repeat center center;
1218 - padding:6px 12px;
524 + background:url(../images/ajax_loader.gif) no-repeat center center;
525 + padding:6px 12px;
1219 526 }
1220 527
1221 -<?php if ( $pro_is_installed ) { ?>
1222 528 select.frm_loading_lookup{
1223 - background-image: url(../images/ajax_loader.gif) !important;
1224 - background-position: 10px;
1225 - background-repeat: no-repeat;
1226 - color: transparent !important;
529 + background-image: url(../images/ajax_loader.gif) !important;
530 + background-position: 10px;
531 + background-repeat: no-repeat;
532 + color: transparent !important;
1227 533 }
1228 -<?php } ?>
1229 534
1230 -<?php readfile( __DIR__ . '/frm_grids.css' ); ?>
535 +<?php readfile( dirname( __FILE__ ) . '/frm_grids.css' ); ?>
1231 536
1232 -<?php if ( $pro_is_installed ) { ?>
1233 537 .frm_conf_field.frm_left_container .frm_primary_label{
1234 538 display:none;
1235 539 }
1236 -<?php } ?>
1237 540
1238 -<?php if ( $pro_is_installed ) { ?>
1239 541 .wp-editor-wrap *,
1240 542 .wp-editor-wrap *:after,
1241 543 .wp-editor-wrap *:before{
1242 - box-sizing:content-box;
544 + -webkit-box-sizing:content-box;
545 + -moz-box-sizing:content-box;
546 + box-sizing:content-box;
1243 547 }
1244 -<?php } ?>
1245 548
1246 549 .with_frm_style .frm_grid,
1247 550 .with_frm_style .frm_grid_first,
1248 551 .with_frm_style .frm_grid_odd{
1249 - clear:both;
1250 - margin-bottom:0 !important;
1251 - padding:5px;
1252 - border-width:1px;
1253 - border-style:solid;
1254 -<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1255 - border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1256 -<?php } ?>
1257 - border-left:none;
1258 - border-right:none;
552 + clear:both;
553 + margin-bottom:0 !important;
554 + padding:5px;
555 + border-width:1px;
556 + border-style:solid;
557 + border-color:<?php echo esc_html( $defaults['border_color'] ) ?>;
558 + border-left:none;
559 + border-right:none;
1259 560 }
1260 561
1261 562 .with_frm_style .frm_grid,
1262 563 .with_frm_style .frm_grid_odd{
1263 - border-top:none;
564 + border-top:none;
1264 565 }
1265 566
1266 567 .frm_grid .frm_error,
1267 568 .frm_grid_first .frm_error,
1268 -.frm_grid_odd .frm_error,
1269 -.frm_grid .frm_limit_error,
1270 -.frm_grid_first .frm_limit_error,
1271 -.frm_grid_odd .frm_limit_error{
1272 - display:none;
569 +.frm_grid_odd .frm_error{
570 + display:none;
1273 571 }
1274 572
1275 573 .frm_grid:after,
1276 574 .frm_grid_first:after,
1277 575 .frm_grid_odd:after{
1278 - visibility:hidden;
1279 - display:block;
1280 - font-size:0;
1281 - content:" ";
1282 - clear:both;
1283 - height:0;
576 + visibility:hidden;
577 + display:block;
578 + font-size:0;
579 + content:" ";
580 + clear:both;
581 + height:0;
1284 582 }
1285 583
1286 584 .frm_grid_first{
1287 - margin-top:20px;
585 + margin-top:20px;
1288 586 }
1289 587
1290 -<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1291 588 .frm_grid_first,
1292 -.frm_grid_odd {
1293 - background-color: var(--bg-color);
589 +.frm_grid_odd{
590 + background-color:<?php echo esc_html( $defaults['bg_color'] ) ?>;
1294 591 }
1295 -<?php } ?>
1296 592
1297 -<?php if ( ! empty( $defaults['bg_color_active'] ) ) { ?>
1298 -.frm_grid {
1299 - background-color: var(--bg-color-active)<?php echo esc_html( $important ); ?>;
593 +.frm_grid{
594 + background-color:<?php echo esc_html( $defaults['bg_color_active'] ); ?>;
1300 595 }
1301 -<?php } ?>
1302 596
1303 -.with_frm_style .frm_grid.frm_blank_field,
1304 -.with_frm_style .frm_grid_first.frm_blank_field,
1305 -.with_frm_style .frm_grid_odd.frm_blank_field{
1306 - background-color:var(--error-bg)<?php echo esc_html( $important ); ?>;
1307 - border-color: var(--error-border);
1308 -}
1309 -
1310 597 .frm_grid .frm_primary_label,
1311 598 .frm_grid_first .frm_primary_label,
1312 599 .frm_grid_odd .frm_primary_label,
1313 600 .frm_grid .frm_radio,
@@ -1315,12 +602,12 @@
1315 602 .frm_grid_odd .frm_radio,
1316 603 .frm_grid .frm_checkbox,
1317 604 .frm_grid_first .frm_checkbox,
1318 605 .frm_grid_odd .frm_checkbox{
1319 - float:left !important;
1320 - display:block;
1321 - margin-top:0;
1322 - margin-left:0 !important;
606 + float:left !important;
607 + display:block;
608 + margin-top:0;
609 + margin-left:0 !important;
1323 610 }
1324 611
1325 612 .frm_grid_first .frm_radio label,
1326 613 .frm_grid .frm_radio label,
@@ -1327,12 +614,11 @@
1327 614 .frm_grid_odd .frm_radio label,
1328 615 .frm_grid_first .frm_checkbox label,
1329 616 .frm_grid .frm_checkbox label,
1330 617 .frm_grid_odd .frm_checkbox label{
1331 - color:transparent;
1332 - text-indent: -9999px;
1333 - white-space:nowrap;
1334 - text-align:left;
618 + visibility:hidden;
619 + white-space:nowrap;
620 + text-align:left;
1335 621 }
1336 622
1337 623 .frm_grid_first .frm_radio label input,
1338 624 .frm_grid .frm_radio label input,
@@ -1339,11 +625,11 @@
1339 625 .frm_grid_odd .frm_radio label input,
1340 626 .frm_grid_first .frm_checkbox label input,
1341 627 .frm_grid .frm_checkbox label input,
1342 628 .frm_grid_odd .frm_checkbox label input{
1343 - visibility:visible;
1344 - margin:2px 0 0;
1345 - float:right;
629 + visibility:visible;
630 + margin:2px 0 0;
631 + float:right;
1346 632 }
1347 633
1348 634 .frm_grid .frm_radio,
1349 635 .frm_grid_first .frm_radio,
@@ -1350,106 +636,106 @@
1350 636 .frm_grid_odd .frm_radio,
1351 637 .frm_grid .frm_checkbox,
1352 638 .frm_grid_first .frm_checkbox,
1353 639 .frm_grid_odd .frm_checkbox{
1354 - display:inline;
640 + display:inline;
1355 641 }
1356 642
1357 643 .frm_grid_2 .frm_radio,
1358 644 .frm_grid_2 .frm_checkbox,
1359 645 .frm_grid_2 .frm_primary_label{
1360 - width:48% !important;
646 + width:48% !important;
1361 647 }
1362 648
1363 649 .frm_grid_2 .frm_radio,
1364 650 .frm_grid_2 .frm_checkbox{
1365 - margin-right:4%;
651 + margin-right:4%;
1366 652 }
1367 653
1368 654 .frm_grid_3 .frm_radio,
1369 655 .frm_grid_3 .frm_checkbox,
1370 656 .frm_grid_3 .frm_primary_label{
1371 - width:30% !important;
657 + width:30% !important;
1372 658 }
1373 659
1374 660 .frm_grid_3 .frm_radio,
1375 661 .frm_grid_3 .frm_checkbox{
1376 - margin-right:3%;
662 + margin-right:3%;
1377 663 }
1378 664
1379 665 .frm_grid_4 .frm_radio,
1380 666 .frm_grid_4 .frm_checkbox{
1381 - width:20% !important;
667 + width:20% !important;
1382 668 }
1383 669
1384 670 .frm_grid_4 .frm_primary_label{
1385 - width:28% !important;
671 + width:28% !important;
1386 672 }
1387 673
1388 674 .frm_grid_4 .frm_radio,
1389 675 .frm_grid_4 .frm_checkbox{
1390 - margin-right:4%;
676 + margin-right:4%;
1391 677 }
1392 678
1393 679 .frm_grid_5 .frm_primary_label,
1394 680 .frm_grid_7 .frm_primary_label{
1395 - width:24% !important;
681 + width:24% !important;
1396 682 }
1397 683
1398 684 .frm_grid_5 .frm_radio,
1399 685 .frm_grid_5 .frm_checkbox{
1400 - width:17% !important;
1401 - margin-right:2%;
686 + width:17% !important;
687 + margin-right:2%;
1402 688 }
1403 689
1404 690 .frm_grid_6 .frm_primary_label{
1405 - width:25% !important;
691 + width:25% !important;
1406 692 }
1407 693
1408 694 .frm_grid_6 .frm_radio,
1409 695 .frm_grid_6 .frm_checkbox{
1410 - width:14% !important;
1411 - margin-right:1%;
696 + width:14% !important;
697 + margin-right:1%;
1412 698 }
1413 699
1414 700 .frm_grid_7 .frm_primary_label{
1415 - width:22% !important;
701 + width:22% !important;
1416 702 }
1417 703
1418 704 .frm_grid_7 .frm_radio,
1419 705 .frm_grid_7 .frm_checkbox{
1420 - width:12% !important;
1421 - margin-right:1%;
706 + width:12% !important;
707 + margin-right:1%;
1422 708 }
1423 709
1424 710 .frm_grid_8 .frm_primary_label{
1425 - width:23% !important;
711 + width:23% !important;
1426 712 }
1427 713
1428 714 .frm_grid_8 .frm_radio,
1429 715 .frm_grid_8 .frm_checkbox{
1430 - width:10% !important;
1431 - margin-right:1%;
716 + width:10% !important;
717 + margin-right:1%;
1432 718 }
1433 719
1434 720 .frm_grid_9 .frm_primary_label{
1435 - width:20% !important;
721 + width:20% !important;
1436 722 }
1437 723
1438 724 .frm_grid_9 .frm_radio,
1439 725 .frm_grid_9 .frm_checkbox{
1440 - width:9% !important;
1441 - margin-right:1%;
726 + width:9% !important;
727 + margin-right:1%;
1442 728 }
1443 729
1444 730 .frm_grid_10 .frm_primary_label{
1445 - width:19% !important;
731 + width:19% !important;
1446 732 }
1447 733
1448 734 .frm_grid_10 .frm_radio,
1449 735 .frm_grid_10 .frm_checkbox{
1450 - width:8% !important;
1451 - margin-right:1%;
736 + width:8% !important;
737 + margin-right:1%;
1452 738 }
1453 739
1454 740 .frm_form_field.frm_inline_container .frm_opt_container,
1455 741 .frm_form_field.frm_right_container .frm_opt_container,
@@ -1456,18 +742,8 @@
1456 742 .frm_form_field.frm_left_container .frm_opt_container{
1457 743 padding-top:4px;
1458 744 }
1459 745
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 746 .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label,
1471 747 .with_frm_style .frm_inline_container.frm_grid .frm_primary_label,
1472 748 .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
1473 749 .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
@@ -1472,18 +748,18 @@
1472 748 .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label,
1473 749 .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container,
1474 750 .with_frm_style .frm_inline_container.frm_grid .frm_opt_container,
1475 751 .with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{
1476 - margin-right:0;
752 + margin-right:0;
1477 753 }
1478 754
1479 755 .frm_form_field.frm_two_col .frm_opt_container,
1480 756 .frm_form_field.frm_three_col .frm_opt_container,
1481 757 .frm_form_field.frm_four_col .frm_opt_container{
1482 - display: grid;
1483 - grid-template-columns: repeat(2, 1fr);
1484 - grid-auto-rows: max-content;
1485 - grid-gap: 0 2.5%;
758 + display: grid;
759 + grid-template-columns: repeat(2, 1fr);
760 + grid-auto-rows: max-content;
761 + grid-gap: 0 2.5%;
1486 762 }
1487 763
1488 764 .frm_form_field.frm_three_col .frm_opt_container{
1489 765 grid-template-columns: repeat(3, 1fr);
@@ -1498,71 +774,74 @@
1498 774 .frm_form_field.frm_three_col .frm_radio,
1499 775 .frm_form_field.frm_three_col .frm_checkbox,
1500 776 .frm_form_field.frm_four_col .frm_radio,
1501 777 .frm_form_field.frm_four_col .frm_checkbox{
1502 - grid-column-end: span 1;
778 + grid-column-end: span 1;
1503 779 }
1504 780
1505 781 .frm_form_field .frm_checkbox,
1506 -.frm_form_field .frm_radio {
782 +.frm_form_field .frm_checkbox + .frm_checkbox,
783 +.frm_form_field .frm_radio,
784 +.frm_form_field .frm_radio + .frm_radio{
1507 785 margin-top: 0;
1508 786 margin-bottom: 0;
1509 787 }
1510 788
1511 789 .frm_form_field.frm_scroll_box .frm_opt_container{
1512 - height:100px;
1513 - overflow:auto;
790 + height:100px;
791 + overflow:auto;
1514 792 }
1515 793
1516 794 .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);
795 +.frm_form_field.frm_html_scroll_box{
796 + height:100px;
797 + overflow:auto;
798 + background-color:<?php echo esc_html( $defaults['bg_color'] ) ?>;
799 + border-color:<?php echo esc_html( $defaults['border_color'] ) ?>;
800 + border-width:<?php echo esc_html( $defaults['field_border_width'] ) ?>;
801 + border-style:<?php echo esc_html( $defaults['field_border_style'] ) ?>;
802 + -moz-border-radius:<?php echo esc_html( $defaults['border_radius'] ) ?>;
803 + -webkit-border-radius:<?php echo esc_html( $defaults['border_radius'] ) ?>;
804 + border-radius:<?php echo esc_html( $defaults['border_radius'] ) ?>;
805 + width:<?php echo esc_html( $defaults['field_width'] == '' ? 'auto' : $defaults['field_width'] ) ?>;
806 + max-width:100%;
807 + font-size:<?php echo esc_html( $defaults['field_font_size'] ) ?>;
808 + padding:<?php echo esc_html( $defaults['field_pad'] ) ?>;
809 + -webkit-box-sizing:border-box;
810 + -moz-box-sizing:border-box;
811 + box-sizing:border-box;
812 + outline:none;
813 + font-weight:normal;
814 + box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
1533 815 }
1534 816
1535 -.frm_form_field.frm_total_big input,
1536 -.frm_form_field.frm_total_big textarea,
1537 817 .frm_form_field.frm_total input,
1538 818 .frm_form_field.frm_total textarea{
1539 - opacity:1;
1540 - background-color:transparent !important;
1541 - border:none !important;
1542 - font-weight:bold;
1543 - width:auto !important;
1544 - height:auto !important;
1545 - box-shadow:none !important;
1546 - display:inline;
819 + opacity:1;
820 + background-color:transparent !important;
821 + border:none !important;
822 + font-weight:bold;
823 + -moz-box-shadow:none;
824 + -webkit-box-shadow:none;
825 + width:auto !important;
826 + box-shadow:none !important;
827 + display:inline;
1547 828 -moz-appearance:textfield;
1548 829 padding:0;
1549 830 }
1550 831
1551 -.frm_form_field.frm_total_big input::-webkit-outer-spin-button,
1552 -.frm_form_field.frm_total_big input::-webkit-inner-spin-button,
1553 832 .frm_form_field.frm_total input::-webkit-outer-spin-button,
1554 833 .frm_form_field.frm_total input::-webkit-inner-spin-button {
1555 - -webkit-appearance: none;
834 + -webkit-appearance: none;
1556 835 }
1557 836
1558 -.frm_form_field.frm_total_big input:focus,
1559 -.frm_form_field.frm_total_big textarea:focus,
1560 837 .frm_form_field.frm_total input:focus,
1561 838 .frm_form_field.frm_total textarea:focus{
1562 - background-color:transparent;
1563 - border:none;
1564 - box-shadow:none;
839 + background-color:transparent;
840 + border:none;
841 + -moz-box-shadow:none;
842 + -webkit-box-shadow:none;
843 + box-shadow:none;
1565 844 }
1566 845
1567 846 .frm_form_field.frm_label_justify .frm_primary_label{
1568 847 text-align:justify !important;
@@ -1570,78 +849,61 @@
1570 849
1571 850 .frm_form_field.frm_capitalize input,
1572 851 .frm_form_field.frm_capitalize select,
1573 852 .frm_form_field.frm_capitalize .frm_opt_container label{
1574 - text-transform:capitalize;
853 + text-transform:capitalize;
1575 854 }
1576 855
1577 856 .frm_clearfix:after{
1578 - content:".";
1579 - display:block;
1580 - clear:both;
1581 - visibility:hidden;
1582 - line-height:0;
1583 - height:0;
857 + content:".";
858 + display:block;
859 + clear:both;
860 + visibility:hidden;
861 + line-height:0;
862 + height:0;
1584 863 }
1585 864
1586 865 .frm_clearfix{
1587 - display:block;
866 + display:block;
1588 867 }
1589 868
1590 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1591 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1592 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1593 - margin-bottom: 0 !important;
869 +/* Fonts */
870 +@font-face {
871 + font-family:'s11-fp';
872 + src:url('../fonts/s11-fp.eot?v=<?php echo esc_attr( FrmAppHelper::$font_version ); ?>');
873 + src:local('☺'), url('../fonts/s11-fp.woff?v=<?php echo esc_attr( FrmAppHelper::$font_version ); ?>') format('woff'), url('../fonts/s11-fp.ttf?v=<?php echo esc_attr( FrmAppHelper::$font_version ); ?>') format('truetype'), url('../fonts/s11-fp.svg?v=<?php echo esc_attr( FrmAppHelper::$font_version ); ?>') format('svg');
874 + font-weight:normal;
875 + font-style:normal;
1594 876 }
1595 877
878 +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
879 +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1596 880
1597 -<?php
1598 -/**
1599 - * Call action so other plugins can add additional CSS.
1600 - *
1601 - * @param array $args {
1602 - *
1603 - * @type array $defaults
1604 - * }
1605 - */
1606 -do_action( 'frm_include_front_css', compact( 'defaults' ) );
1607 -?>
1608 -
1609 881 /* Responsive */
1610 -
1611 -<?php if ( $pro_is_installed ) { ?>
1612 882 @media only screen and (max-width: 900px) {
1613 883 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1614 884 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1615 885 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1616 - display: block !important;
886 + display: block !important;
1617 887 }
1618 888 }
1619 -<?php } ?>
1620 889
1621 890 @media only screen and (max-width: 600px) {
1622 - .frm_form_field.frm_four_col .frm_opt_container{
1623 - grid-template-columns: repeat(2, 1fr);
1624 - }
1625 -
1626 - <?php if ( $pro_is_installed ) { ?>
1627 - .with_frm_style .frm_repeat_inline,
1628 - .with_frm_style .frm_repeat_grid{
1629 - margin: 20px 0;
1630 - }
1631 - <?php } ?>
891 + .frm_form_field.frm_four_col .frm_opt_container{
892 + grid-template-columns: repeat(2, 1fr);
893 + }
1632 894 }
1633 895
1634 896 @media only screen and (max-width: 500px) {
1635 - .frm_form_field.frm_two_col .frm_radio,
1636 - .frm_form_field.frm_two_col .frm_checkbox,
1637 - .frm_form_field.frm_three_col .frm_radio,
1638 - .frm_form_field.frm_three_col .frm_checkbox{
1639 - width: auto;
1640 - margin-right: 0;
1641 - float: none;
1642 - display:block;
1643 - }
897 + .frm_form_field.frm_two_col .frm_radio,
898 + .frm_form_field.frm_two_col .frm_checkbox,
899 + .frm_form_field.frm_three_col .frm_radio,
900 + .frm_form_field.frm_three_col .frm_checkbox{
901 + width: auto;
902 + margin-right: 0;
903 + float: none;
904 + display:block;
905 + }
1644 906
1645 907 .frm_form_field input[type=file] {
1646 908 max-width:220px;
1647 909 }
@@ -1654,8 +916,9 @@
1654 916 max-width:302px;
1655 917 border-right:1px solid #d3d3d3;
1656 918 border-radius:4px;
1657 919 box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
920 + -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
1658 921 }
1659 922
1660 923 .with_frm_style .g-recaptcha iframe,
1661 924 .with_frm_style .frm-g-recaptcha iframe{
@@ -1661,18 +924,12 @@
1661 924 .with_frm_style .frm-g-recaptcha iframe{
1662 925 width:100%;
1663 926 }
1664 927 }
928 +<?php
1665 929
1666 -.frm-card-element .sq-card-wrapper .sq-card-message {
1667 - margin-bottom: 0;
930 +$frm_settings = FrmAppHelper::get_settings();
931 +if ( $frm_settings->old_css ) {
932 + readfile( dirname( __FILE__ ) . '/frm_old_grids.css' );
1668 933 }
1669 -.frm-card-errors:empty {
1670 - margin: 0;
1671 -}
1672 -<?php
1673 934
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 -}
935 +echo strip_tags( $defaults['custom_css'] ); // WPCS: XSS ok.