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