| @@ -7,9 +7,8 @@ | ||
| 7 | 7 | header( 'Content-type: text/css' ); |
| 8 | 8 | |
| 9 | 9 | if ( ! empty( $css ) ) { |
| 10 | 10 | echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
| 11 | - FrmStylesController::maybe_hide_sample_form_error_message(); | |
| 12 | 11 | die(); |
| 13 | 12 | } |
| 14 | 13 | } |
| 15 | 14 | |
| @@ -68,13 +67,11 @@ | ||
| 68 | 67 | padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>; |
| 69 | 68 | <?php } ?> |
| 70 | 69 | } |
| 71 | 70 | |
| 72 | -form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> { | |
| 73 | - overflow: hidden; | |
| 74 | - width: 0; | |
| 75 | - height: 0; | |
| 76 | - position: absolute; | |
| 71 | +form input.frm_verify{ | |
| 72 | + position:absolute; | |
| 73 | + left:-3000px; | |
| 77 | 74 | } |
| 78 | 75 | |
| 79 | 76 | .with_frm_style fieldset{ |
| 80 | 77 | min-width:0; |
| @@ -88,9 +85,9 @@ | ||
| 88 | 85 | background-color:transparent; |
| 89 | 86 | } |
| 90 | 87 | |
| 91 | 88 | .with_frm_style .frm_form_fields > fieldset{ |
| 92 | -<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?> | |
| 89 | +<?php if ( ! empty( $defaults['fieldset'] ) ) { ?> | |
| 93 | 90 | border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>; |
| 94 | 91 | border-width:var(--fieldset)<?php echo esc_html( $important ); ?>; |
| 95 | 92 | <?php } ?> |
| 96 | 93 | border-style:solid; |
| @@ -237,8 +234,11 @@ | ||
| 237 | 234 | color:<?php echo esc_html( $defaults['text_color'] ); ?>; |
| 238 | 235 | color:var(--text-color)<?php echo esc_html( $important ); ?>; |
| 239 | 236 | background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>; |
| 240 | 237 | background-color:var(--bg-color)<?php echo esc_html( $important ); ?>; |
| 238 | +<?php if ( ! empty( $important ) ) { ?> | |
| 239 | + background-image:none !important; | |
| 240 | +<?php } ?> | |
| 241 | 241 | border-color:<?php echo esc_html( $defaults['border_color'] ); ?>; |
| 242 | 242 | border-color:var(--border-color)<?php echo esc_html( $important ); ?>; |
| 243 | 243 | border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>; |
| 244 | 244 | border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>; |
| @@ -263,39 +263,8 @@ | ||
| 263 | 263 | font-weight:var(--field-weight); |
| 264 | 264 | box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>; |
| 265 | 265 | } |
| 266 | 266 | |
| 267 | -<?php if ( ! empty( $important ) ) { ?> | |
| 268 | -.with_frm_style input[type=text], | |
| 269 | -.with_frm_style input[type=password], | |
| 270 | -.with_frm_style input[type=email], | |
| 271 | -.with_frm_style input[type=number], | |
| 272 | -.with_frm_style input[type=url], | |
| 273 | -.with_frm_style input[type=tel], | |
| 274 | -.with_frm_style input[type=phone], | |
| 275 | -.with_frm_style input[type=search], | |
| 276 | -.with_frm_style textarea, | |
| 277 | -.frm_form_fields_style, | |
| 278 | -.with_frm_style .frm_scroll_box .frm_opt_container, | |
| 279 | -.frm_form_fields_active_style, | |
| 280 | -.frm_form_fields_error_style, | |
| 281 | -.with_frm_style .frm-card-element.StripeElement, | |
| 282 | -.with_frm_style .chosen-container-multi .chosen-choices, | |
| 283 | -.with_frm_style .chosen-container-single .chosen-single{ | |
| 284 | - background-image:none !important; | |
| 285 | -} | |
| 286 | -<?php } ?> | |
| 287 | - | |
| 288 | -.with_frm_style select option { | |
| 289 | - color:<?php echo esc_html( $defaults['text_color'] ); ?>; | |
| 290 | - color:var(--text-color)<?php echo esc_html( $important ); ?>; | |
| 291 | -} | |
| 292 | - | |
| 293 | -.with_frm_style select option.frm-select-placeholder { | |
| 294 | - color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>; | |
| 295 | - color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>; | |
| 296 | -} | |
| 297 | - | |
| 298 | 267 | .with_frm_style input[type=radio], |
| 299 | 268 | .with_frm_style input[type=checkbox]{ |
| 300 | 269 | border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>; |
| 301 | 270 | border-color:var(--border-color)<?php echo esc_html( $important ); ?>; |
| @@ -317,10 +286,10 @@ | ||
| 317 | 286 | .with_frm_style input[type=file], |
| 318 | 287 | .with_frm_style input[type=search], |
| 319 | 288 | .with_frm_style select, |
| 320 | 289 | .with_frm_style .frm-card-element.StripeElement{ |
| 321 | - min-height:<?php echo esc_html( $defaults['field_height'] ); ?>; | |
| 322 | - min-height:var(--field-height)<?php echo esc_html( $important ); ?>; | |
| 290 | + height:<?php echo esc_html( $defaults['field_height'] ); ?>; | |
| 291 | + height:var(--field-height)<?php echo esc_html( $important ); ?>; | |
| 323 | 292 | line-height:1.3<?php echo esc_html( $important ); ?>; |
| 324 | 293 | } |
| 325 | 294 | |
| 326 | 295 | .with_frm_style select[multiple=multiple]{ |
| @@ -358,9 +327,8 @@ | ||
| 358 | 327 | } |
| 359 | 328 | |
| 360 | 329 | .with_frm_style .wp-editor-container textarea{ |
| 361 | 330 | border:none<?php echo esc_html( $important ); ?>; |
| 362 | - box-shadow:none !important; | |
| 363 | 331 | } |
| 364 | 332 | |
| 365 | 333 | .with_frm_style .mceIframeContainer{ |
| 366 | 334 | background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>; |
| @@ -370,9 +338,8 @@ | ||
| 370 | 338 | .with_frm_style select{ |
| 371 | 339 | width:<?php echo esc_html( $defaults['auto_width'] ); ?>; |
| 372 | 340 | width:var(--auto-width)<?php echo esc_html( $important ); ?>; |
| 373 | 341 | max-width:100%; |
| 374 | - background-position-y: center; | |
| 375 | 342 | } |
| 376 | 343 | |
| 377 | 344 | .with_frm_style input[disabled], |
| 378 | 345 | .with_frm_style select[disabled], |
| @@ -467,104 +434,19 @@ | ||
| 467 | 434 | visibility:hidden; |
| 468 | 435 | white-space:nowrap; |
| 469 | 436 | } |
| 470 | 437 | |
| 438 | +.with_frm_style .frm_inside_container .frm_primary_label{ | |
| 439 | + opacity:0; | |
| 440 | + transition: opacity 0.1s linear; | |
| 441 | +} | |
| 442 | + | |
| 443 | +.with_frm_style .frm_inside_container label.frm_visible, | |
| 471 | 444 | .frm_visible{ |
| 472 | 445 | opacity:1; |
| 473 | 446 | } |
| 474 | 447 | |
| 475 | -/* Floating labels */ | |
| 476 | -.with_frm_style .frm_inside_container { | |
| 477 | - position: relative; | |
| 478 | - padding-top: 16px; | |
| 479 | - padding-top: calc(0.5 * var(--field-height)); | |
| 480 | -} | |
| 481 | - | |
| 482 | -.with_frm_style .frm_inside_container > input, | |
| 483 | -.with_frm_style .frm_inside_container > select, | |
| 484 | -.with_frm_style .frm_inside_container > textarea { | |
| 485 | - display: block; | |
| 486 | -} | |
| 487 | - | |
| 488 | -/* These do not work if they are combined */ | |
| 489 | -.with_frm_style .frm_inside_container > input::-moz-placeholder, | |
| 490 | -.with_frm_style .frm_inside_container > textarea::-moz-placeholder { | |
| 491 | - opacity: 0 !important; | |
| 492 | - transition: opacity 0.3s ease-in; | |
| 493 | -} | |
| 494 | - | |
| 495 | -.with_frm_style .frm_inside_container > input:-ms-input-placeholder, | |
| 496 | -.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder { | |
| 497 | - opacity: 0; | |
| 498 | - transition: opacity 0.3s ease-in; | |
| 499 | -} | |
| 500 | - | |
| 501 | -.with_frm_style .frm_inside_container > input::placeholder, | |
| 502 | -.with_frm_style .frm_inside_container > textarea::placeholder { | |
| 503 | - opacity: 0; | |
| 504 | - transition: opacity 0.3s ease-in; | |
| 505 | -} | |
| 506 | - | |
| 507 | -.with_frm_style .frm_inside_container > label { | |
| 508 | - transition: all 0.3s ease-in; | |
| 509 | - | |
| 510 | - position: absolute; | |
| 511 | - top: 17px; | |
| 512 | - top: calc(1px + .5 * var(--field-height)); | |
| 513 | - left: 3px; | |
| 514 | - width: 100%; | |
| 515 | - | |
| 516 | - line-height: 1.3; | |
| 517 | - text-overflow: ellipsis; | |
| 518 | - overflow: hidden; | |
| 519 | - white-space: nowrap; | |
| 520 | - | |
| 521 | - padding: 6px 10px; | |
| 522 | - padding: var(--field-pad); | |
| 523 | - | |
| 524 | - font-size: 14px; | |
| 525 | - font-size: var(--field-font-size); | |
| 526 | - font-weight: normal; | |
| 527 | - font-weight: var(--field-weight); | |
| 528 | - | |
| 529 | - -ms-pointer-events: none; | |
| 530 | - pointer-events: none; | |
| 531 | -} | |
| 532 | - | |
| 533 | -.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label { | |
| 534 | - line-height: 1; | |
| 535 | -} | |
| 536 | - | |
| 537 | -.with_frm_style .frm_inside_container.frm_label_float_top > label { | |
| 538 | - top: 0; | |
| 539 | - left: 0; | |
| 540 | - padding: 0; | |
| 541 | - font-size: 12px; | |
| 542 | - font-size: calc(0.85 * var(--field-font-size)); | |
| 543 | -} | |
| 544 | - | |
| 545 | -/* These do not work if they are combined */ | |
| 546 | -.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder, | |
| 547 | -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder { | |
| 548 | - opacity: 1 !important; | |
| 549 | - transition: opacity 0.3s ease-in; | |
| 550 | -} | |
| 551 | - | |
| 552 | -.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder, | |
| 553 | -.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder { | |
| 554 | - opacity: 1; | |
| 555 | - transition: opacity 0.3s ease-in; | |
| 556 | -} | |
| 557 | - | |
| 558 | -.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder, | |
| 559 | -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder { | |
| 560 | - opacity: 1; | |
| 561 | - transition: opacity 0.3s ease-in; | |
| 562 | -} | |
| 563 | -/* End floating label */ | |
| 564 | - | |
| 565 | -.with_frm_style .frm_description, | |
| 566 | -.with_frm_style .frm_pro_max_limit_desc{ | |
| 448 | +.with_frm_style .frm_description{ | |
| 567 | 449 | clear:both; |
| 568 | 450 | } |
| 569 | 451 | |
| 570 | 452 | .with_frm_style input[type=number][readonly]{ |
| @@ -796,10 +678,9 @@ | ||
| 796 | 678 | a.frm_save_draft{ |
| 797 | 679 | cursor:pointer; |
| 798 | 680 | } |
| 799 | 681 | |
| 800 | -.with_frm_style a.frm_save_draft, | |
| 801 | -.with_frm_style a.frm_start_over{ | |
| 682 | +.with_frm_style a.frm_save_draft{ | |
| 802 | 683 | <?php if ( ! empty( $defaults['font'] ) ) { ?> |
| 803 | 684 | font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; |
| 804 | 685 | font-family:var(--font); |
| 805 | 686 | <?php } ?> |
| @@ -895,13 +776,9 @@ | ||
| 895 | 776 | margin:5px; |
| 896 | 777 | vertical-align:middle; |
| 897 | 778 | } |
| 898 | 779 | |
| 899 | -.with_frm_style .frm_radio input[type=radio] | |
| 900 | -<?php if ( FrmAppHelper::pro_is_installed() ) : ?> | |
| 901 | -, .with_frm_style .frm_scale input[type=radio] | |
| 902 | -<?php endif; ?> | |
| 903 | -{ | |
| 780 | +.with_frm_style .frm_radio input[type=radio]{ | |
| 904 | 781 | border-radius:50%; |
| 905 | 782 | } |
| 906 | 783 | |
| 907 | 784 | .with_frm_style .frm_checkbox input[type=checkbox]{ |
| @@ -908,11 +785,8 @@ | ||
| 908 | 785 | border-radius:0; |
| 909 | 786 | } |
| 910 | 787 | |
| 911 | 788 | .with_frm_style .frm_radio input[type=radio], |
| 912 | -<?php if ( FrmAppHelper::pro_is_installed() ) : ?> | |
| 913 | -.with_frm_style .frm_scale input[type=radio], | |
| 914 | -<?php endif; ?> | |
| 915 | 789 | .with_frm_style .frm_checkbox input[type=checkbox]{ |
| 916 | 790 | -webkit-appearance: none; |
| 917 | 791 | appearance: none; |
| 918 | 792 | background-color: var(--bg-color); |
| @@ -930,11 +804,8 @@ | ||
| 930 | 804 | padding: 0; |
| 931 | 805 | } |
| 932 | 806 | |
| 933 | 807 | .with_frm_style .frm_radio input[type=radio]:before, |
| 934 | -<?php if ( FrmAppHelper::pro_is_installed() ) : ?> | |
| 935 | -.with_frm_style .frm_scale input[type=radio]:before, | |
| 936 | -<?php endif; ?> | |
| 937 | 808 | .with_frm_style .frm_checkbox input[type=checkbox]:before { |
| 938 | 809 | content: ''; |
| 939 | 810 | width: 12px; |
| 940 | 811 | height: 12px; |
| @@ -1267,12 +1138,9 @@ | ||
| 1267 | 1138 | } |
| 1268 | 1139 | |
| 1269 | 1140 | .frm_grid .frm_error, |
| 1270 | 1141 | .frm_grid_first .frm_error, |
| 1271 | -.frm_grid_odd .frm_error, | |
| 1272 | -.frm_grid .frm_limit_error, | |
| 1273 | -.frm_grid_first .frm_limit_error, | |
| 1274 | -.frm_grid_odd .frm_limit_error{ | |
| 1142 | +.frm_grid_odd .frm_error{ | |
| 1275 | 1143 | display:none; |
| 1276 | 1144 | } |
| 1277 | 1145 | |
| 1278 | 1146 | .frm_grid:after, |
| @@ -1611,21 +1479,12 @@ | ||
| 1611 | 1479 | .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last { |
| 1612 | 1480 | margin-bottom: 0 !important; |
| 1613 | 1481 | } |
| 1614 | 1482 | |
| 1615 | -<?php | |
| 1616 | -FrmStylesHelper::maybe_include_font_icon_css(); | |
| 1483 | +/* Fonts */ | |
| 1484 | +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?> | |
| 1485 | +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?> | |
| 1617 | 1486 | |
| 1618 | -/** | |
| 1619 | - * Call action so other plugins can add additional CSS. | |
| 1620 | - * | |
| 1621 | - * @param array $args { | |
| 1622 | - * @type array $defaults | |
| 1623 | - * } | |
| 1624 | - */ | |
| 1625 | -do_action( 'frm_include_front_css', compact( 'defaults' ) ); | |
| 1626 | -?> | |
| 1627 | - | |
| 1628 | 1487 | /* Responsive */ |
| 1629 | 1488 | |
| 1630 | 1489 | @media only screen and (max-width: 900px) { |
| 1631 | 1490 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, |
| @@ -1679,5 +1538,5 @@ | ||
| 1679 | 1538 | } |
| 1680 | 1539 | } |
| 1681 | 1540 | <?php |
| 1682 | 1541 | |
| 1683 | -echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
| 1542 | +echo strip_tags( $defaults['custom_css'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
