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
← All changes | css/custom_theme.css.php +38 -196 6.54.10.03 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 ); ?>
@@ -62,12 +61,8 @@
62 61 <?php if ( ! empty( $defaults['form_desc_margin_bottom'] ) ) { ?>
63 62 margin-bottom:<?php echo esc_html( $defaults['form_desc_margin_bottom'] . $important ); ?>;
64 63 margin-bottom:var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>;
65 64 <?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 65 }
71 66
72 67 form input.frm_verify{
73 68 position:absolute;
@@ -75,9 +70,8 @@
75 70 }
76 71
77 72 .with_frm_style fieldset{
78 73 min-width:0;
79 - display: block; /* Override 2021 theme */
80 74 }
81 75
82 76 .with_frm_style fieldset fieldset{
83 77 border:none;
@@ -86,9 +80,9 @@
86 80 background-color:transparent;
87 81 }
88 82
89 83 .with_frm_style .frm_form_fields > fieldset{
90 -<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?>
84 +<?php if ( ! empty( $defaults['fieldset'] ) ) { ?>
91 85 border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>;
92 86 border-width:var(--fieldset)<?php echo esc_html( $important ); ?>;
93 87 <?php } ?>
94 88 border-style:solid;
@@ -136,9 +130,9 @@
136 130 color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>;
137 131 color:var(--title-color)<?php echo esc_html( $important ); ?>;
138 132 <?php } ?>
139 133 <?php if ( ! empty( $defaults['font'] ) ) { ?>
140 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
134 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
141 135 font-family:var(--font);
142 136 <?php } ?>
143 137 <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
144 138 margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>;
@@ -152,9 +146,9 @@
152 146
153 147 .with_frm_style .frm_form_field.frm_html_container,
154 148 .with_frm_style .frm_form_field .frm_show_it{
155 149 <?php if ( ! empty( $defaults['font'] ) ) { ?>
156 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
150 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
157 151 font-family:var(--font);
158 152 <?php } ?>
159 153 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
160 154 color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
@@ -269,16 +263,10 @@
269 263 .with_frm_style input[type=checkbox]{
270 264 border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
271 265 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
272 266 box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
273 - float: none;
274 267 }
275 268
276 -.with_frm_style input[type=radio]:after,
277 -.with_frm_style input[type=checkbox]:after {
278 - display: none; /* 2021 conflict */
279 -}
280 -
281 269 .with_frm_style input[type=text],
282 270 .with_frm_style input[type=password],
283 271 .with_frm_style input[type=email],
284 272 .with_frm_style input[type=number],
@@ -328,9 +316,8 @@
328 316 }
329 317
330 318 .with_frm_style .wp-editor-container textarea{
331 319 border:none<?php echo esc_html( $important ); ?>;
332 - box-shadow:none !important;
333 320 }
334 321
335 322 .with_frm_style .mceIframeContainer{
336 323 background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
@@ -340,9 +327,8 @@
340 327 .with_frm_style select{
341 328 width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
342 329 width:var(--auto-width)<?php echo esc_html( $important ); ?>;
343 330 max-width:100%;
344 - background-position-y: center;
345 331 }
346 332
347 333 .with_frm_style input[disabled],
348 334 .with_frm_style select[disabled],
@@ -368,9 +354,9 @@
368 354
369 355 .with_frm_style .frm_primary_label{
370 356 max-width:100%;
371 357 <?php if ( ! empty( $defaults['font'] ) ) { ?>
372 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
358 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
373 359 font-family:var(--font);
374 360 <?php } ?>
375 361 <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
376 362 font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
@@ -437,104 +423,19 @@
437 423 visibility:hidden;
438 424 white-space:nowrap;
439 425 }
440 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,
441 433 .frm_visible{
442 434 opacity:1;
443 435 }
444 436
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{
437 +.with_frm_style .frm_description{
537 438 clear:both;
538 439 }
539 440
540 441 .with_frm_style input[type=number][readonly]{
@@ -597,9 +498,9 @@
597 498 font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>;
598 499 font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>;
599 500 <?php } ?>
600 501 <?php if ( ! empty( $defaults['font'] ) ) { ?>
601 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
502 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // WPCS: XSS ok. ?>;
602 503 font-family:var(--font)<?php echo esc_html( $important ); ?>;
603 504 <?php } ?>
604 505 <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
605 506 font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>;
@@ -766,12 +667,11 @@
766 667 a.frm_save_draft{
767 668 cursor:pointer;
768 669 }
769 670
770 -.with_frm_style a.frm_save_draft,
771 -.with_frm_style a.frm_start_over{
671 +.with_frm_style a.frm_save_draft{
772 672 <?php if ( ! empty( $defaults['font'] ) ) { ?>
773 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
673 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
774 674 font-family:var(--font);
775 675 <?php } ?>
776 676 font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
777 677 font-size:var(--submit-font-size);
@@ -838,9 +738,9 @@
838 738
839 739 .with_frm_style .frm_radio label,
840 740 .with_frm_style .frm_checkbox label{
841 741 <?php if ( ! empty( $defaults['font'] ) ) { ?>
842 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
742 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
843 743 font-family:var(--font);
844 744 <?php } ?>
845 745 font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
846 746 font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
@@ -847,9 +747,8 @@
847 747 color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
848 748 color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
849 749 font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
850 750 font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
851 - line-height: 1.3;
852 751 }
853 752
854 753 .with_frm_style .frm_radio input[type=radio],
855 754 .with_frm_style .frm_checkbox input[type=checkbox] {
@@ -865,68 +764,29 @@
865 764 margin:5px;
866 765 vertical-align:middle;
867 766 }
868 767
869 -.with_frm_style .frm_radio input[type=radio]
870 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
871 -, .with_frm_style .frm_scale input[type=radio]
872 -<?php endif; ?>
873 -{
768 +.with_frm_style .frm_radio input[type=radio]{
769 + -webkit-appearance:radio;
874 770 border-radius:50%;
875 771 }
876 772
877 773 .with_frm_style .frm_checkbox input[type=checkbox]{
774 + -webkit-appearance:checkbox;
878 775 border-radius:0;
879 776 }
880 777
881 778 .with_frm_style .frm_radio input[type=radio],
882 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
883 -.with_frm_style .frm_scale input[type=radio],
884 -<?php endif; ?>
885 779 .with_frm_style .frm_checkbox input[type=checkbox]{
886 - -webkit-appearance: none;
887 - appearance: none;
888 - background-color: var(--bg-color);
889 780 flex: none;
890 - display:inline-block !important;
891 - margin: 0 5px 0 0;
892 - color: var(--border-color);
893 - width: 18px;
894 - min-width: 18px;
895 - height: 18px;
896 - border: 1px solid currentColor;
897 - border-color: var(--border-color);
898 - vertical-align: middle;
781 + display:inline-block;
782 + margin:4px 5px 0 0;
783 + width:auto;
784 + border:none;
785 + vertical-align:baseline;
899 786 position: initial; /* override Bootstrap */
900 - padding: 0;
901 787 }
902 788
903 -.with_frm_style .frm_radio input[type=radio]:before,
904 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
905 -.with_frm_style .frm_scale input[type=radio]:before,
906 -<?php endif; ?>
907 -.with_frm_style .frm_checkbox input[type=checkbox]:before {
908 - content: '';
909 - width: 12px;
910 - height: 12px;
911 - border-radius: 50%;
912 - transform: scale(0);
913 - transition: 120ms transform ease-in-out;
914 - box-shadow: inset 10px 10px var(--text-color);
915 - display: block;
916 - margin: 2px 0 0 2px;
917 -}
918 -
919 -.with_frm_style .frm_checkbox input[type=checkbox]:before{
920 - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
921 - border-radius: 0;
922 -}
923 -
924 -.with_frm_style .frm_radio input[type=radio]:checked:before,
925 -.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
926 - transform: scale(1);
927 -}
928 -
929 789 .with_frm_style :invalid,
930 790 .with_frm_style :-moz-submit-invalid,
931 791 .with_frm_style :-moz-ui-invalid{
932 792 box-shadow:none;
@@ -1237,12 +1097,9 @@
1237 1097 }
1238 1098
1239 1099 .frm_grid .frm_error,
1240 1100 .frm_grid_first .frm_error,
1241 -.frm_grid_odd .frm_error,
1242 -.frm_grid .frm_limit_error,
1243 -.frm_grid_first .frm_limit_error,
1244 -.frm_grid_odd .frm_limit_error{
1101 +.frm_grid_odd .frm_error{
1245 1102 display:none;
1246 1103 }
1247 1104
1248 1105 .frm_grid:after,
@@ -1570,32 +1427,12 @@
1570 1427 .frm_clearfix{
1571 1428 display:block;
1572 1429 }
1573 1430
1574 -.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
1575 - color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1576 - color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1577 -}
1431 +/* Fonts */
1432 +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
1433 +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1578 1434
1579 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1580 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1581 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1582 - margin-bottom: 0 !important;
1583 -}
1584 -
1585 -<?php
1586 -FrmStylesHelper::maybe_include_font_icon_css();
1587 -
1588 -/**
1589 - * Call action so other plugins can add additional CSS.
1590 - *
1591 - * @param array $args {
1592 - * @type array $defaults
1593 - * }
1594 - */
1595 -do_action( 'frm_include_front_css', compact( 'defaults' ) );
1596 -?>
1597 -
1598 1435 /* Responsive */
1599 1436
1600 1437 @media only screen and (max-width: 900px) {
1601 1438 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
@@ -1649,5 +1486,10 @@
1649 1486 }
1650 1487 }
1651 1488 <?php
1652 1489
1653 -echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
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.