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 +41 -72 6.286.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( $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 }
@@ -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 ); ?>;
@@ -320,9 +319,8 @@
320 319 .with_frm_style input[type=file].frm_transparent{
321 320 color:transparent<?php echo esc_html( $important ); ?>;
322 321 }
323 322
324 -<?php if ( $pro_is_installed ) { ?>
325 323 .with_frm_style .wp-editor-wrap{
326 324 width: var(--field-width)<?php echo esc_html( $important ); ?>;
327 325 max-width:100%;
328 326 }
@@ -334,9 +332,8 @@
334 332
335 333 .with_frm_style .mceIframeContainer{
336 334 background-color: var(--bg-color)<?php echo esc_html( $important ); ?>;
337 335 }
338 -<?php } ?>
339 336
340 337 .with_frm_style select{
341 338 width: var(--auto-width)<?php echo esc_html( $important ); ?>;
342 339 max-width:100%;
@@ -416,13 +413,11 @@
416 413 .frm_none_container .frm_primary_label{
417 414 display:none;
418 415 }
419 416
420 -<?php if ( $pro_is_installed ) { ?>
421 417 .with_frm_style .frm_section_heading.frm_hide_section{
422 418 margin-top:0 !important;
423 419 }
424 -<?php } ?>
425 420
426 421 .with_frm_style .frm_hidden_container .frm_primary_label,
427 422 .with_frm_style .frm_pos_hidden,
428 423 .frm_hidden_container .frm_primary_label{
@@ -446,13 +441,26 @@
446 441 .with_frm_style .frm_inside_container > textarea {
447 442 display: block;
448 443 }
449 444
445 +/* These do not work if they are combined */
450 446 .with_frm_style input::placeholder,
451 447 .with_frm_style textarea::placeholder {
452 448 font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>;
453 449 }
454 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 +
455 463 .with_frm_style .frm_inside_container > input::placeholder,
456 464 .with_frm_style .frm_inside_container > textarea::placeholder {
457 465 opacity: 0;
458 466 transition: opacity 0.3s ease-in;
@@ -494,8 +502,21 @@
494 502 font-size: 12px;
495 503 font-size: calc(0.85 * var(--field-font-size));
496 504 }
497 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 +
498 519 .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder,
499 520 .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder {
500 521 opacity: 1;
501 522 transition: opacity 0.3s ease-in;
@@ -506,9 +527,9 @@
506 527 .with_frm_style .frm_pro_max_limit_desc{
507 528 clear:both;
508 529 }
509 530
510 -.with_frm_style input[type=number][readonly] {
531 +.with_frm_style input[type=number][readonly]{
511 532 -moz-appearance: textfield;
512 533 }
513 534
514 535 .with_frm_style select[multiple="multiple"]{
@@ -515,9 +536,8 @@
515 536 height:auto;
516 537 line-height:normal;
517 538 }
518 539
519 -<?php if ( $pro_is_installed ) { ?>
520 540 .with_frm_style .frm_catlevel_2,
521 541 .with_frm_style .frm_catlevel_3,
522 542 .with_frm_style .frm_catlevel_4,
523 543 .with_frm_style .frm_catlevel_5{
@@ -522,11 +542,9 @@
522 542 .with_frm_style .frm_catlevel_4,
523 543 .with_frm_style .frm_catlevel_5{
524 544 margin-left:18px;
525 545 }
526 -<?php } ?>
527 546
528 -<?php if ( $pro_is_installed ) { ?>
529 547 .with_frm_style .wp-editor-container{
530 548 border:1px solid #e5e5e5;
531 549 }
532 550
@@ -536,9 +554,8 @@
536 554
537 555 .with_frm_style .wp-editor-container textarea{
538 556 border:none;
539 557 }
540 -<?php } ?>
541 558
542 559 .with_frm_style .auto_width #loginform input,
543 560 .with_frm_style .auto_width input,
544 561 .with_frm_style input.auto_width,
@@ -546,16 +563,14 @@
546 563 .with_frm_style textarea.auto_width{
547 564 width:auto<?php echo esc_html( $important ); ?>;
548 565 }
549 566
550 -<?php if ( $pro_is_installed ) { ?>
551 567 .with_frm_style .frm_repeat_buttons{
552 568 white-space:nowrap;
553 569 }
554 -<?php } ?>
555 570
556 571 .with_frm_style .frm_button{
557 - text-decoration:none !important;
572 + text-decoration:none !important;;
558 573 border:1px solid #eee;
559 574 display:inline-block;
560 575 <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?>
561 576 padding: var(--submit-padding)<?php echo esc_html( $important ); ?>;
@@ -649,11 +664,9 @@
649 664 .with_frm_style.frm_center_submit .frm_submit button{
650 665 margin-bottom:8px !important;
651 666 }
652 667
653 -<?php if ( $pro_is_installed ) { ?>
654 668 .with_frm_style .frm-edit-page-btn,
655 -<?php } ?>
656 669 .with_frm_style .frm_submit input[type=submit],
657 670 .with_frm_style .frm_submit input[type=button],
658 671 .with_frm_style .frm_submit button{
659 672 -webkit-appearance: none;
@@ -670,11 +683,9 @@
670 683 /* keep this for reverse compatibility for old HTML */
671 684 visibility:visible !important;
672 685 }
673 686
674 -<?php if ( $pro_is_installed ) { ?>
675 687 .with_frm_style .frm_loading_prev .frm_prev_page,
676 -<?php } ?>
677 688 .with_frm_style .frm_loading_form .frm_button_submit {
678 689 position: relative;
679 690 color: transparent !important;
680 691 text-shadow: none !important;
@@ -679,13 +690,11 @@
679 690 color: transparent !important;
680 691 text-shadow: none !important;
681 692 }
682 693
683 -<?php if ( $pro_is_installed ) { ?>
684 694 .with_frm_style .frm_loading_prev .frm_prev_page:hover,
685 695 .with_frm_style .frm_loading_prev .frm_prev_page:active,
686 696 .with_frm_style .frm_loading_prev .frm_prev_page:focus,
687 -<?php } ?>
688 697 .with_frm_style .frm_loading_form .frm_button_submit:hover,
689 698 .with_frm_style .frm_loading_form .frm_button_submit:active,
690 699 .with_frm_style .frm_loading_form .frm_button_submit:focus {
691 700 cursor: not-allowed;
@@ -693,11 +702,9 @@
693 702 outline: none !important;
694 703 box-shadow: none;
695 704 }
696 705
697 -<?php if ( $pro_is_installed ) { ?>
698 706 .with_frm_style .frm_loading_prev .frm_prev_page::before,
699 -<?php } ?>
700 707 .with_frm_style .frm_loading_form .frm_button_submit:before {
701 708 content: '';
702 709 display: inline-block;
703 710 position: absolute;
@@ -721,13 +728,11 @@
721 728 align-items: center;
722 729 gap: 2%;
723 730 }
724 731
725 -<?php if ( $pro_is_installed ) { ?>
726 732 .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page {
727 733 order: -1;
728 734 }
729 -<?php } ?>
730 735
731 736 <?php
732 737 foreach ( $styles as $style ) {
733 738 include __DIR__ . '/_single_theme.css.php';
@@ -750,18 +755,16 @@
750 755 a.frm_save_draft{
751 756 cursor:pointer;
752 757 }
753 758
754 -<?php if ( $pro_is_installed ) { ?>
755 759 .with_frm_style a.frm_save_draft,
756 760 .with_frm_style a.frm_start_over{
757 - <?php if ( ! empty( $defaults['font'] ) ) { ?>
761 +<?php if ( ! empty( $defaults['font'] ) ) { ?>
758 762 font-family: var(--font);
759 763 <?php } ?>
760 764 font-size: var(--submit-font-size);
761 765 font-weight: var(--submit-weight);
762 766 }
763 -<?php } ?>
764 767
765 768 .horizontal_radio .frm_radio{
766 769 margin:0 5px 0 0;
767 770 }
@@ -970,16 +973,12 @@
970 973 padding:15px;
971 974 }
972 975
973 976 .with_frm_style .frm_message p {
977 + margin-bottom: 5px;
974 978 color: var(--success-text-color)<?php echo esc_html( $important ); ?>;
975 - margin-bottom: 0;
976 979 }
977 980
978 -.with_frm_style .frm_message > p:first-of-type {
979 - margin-top: 0;
980 -}
981 -
982 981 .with_frm_style .frm_message,
983 982 .frm_success_style {
984 983 margin: 5px 0 15px;
985 984 border: 1px solid var(--success-border-color);
@@ -1065,9 +1064,8 @@
1065 1064 .frm-alt-table tr:nth-child(even) {
1066 1065 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1067 1066 }
1068 1067
1069 -<?php if ( $pro_is_installed ) { ?>
1070 1068 table.form_results.with_frm_style{
1071 1069 border-style: solid;
1072 1070 border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1073 1071 border-color: var(--border-color)<?php echo esc_html( $important ); ?>;
@@ -1075,18 +1073,17 @@
1075 1073
1076 1074 table.form_results.with_frm_style tr td{
1077 1075 text-align:left;
1078 1076 padding:7px 9px;
1079 - <?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1077 +<?php if ( ! empty( $defaults['text_color'] ) ) { ?>
1080 1078 color: var(--text-color)<?php echo esc_html( $important ); ?>;
1081 1079 <?php } ?>
1082 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1080 +<?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1083 1081 border-top-style: solid;
1084 1082 border-top-width: var(--field-border-width)<?php echo esc_html( $important ); ?>;
1085 1083 border-top-color: var(--border-color)<?php echo esc_html( $important ); ?>;
1086 1084 <?php } ?>
1087 1085 }
1088 -<?php } ?>
1089 1086
1090 1087 table.form_results.with_frm_style tr.frm_even,
1091 1088 .frm-grid .frm_even{
1092 1089 background-color:#fff;
@@ -1105,23 +1102,18 @@
1105 1102 background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>;
1106 1103 padding: 40px;
1107 1104 }
1108 1105
1109 - <?php if ( $pro_is_installed ) { ?>
1110 1106 .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3,
1111 1107 .frm_color_block.frm_section_heading h3 {
1112 1108 border-width: 0 !important;
1113 1109 }
1114 - <?php } ?>
1115 1110 <?php } ?>
1116 1111
1117 -<?php if ( $pro_is_installed ) { ?>
1118 1112 .frm_collapse .ui-icon{
1119 1113 display:inline-block;
1120 1114 }
1121 -<?php } ?>
1122 1115
1123 -<?php if ( $pro_is_installed ) { ?>
1124 1116 .frm_toggle_container{
1125 1117 /* Prevent the slide and bounce */
1126 1118 border:1px solid transparent;
1127 1119 }
@@ -1138,11 +1130,9 @@
1138 1130
1139 1131 .frm_toggle_container .frm_month_listing{
1140 1132 margin-left:40px;
1141 1133 }
1142 -<?php } ?>
1143 1134
1144 -<?php if ( $pro_is_installed ) { ?>
1145 1135 #frm_loading{
1146 1136 display:none;
1147 1137 position:fixed;
1148 1138 top:0;
@@ -1185,11 +1175,11 @@
1185 1175 #frm_loading .progress.active .progress-bar{
1186 1176 animation:2s linear 0s normal none infinite progress-bar-stripes;
1187 1177 }
1188 1178
1189 - <?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1179 +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?>
1190 1180 #frm_loading .progress-striped .progress-bar {
1191 - <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1181 + <?php if ( ! empty( $defaults['border_color'] ) ) { ?>
1192 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));
1193 1183 <?php } ?>
1194 1184 background-size:40px 40px;
1195 1185 }
@@ -1204,11 +1194,8 @@
1204 1194 text-align: center;
1205 1195 transition: width 0.6s ease 0s;
1206 1196 width: 100%;
1207 1197 }
1208 - <?php
1209 -}//end if
1210 -?>
1211 1198
1212 1199 .frm_image_from_url{
1213 1200 height:50px;
1214 1201 }
@@ -1217,9 +1204,8 @@
1217 1204 background:url(../images/ajax_loader.gif) no-repeat center center;
1218 1205 padding:6px 12px;
1219 1206 }
1220 1207
1221 -<?php if ( $pro_is_installed ) { ?>
1222 1208 select.frm_loading_lookup{
1223 1209 background-image: url(../images/ajax_loader.gif) !important;
1224 1210 background-position: 10px;
1225 1211 background-repeat: no-repeat;
@@ -1224,25 +1210,20 @@
1224 1210 background-position: 10px;
1225 1211 background-repeat: no-repeat;
1226 1212 color: transparent !important;
1227 1213 }
1228 -<?php } ?>
1229 1214
1230 1215 <?php readfile( __DIR__ . '/frm_grids.css' ); ?>
1231 1216
1232 -<?php if ( $pro_is_installed ) { ?>
1233 1217 .frm_conf_field.frm_left_container .frm_primary_label{
1234 1218 display:none;
1235 1219 }
1236 -<?php } ?>
1237 1220
1238 -<?php if ( $pro_is_installed ) { ?>
1239 1221 .wp-editor-wrap *,
1240 1222 .wp-editor-wrap *:after,
1241 1223 .wp-editor-wrap *:before{
1242 1224 box-sizing:content-box;
1243 1225 }
1244 -<?php } ?>
1245 1226
1246 1227 .with_frm_style .frm_grid,
1247 1228 .with_frm_style .frm_grid_first,
1248 1229 .with_frm_style .frm_grid_odd{
@@ -1598,9 +1579,8 @@
1598 1579 /**
1599 1580 * Call action so other plugins can add additional CSS.
1600 1581 *
1601 1582 * @param array $args {
1602 - *
1603 1583 * @type array $defaults
1604 1584 * }
1605 1585 */
1606 1586 do_action( 'frm_include_front_css', compact( 'defaults' ) );
@@ -1607,9 +1587,8 @@
1607 1587 ?>
1608 1588
1609 1589 /* Responsive */
1610 1590
1611 -<?php if ( $pro_is_installed ) { ?>
1612 1591 @media only screen and (max-width: 900px) {
1613 1592 .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label,
1614 1593 .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label,
1615 1594 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
@@ -1615,9 +1594,8 @@
1615 1594 .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{
1616 1595 display: block !important;
1617 1596 }
1618 1597 }
1619 -<?php } ?>
1620 1598
1621 1599 @media only screen and (max-width: 600px) {
1622 1600 .frm_form_field.frm_four_col .frm_opt_container{
1623 1601 grid-template-columns: repeat(2, 1fr);
@@ -1622,14 +1600,12 @@
1622 1600 .frm_form_field.frm_four_col .frm_opt_container{
1623 1601 grid-template-columns: repeat(2, 1fr);
1624 1602 }
1625 1603
1626 - <?php if ( $pro_is_installed ) { ?>
1627 1604 .with_frm_style .frm_repeat_inline,
1628 1605 .with_frm_style .frm_repeat_grid{
1629 1606 margin: 20px 0;
1630 1607 }
1631 - <?php } ?>
1632 1608 }
1633 1609
1634 1610 @media only screen and (max-width: 500px) {
1635 1611 .frm_form_field.frm_two_col .frm_radio,
@@ -1660,15 +1636,8 @@
1660 1636 .with_frm_style .g-recaptcha iframe,
1661 1637 .with_frm_style .frm-g-recaptcha iframe{
1662 1638 width:100%;
1663 1639 }
1664 -}
1665 -
1666 -.frm-card-element .sq-card-wrapper .sq-card-message {
1667 - margin-bottom: 0;
1668 -}
1669 -.frm-card-errors:empty {
1670 - margin: 0;
1671 1640 }
1672 1641 <?php
1673 1642
1674 1643 echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped