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