| @@ -5,8 +5,9 @@ | ||
| 5 | 5 | .frm_wrap { |
| 6 | 6 | --grey-900: #101828; |
| 7 | 7 | --grey-800: #1D2939; |
| 8 | 8 | --grey-700: #344054; |
| 9 | + --grey-600: #475467; | |
| 9 | 10 | --grey-500: #667085; /* Roughly 65% opacity */ |
| 10 | 11 | --grey-400: #98A2B3; |
| 11 | 12 | --grey-300: #D0D5DD; |
| 12 | 13 | --grey-200: #EAECF0; |
| @@ -12,9 +13,8 @@ | ||
| 12 | 13 | --grey-200: #EAECF0; |
| 13 | 14 | --grey-100: #F2F4F7; |
| 14 | 15 | --grey-50: #F9FAFB; |
| 15 | 16 | --grey-25: #FCFCFD; |
| 16 | - --darkest-grey: var(--grey-900); /* Deprecated */ | |
| 17 | 17 | --dark-grey: var(--grey-700); /* Deprecated */ |
| 18 | 18 | --medium-grey: rgba(40, 47, 54, .65); |
| 19 | 19 | --grey: var(--grey-500); /* Deprecated */ |
| 20 | 20 | --grey-border: var(--grey-300); /* Deprecated */ |
| @@ -22,21 +22,32 @@ | ||
| 22 | 22 | --sidebar-color: var(--grey-50); |
| 23 | 23 | --sidebar-hover: var(--grey-200); |
| 24 | 24 | --primary-700: #2B66A9; |
| 25 | 25 | --primary-500: #4199FD; |
| 26 | + --primary-200: #C0DDFE; | |
| 26 | 27 | --primary-25: #F5FAFF; |
| 27 | 28 | --primary-color: var(--primary-500); /* Deprecated */ |
| 28 | 29 | --primary-hover: var(--primary-700); /* Deprecated */ |
| 29 | 30 | --light-blue: var(--primary-25); /* Deprecated */ |
| 30 | 31 | --blue-border: rgb(188, 224, 253); |
| 32 | + --error-700: #B42318; | |
| 31 | 33 | --error-500: #F04438; |
| 32 | - --error-700: #B42318; | |
| 34 | + --error-300: #FECDCA; | |
| 35 | + --error-100: #FEE4E2; | |
| 36 | + --error-25: #FFF5F4; | |
| 33 | 37 | --green: rgb(63, 172, 37); |
| 34 | 38 | --orange: #F15A24; |
| 35 | 39 | --pink: rgb(226, 42, 110); |
| 36 | 40 | --purple: rgb(141, 53, 245); |
| 41 | + --success-900: #054F31; | |
| 42 | + --success-800: #065F46; | |
| 43 | + --success-500: #12b76a; | |
| 44 | + --success-100: #D1FAE5; | |
| 45 | + --success-50: #ECFDF3; | |
| 46 | + --success-25: #f6fef9; | |
| 37 | 47 | --border-radius: 35px; |
| 38 | 48 | --small-radius: 8px; |
| 49 | + --medium-radius: 16px; | |
| 39 | 50 | --small-sidebar: 275px; |
| 40 | 51 | --medium-sidebar: 350px; |
| 41 | 52 | --big-sidebar: 390px; |
| 42 | 53 | --biggest-sidebar: 450px; |
| @@ -55,12 +66,17 @@ | ||
| 55 | 66 | --gap-md: 24px; |
| 56 | 67 | --gap-lg: 32px; |
| 57 | 68 | --gap-xl: 40px; |
| 58 | 69 | --gap-2xl: 48px; |
| 70 | + --box-shadow-xs: 0px 0.47074466943740845px 0.9414893388748169px 0px rgba(16, 24, 40, 0.05); | |
| 59 | 71 | --box-shadow-sm: 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06); |
| 60 | 72 | --box-shadow-md: 0px 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0px 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06); |
| 61 | 73 | --box-shadow-lg: 0px 6px 8px -2px rgba(16, 24, 40, 0.08), 0px 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06); |
| 62 | 74 | --box-shadow-xl: 0px 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0px 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03); |
| 75 | + --box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18); | |
| 76 | + --button-shadow: 0px 0.47px 0.94px 0px rgba(16, 24, 40, 0.06), 0px 0.47px 1.47px 0px rgba(16, 24, 40, 0.1); | |
| 77 | + /* Override front-end CSS */ | |
| 78 | + --check-label-color: var(--grey-700); | |
| 63 | 79 | } |
| 64 | 80 | |
| 65 | 81 | @font-face { |
| 66 | 82 | font-family: 'Inter'; |
| @@ -82,9 +98,14 @@ | ||
| 82 | 98 | -webkit-font-smoothing: antialiased; |
| 83 | 99 | } |
| 84 | 100 | } |
| 85 | 101 | } |
| 86 | - | |
| 102 | +.frm-sm-z-index { | |
| 103 | + z-index: 1; | |
| 104 | +} | |
| 105 | +.frm-md-z-index { | |
| 106 | + z-index: 5; | |
| 107 | +} | |
| 87 | 108 | .frm-white-body, |
| 88 | 109 | .frm-white-body p, |
| 89 | 110 | .frm_wrap, |
| 90 | 111 | .frm_wrap p, |
| @@ -94,8 +115,14 @@ | ||
| 94 | 115 | color: var(--grey-500); |
| 95 | 116 | line-height: var(--leading); |
| 96 | 117 | } |
| 97 | 118 | |
| 119 | +.frm-white-body p, | |
| 120 | +.frm_wrap p { | |
| 121 | + margin: var(--gap-sm) 0; | |
| 122 | +} | |
| 123 | + | |
| 124 | + | |
| 98 | 125 | body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset { |
| 99 | 126 | --fieldset-padding: 15px 0; |
| 100 | 127 | } |
| 101 | 128 | |
| @@ -105,13 +132,16 @@ | ||
| 105 | 132 | } |
| 106 | 133 | |
| 107 | 134 | .post-type-frm_display .wrap > #posts-filter, |
| 108 | 135 | .wrap.frm-with-margin, |
| 109 | -#frm_top_bar + .wrap, | |
| 110 | 136 | .frm_wrap > .wrap { |
| 111 | 137 | margin: var(--gap-sm) var(--gap-md) var(--gap-md); |
| 112 | 138 | } |
| 113 | 139 | |
| 140 | +#frm_top_bar + .wrap { | |
| 141 | + margin: var(--gap-xl); | |
| 142 | +} | |
| 143 | + | |
| 114 | 144 | .frm-full-screen #wpbody-content > .wrap { |
| 115 | 145 | margin: 0; |
| 116 | 146 | } |
| 117 | 147 | |
| @@ -165,9 +195,9 @@ | ||
| 165 | 195 | |
| 166 | 196 | .frm-white-body #screen-meta-links { |
| 167 | 197 | position: fixed; |
| 168 | 198 | bottom: 0; |
| 169 | - right: 20px; | |
| 199 | + right: 20px; | |
| 170 | 200 | } |
| 171 | 201 | |
| 172 | 202 | .frm-full-screen #screen-meta-links .screen-meta-toggle { |
| 173 | 203 | right: 55px; |
| @@ -198,9 +228,8 @@ | ||
| 198 | 228 | .frm-full-screen .columns-2 { |
| 199 | 229 | border: none; |
| 200 | 230 | } |
| 201 | 231 | |
| 202 | -body.formidable_page_formidable-pro-upgrade, | |
| 203 | 232 | body.post-type-frm_display.edit-php, |
| 204 | 233 | body.frm-white-body { |
| 205 | 234 | background: #fff; |
| 206 | 235 | } |
| @@ -218,8 +247,16 @@ | ||
| 218 | 247 | .frm-white-body .wrap #post-body { |
| 219 | 248 | padding: 0 20px; |
| 220 | 249 | } |
| 221 | 250 | |
| 251 | +.frm-grey-body #wpbody { | |
| 252 | + background: var(--grey-100); | |
| 253 | +} | |
| 254 | + | |
| 255 | +.frm-grey-body #frm_top_bar { | |
| 256 | + background: #fff; | |
| 257 | +} | |
| 258 | + | |
| 222 | 259 | .post-type-frm_display .tablenav, |
| 223 | 260 | .frm_wrap .tablenav { |
| 224 | 261 | margin-bottom: 10px; |
| 225 | 262 | } |
| @@ -270,8 +307,18 @@ | ||
| 270 | 307 | overflow: auto; |
| 271 | 308 | border: 1px solid var(--grey-300); |
| 272 | 309 | } |
| 273 | 310 | |
| 311 | +.frm_form_field.frm6_followed + p, | |
| 312 | +.frm_form_field.frm6_followed + div { | |
| 313 | + grid-column: span 6 / span 6; | |
| 314 | +} | |
| 315 | + | |
| 316 | +.frm_form_field.frm-phone-type + p > label, | |
| 317 | +.frm_form_field.frm-phone-type + div > label { | |
| 318 | + opacity: 0; /* Hide the label for the format input in the phone field. */ | |
| 319 | +} | |
| 320 | + | |
| 274 | 321 | .frm-short-list { |
| 275 | 322 | overflow: auto; |
| 276 | 323 | max-height: 190px; |
| 277 | 324 | } |
| @@ -330,8 +377,9 @@ | ||
| 330 | 377 | |
| 331 | 378 | .frm-white-body .wrap h2, |
| 332 | 379 | .frm-white-body h2 { |
| 333 | 380 | font-size: var(--text-lg); |
| 381 | + font-weight: 500; | |
| 334 | 382 | } |
| 335 | 383 | |
| 336 | 384 | .frm-white-body .wrap h3, |
| 337 | 385 | .frm-white-body h3 { |
| @@ -343,8 +391,35 @@ | ||
| 343 | 391 | font-size: var(--text-sm); |
| 344 | 392 | font-weight: 500; |
| 345 | 393 | } |
| 346 | 394 | |
| 395 | +/* Error modal */ | |
| 396 | +#frm_error_modal .frm_lock_simple { | |
| 397 | + padding: 20px; | |
| 398 | + border-radius: 50%; | |
| 399 | + background-color: var(--primary-25); | |
| 400 | + display: inline-block; | |
| 401 | +} | |
| 402 | + | |
| 403 | +#frm_error_modal #frm_lock_simple { | |
| 404 | + color: var(--primary-500); | |
| 405 | +} | |
| 406 | + | |
| 407 | +#frm_error_modal .frm-modal-title { | |
| 408 | + display: block; | |
| 409 | +} | |
| 410 | + | |
| 411 | +#frm_error_modal .frm-modal-title h2 { | |
| 412 | + font-weight: 600; | |
| 413 | + font-size: var(--text-xl); | |
| 414 | + margin: 0; | |
| 415 | +} | |
| 416 | + | |
| 417 | +#frm_error_modal .frm_modal_content { | |
| 418 | + padding: var(--gap-md); | |
| 419 | + color: var(--grey-900); | |
| 420 | +} | |
| 421 | + | |
| 347 | 422 | /* Override CSS in Views plugin. */ |
| 348 | 423 | .frm-views-editor-body .frm_page_container #frm_top_bar h1 { |
| 349 | 424 | padding: 0 !important; |
| 350 | 425 | color: var(--grey-900); |
| @@ -371,9 +446,9 @@ | ||
| 371 | 446 | } |
| 372 | 447 | |
| 373 | 448 | #frm_edit_box_content_modal .frm_modal_footer > div { |
| 374 | 449 | display: flex; |
| 375 | - justify-content: space-between; | |
| 450 | + justify-content: space-between; | |
| 376 | 451 | } |
| 377 | 452 | |
| 378 | 453 | #frm_edit_box_content_modal #frm_modal_box_select_area, |
| 379 | 454 | #frm_edit_box_content_modal #frm_box_content_wysiwyg_wrapper, |
| @@ -504,9 +579,8 @@ | ||
| 504 | 579 | .frm-nav-tabs a:active, |
| 505 | 580 | .frm_form_nav a:active, |
| 506 | 581 | .frm_form_nav a:focus { |
| 507 | 582 | outline: none; |
| 508 | - -webkit-box-shadow: none; | |
| 509 | 583 | box-shadow: none; |
| 510 | 584 | } |
| 511 | 585 | |
| 512 | 586 | .frm_form_nav > li > a { |
| @@ -566,9 +640,9 @@ | ||
| 566 | 640 | display: inline-flex; |
| 567 | 641 | gap: var(--gap-sm); |
| 568 | 642 | align-items: center; |
| 569 | 643 | text-align: left; |
| 570 | - width: 200px; | |
| 644 | + min-width: 200px; | |
| 571 | 645 | } |
| 572 | 646 | |
| 573 | 647 | #frm_top_bar h1 span { |
| 574 | 648 | max-width: 175px; |
| @@ -600,9 +674,9 @@ | ||
| 600 | 674 | border-left: 2px solid var(--grey); |
| 601 | 675 | } |
| 602 | 676 | |
| 603 | 677 | .frm_wrap > #frm_top_bar #frm-publishing { |
| 604 | - margin-top: 0; | |
| 678 | + margin-top: 0; | |
| 605 | 679 | } |
| 606 | 680 | |
| 607 | 681 | #frm-publishing { |
| 608 | 682 | min-width: 225px; |
| @@ -674,9 +748,11 @@ | ||
| 674 | 748 | position: static; |
| 675 | 749 | } |
| 676 | 750 | |
| 677 | 751 | .auto-fold.frm-admin-page-styles .frm_page_container, |
| 678 | -.auto-fold .frm_wrap .frm_page_container { | |
| 752 | +.auto-fold .frm_wrap .frm_page_container, | |
| 753 | +.frm-unfold.frm-admin-page-styles .frm_page_container, | |
| 754 | +.frm-unfold .frm_wrap .frm_page_container { | |
| 679 | 755 | left: 160px; |
| 680 | 756 | } |
| 681 | 757 | |
| 682 | 758 | .folded.frm-admin-page-styles .frm_page_container, |
| @@ -709,9 +785,9 @@ | ||
| 709 | 785 | } |
| 710 | 786 | |
| 711 | 787 | .columns-2 .frm-right-panel + div { |
| 712 | 788 | padding-bottom: var(--gap-md); |
| 713 | - border-left: 1px solid var(--sidebar-hover); | |
| 789 | + border-left: 1px solid var(--grey-300); | |
| 714 | 790 | } |
| 715 | 791 | |
| 716 | 792 | .columns-2 .frm-right-panel + div, |
| 717 | 793 | .frm_wrap #post-body-content { |
| @@ -809,9 +885,9 @@ | ||
| 809 | 885 | padding-left: 18px; |
| 810 | 886 | box-sizing: border-box; |
| 811 | 887 | } |
| 812 | 888 | |
| 813 | -#form_settings_page #frm_adv_info { | |
| 889 | +#form_settings_page #frm_adv_info, #frm_builder_page #frm_adv_info { | |
| 814 | 890 | display: none; |
| 815 | 891 | top: 0; |
| 816 | 892 | width: 310px; |
| 817 | 893 | max-height: 315px; |
| @@ -820,9 +896,10 @@ | ||
| 820 | 896 | z-index: 100; |
| 821 | 897 | } |
| 822 | 898 | |
| 823 | 899 | #form_global_settings .columns-2 .frm-right-panel, |
| 824 | -#form_settings_page .columns-2 .frm-right-panel { | |
| 900 | +#form_settings_page .columns-2 .frm-right-panel, | |
| 901 | +#wpbody-content .frm-page-skeleton .frm-right-panel { | |
| 825 | 902 | flex: 0 0 var(--small-sidebar); |
| 826 | 903 | width: var(--small-sidebar); |
| 827 | 904 | min-width: var(--small-sidebar); |
| 828 | 905 | } |
| @@ -925,9 +1002,10 @@ | ||
| 925 | 1002 | background-color: #fff; |
| 926 | 1003 | margin: 0 -4px; |
| 927 | 1004 | } |
| 928 | 1005 | |
| 929 | -.frm_form_settings span.frm-with-right-icon { | |
| 1006 | +.frm_form_settings span.frm-with-right-icon, | |
| 1007 | +#frm_builder_page .frm_has_shortcodes span.frm-with-right-icon:not(.frm_hidden) { | |
| 930 | 1008 | display: block; |
| 931 | 1009 | } |
| 932 | 1010 | |
| 933 | 1011 | .frm-inline-modal .frm-nav-tabs, |
| @@ -996,9 +1074,8 @@ | ||
| 996 | 1074 | .frm-right-panel h3 { |
| 997 | 1075 | color: var(--grey-700); |
| 998 | 1076 | font-size: var(--text-lg); |
| 999 | 1077 | font-weight: 400; |
| 1000 | - border-top: 2px solid var(--sidebar-hover); | |
| 1001 | 1078 | margin: 0; |
| 1002 | 1079 | } |
| 1003 | 1080 | |
| 1004 | 1081 | .frm-single-settings > h3:first-of-type { |
| @@ -1107,19 +1184,18 @@ | ||
| 1107 | 1184 | .frm-admin-footer-links { |
| 1108 | 1185 | gap: var(--gap-2xs); |
| 1109 | 1186 | flex-direction: column; |
| 1110 | 1187 | text-align: center; |
| 1111 | - padding: var(--gap-xl) 0 var(--gap-lg) 160px; | |
| 1188 | + padding: var(--gap-xl) 0 var(--gap-lg); | |
| 1112 | 1189 | font-size: var(--text-xs); |
| 1113 | 1190 | color: var(--grey-400); |
| 1114 | 1191 | } |
| 1115 | 1192 | |
| 1116 | -body.rtl .frm-admin-footer-links { | |
| 1117 | - padding-left: unset; | |
| 1118 | - padding-right: 160px; | |
| 1193 | +body.frm-hidden-overflow { | |
| 1194 | + height: 100%; | |
| 1195 | + overflow: hidden; | |
| 1119 | 1196 | } |
| 1120 | 1197 | |
| 1121 | - | |
| 1122 | 1198 | .frm-admin-footer-links-nav { |
| 1123 | 1199 | gap: var(--gap-2xs); |
| 1124 | 1200 | margin-bottom: var(--gap-xs); |
| 1125 | 1201 | } |
| @@ -1217,8 +1293,9 @@ | ||
| 1217 | 1293 | .wp-core-ui.frm-white-body .button-secondary, |
| 1218 | 1294 | .frm-white-body .button-primary, |
| 1219 | 1295 | .frm-white-body .button-secondary, |
| 1220 | 1296 | #frm-form-button button, |
| 1297 | +.frm-form-button button, | |
| 1221 | 1298 | .frm-preview-buttons button, |
| 1222 | 1299 | .frm-button-red, |
| 1223 | 1300 | .frm-button-tertiary { |
| 1224 | 1301 | text-shadow: none; |
| @@ -1237,20 +1314,44 @@ | ||
| 1237 | 1314 | margin-bottom: 0; |
| 1238 | 1315 | display: inline-block; |
| 1239 | 1316 | } |
| 1240 | 1317 | |
| 1318 | +.frm-button-primary.frm-sharp, | |
| 1319 | +.frm-button-secondary.frm-sharp { | |
| 1320 | + border-radius: 12px !important; | |
| 1321 | +} | |
| 1322 | + | |
| 1323 | +.no-js.wp-core-ui .frm-search .button.hide-if-no-js, | |
| 1324 | +.js.wp-core-ui .frm-search .button.hide-if-js { | |
| 1325 | + display: none; | |
| 1326 | +} | |
| 1327 | + | |
| 1241 | 1328 | .frm-button-tertiary { |
| 1242 | 1329 | border-color: transparent; |
| 1243 | 1330 | color: var(--primary-500); |
| 1244 | 1331 | } |
| 1245 | 1332 | |
| 1333 | +.frm-button-tertiary:focus { | |
| 1334 | + outline: none; | |
| 1335 | +} | |
| 1336 | + | |
| 1337 | +.frm-button-tertiary.frm_loading_button::before { | |
| 1338 | + border-right-color: var(--grey); | |
| 1339 | + border-bottom-color: var(--grey); | |
| 1340 | +} | |
| 1341 | + | |
| 1246 | 1342 | .frm-button-red, |
| 1247 | 1343 | .frm-button-red:focus { |
| 1248 | - color: #fff !important; | |
| 1344 | + --primary-color: var(--error-500); | |
| 1249 | 1345 | --primary-500: var(--error-500); |
| 1250 | 1346 | --primary-700: var(--error-700); |
| 1251 | 1347 | } |
| 1252 | 1348 | |
| 1349 | +.frm-button-red:not(.frm-button-tertiary), | |
| 1350 | +.frm-button-red:not(.frm-button-tertiary):focus { | |
| 1351 | + color: #fff !important; | |
| 1352 | +} | |
| 1353 | + | |
| 1253 | 1354 | .frm-white-body h2 .button, |
| 1254 | 1355 | .post-type-frm_display h2 .frm-button-primary, |
| 1255 | 1356 | .frm-white-body .tablenav .button, |
| 1256 | 1357 | .frm-button-primary.frm-button-sm, |
| @@ -1313,20 +1414,27 @@ | ||
| 1313 | 1414 | background-color: var(--primary-500) !important; |
| 1314 | 1415 | color: #fff !important; |
| 1315 | 1416 | } |
| 1316 | 1417 | |
| 1317 | -.frm-button-primary.frm_large{ | |
| 1318 | - font-size: var(--text-md) !important; | |
| 1418 | +.frm-button-primary.frm_large, | |
| 1419 | +.frm-button-secondary.frm_large { | |
| 1319 | 1420 | height: auto !important; |
| 1320 | - padding: 9px 18px !important; | |
| 1421 | + padding: 12px 16px !important; | |
| 1321 | 1422 | } |
| 1322 | 1423 | |
| 1424 | +.frm-button-secondary.frm-small, | |
| 1425 | +.frm-button-primary.frm-small { | |
| 1426 | + font-size: var(--text-xs) !important; | |
| 1427 | + height: auto !important; | |
| 1428 | + padding: var(--gap-2xs) 12px !important; | |
| 1429 | +} | |
| 1430 | + | |
| 1323 | 1431 | .frm-button-primary i:before { |
| 1324 | 1432 | color: #fff; |
| 1325 | 1433 | } |
| 1326 | 1434 | |
| 1327 | -.wp-core-ui .button-primary.frm-button-primary:hover, | |
| 1328 | -.frm-button-primary:hover { | |
| 1435 | +.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover, | |
| 1436 | +.frm-button-primary:not([disabled]):hover { | |
| 1329 | 1437 | background: var(--primary-700) !important; |
| 1330 | 1438 | border-color: var(--primary-700) !important; |
| 1331 | 1439 | } |
| 1332 | 1440 | |
| @@ -1335,8 +1443,9 @@ | ||
| 1335 | 1443 | } |
| 1336 | 1444 | |
| 1337 | 1445 | .frm-white-body #search-submit, |
| 1338 | 1446 | #frm-form-button .frm_button_submit, |
| 1447 | +.frm-form-button .frm_button_submit, | |
| 1339 | 1448 | .frm-white-body .frm-preview-buttons button, |
| 1340 | 1449 | .frm-white-body .button:not(.frm-button-primary), |
| 1341 | 1450 | .wp-core-ui.frm-white-body .button-secondary, |
| 1342 | 1451 | .wp-core-ui .button-secondary.frm-button-secondary, |
| @@ -1429,11 +1538,22 @@ | ||
| 1429 | 1538 | width: 98%; |
| 1430 | 1539 | font-weight: normal |
| 1431 | 1540 | } |
| 1432 | 1541 | |
| 1542 | +.frm-dismissible a.dismiss:focus { | |
| 1543 | + box-shadow: none; | |
| 1544 | +} | |
| 1545 | +.frm-dismissible a.dismiss { | |
| 1546 | + top: 10px; | |
| 1547 | + right: 10px; | |
| 1548 | + position: absolute; | |
| 1549 | +} | |
| 1550 | +.frm-dismissible a.dismiss svg { | |
| 1551 | + color: var(--grey-800); | |
| 1552 | +} | |
| 1553 | + | |
| 1433 | 1554 | /* Review request */ |
| 1434 | -.frm-review-notice.notice { | |
| 1435 | - border: 1px solid #ddd; | |
| 1555 | +.frm-review-notice { | |
| 1436 | 1556 | text-align: center; |
| 1437 | 1557 | position: fixed !important; |
| 1438 | 1558 | z-index: 999; |
| 1439 | 1559 | bottom: 0; |
| @@ -1438,18 +1558,11 @@ | ||
| 1438 | 1558 | z-index: 999; |
| 1439 | 1559 | bottom: 0; |
| 1440 | 1560 | right: 0; |
| 1441 | 1561 | width: 400px; |
| 1562 | + box-shadow: var(--box-shadow-xxl) !important; | |
| 1442 | 1563 | } |
| 1443 | 1564 | |
| 1444 | -.frm-review-notice.notice form, | |
| 1445 | -.frm-review-notice.notice p { | |
| 1446 | - font-size: var(--text-sm); | |
| 1447 | - max-width: 600px; | |
| 1448 | - margin-left: auto; | |
| 1449 | - margin-right: auto; | |
| 1450 | -} | |
| 1451 | - | |
| 1452 | 1565 | .frm-review-notice a { |
| 1453 | 1566 | margin: 0 var(--gap-xs) !important; |
| 1454 | 1567 | } |
| 1455 | 1568 | |
| @@ -1457,17 +1570,25 @@ | ||
| 1457 | 1570 | .frm-review-notice .frm-button-secondary { |
| 1458 | 1571 | min-width: 100px; |
| 1459 | 1572 | } |
| 1460 | 1573 | |
| 1574 | +.frm-review-notice p { | |
| 1575 | + margin: 0 0 10px 0; | |
| 1576 | +} | |
| 1577 | + | |
| 1461 | 1578 | .frm-review-notice p > span { |
| 1462 | 1579 | font-size: 13px; |
| 1463 | 1580 | opacity: 0.75; |
| 1464 | 1581 | } |
| 1465 | 1582 | |
| 1466 | -#frmapi-feedback { | |
| 1583 | +.frm-review-notice #frmapi-feedback { | |
| 1467 | 1584 | margin-top: var(--gap-lg); |
| 1468 | 1585 | } |
| 1469 | 1586 | |
| 1587 | +.frm-review-notice #frmapi-feedback [class^="frm__"] { | |
| 1588 | + display: none; | |
| 1589 | +} | |
| 1590 | + | |
| 1470 | 1591 | .frm-review-notice .frm_error, |
| 1471 | 1592 | .frm-review-notice label { |
| 1472 | 1593 | color: #444; |
| 1473 | 1594 | text-align: left; |
| @@ -1477,14 +1598,32 @@ | ||
| 1477 | 1598 | font-size: var(--text-sm); |
| 1478 | 1599 | } |
| 1479 | 1600 | |
| 1480 | 1601 | .frm-floating-success-message { |
| 1602 | + position: fixed; | |
| 1603 | + z-index: 999; | |
| 1481 | 1604 | border-radius: 4px; |
| 1482 | - right: 10px !important; | |
| 1483 | - bottom: 10px !important; | |
| 1605 | + right: 10px; | |
| 1606 | + bottom: 10px; | |
| 1484 | 1607 | } |
| 1485 | 1608 | |
| 1609 | +.frm-box-shadow-xxl { | |
| 1610 | + box-shadow: var(--box-shadow-xxl) !important; | |
| 1611 | +} | |
| 1612 | + | |
| 1486 | 1613 | /* Generic Classes */ |
| 1614 | +.frm-text-grey-500 { | |
| 1615 | + color: var(--grey-500); | |
| 1616 | +} | |
| 1617 | + | |
| 1618 | +.frm-text-grey-700 { | |
| 1619 | + color: var(--grey-700); | |
| 1620 | +} | |
| 1621 | + | |
| 1622 | +.frm-text-grey-900 { | |
| 1623 | + color: var(--grey-900); | |
| 1624 | +} | |
| 1625 | + | |
| 1487 | 1626 | .frm_no_margin, /* deprecated */ |
| 1488 | 1627 | .frm-m-0 { |
| 1489 | 1628 | margin: 0 !important; |
| 1490 | 1629 | } |
| @@ -1490,9 +1629,8 @@ | ||
| 1490 | 1629 | } |
| 1491 | 1630 | |
| 1492 | 1631 | .frm-m-12 { |
| 1493 | 1632 | margin: var(--gap-2xl); |
| 1494 | - | |
| 1495 | 1633 | } |
| 1496 | 1634 | |
| 1497 | 1635 | .frm_no_top_margin, /* deprecated */ |
| 1498 | 1636 | .frm-mt-0 { |
| @@ -1498,13 +1636,49 @@ | ||
| 1498 | 1636 | .frm-mt-0 { |
| 1499 | 1637 | margin-top: 0 !important; |
| 1500 | 1638 | } |
| 1501 | 1639 | |
| 1640 | +.frm-mt-2xs { | |
| 1641 | + margin-top: var(--gap-2xs) !important; | |
| 1642 | +} | |
| 1643 | + | |
| 1644 | +.frm-mt-xs { | |
| 1645 | + margin-top: var(--gap-xs) !important; | |
| 1646 | +} | |
| 1647 | + | |
| 1648 | +.frm-mt-sm { | |
| 1649 | + margin-top: var(--gap-sm) !important; | |
| 1650 | +} | |
| 1651 | + | |
| 1652 | +.frm-mt-md { | |
| 1653 | + margin-top: var(--gap-md) !important; | |
| 1654 | +} | |
| 1655 | + | |
| 1656 | +.frm-mt-lg { | |
| 1657 | + margin-top: var(--gap-lg) !important; | |
| 1658 | +} | |
| 1659 | + | |
| 1660 | +.frm-mt-2xl { | |
| 1661 | + margin-top: var(--gap-2xl) !important; | |
| 1662 | +} | |
| 1663 | + | |
| 1664 | +.frm-mt-auto { | |
| 1665 | + margin-top: auto !important; | |
| 1666 | +} | |
| 1667 | + | |
| 1502 | 1668 | .frm_no_bottom_margin, /* deprecated */ |
| 1503 | 1669 | .frm-mb-0 { |
| 1504 | 1670 | margin-bottom: 0 !important; |
| 1505 | 1671 | } |
| 1506 | 1672 | |
| 1673 | +.frm-mb-2xs { | |
| 1674 | + margin-bottom: var(--gap-2xs) !important; | |
| 1675 | +} | |
| 1676 | + | |
| 1677 | +.frm-mb-xs { | |
| 1678 | + margin-bottom: var(--gap-xs) !important; | |
| 1679 | +} | |
| 1680 | + | |
| 1507 | 1681 | .frm-mb-sm { |
| 1508 | 1682 | margin-bottom: var(--gap-sm) !important; |
| 1509 | 1683 | } |
| 1510 | 1684 | |
| @@ -1515,37 +1689,156 @@ | ||
| 1515 | 1689 | .frm-mb-lg { |
| 1516 | 1690 | margin-bottom: var(--gap-lg) !important; |
| 1517 | 1691 | } |
| 1518 | 1692 | |
| 1693 | +.frm-ml-2xs { | |
| 1694 | + margin-left: var(--gap-2xs) !important; | |
| 1695 | +} | |
| 1696 | + | |
| 1697 | +.frm-ml-xs { | |
| 1698 | + margin-left: var(--gap-xs) !important; | |
| 1699 | +} | |
| 1700 | + | |
| 1701 | +.frm-ml-auto { | |
| 1702 | + margin-left: auto; | |
| 1703 | +} | |
| 1704 | + | |
| 1705 | +.frm-mr-auto { | |
| 1706 | + margin-right: auto; | |
| 1707 | +} | |
| 1708 | + | |
| 1709 | +.frm-mx-0 { | |
| 1710 | + margin-left: 0 !important; | |
| 1711 | + margin-right: 0 !important; | |
| 1712 | +} | |
| 1713 | + | |
| 1714 | +.frm-mx-xs { | |
| 1715 | + margin-left: var(--gap-xs) !important; | |
| 1716 | + margin-right: var(--gap-xs) !important; | |
| 1717 | +} | |
| 1718 | + | |
| 1519 | 1719 | .frm-mx-sm { |
| 1520 | 1720 | margin-left: var(--gap-sm) !important; |
| 1521 | 1721 | margin-right: var(--gap-sm) !important; |
| 1522 | 1722 | } |
| 1523 | 1723 | |
| 1724 | +.frm-p-0 { | |
| 1725 | + padding: 0 !important; | |
| 1726 | +} | |
| 1727 | + | |
| 1524 | 1728 | .frm-p-1 { |
| 1525 | 1729 | padding: 4px; |
| 1526 | 1730 | } |
| 1527 | 1731 | |
| 1732 | +.frm-p-sm, | |
| 1528 | 1733 | .frm-p-4 { |
| 1529 | - padding: var(--gap-sm); | |
| 1734 | + padding: var(--gap-sm) !important; | |
| 1530 | 1735 | } |
| 1531 | 1736 | |
| 1532 | -.frm-p-6 { | |
| 1533 | - padding: var(--gap-md); | |
| 1737 | +.frm-p-sm { | |
| 1738 | + padding: var(--gap-sm) !important; | |
| 1534 | 1739 | } |
| 1535 | 1740 | |
| 1741 | +.frm-p-6, | |
| 1742 | +.frm-p-md { | |
| 1743 | + padding: var(--gap-md) !important; | |
| 1744 | +} | |
| 1745 | + | |
| 1746 | +.frm-p-xl { | |
| 1747 | + padding: var(--gap-xl) !important; | |
| 1748 | +} | |
| 1749 | + | |
| 1750 | +.frm-px-0 { | |
| 1751 | + padding-left: 0 !important; | |
| 1752 | + padding-right: 0 !important; | |
| 1753 | +} | |
| 1754 | + | |
| 1755 | +.frm-py-0 { | |
| 1756 | + padding-top: 0 !important; | |
| 1757 | + padding-bottom: 0 !important; | |
| 1758 | +} | |
| 1759 | + | |
| 1760 | +.frm-py-2xs { | |
| 1761 | + padding-top: var(--gap-2xs) !important; | |
| 1762 | + padding-bottom: var(--gap-2xs) !important; | |
| 1763 | +} | |
| 1764 | + | |
| 1765 | +.frm-py-sm { | |
| 1766 | + padding-top: var(--gap-sm) !important; | |
| 1767 | + padding-bottom: var(--gap-sm) !important; | |
| 1768 | +} | |
| 1769 | + | |
| 1770 | +.frm-pt-sm { | |
| 1771 | + padding-top: var(--gap-sm) !important; | |
| 1772 | +} | |
| 1773 | + | |
| 1774 | +.frm-pt-xl { | |
| 1775 | + padding-top: var(--gap-xl) !important; | |
| 1776 | +} | |
| 1777 | + | |
| 1778 | +.frm-pb-md { | |
| 1779 | + padding-bottom: var(--gap-md) !important; | |
| 1780 | +} | |
| 1781 | +.frm-pb-sm { | |
| 1782 | + padding-bottom: var(--gap-sm) !important; | |
| 1783 | +} | |
| 1784 | +.frm-px-md { | |
| 1785 | + padding-right: var(--gap-md) !important; | |
| 1786 | + padding-left: var(--gap-md) !important; | |
| 1787 | +} | |
| 1788 | + | |
| 1789 | +.frm-text-xs { | |
| 1790 | + font-size: var(--text-xs) !important; | |
| 1791 | +} | |
| 1792 | + | |
| 1793 | +.frm-text-sm { | |
| 1794 | + font-size: var(--text-sm) !important; | |
| 1795 | +} | |
| 1796 | + | |
| 1536 | 1797 | .frm-text-md { |
| 1537 | - font-size: var(--text-md); | |
| 1798 | + font-size: var(--text-md) !important; | |
| 1538 | 1799 | } |
| 1539 | 1800 | |
| 1540 | 1801 | .frm-text-lg { |
| 1541 | - font-size: var(--text-lg); | |
| 1802 | + font-size: var(--text-lg) !important; | |
| 1542 | 1803 | } |
| 1543 | 1804 | |
| 1544 | 1805 | .frm-text-xl { |
| 1545 | - font-size: var(--text-xl); | |
| 1806 | + font-size: var(--text-xl) !important; | |
| 1546 | 1807 | } |
| 1547 | 1808 | |
| 1809 | +.frm-capitalize { | |
| 1810 | + text-transform: capitalize; | |
| 1811 | +} | |
| 1812 | + | |
| 1813 | +.frm-font-medium { | |
| 1814 | + font-weight: 500 !important; | |
| 1815 | +} | |
| 1816 | + | |
| 1817 | +.frm-font-semibold { | |
| 1818 | + font-weight: 600 !important; | |
| 1819 | +} | |
| 1820 | + | |
| 1821 | +.frm-truncate { | |
| 1822 | + overflow: hidden; | |
| 1823 | + text-overflow: ellipsis; | |
| 1824 | + white-space: nowrap; | |
| 1825 | +} | |
| 1826 | + | |
| 1827 | +[class*="frm-line-clamp-"] { | |
| 1828 | + overflow: hidden; | |
| 1829 | + display: -webkit-box; | |
| 1830 | + -webkit-box-orient: vertical; | |
| 1831 | +} | |
| 1832 | + | |
| 1833 | +.frm-line-clamp-2 { | |
| 1834 | + -webkit-line-clamp: 2; | |
| 1835 | +} | |
| 1836 | + | |
| 1837 | +.frm-rounded-sm { | |
| 1838 | + border-radius: var(--small-radius) !important; | |
| 1839 | +} | |
| 1840 | + | |
| 1548 | 1841 | .frm-w-auto { |
| 1549 | 1842 | width: auto !important; |
| 1550 | 1843 | } |
| 1551 | 1844 | |
| @@ -1552,13 +1845,67 @@ | ||
| 1552 | 1845 | .frm-w-full { |
| 1553 | 1846 | width: 100% !important; |
| 1554 | 1847 | } |
| 1555 | 1848 | |
| 1849 | +.frm_block, /* deprecated */ | |
| 1850 | +.frm-block { | |
| 1851 | + display: block; | |
| 1852 | +} | |
| 1853 | + | |
| 1854 | +.frm_inline { | |
| 1855 | + display: inline; | |
| 1856 | +} | |
| 1857 | + | |
| 1858 | +.frm_inline_block { | |
| 1859 | + display: inline-block !important; | |
| 1860 | +} | |
| 1861 | + | |
| 1862 | +.frm-inline-flex { | |
| 1863 | + display: inline-flex; | |
| 1864 | +} | |
| 1865 | + | |
| 1866 | +.frm-flex { | |
| 1867 | + display: flex; | |
| 1868 | +} | |
| 1869 | + | |
| 1870 | +.frm_hidden, | |
| 1871 | +.js .frm-hide-js { | |
| 1872 | + display: none; | |
| 1873 | +} | |
| 1874 | + | |
| 1556 | 1875 | .frm-flex-box { |
| 1557 | 1876 | display: flex; |
| 1558 | 1877 | gap: var(--gap-sm); |
| 1559 | 1878 | } |
| 1560 | 1879 | |
| 1880 | + | |
| 1881 | +.frm-flex-col { | |
| 1882 | + display: flex; | |
| 1883 | + flex-direction: column; | |
| 1884 | +} | |
| 1885 | + | |
| 1886 | +.frm-flex-full { | |
| 1887 | + flex: 1; | |
| 1888 | +} | |
| 1889 | + | |
| 1890 | +.frm-flex-center { | |
| 1891 | + display: flex; | |
| 1892 | + justify-content: center; | |
| 1893 | + align-items: center; | |
| 1894 | +} | |
| 1895 | + | |
| 1896 | +.frm-shrink-0 { | |
| 1897 | + flex-shrink: 0; | |
| 1898 | +} | |
| 1899 | + | |
| 1900 | +.frm-gap-0 { | |
| 1901 | + gap: 0 !important; | |
| 1902 | +} | |
| 1903 | + | |
| 1904 | +.frm-gap-2xs { | |
| 1905 | + gap: var(--gap-2xs); | |
| 1906 | +} | |
| 1907 | + | |
| 1561 | 1908 | .frm-gap-xs { |
| 1562 | 1909 | gap: var(--gap-xs); |
| 1563 | 1910 | } |
| 1564 | 1911 | |
| @@ -1569,12 +1916,28 @@ | ||
| 1569 | 1916 | .frm-gap-md { |
| 1570 | 1917 | gap: var(--gap-md); |
| 1571 | 1918 | } |
| 1572 | 1919 | |
| 1920 | +.frm-gap-xl { | |
| 1921 | + gap: var(--gap-xl); | |
| 1922 | +} | |
| 1923 | + | |
| 1924 | +.frm-justify-center { | |
| 1925 | + justify-content: center !important; | |
| 1926 | +} | |
| 1927 | + | |
| 1573 | 1928 | .frm-justify-between { |
| 1574 | 1929 | justify-content: space-between; |
| 1575 | 1930 | } |
| 1576 | 1931 | |
| 1932 | +.frm-justify-end { | |
| 1933 | + justify-content: end; | |
| 1934 | +} | |
| 1935 | + | |
| 1936 | +.frm-items-center { | |
| 1937 | + align-items: center; | |
| 1938 | +} | |
| 1939 | + | |
| 1577 | 1940 | .frm-transition-ease { |
| 1578 | 1941 | transition: all .2s ease; |
| 1579 | 1942 | } |
| 1580 | 1943 | |
| @@ -1586,25 +1949,8 @@ | ||
| 1586 | 1949 | .frm_no_float { |
| 1587 | 1950 | float: none; |
| 1588 | 1951 | } |
| 1589 | 1952 | |
| 1590 | -.frm_block, /* deprecated */ | |
| 1591 | -.frm-block { | |
| 1592 | - display: block; | |
| 1593 | -} | |
| 1594 | - | |
| 1595 | -.frm_inline { | |
| 1596 | - display: inline; | |
| 1597 | -} | |
| 1598 | - | |
| 1599 | -.frm_inline_block { | |
| 1600 | - display: inline-block !important; | |
| 1601 | -} | |
| 1602 | - | |
| 1603 | -.frm_hidden { | |
| 1604 | - display: none; | |
| 1605 | -} | |
| 1606 | - | |
| 1607 | 1953 | .frm-text-right { |
| 1608 | 1954 | text-align: right; |
| 1609 | 1955 | } |
| 1610 | 1956 | |
| @@ -1622,8 +1968,17 @@ | ||
| 1622 | 1968 | |
| 1623 | 1969 | .frm-on-bottom { |
| 1624 | 1970 | z-index: -1; |
| 1625 | 1971 | } |
| 1972 | + | |
| 1973 | +.frm-rotate-90 { | |
| 1974 | + transform: rotate(90deg); | |
| 1975 | +} | |
| 1976 | + | |
| 1977 | +.frm-cursor-pointer { | |
| 1978 | + cursor: pointer; | |
| 1979 | +} | |
| 1980 | + | |
| 1626 | 1981 | /* End Generic Classes, Start Forced Generic Classes */ |
| 1627 | 1982 | |
| 1628 | 1983 | .frm-fields p > label.frm_hidden, |
| 1629 | 1984 | .frm-lookup-modal .dismiss, |
| @@ -1659,8 +2014,35 @@ | ||
| 1659 | 2014 | } |
| 1660 | 2015 | |
| 1661 | 2016 | /* End Forced Generic Classes */ |
| 1662 | 2017 | |
| 2018 | +/* Start Helper Classes */ | |
| 2019 | +.frm-vertical-line { | |
| 2020 | + display: inline-block; | |
| 2021 | + width: 1px; | |
| 2022 | + height: 12px; | |
| 2023 | + background-color: var(--grey-300); | |
| 2024 | +} | |
| 2025 | + | |
| 2026 | +.frm-admin-full-screen #adminmenumain, | |
| 2027 | +.frm-admin-full-screen #wpadminbar, | |
| 2028 | +.frm-admin-full-screen #adminmenuback, | |
| 2029 | +.frm-admin-full-screen #adminmenuwrap, | |
| 2030 | +.frm-admin-full-screen #wpfooter { | |
| 2031 | + display: none; | |
| 2032 | +} | |
| 2033 | + | |
| 2034 | +.frm-admin-full-screen #wpcontent, | |
| 2035 | +.frm-admin-full-screen.auto-fold #wpcontent { | |
| 2036 | + margin: 0; | |
| 2037 | + padding: 0; | |
| 2038 | +} | |
| 2039 | + | |
| 2040 | +.frm-admin-full-screen.appearance_page_starter-templates #wpbody-content { | |
| 2041 | + padding: 0; | |
| 2042 | +} | |
| 2043 | +/* End Helper Classes */ | |
| 2044 | + | |
| 1663 | 2045 | .frm_forms.with_frm_style { |
| 1664 | 2046 | max-width: 100%; |
| 1665 | 2047 | } |
| 1666 | 2048 | |
| @@ -1731,9 +2113,10 @@ | ||
| 1731 | 2113 | .frm_on_submit_type > label, |
| 1732 | 2114 | .post-type-frm_display .frm_form_field > label, |
| 1733 | 2115 | #new_fields .frm_primary_label, |
| 1734 | 2116 | #form_global_settings .frm_primary_label, |
| 1735 | -#frm_form_editor_container .frm_primary_label { | |
| 2117 | +#frm_form_editor_container .frm_primary_label, | |
| 2118 | +#permissions_settings_settings .frm_primary_label { | |
| 1736 | 2119 | color: var(--grey-700); |
| 1737 | 2120 | margin: 0 0 3px; |
| 1738 | 2121 | padding: 0; |
| 1739 | 2122 | width: auto; |
| @@ -1741,8 +2124,12 @@ | ||
| 1741 | 2124 | display: block; |
| 1742 | 2125 | line-height: var(--leading); |
| 1743 | 2126 | } |
| 1744 | 2127 | |
| 2128 | +#frm_form_editor_container #frm-show-fields .frm_primary_label { | |
| 2129 | + min-height: 21px; | |
| 2130 | +} | |
| 2131 | + | |
| 1745 | 2132 | .frm-fields td input + label { |
| 1746 | 2133 | display: inline; |
| 1747 | 2134 | } |
| 1748 | 2135 | |
| @@ -1808,9 +2195,9 @@ | ||
| 1808 | 2195 | margin: 0; |
| 1809 | 2196 | } |
| 1810 | 2197 | |
| 1811 | 2198 | .frm_error { |
| 1812 | - color: #B94A48; | |
| 2199 | + color: #F04438; | |
| 1813 | 2200 | } |
| 1814 | 2201 | |
| 1815 | 2202 | form .frm_blank_field input, |
| 1816 | 2203 | form .frm_blank_field textarea, |
| @@ -1816,17 +2203,17 @@ | ||
| 1816 | 2203 | form .frm_blank_field textarea, |
| 1817 | 2204 | form .frm_blank_field select, |
| 1818 | 2205 | form .frm_blank_field .frm-g-recaptcha iframe, |
| 1819 | 2206 | form .frm_blank_field .g-recaptcha iframe { |
| 1820 | - border-color: #B94A48; | |
| 2207 | + border-color: #F04438; | |
| 1821 | 2208 | } |
| 1822 | 2209 | |
| 1823 | 2210 | form .frm_blank_field label { |
| 1824 | - color: #B94A48; | |
| 2211 | + color: #F04438; | |
| 1825 | 2212 | } |
| 1826 | 2213 | |
| 1827 | 2214 | .frm_required { |
| 1828 | - color: #B94A48; | |
| 2215 | + color: #F04438; | |
| 1829 | 2216 | } |
| 1830 | 2217 | |
| 1831 | 2218 | .with_frm_style .wp-editor-container textarea, |
| 1832 | 2219 | .postbox .wp-editor-container textarea, |
| @@ -1848,13 +2235,9 @@ | ||
| 1848 | 2235 | position: relative; |
| 1849 | 2236 | } |
| 1850 | 2237 | |
| 1851 | 2238 | .frm-license-input span { |
| 1852 | - position: absolute; | |
| 1853 | - right: 0; | |
| 1854 | - top: 5px; | |
| 1855 | - padding: 0 10px; | |
| 1856 | - font-size: 15px; | |
| 2239 | + font-size: var(--text-sm); | |
| 1857 | 2240 | } |
| 1858 | 2241 | |
| 1859 | 2242 | .frm-license-input .frmsvg { |
| 1860 | 2243 | width: 20px; |
| @@ -1920,14 +2303,14 @@ | ||
| 1920 | 2303 | clear: both; |
| 1921 | 2304 | } |
| 1922 | 2305 | |
| 1923 | 2306 | .frm_error_style a { |
| 1924 | - text-decoration: underline; | |
| 1925 | - font-weight: 600; | |
| 2307 | + text-decoration: underline; | |
| 2308 | + font-weight: 600; | |
| 1926 | 2309 | } |
| 1927 | 2310 | |
| 1928 | 2311 | .frm_error_style svg { |
| 1929 | - opacity: .7; | |
| 2312 | + opacity: .7; | |
| 1930 | 2313 | } |
| 1931 | 2314 | |
| 1932 | 2315 | .frm_warning_style { |
| 1933 | 2316 | color: #7A4D05; |
| @@ -2071,45 +2454,83 @@ | ||
| 2071 | 2454 | max-width: 850px; |
| 2072 | 2455 | margin: 5px 0 20px; |
| 2073 | 2456 | } |
| 2074 | 2457 | |
| 2075 | -.frm-admin-page-addons #frm-using-lite { | |
| 2076 | - display: none; | |
| 2458 | +/* Card Components */ | |
| 2459 | +.frm-card { | |
| 2460 | + width: 100%; | |
| 2461 | + border-radius: 10px; | |
| 2462 | + border: 1px solid var(--grey-300); | |
| 2463 | + opacity: 1; | |
| 2464 | + transition: opacity 1s; | |
| 2077 | 2465 | } |
| 2078 | 2466 | |
| 2079 | -.frm-admin-page-addons .frm-search { | |
| 2080 | - margin-top: 0; | |
| 2467 | +.frm-card-box { | |
| 2468 | + max-width: 524px; | |
| 2469 | + background-color: #fff; | |
| 2470 | + border-radius: var(--medium-radius); | |
| 2471 | + padding: var(--gap-xl); | |
| 2472 | + border: 1px solid var(--grey-200); | |
| 2473 | + box-shadow: var(--box-shadow-md); | |
| 2081 | 2474 | } |
| 2082 | 2475 | |
| 2083 | -.frm-addons { | |
| 2084 | - margin-top: var(--gap-lg); | |
| 2085 | - display: grid; | |
| 2086 | - grid-template-columns: 1fr 1fr 1fr; | |
| 2087 | - grid-gap: var(--gap-md); | |
| 2476 | +.frm-card-box.frm-has-progress-bar { | |
| 2477 | + position: relative; | |
| 2478 | + overflow: hidden; | |
| 2479 | + border-radius: var(--medium-radius); | |
| 2088 | 2480 | } |
| 2089 | 2481 | |
| 2090 | -.frm-addons, | |
| 2091 | -.frm-addons h2, | |
| 2092 | -.frm-addons h3 { | |
| 2093 | - color: var(--grey-700); | |
| 2482 | +.frm-card-box-progress-bar { | |
| 2483 | + position: absolute; | |
| 2484 | + top: 0; | |
| 2485 | + left: 0; | |
| 2486 | + right: 0; | |
| 2487 | + height: var(--gap-xs); | |
| 2488 | + background-color: var(--primary-25); | |
| 2094 | 2489 | } |
| 2095 | 2490 | |
| 2096 | -.frm-addons h2 { | |
| 2097 | - font-size: 17px; | |
| 2491 | +.frm-card-box-progress-bar > span { | |
| 2492 | + position: absolute; | |
| 2493 | + top: 0; | |
| 2494 | + left: 0; | |
| 2495 | + bottom: 0; | |
| 2496 | + width: 33%; | |
| 2497 | + background-color: var(--primary-500); | |
| 2098 | 2498 | } |
| 2099 | 2499 | |
| 2100 | -.frm-addons h3 { | |
| 2101 | - margin-top: 0; | |
| 2500 | +.frm-card-box-header { | |
| 2501 | + display: flex; | |
| 2502 | + justify-content: center; | |
| 2503 | + margin-bottom: var(--gap-sm); | |
| 2102 | 2504 | } |
| 2103 | 2505 | |
| 2104 | -.frm-card { | |
| 2105 | - width: 100%; | |
| 2106 | - border-radius: 10px; | |
| 2107 | - border: 1px solid var(--grey-300); | |
| 2108 | - opacity: 1; | |
| 2109 | - transition: opacity 1s; | |
| 2506 | +.frm-card-box.frm-has-progress-bar .frm-card-box-header { | |
| 2507 | + margin-top: var(--gap-xs); | |
| 2110 | 2508 | } |
| 2111 | 2509 | |
| 2510 | +.frm-card-box-content > :last-child { | |
| 2511 | + margin-bottom: 0; | |
| 2512 | +} | |
| 2513 | + | |
| 2514 | +.frm-card-box-footer { | |
| 2515 | + display: flex; | |
| 2516 | + justify-content: end; | |
| 2517 | + gap: var(--gap-sm); | |
| 2518 | + margin-top: var(--gap-lg); | |
| 2519 | +} | |
| 2520 | + | |
| 2521 | +.frm-card-box-title { | |
| 2522 | + font-size: var(--text-xl) !important; | |
| 2523 | + font-weight: 600 !important; | |
| 2524 | + margin-bottom: var(--gap-xs); | |
| 2525 | +} | |
| 2526 | + | |
| 2527 | +.frm-card-box-text { | |
| 2528 | + font-size: var(--text-md) !important; | |
| 2529 | + color: var(--grey-600) !important; | |
| 2530 | + margin-top: 0 !important; | |
| 2531 | +} | |
| 2532 | + | |
| 2112 | 2533 | .frm-fade { |
| 2113 | 2534 | opacity: 0; |
| 2114 | 2535 | transition: all 1s; |
| 2115 | 2536 | } |
| @@ -2134,8 +2555,13 @@ | ||
| 2134 | 2555 | .frm-addons .plugin-card-top p { |
| 2135 | 2556 | opacity: 0.8; |
| 2136 | 2557 | } |
| 2137 | 2558 | |
| 2559 | +.frm-addons .plugin-card-top > :not(p):not(h2) { | |
| 2560 | + /* Hide notices from third party plugins */ | |
| 2561 | + display: none; | |
| 2562 | +} | |
| 2563 | + | |
| 2138 | 2564 | .frm-addons .plugin-card-bottom { |
| 2139 | 2565 | padding: 5px 20px 20px; |
| 2140 | 2566 | text-align: center; |
| 2141 | 2567 | background: transparent; |
| @@ -2146,9 +2572,10 @@ | ||
| 2146 | 2572 | .frm-addons .plugin-card-bottom .button { |
| 2147 | 2573 | font-size: 15px; |
| 2148 | 2574 | } |
| 2149 | 2575 | |
| 2150 | -.frm-addons .button { | |
| 2576 | +.frm-addons .button, | |
| 2577 | +.frm-addons .frm-button-tertiary { | |
| 2151 | 2578 | float: right; |
| 2152 | 2579 | } |
| 2153 | 2580 | |
| 2154 | 2581 | .frm-addons .addon-status { |
| @@ -2155,10 +2582,19 @@ | ||
| 2155 | 2582 | float: left; |
| 2156 | 2583 | padding-top: 4px; |
| 2157 | 2584 | } |
| 2158 | 2585 | |
| 2159 | -.frm-addon-active .button { | |
| 2160 | - visibility: hidden; | |
| 2586 | +.frm-addon-not-installed .frm-activate-addon, | |
| 2587 | +.frm-addon-not-installed .frm-deactivate-addon, | |
| 2588 | +.frm-addon-not-installed .frm-uninstall-addon, | |
| 2589 | +.frm-addon-installed .frm-install-addon, | |
| 2590 | +.frm-addon-installed .frm-deactivate-addon, | |
| 2591 | +.frm-addon-active .frm-activate-addon, | |
| 2592 | +.frm-addon-active .frm-install-addon, | |
| 2593 | +.frm-addon-active .frm-uninstall-addon, | |
| 2594 | +.plugin-card-pro.frm-addon-active .button, | |
| 2595 | +.plugin-card-pro.frm-addon-active .frm-button-tertiary { | |
| 2596 | + display: none !important; | |
| 2161 | 2597 | } |
| 2162 | 2598 | |
| 2163 | 2599 | .frm-save-and-reload-options { |
| 2164 | 2600 | margin-top: 10px; |
| @@ -2189,12 +2625,8 @@ | ||
| 2189 | 2625 | } |
| 2190 | 2626 | |
| 2191 | 2627 | /* Form Templates */ |
| 2192 | 2628 | |
| 2193 | -.frm-featured-form .frm-inner-circle { | |
| 2194 | - margin: 0 auto 5px; | |
| 2195 | -} | |
| 2196 | - | |
| 2197 | 2629 | .frm-new-template.plugin-card-bottom { |
| 2198 | 2630 | overflow: visible; |
| 2199 | 2631 | } |
| 2200 | 2632 | |
| @@ -2205,12 +2637,13 @@ | ||
| 2205 | 2637 | .frm-admin-page-formidableedit #wpbody-content > *:not(.frm-review-notice):not(.frm_previous_install):not(.frm-banner-alert), |
| 2206 | 2638 | #wpbody-content > .updated, |
| 2207 | 2639 | #wpbody-content > #update-nag, |
| 2208 | 2640 | #wpbody-content > .update-nag, |
| 2209 | -#wpbody-content > .notice:not(.frm-review-notice), | |
| 2641 | +#wpbody-content > .notice, | |
| 2210 | 2642 | #wpbody-content > .error:not(.frm_previous_install), |
| 2211 | 2643 | .frm-white-body .updated, |
| 2212 | -.frm-white-body .notice:not(.frm-review-notice), | |
| 2644 | +.frm-white-body .notice, | |
| 2645 | +.frm_wrap > .wrap > .notice, | |
| 2213 | 2646 | .frm-white-body .error:not(.frm_previous_install) |
| 2214 | 2647 | { |
| 2215 | 2648 | display: none; |
| 2216 | 2649 | } |
| @@ -2219,16 +2652,14 @@ | ||
| 2219 | 2652 | display: block !important; |
| 2220 | 2653 | } |
| 2221 | 2654 | |
| 2222 | 2655 | .frm-white-body .updated, |
| 2223 | -.frm-white-body .notice, | |
| 2224 | 2656 | .frm-white-body .error { |
| 2225 | 2657 | margin: 0; |
| 2226 | 2658 | padding: 10px 20px; |
| 2227 | 2659 | } |
| 2228 | 2660 | |
| 2229 | -.frm-modal .postbox, | |
| 2230 | -#frm_new_form_modal .postbox { | |
| 2661 | +.frm-modal:not(#frm-dismissable-cta) .postbox { | |
| 2231 | 2662 | max-height: 600px; |
| 2232 | 2663 | overflow: hidden; |
| 2233 | 2664 | margin-bottom: 0; |
| 2234 | 2665 | } |
| @@ -2233,27 +2664,41 @@ | ||
| 2233 | 2664 | margin-bottom: 0; |
| 2234 | 2665 | } |
| 2235 | 2666 | |
| 2236 | 2667 | .frm-modal .postbox .frm_modal_top, |
| 2237 | -.frm-dialog .frm_common_modal .postbox > div:first-child { | |
| 2668 | +.frm-dialog .frm_common_modal .postbox > div:first-child, | |
| 2669 | +.frm-error-modal .frm_modal_top { | |
| 2238 | 2670 | padding: var(--gap-md) var(--gap-md) 0; |
| 2239 | 2671 | position: relative; |
| 2240 | 2672 | } |
| 2241 | 2673 | |
| 2674 | +.frm-modal h2, | |
| 2675 | +.frm-modal .postbox .inside h2, /* Override WP. */ | |
| 2242 | 2676 | .frm-modal .postbox .frm-modal-title, |
| 2243 | -.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child { | |
| 2677 | +.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child, | |
| 2678 | +.frm-error-modal .frm-modal-title { | |
| 2244 | 2679 | display: inline-block; |
| 2245 | - font-size: var(--text-xl); | |
| 2680 | + font-size: var(--text-lg); | |
| 2246 | 2681 | color: var(--grey-900); |
| 2682 | + font-weight: 600; | |
| 2683 | + margin: 0; | |
| 2684 | + padding: 0; | |
| 2247 | 2685 | } |
| 2248 | 2686 | |
| 2687 | +.frm-modal h3 { | |
| 2688 | + font-weight: 500; | |
| 2689 | +} | |
| 2690 | + | |
| 2691 | +/* Dismiss icon button */ | |
| 2692 | + | |
| 2249 | 2693 | .frm-inline-modal > a.dismiss, |
| 2250 | 2694 | .frm-modal .postbox > a.dismiss, |
| 2251 | 2695 | .frm-modal .postbox .frm-modal-title + div:last-child, |
| 2252 | 2696 | .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { |
| 2253 | 2697 | position: absolute; |
| 2254 | - right: 30px; | |
| 2255 | - top: 25px; | |
| 2698 | + top: 19px; | |
| 2699 | + right: 19px; | |
| 2700 | + display: flex; | |
| 2256 | 2701 | z-index: 2; |
| 2257 | 2702 | } |
| 2258 | 2703 | |
| 2259 | 2704 | body.rtl .frm-inline-modal > a.dismiss, |
| @@ -2272,11 +2717,17 @@ | ||
| 2272 | 2717 | |
| 2273 | 2718 | .frm-modal .postbox .frm-modal-title + div:last-child a, |
| 2274 | 2719 | .frm-modal a.dismiss .frmsvg, |
| 2275 | 2720 | .frm_common_modal .frm_modal_top a .frmsvg { |
| 2276 | - color: var(--grey-900); | |
| 2721 | + color: var(--grey-500); | |
| 2277 | 2722 | } |
| 2278 | 2723 | |
| 2724 | +.frm-modal .postbox .frm-modal-title + div:last-child a:hover, | |
| 2725 | +.frm-modal a.dismiss .frmsvg:hover, | |
| 2726 | +.frm_common_modal .frm_modal_top a .frmsvg:hover { | |
| 2727 | + color: var(--grey-700); | |
| 2728 | +} | |
| 2729 | + | |
| 2279 | 2730 | .frm-modal .frm_modal_content > div.inside, |
| 2280 | 2731 | .frm_common_modal .frm_modal_content > div.inside { |
| 2281 | 2732 | padding: var(--gap-md); |
| 2282 | 2733 | margin: 0; |
| @@ -2283,8 +2734,12 @@ | ||
| 2283 | 2734 | font-size: var(--text-sm); |
| 2284 | 2735 | color: var(--grey-700); |
| 2285 | 2736 | } |
| 2286 | 2737 | |
| 2738 | +.frm-modal p { | |
| 2739 | + color: var(--grey-900); | |
| 2740 | +} | |
| 2741 | + | |
| 2287 | 2742 | .frm_common_modal .postbox { |
| 2288 | 2743 | display: flex; |
| 2289 | 2744 | flex-direction: column; |
| 2290 | 2745 | } |
| @@ -2291,9 +2746,8 @@ | ||
| 2291 | 2746 | |
| 2292 | 2747 | .frm-modal .postbox > div.inside .cta-inside { |
| 2293 | 2748 | overflow-y: auto; |
| 2294 | 2749 | height: auto; |
| 2295 | - padding: 0 var(--gap-sm); | |
| 2296 | 2750 | } |
| 2297 | 2751 | |
| 2298 | 2752 | .frm_modal_footer { |
| 2299 | 2753 | padding: 0 var(--gap-md) var(--gap-sm); |
| @@ -2303,26 +2757,9 @@ | ||
| 2303 | 2757 | body.frm-body-with-open-modal { |
| 2304 | 2758 | overflow-y: hidden; |
| 2305 | 2759 | } |
| 2306 | 2760 | |
| 2307 | -#frm_new_form_modal .postbox > div.inside { | |
| 2308 | - max-height: 490px; | |
| 2309 | - overflow-y: auto; | |
| 2310 | - overflow-x: hidden; | |
| 2311 | - margin: 0; | |
| 2312 | - padding: 10px 0 0; | |
| 2313 | -} | |
| 2314 | - | |
| 2315 | -#frm_new_form_modal .postbox > div.inside .cta-inside { | |
| 2316 | - overflow-y: auto; | |
| 2317 | - height: auto; | |
| 2318 | - padding: 0 var(--gap-md); | |
| 2319 | -} | |
| 2320 | - | |
| 2321 | -#frm_new_form_modal .accordion-container { | |
| 2322 | - width: 100%; | |
| 2323 | -} | |
| 2324 | - | |
| 2761 | +/* These template list styles are still used to list the View types in the New View modal. */ | |
| 2325 | 2762 | .frm-templates-list { |
| 2326 | 2763 | margin-top: 0; |
| 2327 | 2764 | } |
| 2328 | 2765 | |
| @@ -2377,16 +2814,15 @@ | ||
| 2377 | 2814 | .frm-templates-list li > div > div { |
| 2378 | 2815 | vertical-align: middle; |
| 2379 | 2816 | } |
| 2380 | 2817 | |
| 2381 | -.frm-templates-list .frm-inner-circle, | |
| 2382 | -.frm-category-icon, /* Deprecated */ | |
| 2818 | +.frm-category-icon, | |
| 2383 | 2819 | .frm-icon-wrapper { |
| 2384 | 2820 | background: var(--primary-500); |
| 2385 | 2821 | border-radius: var(--small-radius); |
| 2386 | 2822 | color: #fff; |
| 2387 | - width: 40px; | |
| 2388 | - height: 40px; | |
| 2823 | + width: 32px; | |
| 2824 | + height: 32px; | |
| 2389 | 2825 | font-size: 18px; |
| 2390 | 2826 | box-sizing: border-box; |
| 2391 | 2827 | align-self: center; |
| 2392 | 2828 | justify-content: center; |
| @@ -2393,26 +2829,12 @@ | ||
| 2393 | 2829 | align-items: center; |
| 2394 | 2830 | display: inline-flex; |
| 2395 | 2831 | } |
| 2396 | 2832 | |
| 2397 | -.frm-templates-list .frm-inner-circle .frmsvg { | |
| 2398 | - vertical-align: top; | |
| 2399 | -} | |
| 2400 | - | |
| 2401 | 2833 | .frm-templates-list li .frm-category-icon { |
| 2402 | 2834 | overflow: hidden; |
| 2403 | - align-self: flex-start; | |
| 2404 | 2835 | } |
| 2405 | 2836 | |
| 2406 | -.frm-templates-list .frm-template-details { | |
| 2407 | - /* the content container to the right of the icon in Create new form modal */ | |
| 2408 | - display: inline-block; | |
| 2409 | - width: calc( 100% - 40px ); | |
| 2410 | - padding-left: var(--gap-sm); | |
| 2411 | - box-sizing: border-box; | |
| 2412 | - transform: translateY(-2px); | |
| 2413 | -} | |
| 2414 | - | |
| 2415 | 2837 | .frm-templates-list li h3, |
| 2416 | 2838 | .frm-templates-list li p { |
| 2417 | 2839 | text-align: left; |
| 2418 | 2840 | margin: 0; |
| @@ -2429,82 +2851,18 @@ | ||
| 2429 | 2851 | .frm-templates-list .frm-install-template div { |
| 2430 | 2852 | text-align: left; |
| 2431 | 2853 | } |
| 2432 | 2854 | |
| 2433 | -#frm_new_form_modal .frm-search { | |
| 2434 | - width: 100%; | |
| 2435 | - margin: var(--gap-sm) 0 var(--gap-md); | |
| 2436 | -} | |
| 2437 | - | |
| 2438 | 2855 | #frm_leave_email, |
| 2439 | -#frm_code_from_email | |
| 2440 | -{ | |
| 2856 | +#frm_code_from_email { | |
| 2441 | 2857 | width: 480px; |
| 2858 | + max-width: 100%; | |
| 2442 | 2859 | } |
| 2443 | 2860 | |
| 2444 | -#frm_new_form_modal #template-search-input { | |
| 2445 | - width: 100%; | |
| 2446 | -} | |
| 2447 | - | |
| 2448 | -#frm-email-block .frm-with-left-icon .frmsvg { | |
| 2449 | - padding: 0; | |
| 2450 | - top: 0; | |
| 2451 | - left: 13px; | |
| 2452 | -} | |
| 2453 | - | |
| 2454 | -#frm_new_form_modal .accordion-container { | |
| 2455 | - display: inline-block; | |
| 2456 | - padding: 0; | |
| 2457 | - border-top: 1px solid var(--grey-300); | |
| 2458 | - box-sizing: border-box; | |
| 2459 | - margin: 0 5px; | |
| 2460 | - width: calc( 100% - 10px ); | |
| 2461 | -} | |
| 2462 | - | |
| 2463 | -#frm_new_form_modal .accordion-section-title { | |
| 2464 | - padding: 0; | |
| 2465 | -} | |
| 2466 | - | |
| 2467 | -#frm_new_form_modal .accordion-section-title:hover, | |
| 2468 | -.control-section:hover .accordion-section-title, | |
| 2469 | -#frm_new_form_modal .accordion-section.open .accordion-section-title | |
| 2470 | -{ | |
| 2471 | - background: #fff !important; | |
| 2472 | - border-bottom-color: transparent; | |
| 2473 | -} | |
| 2474 | - | |
| 2475 | -#frm_new_form_modal .accordion-section.open:hover { | |
| 2476 | - border-bottom-color: transparent; | |
| 2477 | -} | |
| 2478 | - | |
| 2479 | -#frm_new_form_modal .accordion-section { | |
| 2480 | - padding: 8px 0 4px; | |
| 2481 | -} | |
| 2482 | - | |
| 2483 | -#frm_new_form_modal .accordion-section + .accordion-section { | |
| 2484 | - border-top: 1px solid var(--grey-300); | |
| 2485 | - border-radius: 0; | |
| 2486 | -} | |
| 2487 | - | |
| 2488 | -.frm-templates-list.frm-categories-list li > div > div:last-child, | |
| 2489 | -#frm_new_form_modal .accordion-section .frm-featured-form | |
| 2490 | -{ | |
| 2861 | +.frm-templates-list.frm-categories-list li > div > div:last-child { | |
| 2491 | 2862 | padding-left: 0; |
| 2492 | 2863 | } |
| 2493 | 2864 | |
| 2494 | -#frm_new_form_modal .frm-templates-list.frm-categories-list .accordion-section-title { | |
| 2495 | - padding-left: var(--gap-sm); | |
| 2496 | -} | |
| 2497 | - | |
| 2498 | -#frm_new_form_modal .frm-templates-list.frm-categories-list li.frm-selectable { | |
| 2499 | - padding: 0 10px; | |
| 2500 | - overflow: hidden; | |
| 2501 | -} | |
| 2502 | - | |
| 2503 | -#frm_new_form_modal .accordion-section-content { | |
| 2504 | - padding: var(--gap-sm); | |
| 2505 | -} | |
| 2506 | - | |
| 2507 | 2865 | .frm-hover-icons { |
| 2508 | 2866 | position: absolute; |
| 2509 | 2867 | right: 0; |
| 2510 | 2868 | top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */ |
| @@ -2530,10 +2888,10 @@ | ||
| 2530 | 2888 | width: 22px; |
| 2531 | 2889 | height: 22px; |
| 2532 | 2890 | font-size: var(--text-md); |
| 2533 | 2891 | display: inline-flex; |
| 2534 | - align-items: center; | |
| 2535 | - justify-content: center; | |
| 2892 | + align-items: center; | |
| 2893 | + justify-content: center; | |
| 2536 | 2894 | border-radius: 50%; |
| 2537 | 2895 | box-sizing: border-box; |
| 2538 | 2896 | line-height: var(--leading); |
| 2539 | 2897 | text-align: center; |
| @@ -2604,138 +2962,96 @@ | ||
| 2604 | 2962 | vertical-align: text-top; |
| 2605 | 2963 | color: var(--grey-500); |
| 2606 | 2964 | } |
| 2607 | 2965 | |
| 2608 | -#frm_new_form_modal .frm-use-this-template { | |
| 2609 | - margin-left: 10px; | |
| 2966 | +.frm-modal-back { | |
| 2967 | + cursor: pointer; | |
| 2968 | + margin-right: 4px; | |
| 2610 | 2969 | } |
| 2611 | 2970 | |
| 2612 | -#frm_new_form_modal #frm-preview-block { | |
| 2613 | - padding: var(--gap-md) var(--gap-lg); | |
| 2614 | - overflow-x: hidden; | |
| 2971 | +.frm-modal-cancel { | |
| 2972 | + float: left; | |
| 2615 | 2973 | } |
| 2616 | 2974 | |
| 2617 | -#frm_new_form_modal #frm-details-block { | |
| 2618 | - padding: var(--gap-md) var(--gap-lg); | |
| 2975 | +.frm-meta-tag, | |
| 2976 | +.frm-meta-tag:hover { | |
| 2977 | + padding: var(--gap-2xs) var(--gap-xs); | |
| 2978 | + border-radius: var(--small-radius); | |
| 2979 | + font-weight: 600; | |
| 2980 | + display: inline-flex; | |
| 2981 | + background-color: #D9EBFF; | |
| 2982 | + gap: 2px; | |
| 2619 | 2983 | } |
| 2620 | 2984 | |
| 2621 | -.frm-modal-back { | |
| 2622 | - cursor: pointer; | |
| 2623 | - margin-right: 4px; | |
| 2985 | +.frm-meta-tag.frm-grey-tag, | |
| 2986 | +.frm-meta-tag.frm-grey-tag:hover { | |
| 2987 | + background-color: var(--sidebar-hover); | |
| 2988 | + color: var(--grey-900); | |
| 2624 | 2989 | } |
| 2625 | 2990 | |
| 2626 | -.frm-modal-cancel { | |
| 2627 | - float: left; | |
| 2991 | +.frm-meta-tag.frm-red-tag, | |
| 2992 | +.frm-meta-tag.frm-red-tag:hover { | |
| 2993 | + background: var(--error-100); | |
| 2994 | + color: var(--error-700); | |
| 2628 | 2995 | } |
| 2629 | 2996 | |
| 2630 | -.frm-plan-required-tag { | |
| 2631 | - margin-left: 5px; | |
| 2632 | - transform: translateY(-1px); | |
| 2633 | - background: #FDE6DE; | |
| 2634 | - color: #F15A24; | |
| 2997 | +.frm-meta-tag.frm-orange-tag, | |
| 2998 | +.frm-meta-tag.frm-orange-tag:hover { | |
| 2999 | + background-color: #FEF7F4; | |
| 3000 | + color: var(--orange); | |
| 2635 | 3001 | } |
| 2636 | 3002 | |
| 2637 | -.frm-ready-made-solution .frm-meta-tag { | |
| 2638 | - width: fit-content; | |
| 2639 | - background: #FDE6DE; | |
| 2640 | - color: #F15A24; | |
| 3003 | +.frm-meta-tag.frm-green-tag, | |
| 3004 | +.frm-meta-tag.frm-green-tag:hover { | |
| 3005 | + background-color: var(--success-500); | |
| 3006 | + color: #fff; | |
| 2641 | 3007 | } |
| 2642 | 3008 | |
| 2643 | -.frm-meta-tag { | |
| 2644 | - font-size: 10px; | |
| 2645 | - padding: 4px 6px; | |
| 2646 | - border-radius: 4px; | |
| 2647 | - text-transform: uppercase; | |
| 2648 | - font-weight: normal; | |
| 2649 | - display: inline-block; | |
| 2650 | - line-height: 12px; | |
| 3009 | +.frm-entry-status-0, | |
| 3010 | +.frm-meta-tag.frm-lt-green-tag, | |
| 3011 | +.frm-meta-tag.frm-lt-green-tag:hover { | |
| 3012 | + background-color: var(--success-100); | |
| 3013 | + color: var(--success-800); | |
| 2651 | 3014 | } |
| 2652 | 3015 | |
| 2653 | -#frm_new_form_modal.frm-expired #frm-create-block, | |
| 2654 | -#frm_new_form_modal.frm-expiring #frm-create-block { | |
| 2655 | - max-height: 450px; | |
| 3016 | +.frm-meta-tag.frm-new-pill { | |
| 3017 | + background-color: var(--success-500); | |
| 3018 | + vertical-align: text-bottom; | |
| 2656 | 3019 | } |
| 2657 | 3020 | |
| 2658 | -#frm-create-footer { | |
| 2659 | - padding: 15px 20px; | |
| 3021 | +.frm_add_field span + .frm-meta-tag { | |
| 3022 | + margin-left: 0; | |
| 2660 | 3023 | } |
| 2661 | 3024 | |
| 2662 | -#frm_code_from_email_options { | |
| 2663 | - margin-top: 20px; | |
| 3025 | +/* Start entry statuses */ | |
| 3026 | +.frm-entry-status { | |
| 3027 | + font-weight: 500; | |
| 2664 | 3028 | } |
| 2665 | 3029 | |
| 2666 | -#frm_code_from_email_options * { | |
| 2667 | - color: var(--primary-500); | |
| 3030 | +.frm-entry-status-1 { | |
| 3031 | + color: #7A4D05; | |
| 3032 | + background: #FFF2D2; | |
| 2668 | 3033 | } |
| 3034 | +/* End entry statuses */ | |
| 2669 | 3035 | |
| 2670 | -#frm-email-block p, | |
| 2671 | -#frm-code-block p, | |
| 2672 | -#frm-renew-block p | |
| 2673 | -{ | |
| 2674 | - padding: 0 40px; | |
| 2675 | - max-width: 400px; | |
| 2676 | - margin: 0 auto 20px; | |
| 3036 | +#frm-create-footer { | |
| 3037 | + padding: 15px 20px; | |
| 2677 | 3038 | } |
| 2678 | 3039 | |
| 2679 | 3040 | li .frm-hover-icons .frm-preview-form, |
| 2680 | 3041 | .frm-hover-icons .frm-unlock-form, |
| 2681 | 3042 | .frm-locked-template .frm-hover-icons .frm-create-form, |
| 2682 | -#frm_new_form_modal .frm-modal-back ~ span, | |
| 2683 | -#frm_new_form_modal .postbox > div:first-child ~ div, | |
| 2684 | -.frm-modal-back, | |
| 2685 | -#frm_new_form_modal:not([frm-page="create"]) a.dismiss, | |
| 2686 | -#frm_code_from_email_error span, | |
| 2687 | -#frm_leave_email_error span, | |
| 2688 | -#frm_new_form_modal .frm-delete-form, | |
| 2689 | -#frm-details-block #frm-new-template button, | |
| 2690 | -#frm-create-title span[frm-type="template"], | |
| 2691 | -#frm-create-title[frm-type="template"] span[frm-type="form"] | |
| 3043 | +.frm-modal-back | |
| 2692 | 3044 | { |
| 2693 | 3045 | display: none; |
| 2694 | 3046 | } |
| 2695 | 3047 | |
| 2696 | -#frm_new_form_modal:not([frm-page="create"]) .frm-modal-back, | |
| 2697 | -#frm_new_form_modal[frm-page="create"] #frm-create-title, | |
| 2698 | -#frm-create-title[frm-type="template"] span[frm-type="template"], | |
| 2699 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-title, | |
| 2700 | -#frm_new_form_modal[frm-page="details"] #frm-create-title, | |
| 2701 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-title, | |
| 2702 | -#frm_new_form_modal[frm-page="email"] #frm-email-title, | |
| 2703 | -#frm_new_form_modal[frm-page="code"] #frm-email-title, | |
| 2704 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-title, | |
| 2705 | -#frm_code_from_email_error[frm-error="wrong-code"] span[frm-error="wrong-code"], | |
| 2706 | -#frm_code_from_email_error[frm-error="empty"] span[frm-error="empty"], | |
| 2707 | -#frm_code_from_email_error[frm-error="custom"] span[frm-error="custom"], | |
| 2708 | -#frm_leave_email_error[frm-error="invalid"] span[frm-error="invalid"], | |
| 2709 | -#frm_leave_email_error[frm-error="empty"] span[frm-error="empty"] | |
| 2710 | -{ | |
| 2711 | - display: inline-block; | |
| 2712 | -} | |
| 2713 | 3048 | |
| 2714 | 3049 | .frm-locked-template .frm-hover-icons .frm-unlock-form, |
| 2715 | -li[data-preview] .frm-hover-icons .frm-preview-form, | |
| 2716 | -#frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons .frm-delete-form { | |
| 3050 | +li[data-preview] .frm-hover-icons .frm-preview-form { | |
| 2717 | 3051 | display: inline-flex; |
| 2718 | 3052 | } |
| 2719 | 3053 | |
| 2720 | -#frm_new_form_modal[frm-page="create"] #frm-create-block, | |
| 2721 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-block, | |
| 2722 | -#frm_new_form_modal[frm-page="details"] #frm-details-block, | |
| 2723 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-block, | |
| 2724 | -#frm_new_form_modal[frm-page="email"] #frm-email-block, | |
| 2725 | -#frm_new_form_modal[frm-page="code"] #frm-code-block, | |
| 2726 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-block, | |
| 2727 | -#frm_new_form_modal[frm-page="create"] #frm-create-footer, | |
| 2728 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-footer, | |
| 2729 | -#frm_new_form_modal[frm-page="details"] #frm-details-footer, | |
| 2730 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-footer, | |
| 2731 | -#frm_new_form_modal[frm-page="email"] #frm-email-footer, | |
| 2732 | -#frm_new_form_modal[frm-page="code"] #frm-code-footer, | |
| 2733 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-footer | |
| 2734 | -{ | |
| 2735 | - display: block; | |
| 2736 | -} | |
| 2737 | - | |
| 2738 | 3054 | .frm-modal-back svg { |
| 2739 | 3055 | color: #7F7F7F; |
| 2740 | 3056 | } |
| 2741 | 3057 | |
| @@ -2906,74 +3222,8 @@ | ||
| 2906 | 3222 | .frm_image_from_url { |
| 2907 | 3223 | height: 50px; |
| 2908 | 3224 | } |
| 2909 | 3225 | |
| 2910 | -.frm-right-panel .inside a.frm_pro_tip, | |
| 2911 | -a.frm_pro_tip { | |
| 2912 | - font-size: var(--text-sm); | |
| 2913 | - display: inline-block; | |
| 2914 | - color: var(--grey-700); | |
| 2915 | - background: #FFE7DE; | |
| 2916 | - border-radius: var(--small-radius); | |
| 2917 | - padding: 5px 15px; | |
| 2918 | - margin: 0 auto; | |
| 2919 | - display: flex; | |
| 2920 | - align-items: center; | |
| 2921 | -} | |
| 2922 | - | |
| 2923 | -a.frm_pro_tip:hover { | |
| 2924 | - color: var(--grey-700); | |
| 2925 | - border-color: var(--primary-500); | |
| 2926 | -} | |
| 2927 | - | |
| 2928 | -a.frm_pro_tip:hover .frmsvg { | |
| 2929 | - fill: var(--primary-500); | |
| 2930 | -} | |
| 2931 | - | |
| 2932 | -.frm_field_list .frm_pro_tip { | |
| 2933 | - margin: 10px 15px; | |
| 2934 | - position: relative; | |
| 2935 | - width: calc(100% - 30px); | |
| 2936 | - box-sizing: border-box; | |
| 2937 | -} | |
| 2938 | - | |
| 2939 | -a.frm_pro_tip .frmsvg, | |
| 2940 | -a.frm_pro_tip i { | |
| 2941 | - color: var(--orange); | |
| 2942 | - margin-right: 5px; | |
| 2943 | -} | |
| 2944 | - | |
| 2945 | -a.frm_pro_tip .frmsvg { | |
| 2946 | - margin-right: 10px; | |
| 2947 | -} | |
| 2948 | - | |
| 2949 | -.frm-light-tip a.frm_pro_tip { | |
| 2950 | - background: rgba(188, 224, 253, 0.23); | |
| 2951 | -} | |
| 2952 | - | |
| 2953 | -.frm-light-tip a.frm_pro_tip .frmsvg, | |
| 2954 | -.frm-light-tip a.frm_pro_tip i, | |
| 2955 | -.frm-light-tip .frm-tip-cta { | |
| 2956 | - color: var(--primary-500); | |
| 2957 | -} | |
| 2958 | - | |
| 2959 | -.frm-tip-info { | |
| 2960 | - flex: 1; | |
| 2961 | - text-align: left; | |
| 2962 | -} | |
| 2963 | - | |
| 2964 | -.frm-tip-cta { | |
| 2965 | - color: var(--orange); | |
| 2966 | -} | |
| 2967 | - | |
| 2968 | -.nav-tab-wrapper .frm_pro_tip { | |
| 2969 | - float: right; | |
| 2970 | -} | |
| 2971 | - | |
| 2972 | -.frm_pro_tip:hover .frm-tip-cta { | |
| 2973 | - color: var(--primary-500); | |
| 2974 | -} | |
| 2975 | - | |
| 2976 | 3226 | /*Switch form dropdown*/ |
| 2977 | 3227 | h1 .fa-caret-down { |
| 2978 | 3228 | font-size: 18px; |
| 2979 | 3229 | } |
| @@ -3220,25 +3470,11 @@ | ||
| 3220 | 3470 | top: auto; |
| 3221 | 3471 | left: auto; |
| 3222 | 3472 | font-size: var(--text-sm); |
| 3223 | 3473 | padding: 4px; |
| 3224 | - margin-bottom: 3px; | |
| 3474 | + margin-bottom: 3px; | |
| 3225 | 3475 | } |
| 3226 | 3476 | |
| 3227 | -.frm-right-panel .accordion-section-content { | |
| 3228 | - background: transparent; | |
| 3229 | - padding: 0; | |
| 3230 | - overflow: initial; | |
| 3231 | -} | |
| 3232 | - | |
| 3233 | -.frm-right-panel .accordion-section-content > .inside { | |
| 3234 | - padding: 0 0 var(--gap-xs); | |
| 3235 | -} | |
| 3236 | - | |
| 3237 | -.frm-right-panel .accordion-section-content .inside a { | |
| 3238 | - font-size: inherit; | |
| 3239 | -} | |
| 3240 | - | |
| 3241 | 3477 | #post-body-content + .frm-right-panel h3.accordion-section-title { |
| 3242 | 3478 | padding: 7px 10px 8px 14px; |
| 3243 | 3479 | font-size: var(--text-md); |
| 3244 | 3480 | color: var(--grey-700); |
| @@ -3243,23 +3479,8 @@ | ||
| 3243 | 3479 | font-size: var(--text-md); |
| 3244 | 3480 | color: var(--grey-700); |
| 3245 | 3481 | } |
| 3246 | 3482 | |
| 3247 | -.frm-right-panel .control-section.open h3 { | |
| 3248 | - border-bottom: none; | |
| 3249 | -} | |
| 3250 | - | |
| 3251 | -.js .frm-right-panel .control-section.open .accordion-section-title, | |
| 3252 | -.js .frm-right-panel .control-section .accordion-section-title:focus, | |
| 3253 | -.js .frm-right-panel .control-section .accordion-section-title:hover { | |
| 3254 | - background: transparent; | |
| 3255 | - color: var(--grey-900); | |
| 3256 | -} | |
| 3257 | - | |
| 3258 | -.js .frm-right-panel .control-section .accordion-section-title:hover:before { | |
| 3259 | - color: var(--grey-700); | |
| 3260 | -} | |
| 3261 | - | |
| 3262 | 3483 | .frm-with-line, |
| 3263 | 3484 | .accordion-section-content h4 { |
| 3264 | 3485 | font-size: var(--text-md); |
| 3265 | 3486 | font-weight: 400; |
| @@ -3302,111 +3523,8 @@ | ||
| 3302 | 3523 | width: 100%; |
| 3303 | 3524 | top: 50%; |
| 3304 | 3525 | } |
| 3305 | 3526 | |
| 3306 | -.frm-right-panel .accordion-section { | |
| 3307 | - border: none; | |
| 3308 | - position: relative; | |
| 3309 | -} | |
| 3310 | - | |
| 3311 | -.frm-right-panel .accordion-section-title:before, | |
| 3312 | -.frm-right-panel .accordion-section-title:after, | |
| 3313 | -#frm_new_form_modal .accordion-section-title:after | |
| 3314 | -{ | |
| 3315 | - content: "\e913" !important; | |
| 3316 | - font-family: "s11-fp" !important; | |
| 3317 | - font-size: 18px; | |
| 3318 | - font-variant: normal; | |
| 3319 | - text-rendering: auto; | |
| 3320 | - vertical-align: text-top; | |
| 3321 | -} | |
| 3322 | - | |
| 3323 | -#frm_new_form_modal .accordion-section.open .accordion-section-title:after { | |
| 3324 | - transform: rotate(90deg); | |
| 3325 | -} | |
| 3326 | - | |
| 3327 | -.frm-right-panel .accordion-section-title:after { | |
| 3328 | - top: calc(50% - 10px) !important; | |
| 3329 | -} | |
| 3330 | - | |
| 3331 | -.frm-right-panel .open .accordion-section-title:after { | |
| 3332 | - content: "\e62a" !important; | |
| 3333 | -} | |
| 3334 | - | |
| 3335 | -.frm-right-panel .accordion-section-title:before { | |
| 3336 | - content: "\f1de" !important; | |
| 3337 | - color: var(--grey); | |
| 3338 | - font-size: 17px !important; | |
| 3339 | - margin: 0 10px 0 0; | |
| 3340 | -} | |
| 3341 | - | |
| 3342 | -.form-title-style .accordion-section-title:before, | |
| 3343 | -.section-fields-style .accordion-section-title:before { | |
| 3344 | - content: "\f1dc" !important; | |
| 3345 | -} | |
| 3346 | - | |
| 3347 | -.form-description-style .accordion-section-title:before { | |
| 3348 | - content: "\e90f" !important; | |
| 3349 | -} | |
| 3350 | - | |
| 3351 | -.field-colors-style .accordion-section-title:before { | |
| 3352 | - content: "\e96d" !important; | |
| 3353 | -} | |
| 3354 | - | |
| 3355 | -.field-sizes-style .accordion-section-title:before { | |
| 3356 | - content: "\e920" !important; | |
| 3357 | -} | |
| 3358 | - | |
| 3359 | -.field-labels-style .accordion-section-title:before { | |
| 3360 | - content: "\e953" !important; | |
| 3361 | -} | |
| 3362 | - | |
| 3363 | -.field-description-style .accordion-section-title:before{ | |
| 3364 | - content: "\e611" !important; | |
| 3365 | -} | |
| 3366 | - | |
| 3367 | -.check-box-radio-fields-style .accordion-section-title:before{ | |
| 3368 | - content: "\f14a" !important; | |
| 3369 | -} | |
| 3370 | - | |
| 3371 | -.buttons-style .accordion-section-title:before{ | |
| 3372 | - content: "\e911" !important; | |
| 3373 | -} | |
| 3374 | - | |
| 3375 | -.repeater-fields-style .accordion-section-title:before{ | |
| 3376 | - content: "\e974" !important; | |
| 3377 | -} | |
| 3378 | - | |
| 3379 | -.toggle-fields-style .accordion-section-title:before{ | |
| 3380 | - content: "\f205" !important; | |
| 3381 | -} | |
| 3382 | - | |
| 3383 | -.slider-fields-style .accordion-section-title:before{ | |
| 3384 | - content: "\f386" !important; | |
| 3385 | -} | |
| 3386 | - | |
| 3387 | -.form-messages-style .accordion-section-title:before{ | |
| 3388 | - content: "\e915" !important; | |
| 3389 | -} | |
| 3390 | - | |
| 3391 | -.date-fields-style .accordion-section-title:before{ | |
| 3392 | - content: "\f073" !important; | |
| 3393 | -} | |
| 3394 | - | |
| 3395 | -.progress-bars-style .accordion-section-title:before{ | |
| 3396 | - content: "\e939" !important; | |
| 3397 | -} | |
| 3398 | - | |
| 3399 | -#frm_view_editor_left.frm-right-panel .accordion-section-title, | |
| 3400 | -.frm-right-panel h3.accordion-section-title { | |
| 3401 | - padding: 15px 20px; | |
| 3402 | - background: var(--sidebar-color); | |
| 3403 | - line-height: var(--leading); | |
| 3404 | - color: var(--grey-700); | |
| 3405 | - font-size: var(--text-lg); | |
| 3406 | - font-weight: 400; | |
| 3407 | -} | |
| 3408 | - | |
| 3409 | 3527 | .control-section .accordion-section-title:after, /** Form template list */ |
| 3410 | 3528 | .customize-pane-child .accordion-section-title:after { |
| 3411 | 3529 | top: 15px; |
| 3412 | 3530 | } |
| @@ -3417,8 +3535,9 @@ | ||
| 3417 | 3535 | |
| 3418 | 3536 | .frm-btn-group .multiselect.dropdown-toggle { |
| 3419 | 3537 | box-sizing: border-box; |
| 3420 | 3538 | min-height: unset; |
| 3539 | + cursor: pointer; | |
| 3421 | 3540 | } |
| 3422 | 3541 | |
| 3423 | 3542 | .accordion-container .frm-dropdown-menu:before, |
| 3424 | 3543 | .accordion-container .multiselect.dropdown-toggle:before { |
| @@ -3675,8 +3794,16 @@ | ||
| 3675 | 3794 | margin-right: 5px; |
| 3676 | 3795 | display: inline-block; |
| 3677 | 3796 | } |
| 3678 | 3797 | |
| 3798 | +.frm_form_builder .frm_opt_container .frm_radio.frm_image_option label, | |
| 3799 | +.frm_form_builder .frm_opt_container .frm_checkbox.frm_image_option label { | |
| 3800 | + display: flex; | |
| 3801 | + align-items: center; | |
| 3802 | + gap: 9px; | |
| 3803 | + white-space: normal; | |
| 3804 | +} | |
| 3805 | + | |
| 3679 | 3806 | .frm_form_field.frm_two_col .frm_opt_container, |
| 3680 | 3807 | .frm_form_field.frm_three_col .frm_opt_container, |
| 3681 | 3808 | .frm_form_field.frm_four_col .frm_opt_container{ |
| 3682 | 3809 | display: grid; |
| @@ -3725,24 +3852,32 @@ | ||
| 3725 | 3852 | border-radius: 4px; |
| 3726 | 3853 | } |
| 3727 | 3854 | |
| 3728 | 3855 | .frm-white-body input[type="checkbox"]:checked, |
| 3729 | -.frm_wrap input[type="checkbox"]:checked { | |
| 3856 | +.frm_wrap input[type="checkbox"]:checked, | |
| 3857 | +body[class*="frm-admin"] #wpbody-content input[type="checkbox"]:checked { | |
| 3730 | 3858 | background-color: var(--primary-500); |
| 3731 | 3859 | border-color: var(--primary-500) !important; |
| 3732 | 3860 | } |
| 3733 | 3861 | |
| 3734 | 3862 | .frm-white-body input[type="checkbox"]:checked:focus, |
| 3735 | -.frm_wrap input[type="checkbox"]:checked:focus { | |
| 3863 | +.frm_wrap input[type="checkbox"]:checked:focus, | |
| 3864 | +body[class*="frm-admin"] #wpbody-content input[type="checkbox"]:checked:focus { | |
| 3736 | 3865 | border-color: var(--primary-500); |
| 3737 | 3866 | } |
| 3738 | 3867 | |
| 3739 | 3868 | .frm-white-body input[type="checkbox"]:checked::before, |
| 3740 | -.frm_wrap input[type="checkbox"]:checked::before { | |
| 3741 | - content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2010%2010%27%3E%3Cpath%20d%3D%27M9.2%202c.2.3.2.7%200%201l-5%205c-.3.2-.6.2-.9%200L.8 5.3a.6.6%200%200%201%20.9-.8l2%202%204.6-4.5c.3-.3.6-.3.9%200Z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); | |
| 3742 | - height: 12px; | |
| 3743 | - width: 12px; | |
| 3744 | - margin: 1px; | |
| 3869 | +.frm_wrap input[type="checkbox"]:checked::before, | |
| 3870 | +body[class*="frm-admin"] #wpbody-content input[type="checkbox"]:checked::before { | |
| 3871 | + content: ''; | |
| 3872 | + display: block; | |
| 3873 | + width: 100% !important; | |
| 3874 | + height: 100% !important; | |
| 3875 | + 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; | |
| 3876 | + background-size: 9px !important; | |
| 3877 | + background-repeat: no-repeat !important; | |
| 3878 | + background-position: center !important; | |
| 3879 | + margin: 0; | |
| 3745 | 3880 | } |
| 3746 | 3881 | |
| 3747 | 3882 | .frm_radio input[type="radio"], |
| 3748 | 3883 | .frm_checkbox input[type="checkbox"] { |
| @@ -3931,11 +4066,8 @@ | ||
| 3931 | 4066 | margin-left: -10px; |
| 3932 | 4067 | width: 20px; |
| 3933 | 4068 | height: 20px; |
| 3934 | 4069 | |
| 3935 | - -webkit-animation: spin 2s linear infinite; | |
| 3936 | - -moz-animation: spin 2s linear infinite; | |
| 3937 | - -o-animation: spin 2s linear infinite; | |
| 3938 | 4070 | animation: spin 2s linear infinite; |
| 3939 | 4071 | } |
| 3940 | 4072 | |
| 3941 | 4073 | .frm-wait:before { |
| @@ -3973,10 +4105,8 @@ | ||
| 3973 | 4105 | padding: 6px; |
| 3974 | 4106 | line-height: var(--leading); |
| 3975 | 4107 | border: 0 none; |
| 3976 | 4108 | outline: none; |
| 3977 | - -moz-box-sizing: border-box; | |
| 3978 | - -webkit-box-sizing: border-box; | |
| 3979 | 4109 | box-sizing: border-box; |
| 3980 | 4110 | } |
| 3981 | 4111 | |
| 3982 | 4112 | /*ICONS*/ |
| @@ -4089,27 +4219,8 @@ | ||
| 4089 | 4219 | max-width: 100%; |
| 4090 | 4220 | font-size: inherit; |
| 4091 | 4221 | } |
| 4092 | 4222 | |
| 4093 | -/* Start entry statuses */ | |
| 4094 | -.frm-entry-status { | |
| 4095 | - padding: var(--gap-2xs) var(--gap-xs); | |
| 4096 | - align-items: center; | |
| 4097 | - border-radius: var(--small-radius); | |
| 4098 | - text-transform: uppercase; | |
| 4099 | -} | |
| 4100 | - | |
| 4101 | -.frm-entry-status-0 { | |
| 4102 | - color: #1E561F; | |
| 4103 | - background: #D5F2DC; | |
| 4104 | -} | |
| 4105 | - | |
| 4106 | -.frm-entry-status-1 { | |
| 4107 | - color: #7A4D05; | |
| 4108 | - background: #FFF2D2; | |
| 4109 | -} | |
| 4110 | -/* End entry statuses */ | |
| 4111 | - | |
| 4112 | 4223 | #frm-options-panel { |
| 4113 | 4224 | padding: 0 var(--gap-sm); |
| 4114 | 4225 | color: var(--grey-900); |
| 4115 | 4226 | } |
| @@ -4123,13 +4234,8 @@ | ||
| 4123 | 4234 | .frm-right-panel a.frm_add_logic_link:focus { |
| 4124 | 4235 | outline: auto; |
| 4125 | 4236 | } |
| 4126 | 4237 | |
| 4127 | -#frm_style_sidebar h3, | |
| 4128 | -#frm_view_editor_left.frm-right-panel .accordion-section-title { | |
| 4129 | - padding: 15px 0; | |
| 4130 | -} | |
| 4131 | - | |
| 4132 | 4238 | .frm_field_key { |
| 4133 | 4239 | background-color: #F7F7F7; |
| 4134 | 4240 | } |
| 4135 | 4241 | |
| @@ -4137,8 +4243,9 @@ | ||
| 4137 | 4243 | padding: 0; |
| 4138 | 4244 | } |
| 4139 | 4245 | |
| 4140 | 4246 | .frm-alt-table { |
| 4247 | + position: relative; | |
| 4141 | 4248 | width:100%; |
| 4142 | 4249 | border-collapse:collapse; |
| 4143 | 4250 | margin-top:0.5em; |
| 4144 | 4251 | font-size:15px; |
| @@ -4143,16 +4250,32 @@ | ||
| 4143 | 4250 | margin-top:0.5em; |
| 4144 | 4251 | font-size:15px; |
| 4145 | 4252 | } |
| 4146 | 4253 | |
| 4254 | +/* Before `applyZebraStriping` is executed, an empty space is displayed */ | |
| 4255 | +#form_show_entry_page .frm-alt-table:not(.frm-zebra-striping)::before { | |
| 4256 | + content: ''; | |
| 4257 | + position: absolute; | |
| 4258 | + top: 0; | |
| 4259 | + right: 0; | |
| 4260 | + bottom: 0; | |
| 4261 | + left: 0; | |
| 4262 | + background-color: #fff; | |
| 4263 | +} | |
| 4264 | + | |
| 4147 | 4265 | .frm-alt-table th { |
| 4148 | 4266 | width:200px; |
| 4149 | 4267 | } |
| 4150 | 4268 | |
| 4151 | -.frm-alt-table tr { | |
| 4269 | +.frm-alt-table tr, | |
| 4270 | +.frm-alt-table tr.frm-odd { | |
| 4152 | 4271 | background-color:transparent; |
| 4153 | 4272 | } |
| 4154 | 4273 | |
| 4274 | +.frm-alt-table tr.frm-even { | |
| 4275 | + background-color: var(--sidebar-color); | |
| 4276 | +} | |
| 4277 | + | |
| 4155 | 4278 | .frm-alt-table th, |
| 4156 | 4279 | .frm-alt-table td { |
| 4157 | 4280 | background-color:transparent; |
| 4158 | 4281 | vertical-align:top; |
| @@ -4159,12 +4282,8 @@ | ||
| 4159 | 4282 | text-align:left; |
| 4160 | 4283 | padding:20px; |
| 4161 | 4284 | } |
| 4162 | 4285 | |
| 4163 | -.frm-alt-table tr:nth-child(even) { | |
| 4164 | - background-color: var(--sidebar-color); | |
| 4165 | -} | |
| 4166 | - | |
| 4167 | 4286 | .frm-alt-table h3 { |
| 4168 | 4287 | margin-bottom: 0; |
| 4169 | 4288 | } |
| 4170 | 4289 | |
| @@ -4215,13 +4334,9 @@ | ||
| 4215 | 4334 | padding: 10px 20px; |
| 4216 | 4335 | line-height: inherit; |
| 4217 | 4336 | width: auto; |
| 4218 | 4337 | height: auto !important; |
| 4219 | - -moz-border-radius: 0; | |
| 4220 | - -webkit-border-radius: 0; | |
| 4221 | 4338 | border-radius: 0; |
| 4222 | - -webkit-box-sizing: content-box; | |
| 4223 | - -moz-box-sizing: content-box; | |
| 4224 | 4339 | box-sizing: content-box; |
| 4225 | 4340 | } |
| 4226 | 4341 | |
| 4227 | 4342 | .frm_html_field_placeholder { |
| @@ -4233,8 +4348,12 @@ | ||
| 4233 | 4348 | border: 1px solid #d3d3d3; |
| 4234 | 4349 | width: 300px; |
| 4235 | 4350 | } |
| 4236 | 4351 | |
| 4352 | +.turnstile_placeholder { | |
| 4353 | + width: 300px; | |
| 4354 | +} | |
| 4355 | + | |
| 4237 | 4356 | .frm_sorting .frm_rte textarea { |
| 4238 | 4357 | width: 653px; |
| 4239 | 4358 | background: #fff; |
| 4240 | 4359 | margin: 1px 0 0; |
| @@ -4239,10 +4358,8 @@ | ||
| 4239 | 4358 | background: #fff; |
| 4240 | 4359 | margin: 1px 0 0; |
| 4241 | 4360 | border: 1px solid #dfdfdf; |
| 4242 | 4361 | border-top: none; |
| 4243 | - -moz-border-radius: 0; | |
| 4244 | - -webkit-border-radius: 0; | |
| 4245 | 4362 | border-radius: 0; |
| 4246 | 4363 | float: none !important; |
| 4247 | 4364 | } |
| 4248 | 4365 | |
| @@ -4423,13 +4540,8 @@ | ||
| 4423 | 4540 | --border-color-active: var(--primary-500); |
| 4424 | 4541 | --border-radius: var(--small-radius); |
| 4425 | 4542 | } |
| 4426 | 4543 | |
| 4427 | -.frm_image_option_container svg { | |
| 4428 | - height: 50px; | |
| 4429 | - margin: 10px auto 0; | |
| 4430 | -} | |
| 4431 | - | |
| 4432 | 4544 | #form_show_entry_page .frm_file_link, |
| 4433 | 4545 | #form_show_entry_page .frm_image_option_container { |
| 4434 | 4546 | display: inline-flex; |
| 4435 | 4547 | flex-wrap: nowrap; |
| @@ -4459,8 +4571,12 @@ | ||
| 4459 | 4571 | #form_show_entry_page .frm_upload_label { |
| 4460 | 4572 | padding: 10px; |
| 4461 | 4573 | } |
| 4462 | 4574 | |
| 4575 | +#form_show_entry_page.frm_wrap .postbox { | |
| 4576 | + overflow: hidden; | |
| 4577 | +} | |
| 4578 | + | |
| 4463 | 4579 | .frm_image_option_container .frm_image_placeholder_icon svg{ |
| 4464 | 4580 | height: 150px; |
| 4465 | 4581 | } |
| 4466 | 4582 | |
| @@ -4504,8 +4620,14 @@ | ||
| 4504 | 4620 | #form_global_settings .frm_image_option_container svg { |
| 4505 | 4621 | max-width: calc( 100% - 20px ); |
| 4506 | 4622 | } |
| 4507 | 4623 | |
| 4624 | +/* Style image option container for Directory add on. */ | |
| 4625 | +#frm-new-template .frm_image_option_container svg { | |
| 4626 | + height: 50px; | |
| 4627 | + margin: 10px auto 0; | |
| 4628 | +} | |
| 4629 | + | |
| 4508 | 4630 | /* Show an icon on top */ |
| 4509 | 4631 | .frm_image_option_container { |
| 4510 | 4632 | position: relative; |
| 4511 | 4633 | } |
| @@ -4638,9 +4760,8 @@ | ||
| 4638 | 4760 | color: var(--grey-900); |
| 4639 | 4761 | } |
| 4640 | 4762 | |
| 4641 | 4763 | .frm-right-panel .inside i, |
| 4642 | -.frm-right-panel .inside .frmsvg, | |
| 4643 | 4764 | .frm-form-setting-tabs a i, |
| 4644 | 4765 | .frm-form-setting-tabs a .frmsvg { |
| 4645 | 4766 | margin: 0 5px; |
| 4646 | 4767 | display: inline-block; |
| @@ -4767,9 +4888,9 @@ | ||
| 4767 | 4888 | margin-left: -145px; |
| 4768 | 4889 | } |
| 4769 | 4890 | |
| 4770 | 4891 | .frm_end.frm6 .wp-picker-holder { |
| 4771 | - margin-left: -86px; | |
| 4892 | + margin-left: -86px; | |
| 4772 | 4893 | } |
| 4773 | 4894 | /* End of color picker CSS */ |
| 4774 | 4895 | |
| 4775 | 4896 | /* |
| @@ -4785,9 +4906,9 @@ | ||
| 4785 | 4906 | } |
| 4786 | 4907 | |
| 4787 | 4908 | .frm_on_label, |
| 4788 | 4909 | .frm_off_label { |
| 4789 | - color: #444444; | |
| 4910 | + color: var(--grey-700); | |
| 4790 | 4911 | } |
| 4791 | 4912 | |
| 4792 | 4913 | .frm_toggle { |
| 4793 | 4914 | position: relative; |
| @@ -4797,10 +4918,10 @@ | ||
| 4797 | 4918 | vertical-align: middle; |
| 4798 | 4919 | } |
| 4799 | 4920 | |
| 4800 | 4921 | .frm_toggle_block { |
| 4801 | - display: inline-flex; | |
| 4802 | - gap: var(--gap-sm); | |
| 4922 | + display: inline-flex !important; | |
| 4923 | + gap: var(--gap-sm); | |
| 4803 | 4924 | align-items: center; |
| 4804 | 4925 | } |
| 4805 | 4926 | |
| 4806 | 4927 | .frm_toggle input, /* Reverse compatibility */ |
| @@ -4850,9 +4971,10 @@ | ||
| 4850 | 4971 | transform: translateX(16px); |
| 4851 | 4972 | content: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 height=%2711px%27 width=%2711px%27 viewBox=%270 0 10 10%27><path d=%27M9.2 2c.2.3.2.7 0 1l-5 5c-.3.2-.6.2-.9 0L.8 5.3a.6.6 0 0 1 .9-.8l2 2 4.6-4.5c.3-.3.6-.3.9 0Z%27 fill=%27%234199FD%27/%3E</svg>"); |
| 4852 | 4973 | } |
| 4853 | 4974 | |
| 4854 | -input[disabled] + .frm_toggle_slider { | |
| 4975 | +input[disabled] + .frm_toggle_slider, | |
| 4976 | +input[disabled] + .frm_toggle .frm_toggle_slider { | |
| 4855 | 4977 | pointer-events: none; |
| 4856 | 4978 | cursor: text; |
| 4857 | 4979 | opacity: .5; |
| 4858 | 4980 | } |
| @@ -4986,9 +5108,9 @@ | ||
| 4986 | 5108 | } |
| 4987 | 5109 | |
| 4988 | 5110 | .frm-long-icon-buttons { |
| 4989 | 5111 | display: flex; |
| 4990 | - gap: var(--gap-md); | |
| 5112 | + gap: var(--gap-md); | |
| 4991 | 5113 | } |
| 4992 | 5114 | |
| 4993 | 5115 | .frm-long-icon-buttons > label { |
| 4994 | 5116 | border: 1px solid var(--grey-300); |
| @@ -5036,17 +5158,20 @@ | ||
| 5036 | 5158 | .frm_unauthorized_box .frm-show-authorized { |
| 5037 | 5159 | display: none; |
| 5038 | 5160 | } |
| 5039 | 5161 | |
| 5040 | -.edd_frm_status_icon.frm_icon_font { | |
| 5041 | - color: #D54E21; | |
| 5162 | +.edd_frm_status_icon.frmsvg { | |
| 5042 | 5163 | margin: 0 5px; |
| 5043 | 5164 | } |
| 5044 | 5165 | |
| 5045 | -.edd_frm_status_icon.frm_icon_font.frm_inactive_icon { | |
| 5166 | +.edd_frm_license_row .frm_action_success .frmsvg { | |
| 5046 | 5167 | color: green; |
| 5047 | 5168 | } |
| 5048 | 5169 | |
| 5170 | +.edd_frm_license_row .frm_action_error .frmsvg { | |
| 5171 | + color: #D54E21; | |
| 5172 | +} | |
| 5173 | + | |
| 5049 | 5174 | /* Hide the install steps for solutions */ |
| 5050 | 5175 | #form_global_settings .tabs-panel .num svg { |
| 5051 | 5176 | display: none; |
| 5052 | 5177 | } |
| @@ -5063,54 +5188,9 @@ | ||
| 5063 | 5188 | .frm-subscribe { |
| 5064 | 5189 | margin: var(--gap-lg) 0; |
| 5065 | 5190 | } |
| 5066 | 5191 | |
| 5067 | -/* Inbox */ | |
| 5068 | - | |
| 5069 | -#frm_inbox_page .frm_page_container { | |
| 5070 | - height: auto; | |
| 5071 | -} | |
| 5072 | - | |
| 5073 | -.frm_inbox_card { | |
| 5074 | - display: grid; | |
| 5075 | - grid-template-columns: 72px 1fr; | |
| 5076 | - grid-gap: var(--gap-xs); | |
| 5077 | - border-bottom: 1px solid var(--grey-300); | |
| 5078 | - padding: var(--gap-md); | |
| 5079 | -} | |
| 5080 | - | |
| 5081 | -.frm_inbox_card_icon { | |
| 5082 | - grid-row: span 3 / span 3; | |
| 5083 | - padding-top: var(--gap-xs); | |
| 5084 | - text-align: center | |
| 5085 | -} | |
| 5086 | - | |
| 5087 | -.frm_inbox_card_icon svg { | |
| 5088 | - height: 48px; | |
| 5089 | - width: 48px; | |
| 5090 | - color: var(--blue-border); | |
| 5091 | -} | |
| 5092 | - | |
| 5093 | -.frm_inbox_card header { | |
| 5094 | - display: grid; | |
| 5095 | - grid-template-columns: 1fr 150px; | |
| 5096 | - align-items: center; | |
| 5097 | -} | |
| 5098 | - | |
| 5099 | -.frm_inbox_card h3 { | |
| 5100 | - border: none; | |
| 5101 | - text-transform: none; | |
| 5102 | - margin: 0; | |
| 5103 | - padding: 0; | |
| 5104 | -} | |
| 5105 | - | |
| 5106 | -.frm_inbox_date { | |
| 5107 | - text-align: right; | |
| 5108 | -} | |
| 5109 | - | |
| 5110 | -.frm_inbox_count, | |
| 5111 | -.frm_inbox_unread { | |
| 5112 | - background: var(--orange); | |
| 5192 | +.frm_inbox_count { | |
| 5113 | 5193 | color: #fff; |
| 5114 | 5194 | border-radius: 50%; |
| 5115 | 5195 | display: inline-block; |
| 5116 | 5196 | margin-right: 8px; |
| @@ -5115,16 +5195,8 @@ | ||
| 5115 | 5195 | display: inline-block; |
| 5116 | 5196 | margin-right: 8px; |
| 5117 | 5197 | font-size: 11px; |
| 5118 | 5198 | text-align: center; |
| 5119 | -} | |
| 5120 | - | |
| 5121 | -.frm_inbox_unread { | |
| 5122 | - width: 8px; | |
| 5123 | - height: 8px; | |
| 5124 | -} | |
| 5125 | - | |
| 5126 | -.frm_inbox_count { | |
| 5127 | 5199 | min-width: 18px; |
| 5128 | 5200 | height: 18px; |
| 5129 | 5201 | margin-left: 2px; |
| 5130 | 5202 | vertical-align: text-bottom; |
| @@ -5130,8 +5202,12 @@ | ||
| 5130 | 5202 | vertical-align: text-bottom; |
| 5131 | 5203 | } |
| 5132 | 5204 | |
| 5133 | 5205 | /* Import/Export */ |
| 5206 | +.frm-lite .xml_opts .frm-export-xml-items { | |
| 5207 | + display: none; | |
| 5208 | +} | |
| 5209 | + | |
| 5134 | 5210 | .csv_opts #frm_csv_col_sep { |
| 5135 | 5211 | width: 45px; |
| 5136 | 5212 | } |
| 5137 | 5213 | |
| @@ -5157,9 +5233,10 @@ | ||
| 5157 | 5233 | display: inline-block; |
| 5158 | 5234 | position: relative; |
| 5159 | 5235 | } |
| 5160 | 5236 | |
| 5161 | -#frm_where_options span.frm_where_val .frm_tooltip_icon { | |
| 5237 | +#frm_where_options span.frm_where_val .frm_tooltip_icon, | |
| 5238 | +#frm_where_options span.frm_where_val .frm_help { | |
| 5162 | 5239 | left: -4px; |
| 5163 | 5240 | position: absolute; |
| 5164 | 5241 | } |
| 5165 | 5242 | |
| @@ -5193,10 +5270,10 @@ | ||
| 5193 | 5270 | font-size: var(--text-sm); |
| 5194 | 5271 | } |
| 5195 | 5272 | |
| 5196 | 5273 | .frm-feature-banner .dismiss { |
| 5197 | - margin-top: -10px; | |
| 5198 | - margin-right: -10px; | |
| 5274 | + margin-top: -10px; | |
| 5275 | + margin-right: -10px; | |
| 5199 | 5276 | } |
| 5200 | 5277 | |
| 5201 | 5278 | .frm-feature-banner .dismiss svg { |
| 5202 | 5279 | color: #fff; |
| @@ -5364,8 +5441,12 @@ | ||
| 5364 | 5441 | cursor: pointer; |
| 5365 | 5442 | outline: 0; |
| 5366 | 5443 | } |
| 5367 | 5444 | |
| 5445 | +#frm_notification_settings .widget-top .widget-action{ | |
| 5446 | + padding-top: 13.5px; | |
| 5447 | +} | |
| 5448 | + | |
| 5368 | 5449 | #frm_email_addon_menu { |
| 5369 | 5450 | border: 1px solid var(--grey-300); |
| 5370 | 5451 | padding: var(--gap-sm); |
| 5371 | 5452 | border-radius: 4px; |
| @@ -5724,20 +5805,40 @@ | ||
| 5724 | 5805 | font-size: var(--text-xs); |
| 5725 | 5806 | box-shadow: none; |
| 5726 | 5807 | } |
| 5727 | 5808 | |
| 5728 | -.frm_reply_to_container, | |
| 5729 | -.frm_bcc_cc_container { | |
| 5809 | +p.frm_bcc_cc_container, | |
| 5810 | +p.frm_reply_to_container { | |
| 5730 | 5811 | float: right; |
| 5731 | - margin: -4px 0 0; | |
| 5732 | 5812 | z-index: 1; |
| 5733 | 5813 | position: relative; |
| 5734 | 5814 | } |
| 5735 | 5815 | |
| 5816 | +p.frm_bcc_cc_container { | |
| 5817 | + margin: 14px 0 0; | |
| 5818 | +} | |
| 5819 | + | |
| 5820 | +p.frm_reply_to_container { | |
| 5821 | + margin: -4px 0 0; | |
| 5822 | +} | |
| 5823 | + | |
| 5736 | 5824 | .frm_email_row .frm_cancel1_icon:before { |
| 5737 | 5825 | vertical-align: bottom; |
| 5738 | 5826 | } |
| 5739 | 5827 | |
| 5828 | +.frm_cc_row.frm_email_row .frm-with-right-icon, | |
| 5829 | +.frm_bcc_row.frm_email_row .frm-with-right-icon, | |
| 5830 | +.frm_reply_to_row.frm_email_row .frm-with-right-icon { | |
| 5831 | + width: calc(100% - 20px); | |
| 5832 | + display: inline-block; | |
| 5833 | +} | |
| 5834 | + | |
| 5835 | +.frm_email_row .frm_remove_field .frm_close_icon { | |
| 5836 | + position: relative; | |
| 5837 | + fill: var(--grey-500); | |
| 5838 | + vertical-align: middle; | |
| 5839 | +} | |
| 5840 | + | |
| 5740 | 5841 | .frm_logic_field_opts { |
| 5741 | 5842 | max-width: 35%; |
| 5742 | 5843 | } |
| 5743 | 5844 | |
| @@ -5752,29 +5853,28 @@ | ||
| 5752 | 5853 | padding: var(--gap-xs) 0 0; |
| 5753 | 5854 | align-items: center; |
| 5754 | 5855 | } |
| 5755 | 5856 | |
| 5756 | -.frm-single-settings .frm_logic_row > select { | |
| 5757 | - max-width: 32.5% !important; | |
| 5857 | +.frm-single-settings ul.frm_sortable_field_opts { | |
| 5858 | + margin-bottom: 5px; | |
| 5758 | 5859 | } |
| 5759 | 5860 | |
| 5760 | -.frm-single-settings .frm_logic_row select:nth-child(2) { | |
| 5761 | - max-width: 20% !important; | |
| 5861 | +.frm-single-settings .frm_add_opt_container svg.frm_add_tag, | |
| 5862 | +.frm-single-settings .frm-add-other svg.frm_add_tag { | |
| 5863 | + position: relative; | |
| 5864 | + top: 5px; | |
| 5865 | + margin-right: 4px; | |
| 5762 | 5866 | } |
| 5763 | 5867 | |
| 5764 | -.frm-single-settings .frm_logic_row span input, | |
| 5765 | -.frm-single-settings .frm_logic_row span select { | |
| 5766 | - max-width: 36% !important; | |
| 5868 | +.frm-single-settings .frm_single_option .frm_remove_tag { | |
| 5869 | + position: relative; | |
| 5870 | + bottom: 3px; | |
| 5767 | 5871 | } |
| 5768 | 5872 | |
| 5769 | -.frm-single-settings .frm_logic_row input { | |
| 5770 | - max-width: 118px !important; | |
| 5873 | +.frm-single-settings .frm_single_option .frm_remove_tag:before { | |
| 5874 | + content: ""; | |
| 5771 | 5875 | } |
| 5772 | 5876 | |
| 5773 | -.frm-single-settings ul.frm_sortable_field_opts { | |
| 5774 | - margin-bottom: 5px; | |
| 5775 | -} | |
| 5776 | - | |
| 5777 | 5877 | .advanced_settings .frm_logic_row { |
| 5778 | 5878 | margin: 14px 0; |
| 5779 | 5879 | } |
| 5780 | 5880 | |
| @@ -5837,23 +5937,8 @@ | ||
| 5837 | 5937 | .frm_add_logic_link i { |
| 5838 | 5938 | margin-right: 5px; |
| 5839 | 5939 | } |
| 5840 | 5940 | |
| 5841 | -.frm_right_addon { | |
| 5842 | - position: relative; | |
| 5843 | -} | |
| 5844 | - | |
| 5845 | -.frm_right_addon .frm_remove_field { | |
| 5846 | - position: absolute; | |
| 5847 | - padding: 5px 10px; | |
| 5848 | - right: 10px; | |
| 5849 | - bottom: 0; | |
| 5850 | -} | |
| 5851 | - | |
| 5852 | -.frm_right_addon input { | |
| 5853 | - padding-right: var(--gap-lg); | |
| 5854 | -} | |
| 5855 | - | |
| 5856 | 5941 | .frm_icon_font { |
| 5857 | 5942 | color: #A0A0A0; |
| 5858 | 5943 | color: var(--grey); |
| 5859 | 5944 | } |
| @@ -5879,12 +5964,8 @@ | ||
| 5879 | 5964 | .frm_remove_tag:before { |
| 5880 | 5965 | content: '\e600'; |
| 5881 | 5966 | } |
| 5882 | 5967 | |
| 5883 | -.frm_logic_row .frm_remove_tag { | |
| 5884 | - padding-left: 7px; | |
| 5885 | -} | |
| 5886 | - | |
| 5887 | 5968 | .frm_logic_row .frm1 > .frm_remove_tag { |
| 5888 | 5969 | padding: 0; |
| 5889 | 5970 | } |
| 5890 | 5971 | |
| @@ -5892,8 +5973,17 @@ | ||
| 5892 | 5973 | font-size: 13px; |
| 5893 | 5974 | vertical-align: top; |
| 5894 | 5975 | } |
| 5895 | 5976 | |
| 5977 | +.frm_help svg, | |
| 5978 | +.frm_help .frmsvg { | |
| 5979 | + height: 13px; | |
| 5980 | + width: 13px; | |
| 5981 | + vertical-align: top; | |
| 5982 | + color: #A0A0A0; | |
| 5983 | + color: var(--grey); | |
| 5984 | +} | |
| 5985 | + | |
| 5896 | 5986 | .form-field input[type=text].frm_other_input { |
| 5897 | 5987 | width: 30%; |
| 5898 | 5988 | margin-left: 10px; |
| 5899 | 5989 | } |
| @@ -6016,8 +6106,13 @@ | ||
| 6016 | 6106 | line-height: 23px; |
| 6017 | 6107 | text-align: start; |
| 6018 | 6108 | } |
| 6019 | 6109 | |
| 6110 | +.frm_form_action_settings .frm_email_row .frm_tooltip_icon { | |
| 6111 | + position: relative; | |
| 6112 | + bottom: 2px; | |
| 6113 | +} | |
| 6114 | + | |
| 6020 | 6115 | /* Entries Page */ |
| 6021 | 6116 | .frm_no_entries_form { |
| 6022 | 6117 | padding: 60px 0; |
| 6023 | 6118 | } |
| @@ -6115,9 +6210,8 @@ | ||
| 6115 | 6210 | .frm_prepop li a:hover { |
| 6116 | 6211 | background: var(--sidebar-color); |
| 6117 | 6212 | } |
| 6118 | 6213 | |
| 6119 | -/* */ | |
| 6120 | 6214 | #frm_form_editor_container #frm_form_key_box { |
| 6121 | 6215 | width: 13em; |
| 6122 | 6216 | max-width: 30% |
| 6123 | 6217 | } |
| @@ -6163,9 +6257,8 @@ | ||
| 6163 | 6257 | |
| 6164 | 6258 | #styling_settings .widget .widget-top, #frm_form_editor_container .widget .widget-top { |
| 6165 | 6259 | cursor: pointer; |
| 6166 | 6260 | } |
| 6167 | - | |
| 6168 | 6261 | .frm_sorting .widget, .frm_settings_page .widget { |
| 6169 | 6262 | background: #fff; |
| 6170 | 6263 | } |
| 6171 | 6264 | |
| @@ -6197,13 +6290,8 @@ | ||
| 6197 | 6290 | .frm-has-fields #frm-show-fields { |
| 6198 | 6291 | min-height: 50px; |
| 6199 | 6292 | } |
| 6200 | 6293 | |
| 6201 | -#frm_builder_page li[data-ftype="gateway"] { | |
| 6202 | - /* Gateway fields are included for add-on compatibility but we do not want it to be visible. */ | |
| 6203 | - display: none; | |
| 6204 | -} | |
| 6205 | - | |
| 6206 | 6294 | #frm_builder_page .frm-lite-credit-card-element, |
| 6207 | 6295 | body.frm-admin-page-styles .frm-lite-credit-card-element { |
| 6208 | 6296 | position: relative; |
| 6209 | 6297 | } |
| @@ -6385,8 +6473,12 @@ | ||
| 6385 | 6473 | .edit_field_type_summary .frm_more_options_li:nth-child(2) { |
| 6386 | 6474 | display: none !important; |
| 6387 | 6475 | } |
| 6388 | 6476 | |
| 6477 | +.edit_field_type_submit .frm_more_options_li:not(:last-child) { | |
| 6478 | + display: none !important; | |
| 6479 | +} | |
| 6480 | + | |
| 6389 | 6481 | .frm_no_section_fields:not(.frm_block) + ul.start_divider { |
| 6390 | 6482 | padding: 0; |
| 6391 | 6483 | min-height: 132px; |
| 6392 | 6484 | } |
| @@ -6480,17 +6572,12 @@ | ||
| 6480 | 6572 | margin-top: var(--gap-lg); |
| 6481 | 6573 | position: relative; |
| 6482 | 6574 | } |
| 6483 | 6575 | |
| 6484 | -.edit_field_type_divider:before, | |
| 6485 | -.edit_field_type_divider:after, | |
| 6486 | 6576 | .frm-page-break:before, |
| 6487 | 6577 | .frm-page-break:after { |
| 6488 | 6578 | content: ''; |
| 6489 | 6579 | position: absolute; |
| 6490 | - top: -4px; | |
| 6491 | - width: 4px; | |
| 6492 | - height: 4px; | |
| 6493 | 6580 | background-color: #fff; |
| 6494 | 6581 | border-radius: 50%; |
| 6495 | 6582 | border: 1px solid var(--primary-700); |
| 6496 | 6583 | text-rendering: auto; |
| @@ -6496,50 +6583,57 @@ | ||
| 6496 | 6583 | text-rendering: auto; |
| 6497 | 6584 | -webkit-font-smoothing: antialiased; |
| 6498 | 6585 | } |
| 6499 | 6586 | |
| 6500 | -.frm-page-break:after { | |
| 6501 | - right: 0; | |
| 6587 | +.edit_field_type_divider .frm-divider-icon.frmsvg { | |
| 6588 | + padding: 2px; | |
| 6589 | + position: absolute; | |
| 6590 | + left: -12px; | |
| 6591 | + color: #fff; | |
| 6592 | + background-color: var(--primary-700); | |
| 6593 | + border-radius: 50%; | |
| 6502 | 6594 | } |
| 6503 | 6595 | |
| 6504 | -#frm-fake-page { | |
| 6505 | - padding: 0 5px; | |
| 6596 | +.edit_field_type_divider .start_divider .frm-divider-icon.frmsvg { | |
| 6597 | + height: 8px; | |
| 6598 | + width: 8px; | |
| 6599 | + padding: 0; | |
| 6600 | + bottom: -4px; | |
| 6601 | + left: -24.5px; | |
| 6602 | + color: var(--primary-700); | |
| 6603 | + background-color: #fff; | |
| 6506 | 6604 | } |
| 6507 | 6605 | |
| 6508 | -#frm-fake-page .frm-page-break, | |
| 6509 | -#frm-fake-page .frm-page-break:before, | |
| 6510 | -#frm-fake-page .frm-page-break:after { | |
| 6511 | - border-color: var(--grey); | |
| 6606 | +.edit_field_type_divider.selected .frm-divider-icon.frmsvg, | |
| 6607 | +.edit_field_type_divider:hover .frm-divider-icon.frmsvg { | |
| 6608 | + background: var(--primary-500); | |
| 6512 | 6609 | } |
| 6513 | 6610 | |
| 6514 | -.edit_field_type_divider:before { | |
| 6515 | - width: 20px; | |
| 6516 | - height: 20px; | |
| 6517 | - left: -11px; | |
| 6518 | - top: 0; | |
| 6519 | - background: var(--primary-700); | |
| 6520 | - text-align: center; | |
| 6521 | - color: #fff; | |
| 6522 | - font-size: 13px; | |
| 6611 | +.edit_field_type_divider.selected .start_divider .frm-divider-icon.frmsvg, | |
| 6612 | +.edit_field_type_divider:hover .start_divider .frm-divider-icon.frmsvg { | |
| 6613 | + background-color: #fff; | |
| 6614 | + color: var(--primary-500); | |
| 6523 | 6615 | } |
| 6524 | 6616 | |
| 6525 | -.edit_field_type_divider:before{ | |
| 6526 | - font-family: 's11-fp'; | |
| 6527 | - content: '\f1dc'; | |
| 6617 | +.frm-page-break:before, | |
| 6618 | +.frm-page-break:after { | |
| 6619 | + width: 8px; | |
| 6620 | + height: 8px; | |
| 6621 | + top: -6px; | |
| 6622 | + border-color: var(--grey); | |
| 6528 | 6623 | } |
| 6529 | 6624 | |
| 6530 | -.repeat_section.edit_field_type_divider:before { | |
| 6531 | - font-family: 's11-fp'; | |
| 6532 | - content: '\f363'; | |
| 6625 | +.frm-page-break:after { | |
| 6626 | + right: 0; | |
| 6533 | 6627 | } |
| 6534 | 6628 | |
| 6535 | -.edit_field_type_divider:after { | |
| 6536 | - left: -4px; | |
| 6537 | - bottom: 0; | |
| 6538 | - top: auto; | |
| 6539 | - transition: all 0.4s ease-out; | |
| 6629 | +#frm-fake-page .frm-page-break { | |
| 6630 | + border-color: var(--grey); | |
| 6540 | 6631 | } |
| 6541 | 6632 | |
| 6633 | +#frm-fake-page { | |
| 6634 | + padding: 0 5px; | |
| 6635 | +} | |
| 6542 | 6636 | |
| 6543 | 6637 | .frm_sorting li.edit_field_type_divider:hover, |
| 6544 | 6638 | .frm_sorting li.edit_field_type_divider.selected { |
| 6545 | 6639 | border-left-color: var(--primary-500); |
| @@ -6544,19 +6638,8 @@ | ||
| 6544 | 6638 | .frm_sorting li.edit_field_type_divider.selected { |
| 6545 | 6639 | border-left-color: var(--primary-500); |
| 6546 | 6640 | } |
| 6547 | 6641 | |
| 6548 | -.edit_field_type_divider.selected:before, | |
| 6549 | -.edit_field_type_divider:hover:before { | |
| 6550 | - border-color: var(--primary-500); | |
| 6551 | - background: var(--primary-500); | |
| 6552 | -} | |
| 6553 | - | |
| 6554 | -.edit_field_type_divider.selected:after, | |
| 6555 | -.edit_field_type_divider:hover:after { | |
| 6556 | - border-color: var(--primary-500); | |
| 6557 | -} | |
| 6558 | - | |
| 6559 | 6642 | .frm-section-collapsed:after { |
| 6560 | 6643 | border-color: transparent !important; |
| 6561 | 6644 | color: transparent; |
| 6562 | 6645 | } |
| @@ -6562,9 +6645,10 @@ | ||
| 6562 | 6645 | } |
| 6563 | 6646 | |
| 6564 | 6647 | .frm-page-break .frm-collapse-page.button { |
| 6565 | 6648 | margin-left: 46%; |
| 6566 | - margin-top: calc( -28px / 2 ); | |
| 6649 | + margin-top: calc( -32px / 2 ); | |
| 6650 | + padding: 6px 12px !important; | |
| 6567 | 6651 | } |
| 6568 | 6652 | |
| 6569 | 6653 | #frm-fake-page.frm-page-collapsed { |
| 6570 | 6654 | margin-bottom: 0; |
| @@ -6575,20 +6659,8 @@ | ||
| 6575 | 6659 | overflow: visible !important; |
| 6576 | 6660 | margin-bottom: var(--gap-lg); |
| 6577 | 6661 | } |
| 6578 | 6662 | |
| 6579 | -.frm-page-collapsed:after { | |
| 6580 | - content: ''; | |
| 6581 | - display: block; | |
| 6582 | - border: 1px dashed var(--grey-300); | |
| 6583 | - border-left: none; | |
| 6584 | - border-right: none; | |
| 6585 | - height: 6px; | |
| 6586 | - position: absolute; | |
| 6587 | - width: calc( 100% - 10px ); | |
| 6588 | - bottom: -15px; | |
| 6589 | -} | |
| 6590 | - | |
| 6591 | 6663 | .frm-collapse-page .frmsvg, |
| 6592 | 6664 | .frm-collapse-page .frm_arrowdown6_icon { |
| 6593 | 6665 | width: var(--text-sm); |
| 6594 | 6666 | height: var(--text-sm); |
| @@ -6595,10 +6667,15 @@ | ||
| 6595 | 6667 | font-size: var(--text-sm); |
| 6596 | 6668 | text-align: center; |
| 6597 | 6669 | margin-left: 2px; |
| 6598 | 6670 | color: currentColor; |
| 6671 | + transition: transform 300ms ease-in-out; | |
| 6599 | 6672 | } |
| 6600 | 6673 | |
| 6674 | +.frm-page-collapsed .frm-collapse-page .frmsvg { | |
| 6675 | + transform: rotate(180deg); | |
| 6676 | +} | |
| 6677 | + | |
| 6601 | 6678 | #frm-fake-page .frm_arrowdown6_icon { |
| 6602 | 6679 | color: currentColor; |
| 6603 | 6680 | } |
| 6604 | 6681 | |
| @@ -6619,14 +6696,18 @@ | ||
| 6619 | 6696 | .frm-section-collapsed .frm-collapse-section svg { |
| 6620 | 6697 | transform: rotate(-90deg); |
| 6621 | 6698 | } |
| 6622 | 6699 | |
| 6623 | -.open .widget-top .frm_arrow_right_icon:before { | |
| 6624 | - content: '\e62a'; | |
| 6700 | +.open .widget-top .widget-title-action button .frmsvg { | |
| 6701 | + transform: rotate(90deg); | |
| 6625 | 6702 | } |
| 6626 | 6703 | |
| 6704 | +.widget-top .widget-title-action button .frmsvg use { | |
| 6705 | + color: var(--grey); | |
| 6706 | +} | |
| 6707 | + | |
| 6627 | 6708 | .frm-collapsed + .frm-collapse-me { |
| 6628 | - overflow: hidden !important; | |
| 6709 | + overflow: hidden !important; | |
| 6629 | 6710 | } |
| 6630 | 6711 | |
| 6631 | 6712 | .frm-collapse-me { |
| 6632 | 6713 | padding-bottom: 10px; |
| @@ -6667,9 +6748,9 @@ | ||
| 6667 | 6748 | box-sizing: border-box; |
| 6668 | 6749 | border: 1px dashed var(--grey-300); |
| 6669 | 6750 | } |
| 6670 | 6751 | |
| 6671 | -.ui-droppable-active ~ .frm_no_fields { | |
| 6752 | +.frm-over-droppable + .frm_no_fields { | |
| 6672 | 6753 | border-style: solid; |
| 6673 | 6754 | } |
| 6674 | 6755 | |
| 6675 | 6756 | .frm_no_section_fields { |
| @@ -6687,8 +6768,16 @@ | ||
| 6687 | 6768 | width: 90%; |
| 6688 | 6769 | top: 0; |
| 6689 | 6770 | } |
| 6690 | 6771 | |
| 6772 | +.frm-empty-fields .frm_updated_message ~ .frm_no_fields { | |
| 6773 | + top: 60px; | |
| 6774 | +} | |
| 6775 | + | |
| 6776 | +#frm_form_editor_container:not(.frm-has-fields) #frm-show-fields > .frm_field_box:last-child { | |
| 6777 | + visibility: hidden; | |
| 6778 | +} | |
| 6779 | + | |
| 6691 | 6780 | .frm-has-fields .frm_no_fields { |
| 6692 | 6781 | display: none; |
| 6693 | 6782 | } |
| 6694 | 6783 | |
| @@ -6760,14 +6849,8 @@ | ||
| 6760 | 6849 | .frm_prod_options_heading.frm_prod_user_def { |
| 6761 | 6850 | display: none; |
| 6762 | 6851 | } |
| 6763 | 6852 | |
| 6764 | -#frm-preview-block { | |
| 6765 | - height: 400px; | |
| 6766 | - overflow: scroll; | |
| 6767 | - margin: 0; | |
| 6768 | -} | |
| 6769 | - | |
| 6770 | 6853 | .plugin-card-bottom .frm-trash { |
| 6771 | 6854 | color: #a00; |
| 6772 | 6855 | } |
| 6773 | 6856 | |
| @@ -6773,10 +6856,10 @@ | ||
| 6773 | 6856 | |
| 6774 | 6857 | .frm-fields p > .frm_inline_label, |
| 6775 | 6858 | .frm_inline_label { |
| 6776 | 6859 | padding-left: 3px; |
| 6777 | - margin-right: 12px; | |
| 6778 | - display: inline-block; | |
| 6860 | + margin-right: 12px; | |
| 6861 | + display: inline-block; | |
| 6779 | 6862 | } |
| 6780 | 6863 | |
| 6781 | 6864 | .frm_left_label { |
| 6782 | 6865 | clear: both; |
| @@ -6849,31 +6932,8 @@ | ||
| 6849 | 6932 | border-left: none; |
| 6850 | 6933 | border-right: none; |
| 6851 | 6934 | } |
| 6852 | 6935 | |
| 6853 | -.postbox .frm-help-tabs.inside, | |
| 6854 | -#poststuff .frm-help-tabs.inside { | |
| 6855 | - padding-left: 0; | |
| 6856 | - padding-right: 0; | |
| 6857 | - padding-bottom: 12px; | |
| 6858 | - margin-top: 0; | |
| 6859 | - margin-bottom: 0; | |
| 6860 | -} | |
| 6861 | - | |
| 6862 | -.postbox .frm-help-tabs.inside { | |
| 6863 | - padding-bottom: inherit; | |
| 6864 | -} | |
| 6865 | - | |
| 6866 | -.frm-help-tabs form > .submit { | |
| 6867 | - margin-left: 154px; | |
| 6868 | - padding-left: 0.9em; | |
| 6869 | -} | |
| 6870 | - | |
| 6871 | -#poststuff h3.frm_no_bg { | |
| 6872 | - background: none; | |
| 6873 | - cursor: default; | |
| 6874 | -} | |
| 6875 | - | |
| 6876 | 6936 | .frm-postbox-no-h3 { |
| 6877 | 6937 | padding-top: 10px; |
| 6878 | 6938 | } |
| 6879 | 6939 | |
| @@ -7046,9 +7106,9 @@ | ||
| 7046 | 7106 | .frm_form_settings .frm-with-right-icon .frmsvg { |
| 7047 | 7107 | top: 0; |
| 7048 | 7108 | } |
| 7049 | 7109 | |
| 7050 | -.frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg { | |
| 7110 | +.frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg, #frm_builder_page .wp-editor-container .frm-with-right-icon .frmsvg { | |
| 7051 | 7111 | top: auto; |
| 7052 | 7112 | bottom: 0; |
| 7053 | 7113 | } |
| 7054 | 7114 | |
| @@ -7101,26 +7161,33 @@ | ||
| 7101 | 7161 | #frm-show-fields .frm-with-left-icon i { |
| 7102 | 7162 | padding-top: 10px; |
| 7103 | 7163 | } |
| 7104 | 7164 | |
| 7165 | +.frm-search .frm_search_icon { | |
| 7166 | + padding-left: 18px !important; | |
| 7167 | + padding-right: 12px !important; | |
| 7168 | +} | |
| 7169 | + | |
| 7105 | 7170 | .frm-search input[name="s"], |
| 7106 | 7171 | .frm-search .dropdown-toggle, |
| 7107 | 7172 | .frm-search input.frm-search-input { |
| 7108 | 7173 | border-radius: var(--small-radius); |
| 7109 | - padding-left: 33px !important; | |
| 7110 | 7174 | border-color: var(--grey-300); |
| 7111 | 7175 | } |
| 7112 | 7176 | |
| 7113 | -.frm_wrap .frm-search .frm-search-input, | |
| 7114 | -.frm-modal .frm-search .frm-search-input, | |
| 7115 | 7177 | .frm-white-body .search-box input[name="s"], /* Views search */ |
| 7116 | -.frm_wrap .frm-search input[name="s"] { | |
| 7117 | - padding-top: 3px; | |
| 7118 | - padding-bottom: 3px; | |
| 7178 | +#wpwrap .frm-search input[type="search"] { | |
| 7119 | 7179 | flex: 1; |
| 7120 | 7180 | font-size: var(--text-sm); |
| 7181 | + line-height: var(--text-lg); | |
| 7182 | + padding: var(--gap-xs); | |
| 7121 | 7183 | } |
| 7122 | 7184 | |
| 7185 | +.frm-search input[type="search"], | |
| 7186 | +.frm-search input[type="text"] { | |
| 7187 | + padding-left: var(--gap-xl) !important; | |
| 7188 | +} | |
| 7189 | + | |
| 7123 | 7190 | .frm-search .dropdown-toggle { |
| 7124 | 7191 | width: 100%; |
| 7125 | 7192 | float: none; |
| 7126 | 7193 | max-width: 200px; |
| @@ -7125,8 +7192,9 @@ | ||
| 7125 | 7192 | float: none; |
| 7126 | 7193 | max-width: 200px; |
| 7127 | 7194 | background: transparent; |
| 7128 | 7195 | padding: 7px; |
| 7196 | + padding-left: 33px !important; | |
| 7129 | 7197 | min-height: 32px; |
| 7130 | 7198 | text-align: inherit; |
| 7131 | 7199 | overflow: hidden; |
| 7132 | 7200 | text-overflow: ellipsis; |
| @@ -7191,12 +7259,8 @@ | ||
| 7191 | 7259 | padding: 5px; |
| 7192 | 7260 | border: 1px solid black; |
| 7193 | 7261 | } |
| 7194 | 7262 | |
| 7195 | -.pro_feature { | |
| 7196 | - text-decoration: line-through; | |
| 7197 | -} | |
| 7198 | - | |
| 7199 | 7263 | /* View page */ |
| 7200 | 7264 | |
| 7201 | 7265 | .post-type-frm_display #poststuff #post-body.columns-2 { |
| 7202 | 7266 | margin-right: var(--big-sidebar); |
| @@ -7261,9 +7325,9 @@ | ||
| 7261 | 7325 | margin-bottom: 0; |
| 7262 | 7326 | } |
| 7263 | 7327 | |
| 7264 | 7328 | .post-type-frm_display #side-sortables .misc-pub-section { |
| 7265 | - padding: 15px 20px 10px; | |
| 7329 | + padding: 15px 20px 10px; | |
| 7266 | 7330 | } |
| 7267 | 7331 | |
| 7268 | 7332 | .post-type-frm_display .misc-pub-section .frmsvg, |
| 7269 | 7333 | .post-type-frm_display #post-body .misc-pub-post-status:before, |
| @@ -7368,16 +7432,16 @@ | ||
| 7368 | 7432 | ul .frm_col_two { |
| 7369 | 7433 | float: right; |
| 7370 | 7434 | } |
| 7371 | 7435 | |
| 7372 | -.frm_two_col li { | |
| 7373 | - float: left; | |
| 7374 | - width: 48%; | |
| 7375 | - margin-right: 4%; | |
| 7436 | +ul.frm_two_col { | |
| 7437 | + display: grid; | |
| 7438 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 7439 | + gap: var(--gap-sm); | |
| 7376 | 7440 | } |
| 7377 | 7441 | |
| 7378 | -.frm_two_col li:nth-child(2n+2) { | |
| 7379 | - margin-right: 0; | |
| 7442 | +.frm_two_col li { | |
| 7443 | + margin-bottom: 0; | |
| 7380 | 7444 | } |
| 7381 | 7445 | |
| 7382 | 7446 | .frm-info-modal a, |
| 7383 | 7447 | .frm-info-modal ul, |
| @@ -7384,11 +7448,10 @@ | ||
| 7384 | 7448 | .frm-info-modal p, |
| 7385 | 7449 | .frm-info-modal, |
| 7386 | 7450 | .settings-lite-cta a, |
| 7387 | 7451 | .settings-lite-cta ul, |
| 7388 | -.settings-lite-cta p, | |
| 7389 | 7452 | .settings-lite-cta { |
| 7390 | - color: #666; | |
| 7453 | + color: var(--grey-500); | |
| 7391 | 7454 | font-size: var(--text-md); |
| 7392 | 7455 | box-shadow: none !important; |
| 7393 | 7456 | } |
| 7394 | 7457 | |
| @@ -7402,9 +7465,9 @@ | ||
| 7402 | 7465 | } |
| 7403 | 7466 | |
| 7404 | 7467 | .frm-info-modal .postbox .inside, |
| 7405 | 7468 | .settings-lite-cta .postbox .inside { |
| 7406 | - padding: 20px 40px; | |
| 7469 | + padding: var(--gap-md); | |
| 7407 | 7470 | margin: 0; |
| 7408 | 7471 | } |
| 7409 | 7472 | |
| 7410 | 7473 | .cta-inside a { |
| @@ -7452,17 +7515,21 @@ | ||
| 7452 | 7515 | color: var(--grey-700); |
| 7453 | 7516 | padding: 5px 10px; |
| 7454 | 7517 | font-size: var(--text-md); |
| 7455 | 7518 | gap: var(--gap-xs); |
| 7456 | - align-items: center; | |
| 7519 | + align-items: center; | |
| 7457 | 7520 | } |
| 7458 | 7521 | |
| 7459 | 7522 | .frm_code_list.frm-full-hover a span { |
| 7460 | 7523 | max-width: 83px; |
| 7461 | - text-align: right; | |
| 7524 | + margin-right: var(--gap-xs); | |
| 7462 | 7525 | margin-left: auto; |
| 7463 | 7526 | } |
| 7464 | 7527 | |
| 7528 | +.frm-single-settings .frm_code_list.frm-full-hover a { | |
| 7529 | + display: block; | |
| 7530 | +} | |
| 7531 | + | |
| 7465 | 7532 | .frm_code_list.frm-full-hover a, |
| 7466 | 7533 | .frm_code_list.frm-full-hover a span { |
| 7467 | 7534 | white-space: nowrap; |
| 7468 | 7535 | overflow: hidden; |
| @@ -7635,8 +7702,13 @@ | ||
| 7635 | 7702 | width: 13px; |
| 7636 | 7703 | height: 13px; |
| 7637 | 7704 | } |
| 7638 | 7705 | |
| 7706 | +.frmsvg.frm_svg9 { | |
| 7707 | + width: 9px; | |
| 7708 | + height: 9px; | |
| 7709 | +} | |
| 7710 | + | |
| 7639 | 7711 | .frmbutton.ui-sortable-helper .frmsvg, |
| 7640 | 7712 | .field_type_list li.frmbutton .frmsvg, |
| 7641 | 7713 | .frmbutton.ui-sortable-helper i, |
| 7642 | 7714 | .field_type_list li.frmbutton i, |
| @@ -7716,25 +7788,13 @@ | ||
| 7716 | 7788 | transition: opacity .2s; |
| 7717 | 7789 | opacity: 1; |
| 7718 | 7790 | } |
| 7719 | 7791 | |
| 7720 | -.frm-field-group-count { | |
| 7721 | - background-color: var(--sidebar-hover); | |
| 7722 | - padding: 5px; | |
| 7723 | - color: #fff !important; | |
| 7724 | - border-radius: 10px; | |
| 7725 | -} | |
| 7726 | - | |
| 7727 | 7792 | /* End dragging */ |
| 7728 | 7793 | |
| 7729 | -.field_type_list .frm_icon_font:before { | |
| 7730 | - font-size: 20px; | |
| 7731 | -} | |
| 7732 | - | |
| 7733 | 7794 | li.frm_noallow.button, |
| 7734 | 7795 | .frm_noallow { |
| 7735 | 7796 | opacity: .5; |
| 7736 | - filter: alpha(opacity=50); | |
| 7737 | 7797 | } |
| 7738 | 7798 | |
| 7739 | 7799 | .frm_actions_list a.frm_show_upgrade.frm_inactive_action:before, |
| 7740 | 7800 | li.frm_noallow.button.frm_show_upgrade { |
| @@ -7751,9 +7811,12 @@ | ||
| 7751 | 7811 | |
| 7752 | 7812 | #frm_upgrade_modal_image { |
| 7753 | 7813 | max-width: 200px; |
| 7754 | 7814 | } |
| 7755 | - | |
| 7815 | +#frm_upgrade_modal .frm-upgrade-message img { | |
| 7816 | + margin-top: 10px; | |
| 7817 | + width: 100%; | |
| 7818 | +} | |
| 7756 | 7819 | .frm-tab-message { |
| 7757 | 7820 | max-width: 600px; |
| 7758 | 7821 | margin: 20px auto; |
| 7759 | 7822 | color: rgba(63, 75, 91, 0.8); |
| @@ -7855,21 +7918,51 @@ | ||
| 7855 | 7918 | opacity: .5; |
| 7856 | 7919 | z-index: 2; |
| 7857 | 7920 | } |
| 7858 | 7921 | |
| 7859 | -#frm_upgrade_modal { | |
| 7860 | - text-align: center; | |
| 7922 | +.frm-circled-icon { | |
| 7923 | + width: 60px; | |
| 7924 | + height: 60px; | |
| 7925 | + border-radius: 50%; | |
| 7926 | + background-color: var(--primary-25); | |
| 7861 | 7927 | } |
| 7862 | 7928 | |
| 7863 | -#frm_upgrade_modal .frm_lock_icon { | |
| 7864 | - display: block; | |
| 7865 | - margin: 0 auto; | |
| 7866 | - height: 35px; | |
| 7867 | - width: 35px; | |
| 7868 | - color: #c4c4c4; | |
| 7869 | - padding-bottom: 20px; | |
| 7929 | +.frm-circled-icon-large { | |
| 7930 | + width: 80px; | |
| 7931 | + height: 80px; | |
| 7870 | 7932 | } |
| 7871 | 7933 | |
| 7934 | +.frm-circled-icon-green { | |
| 7935 | + background-color: var(--success-50); | |
| 7936 | +} | |
| 7937 | + | |
| 7938 | +.frm-circled-icon .frmsvg { | |
| 7939 | + width: 21px; | |
| 7940 | + height: 24px; | |
| 7941 | +} | |
| 7942 | + | |
| 7943 | +.frm-circled-icon-large .frmsvg { | |
| 7944 | + width: 24px; | |
| 7945 | +} | |
| 7946 | + | |
| 7947 | +.frm-circled-icon .frmsvg use { | |
| 7948 | + color: var(--primary-500); | |
| 7949 | + } | |
| 7950 | + | |
| 7951 | +.frm-circled-icon-green .frmsvg use { | |
| 7952 | + color: var(--success-500); | |
| 7953 | +} | |
| 7954 | + | |
| 7955 | +.frm-border-icon { | |
| 7956 | + display: flex; | |
| 7957 | + align-items: center; | |
| 7958 | + justify-content: center; | |
| 7959 | + width: 40px; | |
| 7960 | + height: 40px; | |
| 7961 | + border: 1px solid var(--grey-300); | |
| 7962 | + border-radius: var(--small-radius); | |
| 7963 | +} | |
| 7964 | + | |
| 7872 | 7965 | .frm-upgrade-message img { |
| 7873 | 7966 | max-width: 100%; |
| 7874 | 7967 | } |
| 7875 | 7968 | |
| @@ -8097,8 +8190,9 @@ | ||
| 8097 | 8190 | .frm-white-body .wrap input[type="text"], /* Cover Views pages */ |
| 8098 | 8191 | .frm-white-body .wrap input[type="search"], |
| 8099 | 8192 | .frm-white-body .wrap input[type="number"], |
| 8100 | 8193 | .frm-white-body .wrap select, |
| 8194 | +#frm-form-templates-modal select, | |
| 8101 | 8195 | .frm-white-body .wrap textarea, |
| 8102 | 8196 | button.frm_choose_image_box, |
| 8103 | 8197 | #titlediv input[type="text"], |
| 8104 | 8198 | .frm-fields button.btn, |
| @@ -8104,8 +8198,9 @@ | ||
| 8104 | 8198 | .frm-fields button.btn, |
| 8105 | 8199 | .frm_wrap textarea, |
| 8106 | 8200 | .frm_wrap input[type="tel"], |
| 8107 | 8201 | .frm_wrap input[type="text"], |
| 8202 | +.frm_wrap input[type="email"] | |
| 8108 | 8203 | .frm_wrap input[type=search], |
| 8109 | 8204 | .frm_wrap input[type="number"], |
| 8110 | 8205 | .frm_wrap input[type="date"], |
| 8111 | 8206 | .frm_wrap select, |
| @@ -8111,9 +8206,10 @@ | ||
| 8111 | 8206 | .frm_wrap select, |
| 8112 | 8207 | .wp-admin .frm_wrap select, |
| 8113 | 8208 | .field-group textarea, |
| 8114 | 8209 | .field-group input[type="text"], |
| 8115 | -.field-group select { | |
| 8210 | +.field-group select, | |
| 8211 | +.frm-fields .frm-input-field { | |
| 8116 | 8212 | outline: 0; |
| 8117 | 8213 | box-shadow: none; |
| 8118 | 8214 | border-radius: var(--small-radius); |
| 8119 | 8215 | padding: 5px 14px; |
| @@ -8125,9 +8221,9 @@ | ||
| 8125 | 8221 | line-height: var(--leading); |
| 8126 | 8222 | } |
| 8127 | 8223 | |
| 8128 | 8224 | .frm_wrap ::-webkit-datetime-edit { |
| 8129 | - line-height: var(--leading); | |
| 8225 | + line-height: var(--leading); | |
| 8130 | 8226 | } |
| 8131 | 8227 | |
| 8132 | 8228 | .frm-white-body textarea:focus, |
| 8133 | 8229 | .frm-white-body input:focus, |
| @@ -8134,8 +8230,9 @@ | ||
| 8134 | 8230 | .frm-white-body select:focus, |
| 8135 | 8231 | .frm_wrap input:focus, |
| 8136 | 8232 | .frm_wrap select:focus, |
| 8137 | 8233 | .wp-core-ui .frm_wrap select:focus, |
| 8234 | +#frm-form-templates-modal select:focus, | |
| 8138 | 8235 | .frm-btn-group .multiselect.dropdown-toggle:focus, |
| 8139 | 8236 | .frm_wrap textarea:focus { |
| 8140 | 8237 | border-color: var(--primary-500) !important; |
| 8141 | 8238 | box-shadow: none !important; |
| @@ -8154,9 +8251,10 @@ | ||
| 8154 | 8251 | .frm_wrap select { |
| 8155 | 8252 | padding: 2px; |
| 8156 | 8253 | } |
| 8157 | 8254 | |
| 8158 | -.wp-admin .frm_wrap select { | |
| 8255 | +.wp-admin .frm_wrap select, | |
| 8256 | +#frm-form-templates-modal select { | |
| 8159 | 8257 | max-width: 100%; |
| 8160 | 8258 | } |
| 8161 | 8259 | |
| 8162 | 8260 | .frm_form_field.frm_scroll_box .frm_opt_container { |
| @@ -8172,8 +8270,13 @@ | ||
| 8172 | 8270 | .frm_wrap input::placeholder { |
| 8173 | 8271 | color: var(--grey-500); |
| 8174 | 8272 | } |
| 8175 | 8273 | |
| 8274 | +.frm_wrap .frm-button-primary.frm-disabled { | |
| 8275 | + opacity: 0.5; | |
| 8276 | + cursor: default; | |
| 8277 | +} | |
| 8278 | + | |
| 8176 | 8279 | #postcustomstuff table td > div { |
| 8177 | 8280 | /* To override some inline css in add-on */ |
| 8178 | 8281 | padding-top: 0 !important; |
| 8179 | 8282 | } |
| @@ -8189,9 +8292,10 @@ | ||
| 8189 | 8292 | } |
| 8190 | 8293 | |
| 8191 | 8294 | #postbox-container-2 select, |
| 8192 | 8295 | .wp-admin .frm_wrap select, |
| 8193 | -.frm_wrap .frm_form_builder select { | |
| 8296 | +.frm_wrap .frm_form_builder select, | |
| 8297 | +#frm-form-templates-modal select { | |
| 8194 | 8298 | height: auto; |
| 8195 | 8299 | background-position: right 11px top 55%; |
| 8196 | 8300 | } |
| 8197 | 8301 | |
| @@ -8205,9 +8309,9 @@ | ||
| 8205 | 8309 | line-height: 1; |
| 8206 | 8310 | } |
| 8207 | 8311 | |
| 8208 | 8312 | .frm_wrap .tablenav ::-webkit-datetime-edit { |
| 8209 | - line-height: 1; | |
| 8313 | + line-height: 1; | |
| 8210 | 8314 | } |
| 8211 | 8315 | |
| 8212 | 8316 | .frm-fields button.btn, |
| 8213 | 8317 | .frm-fields textarea, |
| @@ -8215,9 +8319,10 @@ | ||
| 8215 | 8319 | .frm-fields select, |
| 8216 | 8320 | .field-group textarea, |
| 8217 | 8321 | .field-group input[type="text"], |
| 8218 | 8322 | .field-group select, |
| 8219 | -.accordion-container input.hex { | |
| 8323 | +.accordion-container input.hex, | |
| 8324 | +.frm-fields .frm-input-field { | |
| 8220 | 8325 | width: 100%; |
| 8221 | 8326 | outline: 0; |
| 8222 | 8327 | } |
| 8223 | 8328 | |
| @@ -8236,11 +8341,11 @@ | ||
| 8236 | 8341 | margin: 0 !important; |
| 8237 | 8342 | } |
| 8238 | 8343 | |
| 8239 | 8344 | .frm_images_dropdown .frm_radio input[type=radio] { |
| 8240 | - opacity: 0; | |
| 8241 | - position: absolute; | |
| 8242 | - z-index: -1; | |
| 8345 | + opacity: 0; | |
| 8346 | + position: absolute; | |
| 8347 | + z-index: -1; | |
| 8243 | 8348 | } |
| 8244 | 8349 | |
| 8245 | 8350 | .frm_images_dropdown__image .frmsvg { |
| 8246 | 8351 | width: 100%; |
| @@ -8304,8 +8409,42 @@ | ||
| 8304 | 8409 | .windows ::-webkit-scrollbar-corner { |
| 8305 | 8410 | background: transparent; |
| 8306 | 8411 | } |
| 8307 | 8412 | |
| 8413 | +.frm-scrollbar-wrapper { | |
| 8414 | + overflow-x: hidden; | |
| 8415 | + overflow-y: auto; /* Enable scrolling */ | |
| 8416 | + -ms-overflow-style: none; /* For IE and Edge */ | |
| 8417 | + scrollbar-color: transparent transparent; /* Firefox Scrollbar - transparent by default and show on hover */ | |
| 8418 | + scrollbar-width: thin; | |
| 8419 | +} | |
| 8420 | + | |
| 8421 | +.frm-scrollbar-wrapper:hover { | |
| 8422 | + scrollbar-color: var(--grey-300) var(--sidebar-color); /* Firefox Scrollbar - Show on hover */ | |
| 8423 | +} | |
| 8424 | + | |
| 8425 | +.frm-scrollbar-wrapper::-webkit-scrollbar { | |
| 8426 | + width: 3px; | |
| 8427 | +} | |
| 8428 | + | |
| 8429 | +.frm-scrollbar-wrapper::-webkit-scrollbar-track { | |
| 8430 | + background: var(--sidebar-color); | |
| 8431 | +} | |
| 8432 | + | |
| 8433 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb { | |
| 8434 | + background: transparent; | |
| 8435 | + border-radius: 100vw; | |
| 8436 | +} | |
| 8437 | + | |
| 8438 | +.frm-scrollbar-wrapper:hover::-webkit-scrollbar-thumb { | |
| 8439 | + background: var(--grey-300); /* Show scrollbar on hover */ | |
| 8440 | +} | |
| 8441 | + | |
| 8442 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb:hover { | |
| 8443 | + background: var(--grey-400); /* Show scrollbar on hover */ | |
| 8444 | +} | |
| 8445 | +/* End scrollbar */ | |
| 8446 | + | |
| 8308 | 8447 | /* RTL */ |
| 8309 | 8448 | .rtl h3 { |
| 8310 | 8449 | font-weight: inherit !important; |
| 8311 | 8450 | } |
| @@ -8382,10 +8521,10 @@ | ||
| 8382 | 8521 | right: auto; |
| 8383 | 8522 | left: 5px; |
| 8384 | 8523 | } |
| 8385 | 8524 | |
| 8386 | -.rtl .frm_reply_to_container, | |
| 8387 | -.rtl .frm_bcc_cc_container { | |
| 8525 | +.rtl p.frm_reply_to_container, | |
| 8526 | +.rtl p.frm_bcc_cc_container { | |
| 8388 | 8527 | float: left; |
| 8389 | 8528 | } |
| 8390 | 8529 | |
| 8391 | 8530 | .rtl .frm-default-switcher { |
| @@ -8408,8 +8547,12 @@ | ||
| 8408 | 8547 | padding-right: 5px !important; |
| 8409 | 8548 | background-position: left 11px top 55%; |
| 8410 | 8549 | } |
| 8411 | 8550 | |
| 8551 | +.rtl .frm_code_list.frm-full-hover a span { | |
| 8552 | + margin-left: var(--gap-xs); | |
| 8553 | +} | |
| 8554 | + | |
| 8412 | 8555 | /* --------------------------------------------------------------- |
| 8413 | 8556 | Clearfix |
| 8414 | 8557 | --------------------------------------------------------------- */ |
| 8415 | 8558 | span.clear { |
| @@ -8493,16 +8636,8 @@ | ||
| 8493 | 8636 | .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container, |
| 8494 | 8637 | .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container { |
| 8495 | 8638 | left: 36px; |
| 8496 | 8639 | } |
| 8497 | - | |
| 8498 | - .frm-admin-footer-links { | |
| 8499 | - padding-left: 36px; | |
| 8500 | - } | |
| 8501 | - | |
| 8502 | - body.rtl .frm-admin-footer-links { | |
| 8503 | - padding-right: 36px; | |
| 8504 | - } | |
| 8505 | 8640 | } |
| 8506 | 8641 | |
| 8507 | 8642 | @media only screen and (max-width: 850px) { |
| 8508 | 8643 | #frm_bs_dropdown { |
| @@ -8743,15 +8878,14 @@ | ||
| 8743 | 8878 | #wp-content-media-buttons a.frm_insert_form { |
| 8744 | 8879 | padding: 0 var(--gap-sm); |
| 8745 | 8880 | } |
| 8746 | 8881 | |
| 8747 | - .frm-admin-footer-links { | |
| 8748 | - padding-left: 0; | |
| 8882 | + .frm-white-body input[type="checkbox"]:checked::before, | |
| 8883 | + .frm_wrap input[type="checkbox"]:checked::before { | |
| 8884 | + width: 1.2rem; | |
| 8885 | + height: 1.2rem; | |
| 8886 | + margin: 0.125rem; | |
| 8749 | 8887 | } |
| 8750 | - | |
| 8751 | - body.rtl .frm-admin-footer-links { | |
| 8752 | - padding-right: 0; | |
| 8753 | - } | |
| 8754 | 8888 | } |
| 8755 | 8889 | |
| 8756 | 8890 | @media only screen and (max-width: 700px) { |
| 8757 | 8891 | .frm-white-body, |
| @@ -8864,18 +8998,8 @@ | ||
| 8864 | 8998 | margin-right: 0; |
| 8865 | 8999 | } |
| 8866 | 9000 | } |
| 8867 | 9001 | |
| 8868 | -/* Firefox */ | |
| 8869 | -@-moz-document url-prefix() { | |
| 8870 | - .frm-white-body .tablenav select, | |
| 8871 | - .frm-white-body .tablenav input[type="text"], | |
| 8872 | - .wp-admin .frm_wrap .tablenav select, | |
| 8873 | - .frm_wrap .tablenav input[type="text"] { | |
| 8874 | - padding-top: 5px; | |
| 8875 | - } | |
| 8876 | -} | |
| 8877 | - | |
| 8878 | 9002 | /* PRINT */ |
| 8879 | 9003 | @media print { |
| 8880 | 9004 | a, .misc-pub-section a { |
| 8881 | 9005 | color: #000 !important; |
| @@ -9017,9 +9141,9 @@ | ||
| 9017 | 9141 | } |
| 9018 | 9142 | |
| 9019 | 9143 | #frm_field_group_popup .frm-cancel-custom-field-group-layout:hover { |
| 9020 | 9144 | border-color: var(--primary-500) !important; |
| 9021 | - color: var(--primary-500); | |
| 9145 | + color: var(--primary-500); | |
| 9022 | 9146 | background-color: transparent !important; |
| 9023 | 9147 | } |
| 9024 | 9148 | |
| 9025 | 9149 | .frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group { |
| @@ -9091,8 +9215,9 @@ | ||
| 9091 | 9215 | color: rgba(40, 47, 54, 0.85); |
| 9092 | 9216 | font-size: 13px; |
| 9093 | 9217 | right: 30px; |
| 9094 | 9218 | bottom: 10px; |
| 9219 | + z-index: 2; | |
| 9095 | 9220 | } |
| 9096 | 9221 | |
| 9097 | 9222 | #frm_field_multiselect_popup > div { |
| 9098 | 9223 | display: inline-block; |
| @@ -9179,8 +9304,12 @@ | ||
| 9179 | 9304 | .frm-banner-cta a { |
| 9180 | 9305 | text-decoration: underline !important; |
| 9181 | 9306 | } |
| 9182 | 9307 | |
| 9308 | +#frm_banner .frm-banner-cta a.frm_inbox_dismiss { | |
| 9309 | + display: none; | |
| 9310 | +} | |
| 9311 | + | |
| 9183 | 9312 | .frm-banner-dismiss { |
| 9184 | 9313 | cursor: pointer; |
| 9185 | 9314 | position: absolute; |
| 9186 | 9315 | right: 10px; |
| @@ -9195,43 +9324,16 @@ | ||
| 9195 | 9324 | .frm-ready-made-solution:not(.frm-search-result) { |
| 9196 | 9325 | display: none !important; |
| 9197 | 9326 | } |
| 9198 | 9327 | |
| 9199 | -#frm_new_form_modal .frm-ready-made-solution { | |
| 9200 | - padding: var(--gap-xs) !important; | |
| 9201 | - margin: var(--gap-xs) 0 var(--gap-sm); | |
| 9202 | - display: flex; | |
| 9203 | - gap: var(--gap-sm); | |
| 9204 | - position: relative; | |
| 9205 | - overflow: visible !important; | |
| 9328 | +#frm_leave_email_wrapper .frmsvg { | |
| 9329 | + top: 0; | |
| 9206 | 9330 | } |
| 9207 | 9331 | |
| 9208 | -#frm_new_form_modal .frm-ready-made-solution:after { | |
| 9209 | - width: 100%; | |
| 9210 | - height: 1px; | |
| 9211 | - background: var(--grey-300); | |
| 9212 | - content: ''; | |
| 9213 | - position: absolute; | |
| 9214 | - bottom: -10px; | |
| 9215 | - left: 0; | |
| 9332 | +#frm-add-my-email-address { | |
| 9333 | + margin-top: 30px; | |
| 9216 | 9334 | } |
| 9217 | 9335 | |
| 9218 | -#frm_new_form_modal .frm-ready-made-solution.frm-search-result:last-of-type::after { | |
| 9219 | - content: none; | |
| 9220 | -} | |
| 9221 | - | |
| 9222 | -#frm_new_form_modal .frm-solution-details { | |
| 9223 | - flex: 1; | |
| 9224 | - display: flex; | |
| 9225 | - gap: var(--gap-2xs); | |
| 9226 | - flex-direction: column; | |
| 9227 | -} | |
| 9228 | - | |
| 9229 | -#frm_new_form_modal .frm-ready-made-solution > div:first-child { | |
| 9230 | - width: 30%; | |
| 9231 | - text-align: center; | |
| 9232 | -} | |
| 9233 | - | |
| 9234 | 9336 | .frm-ready-made-solution h3 ~ a { |
| 9235 | 9337 | color: var(--primary-500); |
| 9236 | 9338 | } |
| 9237 | 9339 | |
| @@ -9261,10 +9363,10 @@ | ||
| 9261 | 9363 | } |
| 9262 | 9364 | |
| 9263 | 9365 | .frm_on_submit_type input { |
| 9264 | 9366 | opacity: 0 !important; |
| 9265 | - position: absolute; | |
| 9266 | - z-index: -1; | |
| 9367 | + position: absolute; | |
| 9368 | + z-index: -1; | |
| 9267 | 9369 | } |
| 9268 | 9370 | |
| 9269 | 9371 | .frm_on_submit_type input[type="radio"]:checked + label { |
| 9270 | 9372 | border-color: var(--primary-color); |
| @@ -9275,4 +9377,423 @@ | ||
| 9275 | 9377 | .frm_on_submit_type input[type="radio"]:checked + label svg { |
| 9276 | 9378 | color: var(--primary-color); |
| 9277 | 9379 | } |
| 9278 | 9380 | /* End On Submit action */ |
| 9381 | + | |
| 9382 | +/* Start call-to-action */ | |
| 9383 | +.frm_pro_tip, | |
| 9384 | +.frm-cta { | |
| 9385 | + justify-content: space-between; | |
| 9386 | + align-items: center; | |
| 9387 | + gap: var(--gap-2xl); | |
| 9388 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9389 | + border-radius: var(--small-radius); | |
| 9390 | + background: var(--primary-25); | |
| 9391 | +} | |
| 9392 | + | |
| 9393 | +.frm-cta.frm-cta-border { | |
| 9394 | + border: 1px solid var(--primary-200); | |
| 9395 | +} | |
| 9396 | + | |
| 9397 | +.frm-cta.frm-cta-border .frm-cta-footer { | |
| 9398 | + background-color: #fff; | |
| 9399 | + padding: 12px var(--gap-sm); | |
| 9400 | + border-top: 1px solid var(--primary-200); | |
| 9401 | + border-bottom-left-radius: var(--small-radius); | |
| 9402 | + border-bottom-right-radius: var(--small-radius); | |
| 9403 | + margin-top: 12px; | |
| 9404 | + margin-bottom: calc(-1 * var(--gap-sm)); | |
| 9405 | + margin-left: calc(-1 * var(--gap-sm)); | |
| 9406 | + margin-right: calc(-1 * var(--gap-sm)); | |
| 9407 | +} | |
| 9408 | + | |
| 9409 | +.frm-cta h4 { | |
| 9410 | + font-weight: 600; | |
| 9411 | + margin-top: 0; | |
| 9412 | + margin-bottom: var(--gap-2xs); | |
| 9413 | +} | |
| 9414 | + | |
| 9415 | +.frm-cta-green { | |
| 9416 | + background-color: var(--success-25); | |
| 9417 | +} | |
| 9418 | + | |
| 9419 | +.frm-cta-green .frm-banner-title { | |
| 9420 | + gap: calc(var(--gap-2xs) + 1px); | |
| 9421 | + color: var(--grey-700); | |
| 9422 | +} | |
| 9423 | + | |
| 9424 | +.frm-cta-green.frm-cta-border { | |
| 9425 | + border-color: var(--success-100) | |
| 9426 | +} | |
| 9427 | + | |
| 9428 | +.frm-cta-green.frm-cta-border .frm-cta-footer { | |
| 9429 | + border-color: var(--success-100); | |
| 9430 | +} | |
| 9431 | + | |
| 9432 | +.frm-cta-red { | |
| 9433 | + background-color: var(--error-25); | |
| 9434 | +} | |
| 9435 | + | |
| 9436 | +.frm-cta-red.frm-cta-border { | |
| 9437 | + border-color: var(--error-100); | |
| 9438 | +} | |
| 9439 | + | |
| 9440 | +.frm-right-panel .inside .frm_pro_tip, | |
| 9441 | +.frm_pro_tip { | |
| 9442 | + color: var(--grey-700); | |
| 9443 | + background: #FFE7DE; | |
| 9444 | + margin: 0 auto; | |
| 9445 | + display: flex; | |
| 9446 | + gap: var(--gap-xs); | |
| 9447 | +} | |
| 9448 | + | |
| 9449 | +.frm_field_list .frm_pro_tip { | |
| 9450 | + margin: 10px 15px; | |
| 9451 | + position: relative; | |
| 9452 | + width: calc(100% - 30px); | |
| 9453 | + box-sizing: border-box; | |
| 9454 | +} | |
| 9455 | + | |
| 9456 | +.frm_pro_tip .frmsvg, | |
| 9457 | +.frm_pro_tip i { | |
| 9458 | + color: var(--orange); | |
| 9459 | +} | |
| 9460 | + | |
| 9461 | +.frm-tip-info { | |
| 9462 | + flex: 1; | |
| 9463 | + text-align: left; | |
| 9464 | +} | |
| 9465 | + | |
| 9466 | +.frm-tip-cta { | |
| 9467 | + color: var(--orange); | |
| 9468 | +} | |
| 9469 | + | |
| 9470 | +.frm-light-tip .frm_pro_tip { | |
| 9471 | + background: var(--primary-25); | |
| 9472 | +} | |
| 9473 | + | |
| 9474 | +.frm-light-tip .frm_pro_tip .frmsvg, | |
| 9475 | +.frm-light-tip .frm_pro_tip i, | |
| 9476 | +.frm-light-tip .frm-tip-cta { | |
| 9477 | + color: var(--primary-500); | |
| 9478 | +} | |
| 9479 | + | |
| 9480 | +.frm-tip-cta:hover { | |
| 9481 | + color: var(--primary-500); | |
| 9482 | +} | |
| 9483 | + | |
| 9484 | +.nav-tab-wrapper .frm_pro_tip { | |
| 9485 | + float: right; | |
| 9486 | +} | |
| 9487 | +/* End call-to-action */ | |
| 9488 | + | |
| 9489 | +/* Start confirm and form templates modals */ | |
| 9490 | +#frm-form-templates-modal textarea { | |
| 9491 | + height: 108px; | |
| 9492 | +} | |
| 9493 | + | |
| 9494 | +#frm-form-templates-modal .frm-fields button.btn { | |
| 9495 | + border-color: var(--grey-300); | |
| 9496 | + color: var(--grey-900); | |
| 9497 | + cursor: pointer; | |
| 9498 | +} | |
| 9499 | + | |
| 9500 | +#frm-form-templates-modal .frm-fields button.btn .frmsvg { | |
| 9501 | + color: var(--grey-400); | |
| 9502 | + width: 14px; | |
| 9503 | + height: 14px; | |
| 9504 | +} | |
| 9505 | + | |
| 9506 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset { | |
| 9507 | + position: relative; | |
| 9508 | +} | |
| 9509 | + | |
| 9510 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset .frm-with-left-icon .frmsvg { | |
| 9511 | + padding: 0; | |
| 9512 | + top: 0; | |
| 9513 | + left: 13px; | |
| 9514 | +} | |
| 9515 | + | |
| 9516 | +/* Fixes pro issue #3508, prevent a conflict that hides the postbox in modal */ | |
| 9517 | +#frm-form-templates-modal .postbox { | |
| 9518 | + display: block !important; | |
| 9519 | +} | |
| 9520 | + | |
| 9521 | +/* Leave email modal */ | |
| 9522 | +#frm_empty_inbox #frm-leave-email-modal { | |
| 9523 | + margin-top: var(--gap-2xl); | |
| 9524 | +} | |
| 9525 | + | |
| 9526 | +/* Name your form modal */ | |
| 9527 | +#frm-name-your-form-modal .frm_modal_top { | |
| 9528 | + padding-top: var(--gap-sm); | |
| 9529 | +} | |
| 9530 | +/* End confirm and form templates modals */ | |
| 9531 | + | |
| 9532 | +/* Field Group Message */ | |
| 9533 | +#frm-field-group-message { | |
| 9534 | + position: absolute; | |
| 9535 | + bottom: 32px; | |
| 9536 | + right: calc(50% - var(--biggest-sidebar)); | |
| 9537 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9538 | + border-radius: 100px; | |
| 9539 | + background-color: var(--primary-25); | |
| 9540 | +} | |
| 9541 | + | |
| 9542 | +#frm-field-group-message .frm-field-group-message-text { | |
| 9543 | + gap: 10px; | |
| 9544 | + color: var(--grey-800); | |
| 9545 | +} | |
| 9546 | + | |
| 9547 | +#frm-field-group-message-dismiss { | |
| 9548 | + margin-left: var(--gap-xs) | |
| 9549 | +} | |
| 9550 | + | |
| 9551 | +#frm-field-group-message-dismiss .frmsvg { | |
| 9552 | + color: var(--grey-800); | |
| 9553 | + width: 15px; | |
| 9554 | + height: 15px; | |
| 9555 | + cursor: pointer; | |
| 9556 | + transition: color 300ms ease-in-out; | |
| 9557 | +} | |
| 9558 | + | |
| 9559 | +#frm-field-group-message-dismiss .frmsvg:hover { | |
| 9560 | + color: var(--grey-500); | |
| 9561 | +} | |
| 9562 | +/* End Field Group Message */ | |
| 9563 | + | |
| 9564 | +/* Start card layout */ | |
| 9565 | +.frm-card-item { | |
| 9566 | + display: flex; | |
| 9567 | + border: 1px solid var(--grey-200); | |
| 9568 | + border-radius: var(--small-radius); | |
| 9569 | + padding: var(--gap-sm); | |
| 9570 | + box-shadow: var(--box-shadow-xs); | |
| 9571 | + background: #FFFFFF; | |
| 9572 | +} | |
| 9573 | +.frm-card-item:not(.frm-counter-card) { | |
| 9574 | + gap: 10px; | |
| 9575 | +} | |
| 9576 | +.frm-compact-card-item { | |
| 9577 | + padding: var(--gap-sm) 35px 10px 35px; | |
| 9578 | +} | |
| 9579 | +/* End card layout */ | |
| 9580 | + | |
| 9581 | +/* Pirate forms importer */ | |
| 9582 | +#welcome-panel:has(#frm_form_pf_importer) { | |
| 9583 | + background-color: #fff; | |
| 9584 | + margin: var(--gap-sm) var(--gap-md) var(--gap-md); | |
| 9585 | + line-height: 2; | |
| 9586 | +} | |
| 9587 | + | |
| 9588 | +#welcome-panel:has(#frm_form_pf_importer) .welcome-panel-content { | |
| 9589 | + text-align: start !important; | |
| 9590 | + min-height: unset; | |
| 9591 | + display: block; | |
| 9592 | +} | |
| 9593 | + | |
| 9594 | +#frm_form_pf_importer div { | |
| 9595 | + margin: 10px 0 !important; | |
| 9596 | +} | |
| 9597 | + | |
| 9598 | +#frm_form_pf_importer button { | |
| 9599 | + border: 1px solid var(--primary-500); | |
| 9600 | + padding: 7px 16px; | |
| 9601 | + min-height: 28px; | |
| 9602 | + line-height: var(--leading); | |
| 9603 | + margin-bottom: 0; | |
| 9604 | + background: var(--primary-500); | |
| 9605 | + color: #fff !important; | |
| 9606 | +} | |
| 9607 | + | |
| 9608 | +#frm_form_pf_importer button:hover { | |
| 9609 | + background: #135e96; | |
| 9610 | + border-color: #135e96; | |
| 9611 | +} | |
| 9612 | +/* End Pirate forms importer */ | |
| 9613 | + | |
| 9614 | +/* Start Option Box */ | |
| 9615 | +.frm-option-box { | |
| 9616 | + display: flex; | |
| 9617 | + justify-content: space-between; | |
| 9618 | + align-items: center; | |
| 9619 | + font-size: 14px; | |
| 9620 | + font-weight: 500; | |
| 9621 | + background-color: #fff; | |
| 9622 | + padding: 12px var(--gap-sm); | |
| 9623 | + border: 1px solid var(--grey-200); | |
| 9624 | + border-radius: var(--small-radius); | |
| 9625 | + margin-bottom: var(--gap-xs); | |
| 9626 | + transition: background-color 100ms ease-out; | |
| 9627 | + cursor: pointer; | |
| 9628 | +} | |
| 9629 | + | |
| 9630 | +.frm-option-box:hover { | |
| 9631 | + background-color: var(--grey-25); | |
| 9632 | +} | |
| 9633 | + | |
| 9634 | +.frm-option-box.frm-checked { | |
| 9635 | + background-color: var(--primary-25); | |
| 9636 | + border-color: var(--primary-200); | |
| 9637 | +} | |
| 9638 | + | |
| 9639 | +.frm-option-box.frm-disabled { | |
| 9640 | + cursor: default; | |
| 9641 | +} | |
| 9642 | + | |
| 9643 | +.frm-option-box input[type="checkbox"] { | |
| 9644 | + margin: 0; | |
| 9645 | +} | |
| 9646 | + | |
| 9647 | +.frm-option-box.frm-disabled input[type="checkbox"] { | |
| 9648 | + opacity: 0.5; | |
| 9649 | +} | |
| 9650 | + | |
| 9651 | +.frm-option-box .frm_help .frmsvg { | |
| 9652 | + width: 12px; | |
| 9653 | + height: 12px; | |
| 9654 | +} | |
| 9655 | +/* End Option Box */ | |
| 9656 | + | |
| 9657 | +/* Start Validation Error */ | |
| 9658 | +.frm-validation-error:not(.frm_hidden) { | |
| 9659 | + display: flex; | |
| 9660 | +} | |
| 9661 | + | |
| 9662 | +.frm-validation-error { | |
| 9663 | + gap: calc(var(--gap-xs) + var(--gap-2xs)); | |
| 9664 | +} | |
| 9665 | + | |
| 9666 | +.frm-validation-error span { | |
| 9667 | + color: var(--error-500); | |
| 9668 | +} | |
| 9669 | + | |
| 9670 | +.frm-validation-error span[frm-error] { | |
| 9671 | + display: none; | |
| 9672 | +} | |
| 9673 | + | |
| 9674 | +.frm-validation-error[frm-error="empty"] span[frm-error="empty"], | |
| 9675 | +.frm-validation-error[frm-error="invalid"] span[frm-error="invalid"], | |
| 9676 | +.frm-validation-error[frm-error="custom"] span[frm-error="custom"] { | |
| 9677 | + display: inline-block; | |
| 9678 | +} | |
| 9679 | + | |
| 9680 | +/* Start Box Styles */ | |
| 9681 | +.frm-box { | |
| 9682 | + padding: var(--gap-sm); | |
| 9683 | + border: 1px solid var(--grey-200); | |
| 9684 | + border-radius: var(--small-radius); | |
| 9685 | +} | |
| 9686 | +/* End Box Styles */ | |
| 9687 | + | |
| 9688 | +/* Start External Link Styles */ | |
| 9689 | +.frm-link-with-external-icon { | |
| 9690 | + display: flex; | |
| 9691 | + align-items: center; | |
| 9692 | + gap: var(--gap-2xs); | |
| 9693 | + font-size: var(--text-xs); | |
| 9694 | +} | |
| 9695 | + | |
| 9696 | +.frm-link-with-external-icon .frmsvg { | |
| 9697 | + width: 16px; | |
| 9698 | + height: 16px; | |
| 9699 | + transform: rotate(45deg); | |
| 9700 | +} | |
| 9701 | +/* End External Link Styles */ | |
| 9702 | + | |
| 9703 | +/** | |
| 9704 | + * Page Skeleton CSS | |
| 9705 | + * | |
| 9706 | + * Manages the layout and appearance of the page's content area. | |
| 9707 | + */ | |
| 9708 | + | |
| 9709 | +/* Core Styles for the Page */ | |
| 9710 | +#wpbody-content .frm-page-skeleton ul, | |
| 9711 | +#wpbody-content .frm-page-skeleton li { | |
| 9712 | + margin: 0; | |
| 9713 | +} | |
| 9714 | + | |
| 9715 | +/* Sidebar Styles */ | |
| 9716 | +#wpbody-content .frm-page-skeleton .frm-right-panel { | |
| 9717 | + padding: 2px; | |
| 9718 | + overflow-y: initial; | |
| 9719 | +} | |
| 9720 | + | |
| 9721 | +/* Scrollbar */ | |
| 9722 | +#wpbody-content .frm-page-skeleton .frm-scrollbar-wrapper { | |
| 9723 | + padding: var(--gap-md) var(--gap-sm); | |
| 9724 | +} | |
| 9725 | + | |
| 9726 | +/* Search */ | |
| 9727 | +#wpbody-content .frm-page-skeleton .frm-search { | |
| 9728 | + float: none; | |
| 9729 | + padding: 0 var(--gap-2xs); | |
| 9730 | +} | |
| 9731 | + | |
| 9732 | +#wpbody-content .frm-page-skeleton .frm-search > input { | |
| 9733 | + width: 100%; | |
| 9734 | +} | |
| 9735 | + | |
| 9736 | +/* Categories */ | |
| 9737 | +.frm-page-skeleton-cat { | |
| 9738 | + cursor: pointer; | |
| 9739 | + padding: var(--gap-xs); | |
| 9740 | + border-radius: var(--small-radius); | |
| 9741 | + background-color: transparent; | |
| 9742 | + transition: background-color 250ms ease-out; | |
| 9743 | +} | |
| 9744 | + | |
| 9745 | +.frm-page-skeleton-cat:hover { | |
| 9746 | + background-color: var(--grey-100); | |
| 9747 | +} | |
| 9748 | + | |
| 9749 | +.frm-page-skeleton-cat > * { | |
| 9750 | + z-index: 2; | |
| 9751 | +} | |
| 9752 | + | |
| 9753 | +.frm-page-skeleton-cat-text { | |
| 9754 | + color: var(--grey-900); | |
| 9755 | + text-transform: capitalize; | |
| 9756 | +} | |
| 9757 | + | |
| 9758 | +.frm-page-skeleton-cat-count { | |
| 9759 | + color: var(--grey-400); | |
| 9760 | +} | |
| 9761 | + | |
| 9762 | +.frm-current .frm-page-skeleton-cat-text, | |
| 9763 | +.frm-current .frm-page-skeleton-cat-count { | |
| 9764 | + color: var(--primary-500); | |
| 9765 | +} | |
| 9766 | + | |
| 9767 | +/* Page Content Styles */ | |
| 9768 | +.frm-list-grid-layout { | |
| 9769 | + display: grid; | |
| 9770 | + grid-template-columns: repeat(auto-fill, minmax(303px, 1fr)); | |
| 9771 | + grid-auto-rows: max-content; | |
| 9772 | + gap: var(--gap-sm); | |
| 9773 | +} | |
| 9774 | + | |
| 9775 | +.frm-list-grid-layout > * { | |
| 9776 | + grid-column: span 1; | |
| 9777 | +} | |
| 9778 | + | |
| 9779 | +/* Empty State Styles */ | |
| 9780 | +#frm-page-skeleton-empty-state { | |
| 9781 | + height: 100%; | |
| 9782 | + margin-top: calc(-1 * var(--gap-md)); | |
| 9783 | +} | |
| 9784 | + | |
| 9785 | +#frm-page-skeleton-empty-state .frm-page-skeleton-text { | |
| 9786 | + max-width: 420px; | |
| 9787 | +} | |
| 9788 | + | |
| 9789 | +/* Helper Classes */ | |
| 9790 | +.frm-page-skeleton-divider { | |
| 9791 | + border-top: 1px solid var(--grey-200); | |
| 9792 | + margin: 0; | |
| 9793 | +} | |
| 9794 | + | |
| 9795 | +/* Always hide submit field button */ | |
| 9796 | +.field_type_list .frm_tsubmit { | |
| 9797 | + display: none !important; | |
| 9798 | +} | |
| 9799 | +/* End always hide submit field button */ | |
