PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 5.0
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v5.0
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 +46 -225 6.5.35.0 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 ); ?>
@@ -68,18 +67,15 @@
68 67 padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
69 68 <?php } ?>
70 69 }
71 70
72 -form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> {
73 - overflow: hidden;
74 - width: 0;
75 - height: 0;
76 - position: absolute;
71 +form input.frm_verify{
72 + position:absolute;
73 + left:-3000px;
77 74 }
78 75
79 76 .with_frm_style fieldset{
80 77 min-width:0;
81 - display: block; /* Override 2021 theme */
82 78 }
83 79
84 80 .with_frm_style fieldset fieldset{
85 81 border:none;
@@ -88,9 +84,9 @@
88 84 background-color:transparent;
89 85 }
90 86
91 87 .with_frm_style .frm_form_fields > fieldset{
92 -<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?>
88 +<?php if ( ! empty( $defaults['fieldset'] ) ) { ?>
93 89 border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>;
94 90 border-width:var(--fieldset)<?php echo esc_html( $important ); ?>;
95 91 <?php } ?>
96 92 border-style:solid;
@@ -138,9 +134,9 @@
138 134 color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>;
139 135 color:var(--title-color)<?php echo esc_html( $important ); ?>;
140 136 <?php } ?>
141 137 <?php if ( ! empty( $defaults['font'] ) ) { ?>
142 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
138 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
143 139 font-family:var(--font);
144 140 <?php } ?>
145 141 <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
146 142 margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>;
@@ -154,9 +150,9 @@
154 150
155 151 .with_frm_style .frm_form_field.frm_html_container,
156 152 .with_frm_style .frm_form_field .frm_show_it{
157 153 <?php if ( ! empty( $defaults['font'] ) ) { ?>
158 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
154 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
159 155 font-family:var(--font);
160 156 <?php } ?>
161 157 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
162 158 color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
@@ -237,8 +233,11 @@
237 233 color:<?php echo esc_html( $defaults['text_color'] ); ?>;
238 234 color:var(--text-color)<?php echo esc_html( $important ); ?>;
239 235 background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
240 236 background-color:var(--bg-color)<?php echo esc_html( $important ); ?>;
237 +<?php if ( ! empty( $important ) ) { ?>
238 + background-image:none !important;
239 +<?php } ?>
241 240 border-color:<?php echo esc_html( $defaults['border_color'] ); ?>;
242 241 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
243 242 border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>;
244 243 border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>;
@@ -263,52 +262,15 @@
263 262 font-weight:var(--field-weight);
264 263 box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
265 264 }
266 265
267 -<?php if ( ! empty( $important ) ) { ?>
268 -.with_frm_style input[type=text],
269 -.with_frm_style input[type=password],
270 -.with_frm_style input[type=email],
271 -.with_frm_style input[type=number],
272 -.with_frm_style input[type=url],
273 -.with_frm_style input[type=tel],
274 -.with_frm_style input[type=phone],
275 -.with_frm_style input[type=search],
276 -.with_frm_style textarea,
277 -.frm_form_fields_style,
278 -.with_frm_style .frm_scroll_box .frm_opt_container,
279 -.frm_form_fields_active_style,
280 -.frm_form_fields_error_style,
281 -.with_frm_style .frm-card-element.StripeElement,
282 -.with_frm_style .chosen-container-multi .chosen-choices,
283 -.with_frm_style .chosen-container-single .chosen-single{
284 - background-image:none !important;
285 -}
286 -<?php } ?>
287 -
288 -.with_frm_style select option {
289 - color:<?php echo esc_html( $defaults['text_color'] ); ?>;
290 - color:var(--text-color)<?php echo esc_html( $important ); ?>;
291 -}
292 -
293 -.with_frm_style select option.frm-select-placeholder {
294 - color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>;
295 - color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
296 -}
297 -
298 266 .with_frm_style input[type=radio],
299 267 .with_frm_style input[type=checkbox]{
300 268 border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
301 269 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
302 270 box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
303 - float: none;
304 271 }
305 272
306 -.with_frm_style input[type=radio]:after,
307 -.with_frm_style input[type=checkbox]:after {
308 - display: none; /* 2021 conflict */
309 -}
310 -
311 273 .with_frm_style input[type=text],
312 274 .with_frm_style input[type=password],
313 275 .with_frm_style input[type=email],
314 276 .with_frm_style input[type=number],
@@ -317,10 +279,10 @@
317 279 .with_frm_style input[type=file],
318 280 .with_frm_style input[type=search],
319 281 .with_frm_style select,
320 282 .with_frm_style .frm-card-element.StripeElement{
321 - min-height:<?php echo esc_html( $defaults['field_height'] ); ?>;
322 - min-height:var(--field-height)<?php echo esc_html( $important ); ?>;
283 + height:<?php echo esc_html( $defaults['field_height'] ); ?>;
284 + height:var(--field-height)<?php echo esc_html( $important ); ?>;
323 285 line-height:1.3<?php echo esc_html( $important ); ?>;
324 286 }
325 287
326 288 .with_frm_style select[multiple=multiple]{
@@ -358,9 +320,8 @@
358 320 }
359 321
360 322 .with_frm_style .wp-editor-container textarea{
361 323 border:none<?php echo esc_html( $important ); ?>;
362 - box-shadow:none !important;
363 324 }
364 325
365 326 .with_frm_style .mceIframeContainer{
366 327 background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
@@ -370,9 +331,8 @@
370 331 .with_frm_style select{
371 332 width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
372 333 width:var(--auto-width)<?php echo esc_html( $important ); ?>;
373 334 max-width:100%;
374 - background-position-y: center;
375 335 }
376 336
377 337 .with_frm_style input[disabled],
378 338 .with_frm_style select[disabled],
@@ -398,9 +358,9 @@
398 358
399 359 .with_frm_style .frm_primary_label{
400 360 max-width:100%;
401 361 <?php if ( ! empty( $defaults['font'] ) ) { ?>
402 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
362 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
403 363 font-family:var(--font);
404 364 <?php } ?>
405 365 <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
406 366 font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
@@ -467,104 +427,19 @@
467 427 visibility:hidden;
468 428 white-space:nowrap;
469 429 }
470 430
431 +.with_frm_style .frm_inside_container .frm_primary_label{
432 + opacity:0;
433 + transition: opacity 0.1s linear;
434 +}
435 +
436 +.with_frm_style .frm_inside_container label.frm_visible,
471 437 .frm_visible{
472 438 opacity:1;
473 439 }
474 440
475 -/* Floating labels */
476 -.with_frm_style .frm_inside_container {
477 - position: relative;
478 - padding-top: 16px;
479 - padding-top: calc(0.5 * var(--field-height));
480 -}
481 -
482 -.with_frm_style .frm_inside_container > input,
483 -.with_frm_style .frm_inside_container > select,
484 -.with_frm_style .frm_inside_container > textarea {
485 - display: block;
486 -}
487 -
488 -/* These do not work if they are combined */
489 -.with_frm_style .frm_inside_container > input::-moz-placeholder,
490 -.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
491 - opacity: 0 !important;
492 - transition: opacity 0.3s ease-in;
493 -}
494 -
495 -.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
496 -.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
497 - opacity: 0;
498 - transition: opacity 0.3s ease-in;
499 -}
500 -
501 -.with_frm_style .frm_inside_container > input::placeholder,
502 -.with_frm_style .frm_inside_container > textarea::placeholder {
503 - opacity: 0;
504 - transition: opacity 0.3s ease-in;
505 -}
506 -
507 -.with_frm_style .frm_inside_container > label {
508 - transition: all 0.3s ease-in;
509 -
510 - position: absolute;
511 - top: 17px;
512 - top: calc(1px + .5 * var(--field-height));
513 - left: 3px;
514 - width: 100%;
515 -
516 - line-height: 1.3;
517 - text-overflow: ellipsis;
518 - overflow: hidden;
519 - white-space: nowrap;
520 -
521 - padding: 6px 10px;
522 - padding: var(--field-pad);
523 -
524 - font-size: 14px;
525 - font-size: var(--field-font-size);
526 - font-weight: normal;
527 - font-weight: var(--field-weight);
528 -
529 - -ms-pointer-events: none;
530 - pointer-events: none;
531 -}
532 -
533 -.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
534 - line-height: 1;
535 -}
536 -
537 -.with_frm_style .frm_inside_container.frm_label_float_top > label {
538 - top: 0;
539 - left: 0;
540 - padding: 0;
541 - font-size: 12px;
542 - font-size: calc(0.85 * var(--field-font-size));
543 -}
544 -
545 -/* These do not work if they are combined */
546 -.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
547 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
548 - opacity: 1 !important;
549 - transition: opacity 0.3s ease-in;
550 -}
551 -
552 -.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
553 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
554 - opacity: 1;
555 - transition: opacity 0.3s ease-in;
556 -}
557 -
558 -.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
559 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
560 - opacity: 1;
561 - transition: opacity 0.3s ease-in;
562 -}
563 -/* End floating label */
564 -
565 -.with_frm_style .frm_description,
566 -.with_frm_style .frm_pro_max_limit_desc{
441 +.with_frm_style .frm_description{
567 442 clear:both;
568 443 }
569 444
570 445 .with_frm_style input[type=number][readonly]{
@@ -627,9 +502,9 @@
627 502 font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>;
628 503 font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>;
629 504 <?php } ?>
630 505 <?php if ( ! empty( $defaults['font'] ) ) { ?>
631 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
506 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // WPCS: XSS ok. ?>;
632 507 font-family:var(--font)<?php echo esc_html( $important ); ?>;
633 508 <?php } ?>
634 509 <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
635 510 font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>;
@@ -796,12 +671,11 @@
796 671 a.frm_save_draft{
797 672 cursor:pointer;
798 673 }
799 674
800 -.with_frm_style a.frm_save_draft,
801 -.with_frm_style a.frm_start_over{
675 +.with_frm_style a.frm_save_draft{
802 676 <?php if ( ! empty( $defaults['font'] ) ) { ?>
803 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
677 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
804 678 font-family:var(--font);
805 679 <?php } ?>
806 680 font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
807 681 font-size:var(--submit-font-size);
@@ -868,9 +742,9 @@
868 742
869 743 .with_frm_style .frm_radio label,
870 744 .with_frm_style .frm_checkbox label{
871 745 <?php if ( ! empty( $defaults['font'] ) ) { ?>
872 - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>;
746 + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>;
873 747 font-family:var(--font);
874 748 <?php } ?>
875 749 font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
876 750 font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
@@ -877,9 +751,8 @@
877 751 color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
878 752 color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
879 753 font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
880 754 font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
881 - line-height: 1.3;
882 755 }
883 756
884 757 .with_frm_style .frm_radio input[type=radio],
885 758 .with_frm_style .frm_checkbox input[type=checkbox] {
@@ -895,68 +768,29 @@
895 768 margin:5px;
896 769 vertical-align:middle;
897 770 }
898 771
899 -.with_frm_style .frm_radio input[type=radio]
900 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
901 -, .with_frm_style .frm_scale input[type=radio]
902 -<?php endif; ?>
903 -{
772 +.with_frm_style .frm_radio input[type=radio]{
773 + -webkit-appearance:radio;
904 774 border-radius:50%;
905 775 }
906 776
907 777 .with_frm_style .frm_checkbox input[type=checkbox]{
778 + -webkit-appearance:checkbox;
908 779 border-radius:0;
909 780 }
910 781
911 782 .with_frm_style .frm_radio input[type=radio],
912 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
913 -.with_frm_style .frm_scale input[type=radio],
914 -<?php endif; ?>
915 783 .with_frm_style .frm_checkbox input[type=checkbox]{
916 - -webkit-appearance: none;
917 - appearance: none;
918 - background-color: var(--bg-color);
919 784 flex: none;
920 - display:inline-block !important;
921 - margin: 0 5px 0 0;
922 - color: var(--border-color);
923 - width: 18px;
924 - min-width: 18px;
925 - height: 18px;
926 - border: 1px solid currentColor;
927 - border-color: var(--border-color);
928 - vertical-align: middle;
785 + display:inline-block;
786 + margin:4px 5px 0 0;
787 + width:auto;
788 + border:none;
789 + vertical-align:baseline;
929 790 position: initial; /* override Bootstrap */
930 - padding: 0;
931 791 }
932 792
933 -.with_frm_style .frm_radio input[type=radio]:before,
934 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
935 -.with_frm_style .frm_scale input[type=radio]:before,
936 -<?php endif; ?>
937 -.with_frm_style .frm_checkbox input[type=checkbox]:before {
938 - content: '';
939 - width: 12px;
940 - height: 12px;
941 - border-radius: 50%;
942 - transform: scale(0);
943 - transition: 120ms transform ease-in-out;
944 - box-shadow: inset 10px 10px var(--text-color);
945 - display: block;
946 - margin: 2px 0 0 2px;
947 -}
948 -
949 -.with_frm_style .frm_checkbox input[type=checkbox]:before{
950 - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
951 - border-radius: 0;
952 -}
953 -
954 -.with_frm_style .frm_radio input[type=radio]:checked:before,
955 -.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
956 - transform: scale(1);
957 -}
958 -
959 793 .with_frm_style :invalid,
960 794 .with_frm_style :-moz-submit-invalid,
961 795 .with_frm_style :-moz-ui-invalid{
962 796 box-shadow:none;
@@ -1267,12 +1101,9 @@
1267 1101 }
1268 1102
1269 1103 .frm_grid .frm_error,
1270 1104 .frm_grid_first .frm_error,
1271 -.frm_grid_odd .frm_error,
1272 -.frm_grid .frm_limit_error,
1273 -.frm_grid_first .frm_limit_error,
1274 -.frm_grid_odd .frm_limit_error{
1105 +.frm_grid_odd .frm_error{
1275 1106 display:none;
1276 1107 }
1277 1108
1278 1109 .frm_grid:after,
@@ -1605,27 +1436,12 @@
1605 1436 color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1606 1437 color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1607 1438 }
1608 1439
1609 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1610 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1611 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1612 - margin-bottom: 0 !important;
1613 -}
1440 +/* Fonts */
1441 +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
1442 +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1614 1443
1615 -<?php
1616 -FrmStylesHelper::maybe_include_font_icon_css();
1617 -
1618 -/**
1619 - * Call action so other plugins can add additional CSS.
1620 - *
1621 - * @param array $args {
1622 - * @type array $defaults
1623 - * }
1624 - */
1625 -do_action( 'frm_include_front_css', compact( 'defaults' ) );
1626 -?>
1627 -
1628 1444 /* Responsive */
1629 1445
1630 1446 @media only screen and (max-width: 900px) {
1631 1447 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
@@ -1679,5 +1495,10 @@
1679 1495 }
1680 1496 }
1681 1497 <?php
1682 1498
1683 -echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1499 +$frm_settings = FrmAppHelper::get_settings();
1500 +if ( $frm_settings->old_css ) {
1501 + readfile( dirname( __FILE__ ) . '/frm_old_grids.css' );
1502 +}
1503 +
1504 +echo strip_tags( $defaults['custom_css'] ); // WPCS: XSS ok.