| @@ -441,13 +441,26 @@ | ||
| 441 | 441 | .with_frm_style .frm_inside_container > textarea { |
| 442 | 442 | display: block; |
| 443 | 443 | } |
| 444 | 444 | |
| 445 | +/* These do not work if they are combined */ | |
| 445 | 446 | .with_frm_style input::placeholder, |
| 446 | 447 | .with_frm_style textarea::placeholder { |
| 447 | 448 | font-size: var(--field-font-size)<?php echo esc_html( $important ); ?>; |
| 448 | 449 | } |
| 449 | 450 | |
| 451 | +.with_frm_style .frm_inside_container > input::-moz-placeholder, | |
| 452 | +.with_frm_style .frm_inside_container > textarea::-moz-placeholder { | |
| 453 | + opacity: 0 !important; | |
| 454 | + transition: opacity 0.3s ease-in; | |
| 455 | +} | |
| 456 | + | |
| 457 | +.with_frm_style .frm_inside_container > input:-ms-input-placeholder, | |
| 458 | +.with_frm_style .frm_inside_container > textarea:-ms-input-placeholder { | |
| 459 | + opacity: 0; | |
| 460 | + transition: opacity 0.3s ease-in; | |
| 461 | +} | |
| 462 | + | |
| 450 | 463 | .with_frm_style .frm_inside_container > input::placeholder, |
| 451 | 464 | .with_frm_style .frm_inside_container > textarea::placeholder { |
| 452 | 465 | opacity: 0; |
| 453 | 466 | transition: opacity 0.3s ease-in; |
| @@ -489,8 +502,21 @@ | ||
| 489 | 502 | font-size: 12px; |
| 490 | 503 | font-size: calc(0.85 * var(--field-font-size)); |
| 491 | 504 | } |
| 492 | 505 | |
| 506 | +/* These do not work if they are combined */ | |
| 507 | +.with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder, | |
| 508 | +.with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder { | |
| 509 | + opacity: 1 !important; | |
| 510 | + transition: opacity 0.3s ease-in; | |
| 511 | +} | |
| 512 | + | |
| 513 | +.with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder, | |
| 514 | +.with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder { | |
| 515 | + opacity: 1; | |
| 516 | + transition: opacity 0.3s ease-in; | |
| 517 | +} | |
| 518 | + | |
| 493 | 519 | .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder, |
| 494 | 520 | .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder { |
| 495 | 521 | opacity: 1; |
| 496 | 522 | transition: opacity 0.3s ease-in; |
| @@ -542,9 +568,9 @@ | ||
| 542 | 568 | white-space:nowrap; |
| 543 | 569 | } |
| 544 | 570 | |
| 545 | 571 | .with_frm_style .frm_button{ |
| 546 | - text-decoration:none !important; | |
| 572 | + text-decoration:none !important;; | |
| 547 | 573 | border:1px solid #eee; |
| 548 | 574 | display:inline-block; |
| 549 | 575 | <?php if ( ! empty( $defaults['submit_padding'] ) ) { ?> |
| 550 | 576 | padding: var(--submit-padding)<?php echo esc_html( $important ); ?>; |
| @@ -947,16 +973,12 @@ | ||
| 947 | 973 | padding:15px; |
| 948 | 974 | } |
| 949 | 975 | |
| 950 | 976 | .with_frm_style .frm_message p { |
| 977 | + margin-bottom: 5px; | |
| 951 | 978 | color: var(--success-text-color)<?php echo esc_html( $important ); ?>; |
| 952 | - margin-bottom: 0; | |
| 953 | 979 | } |
| 954 | 980 | |
| 955 | -.with_frm_style .frm_message > p:first-of-type { | |
| 956 | - margin-top: 0; | |
| 957 | -} | |
| 958 | - | |
| 959 | 981 | .with_frm_style .frm_message, |
| 960 | 982 | .frm_success_style { |
| 961 | 983 | margin: 5px 0 15px; |
| 962 | 984 | border: 1px solid var(--success-border-color); |
| @@ -1557,9 +1579,8 @@ | ||
| 1557 | 1579 | /** |
| 1558 | 1580 | * Call action so other plugins can add additional CSS. |
| 1559 | 1581 | * |
| 1560 | 1582 | * @param array $args { |
| 1561 | - * | |
| 1562 | 1583 | * @type array $defaults |
| 1563 | 1584 | * } |
| 1564 | 1585 | */ |
| 1565 | 1586 | do_action( 'frm_include_front_css', compact( 'defaults' ) ); |
