| @@ -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; |
| @@ -266,18 +263,8 @@ | ||
| 266 | 263 | font-weight:var(--field-weight); |
| 267 | 264 | box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>; |
| 268 | 265 | } |
| 269 | 266 | |
| 270 | -.with_frm_style select option { | |
| 271 | - color:<?php echo esc_html( $defaults['text_color'] ); ?>; | |
| 272 | - color:var(--text-color)<?php echo esc_html( $important ); ?>; | |
| 273 | -} | |
| 274 | - | |
| 275 | -.with_frm_style select option.frm-select-placeholder { | |
| 276 | - color:<?php echo esc_html( $defaults['text_color_disabled'] ); ?>; | |
| 277 | - color:var(--text-color-disabled)<?php echo esc_html( $important ); ?>; | |
| 278 | -} | |
| 279 | - | |
| 280 | 267 | .with_frm_style input[type=radio], |
| 281 | 268 | .with_frm_style input[type=checkbox]{ |
| 282 | 269 | border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>; |
| 283 | 270 | border-color:var(--border-color)<?php echo esc_html( $important ); ?>; |
| @@ -299,10 +286,10 @@ | ||
| 299 | 286 | .with_frm_style input[type=file], |
| 300 | 287 | .with_frm_style input[type=search], |
| 301 | 288 | .with_frm_style select, |
| 302 | 289 | .with_frm_style .frm-card-element.StripeElement{ |
| 303 | - min-height:<?php echo esc_html( $defaults['field_height'] ); ?>; | |
| 304 | - 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 ); ?>; | |
| 305 | 292 | line-height:1.3<?php echo esc_html( $important ); ?>; |
| 306 | 293 | } |
| 307 | 294 | |
| 308 | 295 | .with_frm_style select[multiple=multiple]{ |
| @@ -340,9 +327,8 @@ | ||
| 340 | 327 | } |
| 341 | 328 | |
| 342 | 329 | .with_frm_style .wp-editor-container textarea{ |
| 343 | 330 | border:none<?php echo esc_html( $important ); ?>; |
| 344 | - box-shadow:none !important; | |
| 345 | 331 | } |
| 346 | 332 | |
| 347 | 333 | .with_frm_style .mceIframeContainer{ |
| 348 | 334 | background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>; |
| @@ -352,9 +338,8 @@ | ||
| 352 | 338 | .with_frm_style select{ |
| 353 | 339 | width:<?php echo esc_html( $defaults['auto_width'] ); ?>; |
| 354 | 340 | width:var(--auto-width)<?php echo esc_html( $important ); ?>; |
| 355 | 341 | max-width:100%; |
| 356 | - background-position-y: center; | |
| 357 | 342 | } |
| 358 | 343 | |
| 359 | 344 | .with_frm_style input[disabled], |
| 360 | 345 | .with_frm_style select[disabled], |
| @@ -449,104 +434,19 @@ | ||
| 449 | 434 | visibility:hidden; |
| 450 | 435 | white-space:nowrap; |
| 451 | 436 | } |
| 452 | 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, | |
| 453 | 444 | .frm_visible{ |
| 454 | 445 | opacity:1; |
| 455 | 446 | } |
| 456 | 447 | |
| 457 | -/* Floating labels */ | |
| 458 | -.with_frm_style .frm_inside_container { | |
| 459 | - position: relative; | |
| 460 | - padding-top: 16px; | |
| 461 | - padding-top: calc(0.5 * var(--field-height)); | |
| 462 | -} | |
| 463 | - | |
| 464 | -.with_frm_style .frm_inside_container > input, | |
| 465 | -.with_frm_style .frm_inside_container > select, | |
| 466 | -.with_frm_style .frm_inside_container > textarea { | |
| 467 | - display: block; | |
| 468 | -} | |
| 469 | - | |
| 470 | -/* These do not work if they are combined */ | |
| 471 | -.with_frm_style .frm_inside_container > input::-moz-placeholder, | |
| 472 | -.with_frm_style .frm_inside_container > textarea::-moz-placeholder { | |
| 473 | - opacity: 0 !important; | |
| 474 | - transition: opacity 0.3s ease-in; | |
| 475 | -} | |
| 476 | - | |
| 477 | -.with_frm_style .frm_inside_container > input:-ms-input-placeholder, | |
| 478 | -.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder { | |
| 479 | - opacity: 0; | |
| 480 | - transition: opacity 0.3s ease-in; | |
| 481 | -} | |
| 482 | - | |
| 483 | -.with_frm_style .frm_inside_container > input::placeholder, | |
| 484 | -.with_frm_style .frm_inside_container > textarea::placeholder { | |
| 485 | - opacity: 0; | |
| 486 | - transition: opacity 0.3s ease-in; | |
| 487 | -} | |
| 488 | - | |
| 489 | -.with_frm_style .frm_inside_container > label { | |
| 490 | - transition: all 0.3s ease-in; | |
| 491 | - | |
| 492 | - position: absolute; | |
| 493 | - top: 17px; | |
| 494 | - top: calc(1px + .5 * var(--field-height)); | |
| 495 | - left: 3px; | |
| 496 | - width: 100%; | |
| 497 | - | |
| 498 | - line-height: 1.3; | |
| 499 | - text-overflow: ellipsis; | |
| 500 | - overflow: hidden; | |
| 501 | - white-space: nowrap; | |
| 502 | - | |
| 503 | - padding: 6px 10px; | |
| 504 | - padding: var(--field-pad); | |
| 505 | - | |
| 506 | - font-size: 14px; | |
| 507 | - font-size: var(--field-font-size); | |
| 508 | - font-weight: normal; | |
| 509 | - font-weight: var(--field-weight); | |
| 510 | - | |
| 511 | - -ms-pointer-events: none; | |
| 512 | - pointer-events: none; | |
| 513 | -} | |
| 514 | - | |
| 515 | -.with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label { | |
| 516 | - line-height: 1; | |
| 517 | -} | |
| 518 | - | |
| 519 | -.with_frm_style .frm_inside_container.frm_label_float_top > label { | |
| 520 | - top: 0; | |
| 521 | - left: 0; | |
| 522 | - padding: 0; | |
| 523 | - font-size: 12px; | |
| 524 | - font-size: calc(0.85 * var(--field-font-size)); | |
| 525 | -} | |
| 526 | - | |
| 527 | -/* These do not work if they are combined */ | |
| 528 | -.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder, | |
| 529 | -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder { | |
| 530 | - opacity: 1 !important; | |
| 531 | - transition: opacity 0.3s ease-in; | |
| 532 | -} | |
| 533 | - | |
| 534 | -.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder, | |
| 535 | -.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder { | |
| 536 | - opacity: 1; | |
| 537 | - transition: opacity 0.3s ease-in; | |
| 538 | -} | |
| 539 | - | |
| 540 | -.with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder, | |
| 541 | -.with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder { | |
| 542 | - opacity: 1; | |
| 543 | - transition: opacity 0.3s ease-in; | |
| 544 | -} | |
| 545 | -/* End floating label */ | |
| 546 | - | |
| 547 | -.with_frm_style .frm_description, | |
| 548 | -.with_frm_style .frm_pro_max_limit_desc{ | |
| 448 | +.with_frm_style .frm_description{ | |
| 549 | 449 | clear:both; |
| 550 | 450 | } |
| 551 | 451 | |
| 552 | 452 | .with_frm_style input[type=number][readonly]{ |
| @@ -778,10 +678,9 @@ | ||
| 778 | 678 | a.frm_save_draft{ |
| 779 | 679 | cursor:pointer; |
| 780 | 680 | } |
| 781 | 681 | |
| 782 | -.with_frm_style a.frm_save_draft, | |
| 783 | -.with_frm_style a.frm_start_over{ | |
| 682 | +.with_frm_style a.frm_save_draft{ | |
| 784 | 683 | <?php if ( ! empty( $defaults['font'] ) ) { ?> |
| 785 | 684 | font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; |
| 786 | 685 | font-family:var(--font); |
| 787 | 686 | <?php } ?> |
| @@ -877,13 +776,9 @@ | ||
| 877 | 776 | margin:5px; |
| 878 | 777 | vertical-align:middle; |
| 879 | 778 | } |
| 880 | 779 | |
| 881 | -.with_frm_style .frm_radio input[type=radio] | |
| 882 | -<?php if ( FrmAppHelper::pro_is_installed() ) : ?> | |
| 883 | -, .with_frm_style .frm_scale input[type=radio] | |
| 884 | -<?php endif; ?> | |
| 885 | -{ | |
| 780 | +.with_frm_style .frm_radio input[type=radio]{ | |
| 886 | 781 | border-radius:50%; |
| 887 | 782 | } |
| 888 | 783 | |
| 889 | 784 | .with_frm_style .frm_checkbox input[type=checkbox]{ |
| @@ -890,11 +785,8 @@ | ||
| 890 | 785 | border-radius:0; |
| 891 | 786 | } |
| 892 | 787 | |
| 893 | 788 | .with_frm_style .frm_radio input[type=radio], |
| 894 | -<?php if ( FrmAppHelper::pro_is_installed() ) : ?> | |
| 895 | -.with_frm_style .frm_scale input[type=radio], | |
| 896 | -<?php endif; ?> | |
| 897 | 789 | .with_frm_style .frm_checkbox input[type=checkbox]{ |
| 898 | 790 | -webkit-appearance: none; |
| 899 | 791 | appearance: none; |
| 900 | 792 | background-color: var(--bg-color); |
| @@ -912,11 +804,8 @@ | ||
| 912 | 804 | padding: 0; |
| 913 | 805 | } |
| 914 | 806 | |
| 915 | 807 | .with_frm_style .frm_radio input[type=radio]:before, |
| 916 | -<?php if ( FrmAppHelper::pro_is_installed() ) : ?> | |
| 917 | -.with_frm_style .frm_scale input[type=radio]:before, | |
| 918 | -<?php endif; ?> | |
| 919 | 808 | .with_frm_style .frm_checkbox input[type=checkbox]:before { |
| 920 | 809 | content: ''; |
| 921 | 810 | width: 12px; |
| 922 | 811 | height: 12px; |
| @@ -1249,12 +1138,9 @@ | ||
| 1249 | 1138 | } |
| 1250 | 1139 | |
| 1251 | 1140 | .frm_grid .frm_error, |
| 1252 | 1141 | .frm_grid_first .frm_error, |
| 1253 | -.frm_grid_odd .frm_error, | |
| 1254 | -.frm_grid .frm_limit_error, | |
| 1255 | -.frm_grid_first .frm_limit_error, | |
| 1256 | -.frm_grid_odd .frm_limit_error{ | |
| 1142 | +.frm_grid_odd .frm_error{ | |
| 1257 | 1143 | display:none; |
| 1258 | 1144 | } |
| 1259 | 1145 | |
| 1260 | 1146 | .frm_grid:after, |
| @@ -1587,27 +1473,12 @@ | ||
| 1587 | 1473 | color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>; |
| 1588 | 1474 | color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>; |
| 1589 | 1475 | } |
| 1590 | 1476 | |
| 1591 | -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first, | |
| 1592 | -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle, | |
| 1593 | -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last { | |
| 1594 | - margin-bottom: 0 !important; | |
| 1595 | -} | |
| 1477 | +/* Fonts */ | |
| 1478 | +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?> | |
| 1479 | +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?> | |
| 1596 | 1480 | |
| 1597 | -<?php | |
| 1598 | -FrmStylesHelper::maybe_include_font_icon_css(); | |
| 1599 | - | |
| 1600 | -/** | |
| 1601 | - * Call action so other plugins can add additional CSS. | |
| 1602 | - * | |
| 1603 | - * @param array $args { | |
| 1604 | - * @type array $defaults | |
| 1605 | - * } | |
| 1606 | - */ | |
| 1607 | -do_action( 'frm_include_front_css', compact( 'defaults' ) ); | |
| 1608 | -?> | |
| 1609 | - | |
| 1610 | 1481 | /* Responsive */ |
| 1611 | 1482 | |
| 1612 | 1483 | @media only screen and (max-width: 900px) { |
| 1613 | 1484 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, |
| @@ -1661,5 +1532,5 @@ | ||
| 1661 | 1532 | } |
| 1662 | 1533 | } |
| 1663 | 1534 | <?php |
| 1664 | 1535 | |
| 1665 | -echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
| 1536 | +echo strip_tags( $defaults['custom_css'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
