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 +43 -203 6.5.15.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,17 +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;
71 +form input.frm_verify{
72 + position:absolute;
73 + left:-3000px;
76 74 }
77 75
78 76 .with_frm_style fieldset{
79 77 min-width:0;
80 - display: block; /* Override 2021 theme */
81 78 }
82 79
83 80 .with_frm_style fieldset fieldset{
84 81 border:none;
@@ -87,9 +84,9 @@
87 84 background-color:transparent;
88 85 }
89 86
90 87 .with_frm_style .frm_form_fields > fieldset{
91 -<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?>
88 +<?php if ( ! empty( $defaults['fieldset'] ) ) { ?>
92 89 border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>;
93 90 border-width:var(--fieldset)<?php echo esc_html( $important ); ?>;
94 91 <?php } ?>
95 92 border-style:solid;
@@ -137,9 +134,9 @@
137 134 color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>;
138 135 color:var(--title-color)<?php echo esc_html( $important ); ?>;
139 136 <?php } ?>
140 137 <?php if ( ! empty( $defaults['font'] ) ) { ?>
141 - 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. ?>;
142 139 font-family:var(--font);
143 140 <?php } ?>
144 141 <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?>
145 142 margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>;
@@ -153,9 +150,9 @@
153 150
154 151 .with_frm_style .frm_form_field.frm_html_container,
155 152 .with_frm_style .frm_form_field .frm_show_it{
156 153 <?php if ( ! empty( $defaults['font'] ) ) { ?>
157 - 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. ?>;
158 155 font-family:var(--font);
159 156 <?php } ?>
160 157 <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?>
161 158 color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>;
@@ -265,31 +262,15 @@
265 262 font-weight:var(--field-weight);
266 263 box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
267 264 }
268 265
269 -.with_frm_style select option {
270 - color:<?php echo esc_html( $defaults['text_color'] ); ?>;
271 - color:var(--text-color)<?php echo esc_html( $important ); ?>;
272 -}
273 -
274 -.with_frm_style select option.frm-select-placeholder {
275 - color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>;
276 - color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>;
277 -}
278 -
279 266 .with_frm_style input[type=radio],
280 267 .with_frm_style input[type=checkbox]{
281 268 border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>;
282 269 border-color:var(--border-color)<?php echo esc_html( $important ); ?>;
283 270 box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>;
284 - float: none;
285 271 }
286 272
287 -.with_frm_style input[type=radio]:after,
288 -.with_frm_style input[type=checkbox]:after {
289 - display: none; /* 2021 conflict */
290 -}
291 -
292 273 .with_frm_style input[type=text],
293 274 .with_frm_style input[type=password],
294 275 .with_frm_style input[type=email],
295 276 .with_frm_style input[type=number],
@@ -298,10 +279,10 @@
298 279 .with_frm_style input[type=file],
299 280 .with_frm_style input[type=search],
300 281 .with_frm_style select,
301 282 .with_frm_style .frm-card-element.StripeElement{
302 - min-height:<?php echo esc_html( $defaults['field_height'] ); ?>;
303 - 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 ); ?>;
304 285 line-height:1.3<?php echo esc_html( $important ); ?>;
305 286 }
306 287
307 288 .with_frm_style select[multiple=multiple]{
@@ -339,9 +320,8 @@
339 320 }
340 321
341 322 .with_frm_style .wp-editor-container textarea{
342 323 border:none<?php echo esc_html( $important ); ?>;
343 - box-shadow:none !important;
344 324 }
345 325
346 326 .with_frm_style .mceIframeContainer{
347 327 background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>;
@@ -351,9 +331,8 @@
351 331 .with_frm_style select{
352 332 width:<?php echo esc_html( $defaults['auto_width'] ); ?>;
353 333 width:var(--auto-width)<?php echo esc_html( $important ); ?>;
354 334 max-width:100%;
355 - background-position-y: center;
356 335 }
357 336
358 337 .with_frm_style input[disabled],
359 338 .with_frm_style select[disabled],
@@ -379,9 +358,9 @@
379 358
380 359 .with_frm_style .frm_primary_label{
381 360 max-width:100%;
382 361 <?php if ( ! empty( $defaults['font'] ) ) { ?>
383 - 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. ?>;
384 363 font-family:var(--font);
385 364 <?php } ?>
386 365 <?php if ( ! empty( $defaults['font_size'] ) ) { ?>
387 366 font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>;
@@ -448,104 +427,19 @@
448 427 visibility:hidden;
449 428 white-space:nowrap;
450 429 }
451 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,
452 437 .frm_visible{
453 438 opacity:1;
454 439 }
455 440
456 -/* Floating labels */
457 -.with_frm_style .frm_inside_container {
458 - position: relative;
459 - padding-top: 16px;
460 - padding-top: calc(0.5 * var(--field-height));
461 -}
462 -
463 -.with_frm_style .frm_inside_container > input,
464 -.with_frm_style .frm_inside_container > select,
465 -.with_frm_style .frm_inside_container > textarea {
466 - display: block;
467 -}
468 -
469 -/* These do not work if they are combined */
470 -.with_frm_style .frm_inside_container > input::-moz-placeholder,
471 -.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
472 - opacity: 0 !important;
473 - transition: opacity 0.3s ease-in;
474 -}
475 -
476 -.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
477 -.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
478 - opacity: 0;
479 - transition: opacity 0.3s ease-in;
480 -}
481 -
482 -.with_frm_style .frm_inside_container > input::placeholder,
483 -.with_frm_style .frm_inside_container > textarea::placeholder {
484 - opacity: 0;
485 - transition: opacity 0.3s ease-in;
486 -}
487 -
488 -.with_frm_style .frm_inside_container > label {
489 - transition: all 0.3s ease-in;
490 -
491 - position: absolute;
492 - top: 17px;
493 - top: calc(1px + .5 * var(--field-height));
494 - left: 3px;
495 - width: 100%;
496 -
497 - line-height: 1.3;
498 - text-overflow: ellipsis;
499 - overflow: hidden;
500 - white-space: nowrap;
501 -
502 - padding: 6px 10px;
503 - padding: var(--field-pad);
504 -
505 - font-size: 14px;
506 - font-size: var(--field-font-size);
507 - font-weight: normal;
508 - font-weight: var(--field-weight);
509 -
510 - -ms-pointer-events: none;
511 - pointer-events: none;
512 -}
513 -
514 -.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label {
515 - line-height: 1;
516 -}
517 -
518 -.with_frm_style .frm_inside_container.frm_label_float_top > label {
519 - top: 0;
520 - left: 0;
521 - padding: 0;
522 - font-size: 12px;
523 - font-size: calc(0.85 * var(--field-font-size));
524 -}
525 -
526 -/* These do not work if they are combined */
527 -.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
528 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
529 - opacity: 1 !important;
530 - transition: opacity 0.3s ease-in;
531 -}
532 -
533 -.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
534 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
535 - opacity: 1;
536 - transition: opacity 0.3s ease-in;
537 -}
538 -
539 -.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
540 -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
541 - opacity: 1;
542 - transition: opacity 0.3s ease-in;
543 -}
544 -/* End floating label */
545 -
546 -.with_frm_style .frm_description,
547 -.with_frm_style .frm_pro_max_limit_desc{
441 +.with_frm_style .frm_description{
548 442 clear:both;
549 443 }
550 444
551 445 .with_frm_style input[type=number][readonly]{
@@ -608,9 +502,9 @@
608 502 font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>;
609 503 font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>;
610 504 <?php } ?>
611 505 <?php if ( ! empty( $defaults['font'] ) ) { ?>
612 - 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. ?>;
613 507 font-family:var(--font)<?php echo esc_html( $important ); ?>;
614 508 <?php } ?>
615 509 <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?>
616 510 font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>;
@@ -777,12 +671,11 @@
777 671 a.frm_save_draft{
778 672 cursor:pointer;
779 673 }
780 674
781 -.with_frm_style a.frm_save_draft,
782 -.with_frm_style a.frm_start_over{
675 +.with_frm_style a.frm_save_draft{
783 676 <?php if ( ! empty( $defaults['font'] ) ) { ?>
784 - 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. ?>;
785 678 font-family:var(--font);
786 679 <?php } ?>
787 680 font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>;
788 681 font-size:var(--submit-font-size);
@@ -849,9 +742,9 @@
849 742
850 743 .with_frm_style .frm_radio label,
851 744 .with_frm_style .frm_checkbox label{
852 745 <?php if ( ! empty( $defaults['font'] ) ) { ?>
853 - 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. ?>;
854 747 font-family:var(--font);
855 748 <?php } ?>
856 749 font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>;
857 750 font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>;
@@ -858,9 +751,8 @@
858 751 color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>;
859 752 color:var(--check-label-color)<?php echo esc_html( $important ); ?>;
860 753 font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>;
861 754 font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>;
862 - line-height: 1.3;
863 755 }
864 756
865 757 .with_frm_style .frm_radio input[type=radio],
866 758 .with_frm_style .frm_checkbox input[type=checkbox] {
@@ -876,68 +768,29 @@
876 768 margin:5px;
877 769 vertical-align:middle;
878 770 }
879 771
880 -.with_frm_style .frm_radio input[type=radio]
881 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
882 -, .with_frm_style .frm_scale input[type=radio]
883 -<?php endif; ?>
884 -{
772 +.with_frm_style .frm_radio input[type=radio]{
773 + -webkit-appearance:radio;
885 774 border-radius:50%;
886 775 }
887 776
888 777 .with_frm_style .frm_checkbox input[type=checkbox]{
778 + -webkit-appearance:checkbox;
889 779 border-radius:0;
890 780 }
891 781
892 782 .with_frm_style .frm_radio input[type=radio],
893 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
894 -.with_frm_style .frm_scale input[type=radio],
895 -<?php endif; ?>
896 783 .with_frm_style .frm_checkbox input[type=checkbox]{
897 - -webkit-appearance: none;
898 - appearance: none;
899 - background-color: var(--bg-color);
900 784 flex: none;
901 - display:inline-block !important;
902 - margin: 0 5px 0 0;
903 - color: var(--border-color);
904 - width: 18px;
905 - min-width: 18px;
906 - height: 18px;
907 - border: 1px solid currentColor;
908 - border-color: var(--border-color);
909 - vertical-align: middle;
785 + display:inline-block;
786 + margin:4px 5px 0 0;
787 + width:auto;
788 + border:none;
789 + vertical-align:baseline;
910 790 position: initial; /* override Bootstrap */
911 - padding: 0;
912 791 }
913 792
914 -.with_frm_style .frm_radio input[type=radio]:before,
915 -<?php if ( FrmAppHelper::pro_is_installed() ) : ?>
916 -.with_frm_style .frm_scale input[type=radio]:before,
917 -<?php endif; ?>
918 -.with_frm_style .frm_checkbox input[type=checkbox]:before {
919 - content: '';
920 - width: 12px;
921 - height: 12px;
922 - border-radius: 50%;
923 - transform: scale(0);
924 - transition: 120ms transform ease-in-out;
925 - box-shadow: inset 10px 10px var(--text-color);
926 - display: block;
927 - margin: 2px 0 0 2px;
928 -}
929 -
930 -.with_frm_style .frm_checkbox input[type=checkbox]:before{
931 - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
932 - border-radius: 0;
933 -}
934 -
935 -.with_frm_style .frm_radio input[type=radio]:checked:before,
936 -.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
937 - transform: scale(1);
938 -}
939 -
940 793 .with_frm_style :invalid,
941 794 .with_frm_style :-moz-submit-invalid,
942 795 .with_frm_style :-moz-ui-invalid{
943 796 box-shadow:none;
@@ -1248,12 +1101,9 @@
1248 1101 }
1249 1102
1250 1103 .frm_grid .frm_error,
1251 1104 .frm_grid_first .frm_error,
1252 -.frm_grid_odd .frm_error,
1253 -.frm_grid .frm_limit_error,
1254 -.frm_grid_first .frm_limit_error,
1255 -.frm_grid_odd .frm_limit_error{
1105 +.frm_grid_odd .frm_error{
1256 1106 display:none;
1257 1107 }
1258 1108
1259 1109 .frm_grid:after,
@@ -1586,27 +1436,12 @@
1586 1436 color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>;
1587 1437 color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>;
1588 1438 }
1589 1439
1590 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first,
1591 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle,
1592 -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last {
1593 - margin-bottom: 0 !important;
1594 -}
1440 +/* Fonts */
1441 +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?>
1442 +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?>
1595 1443
1596 -<?php
1597 -FrmStylesHelper::maybe_include_font_icon_css();
1598 -
1599 -/**
1600 - * Call action so other plugins can add additional CSS.
1601 - *
1602 - * @param array $args {
1603 - * @type array $defaults
1604 - * }
1605 - */
1606 -do_action( 'frm_include_front_css', compact( 'defaults' ) );
1607 -?>
1608 -
1609 1444 /* Responsive */
1610 1445
1611 1446 @media only screen and (max-width: 900px) {
1612 1447 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
@@ -1660,5 +1495,10 @@
1660 1495 }
1661 1496 }
1662 1497 <?php
1663 1498
1664 -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.