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