| @@ -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,11 +19,11 @@ | ||
| 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 | -$use_chosen_js = FrmStylesHelper::use_chosen_js(); | |
| 25 | +$use_chosen_js = $pro_is_installed && FrmProAppHelper::use_chosen_js(); | |
| 26 | 26 | |
| 27 | 27 | ?> |
| 28 | 28 | .with_frm_style{ |
| 29 | 29 | <?php FrmStylesHelper::output_vars( $defaults ); ?> |
| @@ -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 ); ?>; |
| @@ -227,14 +233,9 @@ | ||
| 227 | 233 | outline: none<?php echo esc_html( $important ); ?>; |
| 228 | 234 | font-weight: var(--field-weight); |
| 229 | 235 | } |
| 230 | 236 | |
| 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 ) : ?> | |
| 237 | +<?php if ( ! empty( $important ) ) : ?> | |
| 237 | 238 | <?php if ( $use_chosen_js ) { ?> |
| 238 | 239 | .with_frm_style .chosen-container-multi .chosen-choices, |
| 239 | 240 | .with_frm_style .chosen-container-single .chosen-single, |
| 240 | 241 | <?php } ?> |
| @@ -325,9 +326,8 @@ | ||
| 325 | 326 | .with_frm_style input[type=file].frm_transparent{ |
| 326 | 327 | color:transparent<?php echo esc_html( $important ); ?>; |
| 327 | 328 | } |
| 328 | 329 | |
| 329 | -<?php if ( $pro_is_installed ) { ?> | |
| 330 | 330 | .with_frm_style .wp-editor-wrap{ |
| 331 | 331 | width: var(--field-width)<?php echo esc_html( $important ); ?>; |
| 332 | 332 | max-width:100%; |
| 333 | 333 | } |
| @@ -339,9 +339,8 @@ | ||
| 339 | 339 | |
| 340 | 340 | .with_frm_style .mceIframeContainer{ |
| 341 | 341 | background-color: var(--bg-color)<?php echo esc_html( $important ); ?>; |
| 342 | 342 | } |
| 343 | -<?php } ?> | |
| 344 | 343 | |
| 345 | 344 | .with_frm_style select{ |
| 346 | 345 | width: var(--auto-width)<?php echo esc_html( $important ); ?>; |
| 347 | 346 | max-width:100%; |
| @@ -421,13 +420,11 @@ | ||
| 421 | 420 | .frm_none_container .frm_primary_label{ |
| 422 | 421 | display:none; |
| 423 | 422 | } |
| 424 | 423 | |
| 425 | -<?php if ( $pro_is_installed ) { ?> | |
| 426 | 424 | .with_frm_style .frm_section_heading.frm_hide_section{ |
| 427 | 425 | margin-top:0 !important; |
| 428 | 426 | } |
| 429 | -<?php } ?> | |
| 430 | 427 | |
| 431 | 428 | .with_frm_style .frm_hidden_container .frm_primary_label, |
| 432 | 429 | .with_frm_style .frm_pos_hidden, |
| 433 | 430 | .frm_hidden_container .frm_primary_label{ |
| @@ -451,13 +448,26 @@ | ||
| 451 | 448 | .with_frm_style .frm_inside_container > textarea { |
| 452 | 449 | display: block; |
| 453 | 450 | } |
| 454 | 451 | |
| 452 | +/* These do not work if they are combined */ | |
| 455 | 453 | .with_frm_style input::placeholder, |
| 456 | 454 | .with_frm_style textarea::placeholder { |
| 457 | 455 | font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>; |
| 458 | 456 | } |
| 459 | 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 | + | |
| 460 | 470 | .with_frm_style .frm_inside_container > input::placeholder, |
| 461 | 471 | .with_frm_style .frm_inside_container > textarea::placeholder { |
| 462 | 472 | opacity: 0; |
| 463 | 473 | transition: opacity 0.3s ease-in; |
| @@ -499,8 +509,21 @@ | ||
| 499 | 509 | font-size: 12px; |
| 500 | 510 | font-size: calc(0.85 * var(--field-font-size)); |
| 501 | 511 | } |
| 502 | 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 | + | |
| 503 | 526 | .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder, |
| 504 | 527 | .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder { |
| 505 | 528 | opacity: 1; |
| 506 | 529 | transition: opacity 0.3s ease-in; |
| @@ -511,9 +534,9 @@ | ||
| 511 | 534 | .with_frm_style .frm_pro_max_limit_desc{ |
| 512 | 535 | clear:both; |
| 513 | 536 | } |
| 514 | 537 | |
| 515 | -.with_frm_style input[type=number][readonly] { | |
| 538 | +.with_frm_style input[type=number][readonly]{ | |
| 516 | 539 | -moz-appearance: textfield; |
| 517 | 540 | } |
| 518 | 541 | |
| 519 | 542 | .with_frm_style select[multiple="multiple"]{ |
| @@ -520,9 +543,8 @@ | ||
| 520 | 543 | height:auto; |
| 521 | 544 | line-height:normal; |
| 522 | 545 | } |
| 523 | 546 | |
| 524 | -<?php if ( $pro_is_installed ) { ?> | |
| 525 | 547 | .with_frm_style .frm_catlevel_2, |
| 526 | 548 | .with_frm_style .frm_catlevel_3, |
| 527 | 549 | .with_frm_style .frm_catlevel_4, |
| 528 | 550 | .with_frm_style .frm_catlevel_5{ |
| @@ -527,11 +549,9 @@ | ||
| 527 | 549 | .with_frm_style .frm_catlevel_4, |
| 528 | 550 | .with_frm_style .frm_catlevel_5{ |
| 529 | 551 | margin-left:18px; |
| 530 | 552 | } |
| 531 | -<?php } ?> | |
| 532 | 553 | |
| 533 | -<?php if ( $pro_is_installed ) { ?> | |
| 534 | 554 | .with_frm_style .wp-editor-container{ |
| 535 | 555 | border:1px solid #e5e5e5; |
| 536 | 556 | } |
| 537 | 557 | |
| @@ -541,9 +561,8 @@ | ||
| 541 | 561 | |
| 542 | 562 | .with_frm_style .wp-editor-container textarea{ |
| 543 | 563 | border:none; |
| 544 | 564 | } |
| 545 | -<?php } ?> | |
| 546 | 565 | |
| 547 | 566 | .with_frm_style .auto_width #loginform input, |
| 548 | 567 | .with_frm_style .auto_width input, |
| 549 | 568 | .with_frm_style input.auto_width, |
| @@ -551,16 +570,14 @@ | ||
| 551 | 570 | .with_frm_style textarea.auto_width{ |
| 552 | 571 | width:auto<?php echo esc_html( $important ); ?>; |
| 553 | 572 | } |
| 554 | 573 | |
| 555 | -<?php if ( $pro_is_installed ) { ?> | |
| 556 | 574 | .with_frm_style .frm_repeat_buttons{ |
| 557 | 575 | white-space:nowrap; |
| 558 | 576 | } |
| 559 | -<?php } ?> | |
| 560 | 577 | |
| 561 | 578 | .with_frm_style .frm_button{ |
| 562 | - text-decoration:none !important; | |
| 579 | + text-decoration:none !important;; | |
| 563 | 580 | border:1px solid #eee; |
| 564 | 581 | display:inline-block; |
| 565 | 582 | <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?> |
| 566 | 583 | padding: var(--submit-padding)<?php echo esc_html( $important ); ?>; |
| @@ -654,11 +671,9 @@ | ||
| 654 | 671 | .with_frm_style.frm_center_submit .frm_submit button{ |
| 655 | 672 | margin-bottom:8px !important; |
| 656 | 673 | } |
| 657 | 674 | |
| 658 | -<?php if ( $pro_is_installed ) { ?> | |
| 659 | 675 | .with_frm_style .frm-edit-page-btn, |
| 660 | -<?php } ?> | |
| 661 | 676 | .with_frm_style .frm_submit input[type=submit], |
| 662 | 677 | .with_frm_style .frm_submit input[type=button], |
| 663 | 678 | .with_frm_style .frm_submit button{ |
| 664 | 679 | -webkit-appearance: none; |
| @@ -675,11 +690,9 @@ | ||
| 675 | 690 | /* keep this for reverse compatibility for old HTML */ |
| 676 | 691 | visibility:visible !important; |
| 677 | 692 | } |
| 678 | 693 | |
| 679 | -<?php if ( $pro_is_installed ) { ?> | |
| 680 | 694 | .with_frm_style .frm_loading_prev .frm_prev_page, |
| 681 | -<?php } ?> | |
| 682 | 695 | .with_frm_style .frm_loading_form .frm_button_submit { |
| 683 | 696 | position: relative; |
| 684 | 697 | color: transparent !important; |
| 685 | 698 | text-shadow: none !important; |
| @@ -684,13 +697,11 @@ | ||
| 684 | 697 | color: transparent !important; |
| 685 | 698 | text-shadow: none !important; |
| 686 | 699 | } |
| 687 | 700 | |
| 688 | -<?php if ( $pro_is_installed ) { ?> | |
| 689 | 701 | .with_frm_style .frm_loading_prev .frm_prev_page:hover, |
| 690 | 702 | .with_frm_style .frm_loading_prev .frm_prev_page:active, |
| 691 | 703 | .with_frm_style .frm_loading_prev .frm_prev_page:focus, |
| 692 | -<?php } ?> | |
| 693 | 704 | .with_frm_style .frm_loading_form .frm_button_submit:hover, |
| 694 | 705 | .with_frm_style .frm_loading_form .frm_button_submit:active, |
| 695 | 706 | .with_frm_style .frm_loading_form .frm_button_submit:focus { |
| 696 | 707 | cursor: not-allowed; |
| @@ -698,11 +709,9 @@ | ||
| 698 | 709 | outline: none !important; |
| 699 | 710 | box-shadow: none; |
| 700 | 711 | } |
| 701 | 712 | |
| 702 | -<?php if ( $pro_is_installed ) { ?> | |
| 703 | 713 | .with_frm_style .frm_loading_prev .frm_prev_page::before, |
| 704 | -<?php } ?> | |
| 705 | 714 | .with_frm_style .frm_loading_form .frm_button_submit:before { |
| 706 | 715 | content: ''; |
| 707 | 716 | display: inline-block; |
| 708 | 717 | position: absolute; |
| @@ -726,13 +735,11 @@ | ||
| 726 | 735 | align-items: center; |
| 727 | 736 | gap: 2%; |
| 728 | 737 | } |
| 729 | 738 | |
| 730 | -<?php if ( $pro_is_installed ) { ?> | |
| 731 | 739 | .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page { |
| 732 | 740 | order: -1; |
| 733 | 741 | } |
| 734 | -<?php } ?> | |
| 735 | 742 | |
| 736 | 743 | <?php |
| 737 | 744 | foreach ( $styles as $style ) { |
| 738 | 745 | include __DIR__ . '/_single_theme.css.php'; |
| @@ -739,9 +746,9 @@ | ||
| 739 | 746 | unset( $style ); |
| 740 | 747 | } |
| 741 | 748 | |
| 742 | 749 | // Set it again since it may have been overridden. |
| 743 | -$important = ! empty( $defaults['important_style'] ) ? ' !important' : ''; | |
| 750 | +$important = empty( $defaults['important_style'] ) ? '' : ' !important'; | |
| 744 | 751 | ?> |
| 745 | 752 | |
| 746 | 753 | .frm_ajax_loading{ |
| 747 | 754 | visibility:hidden; |
| @@ -755,18 +762,16 @@ | ||
| 755 | 762 | a.frm_save_draft{ |
| 756 | 763 | cursor:pointer; |
| 757 | 764 | } |
| 758 | 765 | |
| 759 | -<?php if ( $pro_is_installed ) { ?> | |
| 760 | 766 | .with_frm_style a.frm_save_draft, |
| 761 | 767 | .with_frm_style a.frm_start_over{ |
| 762 | - <?php if ( ! empty( $defaults['font'] ) ) { ?> | |
| 768 | +<?php if ( ! empty( $defaults['font'] ) ) { ?> | |
| 763 | 769 | font-family: var(--font); |
| 764 | 770 | <?php } ?> |
| 765 | 771 | font-size: var(--submit-font-size); |
| 766 | 772 | font-weight: var(--submit-weight); |
| 767 | 773 | } |
| 768 | -<?php } ?> | |
| 769 | 774 | |
| 770 | 775 | .horizontal_radio .frm_radio{ |
| 771 | 776 | margin:0 5px 0 0; |
| 772 | 777 | } |
| @@ -810,19 +815,15 @@ | ||
| 810 | 815 | display:inline-block<?php echo esc_html( $important ); ?>; |
| 811 | 816 | } |
| 812 | 817 | |
| 813 | 818 | .with_frm_style .frm_checkbox label, |
| 814 | -.with_frm_style .frm_radio label { | |
| 815 | - display: inline-block; | |
| 816 | - vertical-align: middle; | |
| 817 | - white-space:normal; | |
| 819 | +.with_frm_style .frm_radio label{ | |
| 820 | + display: flex; | |
| 821 | + align-items: center; | |
| 822 | + gap: 9px; | |
| 823 | + white-space: normal; | |
| 818 | 824 | } |
| 819 | 825 | |
| 820 | -.with_frm_style .frm_checkbox label input[type=checkbox], | |
| 821 | -.with_frm_style .frm_radio label input[type=radio] { | |
| 822 | - margin-right: 4px; | |
| 823 | -} | |
| 824 | - | |
| 825 | 826 | .with_frm_style .frm_checkbox label:not(.frm-label-disabled), |
| 826 | 827 | .with_frm_style .frm_radio label:not(.frm-label-disabled) { |
| 827 | 828 | cursor: pointer; |
| 828 | 829 | } |
| @@ -828,9 +829,8 @@ | ||
| 828 | 829 | } |
| 829 | 830 | |
| 830 | 831 | .with_frm_style .vertical_radio .frm_checkbox label, |
| 831 | 832 | .with_frm_style .vertical_radio .frm_radio label{ |
| 832 | - display: block; | |
| 833 | 833 | width: 100%; |
| 834 | 834 | } |
| 835 | 835 | |
| 836 | 836 | .with_frm_style .frm_radio label, |
| @@ -865,10 +865,10 @@ | ||
| 865 | 865 | { |
| 866 | 866 | border-radius:50%; |
| 867 | 867 | } |
| 868 | 868 | |
| 869 | -.with_frm_style .frm_checkbox input[type=checkbox] { | |
| 870 | - border-radius: calc(var(--border-radius) / 2) !important; | |
| 869 | +.with_frm_style .frm_checkbox input[type=checkbox]{ | |
| 870 | + border-radius: calc(var(--border-radius) / 2); | |
| 871 | 871 | } |
| 872 | 872 | |
| 873 | 873 | .with_frm_style .frm_radio input[type=radio], |
| 874 | 874 | <?php if ( $pro_is_installed ) : ?> |
| @@ -878,11 +878,11 @@ | ||
| 878 | 878 | appearance: none; |
| 879 | 879 | background-color: var(--bg-color); |
| 880 | 880 | flex: none; |
| 881 | 881 | display:inline-block !important; |
| 882 | - width: 16px !important; | |
| 883 | - min-width: 16px !important; | |
| 884 | - height: 16px !important; | |
| 882 | + width: 16px; | |
| 883 | + min-width: 16px; | |
| 884 | + height: 16px; | |
| 885 | 885 | color: var(--border-color); |
| 886 | 886 | border: 1px solid currentColor; |
| 887 | 887 | border-color: var(--border-color); |
| 888 | 888 | vertical-align: middle; |
| @@ -890,17 +890,17 @@ | ||
| 890 | 890 | padding: 0; |
| 891 | 891 | margin: 0; |
| 892 | 892 | } |
| 893 | 893 | |
| 894 | -.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked, | |
| 894 | +.with_frm_style .frm_radio input[type=radio]:not([disabled]):checked, | |
| 895 | 895 | <?php if ( $pro_is_installed ) : ?> |
| 896 | -.frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked, | |
| 896 | +.with_frm_style .frm_scale input[type=radio]:not([disabled]):checked, | |
| 897 | 897 | <?php endif; ?> |
| 898 | -.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked { | |
| 898 | +.with_frm_style .frm_checkbox input[type=checkbox]:not([disabled]):checked { | |
| 899 | 899 | border-color: var(--border-color-active) !important; |
| 900 | 900 | } |
| 901 | 901 | |
| 902 | -.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked { | |
| 902 | +.with_frm_style .frm_checkbox input[type=checkbox]:not([disabled]):checked { | |
| 903 | 903 | background-color: var(--border-color-active) !important; |
| 904 | 904 | } |
| 905 | 905 | |
| 906 | 906 | .with_frm_style .frm_radio input[type=radio][disabled]:checked, |
| @@ -924,16 +924,15 @@ | ||
| 924 | 924 | content: ''; |
| 925 | 925 | display: block; |
| 926 | 926 | } |
| 927 | 927 | |
| 928 | -.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before { | |
| 929 | - width: 100% !important; | |
| 930 | - height: 100% !important; | |
| 931 | - background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important; | |
| 932 | - background-size: 9px !important; | |
| 933 | - background-repeat: no-repeat !important; | |
| 934 | - background-position: center !important; | |
| 935 | - margin: 0; | |
| 928 | +.with_frm_style .frm_checkbox input[type=checkbox]:before{ | |
| 929 | + width: 100%; | |
| 930 | + height: 100%; | |
| 931 | + background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); | |
| 932 | + background-size: 9px; | |
| 933 | + background-repeat: no-repeat; | |
| 934 | + background-position: center; | |
| 936 | 935 | } |
| 937 | 936 | |
| 938 | 937 | <?php if ( $pro_is_installed ) { ?> |
| 939 | 938 | .with_frm_style .frm_scale input[type=radio]:before, |
| @@ -953,8 +952,9 @@ | ||
| 953 | 952 | background-color: var(--border-color); |
| 954 | 953 | } |
| 955 | 954 | |
| 956 | 955 | .with_frm_style :invalid, |
| 956 | +.with_frm_style :-moz-submit-invalid, | |
| 957 | 957 | .with_frm_style :-moz-ui-invalid{ |
| 958 | 958 | box-shadow:none; |
| 959 | 959 | } |
| 960 | 960 | |
| @@ -975,16 +975,12 @@ | ||
| 975 | 975 | padding:15px; |
| 976 | 976 | } |
| 977 | 977 | |
| 978 | 978 | .with_frm_style .frm_message p { |
| 979 | + margin-bottom: 5px; | |
| 979 | 980 | color: var(--success-text-color)<?php echo esc_html( $important ); ?>; |
| 980 | - margin-bottom: 0; | |
| 981 | 981 | } |
| 982 | 982 | |
| 983 | -.with_frm_style .frm_message > p:first-of-type { | |
| 984 | - margin-top: 0; | |
| 985 | -} | |
| 986 | - | |
| 987 | 983 | .with_frm_style .frm_message, |
| 988 | 984 | .frm_success_style { |
| 989 | 985 | margin: 5px 0 15px; |
| 990 | 986 | border: 1px solid var(--success-border-color); |
| @@ -1070,9 +1066,8 @@ | ||
| 1070 | 1066 | .frm-alt-table tr:nth-child(even) { |
| 1071 | 1067 | background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>; |
| 1072 | 1068 | } |
| 1073 | 1069 | |
| 1074 | -<?php if ( $pro_is_installed ) { ?> | |
| 1075 | 1070 | table.form_results.with_frm_style{ |
| 1076 | 1071 | border-style: solid; |
| 1077 | 1072 | border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>; |
| 1078 | 1073 | border-color: var(--border-color)<?php echo esc_html( $important ); ?>; |
| @@ -1080,18 +1075,17 @@ | ||
| 1080 | 1075 | |
| 1081 | 1076 | table.form_results.with_frm_style tr td{ |
| 1082 | 1077 | text-align:left; |
| 1083 | 1078 | padding:7px 9px; |
| 1084 | - <?php if ( ! empty( $defaults['text_color'] ) ) { ?> | |
| 1079 | +<?php if ( ! empty( $defaults['text_color'] ) ) { ?> | |
| 1085 | 1080 | color: var(--text-color)<?php echo esc_html( $important ); ?>; |
| 1086 | 1081 | <?php } ?> |
| 1087 | - <?php if ( ! empty( $defaults['border_color'] ) ) { ?> | |
| 1082 | +<?php if ( ! empty( $defaults['border_color'] ) ) { ?> | |
| 1088 | 1083 | border-top-style: solid; |
| 1089 | 1084 | border-top-width: var(--field-border-width)<?php echo esc_html( $important ); ?>; |
| 1090 | 1085 | border-top-color: var(--border-color)<?php echo esc_html( $important ); ?>; |
| 1091 | 1086 | <?php } ?> |
| 1092 | 1087 | } |
| 1093 | -<?php } ?> | |
| 1094 | 1088 | |
| 1095 | 1089 | table.form_results.with_frm_style tr.frm_even, |
| 1096 | 1090 | .frm-grid .frm_even{ |
| 1097 | 1091 | background-color:#fff; |
| @@ -1110,23 +1104,18 @@ | ||
| 1110 | 1104 | background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>; |
| 1111 | 1105 | padding: 40px; |
| 1112 | 1106 | } |
| 1113 | 1107 | |
| 1114 | - <?php if ( $pro_is_installed ) { ?> | |
| 1115 | 1108 | .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3, |
| 1116 | 1109 | .frm_color_block.frm_section_heading h3 { |
| 1117 | 1110 | border-width: 0 !important; |
| 1118 | 1111 | } |
| 1119 | - <?php } ?> | |
| 1120 | 1112 | <?php } ?> |
| 1121 | 1113 | |
| 1122 | -<?php if ( $pro_is_installed ) { ?> | |
| 1123 | 1114 | .frm_collapse .ui-icon{ |
| 1124 | 1115 | display:inline-block; |
| 1125 | 1116 | } |
| 1126 | -<?php } ?> | |
| 1127 | 1117 | |
| 1128 | -<?php if ( $pro_is_installed ) { ?> | |
| 1129 | 1118 | .frm_toggle_container{ |
| 1130 | 1119 | /* Prevent the slide and bounce */ |
| 1131 | 1120 | border:1px solid transparent; |
| 1132 | 1121 | } |
| @@ -1143,11 +1132,9 @@ | ||
| 1143 | 1132 | |
| 1144 | 1133 | .frm_toggle_container .frm_month_listing{ |
| 1145 | 1134 | margin-left:40px; |
| 1146 | 1135 | } |
| 1147 | -<?php } ?> | |
| 1148 | 1136 | |
| 1149 | -<?php if ( $pro_is_installed ) { ?> | |
| 1150 | 1137 | #frm_loading{ |
| 1151 | 1138 | display:none; |
| 1152 | 1139 | position:fixed; |
| 1153 | 1140 | top:0; |
| @@ -1190,11 +1177,11 @@ | ||
| 1190 | 1177 | #frm_loading .progress.active .progress-bar{ |
| 1191 | 1178 | animation:2s linear 0s normal none infinite progress-bar-stripes; |
| 1192 | 1179 | } |
| 1193 | 1180 | |
| 1194 | - <?php if ( ! empty( $defaults['bg_color'] ) ) { ?> | |
| 1181 | +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?> | |
| 1195 | 1182 | #frm_loading .progress-striped .progress-bar { |
| 1196 | - <?php if ( ! empty( $defaults['border_color'] ) ) { ?> | |
| 1183 | + <?php if ( ! empty( $defaults['border_color'] ) ) { ?> | |
| 1197 | 1184 | 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 | 1185 | <?php } ?> |
| 1199 | 1186 | background-size:40px 40px; |
| 1200 | 1187 | } |
| @@ -1209,11 +1196,8 @@ | ||
| 1209 | 1196 | text-align: center; |
| 1210 | 1197 | transition: width 0.6s ease 0s; |
| 1211 | 1198 | width: 100%; |
| 1212 | 1199 | } |
| 1213 | - <?php | |
| 1214 | -}//end if | |
| 1215 | -?> | |
| 1216 | 1200 | |
| 1217 | 1201 | .frm_image_from_url{ |
| 1218 | 1202 | height:50px; |
| 1219 | 1203 | } |
| @@ -1222,9 +1206,8 @@ | ||
| 1222 | 1206 | background:url(../images/ajax_loader.gif) no-repeat center center; |
| 1223 | 1207 | padding:6px 12px; |
| 1224 | 1208 | } |
| 1225 | 1209 | |
| 1226 | -<?php if ( $pro_is_installed ) { ?> | |
| 1227 | 1210 | select.frm_loading_lookup{ |
| 1228 | 1211 | background-image: url(../images/ajax_loader.gif) !important; |
| 1229 | 1212 | background-position: 10px; |
| 1230 | 1213 | background-repeat: no-repeat; |
| @@ -1229,25 +1212,20 @@ | ||
| 1229 | 1212 | background-position: 10px; |
| 1230 | 1213 | background-repeat: no-repeat; |
| 1231 | 1214 | color: transparent !important; |
| 1232 | 1215 | } |
| 1233 | -<?php } ?> | |
| 1234 | 1216 | |
| 1235 | 1217 | <?php readfile( __DIR__ . '/frm_grids.css' ); ?> |
| 1236 | 1218 | |
| 1237 | -<?php if ( $pro_is_installed ) { ?> | |
| 1238 | 1219 | .frm_conf_field.frm_left_container .frm_primary_label{ |
| 1239 | 1220 | display:none; |
| 1240 | 1221 | } |
| 1241 | -<?php } ?> | |
| 1242 | 1222 | |
| 1243 | -<?php if ( $pro_is_installed ) { ?> | |
| 1244 | 1223 | .wp-editor-wrap *, |
| 1245 | 1224 | .wp-editor-wrap *:after, |
| 1246 | 1225 | .wp-editor-wrap *:before{ |
| 1247 | 1226 | box-sizing:content-box; |
| 1248 | 1227 | } |
| 1249 | -<?php } ?> | |
| 1250 | 1228 | |
| 1251 | 1229 | .with_frm_style .frm_grid, |
| 1252 | 1230 | .with_frm_style .frm_grid_first, |
| 1253 | 1231 | .with_frm_style .frm_grid_odd{ |
| @@ -1332,10 +1310,9 @@ | ||
| 1332 | 1310 | .frm_grid_odd .frm_radio label, |
| 1333 | 1311 | .frm_grid_first .frm_checkbox label, |
| 1334 | 1312 | .frm_grid .frm_checkbox label, |
| 1335 | 1313 | .frm_grid_odd .frm_checkbox label{ |
| 1336 | - color:transparent; | |
| 1337 | - text-indent: -9999px; | |
| 1314 | + visibility:hidden; | |
| 1338 | 1315 | white-space:nowrap; |
| 1339 | 1316 | text-align:left; |
| 1340 | 1317 | } |
| 1341 | 1318 | |
| @@ -1461,18 +1438,8 @@ | ||
| 1461 | 1438 | .frm_form_field.frm_left_container .frm_opt_container{ |
| 1462 | 1439 | padding-top:4px; |
| 1463 | 1440 | } |
| 1464 | 1441 | |
| 1465 | -.with_frm_style .frm_left_container > select.auto_width, | |
| 1466 | -.with_frm_style .frm_right_container > select.auto_width { | |
| 1467 | - width: max-content<?php echo esc_html( $important ); ?>; | |
| 1468 | -} | |
| 1469 | - | |
| 1470 | -.with_frm_style .frm_right_container > .frm_primary_label, | |
| 1471 | -.with_frm_style .frm_right_container > select.auto_width { | |
| 1472 | - margin-left: auto<?php echo esc_html( $important ); ?>; | |
| 1473 | -} | |
| 1474 | - | |
| 1475 | 1442 | .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label, |
| 1476 | 1443 | .with_frm_style .frm_inline_container.frm_grid .frm_primary_label, |
| 1477 | 1444 | .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label, |
| 1478 | 1445 | .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container, |
| @@ -1603,9 +1570,8 @@ | ||
| 1603 | 1570 | /** |
| 1604 | 1571 | * Call action so other plugins can add additional CSS. |
| 1605 | 1572 | * |
| 1606 | 1573 | * @param array $args { |
| 1607 | - * | |
| 1608 | 1574 | * @type array $defaults |
| 1609 | 1575 | * } |
| 1610 | 1576 | */ |
| 1611 | 1577 | do_action( 'frm_include_front_css', compact( 'defaults' ) ); |
| @@ -1612,9 +1578,8 @@ | ||
| 1612 | 1578 | ?> |
| 1613 | 1579 | |
| 1614 | 1580 | /* Responsive */ |
| 1615 | 1581 | |
| 1616 | -<?php if ( $pro_is_installed ) { ?> | |
| 1617 | 1582 | @media only screen and (max-width: 900px) { |
| 1618 | 1583 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, |
| 1619 | 1584 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label, |
| 1620 | 1585 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{ |
| @@ -1620,9 +1585,8 @@ | ||
| 1620 | 1585 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{ |
| 1621 | 1586 | display: block !important; |
| 1622 | 1587 | } |
| 1623 | 1588 | } |
| 1624 | -<?php } ?> | |
| 1625 | 1589 | |
| 1626 | 1590 | @media only screen and (max-width: 600px) { |
| 1627 | 1591 | .frm_form_field.frm_four_col .frm_opt_container{ |
| 1628 | 1592 | grid-template-columns: repeat(2, 1fr); |
| @@ -1627,14 +1591,12 @@ | ||
| 1627 | 1591 | .frm_form_field.frm_four_col .frm_opt_container{ |
| 1628 | 1592 | grid-template-columns: repeat(2, 1fr); |
| 1629 | 1593 | } |
| 1630 | 1594 | |
| 1631 | - <?php if ( $pro_is_installed ) { ?> | |
| 1632 | 1595 | .with_frm_style .frm_repeat_inline, |
| 1633 | 1596 | .with_frm_style .frm_repeat_grid{ |
| 1634 | 1597 | margin: 20px 0; |
| 1635 | 1598 | } |
| 1636 | - <?php } ?> | |
| 1637 | 1599 | } |
| 1638 | 1600 | |
| 1639 | 1601 | @media only screen and (max-width: 500px) { |
| 1640 | 1602 | .frm_form_field.frm_two_col .frm_radio, |
| @@ -1666,18 +1628,7 @@ | ||
| 1666 | 1628 | .with_frm_style .frm-g-recaptcha iframe{ |
| 1667 | 1629 | width:100%; |
| 1668 | 1630 | } |
| 1669 | 1631 | } |
| 1670 | - | |
| 1671 | -.frm-card-element .sq-card-wrapper .sq-card-message { | |
| 1672 | - margin-bottom: 0; | |
| 1673 | -} | |
| 1674 | -.frm-card-errors:empty { | |
| 1675 | - margin: 0; | |
| 1676 | -} | |
| 1677 | 1632 | <?php |
| 1678 | 1633 | |
| 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 | -} | |
| 1634 | +echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
