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