| @@ -5,11 +5,10 @@ | ||
| 5 | 5 | |
| 6 | 6 | if ( ! isset( $saving ) ) { |
| 7 | 7 | header( 'Content-type: text/css' ); |
| 8 | 8 | |
| 9 | - if ( ! empty( $css ) ) { | |
| 10 | - echo strip_tags( $css, 'all' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
| 11 | - FrmStylesController::maybe_hide_sample_form_error_message(); | |
| 9 | + if ( isset( $css ) && $css ) { | |
| 10 | + echo strip_tags( $css, 'all' ); // WPCS: XSS ok. | |
| 12 | 11 | die(); |
| 13 | 12 | } |
| 14 | 13 | } |
| 15 | 14 | |
| @@ -16,12 +15,12 @@ | ||
| 16 | 15 | if ( ! isset( $frm_style ) ) { |
| 17 | 16 | $frm_style = new FrmStyle(); |
| 18 | 17 | } |
| 19 | 18 | |
| 20 | -$styles = $frm_style->get_all(); | |
| 19 | +$styles = $frm_style->get_all(); | |
| 21 | 20 | $default_style = $frm_style->get_default_style( $styles ); |
| 22 | -$defaults = FrmStylesHelper::get_settings_for_output( $default_style ); | |
| 23 | -$important = empty( $defaults['important_style'] ) ? '' : ' !important'; | |
| 21 | +$defaults = FrmStylesHelper::get_settings_for_output( $default_style ); | |
| 22 | +$important = empty( $defaults['important_style'] ) ? '' : ' !important'; | |
| 24 | 23 | |
| 25 | 24 | ?> |
| 26 | 25 | .with_frm_style{ |
| 27 | 26 | <?php FrmStylesHelper::output_vars( $defaults ); ?> |
| @@ -40,12 +39,8 @@ | ||
| 40 | 39 | text-align:<?php echo esc_html( $defaults['form_align'] . $important ); ?>; |
| 41 | 40 | text-align:var(--form-align)<?php echo esc_html( $important ); ?>; |
| 42 | 41 | } |
| 43 | 42 | |
| 44 | -input:-webkit-autofill { | |
| 45 | - -webkit-box-shadow: 0 0 0 30px white inset; | |
| 46 | -} | |
| 47 | - | |
| 48 | 43 | /* Form description */ |
| 49 | 44 | .with_frm_style .frm-show-form div.frm_description p{ |
| 50 | 45 | <?php if ( ! empty( $defaults['form_desc_size'] ) ) { ?> |
| 51 | 46 | font-size:<?php echo esc_html( $defaults['form_desc_size'] . $important ); ?>; |
| @@ -62,24 +57,17 @@ | ||
| 62 | 57 | <?php if ( ! empty( $defaults['form_desc_margin_bottom'] ) ) { ?> |
| 63 | 58 | margin-bottom:<?php echo esc_html( $defaults['form_desc_margin_bottom'] . $important ); ?>; |
| 64 | 59 | margin-bottom:var(--form-desc-margin-bottom)<?php echo esc_html( $important ); ?>; |
| 65 | 60 | <?php } ?> |
| 66 | -<?php if ( isset( $defaults['form_desc_padding'] ) ) { ?> | |
| 67 | - padding:<?php echo esc_html( $defaults['form_desc_padding'] . $important ); ?>; | |
| 68 | - padding:var(--form-desc-padding)<?php echo esc_html( $important ); ?>; | |
| 69 | -<?php } ?> | |
| 70 | 61 | } |
| 71 | 62 | |
| 72 | -form .<?php echo esc_html( FrmHoneypot::generate_class_name() ); ?> { | |
| 73 | - overflow: hidden; | |
| 74 | - width: 0; | |
| 75 | - height: 0; | |
| 76 | - position: absolute; | |
| 63 | +form input.frm_verify{ | |
| 64 | + position:absolute; | |
| 65 | + left:-3000px; | |
| 77 | 66 | } |
| 78 | 67 | |
| 79 | 68 | .with_frm_style fieldset{ |
| 80 | 69 | min-width:0; |
| 81 | - display: block; /* Override 2021 theme */ | |
| 82 | 70 | } |
| 83 | 71 | |
| 84 | 72 | .with_frm_style fieldset fieldset{ |
| 85 | 73 | border:none; |
| @@ -88,9 +76,9 @@ | ||
| 88 | 76 | background-color:transparent; |
| 89 | 77 | } |
| 90 | 78 | |
| 91 | 79 | .with_frm_style .frm_form_fields > fieldset{ |
| 92 | -<?php if ( isset( $defaults['fieldset'] ) && ( $defaults['fieldset'] || '0' === $defaults['fieldset'] ) ) { ?> | |
| 80 | +<?php if ( ! empty( $defaults['fieldset'] ) ) { ?> | |
| 93 | 81 | border-width:<?php echo esc_html( $defaults['fieldset'] . $important ); ?>; |
| 94 | 82 | border-width:var(--fieldset)<?php echo esc_html( $important ); ?>; |
| 95 | 83 | <?php } ?> |
| 96 | 84 | border-style:solid; |
| @@ -138,9 +126,9 @@ | ||
| 138 | 126 | color:<?php echo esc_html( $defaults['title_color'] . $important ); ?>; |
| 139 | 127 | color:var(--title-color)<?php echo esc_html( $important ); ?>; |
| 140 | 128 | <?php } ?> |
| 141 | 129 | <?php if ( ! empty( $defaults['font'] ) ) { ?> |
| 142 | - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; | |
| 130 | + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>; | |
| 143 | 131 | font-family:var(--font); |
| 144 | 132 | <?php } ?> |
| 145 | 133 | <?php if ( ! empty( $defaults['title_margin_top'] ) ) { ?> |
| 146 | 134 | margin-top:<?php echo esc_html( $defaults['title_margin_top'] . $important ); ?>; |
| @@ -154,9 +142,9 @@ | ||
| 154 | 142 | |
| 155 | 143 | .with_frm_style .frm_form_field.frm_html_container, |
| 156 | 144 | .with_frm_style .frm_form_field .frm_show_it{ |
| 157 | 145 | <?php if ( ! empty( $defaults['font'] ) ) { ?> |
| 158 | - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; | |
| 146 | + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>; | |
| 159 | 147 | font-family:var(--font); |
| 160 | 148 | <?php } ?> |
| 161 | 149 | <?php if ( ! empty( $defaults['form_desc_color'] ) ) { ?> |
| 162 | 150 | color:<?php echo esc_html( $defaults['form_desc_color'] . $important ); ?>; |
| @@ -237,8 +225,11 @@ | ||
| 237 | 225 | color:<?php echo esc_html( $defaults['text_color'] ); ?>; |
| 238 | 226 | color:var(--text-color)<?php echo esc_html( $important ); ?>; |
| 239 | 227 | background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>; |
| 240 | 228 | background-color:var(--bg-color)<?php echo esc_html( $important ); ?>; |
| 229 | +<?php if ( ! empty( $important ) ) { ?> | |
| 230 | + background-image:none !important; | |
| 231 | +<?php } ?> | |
| 241 | 232 | border-color:<?php echo esc_html( $defaults['border_color'] ); ?>; |
| 242 | 233 | border-color:var(--border-color)<?php echo esc_html( $important ); ?>; |
| 243 | 234 | border-width:<?php echo esc_html( $defaults['field_border_width'] ); ?>; |
| 244 | 235 | border-width:var(--field-border-width)<?php echo esc_html( $important ); ?>; |
| @@ -263,52 +254,15 @@ | ||
| 263 | 254 | font-weight:var(--field-weight); |
| 264 | 255 | box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>; |
| 265 | 256 | } |
| 266 | 257 | |
| 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 | 258 | .with_frm_style input[type=radio], |
| 299 | 259 | .with_frm_style input[type=checkbox]{ |
| 300 | 260 | border-color:<?php echo esc_html( $defaults['border_color'] . $important ); ?>; |
| 301 | 261 | border-color:var(--border-color)<?php echo esc_html( $important ); ?>; |
| 302 | 262 | box-shadow:var(--box-shadow)<?php echo esc_html( $important ); ?>; |
| 303 | - float: none; | |
| 304 | 263 | } |
| 305 | 264 | |
| 306 | -.with_frm_style input[type=radio]:after, | |
| 307 | -.with_frm_style input[type=checkbox]:after { | |
| 308 | - display: none; /* 2021 conflict */ | |
| 309 | -} | |
| 310 | - | |
| 311 | 265 | .with_frm_style input[type=text], |
| 312 | 266 | .with_frm_style input[type=password], |
| 313 | 267 | .with_frm_style input[type=email], |
| 314 | 268 | .with_frm_style input[type=number], |
| @@ -317,10 +271,10 @@ | ||
| 317 | 271 | .with_frm_style input[type=file], |
| 318 | 272 | .with_frm_style input[type=search], |
| 319 | 273 | .with_frm_style select, |
| 320 | 274 | .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 ); ?>; | |
| 275 | + height:<?php echo esc_html( $defaults['field_height'] ); ?>; | |
| 276 | + height:var(--field-height)<?php echo esc_html( $important ); ?>; | |
| 323 | 277 | line-height:1.3<?php echo esc_html( $important ); ?>; |
| 324 | 278 | } |
| 325 | 279 | |
| 326 | 280 | .with_frm_style select[multiple=multiple]{ |
| @@ -358,9 +312,8 @@ | ||
| 358 | 312 | } |
| 359 | 313 | |
| 360 | 314 | .with_frm_style .wp-editor-container textarea{ |
| 361 | 315 | border:none<?php echo esc_html( $important ); ?>; |
| 362 | - box-shadow:none !important; | |
| 363 | 316 | } |
| 364 | 317 | |
| 365 | 318 | .with_frm_style .mceIframeContainer{ |
| 366 | 319 | background-color:<?php echo esc_html( $defaults['bg_color'] . $important ); ?>; |
| @@ -370,9 +323,8 @@ | ||
| 370 | 323 | .with_frm_style select{ |
| 371 | 324 | width:<?php echo esc_html( $defaults['auto_width'] ); ?>; |
| 372 | 325 | width:var(--auto-width)<?php echo esc_html( $important ); ?>; |
| 373 | 326 | max-width:100%; |
| 374 | - background-position-y: center; | |
| 375 | 327 | } |
| 376 | 328 | |
| 377 | 329 | .with_frm_style input[disabled], |
| 378 | 330 | .with_frm_style select[disabled], |
| @@ -398,9 +350,9 @@ | ||
| 398 | 350 | |
| 399 | 351 | .with_frm_style .frm_primary_label{ |
| 400 | 352 | max-width:100%; |
| 401 | 353 | <?php if ( ! empty( $defaults['font'] ) ) { ?> |
| 402 | - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; | |
| 354 | + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>; | |
| 403 | 355 | font-family:var(--font); |
| 404 | 356 | <?php } ?> |
| 405 | 357 | <?php if ( ! empty( $defaults['font_size'] ) ) { ?> |
| 406 | 358 | font-size:<?php echo esc_html( $defaults['font_size'] . $important ); ?>; |
| @@ -467,104 +419,19 @@ | ||
| 467 | 419 | visibility:hidden; |
| 468 | 420 | white-space:nowrap; |
| 469 | 421 | } |
| 470 | 422 | |
| 423 | +.with_frm_style .frm_inside_container .frm_primary_label{ | |
| 424 | + opacity:0; | |
| 425 | + transition: opacity 0.1s linear; | |
| 426 | +} | |
| 427 | + | |
| 428 | +.with_frm_style .frm_inside_container label.frm_visible, | |
| 471 | 429 | .frm_visible{ |
| 472 | 430 | opacity:1; |
| 473 | 431 | } |
| 474 | 432 | |
| 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{ | |
| 433 | +.with_frm_style .frm_description{ | |
| 567 | 434 | clear:both; |
| 568 | 435 | } |
| 569 | 436 | |
| 570 | 437 | .with_frm_style input[type=number][readonly]{ |
| @@ -627,9 +494,9 @@ | ||
| 627 | 494 | font-size:<?php echo esc_html( $defaults['submit_font_size'] . $important ); ?>; |
| 628 | 495 | font-size:var(--submit-font-size)<?php echo esc_html( $important ); ?>; |
| 629 | 496 | <?php } ?> |
| 630 | 497 | <?php if ( ! empty( $defaults['font'] ) ) { ?> |
| 631 | - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; | |
| 498 | + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] . $important ); // WPCS: XSS ok. ?>; | |
| 632 | 499 | font-family:var(--font)<?php echo esc_html( $important ); ?>; |
| 633 | 500 | <?php } ?> |
| 634 | 501 | <?php if ( ! empty( $defaults['submit_weight'] ) ) { ?> |
| 635 | 502 | font-weight:<?php echo esc_html( $defaults['submit_weight'] . $important ); ?>; |
| @@ -796,12 +663,11 @@ | ||
| 796 | 663 | a.frm_save_draft{ |
| 797 | 664 | cursor:pointer; |
| 798 | 665 | } |
| 799 | 666 | |
| 800 | -.with_frm_style a.frm_save_draft, | |
| 801 | -.with_frm_style a.frm_start_over{ | |
| 667 | +.with_frm_style a.frm_save_draft{ | |
| 802 | 668 | <?php if ( ! empty( $defaults['font'] ) ) { ?> |
| 803 | - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; | |
| 669 | + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>; | |
| 804 | 670 | font-family:var(--font); |
| 805 | 671 | <?php } ?> |
| 806 | 672 | font-size:<?php echo esc_html( $defaults['submit_font_size'] ); ?>; |
| 807 | 673 | font-size:var(--submit-font-size); |
| @@ -868,9 +734,9 @@ | ||
| 868 | 734 | |
| 869 | 735 | .with_frm_style .frm_radio label, |
| 870 | 736 | .with_frm_style .frm_checkbox label{ |
| 871 | 737 | <?php if ( ! empty( $defaults['font'] ) ) { ?> |
| 872 | - font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>; | |
| 738 | + font-family:<?php echo FrmAppHelper::kses( $defaults['font'] ); // WPCS: XSS ok. ?>; | |
| 873 | 739 | font-family:var(--font); |
| 874 | 740 | <?php } ?> |
| 875 | 741 | font-size:<?php echo esc_html( $defaults['check_font_size'] . $important ); ?>; |
| 876 | 742 | font-size:var(--check-font-size)<?php echo esc_html( $important ); ?>; |
| @@ -877,9 +743,8 @@ | ||
| 877 | 743 | color:<?php echo esc_html( $defaults['check_label_color'] . $important ); ?>; |
| 878 | 744 | color:var(--check-label-color)<?php echo esc_html( $important ); ?>; |
| 879 | 745 | font-weight:<?php echo esc_html( $defaults['check_weight'] . $important ); ?>; |
| 880 | 746 | font-weight:var(--check-weight)<?php echo esc_html( $important ); ?>; |
| 881 | - line-height: 1.3; | |
| 882 | 747 | } |
| 883 | 748 | |
| 884 | 749 | .with_frm_style .frm_radio input[type=radio], |
| 885 | 750 | .with_frm_style .frm_checkbox input[type=checkbox] { |
| @@ -895,68 +760,29 @@ | ||
| 895 | 760 | margin:5px; |
| 896 | 761 | vertical-align:middle; |
| 897 | 762 | } |
| 898 | 763 | |
| 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 | -{ | |
| 764 | +.with_frm_style .frm_radio input[type=radio]{ | |
| 765 | + -webkit-appearance:radio; | |
| 904 | 766 | border-radius:50%; |
| 905 | 767 | } |
| 906 | 768 | |
| 907 | 769 | .with_frm_style .frm_checkbox input[type=checkbox]{ |
| 770 | + -webkit-appearance:checkbox; | |
| 908 | 771 | border-radius:0; |
| 909 | 772 | } |
| 910 | 773 | |
| 911 | 774 | .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 | 775 | .with_frm_style .frm_checkbox input[type=checkbox]{ |
| 916 | - -webkit-appearance: none; | |
| 917 | - appearance: none; | |
| 918 | - background-color: var(--bg-color); | |
| 919 | 776 | flex: none; |
| 920 | - display:inline-block !important; | |
| 921 | - margin: 0 5px 0 0; | |
| 922 | - color: var(--border-color); | |
| 923 | - width: 18px; | |
| 924 | - min-width: 18px; | |
| 925 | - height: 18px; | |
| 926 | - border: 1px solid currentColor; | |
| 927 | - border-color: var(--border-color); | |
| 928 | - vertical-align: middle; | |
| 777 | + display:inline-block; | |
| 778 | + margin:4px 5px 0 0; | |
| 779 | + width:auto; | |
| 780 | + border:none; | |
| 781 | + vertical-align:baseline; | |
| 929 | 782 | position: initial; /* override Bootstrap */ |
| 930 | - padding: 0; | |
| 931 | 783 | } |
| 932 | 784 | |
| 933 | -.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 | -.with_frm_style .frm_checkbox input[type=checkbox]:before { | |
| 938 | - content: ''; | |
| 939 | - width: 12px; | |
| 940 | - height: 12px; | |
| 941 | - border-radius: 50%; | |
| 942 | - transform: scale(0); | |
| 943 | - transition: 120ms transform ease-in-out; | |
| 944 | - box-shadow: inset 10px 10px var(--text-color); | |
| 945 | - display: block; | |
| 946 | - margin: 2px 0 0 2px; | |
| 947 | -} | |
| 948 | - | |
| 949 | -.with_frm_style .frm_checkbox input[type=checkbox]:before{ | |
| 950 | - clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); | |
| 951 | - border-radius: 0; | |
| 952 | -} | |
| 953 | - | |
| 954 | -.with_frm_style .frm_radio input[type=radio]:checked:before, | |
| 955 | -.with_frm_style .frm_checkbox input[type=checkbox]:checked:before { | |
| 956 | - transform: scale(1); | |
| 957 | -} | |
| 958 | - | |
| 959 | 785 | .with_frm_style :invalid, |
| 960 | 786 | .with_frm_style :-moz-submit-invalid, |
| 961 | 787 | .with_frm_style :-moz-ui-invalid{ |
| 962 | 788 | box-shadow:none; |
| @@ -1267,12 +1093,9 @@ | ||
| 1267 | 1093 | } |
| 1268 | 1094 | |
| 1269 | 1095 | .frm_grid .frm_error, |
| 1270 | 1096 | .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{ | |
| 1097 | +.frm_grid_odd .frm_error{ | |
| 1275 | 1098 | display:none; |
| 1276 | 1099 | } |
| 1277 | 1100 | |
| 1278 | 1101 | .frm_grid:after, |
| @@ -1600,32 +1423,12 @@ | ||
| 1600 | 1423 | .frm_clearfix{ |
| 1601 | 1424 | display:block; |
| 1602 | 1425 | } |
| 1603 | 1426 | |
| 1604 | -.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before { | |
| 1605 | - color:<?php echo esc_html( $defaults['repeat_icon_color'] . $important ); ?>; | |
| 1606 | - color:var(--repeat-icon-color)<?php echo esc_html( $important ); ?>; | |
| 1607 | -} | |
| 1427 | +/* Fonts */ | |
| 1428 | +<?php readfile( FrmAppHelper::plugin_path() . '/css/font_icons.css' ); ?> | |
| 1429 | +<?php do_action( 'frm_include_front_css', compact( 'defaults' ) ); ?> | |
| 1608 | 1430 | |
| 1609 | -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first, | |
| 1610 | -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle, | |
| 1611 | -.with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last { | |
| 1612 | - margin-bottom: 0 !important; | |
| 1613 | -} | |
| 1614 | - | |
| 1615 | -<?php | |
| 1616 | -FrmStylesHelper::maybe_include_font_icon_css(); | |
| 1617 | - | |
| 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 | 1431 | /* Responsive */ |
| 1629 | 1432 | |
| 1630 | 1433 | @media only screen and (max-width: 900px) { |
| 1631 | 1434 | .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, |
| @@ -1679,5 +1482,10 @@ | ||
| 1679 | 1482 | } |
| 1680 | 1483 | } |
| 1681 | 1484 | <?php |
| 1682 | 1485 | |
| 1683 | -echo strip_tags( FrmStylesController::get_custom_css() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped | |
| 1486 | +$frm_settings = FrmAppHelper::get_settings(); | |
| 1487 | +if ( $frm_settings->old_css ) { | |
| 1488 | + readfile( dirname( __FILE__ ) . '/frm_old_grids.css' ); | |
| 1489 | +} | |
| 1490 | + | |
| 1491 | +echo strip_tags( $defaults['custom_css'] ); // WPCS: XSS ok. | |
