PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.20
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.20
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 +52 -85 6.316.20 View file →
@@ -6,9 +6,9 @@
6 6 if ( ! isset( $saving ) ) {
7 7 header( 'Content-type: text/css' );
8 8
9 9 if ( ! empty( $css ) ) {
10 - echo strip_tags( FrmStylesHelper::maybe_scope_custom_css_in_cached_output( $css ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
10 + echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
11 11 FrmStylesController::maybe_hide_sample_form_error_message();
12 12 die();
13 13 }
14 14 }
@@ -19,9 +19,9 @@
19 19
20 20 $styles = $frm_style->get_all();
21 21 $default_style = $frm_style->get_default_style( $styles );
22 22 $defaults = FrmStylesHelper::get_settings_for_output( $default_style );
23 -$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
23 +$important = empty( $defaults['important_style'] ) ? '' : ' !important';
24 24 $pro_is_installed = FrmAppHelper::pro_is_installed();
25 25 $use_chosen_js = FrmStylesHelper::use_chosen_js();
26 26
27 27 ?>
@@ -65,8 +65,15 @@
65 65 padding: var(--form-desc-padding)<?php echo esc_html( $important ); ?>;
66 66 <?php } ?>
67 67 }
68 68
69 +form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> {
70 + overflow: hidden;
71 + width: 0;
72 + height: 0;
73 + position: absolute;
74 +}
75 +
69 76 .with_frm_style fieldset{
70 77 min-width:0;
71 78 display: block; /* Override 2021 theme */
72 79 }
@@ -191,14 +198,8 @@
191 198 vertical-align:top;
192 199 height:auto;
193 200 }
194 201
195 -<?php if ( $use_chosen_js ) { ?>
196 -.with_frm_style .chosen-container-multi .chosen-choices,
197 -.with_frm_style .chosen-container-single .chosen-single,
198 -<?php } elseif ( $pro_is_installed ) { ?>
199 -.with_frm_style .frm_slimselect.ss-main,
200 -<?php } ?>
201 202 .with_frm_style input[type=text],
202 203 .with_frm_style input[type=password],
203 204 .with_frm_style input[type=email],
204 205 .with_frm_style input[type=number],
@@ -211,9 +212,14 @@
211 212 .frm_form_fields_style,
212 213 .with_frm_style .frm_scroll_box .frm_opt_container,
213 214 .frm_form_fields_active_style,
214 215 .frm_form_fields_error_style,
215 -.with_frm_style .frm-card-element.StripeElement {
216 +.with_frm_style .frm-card-element.StripeElement,
217 +<?php if ( $use_chosen_js ) { ?>
218 +.with_frm_style .chosen-container-multi .chosen-choices,
219 +.with_frm_style .chosen-container-single .chosen-single,
220 +<?php } ?>
221 +.with_frm_style .frm_slimselect.ss-main {
216 222 color: var(--text-color)<?php echo esc_html( $important ); ?>;
217 223 background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
218 224 border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
219 225 border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
@@ -227,14 +233,9 @@
227 233 outline: none<?php echo esc_html( $important ); ?>;
228 234 font-weight: var(--field-weight);
229 235 }
230 236
231 -.with_frm_style input:-webkit-autofill:focus {
232 - /* Prevent the user agent autofill background color from taking effect on focus. */
233 - transition: background-color 5000s ease-in-out 0s<?php echo esc_html( $important ); ?>;
234 -}
235 -
236 -<?php if ( $important ) : ?>
237 +<?php if ( ! empty( $important ) ) : ?>
237 238 <?php if ( $use_chosen_js ) { ?>
238 239 .with_frm_style .chosen-container-multi .chosen-choices,
239 240 .with_frm_style .chosen-container-single .chosen-single,
240 241 <?php } ?>
@@ -325,9 +326,8 @@
325 326 .with_frm_style input[type=file].frm_transparent{
326 327 color:transparent<?php echo esc_html( $important ); ?>;
327 328 }
328 329
329 -<?php if ( $pro_is_installed ) { ?>
330 330 .with_frm_style .wp-editor-wrap{
331 331 width: var(--field-width)<?php echo esc_html( $important ); ?>;
332 332 max-width:100%;
333 333 }
@@ -339,9 +339,8 @@
339 339
340 340 .with_frm_style .mceIframeContainer{
341 341 background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
342 342 }
343 -<?php } ?>
344 343
345 344 .with_frm_style select{
346 345 width: var(--auto-width)<?php echo esc_html( $important ); ?>;
347 346 max-width:100%;
@@ -421,13 +420,11 @@
421 420 .frm_none_container .frm_primary_label{
422 421 display:none;
423 422 }
424 423
425 -<?php if ( $pro_is_installed ) { ?>
426 424 .with_frm_style .frm_section_heading.frm_hide_section{
427 425 margin-top:0 !important;
428 426 }
429 -<?php } ?>
430 427
431 428 .with_frm_style .frm_hidden_container .frm_primary_label,
432 429 .with_frm_style .frm_pos_hidden,
433 430 .frm_hidden_container .frm_primary_label{
@@ -451,13 +448,26 @@
451 448 .with_frm_style .frm_inside_container > textarea {
452 449 display: block;
453 450 }
454 451
452 +/* These do not work if they are combined */
455 453 .with_frm_style input::placeholder,
456 454 .with_frm_style textarea::placeholder {
457 455 font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
458 456 }
459 457
458 +.with_frm_style .frm_inside_container > input::-moz-placeholder,
459 +.with_frm_style .frm_inside_container > textarea::-moz-placeholder {
460 + opacity: 0 !important;
461 + transition: opacity 0.3s ease-in;
462 +}
463 +
464 +.with_frm_style .frm_inside_container > input:-ms-input-placeholder,
465 +.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder {
466 + opacity: 0;
467 + transition: opacity 0.3s ease-in;
468 +}
469 +
460 470 .with_frm_style .frm_inside_container > input::placeholder,
461 471 .with_frm_style .frm_inside_container > textarea::placeholder {
462 472 opacity: 0;
463 473 transition: opacity 0.3s ease-in;
@@ -499,8 +509,21 @@
499 509 font-size: 12px;
500 510 font-size: calc(0.85 * var(--field-font-size));
501 511 }
502 512
513 +/* These do not work if they are combined */
514 +.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder,
515 +.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder {
516 + opacity: 1 !important;
517 + transition: opacity 0.3s ease-in;
518 +}
519 +
520 +.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder,
521 +.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder {
522 + opacity: 1;
523 + transition: opacity 0.3s ease-in;
524 +}
525 +
503 526 .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
504 527 .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
505 528 opacity: 1;
506 529 transition: opacity 0.3s ease-in;
@@ -511,9 +534,9 @@
511 534 .with_frm_style .frm_pro_max_limit_desc{
512 535 clear:both;
513 536 }
514 537
515 -.with_frm_style input[type=number][readonly] {
538 +.with_frm_style input[type=number][readonly]{
516 539 -moz-appearance: textfield;
517 540 }
518 541
519 542 .with_frm_style select[multiple="multiple"]{
@@ -520,9 +543,8 @@
520 543 height:auto;
521 544 line-height:normal;
522 545 }
523 546
524 -<?php if ( $pro_is_installed ) { ?>
525 547 .with_frm_style .frm_catlevel_2,
526 548 .with_frm_style .frm_catlevel_3,
527 549 .with_frm_style .frm_catlevel_4,
528 550 .with_frm_style .frm_catlevel_5{
@@ -527,11 +549,9 @@
527 549 .with_frm_style .frm_catlevel_4,
528 550 .with_frm_style .frm_catlevel_5{
529 551 margin-left:18px;
530 552 }
531 -<?php } ?>
532 553
533 -<?php if ( $pro_is_installed ) { ?>
534 554 .with_frm_style .wp-editor-container{
535 555 border:1px solid #e5e5e5;
536 556 }
537 557
@@ -541,9 +561,8 @@
541 561
542 562 .with_frm_style .wp-editor-container textarea{
543 563 border:none;
544 564 }
545 -<?php } ?>
546 565
547 566 .with_frm_style .auto_width #loginform input,
548 567 .with_frm_style .auto_width input,
549 568 .with_frm_style input.auto_width,
@@ -551,16 +570,14 @@
551 570 .with_frm_style textarea.auto_width{
552 571 width:auto<?php echo esc_html( $important ); ?>;
553 572 }
554 573
555 -<?php if ( $pro_is_installed ) { ?>
556 574 .with_frm_style .frm_repeat_buttons{
557 575 white-space:nowrap;
558 576 }
559 -<?php } ?>
560 577
561 578 .with_frm_style .frm_button{
562 - text-decoration:none !important;
579 + text-decoration:none !important;;
563 580 border:1px solid #eee;
564 581 display:inline-block;
565 582 <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?>
566 583 padding: var(--submit-padding)<?php echo esc_html( $important ); ?>;
@@ -654,11 +671,9 @@
654 671 .with_frm_style.frm_center_submit .frm_submit button{
655 672 margin-bottom:8px !important;
656 673 }
657 674
658 -<?php if ( $pro_is_installed ) { ?>
659 675 .with_frm_style .frm-edit-page-btn,
660 -<?php } ?>
661 676 .with_frm_style .frm_submit input[type=submit],
662 677 .with_frm_style .frm_submit input[type=button],
663 678 .with_frm_style .frm_submit button{
664 679 -webkit-appearance: none;
@@ -675,11 +690,9 @@
675 690 /* keep this for reverse compatibility for old HTML */
676 691 visibility:visible !important;
677 692 }
678 693
679 -<?php if ( $pro_is_installed ) { ?>
680 694 .with_frm_style .frm_loading_prev .frm_prev_page,
681 -<?php } ?>
682 695 .with_frm_style .frm_loading_form .frm_button_submit {
683 696 position: relative;
684 697 color: transparent !important;
685 698 text-shadow: none !important;
@@ -684,13 +697,11 @@
684 697 color: transparent !important;
685 698 text-shadow: none !important;
686 699 }
687 700
688 -<?php if ( $pro_is_installed ) { ?>
689 701 .with_frm_style .frm_loading_prev .frm_prev_page:hover,
690 702 .with_frm_style .frm_loading_prev .frm_prev_page:active,
691 703 .with_frm_style .frm_loading_prev .frm_prev_page:focus,
692 -<?php } ?>
693 704 .with_frm_style .frm_loading_form .frm_button_submit:hover,
694 705 .with_frm_style .frm_loading_form .frm_button_submit:active,
695 706 .with_frm_style .frm_loading_form .frm_button_submit:focus {
696 707 cursor: not-allowed;
@@ -698,11 +709,9 @@
698 709 outline: none !important;
699 710 box-shadow: none;
700 711 }
701 712
702 -<?php if ( $pro_is_installed ) { ?>
703 713 .with_frm_style .frm_loading_prev .frm_prev_page::before,
704 -<?php } ?>
705 714 .with_frm_style .frm_loading_form .frm_button_submit:before {
706 715 content: '';
707 716 display: inline-block;
708 717 position: absolute;
@@ -726,13 +735,11 @@
726 735 align-items: center;
727 736 gap: 2%;
728 737 }
729 738
730 -<?php if ( $pro_is_installed ) { ?>
731 739 .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
732 740 order: -1;
733 741 }
734 -<?php } ?>
735 742
736 743 <?php
737 744 foreach ( $styles as $style ) {
738 745 include __DIR__ . '/_single_theme.css.php';
@@ -739,9 +746,9 @@
739 746 unset( $style );
740 747 }
741 748
742 749 // Set it again since it may have been overridden.
743 -$important = ! empty( $defaults['important_style'] ) ? ' !important' : '';
750 +$important = empty( $defaults['important_style'] ) ? '' : ' !important';
744 751 ?>
745 752
746 753 .frm_ajax_loading{
747 754 visibility:hidden;
@@ -755,18 +762,16 @@
755 762 a.frm_save_draft{
756 763 cursor:pointer;
757 764 }
758 765
759 -<?php if ( $pro_is_installed ) { ?>
760 766 .with_frm_style a.frm_save_draft,
761 767 .with_frm_style a.frm_start_over{
762 - <?php if ( ! empty( $defaults['font'] ) ) { ?>
768 +<?php if ( ! empty( $defaults['font'] ) ) { ?>
763 769 font-family: var(--font);
764 770 <?php } ?>
765 771 font-size: var(--submit-font-size);
766 772 font-weight: var(--submit-weight);
767 773 }
768 -<?php } ?>
769 774
770 775 .horizontal_radio .frm_radio{
771 776 margin:0 5px 0 0;
772 777 }
@@ -975,16 +980,12 @@
975 980 padding:15px;
976 981 }
977 982
978 983 .with_frm_style .frm_message p {
984 + margin-bottom: 5px;
979 985 color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
980 - margin-bottom: 0;
981 986 }
982 987
983 -.with_frm_style .frm_message > p:first-of-type {
984 - margin-top: 0;
985 -}
986 -
987 988 .with_frm_style .frm_message,
988 989 .frm_success_style {
989 990 margin: 5px 0 15px;
990 991 border: 1px solid var(--success-border-color);
@@ -1070,9 +1071,8 @@
1070 1071 .frm-alt-table tr:nth-child(even) {
1071 1072 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1072 1073 }
1073 1074
1074 -<?php if ( $pro_is_installed ) { ?>
1075 1075 table.form_results.with_frm_style{
1076 1076 border-style: solid;
1077 1077 border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1078 1078 border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
@@ -1080,18 +1080,17 @@
1080 1080
1081 1081 table.form_results.with_frm_style tr td{
1082 1082 text-align:left;
1083 1083 padding:7px 9px;
1084 - <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1084 +<?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1085 1085 color: var(--text-color)<?php echo esc_html( $important ); ?>;
1086 1086 <?php } ?>
1087 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1087 +<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1088 1088 border-top-style: solid;
1089 1089 border-top-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1090 1090 border-top-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1091 1091 <?php } ?>
1092 1092 }
1093 -<?php } ?>
1094 1093
1095 1094 table.form_results.with_frm_style tr.frm_even,
1096 1095 .frm-grid .frm_even{
1097 1096 background-color:#fff;
@@ -1110,23 +1109,18 @@
1110 1109 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1111 1110 padding: 40px;
1112 1111 }
1113 1112
1114 - <?php if ( $pro_is_installed ) { ?>
1115 1113 .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
1116 1114 .frm_color_block.frm_section_heading h3 {
1117 1115 border-width: 0 !important;
1118 1116 }
1119 - <?php } ?>
1120 1117 <?php } ?>
1121 1118
1122 -<?php if ( $pro_is_installed ) { ?>
1123 1119 .frm_collapse .ui-icon{
1124 1120 display:inline-block;
1125 1121 }
1126 -<?php } ?>
1127 1122
1128 -<?php if ( $pro_is_installed ) { ?>
1129 1123 .frm_toggle_container{
1130 1124 /* Prevent the slide and bounce */
1131 1125 border:1px solid transparent;
1132 1126 }
@@ -1143,11 +1137,9 @@
1143 1137
1144 1138 .frm_toggle_container .frm_month_listing{
1145 1139 margin-left:40px;
1146 1140 }
1147 -<?php } ?>
1148 1141
1149 -<?php if ( $pro_is_installed ) { ?>
1150 1142 #frm_loading{
1151 1143 display:none;
1152 1144 position:fixed;
1153 1145 top:0;
@@ -1190,11 +1182,11 @@
1190 1182 #frm_loading .progress.active .progress-bar{
1191 1183 animation:2s linear 0s normal none infinite progress-bar-stripes;
1192 1184 }
1193 1185
1194 - <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1186 +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1195 1187 #frm_loading .progress-striped .progress-bar {
1196 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1188 + <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1197 1189 background-image: linear-gradient(45deg, var(--border-color) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--border-color) 50%, var(--border-color) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
1198 1190 <?php } ?>
1199 1191 background-size:40px 40px;
1200 1192 }
@@ -1209,11 +1201,8 @@
1209 1201 text-align: center;
1210 1202 transition: width 0.6s ease 0s;
1211 1203 width: 100%;
1212 1204 }
1213 - <?php
1214 -}//end if
1215 -?>
1216 1205
1217 1206 .frm_image_from_url{
1218 1207 height:50px;
1219 1208 }
@@ -1222,9 +1211,8 @@
1222 1211 background:url(../images/ajax_loader.gif) no-repeat center center;
1223 1212 padding:6px 12px;
1224 1213 }
1225 1214
1226 -<?php if ( $pro_is_installed ) { ?>
1227 1215 select.frm_loading_lookup{
1228 1216 background-image: url(../images/ajax_loader.gif) !important;
1229 1217 background-position: 10px;
1230 1218 background-repeat: no-repeat;
@@ -1229,25 +1217,20 @@
1229 1217 background-position: 10px;
1230 1218 background-repeat: no-repeat;
1231 1219 color: transparent !important;
1232 1220 }
1233 -<?php } ?>
1234 1221
1235 1222 <?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1236 1223
1237 -<?php if ( $pro_is_installed ) { ?>
1238 1224 .frm_conf_field.frm_left_container .frm_primary_label{
1239 1225 display:none;
1240 1226 }
1241 -<?php } ?>
1242 1227
1243 -<?php if ( $pro_is_installed ) { ?>
1244 1228 .wp-editor-wrap *,
1245 1229 .wp-editor-wrap *:after,
1246 1230 .wp-editor-wrap *:before{
1247 1231 box-sizing:content-box;
1248 1232 }
1249 -<?php } ?>
1250 1233
1251 1234 .with_frm_style .frm_grid,
1252 1235 .with_frm_style .frm_grid_first,
1253 1236 .with_frm_style .frm_grid_odd{
@@ -1603,9 +1586,8 @@
1603 1586 /**
1604 1587 * Call action so other plugins can add additional CSS.
1605 1588 *
1606 1589 * @param array $args {
1607 - *
1608 1590 * @type array $defaults
1609 1591 * }
1610 1592 */
1611 1593 do_action( 'frm_include_front_css', compact( 'defaults' ) );
@@ -1612,9 +1594,8 @@
1612 1594 ?>
1613 1595
1614 1596 /* Responsive */
1615 1597
1616 -<?php if ( $pro_is_installed ) { ?>
1617 1598 @media only screen and (max-width: 900px) {
1618 1599 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1619 1600 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1620 1601 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
@@ -1620,9 +1601,8 @@
1620 1601 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1621 1602 display: block !important;
1622 1603 }
1623 1604 }
1624 -<?php } ?>
1625 1605
1626 1606 @media only screen and (max-width: 600px) {
1627 1607 .frm_form_field.frm_four_col .frm_opt_container{
1628 1608 grid-template-columns: repeat(2, 1fr);
@@ -1627,14 +1607,12 @@
1627 1607 .frm_form_field.frm_four_col .frm_opt_container{
1628 1608 grid-template-columns: repeat(2, 1fr);
1629 1609 }
1630 1610
1631 - <?php if ( $pro_is_installed ) { ?>
1632 1611 .with_frm_style .frm_repeat_inline,
1633 1612 .with_frm_style .frm_repeat_grid{
1634 1613 margin: 20px 0;
1635 1614 }
1636 - <?php } ?>
1637 1615 }
1638 1616
1639 1617 @media only screen and (max-width: 500px) {
1640 1618 .frm_form_field.frm_two_col .frm_radio,
@@ -1666,18 +1644,7 @@
1666 1644 .with_frm_style .frm-g-recaptcha iframe{
1667 1645 width:100%;
1668 1646 }
1669 1647 }
1670 -
1671 -.frm-card-element .sq-card-wrapper .sq-card-message {
1672 - margin-bottom: 0;
1673 -}
1674 -.frm-card-errors:empty {
1675 - margin: 0;
1676 -}
1677 1648 <?php
1678 1649
1679 -$frm_custom_css = strip_tags( FrmStylesController::get_custom_css() );
1680 -
1681 -if ( $frm_custom_css ) {
1682 - echo FrmStylesHelper::maybe_scope_css_for_admin( $frm_custom_css ) . PHP_EOL; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1683 -}
1650 +echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped