PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.21
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.21
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 +47 -88 6.326.21 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 }
@@ -976,16 +973,12 @@
976 973 padding:15px;
977 974 }
978 975
979 976 .with_frm_style .frm_message p {
977 + margin-bottom: 5px;
980 978 color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
981 - margin-bottom: 0;
982 979 }
983 980
984 -.with_frm_style .frm_message > p:first-of-type {
985 - margin-top: 0;
986 -}
987 -
988 981 .with_frm_style .frm_message,
989 982 .frm_success_style {
990 983 margin: 5px 0 15px;
991 984 border: 1px solid var(--success-border-color);
@@ -1071,9 +1064,8 @@
1071 1064 .frm-alt-table tr:nth-child(even) {
1072 1065 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1073 1066 }
1074 1067
1075 -<?php if ( $pro_is_installed ) { ?>
1076 1068 table.form_results.with_frm_style{
1077 1069 border-style: solid;
1078 1070 border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1079 1071 border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
@@ -1081,18 +1073,17 @@
1081 1073
1082 1074 table.form_results.with_frm_style tr td{
1083 1075 text-align:left;
1084 1076 padding:7px 9px;
1085 - <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1077 +<?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1086 1078 color: var(--text-color)<?php echo esc_html( $important ); ?>;
1087 1079 <?php } ?>
1088 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1080 +<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1089 1081 border-top-style: solid;
1090 1082 border-top-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1091 1083 border-top-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1092 1084 <?php } ?>
1093 1085 }
1094 -<?php } ?>
1095 1086
1096 1087 table.form_results.with_frm_style tr.frm_even,
1097 1088 .frm-grid .frm_even{
1098 1089 background-color:#fff;
@@ -1111,23 +1102,18 @@
1111 1102 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1112 1103 padding: 40px;
1113 1104 }
1114 1105
1115 - <?php if ( $pro_is_installed ) { ?>
1116 1106 .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
1117 1107 .frm_color_block.frm_section_heading h3 {
1118 1108 border-width: 0 !important;
1119 1109 }
1120 - <?php } ?>
1121 1110 <?php } ?>
1122 1111
1123 -<?php if ( $pro_is_installed ) { ?>
1124 1112 .frm_collapse .ui-icon{
1125 1113 display:inline-block;
1126 1114 }
1127 -<?php } ?>
1128 1115
1129 -<?php if ( $pro_is_installed ) { ?>
1130 1116 .frm_toggle_container{
1131 1117 /* Prevent the slide and bounce */
1132 1118 border:1px solid transparent;
1133 1119 }
@@ -1144,11 +1130,9 @@
1144 1130
1145 1131 .frm_toggle_container .frm_month_listing{
1146 1132 margin-left:40px;
1147 1133 }
1148 -<?php } ?>
1149 1134
1150 -<?php if ( $pro_is_installed ) { ?>
1151 1135 #frm_loading{
1152 1136 display:none;
1153 1137 position:fixed;
1154 1138 top:0;
@@ -1191,11 +1175,11 @@
1191 1175 #frm_loading .progress.active .progress-bar{
1192 1176 animation:2s linear 0s normal none infinite progress-bar-stripes;
1193 1177 }
1194 1178
1195 - <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1179 +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1196 1180 #frm_loading .progress-striped .progress-bar {
1197 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1181 + <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1198 1182 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 1183 <?php } ?>
1200 1184 background-size:40px 40px;
1201 1185 }
@@ -1210,11 +1194,8 @@
1210 1194 text-align: center;
1211 1195 transition: width 0.6s ease 0s;
1212 1196 width: 100%;
1213 1197 }
1214 - <?php
1215 -}//end if
1216 -?>
1217 1198
1218 1199 .frm_image_from_url{
1219 1200 height:50px;
1220 1201 }
@@ -1223,9 +1204,8 @@
1223 1204 background:url(../images/ajax_loader.gif) no-repeat center center;
1224 1205 padding:6px 12px;
1225 1206 }
1226 1207
1227 -<?php if ( $pro_is_installed ) { ?>
1228 1208 select.frm_loading_lookup{
1229 1209 background-image: url(../images/ajax_loader.gif) !important;
1230 1210 background-position: 10px;
1231 1211 background-repeat: no-repeat;
@@ -1230,25 +1210,20 @@
1230 1210 background-position: 10px;
1231 1211 background-repeat: no-repeat;
1232 1212 color: transparent !important;
1233 1213 }
1234 -<?php } ?>
1235 1214
1236 1215 <?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1237 1216
1238 -<?php if ( $pro_is_installed ) { ?>
1239 1217 .frm_conf_field.frm_left_container .frm_primary_label{
1240 1218 display:none;
1241 1219 }
1242 -<?php } ?>
1243 1220
1244 -<?php if ( $pro_is_installed ) { ?>
1245 1221 .wp-editor-wrap *,
1246 1222 .wp-editor-wrap *:after,
1247 1223 .wp-editor-wrap *:before{
1248 1224 box-sizing:content-box;
1249 1225 }
1250 -<?php } ?>
1251 1226
1252 1227 .with_frm_style .frm_grid,
1253 1228 .with_frm_style .frm_grid_first,
1254 1229 .with_frm_style .frm_grid_odd{
@@ -1604,9 +1579,8 @@
1604 1579 /**
1605 1580 * Call action so other plugins can add additional CSS.
1606 1581 *
1607 1582 * @param array $args {
1608 - *
1609 1583 * @type array $defaults
1610 1584 * }
1611 1585 */
1612 1586 do_action( 'frm_include_front_css', compact( 'defaults' ) );
@@ -1613,9 +1587,8 @@
1613 1587 ?>
1614 1588
1615 1589 /* Responsive */
1616 1590
1617 -<?php if ( $pro_is_installed ) { ?>
1618 1591 @media only screen and (max-width: 900px) {
1619 1592 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1620 1593 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1621 1594 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
@@ -1621,9 +1594,8 @@
1621 1594 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1622 1595 display: block !important;
1623 1596 }
1624 1597 }
1625 -<?php } ?>
1626 1598
1627 1599 @media only screen and (max-width: 600px) {
1628 1600 .frm_form_field.frm_four_col .frm_opt_container{
1629 1601 grid-template-columns: repeat(2, 1fr);
@@ -1628,14 +1600,12 @@
1628 1600 .frm_form_field.frm_four_col .frm_opt_container{
1629 1601 grid-template-columns: repeat(2, 1fr);
1630 1602 }
1631 1603
1632 - <?php if ( $pro_is_installed ) { ?>
1633 1604 .with_frm_style .frm_repeat_inline,
1634 1605 .with_frm_style .frm_repeat_grid{
1635 1606 margin: 20px 0;
1636 1607 }
1637 - <?php } ?>
1638 1608 }
1639 1609
1640 1610 @media only screen and (max-width: 500px) {
1641 1611 .frm_form_field.frm_two_col .frm_radio,
@@ -1667,18 +1637,7 @@
1667 1637 .with_frm_style .frm-g-recaptcha iframe{
1668 1638 width:100%;
1669 1639 }
1670 1640 }
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 1641 <?php
1679 1642
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 -}
1643 +echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped