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