| @@ -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 | } |
| @@ -18,19 +18,13 @@ | ||
| 18 | 18 | } |
| 19 | 19 | |
| 20 | 20 | $styles = $frm_style->get_all(); |
| 21 | 21 | $default_style = $frm_style->get_default_style( $styles ); |
| 22 | +$defaults = FrmStylesHelper::get_settings_for_output( $default_style ); | |
| 23 | +$important = empty( $defaults['important_style'] ) ? '' : ' !important'; | |
| 22 | 24 | $pro_is_installed = FrmAppHelper::pro_is_installed(); |
| 25 | +$use_chosen_js = FrmStylesHelper::use_chosen_js(); | |
| 23 | 26 | |
| 24 | -if ( ! $pro_is_installed && $default_style ) { | |
| 25 | - // Per-form styles are a Pro feature, so only the default style is ever used without Pro. | |
| 26 | - $styles = array( $default_style->ID => $default_style ); | |
| 27 | -} | |
| 28 | - | |
| 29 | -$defaults = FrmStylesHelper::get_settings_for_output( $default_style ); | |
| 30 | -$important = ! empty( $defaults['important_style'] ) ? ' !important' : ''; | |
| 31 | -$use_chosen_js = FrmStylesHelper::use_chosen_js(); | |
| 32 | - | |
| 33 | 27 | ?> |
| 34 | 28 | .with_frm_style{ |
| 35 | 29 | <?php FrmStylesHelper::output_vars( $defaults ); ?> |
| 36 | 30 | } |
| @@ -71,8 +65,15 @@ | ||
| 71 | 65 | padding: var(--form-desc-padding)<?php echo esc_html( $important ); ?>; |
| 72 | 66 | <?php } ?> |
| 73 | 67 | } |
| 74 | 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 | + | |
| 75 | 76 | .with_frm_style fieldset{ |
| 76 | 77 | min-width:0; |
| 77 | 78 | display: block; /* Override 2021 theme */ |
| 78 | 79 | } |
| @@ -148,14 +149,13 @@ | ||
| 148 | 149 | color: var(--form-desc-color)<?php echo esc_html( $important ); ?>; |
| 149 | 150 | <?php } ?> |
| 150 | 151 | } |
| 151 | 152 | |
| 153 | +<?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?> | |
| 152 | 154 | .with_frm_style .frm_form_field.frm_html_container{ |
| 153 | -<?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?> | |
| 154 | 155 | font-size: var(--form-desc-size)<?php echo esc_html( $important ); ?>; |
| 156 | +} | |
| 155 | 157 | <?php } ?> |
| 156 | - overflow-wrap: break-word<?php echo esc_html( $important ); ?>; | |
| 157 | -} | |
| 158 | 158 | |
| 159 | 159 | .with_frm_style .frm_form_field .frm_show_it{ |
| 160 | 160 | <?php if ( ! empty( $defaults['field_font_size'] ) ) { ?> |
| 161 | 161 | font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>; |
| @@ -198,14 +198,8 @@ | ||
| 198 | 198 | vertical-align:top; |
| 199 | 199 | height:auto; |
| 200 | 200 | } |
| 201 | 201 | |
| 202 | -<?php if ( $use_chosen_js ) { ?> | |
| 203 | -.with_frm_style .chosen-container-multi .chosen-choices, | |
| 204 | -.with_frm_style .chosen-container-single .chosen-single, | |
| 205 | -<?php } elseif ( $pro_is_installed ) { ?> | |
| 206 | -.with_frm_style .frm_slimselect.ss-main, | |
| 207 | -<?php } ?> | |
| 208 | 202 | .with_frm_style input[type=text], |
| 209 | 203 | .with_frm_style input[type=password], |
| 210 | 204 | .with_frm_style input[type=email], |
| 211 | 205 | .with_frm_style input[type=number], |
| @@ -218,9 +212,14 @@ | ||
| 218 | 212 | .frm_form_fields_style, |
| 219 | 213 | .with_frm_style .frm_scroll_box .frm_opt_container, |
| 220 | 214 | .frm_form_fields_active_style, |
| 221 | 215 | .frm_form_fields_error_style, |
| 222 | -.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 { | |
| 223 | 222 | color: var(--text-color)<?php echo esc_html( $important ); ?>; |
| 224 | 223 | background-color: var(--bg-color)<?php echo esc_html( $important ); ?>; |
| 225 | 224 | border-color: var(--border-color)<?php echo esc_html( $important ); ?>; |
| 226 | 225 | border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>; |
| @@ -234,14 +233,9 @@ | ||
| 234 | 233 | outline: none<?php echo esc_html( $important ); ?>; |
| 235 | 234 | font-weight: var(--field-weight); |
| 236 | 235 | } |
| 237 | 236 | |
| 238 | -.with_frm_style input:-webkit-autofill:focus { | |
| 239 | - /* Prevent the user agent autofill background color from taking effect on focus. */ | |
| 240 | - transition: background-color 5000s ease-in-out 0s<?php echo esc_html( $important ); ?>; | |
| 241 | -} | |
| 242 | - | |
| 243 | -<?php if ( $important ) : ?> | |
| 237 | +<?php if ( ! empty( $important ) ) : ?> | |
| 244 | 238 | <?php if ( $use_chosen_js ) { ?> |
| 245 | 239 | .with_frm_style .chosen-container-multi .chosen-choices, |
| 246 | 240 | .with_frm_style .chosen-container-single .chosen-single, |
| 247 | 241 | <?php } ?> |
| @@ -332,9 +326,8 @@ | ||
| 332 | 326 | .with_frm_style input[type=file].frm_transparent{ |
| 333 | 327 | color:transparent<?php echo esc_html( $important ); ?>; |
| 334 | 328 | } |
| 335 | 329 | |
| 336 | -<?php if ( $pro_is_installed ) { ?> | |
| 337 | 330 | .with_frm_style .wp-editor-wrap{ |
| 338 | 331 | width: var(--field-width)<?php echo esc_html( $important ); ?>; |
| 339 | 332 | max-width:100%; |
| 340 | 333 | } |
| @@ -346,9 +339,8 @@ | ||
| 346 | 339 | |
| 347 | 340 | .with_frm_style .mceIframeContainer{ |
| 348 | 341 | background-color: var(--bg-color)<?php echo esc_html( $important ); ?>; |
| 349 | 342 | } |
| 350 | -<?php } ?> | |
| 351 | 343 | |
| 352 | 344 | .with_frm_style select{ |
| 353 | 345 | width: var(--auto-width)<?php echo esc_html( $important ); ?>; |
| 354 | 346 | max-width:100%; |
| @@ -428,13 +420,11 @@ | ||
| 428 | 420 | .frm_none_container .frm_primary_label{ |
| 429 | 421 | display:none; |
| 430 | 422 | } |
| 431 | 423 | |
| 432 | -<?php if ( $pro_is_installed ) { ?> | |
| 433 | 424 | .with_frm_style .frm_section_heading.frm_hide_section{ |
| 434 | 425 | margin-top:0 !important; |
| 435 | 426 | } |
| 436 | -<?php } ?> | |
| 437 | 427 | |
| 438 | 428 | .with_frm_style .frm_hidden_container .frm_primary_label, |
| 439 | 429 | .with_frm_style .frm_pos_hidden, |
| 440 | 430 | .frm_hidden_container .frm_primary_label{ |
| @@ -458,13 +448,26 @@ | ||
| 458 | 448 | .with_frm_style .frm_inside_container > textarea { |
| 459 | 449 | display: block; |
| 460 | 450 | } |
| 461 | 451 | |
| 452 | +/* These do not work if they are combined */ | |
| 462 | 453 | .with_frm_style input::placeholder, |
| 463 | 454 | .with_frm_style textarea::placeholder { |
| 464 | 455 | font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>; |
| 465 | 456 | } |
| 466 | 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 | + | |
| 467 | 470 | .with_frm_style .frm_inside_container > input::placeholder, |
| 468 | 471 | .with_frm_style .frm_inside_container > textarea::placeholder { |
| 469 | 472 | opacity: 0; |
| 470 | 473 | transition: opacity 0.3s ease-in; |
| @@ -506,8 +509,21 @@ | ||
| 506 | 509 | font-size: 12px; |
| 507 | 510 | font-size: calc(0.85 * var(--field-font-size)); |
| 508 | 511 | } |
| 509 | 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 | + | |
| 510 | 526 | .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder, |
| 511 | 527 | .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder { |
| 512 | 528 | opacity: 1; |
| 513 | 529 | transition: opacity 0.3s ease-in; |
| @@ -518,9 +534,9 @@ | ||
| 518 | 534 | .with_frm_style .frm_pro_max_limit_desc{ |
| 519 | 535 | clear:both; |
| 520 | 536 | } |
| 521 | 537 | |
| 522 | -.with_frm_style input[type=number][readonly] { | |
| 538 | +.with_frm_style input[type=number][readonly]{ | |
| 523 | 539 | -moz-appearance: textfield; |
| 524 | 540 | } |
| 525 | 541 | |
| 526 | 542 | .with_frm_style select[multiple="multiple"]{ |
| @@ -527,9 +543,8 @@ | ||
| 527 | 543 | height:auto; |
| 528 | 544 | line-height:normal; |
| 529 | 545 | } |
| 530 | 546 | |
| 531 | -<?php if ( $pro_is_installed ) { ?> | |
| 532 | 547 | .with_frm_style .frm_catlevel_2, |
| 533 | 548 | .with_frm_style .frm_catlevel_3, |
| 534 | 549 | .with_frm_style .frm_catlevel_4, |
| 535 | 550 | .with_frm_style .frm_catlevel_5{ |
| @@ -534,11 +549,9 @@ | ||
| 534 | 549 | .with_frm_style .frm_catlevel_4, |
| 535 | 550 | .with_frm_style .frm_catlevel_5{ |
| 536 | 551 | margin-left:18px; |
| 537 | 552 | } |
| 538 | -<?php } ?> | |
| 539 | 553 | |
| 540 | -<?php if ( $pro_is_installed ) { ?> | |
| 541 | 554 | .with_frm_style .wp-editor-container{ |
| 542 | 555 | border:1px solid #e5e5e5; |
| 543 | 556 | } |
| 544 | 557 | |
| @@ -548,9 +561,8 @@ | ||
| 548 | 561 | |
| 549 | 562 | .with_frm_style .wp-editor-container textarea{ |
| 550 | 563 | border:none; |
| 551 | 564 | } |
| 552 | -<?php } ?> | |
| 553 | 565 | |
| 554 | 566 | .with_frm_style .auto_width #loginform input, |
| 555 | 567 | .with_frm_style .auto_width input, |
| 556 | 568 | .with_frm_style input.auto_width, |
| @@ -558,16 +570,14 @@ | ||
| 558 | 570 | .with_frm_style textarea.auto_width{ |
| 559 | 571 | width:auto<?php echo esc_html( $important ); ?>; |
| 560 | 572 | } |
| 561 | 573 | |
| 562 | -<?php if ( $pro_is_installed ) { ?> | |
| 563 | 574 | .with_frm_style .frm_repeat_buttons{ |
| 564 | 575 | white-space:nowrap; |
| 565 | 576 | } |
| 566 | -<?php } ?> | |
| 567 | 577 | |
| 568 | 578 | .with_frm_style .frm_button{ |
| 569 | - text-decoration:none !important; | |
| 579 | + text-decoration:none !important;; | |
| 570 | 580 | border:1px solid #eee; |
| 571 | 581 | display:inline-block; |
| 572 | 582 | <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?> |
| 573 | 583 | padding: var(--submit-padding)<?php echo esc_html( $important ); ?>; |
| @@ -574,8 +584,9 @@ | ||
| 574 | 584 | <?php } else { ?> |
| 575 | 585 | padding:5px; |
| 576 | 586 | <?php } ?> |
| 577 | 587 | <?php if ( ! empty( $defaults['border_radius'] ) ) { ?> |
| 588 | + border-radius:<?php echo esc_html( $defaults['border_radius'] . $important ); ?>; | |
| 578 | 589 | border-radius:var(--border-radius)<?php echo esc_html( $important ); ?>; |
| 579 | 590 | <?php } ?> |
| 580 | 591 | <?php if ( ! empty( $defaults['submit_font_size'] ) ) { ?> |
| 581 | 592 | font-size: var(--submit-font-size)<?php echo esc_html( $important ); ?>; |
| @@ -660,11 +671,9 @@ | ||
| 660 | 671 | .with_frm_style.frm_center_submit .frm_submit button{ |
| 661 | 672 | margin-bottom:8px !important; |
| 662 | 673 | } |
| 663 | 674 | |
| 664 | -<?php if ( $pro_is_installed ) { ?> | |
| 665 | 675 | .with_frm_style .frm-edit-page-btn, |
| 666 | -<?php } ?> | |
| 667 | 676 | .with_frm_style .frm_submit input[type=submit], |
| 668 | 677 | .with_frm_style .frm_submit input[type=button], |
| 669 | 678 | .with_frm_style .frm_submit button{ |
| 670 | 679 | -webkit-appearance: none; |
| @@ -681,11 +690,9 @@ | ||
| 681 | 690 | /* keep this for reverse compatibility for old HTML */ |
| 682 | 691 | visibility:visible !important; |
| 683 | 692 | } |
| 684 | 693 | |
| 685 | -<?php if ( $pro_is_installed ) { ?> | |
| 686 | 694 | .with_frm_style .frm_loading_prev .frm_prev_page, |
| 687 | -<?php } ?> | |
| 688 | 695 | .with_frm_style .frm_loading_form .frm_button_submit { |
| 689 | 696 | position: relative; |
| 690 | 697 | color: transparent !important; |
| 691 | 698 | text-shadow: none !important; |
| @@ -690,13 +697,11 @@ | ||
| 690 | 697 | color: transparent !important; |
| 691 | 698 | text-shadow: none !important; |
| 692 | 699 | } |
| 693 | 700 | |
| 694 | -<?php if ( $pro_is_installed ) { ?> | |
| 695 | 701 | .with_frm_style .frm_loading_prev .frm_prev_page:hover, |
| 696 | 702 | .with_frm_style .frm_loading_prev .frm_prev_page:active, |
| 697 | 703 | .with_frm_style .frm_loading_prev .frm_prev_page:focus, |
| 698 | -<?php } ?> | |
| 699 | 704 | .with_frm_style .frm_loading_form .frm_button_submit:hover, |
| 700 | 705 | .with_frm_style .frm_loading_form .frm_button_submit:active, |
| 701 | 706 | .with_frm_style .frm_loading_form .frm_button_submit:focus { |
| 702 | 707 | cursor: not-allowed; |
| @@ -704,11 +709,9 @@ | ||
| 704 | 709 | outline: none !important; |
| 705 | 710 | box-shadow: none; |
| 706 | 711 | } |
| 707 | 712 | |
| 708 | -<?php if ( $pro_is_installed ) { ?> | |
| 709 | 713 | .with_frm_style .frm_loading_prev .frm_prev_page::before, |
| 710 | -<?php } ?> | |
| 711 | 714 | .with_frm_style .frm_loading_form .frm_button_submit:before { |
| 712 | 715 | content: ''; |
| 713 | 716 | display: inline-block; |
| 714 | 717 | position: absolute; |
| @@ -732,13 +735,11 @@ | ||
| 732 | 735 | align-items: center; |
| 733 | 736 | gap: 2%; |
| 734 | 737 | } |
| 735 | 738 | |
| 736 | -<?php if ( $pro_is_installed ) { ?> | |
| 737 | 739 | .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page { |
| 738 | 740 | order: -1; |
| 739 | 741 | } |
| 740 | -<?php } ?> | |
| 741 | 742 | |
| 742 | 743 | <?php |
| 743 | 744 | foreach ( $styles as $style ) { |
| 744 | 745 | include __DIR__ . '/_single_theme.css.php'; |
| @@ -745,9 +746,9 @@ | ||
| 745 | 746 | unset( $style ); |
| 746 | 747 | } |
| 747 | 748 | |
| 748 | 749 | // Set it again since it may have been overridden. |
| 749 | -$important = ! empty( $defaults['important_style'] ) ? ' !important' : ''; | |
| 750 | +$important = empty( $defaults['important_style'] ) ? '' : ' !important'; | |
| 750 | 751 | ?> |
| 751 | 752 | |
| 752 | 753 | .frm_ajax_loading{ |
| 753 | 754 | visibility:hidden; |
| @@ -761,18 +762,16 @@ | ||
| 761 | 762 | a.frm_save_draft{ |
| 762 | 763 | cursor:pointer; |
| 763 | 764 | } |
| 764 | 765 | |
| 765 | -<?php if ( $pro_is_installed ) { ?> | |
| 766 | 766 | .with_frm_style a.frm_save_draft, |
| 767 | 767 | .with_frm_style a.frm_start_over{ |
| 768 | - <?php if ( ! empty( $defaults['font'] ) ) { ?> | |
| 768 | +<?php if ( ! empty( $defaults['font'] ) ) { ?> | |
| 769 | 769 | font-family: var(--font); |
| 770 | 770 | <?php } ?> |
| 771 | 771 | font-size: var(--submit-font-size); |
| 772 | 772 | font-weight: var(--submit-weight); |
| 773 | 773 | } |
| 774 | -<?php } ?> | |
| 775 | 774 | |
| 776 | 775 | .horizontal_radio .frm_radio{ |
| 777 | 776 | margin:0 5px 0 0; |
| 778 | 777 | } |
| @@ -816,19 +815,15 @@ | ||
| 816 | 815 | display:inline-block<?php echo esc_html( $important ); ?>; |
| 817 | 816 | } |
| 818 | 817 | |
| 819 | 818 | .with_frm_style .frm_checkbox label, |
| 820 | -.with_frm_style .frm_radio label { | |
| 821 | - display: inline-block; | |
| 822 | - vertical-align: middle; | |
| 823 | - white-space:normal; | |
| 819 | +.with_frm_style .frm_radio label{ | |
| 820 | + display: flex; | |
| 821 | + align-items: center; | |
| 822 | + gap: 9px; | |
| 823 | + white-space: normal; | |
| 824 | 824 | } |
| 825 | 825 | |
| 826 | -.with_frm_style .frm_checkbox label input[type=checkbox], | |
| 827 | -.with_frm_style .frm_radio label input[type=radio] { | |
| 828 | - margin-right: 4px; | |
| 829 | -} | |
| 830 | - | |
| 831 | 826 | .with_frm_style .frm_checkbox label:not(.frm-label-disabled), |
| 832 | 827 | .with_frm_style .frm_radio label:not(.frm-label-disabled) { |
| 833 | 828 | cursor: pointer; |
| 834 | 829 | } |
| @@ -834,9 +829,8 @@ | ||
| 834 | 829 | } |
| 835 | 830 | |
| 836 | 831 | .with_frm_style .vertical_radio .frm_checkbox label, |
| 837 | 832 | .with_frm_style .vertical_radio .frm_radio label{ |
| 838 | - display: block; | |
| 839 | 833 | width: 100%; |
| 840 | 834 | } |
| 841 | 835 | |
| 842 | 836 | .with_frm_style .frm_radio label, |
| @@ -871,10 +865,10 @@ | ||
| 871 | 865 | { |
| 872 | 866 | border-radius:50%; |
| 873 | 867 | } |
| 874 | 868 | |
| 875 | -.with_frm_style .frm_checkbox input[type=checkbox] { | |
| 876 | - 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); | |
| 877 | 871 | } |
| 878 | 872 | |
| 879 | 873 | .with_frm_style .frm_radio input[type=radio], |
| 880 | 874 | <?php if ( $pro_is_installed ) : ?> |
| @@ -884,11 +878,11 @@ | ||
| 884 | 878 | appearance: none; |
| 885 | 879 | background-color: var(--bg-color); |
| 886 | 880 | flex: none; |
| 887 | 881 | display:inline-block !important; |
| 888 | - width: 16px !important; | |
| 889 | - min-width: 16px !important; | |
| 890 | - height: 16px !important; | |
| 882 | + width: 16px; | |
| 883 | + min-width: 16px; | |
| 884 | + height: 16px; | |
| 891 | 885 | color: var(--border-color); |
| 892 | 886 | border: 1px solid currentColor; |
| 893 | 887 | border-color: var(--border-color); |
| 894 | 888 | vertical-align: middle; |
| @@ -896,17 +890,17 @@ | ||
| 896 | 890 | padding: 0; |
| 897 | 891 | margin: 0; |
| 898 | 892 | } |
| 899 | 893 | |
| 900 | -.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, | |
| 901 | 895 | <?php if ( $pro_is_installed ) : ?> |
| 902 | -.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, | |
| 903 | 897 | <?php endif; ?> |
| 904 | -.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 { | |
| 905 | 899 | border-color: var(--border-color-active) !important; |
| 906 | 900 | } |
| 907 | 901 | |
| 908 | -.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 { | |
| 909 | 903 | background-color: var(--border-color-active) !important; |
| 910 | 904 | } |
| 911 | 905 | |
| 912 | 906 | .with_frm_style .frm_radio input[type=radio][disabled]:checked, |
| @@ -930,16 +924,15 @@ | ||
| 930 | 924 | content: ''; |
| 931 | 925 | display: block; |
| 932 | 926 | } |
| 933 | 927 | |
| 934 | -.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before { | |
| 935 | - width: 100% !important; | |
| 936 | - height: 100% !important; | |
| 937 | - 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; | |
| 938 | - background-size: 9px !important; | |
| 939 | - background-repeat: no-repeat !important; | |
| 940 | - background-position: center !important; | |
| 941 | - 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; | |
| 942 | 935 | } |
| 943 | 936 | |
| 944 | 937 | <?php if ( $pro_is_installed ) { ?> |
| 945 | 938 | .with_frm_style .frm_scale input[type=radio]:before, |
| @@ -959,8 +952,9 @@ | ||
| 959 | 952 | background-color: var(--border-color); |
| 960 | 953 | } |
| 961 | 954 | |
| 962 | 955 | .with_frm_style :invalid, |
| 956 | +.with_frm_style :-moz-submit-invalid, | |
| 963 | 957 | .with_frm_style :-moz-ui-invalid{ |
| 964 | 958 | box-shadow:none; |
| 965 | 959 | } |
| 966 | 960 | |
| @@ -981,16 +975,12 @@ | ||
| 981 | 975 | padding:15px; |
| 982 | 976 | } |
| 983 | 977 | |
| 984 | 978 | .with_frm_style .frm_message p { |
| 979 | + margin-bottom: 5px; | |
| 985 | 980 | color: var(--success-text-color)<?php echo esc_html( $important ); ?>; |
| 986 | - margin-bottom: 0; | |
| 987 | 981 | } |
| 988 | 982 | |
| 989 | -.with_frm_style .frm_message > p:first-of-type { | |
| 990 | - margin-top: 0; | |
| 991 | -} | |
| 992 | - | |
| 993 | 983 | .with_frm_style .frm_message, |
| 994 | 984 | .frm_success_style { |
| 995 | 985 | margin: 5px 0 15px; |
| 996 | 986 | border: 1px solid var(--success-border-color); |
| @@ -1076,9 +1066,8 @@ | ||
| 1076 | 1066 | .frm-alt-table tr:nth-child(even) { |
| 1077 | 1067 | background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>; |
| 1078 | 1068 | } |
| 1079 | 1069 | |
| 1080 | -<?php if ( $pro_is_installed ) { ?> | |
| 1081 | 1070 | table.form_results.with_frm_style{ |
| 1082 | 1071 | border-style: solid; |
| 1083 | 1072 | border-width: var(--field-border-width)<?php echo esc_html( $important ); ?>; |
| 1084 | 1073 | border-color: var(--border-color)<?php echo esc_html( $important ); ?>; |
| @@ -1086,18 +1075,17 @@ | ||
| 1086 | 1075 | |
| 1087 | 1076 | table.form_results.with_frm_style tr td{ |
| 1088 | 1077 | text-align:left; |
| 1089 | 1078 | padding:7px 9px; |
| 1090 | - <?php if ( ! empty( $defaults['text_color'] ) ) { ?> | |
| 1079 | +<?php if ( ! empty( $defaults['text_color'] ) ) { ?> | |
| 1091 | 1080 | color: var(--text-color)<?php echo esc_html( $important ); ?>; |
| 1092 | 1081 | <?php } ?> |
| 1093 | - <?php if ( ! empty( $defaults['border_color'] ) ) { ?> | |
| 1082 | +<?php if ( ! empty( $defaults['border_color'] ) ) { ?> | |
| 1094 | 1083 | border-top-style: solid; |
| 1095 | 1084 | border-top-width: var(--field-border-width)<?php echo esc_html( $important ); ?>; |
| 1096 | 1085 | border-top-color: var(--border-color)<?php echo esc_html( $important ); ?>; |
| 1097 | 1086 | <?php } ?> |
| 1098 | 1087 | } |
| 1099 | -<?php } ?> | |
| 1100 | 1088 | |
| 1101 | 1089 | table.form_results.with_frm_style tr.frm_even, |
| 1102 | 1090 | .frm-grid .frm_even{ |
| 1103 | 1091 | background-color:#fff; |
| @@ -1116,23 +1104,18 @@ | ||
| 1116 | 1104 | background-color:<?php echo esc_html( FrmStylesHelper::adjust_brightness( $defaults['border_color'], 45 ) ); ?>; |
| 1117 | 1105 | padding: 40px; |
| 1118 | 1106 | } |
| 1119 | 1107 | |
| 1120 | - <?php if ( $pro_is_installed ) { ?> | |
| 1121 | 1108 | .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3, |
| 1122 | 1109 | .frm_color_block.frm_section_heading h3 { |
| 1123 | 1110 | border-width: 0 !important; |
| 1124 | 1111 | } |
| 1125 | - <?php } ?> | |
| 1126 | 1112 | <?php } ?> |
| 1127 | 1113 | |
| 1128 | -<?php if ( $pro_is_installed ) { ?> | |
| 1129 | 1114 | .frm_collapse .ui-icon{ |
| 1130 | 1115 | display:inline-block; |
| 1131 | 1116 | } |
| 1132 | -<?php } ?> | |
| 1133 | 1117 | |
| 1134 | -<?php if ( $pro_is_installed ) { ?> | |
| 1135 | 1118 | .frm_toggle_container{ |
| 1136 | 1119 | /* Prevent the slide and bounce */ |
| 1137 | 1120 | border:1px solid transparent; |
| 1138 | 1121 | } |
| @@ -1149,11 +1132,9 @@ | ||
| 1149 | 1132 | |
| 1150 | 1133 | .frm_toggle_container .frm_month_listing{ |
| 1151 | 1134 | margin-left:40px; |
| 1152 | 1135 | } |
| 1153 | -<?php } ?> | |
| 1154 | 1136 | |
| 1155 | -<?php if ( $pro_is_installed ) { ?> | |
| 1156 | 1137 | #frm_loading{ |
| 1157 | 1138 | display:none; |
| 1158 | 1139 | position:fixed; |
| 1159 | 1140 | top:0; |
| @@ -1196,11 +1177,11 @@ | ||
| 1196 | 1177 | #frm_loading .progress.active .progress-bar{ |
| 1197 | 1178 | animation:2s linear 0s normal none infinite progress-bar-stripes; |
| 1198 | 1179 | } |
| 1199 | 1180 | |
| 1200 | - <?php if ( ! empty( $defaults['bg_color'] ) ) { ?> | |
| 1181 | +<?php if ( ! empty( $defaults['bg_color'] ) ) { ?> | |
| 1201 | 1182 | #frm_loading .progress-striped .progress-bar { |
| 1202 | - <?php if ( ! empty( $defaults['border_color'] ) ) { ?> | |
| 1183 | + <?php if ( ! empty( $defaults['border_color'] ) ) { ?> | |
| 1203 | 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)); |
| 1204 | 1185 | <?php } ?> |
| 1205 | 1186 | background-size:40px 40px; |
| 1206 | 1187 | } |
| @@ -1215,11 +1196,8 @@ | ||
| 1215 | 1196 | text-align: center; |
| 1216 | 1197 | transition: width 0.6s ease 0s; |
| 1217 | 1198 | width: 100%; |
| 1218 | 1199 | } |
| 1219 | - <?php | |
| 1220 | -}//end if | |
| 1221 | -?> | |
| 1222 | 1200 | |
| 1223 | 1201 | .frm_image_from_url{ |
| 1224 | 1202 | height:50px; |
| 1225 | 1203 | } |
| @@ -1228,9 +1206,8 @@ | ||
| 1228 | 1206 | background:url(../images/ajax_loader.gif) no-repeat center center; |
| 1229 | 1207 | padding:6px 12px; |
| 1230 | 1208 | } |
| 1231 | 1209 | |
| 1232 | -<?php if ( $pro_is_installed ) { ?> | |
| 1233 | 1210 | select.frm_loading_lookup{ |
| 1234 | 1211 | background-image: url(../images/ajax_loader.gif) !important; |
| 1235 | 1212 | background-position: 10px; |
| 1236 | 1213 | background-repeat: no-repeat; |
| @@ -1235,25 +1212,20 @@ | ||
| 1235 | 1212 | background-position: 10px; |
| 1236 | 1213 | background-repeat: no-repeat; |
| 1237 | 1214 | color: transparent !important; |
| 1238 | 1215 | } |
| 1239 | -<?php } ?> | |
| 1240 | 1216 | |
| 1241 | 1217 | <?php readfile( __DIR__ . '/frm_grids.css' ); ?> |
| 1242 | 1218 | |
| 1243 | -<?php if ( $pro_is_installed ) { ?> | |
| 1244 | 1219 | .frm_conf_field.frm_left_container .frm_primary_label{ |
| 1245 | 1220 | display:none; |
| 1246 | 1221 | } |
| 1247 | -<?php } ?> | |
| 1248 | 1222 | |
| 1249 | -<?php if ( $pro_is_installed ) { ?> | |
| 1250 | 1223 | .wp-editor-wrap *, |
| 1251 | 1224 | .wp-editor-wrap *:after, |
| 1252 | 1225 | .wp-editor-wrap *:before{ |
| 1253 | 1226 | box-sizing:content-box; |
| 1254 | 1227 | } |
| 1255 | -<?php } ?> | |
| 1256 | 1228 | |
| 1257 | 1229 | .with_frm_style .frm_grid, |
| 1258 | 1230 | .with_frm_style .frm_grid_first, |
| 1259 | 1231 | .with_frm_style .frm_grid_odd{ |
| @@ -1338,10 +1310,9 @@ | ||
| 1338 | 1310 | .frm_grid_odd .frm_radio label, |
| 1339 | 1311 | .frm_grid_first .frm_checkbox label, |
| 1340 | 1312 | .frm_grid .frm_checkbox label, |
| 1341 | 1313 | .frm_grid_odd .frm_checkbox label{ |
| 1342 | - color:transparent; | |
| 1343 | - text-indent: -9999px; | |
| 1314 | + visibility:hidden; | |
| 1344 | 1315 | white-space:nowrap; |
| 1345 | 1316 | text-align:left; |
| 1346 | 1317 | } |
| 1347 | 1318 | |
| @@ -1364,8 +1335,105 @@ | ||
| 1364 | 1335 | .frm_grid_odd .frm_checkbox{ |
| 1365 | 1336 | display:inline; |
| 1366 | 1337 | } |
| 1367 | 1338 | |
| 1339 | +.frm_grid_2 .frm_radio, | |
| 1340 | +.frm_grid_2 .frm_checkbox, | |
| 1341 | +.frm_grid_2 .frm_primary_label{ | |
| 1342 | + width:48% !important; | |
| 1343 | +} | |
| 1344 | + | |
| 1345 | +.frm_grid_2 .frm_radio, | |
| 1346 | +.frm_grid_2 .frm_checkbox{ | |
| 1347 | + margin-right:4%; | |
| 1348 | +} | |
| 1349 | + | |
| 1350 | +.frm_grid_3 .frm_radio, | |
| 1351 | +.frm_grid_3 .frm_checkbox, | |
| 1352 | +.frm_grid_3 .frm_primary_label{ | |
| 1353 | + width:30% !important; | |
| 1354 | +} | |
| 1355 | + | |
| 1356 | +.frm_grid_3 .frm_radio, | |
| 1357 | +.frm_grid_3 .frm_checkbox{ | |
| 1358 | + margin-right:3%; | |
| 1359 | +} | |
| 1360 | + | |
| 1361 | +.frm_grid_4 .frm_radio, | |
| 1362 | +.frm_grid_4 .frm_checkbox{ | |
| 1363 | + width:20% !important; | |
| 1364 | +} | |
| 1365 | + | |
| 1366 | +.frm_grid_4 .frm_primary_label{ | |
| 1367 | + width:28% !important; | |
| 1368 | +} | |
| 1369 | + | |
| 1370 | +.frm_grid_4 .frm_radio, | |
| 1371 | +.frm_grid_4 .frm_checkbox{ | |
| 1372 | + margin-right:4%; | |
| 1373 | +} | |
| 1374 | + | |
| 1375 | +.frm_grid_5 .frm_primary_label, | |
| 1376 | +.frm_grid_7 .frm_primary_label{ | |
| 1377 | + width:24% !important; | |
| 1378 | +} | |
| 1379 | + | |
| 1380 | +.frm_grid_5 .frm_radio, | |
| 1381 | +.frm_grid_5 .frm_checkbox{ | |
| 1382 | + width:17% !important; | |
| 1383 | + margin-right:2%; | |
| 1384 | +} | |
| 1385 | + | |
| 1386 | +.frm_grid_6 .frm_primary_label{ | |
| 1387 | + width:25% !important; | |
| 1388 | +} | |
| 1389 | + | |
| 1390 | +.frm_grid_6 .frm_radio, | |
| 1391 | +.frm_grid_6 .frm_checkbox{ | |
| 1392 | + width:14% !important; | |
| 1393 | + margin-right:1%; | |
| 1394 | +} | |
| 1395 | + | |
| 1396 | +.frm_grid_7 .frm_primary_label{ | |
| 1397 | + width:22% !important; | |
| 1398 | +} | |
| 1399 | + | |
| 1400 | +.frm_grid_7 .frm_radio, | |
| 1401 | +.frm_grid_7 .frm_checkbox{ | |
| 1402 | + width:12% !important; | |
| 1403 | + margin-right:1%; | |
| 1404 | +} | |
| 1405 | + | |
| 1406 | +.frm_grid_8 .frm_primary_label{ | |
| 1407 | + width:23% !important; | |
| 1408 | +} | |
| 1409 | + | |
| 1410 | +.frm_grid_8 .frm_radio, | |
| 1411 | +.frm_grid_8 .frm_checkbox{ | |
| 1412 | + width:10% !important; | |
| 1413 | + margin-right:1%; | |
| 1414 | +} | |
| 1415 | + | |
| 1416 | +.frm_grid_9 .frm_primary_label{ | |
| 1417 | + width:20% !important; | |
| 1418 | +} | |
| 1419 | + | |
| 1420 | +.frm_grid_9 .frm_radio, | |
| 1421 | +.frm_grid_9 .frm_checkbox{ | |
| 1422 | + width:9% !important; | |
| 1423 | + margin-right:1%; | |
| 1424 | +} | |
| 1425 | + | |
| 1426 | +.frm_grid_10 .frm_primary_label{ | |
| 1427 | + width:19% !important; | |
| 1428 | +} | |
| 1429 | + | |
| 1430 | +.frm_grid_10 .frm_radio, | |
| 1431 | +.frm_grid_10 .frm_checkbox{ | |
| 1432 | + width:8% !important; | |
| 1433 | + margin-right:1%; | |
| 1434 | +} | |
| 1435 | + | |
| 1368 | 1436 | .frm_form_field.frm_inline_container .frm_opt_container, |
| 1369 | 1437 | .frm_form_field.frm_right_container .frm_opt_container, |
| 1370 | 1438 | .frm_form_field.frm_left_container .frm_opt_container{ |
| 1371 | 1439 | padding-top:4px; |
| @@ -1370,18 +1438,8 @@ | ||
| 1370 | 1438 | .frm_form_field.frm_left_container .frm_opt_container{ |
| 1371 | 1439 | padding-top:4px; |
| 1372 | 1440 | } |
| 1373 | 1441 | |
| 1374 | -.with_frm_style .frm_left_container > select.auto_width, | |
| 1375 | -.with_frm_style .frm_right_container > select.auto_width { | |
| 1376 | - width: max-content<?php echo esc_html( $important ); ?>; | |
| 1377 | -} | |
| 1378 | - | |
| 1379 | -.with_frm_style .frm_right_container > .frm_primary_label, | |
| 1380 | -.with_frm_style .frm_right_container > select.auto_width { | |
| 1381 | - margin-left: auto<?php echo esc_html( $important ); ?>; | |
| 1382 | -} | |
| 1383 | - | |
| 1384 | 1442 | .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label, |
| 1385 | 1443 | .with_frm_style .frm_inline_container.frm_grid .frm_primary_label, |
| 1386 | 1444 | .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label, |
| 1387 | 1445 | .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container, |
| @@ -1512,9 +1570,8 @@ | ||
| 1512 | 1570 | /** |
| 1513 | 1571 | * Call action so other plugins can add additional CSS. |
| 1514 | 1572 | * |
| 1515 | 1573 | * @param array $args { |
| 1516 | - * | |
| 1517 | 1574 | * @type array $defaults |
| 1518 | 1575 | * } |
| 1519 | 1576 | */ |
| 1520 | 1577 | do_action( 'frm_include_front_css', compact( 'defaults' ) ); |
| @@ -1521,9 +1578,8 @@ | ||
| 1521 | 1578 | ?> |
| 1522 | 1579 | |
| 1523 | 1580 | /* Responsive */ |
| 1524 | 1581 | |
| 1525 | -<?php if ( $pro_is_installed ) { ?> | |
| 1526 | 1582 | @media only screen and (max-width: 900px) { |
| 1527 | 1583 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, |
| 1528 | 1584 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label, |
| 1529 | 1585 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{ |
| @@ -1529,9 +1585,8 @@ | ||
| 1529 | 1585 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{ |
| 1530 | 1586 | display: block !important; |
| 1531 | 1587 | } |
| 1532 | 1588 | } |
| 1533 | -<?php } ?> | |
| 1534 | 1589 | |
| 1535 | 1590 | @media only screen and (max-width: 600px) { |
| 1536 | 1591 | .frm_form_field.frm_four_col .frm_opt_container{ |
| 1537 | 1592 | grid-template-columns: repeat(2, 1fr); |
| @@ -1536,14 +1591,12 @@ | ||
| 1536 | 1591 | .frm_form_field.frm_four_col .frm_opt_container{ |
| 1537 | 1592 | grid-template-columns: repeat(2, 1fr); |
| 1538 | 1593 | } |
| 1539 | 1594 | |
| 1540 | - <?php if ( $pro_is_installed ) { ?> | |
| 1541 | 1595 | .with_frm_style .frm_repeat_inline, |
| 1542 | 1596 | .with_frm_style .frm_repeat_grid{ |
| 1543 | 1597 | margin: 20px 0; |
| 1544 | 1598 | } |
| 1545 | - <?php } ?> | |
| 1546 | 1599 | } |
| 1547 | 1600 | |
| 1548 | 1601 | @media only screen and (max-width: 500px) { |
| 1549 | 1602 | .frm_form_field.frm_two_col .frm_radio, |
| @@ -1575,18 +1628,7 @@ | ||
| 1575 | 1628 | .with_frm_style .frm-g-recaptcha iframe{ |
| 1576 | 1629 | width:100%; |
| 1577 | 1630 | } |
| 1578 | 1631 | } |
| 1579 | - | |
| 1580 | -.frm-card-element .sq-card-wrapper .sq-card-message { | |
| 1581 | - margin-bottom: 0; | |
| 1582 | -} | |
| 1583 | -.frm-card-errors:empty { | |
| 1584 | - margin: 0; | |
| 1585 | -} | |
| 1586 | 1632 | <?php |
| 1587 | 1633 | |
| 1588 | -$frm_custom_css = strip_tags( FrmStylesController::get_custom_css() ); | |
| 1589 | - | |
| 1590 | -if ( $frm_custom_css ) { | |
| 1591 | - echo FrmStylesHelper::maybe_scope_css_for_admin( $frm_custom_css ) . PHP_EOL; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
| 1592 | -} | |
| 1634 | +echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
