PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 4.07.01
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v4.07.01
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 +37 -189 6.34.07.01 View file →
@@ -5,11 +5,10 @@
5 5
6 6 if ( ! isset( $saving ) ) {
7 7 header( 'Content-type: text/css' );
8 8
9 - if ( ! empty( $css ) ) {
10 - echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
11 - FrmStylesController::maybe_hide_sample_form_error_message();
9 + if ( isset( $css ) && $css ) {
10 + echo strip_tags( $css, 'all' ); // WPCS: XSS ok.
12 11 die();
13 12 }
14 13 }
15 14
@@ -16,12 +15,12 @@
16 15 if ( ! isset( $frm_style ) ) {
17 16 $frm_style = new FrmStyle();
18 17 }
19 18
20 -$styles = $frm_style->get_all();
19 +$styles = $frm_style->get_all();
21 20 $default_style = $frm_style->get_default_style( $styles );
22 -$defaults = FrmStylesHelper::get_settings_for_output( $default_style );
23 -$important = empty( $defaults['important_style'] ) ? '' : ' !important';
21 +$defaults = FrmStylesHelper::get_settings_for_output( $default_style );
22 +$important = empty( $defaults['important_style'] ) ? '' : ' !important';
24 23
25 24 ?>
26 25 .with_frm_style{
27 26 <?php FrmStylesHelper::output_vars( $defaults ); ?>
@@ -40,12 +39,8 @@
40 39 text-align:<?php echo esc_html( $defaults['form_align'] . $important ); ?>;
41 40 text-align:var(--form-align)<?php echo esc_html( $important ); ?>;
42 41 }
43 42
44 -input:-webkit-autofill {
45 - -webkit-box-shadow: 0 0 0 30px white inset;
46 -}
47 -
48 43 /* Form description */
49 44 .with_frm_style .frm-show-form div.frm_description p{
50 45 <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?>
51 46 font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>;
@@ -62,12 +57,8 @@
62 57 <?php if ( ! empty( $defaults['form_desc_margin_bottom'] ) ) { ?>
63 58 margin-bottom:<?php echo esc_html( $defaults['form_desc_margin_bottom'] . $important ); ?>;
64 59 margin-bottom:var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>;
65 60 <?php } ?>
66 -<?php if ( isset( $defaults['form_desc_padding'] ) ) { ?>
67 - padding:<?php echo esc_html( $defaults['form_desc_padding'] . $important ); ?>;
68 - padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
69 -<?php } ?>
70 61 }
71 62
72 63 form input.frm_verify{
73 64 position:absolute;
@@ -75,9 +66,8 @@
75 66 }
76 67
77 68 .with_frm_style fieldset{
78 69 min-width:0;
79 - display: block; /* Override 2021 theme */
80 70 }
81 71
82 72 .with_frm_style fieldset fieldset{
83 73 border:none;
@@ -86,9 +76,9 @@
86 76 background-color:transparent;
87 77 }
88 78
89 79 .with_frm_style .frm_form_fields > fieldset{
90 -<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?>
80 +<?php if ( ! empty( $defaults['fieldset'] ) ) { ?>
91 81 border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>;
92 82 border-width:var(--fieldset)<?php echo esc_html( $important ); ?>;
93 83 <?php } ?>
94 84 border-style:solid;
@@ -136,9 +126,9 @@
136 126 color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>;
137 127 color:var(--title-color)<?php echo esc_html( $important ); ?>;
138 128 <?php } ?>
139 129 <?php if ( ! empty( $defaults['font'] ) ) { ?>
140 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
130 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
141 131 font-family:var(--font);
142 132 <?php } ?>
143 133 <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
144 134 margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>;
@@ -152,9 +142,9 @@
152 142
153 143 .with_frm_style .frm_form_field.frm_html_container,
154 144 .with_frm_style .frm_form_field .frm_show_it{
155 145 <?php if ( ! empty( $defaults['font'] ) ) { ?>
156 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
146 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
157 147 font-family:var(--font);
158 148 <?php } ?>
159 149 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
160 150 color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
@@ -269,16 +259,10 @@
269 259 .with_frm_style input[type=checkbox]{
270 260 border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
271 261 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
272 262 box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
273 - float: none;
274 263 }
275 264
276 -.with_frm_style input[type=radio]:after,
277 -.with_frm_style input[type=checkbox]:after {
278 - display: none; /* 2021 conflict */
279 -}
280 -
281 265 .with_frm_style input[type=text],
282 266 .with_frm_style input[type=password],
283 267 .with_frm_style input[type=email],
284 268 .with_frm_style input[type=number],
@@ -328,9 +312,8 @@
328 312 }
329 313
330 314 .with_frm_style .wp-editor-container textarea{
331 315 border:none<?php echo esc_html( $important ); ?>;
332 - box-shadow:none !important;
333 316 }
334 317
335 318 .with_frm_style .mceIframeContainer{
336 319 background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
@@ -340,9 +323,8 @@
340 323 .with_frm_style select{
341 324 width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
342 325 width:var(--auto-width)<?php echo esc_html( $important ); ?>;
343 326 max-width:100%;
344 - background-position-y: center;
345 327 }
346 328
347 329 .with_frm_style input[disabled],
348 330 .with_frm_style select[disabled],
@@ -368,9 +350,9 @@
368 350
369 351 .with_frm_style .frm_primary_label{
370 352 max-width:100%;
371 353 <?php if ( ! empty( $defaults['font'] ) ) { ?>
372 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
354 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
373 355 font-family:var(--font);
374 356 <?php } ?>
375 357 <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
376 358 font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
@@ -437,104 +419,19 @@
437 419 visibility:hidden;
438 420 white-space:nowrap;
439 421 }
440 422
423 +.with_frm_style .frm_inside_container .frm_primary_label{
424 + opacity:0;
425 + transition: opacity 0.1s linear;
426 +}
427 +
428 +.with_frm_style .frm_inside_container label.frm_visible,
441 429 .frm_visible{
442 430 opacity:1;
443 431 }
444 432
445 -/* Floating labels */
446 -.with_frm_style .frm_inside_container {
447 - position: relative;
448 - padding-top: 16px;
449 - padding-top: calc(0.5 * var(--field-height));
450 -}
451 -
452 -.with_frm_style .frm_inside_container > input,
453 -.with_frm_style .frm_inside_container > select,
454 -.with_frm_style .frm_inside_container > textarea {
455 - display: block;
456 -}
457 -
458 -/* These do not work if they are combined */
459 -.with_frm_style .frm_inside_container > input::-moz-placeholder,
460 -.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
461 - opacity: 0 !important;
462 - transition: opacity 0.3s ease-in;
463 -}
464 -
465 -.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
466 -.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
467 - opacity: 0;
468 - transition: opacity 0.3s ease-in;
469 -}
470 -
471 -.with_frm_style .frm_inside_container > input::placeholder,
472 -.with_frm_style .frm_inside_container > textarea::placeholder {
473 - opacity: 0;
474 - transition: opacity 0.3s ease-in;
475 -}
476 -
477 -.with_frm_style .frm_inside_container > label {
478 - transition: all 0.3s ease-in;
479 -
480 - position: absolute;
481 - top: 17px;
482 - top: calc(1px + .5 * var(--field-height));
483 - left: 3px;
484 - width: 100%;
485 -
486 - line-height: 1.3;
487 - text-overflow: ellipsis;
488 - overflow: hidden;
489 - white-space: nowrap;
490 -
491 - padding: 6px 10px;
492 - padding: var(--field-pad);
493 -
494 - font-size: 14px;
495 - font-size: var(--field-font-size);
496 - font-weight: normal;
497 - font-weight: var(--field-weight);
498 -
499 - -ms-pointer-events: none;
500 - pointer-events: none;
501 -}
502 -
503 -.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
504 - line-height: 1;
505 -}
506 -
507 -.with_frm_style .frm_inside_container.frm_label_float_top > label {
508 - top: 0;
509 - left: 0;
510 - padding: 0;
511 - font-size: 12px;
512 - font-size: calc(0.85 * var(--field-font-size));
513 -}
514 -
515 -/* These do not work if they are combined */
516 -.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
517 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
518 - opacity: 1 !important;
519 - transition: opacity 0.3s ease-in;
520 -}
521 -
522 -.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
523 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
524 - opacity: 1;
525 - transition: opacity 0.3s ease-in;
526 -}
527 -
528 -.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
529 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
530 - opacity: 1;
531 - transition: opacity 0.3s ease-in;
532 -}
533 -/* End floating label */
534 -
535 -.with_frm_style .frm_description,
536 -.with_frm_style .frm_pro_max_limit_desc{
433 +.with_frm_style .frm_description{
537 434 clear:both;
538 435 }
539 436
540 437 .with_frm_style input[type=number][readonly]{
@@ -597,9 +494,9 @@
597 494 font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>;
598 495 font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>;
599 496 <?php } ?>
600 497 <?php if ( ! empty( $defaults['font'] ) ) { ?>
601 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
498 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // WPCS: XSS ok. ?>;
602 499 font-family:var(--font)<?php echo esc_html( $important ); ?>;
603 500 <?php } ?>
604 501 <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
605 502 font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>;
@@ -766,12 +663,11 @@
766 663 a.frm_save_draft{
767 664 cursor:pointer;
768 665 }
769 666
770 -.with_frm_style a.frm_save_draft,
771 -.with_frm_style a.frm_start_over{
667 +.with_frm_style a.frm_save_draft{
772 668 <?php if ( ! empty( $defaults['font'] ) ) { ?>
773 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
669 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
774 670 font-family:var(--font);
775 671 <?php } ?>
776 672 font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
777 673 font-size:var(--submit-font-size);
@@ -838,9 +734,9 @@
838 734
839 735 .with_frm_style .frm_radio label,
840 736 .with_frm_style .frm_checkbox label{
841 737 <?php if ( ! empty( $defaults['font'] ) ) { ?>
842 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
738 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
843 739 font-family:var(--font);
844 740 <?php } ?>
845 741 font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
846 742 font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
@@ -847,9 +743,8 @@
847 743 color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
848 744 color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
849 745 font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
850 746 font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
851 - line-height: 1.3;
852 747 }
853 748
854 749 .with_frm_style .frm_radio input[type=radio],
855 750 .with_frm_style .frm_checkbox input[type=checkbox] {
@@ -866,57 +761,28 @@
866 761 vertical-align:middle;
867 762 }
868 763
869 764 .with_frm_style .frm_radio input[type=radio]{
765 + -webkit-appearance:radio;
870 766 border-radius:50%;
871 767 }
872 768
873 769 .with_frm_style .frm_checkbox input[type=checkbox]{
770 + -webkit-appearance:checkbox;
874 771 border-radius:0;
875 772 }
876 773
877 774 .with_frm_style .frm_radio input[type=radio],
878 775 .with_frm_style .frm_checkbox input[type=checkbox]{
879 - -webkit-appearance: none;
880 - appearance: none;
881 - background-color: var(--bg-color);
882 776 flex: none;
883 - display:inline-block !important;
884 - margin: 0 5px 0 0;
885 - color: var(--border-color);
886 - width: 18px;
887 - min-width: 18px;
888 - height: 18px;
889 - border: 1px solid currentColor;
890 - border-color: var(--border-color);
891 - vertical-align: middle;
777 + display:inline-block;
778 + margin:4px 5px 0 0;
779 + width:auto;
780 + border:none;
781 + vertical-align:baseline;
892 782 position: initial; /* override Bootstrap */
893 - padding: 0;
894 783 }
895 784
896 -.with_frm_style .frm_radio input[type=radio]:before,
897 -.with_frm_style .frm_checkbox input[type=checkbox]:before {
898 - content: '';
899 - width: 12px;
900 - height: 12px;
901 - border-radius: 50%;
902 - transform: scale(0);
903 - transition: 120ms transform ease-in-out;
904 - box-shadow: inset 10px 10px var(--text-color);
905 - display: block;
906 - margin: 2px 0 0 2px;
907 -}
908 -
909 -.with_frm_style .frm_checkbox input[type=checkbox]:before{
910 - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
911 - border-radius: 0;
912 -}
913 -
914 -.with_frm_style .frm_radio input[type=radio]:checked:before,
915 -.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
916 - transform: scale(1);
917 -}
918 -
919 785 .with_frm_style :invalid,
920 786 .with_frm_style :-moz-submit-invalid,
921 787 .with_frm_style :-moz-ui-invalid{
922 788 box-shadow:none;
@@ -1227,12 +1093,9 @@
1227 1093 }
1228 1094
1229 1095 .frm_grid .frm_error,
1230 1096 .frm_grid_first .frm_error,
1231 -.frm_grid_odd .frm_error,
1232 -.frm_grid .frm_limit_error,
1233 -.frm_grid_first .frm_limit_error,
1234 -.frm_grid_odd .frm_limit_error{
1097 +.frm_grid_odd .frm_error{
1235 1098 display:none;
1236 1099 }
1237 1100
1238 1101 .frm_grid:after,
@@ -1560,32 +1423,12 @@
1560 1423 .frm_clearfix{
1561 1424 display:block;
1562 1425 }
1563 1426
1564 -.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
1565 - color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1566 - color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1567 -}
1427 +/* Fonts */
1428 +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
1429 +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1568 1430
1569 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1570 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1571 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1572 - margin-bottom: 0 !important;
1573 -}
1574 -
1575 -<?php
1576 -FrmStylesHelper::maybe_include_font_icon_css();
1577 -
1578 -/**
1579 - * Call action so other plugins can add additional CSS.
1580 - *
1581 - * @param array $args {
1582 - * @type array $defaults
1583 - * }
1584 - */
1585 -do_action( 'frm_include_front_css', compact( 'defaults' ) );
1586 -?>
1587 -
1588 1431 /* Responsive */
1589 1432
1590 1433 @media only screen and (max-width: 900px) {
1591 1434 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
@@ -1639,5 +1482,10 @@
1639 1482 }
1640 1483 }
1641 1484 <?php
1642 1485
1643 -echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1486 +$frm_settings = FrmAppHelper::get_settings();
1487 +if ( $frm_settings->old_css ) {
1488 + readfile( dirname( __FILE__ ) . '/frm_old_grids.css' );
1489 +}
1490 +
1491 +echo strip_tags( $defaults['custom_css'] ); // WPCS: XSS ok.