PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 4.10.03
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v4.10.03
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
formidable / css / custom_theme.css.php

custom_theme.css.php in Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More 4.10.03, at css/custom_theme.css.php

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