| @@ -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; |
| @@ -22,22 +23,32 @@ | ||
| 22 | 23 | --sidebar-color: var(--grey-50); |
| 23 | 24 | --sidebar-hover: var(--grey-200); |
| 24 | 25 | --primary-700: #2B66A9; |
| 25 | 26 | --primary-500: #4199FD; |
| 27 | + --primary-200: #C0DDFE; | |
| 26 | 28 | --primary-25: #F5FAFF; |
| 27 | 29 | --primary-color: var(--primary-500); /* Deprecated */ |
| 28 | 30 | --primary-hover: var(--primary-700); /* Deprecated */ |
| 29 | 31 | --light-blue: var(--primary-25); /* Deprecated */ |
| 30 | 32 | --blue-border: rgb(188, 224, 253); |
| 33 | + --error-700: #B42318; | |
| 34 | + --error-500: #F04438; | |
| 31 | 35 | --error-300: #FECDCA; |
| 32 | - --error-500: #F04438; | |
| 33 | - --error-700: #B42318; | |
| 36 | + --error-100: #FEE4E2; | |
| 37 | + --error-25: #FFF5F4; | |
| 34 | 38 | --green: rgb(63, 172, 37); |
| 35 | 39 | --orange: #F15A24; |
| 36 | 40 | --pink: rgb(226, 42, 110); |
| 37 | 41 | --purple: rgb(141, 53, 245); |
| 42 | + --success-900: #054F31; | |
| 43 | + --success-800: #065F46; | |
| 44 | + --success-500: #12b76a; | |
| 45 | + --success-100: #D1FAE5; | |
| 46 | + --success-50: #ECFDF3; | |
| 47 | + --success-25: #f6fef9; | |
| 38 | 48 | --border-radius: 35px; |
| 39 | 49 | --small-radius: 8px; |
| 50 | + --medium-radius: 16px; | |
| 40 | 51 | --small-sidebar: 275px; |
| 41 | 52 | --medium-sidebar: 350px; |
| 42 | 53 | --big-sidebar: 390px; |
| 43 | 54 | --biggest-sidebar: 450px; |
| @@ -56,12 +67,17 @@ | ||
| 56 | 67 | --gap-md: 24px; |
| 57 | 68 | --gap-lg: 32px; |
| 58 | 69 | --gap-xl: 40px; |
| 59 | 70 | --gap-2xl: 48px; |
| 71 | + --box-shadow-xs: 0px 0.47074466943740845px 0.9414893388748169px 0px rgba(16, 24, 40, 0.05); | |
| 60 | 72 | --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); |
| 61 | 73 | --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); |
| 62 | 74 | --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); |
| 63 | 75 | --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); |
| 76 | + --box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18); | |
| 77 | + --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); | |
| 78 | + /* Override front-end CSS */ | |
| 79 | + --check-label-color: var(--grey-700); | |
| 64 | 80 | } |
| 65 | 81 | |
| 66 | 82 | @font-face { |
| 67 | 83 | font-family: 'Inter'; |
| @@ -83,9 +99,14 @@ | ||
| 83 | 99 | -webkit-font-smoothing: antialiased; |
| 84 | 100 | } |
| 85 | 101 | } |
| 86 | 102 | } |
| 87 | - | |
| 103 | +.frm-sm-z-index { | |
| 104 | + z-index: 1; | |
| 105 | +} | |
| 106 | +.frm-md-z-index { | |
| 107 | + z-index: 5; | |
| 108 | +} | |
| 88 | 109 | .frm-white-body, |
| 89 | 110 | .frm-white-body p, |
| 90 | 111 | .frm_wrap, |
| 91 | 112 | .frm_wrap p, |
| @@ -95,8 +116,14 @@ | ||
| 95 | 116 | color: var(--grey-500); |
| 96 | 117 | line-height: var(--leading); |
| 97 | 118 | } |
| 98 | 119 | |
| 120 | +.frm-white-body p, | |
| 121 | +.frm_wrap p { | |
| 122 | + margin: var(--gap-sm) 0; | |
| 123 | +} | |
| 124 | + | |
| 125 | + | |
| 99 | 126 | body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset { |
| 100 | 127 | --fieldset-padding: 15px 0; |
| 101 | 128 | } |
| 102 | 129 | |
| @@ -106,13 +133,16 @@ | ||
| 106 | 133 | } |
| 107 | 134 | |
| 108 | 135 | .post-type-frm_display .wrap > #posts-filter, |
| 109 | 136 | .wrap.frm-with-margin, |
| 110 | -#frm_top_bar + .wrap, | |
| 111 | 137 | .frm_wrap > .wrap { |
| 112 | 138 | margin: var(--gap-sm) var(--gap-md) var(--gap-md); |
| 113 | 139 | } |
| 114 | 140 | |
| 141 | +#frm_top_bar + .wrap { | |
| 142 | + margin: var(--gap-xl); | |
| 143 | +} | |
| 144 | + | |
| 115 | 145 | .frm-full-screen #wpbody-content > .wrap { |
| 116 | 146 | margin: 0; |
| 117 | 147 | } |
| 118 | 148 | |
| @@ -166,9 +196,9 @@ | ||
| 166 | 196 | |
| 167 | 197 | .frm-white-body #screen-meta-links { |
| 168 | 198 | position: fixed; |
| 169 | 199 | bottom: 0; |
| 170 | - right: 20px; | |
| 200 | + right: 20px; | |
| 171 | 201 | } |
| 172 | 202 | |
| 173 | 203 | .frm-full-screen #screen-meta-links .screen-meta-toggle { |
| 174 | 204 | right: 55px; |
| @@ -199,9 +229,8 @@ | ||
| 199 | 229 | .frm-full-screen .columns-2 { |
| 200 | 230 | border: none; |
| 201 | 231 | } |
| 202 | 232 | |
| 203 | -body.formidable_page_formidable-pro-upgrade, | |
| 204 | 233 | body.post-type-frm_display.edit-php, |
| 205 | 234 | body.frm-white-body { |
| 206 | 235 | background: #fff; |
| 207 | 236 | } |
| @@ -219,8 +248,16 @@ | ||
| 219 | 248 | .frm-white-body .wrap #post-body { |
| 220 | 249 | padding: 0 20px; |
| 221 | 250 | } |
| 222 | 251 | |
| 252 | +.frm-grey-body #wpbody { | |
| 253 | + background: var(--grey-100); | |
| 254 | +} | |
| 255 | + | |
| 256 | +.frm-grey-body #frm_top_bar { | |
| 257 | + background: #fff; | |
| 258 | +} | |
| 259 | + | |
| 223 | 260 | .post-type-frm_display .tablenav, |
| 224 | 261 | .frm_wrap .tablenav { |
| 225 | 262 | margin-bottom: 10px; |
| 226 | 263 | } |
| @@ -271,8 +308,18 @@ | ||
| 271 | 308 | overflow: auto; |
| 272 | 309 | border: 1px solid var(--grey-300); |
| 273 | 310 | } |
| 274 | 311 | |
| 312 | +.frm_form_field.frm6_followed + p, | |
| 313 | +.frm_form_field.frm6_followed + div { | |
| 314 | + grid-column: span 6 / span 6; | |
| 315 | +} | |
| 316 | + | |
| 317 | +.frm_form_field.frm-phone-type + p > label, | |
| 318 | +.frm_form_field.frm-phone-type + div > label { | |
| 319 | + opacity: 0; /* Hide the label for the format input in the phone field. */ | |
| 320 | +} | |
| 321 | + | |
| 275 | 322 | .frm-short-list { |
| 276 | 323 | overflow: auto; |
| 277 | 324 | max-height: 190px; |
| 278 | 325 | } |
| @@ -331,8 +378,9 @@ | ||
| 331 | 378 | |
| 332 | 379 | .frm-white-body .wrap h2, |
| 333 | 380 | .frm-white-body h2 { |
| 334 | 381 | font-size: var(--text-lg); |
| 382 | + font-weight: 500; | |
| 335 | 383 | } |
| 336 | 384 | |
| 337 | 385 | .frm-white-body .wrap h3, |
| 338 | 386 | .frm-white-body h3 { |
| @@ -344,8 +392,35 @@ | ||
| 344 | 392 | font-size: var(--text-sm); |
| 345 | 393 | font-weight: 500; |
| 346 | 394 | } |
| 347 | 395 | |
| 396 | +/* Error modal */ | |
| 397 | +#frm_error_modal .frm_lock_simple { | |
| 398 | + padding: 20px; | |
| 399 | + border-radius: 50%; | |
| 400 | + background-color: var(--primary-25); | |
| 401 | + display: inline-block; | |
| 402 | +} | |
| 403 | + | |
| 404 | +#frm_error_modal #frm_lock_simple { | |
| 405 | + color: var(--primary-500); | |
| 406 | +} | |
| 407 | + | |
| 408 | +#frm_error_modal .frm-modal-title { | |
| 409 | + display: block; | |
| 410 | +} | |
| 411 | + | |
| 412 | +#frm_error_modal .frm-modal-title h2 { | |
| 413 | + font-weight: 600; | |
| 414 | + font-size: var(--text-xl); | |
| 415 | + margin: 0; | |
| 416 | +} | |
| 417 | + | |
| 418 | +#frm_error_modal .frm_modal_content { | |
| 419 | + padding: var(--gap-md); | |
| 420 | + color: var(--grey-900); | |
| 421 | +} | |
| 422 | + | |
| 348 | 423 | /* Override CSS in Views plugin. */ |
| 349 | 424 | .frm-views-editor-body .frm_page_container #frm_top_bar h1 { |
| 350 | 425 | padding: 0 !important; |
| 351 | 426 | color: var(--grey-900); |
| @@ -372,9 +447,9 @@ | ||
| 372 | 447 | } |
| 373 | 448 | |
| 374 | 449 | #frm_edit_box_content_modal .frm_modal_footer > div { |
| 375 | 450 | display: flex; |
| 376 | - justify-content: space-between; | |
| 451 | + justify-content: space-between; | |
| 377 | 452 | } |
| 378 | 453 | |
| 379 | 454 | #frm_edit_box_content_modal #frm_modal_box_select_area, |
| 380 | 455 | #frm_edit_box_content_modal #frm_box_content_wysiwyg_wrapper, |
| @@ -505,9 +580,8 @@ | ||
| 505 | 580 | .frm-nav-tabs a:active, |
| 506 | 581 | .frm_form_nav a:active, |
| 507 | 582 | .frm_form_nav a:focus { |
| 508 | 583 | outline: none; |
| 509 | - -webkit-box-shadow: none; | |
| 510 | 584 | box-shadow: none; |
| 511 | 585 | } |
| 512 | 586 | |
| 513 | 587 | .frm_form_nav > li > a { |
| @@ -567,9 +641,9 @@ | ||
| 567 | 641 | display: inline-flex; |
| 568 | 642 | gap: var(--gap-sm); |
| 569 | 643 | align-items: center; |
| 570 | 644 | text-align: left; |
| 571 | - width: 200px; | |
| 645 | + min-width: 200px; | |
| 572 | 646 | } |
| 573 | 647 | |
| 574 | 648 | #frm_top_bar h1 span { |
| 575 | 649 | max-width: 175px; |
| @@ -601,9 +675,9 @@ | ||
| 601 | 675 | border-left: 2px solid var(--grey); |
| 602 | 676 | } |
| 603 | 677 | |
| 604 | 678 | .frm_wrap > #frm_top_bar #frm-publishing { |
| 605 | - margin-top: 0; | |
| 679 | + margin-top: 0; | |
| 606 | 680 | } |
| 607 | 681 | |
| 608 | 682 | #frm-publishing { |
| 609 | 683 | min-width: 225px; |
| @@ -675,9 +749,11 @@ | ||
| 675 | 749 | position: static; |
| 676 | 750 | } |
| 677 | 751 | |
| 678 | 752 | .auto-fold.frm-admin-page-styles .frm_page_container, |
| 679 | -.auto-fold .frm_wrap .frm_page_container { | |
| 753 | +.auto-fold .frm_wrap .frm_page_container, | |
| 754 | +.frm-unfold.frm-admin-page-styles .frm_page_container, | |
| 755 | +.frm-unfold .frm_wrap .frm_page_container { | |
| 680 | 756 | left: 160px; |
| 681 | 757 | } |
| 682 | 758 | |
| 683 | 759 | .folded.frm-admin-page-styles .frm_page_container, |
| @@ -710,9 +786,9 @@ | ||
| 710 | 786 | } |
| 711 | 787 | |
| 712 | 788 | .columns-2 .frm-right-panel + div { |
| 713 | 789 | padding-bottom: var(--gap-md); |
| 714 | - border-left: 1px solid var(--sidebar-hover); | |
| 790 | + border-left: 1px solid var(--grey-300); | |
| 715 | 791 | } |
| 716 | 792 | |
| 717 | 793 | .columns-2 .frm-right-panel + div, |
| 718 | 794 | .frm_wrap #post-body-content { |
| @@ -810,9 +886,9 @@ | ||
| 810 | 886 | padding-left: 18px; |
| 811 | 887 | box-sizing: border-box; |
| 812 | 888 | } |
| 813 | 889 | |
| 814 | -#form_settings_page #frm_adv_info { | |
| 890 | +#form_settings_page #frm_adv_info, #frm_builder_page #frm_adv_info { | |
| 815 | 891 | display: none; |
| 816 | 892 | top: 0; |
| 817 | 893 | width: 310px; |
| 818 | 894 | max-height: 315px; |
| @@ -821,9 +897,10 @@ | ||
| 821 | 897 | z-index: 100; |
| 822 | 898 | } |
| 823 | 899 | |
| 824 | 900 | #form_global_settings .columns-2 .frm-right-panel, |
| 825 | -#form_settings_page .columns-2 .frm-right-panel { | |
| 901 | +#form_settings_page .columns-2 .frm-right-panel, | |
| 902 | +#wpbody-content .frm-page-skeleton .frm-right-panel { | |
| 826 | 903 | flex: 0 0 var(--small-sidebar); |
| 827 | 904 | width: var(--small-sidebar); |
| 828 | 905 | min-width: var(--small-sidebar); |
| 829 | 906 | } |
| @@ -926,9 +1003,10 @@ | ||
| 926 | 1003 | background-color: #fff; |
| 927 | 1004 | margin: 0 -4px; |
| 928 | 1005 | } |
| 929 | 1006 | |
| 930 | -.frm_form_settings span.frm-with-right-icon { | |
| 1007 | +.frm_form_settings span.frm-with-right-icon, | |
| 1008 | +#frm_builder_page .frm_has_shortcodes span.frm-with-right-icon:not(.frm_hidden) { | |
| 931 | 1009 | display: block; |
| 932 | 1010 | } |
| 933 | 1011 | |
| 934 | 1012 | .frm-inline-modal .frm-nav-tabs, |
| @@ -997,9 +1075,8 @@ | ||
| 997 | 1075 | .frm-right-panel h3 { |
| 998 | 1076 | color: var(--grey-700); |
| 999 | 1077 | font-size: var(--text-lg); |
| 1000 | 1078 | font-weight: 400; |
| 1001 | - border-top: 2px solid var(--sidebar-hover); | |
| 1002 | 1079 | margin: 0; |
| 1003 | 1080 | } |
| 1004 | 1081 | |
| 1005 | 1082 | .frm-single-settings > h3:first-of-type { |
| @@ -1108,18 +1185,13 @@ | ||
| 1108 | 1185 | .frm-admin-footer-links { |
| 1109 | 1186 | gap: var(--gap-2xs); |
| 1110 | 1187 | flex-direction: column; |
| 1111 | 1188 | text-align: center; |
| 1112 | - padding: var(--gap-xl) 0 var(--gap-lg) 160px; | |
| 1189 | + padding: var(--gap-xl) 0 var(--gap-lg); | |
| 1113 | 1190 | font-size: var(--text-xs); |
| 1114 | 1191 | color: var(--grey-400); |
| 1115 | 1192 | } |
| 1116 | 1193 | |
| 1117 | -body.rtl .frm-admin-footer-links { | |
| 1118 | - padding-left: unset; | |
| 1119 | - padding-right: 160px; | |
| 1120 | -} | |
| 1121 | - | |
| 1122 | 1194 | body.frm-hidden-overflow { |
| 1123 | 1195 | height: 100%; |
| 1124 | 1196 | overflow: hidden; |
| 1125 | 1197 | } |
| @@ -1222,8 +1294,9 @@ | ||
| 1222 | 1294 | .wp-core-ui.frm-white-body .button-secondary, |
| 1223 | 1295 | .frm-white-body .button-primary, |
| 1224 | 1296 | .frm-white-body .button-secondary, |
| 1225 | 1297 | #frm-form-button button, |
| 1298 | +.frm-form-button button, | |
| 1226 | 1299 | .frm-preview-buttons button, |
| 1227 | 1300 | .frm-button-red, |
| 1228 | 1301 | .frm-button-tertiary { |
| 1229 | 1302 | text-shadow: none; |
| @@ -1242,20 +1315,44 @@ | ||
| 1242 | 1315 | margin-bottom: 0; |
| 1243 | 1316 | display: inline-block; |
| 1244 | 1317 | } |
| 1245 | 1318 | |
| 1319 | +.frm-button-primary.frm-sharp, | |
| 1320 | +.frm-button-secondary.frm-sharp { | |
| 1321 | + border-radius: 12px !important; | |
| 1322 | +} | |
| 1323 | + | |
| 1324 | +.no-js.wp-core-ui .frm-search .button.hide-if-no-js, | |
| 1325 | +.js.wp-core-ui .frm-search .button.hide-if-js { | |
| 1326 | + display: none; | |
| 1327 | +} | |
| 1328 | + | |
| 1246 | 1329 | .frm-button-tertiary { |
| 1247 | 1330 | border-color: transparent; |
| 1248 | 1331 | color: var(--primary-500); |
| 1249 | 1332 | } |
| 1250 | 1333 | |
| 1334 | +.frm-button-tertiary:focus { | |
| 1335 | + outline: none; | |
| 1336 | +} | |
| 1337 | + | |
| 1338 | +.frm-button-tertiary.frm_loading_button::before { | |
| 1339 | + border-right-color: var(--grey); | |
| 1340 | + border-bottom-color: var(--grey); | |
| 1341 | +} | |
| 1342 | + | |
| 1251 | 1343 | .frm-button-red, |
| 1252 | 1344 | .frm-button-red:focus { |
| 1253 | - color: #fff !important; | |
| 1345 | + --primary-color: var(--error-500); | |
| 1254 | 1346 | --primary-500: var(--error-500); |
| 1255 | 1347 | --primary-700: var(--error-700); |
| 1256 | 1348 | } |
| 1257 | 1349 | |
| 1350 | +.frm-button-red:not(.frm-button-tertiary), | |
| 1351 | +.frm-button-red:not(.frm-button-tertiary):focus { | |
| 1352 | + color: #fff !important; | |
| 1353 | +} | |
| 1354 | + | |
| 1258 | 1355 | .frm-white-body h2 .button, |
| 1259 | 1356 | .post-type-frm_display h2 .frm-button-primary, |
| 1260 | 1357 | .frm-white-body .tablenav .button, |
| 1261 | 1358 | .frm-button-primary.frm-button-sm, |
| @@ -1318,20 +1415,27 @@ | ||
| 1318 | 1415 | background-color: var(--primary-500) !important; |
| 1319 | 1416 | color: #fff !important; |
| 1320 | 1417 | } |
| 1321 | 1418 | |
| 1322 | -.frm-button-primary.frm_large{ | |
| 1323 | - font-size: var(--text-md) !important; | |
| 1419 | +.frm-button-primary.frm_large, | |
| 1420 | +.frm-button-secondary.frm_large { | |
| 1324 | 1421 | height: auto !important; |
| 1325 | - padding: 9px 18px !important; | |
| 1422 | + padding: 12px 16px !important; | |
| 1326 | 1423 | } |
| 1327 | 1424 | |
| 1425 | +.frm-button-secondary.frm-small, | |
| 1426 | +.frm-button-primary.frm-small { | |
| 1427 | + font-size: var(--text-xs) !important; | |
| 1428 | + height: auto !important; | |
| 1429 | + padding: var(--gap-2xs) 12px !important; | |
| 1430 | +} | |
| 1431 | + | |
| 1328 | 1432 | .frm-button-primary i:before { |
| 1329 | 1433 | color: #fff; |
| 1330 | 1434 | } |
| 1331 | 1435 | |
| 1332 | -.wp-core-ui .button-primary.frm-button-primary:hover, | |
| 1333 | -.frm-button-primary:hover { | |
| 1436 | +.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover, | |
| 1437 | +.frm-button-primary:not([disabled]):hover { | |
| 1334 | 1438 | background: var(--primary-700) !important; |
| 1335 | 1439 | border-color: var(--primary-700) !important; |
| 1336 | 1440 | } |
| 1337 | 1441 | |
| @@ -1340,8 +1444,9 @@ | ||
| 1340 | 1444 | } |
| 1341 | 1445 | |
| 1342 | 1446 | .frm-white-body #search-submit, |
| 1343 | 1447 | #frm-form-button .frm_button_submit, |
| 1448 | +.frm-form-button .frm_button_submit, | |
| 1344 | 1449 | .frm-white-body .frm-preview-buttons button, |
| 1345 | 1450 | .frm-white-body .button:not(.frm-button-primary), |
| 1346 | 1451 | .wp-core-ui.frm-white-body .button-secondary, |
| 1347 | 1452 | .wp-core-ui .button-secondary.frm-button-secondary, |
| @@ -1434,11 +1539,22 @@ | ||
| 1434 | 1539 | width: 98%; |
| 1435 | 1540 | font-weight: normal |
| 1436 | 1541 | } |
| 1437 | 1542 | |
| 1543 | +.frm-dismissible a.dismiss:focus { | |
| 1544 | + box-shadow: none; | |
| 1545 | +} | |
| 1546 | +.frm-dismissible a.dismiss { | |
| 1547 | + top: 10px; | |
| 1548 | + right: 10px; | |
| 1549 | + position: absolute; | |
| 1550 | +} | |
| 1551 | +.frm-dismissible a.dismiss svg { | |
| 1552 | + color: var(--grey-800); | |
| 1553 | +} | |
| 1554 | + | |
| 1438 | 1555 | /* Review request */ |
| 1439 | -.frm-review-notice.notice { | |
| 1440 | - border: 1px solid #ddd; | |
| 1556 | +.frm-review-notice { | |
| 1441 | 1557 | text-align: center; |
| 1442 | 1558 | position: fixed !important; |
| 1443 | 1559 | z-index: 999; |
| 1444 | 1560 | bottom: 0; |
| @@ -1443,18 +1559,11 @@ | ||
| 1443 | 1559 | z-index: 999; |
| 1444 | 1560 | bottom: 0; |
| 1445 | 1561 | right: 0; |
| 1446 | 1562 | width: 400px; |
| 1563 | + box-shadow: var(--box-shadow-xxl) !important; | |
| 1447 | 1564 | } |
| 1448 | 1565 | |
| 1449 | -.frm-review-notice.notice form, | |
| 1450 | -.frm-review-notice.notice p { | |
| 1451 | - font-size: var(--text-sm); | |
| 1452 | - max-width: 600px; | |
| 1453 | - margin-left: auto; | |
| 1454 | - margin-right: auto; | |
| 1455 | -} | |
| 1456 | - | |
| 1457 | 1566 | .frm-review-notice a { |
| 1458 | 1567 | margin: 0 var(--gap-xs) !important; |
| 1459 | 1568 | } |
| 1460 | 1569 | |
| @@ -1462,17 +1571,25 @@ | ||
| 1462 | 1571 | .frm-review-notice .frm-button-secondary { |
| 1463 | 1572 | min-width: 100px; |
| 1464 | 1573 | } |
| 1465 | 1574 | |
| 1575 | +.frm-review-notice p { | |
| 1576 | + margin: 0 0 10px 0; | |
| 1577 | +} | |
| 1578 | + | |
| 1466 | 1579 | .frm-review-notice p > span { |
| 1467 | 1580 | font-size: 13px; |
| 1468 | 1581 | opacity: 0.75; |
| 1469 | 1582 | } |
| 1470 | 1583 | |
| 1471 | -#frmapi-feedback { | |
| 1584 | +.frm-review-notice #frmapi-feedback { | |
| 1472 | 1585 | margin-top: var(--gap-lg); |
| 1473 | 1586 | } |
| 1474 | 1587 | |
| 1588 | +.frm-review-notice #frmapi-feedback [class^="frm__"] { | |
| 1589 | + display: none; | |
| 1590 | +} | |
| 1591 | + | |
| 1475 | 1592 | .frm-review-notice .frm_error, |
| 1476 | 1593 | .frm-review-notice label { |
| 1477 | 1594 | color: #444; |
| 1478 | 1595 | text-align: left; |
| @@ -1482,14 +1599,32 @@ | ||
| 1482 | 1599 | font-size: var(--text-sm); |
| 1483 | 1600 | } |
| 1484 | 1601 | |
| 1485 | 1602 | .frm-floating-success-message { |
| 1603 | + position: fixed; | |
| 1604 | + z-index: 999; | |
| 1486 | 1605 | border-radius: 4px; |
| 1487 | - right: 10px !important; | |
| 1488 | - bottom: 10px !important; | |
| 1606 | + right: 10px; | |
| 1607 | + bottom: 10px; | |
| 1489 | 1608 | } |
| 1490 | 1609 | |
| 1610 | +.frm-box-shadow-xxl { | |
| 1611 | + box-shadow: var(--box-shadow-xxl) !important; | |
| 1612 | +} | |
| 1613 | + | |
| 1491 | 1614 | /* Generic Classes */ |
| 1615 | +.frm-text-grey-500 { | |
| 1616 | + color: var(--grey-500); | |
| 1617 | +} | |
| 1618 | + | |
| 1619 | +.frm-text-grey-700 { | |
| 1620 | + color: var(--grey-700); | |
| 1621 | +} | |
| 1622 | + | |
| 1623 | +.frm-text-grey-900 { | |
| 1624 | + color: var(--grey-900); | |
| 1625 | +} | |
| 1626 | + | |
| 1492 | 1627 | .frm_no_margin, /* deprecated */ |
| 1493 | 1628 | .frm-m-0 { |
| 1494 | 1629 | margin: 0 !important; |
| 1495 | 1630 | } |
| @@ -1495,9 +1630,8 @@ | ||
| 1495 | 1630 | } |
| 1496 | 1631 | |
| 1497 | 1632 | .frm-m-12 { |
| 1498 | 1633 | margin: var(--gap-2xl); |
| 1499 | - | |
| 1500 | 1634 | } |
| 1501 | 1635 | |
| 1502 | 1636 | .frm_no_top_margin, /* deprecated */ |
| 1503 | 1637 | .frm-mt-0 { |
| @@ -1503,13 +1637,49 @@ | ||
| 1503 | 1637 | .frm-mt-0 { |
| 1504 | 1638 | margin-top: 0 !important; |
| 1505 | 1639 | } |
| 1506 | 1640 | |
| 1641 | +.frm-mt-2xs { | |
| 1642 | + margin-top: var(--gap-2xs) !important; | |
| 1643 | +} | |
| 1644 | + | |
| 1645 | +.frm-mt-xs { | |
| 1646 | + margin-top: var(--gap-xs) !important; | |
| 1647 | +} | |
| 1648 | + | |
| 1649 | +.frm-mt-sm { | |
| 1650 | + margin-top: var(--gap-sm) !important; | |
| 1651 | +} | |
| 1652 | + | |
| 1653 | +.frm-mt-md { | |
| 1654 | + margin-top: var(--gap-md) !important; | |
| 1655 | +} | |
| 1656 | + | |
| 1657 | +.frm-mt-lg { | |
| 1658 | + margin-top: var(--gap-lg) !important; | |
| 1659 | +} | |
| 1660 | + | |
| 1661 | +.frm-mt-2xl { | |
| 1662 | + margin-top: var(--gap-2xl) !important; | |
| 1663 | +} | |
| 1664 | + | |
| 1665 | +.frm-mt-auto { | |
| 1666 | + margin-top: auto !important; | |
| 1667 | +} | |
| 1668 | + | |
| 1507 | 1669 | .frm_no_bottom_margin, /* deprecated */ |
| 1508 | 1670 | .frm-mb-0 { |
| 1509 | 1671 | margin-bottom: 0 !important; |
| 1510 | 1672 | } |
| 1511 | 1673 | |
| 1674 | +.frm-mb-2xs { | |
| 1675 | + margin-bottom: var(--gap-2xs) !important; | |
| 1676 | +} | |
| 1677 | + | |
| 1678 | +.frm-mb-xs { | |
| 1679 | + margin-bottom: var(--gap-xs) !important; | |
| 1680 | +} | |
| 1681 | + | |
| 1512 | 1682 | .frm-mb-sm { |
| 1513 | 1683 | margin-bottom: var(--gap-sm) !important; |
| 1514 | 1684 | } |
| 1515 | 1685 | |
| @@ -1520,37 +1690,156 @@ | ||
| 1520 | 1690 | .frm-mb-lg { |
| 1521 | 1691 | margin-bottom: var(--gap-lg) !important; |
| 1522 | 1692 | } |
| 1523 | 1693 | |
| 1694 | +.frm-ml-2xs { | |
| 1695 | + margin-left: var(--gap-2xs) !important; | |
| 1696 | +} | |
| 1697 | + | |
| 1698 | +.frm-ml-xs { | |
| 1699 | + margin-left: var(--gap-xs) !important; | |
| 1700 | +} | |
| 1701 | + | |
| 1702 | +.frm-ml-auto { | |
| 1703 | + margin-left: auto; | |
| 1704 | +} | |
| 1705 | + | |
| 1706 | +.frm-mr-auto { | |
| 1707 | + margin-right: auto; | |
| 1708 | +} | |
| 1709 | + | |
| 1710 | +.frm-mx-0 { | |
| 1711 | + margin-left: 0 !important; | |
| 1712 | + margin-right: 0 !important; | |
| 1713 | +} | |
| 1714 | + | |
| 1715 | +.frm-mx-xs { | |
| 1716 | + margin-left: var(--gap-xs) !important; | |
| 1717 | + margin-right: var(--gap-xs) !important; | |
| 1718 | +} | |
| 1719 | + | |
| 1524 | 1720 | .frm-mx-sm { |
| 1525 | 1721 | margin-left: var(--gap-sm) !important; |
| 1526 | 1722 | margin-right: var(--gap-sm) !important; |
| 1527 | 1723 | } |
| 1528 | 1724 | |
| 1725 | +.frm-p-0 { | |
| 1726 | + padding: 0 !important; | |
| 1727 | +} | |
| 1728 | + | |
| 1529 | 1729 | .frm-p-1 { |
| 1530 | 1730 | padding: 4px; |
| 1531 | 1731 | } |
| 1532 | 1732 | |
| 1733 | +.frm-p-sm, | |
| 1533 | 1734 | .frm-p-4 { |
| 1534 | - padding: var(--gap-sm); | |
| 1735 | + padding: var(--gap-sm) !important; | |
| 1535 | 1736 | } |
| 1536 | 1737 | |
| 1537 | -.frm-p-6 { | |
| 1538 | - padding: var(--gap-md); | |
| 1738 | +.frm-p-sm { | |
| 1739 | + padding: var(--gap-sm) !important; | |
| 1539 | 1740 | } |
| 1540 | 1741 | |
| 1742 | +.frm-p-6, | |
| 1743 | +.frm-p-md { | |
| 1744 | + padding: var(--gap-md) !important; | |
| 1745 | +} | |
| 1746 | + | |
| 1747 | +.frm-p-xl { | |
| 1748 | + padding: var(--gap-xl) !important; | |
| 1749 | +} | |
| 1750 | + | |
| 1751 | +.frm-px-0 { | |
| 1752 | + padding-left: 0 !important; | |
| 1753 | + padding-right: 0 !important; | |
| 1754 | +} | |
| 1755 | + | |
| 1756 | +.frm-py-0 { | |
| 1757 | + padding-top: 0 !important; | |
| 1758 | + padding-bottom: 0 !important; | |
| 1759 | +} | |
| 1760 | + | |
| 1761 | +.frm-py-2xs { | |
| 1762 | + padding-top: var(--gap-2xs) !important; | |
| 1763 | + padding-bottom: var(--gap-2xs) !important; | |
| 1764 | +} | |
| 1765 | + | |
| 1766 | +.frm-py-sm { | |
| 1767 | + padding-top: var(--gap-sm) !important; | |
| 1768 | + padding-bottom: var(--gap-sm) !important; | |
| 1769 | +} | |
| 1770 | + | |
| 1771 | +.frm-pt-sm { | |
| 1772 | + padding-top: var(--gap-sm) !important; | |
| 1773 | +} | |
| 1774 | + | |
| 1775 | +.frm-pt-xl { | |
| 1776 | + padding-top: var(--gap-xl) !important; | |
| 1777 | +} | |
| 1778 | + | |
| 1779 | +.frm-pb-md { | |
| 1780 | + padding-bottom: var(--gap-md) !important; | |
| 1781 | +} | |
| 1782 | +.frm-pb-sm { | |
| 1783 | + padding-bottom: var(--gap-sm) !important; | |
| 1784 | +} | |
| 1785 | +.frm-px-md { | |
| 1786 | + padding-right: var(--gap-md) !important; | |
| 1787 | + padding-left: var(--gap-md) !important; | |
| 1788 | +} | |
| 1789 | + | |
| 1790 | +.frm-text-xs { | |
| 1791 | + font-size: var(--text-xs) !important; | |
| 1792 | +} | |
| 1793 | + | |
| 1794 | +.frm-text-sm { | |
| 1795 | + font-size: var(--text-sm) !important; | |
| 1796 | +} | |
| 1797 | + | |
| 1541 | 1798 | .frm-text-md { |
| 1542 | - font-size: var(--text-md); | |
| 1799 | + font-size: var(--text-md) !important; | |
| 1543 | 1800 | } |
| 1544 | 1801 | |
| 1545 | 1802 | .frm-text-lg { |
| 1546 | - font-size: var(--text-lg); | |
| 1803 | + font-size: var(--text-lg) !important; | |
| 1547 | 1804 | } |
| 1548 | 1805 | |
| 1549 | 1806 | .frm-text-xl { |
| 1550 | - font-size: var(--text-xl); | |
| 1807 | + font-size: var(--text-xl) !important; | |
| 1551 | 1808 | } |
| 1552 | 1809 | |
| 1810 | +.frm-capitalize { | |
| 1811 | + text-transform: capitalize; | |
| 1812 | +} | |
| 1813 | + | |
| 1814 | +.frm-font-medium { | |
| 1815 | + font-weight: 500 !important; | |
| 1816 | +} | |
| 1817 | + | |
| 1818 | +.frm-font-semibold { | |
| 1819 | + font-weight: 600 !important; | |
| 1820 | +} | |
| 1821 | + | |
| 1822 | +.frm-truncate { | |
| 1823 | + overflow: hidden; | |
| 1824 | + text-overflow: ellipsis; | |
| 1825 | + white-space: nowrap; | |
| 1826 | +} | |
| 1827 | + | |
| 1828 | +[class*="frm-line-clamp-"] { | |
| 1829 | + overflow: hidden; | |
| 1830 | + display: -webkit-box; | |
| 1831 | + -webkit-box-orient: vertical; | |
| 1832 | +} | |
| 1833 | + | |
| 1834 | +.frm-line-clamp-2 { | |
| 1835 | + -webkit-line-clamp: 2; | |
| 1836 | +} | |
| 1837 | + | |
| 1838 | +.frm-rounded-sm { | |
| 1839 | + border-radius: var(--small-radius) !important; | |
| 1840 | +} | |
| 1841 | + | |
| 1553 | 1842 | .frm-w-auto { |
| 1554 | 1843 | width: auto !important; |
| 1555 | 1844 | } |
| 1556 | 1845 | |
| @@ -1557,13 +1846,67 @@ | ||
| 1557 | 1846 | .frm-w-full { |
| 1558 | 1847 | width: 100% !important; |
| 1559 | 1848 | } |
| 1560 | 1849 | |
| 1850 | +.frm_block, /* deprecated */ | |
| 1851 | +.frm-block { | |
| 1852 | + display: block; | |
| 1853 | +} | |
| 1854 | + | |
| 1855 | +.frm_inline { | |
| 1856 | + display: inline; | |
| 1857 | +} | |
| 1858 | + | |
| 1859 | +.frm_inline_block { | |
| 1860 | + display: inline-block !important; | |
| 1861 | +} | |
| 1862 | + | |
| 1863 | +.frm-inline-flex { | |
| 1864 | + display: inline-flex; | |
| 1865 | +} | |
| 1866 | + | |
| 1867 | +.frm-flex { | |
| 1868 | + display: flex; | |
| 1869 | +} | |
| 1870 | + | |
| 1871 | +.frm_hidden, | |
| 1872 | +.js .frm-hide-js { | |
| 1873 | + display: none; | |
| 1874 | +} | |
| 1875 | + | |
| 1561 | 1876 | .frm-flex-box { |
| 1562 | 1877 | display: flex; |
| 1563 | 1878 | gap: var(--gap-sm); |
| 1564 | 1879 | } |
| 1565 | 1880 | |
| 1881 | + | |
| 1882 | +.frm-flex-col { | |
| 1883 | + display: flex; | |
| 1884 | + flex-direction: column; | |
| 1885 | +} | |
| 1886 | + | |
| 1887 | +.frm-flex-full { | |
| 1888 | + flex: 1; | |
| 1889 | +} | |
| 1890 | + | |
| 1891 | +.frm-flex-center { | |
| 1892 | + display: flex; | |
| 1893 | + justify-content: center; | |
| 1894 | + align-items: center; | |
| 1895 | +} | |
| 1896 | + | |
| 1897 | +.frm-shrink-0 { | |
| 1898 | + flex-shrink: 0; | |
| 1899 | +} | |
| 1900 | + | |
| 1901 | +.frm-gap-0 { | |
| 1902 | + gap: 0 !important; | |
| 1903 | +} | |
| 1904 | + | |
| 1905 | +.frm-gap-2xs { | |
| 1906 | + gap: var(--gap-2xs); | |
| 1907 | +} | |
| 1908 | + | |
| 1566 | 1909 | .frm-gap-xs { |
| 1567 | 1910 | gap: var(--gap-xs); |
| 1568 | 1911 | } |
| 1569 | 1912 | |
| @@ -1574,12 +1917,28 @@ | ||
| 1574 | 1917 | .frm-gap-md { |
| 1575 | 1918 | gap: var(--gap-md); |
| 1576 | 1919 | } |
| 1577 | 1920 | |
| 1921 | +.frm-gap-xl { | |
| 1922 | + gap: var(--gap-xl); | |
| 1923 | +} | |
| 1924 | + | |
| 1925 | +.frm-justify-center { | |
| 1926 | + justify-content: center !important; | |
| 1927 | +} | |
| 1928 | + | |
| 1578 | 1929 | .frm-justify-between { |
| 1579 | 1930 | justify-content: space-between; |
| 1580 | 1931 | } |
| 1581 | 1932 | |
| 1933 | +.frm-justify-end { | |
| 1934 | + justify-content: end; | |
| 1935 | +} | |
| 1936 | + | |
| 1937 | +.frm-items-center { | |
| 1938 | + align-items: center; | |
| 1939 | +} | |
| 1940 | + | |
| 1582 | 1941 | .frm-transition-ease { |
| 1583 | 1942 | transition: all .2s ease; |
| 1584 | 1943 | } |
| 1585 | 1944 | |
| @@ -1591,25 +1950,8 @@ | ||
| 1591 | 1950 | .frm_no_float { |
| 1592 | 1951 | float: none; |
| 1593 | 1952 | } |
| 1594 | 1953 | |
| 1595 | -.frm_block, /* deprecated */ | |
| 1596 | -.frm-block { | |
| 1597 | - display: block; | |
| 1598 | -} | |
| 1599 | - | |
| 1600 | -.frm_inline { | |
| 1601 | - display: inline; | |
| 1602 | -} | |
| 1603 | - | |
| 1604 | -.frm_inline_block { | |
| 1605 | - display: inline-block !important; | |
| 1606 | -} | |
| 1607 | - | |
| 1608 | -.frm_hidden { | |
| 1609 | - display: none; | |
| 1610 | -} | |
| 1611 | - | |
| 1612 | 1954 | .frm-text-right { |
| 1613 | 1955 | text-align: right; |
| 1614 | 1956 | } |
| 1615 | 1957 | |
| @@ -1627,8 +1969,17 @@ | ||
| 1627 | 1969 | |
| 1628 | 1970 | .frm-on-bottom { |
| 1629 | 1971 | z-index: -1; |
| 1630 | 1972 | } |
| 1973 | + | |
| 1974 | +.frm-rotate-90 { | |
| 1975 | + transform: rotate(90deg); | |
| 1976 | +} | |
| 1977 | + | |
| 1978 | +.frm-cursor-pointer { | |
| 1979 | + cursor: pointer; | |
| 1980 | +} | |
| 1981 | + | |
| 1631 | 1982 | /* End Generic Classes, Start Forced Generic Classes */ |
| 1632 | 1983 | |
| 1633 | 1984 | .frm-fields p > label.frm_hidden, |
| 1634 | 1985 | .frm-lookup-modal .dismiss, |
| @@ -1664,8 +2015,35 @@ | ||
| 1664 | 2015 | } |
| 1665 | 2016 | |
| 1666 | 2017 | /* End Forced Generic Classes */ |
| 1667 | 2018 | |
| 2019 | +/* Start Helper Classes */ | |
| 2020 | +.frm-vertical-line { | |
| 2021 | + display: inline-block; | |
| 2022 | + width: 1px; | |
| 2023 | + height: 12px; | |
| 2024 | + background-color: var(--grey-300); | |
| 2025 | +} | |
| 2026 | + | |
| 2027 | +.frm-admin-full-screen #adminmenumain, | |
| 2028 | +.frm-admin-full-screen #wpadminbar, | |
| 2029 | +.frm-admin-full-screen #adminmenuback, | |
| 2030 | +.frm-admin-full-screen #adminmenuwrap, | |
| 2031 | +.frm-admin-full-screen #wpfooter { | |
| 2032 | + display: none; | |
| 2033 | +} | |
| 2034 | + | |
| 2035 | +.frm-admin-full-screen #wpcontent, | |
| 2036 | +.frm-admin-full-screen.auto-fold #wpcontent { | |
| 2037 | + margin: 0; | |
| 2038 | + padding: 0; | |
| 2039 | +} | |
| 2040 | + | |
| 2041 | +.frm-admin-full-screen.appearance_page_starter-templates #wpbody-content { | |
| 2042 | + padding: 0; | |
| 2043 | +} | |
| 2044 | +/* End Helper Classes */ | |
| 2045 | + | |
| 1668 | 2046 | .frm_forms.with_frm_style { |
| 1669 | 2047 | max-width: 100%; |
| 1670 | 2048 | } |
| 1671 | 2049 | |
| @@ -1736,9 +2114,10 @@ | ||
| 1736 | 2114 | .frm_on_submit_type > label, |
| 1737 | 2115 | .post-type-frm_display .frm_form_field > label, |
| 1738 | 2116 | #new_fields .frm_primary_label, |
| 1739 | 2117 | #form_global_settings .frm_primary_label, |
| 1740 | -#frm_form_editor_container .frm_primary_label { | |
| 2118 | +#frm_form_editor_container .frm_primary_label, | |
| 2119 | +#permissions_settings_settings .frm_primary_label { | |
| 1741 | 2120 | color: var(--grey-700); |
| 1742 | 2121 | margin: 0 0 3px; |
| 1743 | 2122 | padding: 0; |
| 1744 | 2123 | width: auto; |
| @@ -1746,8 +2125,12 @@ | ||
| 1746 | 2125 | display: block; |
| 1747 | 2126 | line-height: var(--leading); |
| 1748 | 2127 | } |
| 1749 | 2128 | |
| 2129 | +#frm_form_editor_container #frm-show-fields .frm_primary_label { | |
| 2130 | + min-height: 21px; | |
| 2131 | +} | |
| 2132 | + | |
| 1750 | 2133 | .frm-fields td input + label { |
| 1751 | 2134 | display: inline; |
| 1752 | 2135 | } |
| 1753 | 2136 | |
| @@ -1813,9 +2196,9 @@ | ||
| 1813 | 2196 | margin: 0; |
| 1814 | 2197 | } |
| 1815 | 2198 | |
| 1816 | 2199 | .frm_error { |
| 1817 | - color: #B94A48; | |
| 2200 | + color: #F04438; | |
| 1818 | 2201 | } |
| 1819 | 2202 | |
| 1820 | 2203 | form .frm_blank_field input, |
| 1821 | 2204 | form .frm_blank_field textarea, |
| @@ -1821,17 +2204,17 @@ | ||
| 1821 | 2204 | form .frm_blank_field textarea, |
| 1822 | 2205 | form .frm_blank_field select, |
| 1823 | 2206 | form .frm_blank_field .frm-g-recaptcha iframe, |
| 1824 | 2207 | form .frm_blank_field .g-recaptcha iframe { |
| 1825 | - border-color: #B94A48; | |
| 2208 | + border-color: #F04438; | |
| 1826 | 2209 | } |
| 1827 | 2210 | |
| 1828 | 2211 | form .frm_blank_field label { |
| 1829 | - color: #B94A48; | |
| 2212 | + color: #F04438; | |
| 1830 | 2213 | } |
| 1831 | 2214 | |
| 1832 | 2215 | .frm_required { |
| 1833 | - color: #B94A48; | |
| 2216 | + color: #F04438; | |
| 1834 | 2217 | } |
| 1835 | 2218 | |
| 1836 | 2219 | .with_frm_style .wp-editor-container textarea, |
| 1837 | 2220 | .postbox .wp-editor-container textarea, |
| @@ -1853,13 +2236,9 @@ | ||
| 1853 | 2236 | position: relative; |
| 1854 | 2237 | } |
| 1855 | 2238 | |
| 1856 | 2239 | .frm-license-input span { |
| 1857 | - position: absolute; | |
| 1858 | - right: 0; | |
| 1859 | - top: 5px; | |
| 1860 | - padding: 0 10px; | |
| 1861 | - font-size: 15px; | |
| 2240 | + font-size: var(--text-sm); | |
| 1862 | 2241 | } |
| 1863 | 2242 | |
| 1864 | 2243 | .frm-license-input .frmsvg { |
| 1865 | 2244 | width: 20px; |
| @@ -1925,14 +2304,14 @@ | ||
| 1925 | 2304 | clear: both; |
| 1926 | 2305 | } |
| 1927 | 2306 | |
| 1928 | 2307 | .frm_error_style a { |
| 1929 | - text-decoration: underline; | |
| 1930 | - font-weight: 600; | |
| 2308 | + text-decoration: underline; | |
| 2309 | + font-weight: 600; | |
| 1931 | 2310 | } |
| 1932 | 2311 | |
| 1933 | 2312 | .frm_error_style svg { |
| 1934 | - opacity: .7; | |
| 2313 | + opacity: .7; | |
| 1935 | 2314 | } |
| 1936 | 2315 | |
| 1937 | 2316 | .frm_warning_style { |
| 1938 | 2317 | color: #7A4D05; |
| @@ -2076,45 +2455,83 @@ | ||
| 2076 | 2455 | max-width: 850px; |
| 2077 | 2456 | margin: 5px 0 20px; |
| 2078 | 2457 | } |
| 2079 | 2458 | |
| 2080 | -.frm-admin-page-addons #frm-using-lite { | |
| 2081 | - display: none; | |
| 2459 | +/* Card Components */ | |
| 2460 | +.frm-card { | |
| 2461 | + width: 100%; | |
| 2462 | + border-radius: 10px; | |
| 2463 | + border: 1px solid var(--grey-300); | |
| 2464 | + opacity: 1; | |
| 2465 | + transition: opacity 1s; | |
| 2082 | 2466 | } |
| 2083 | 2467 | |
| 2084 | -.frm-admin-page-addons .frm-search { | |
| 2085 | - margin-top: 0; | |
| 2468 | +.frm-card-box { | |
| 2469 | + max-width: 524px; | |
| 2470 | + background-color: #fff; | |
| 2471 | + border-radius: var(--medium-radius); | |
| 2472 | + padding: var(--gap-xl); | |
| 2473 | + border: 1px solid var(--grey-200); | |
| 2474 | + box-shadow: var(--box-shadow-md); | |
| 2086 | 2475 | } |
| 2087 | 2476 | |
| 2088 | -.frm-addons { | |
| 2089 | - margin-top: var(--gap-lg); | |
| 2090 | - display: grid; | |
| 2091 | - grid-template-columns: 1fr 1fr 1fr; | |
| 2092 | - grid-gap: var(--gap-md); | |
| 2477 | +.frm-card-box.frm-has-progress-bar { | |
| 2478 | + position: relative; | |
| 2479 | + overflow: hidden; | |
| 2480 | + border-radius: var(--medium-radius); | |
| 2093 | 2481 | } |
| 2094 | 2482 | |
| 2095 | -.frm-addons, | |
| 2096 | -.frm-addons h2, | |
| 2097 | -.frm-addons h3 { | |
| 2098 | - color: var(--grey-700); | |
| 2483 | +.frm-card-box-progress-bar { | |
| 2484 | + position: absolute; | |
| 2485 | + top: 0; | |
| 2486 | + left: 0; | |
| 2487 | + right: 0; | |
| 2488 | + height: var(--gap-xs); | |
| 2489 | + background-color: var(--primary-25); | |
| 2099 | 2490 | } |
| 2100 | 2491 | |
| 2101 | -.frm-addons h2 { | |
| 2102 | - font-size: 17px; | |
| 2492 | +.frm-card-box-progress-bar > span { | |
| 2493 | + position: absolute; | |
| 2494 | + top: 0; | |
| 2495 | + left: 0; | |
| 2496 | + bottom: 0; | |
| 2497 | + width: 33%; | |
| 2498 | + background-color: var(--primary-500); | |
| 2103 | 2499 | } |
| 2104 | 2500 | |
| 2105 | -.frm-addons h3 { | |
| 2106 | - margin-top: 0; | |
| 2501 | +.frm-card-box-header { | |
| 2502 | + display: flex; | |
| 2503 | + justify-content: center; | |
| 2504 | + margin-bottom: var(--gap-sm); | |
| 2107 | 2505 | } |
| 2108 | 2506 | |
| 2109 | -.frm-card { | |
| 2110 | - width: 100%; | |
| 2111 | - border-radius: 10px; | |
| 2112 | - border: 1px solid var(--grey-300); | |
| 2113 | - opacity: 1; | |
| 2114 | - transition: opacity 1s; | |
| 2507 | +.frm-card-box.frm-has-progress-bar .frm-card-box-header { | |
| 2508 | + margin-top: var(--gap-xs); | |
| 2115 | 2509 | } |
| 2116 | 2510 | |
| 2511 | +.frm-card-box-content > :last-child { | |
| 2512 | + margin-bottom: 0; | |
| 2513 | +} | |
| 2514 | + | |
| 2515 | +.frm-card-box-footer { | |
| 2516 | + display: flex; | |
| 2517 | + justify-content: end; | |
| 2518 | + gap: var(--gap-sm); | |
| 2519 | + margin-top: var(--gap-lg); | |
| 2520 | +} | |
| 2521 | + | |
| 2522 | +.frm-card-box-title { | |
| 2523 | + font-size: var(--text-xl) !important; | |
| 2524 | + font-weight: 600 !important; | |
| 2525 | + margin-bottom: var(--gap-xs); | |
| 2526 | +} | |
| 2527 | + | |
| 2528 | +.frm-card-box-text { | |
| 2529 | + font-size: var(--text-md) !important; | |
| 2530 | + color: var(--grey-600) !important; | |
| 2531 | + margin-top: 0 !important; | |
| 2532 | +} | |
| 2533 | + | |
| 2117 | 2534 | .frm-fade { |
| 2118 | 2535 | opacity: 0; |
| 2119 | 2536 | transition: all 1s; |
| 2120 | 2537 | } |
| @@ -2139,8 +2556,13 @@ | ||
| 2139 | 2556 | .frm-addons .plugin-card-top p { |
| 2140 | 2557 | opacity: 0.8; |
| 2141 | 2558 | } |
| 2142 | 2559 | |
| 2560 | +.frm-addons .plugin-card-top > :not(p):not(h2) { | |
| 2561 | + /* Hide notices from third party plugins */ | |
| 2562 | + display: none; | |
| 2563 | +} | |
| 2564 | + | |
| 2143 | 2565 | .frm-addons .plugin-card-bottom { |
| 2144 | 2566 | padding: 5px 20px 20px; |
| 2145 | 2567 | text-align: center; |
| 2146 | 2568 | background: transparent; |
| @@ -2151,9 +2573,10 @@ | ||
| 2151 | 2573 | .frm-addons .plugin-card-bottom .button { |
| 2152 | 2574 | font-size: 15px; |
| 2153 | 2575 | } |
| 2154 | 2576 | |
| 2155 | -.frm-addons .button { | |
| 2577 | +.frm-addons .button, | |
| 2578 | +.frm-addons .frm-button-tertiary { | |
| 2156 | 2579 | float: right; |
| 2157 | 2580 | } |
| 2158 | 2581 | |
| 2159 | 2582 | .frm-addons .addon-status { |
| @@ -2160,10 +2583,19 @@ | ||
| 2160 | 2583 | float: left; |
| 2161 | 2584 | padding-top: 4px; |
| 2162 | 2585 | } |
| 2163 | 2586 | |
| 2164 | -.frm-addon-active .button { | |
| 2165 | - visibility: hidden; | |
| 2587 | +.frm-addon-not-installed .frm-activate-addon, | |
| 2588 | +.frm-addon-not-installed .frm-deactivate-addon, | |
| 2589 | +.frm-addon-not-installed .frm-uninstall-addon, | |
| 2590 | +.frm-addon-installed .frm-install-addon, | |
| 2591 | +.frm-addon-installed .frm-deactivate-addon, | |
| 2592 | +.frm-addon-active .frm-activate-addon, | |
| 2593 | +.frm-addon-active .frm-install-addon, | |
| 2594 | +.frm-addon-active .frm-uninstall-addon, | |
| 2595 | +.plugin-card-pro.frm-addon-active .button, | |
| 2596 | +.plugin-card-pro.frm-addon-active .frm-button-tertiary { | |
| 2597 | + display: none !important; | |
| 2166 | 2598 | } |
| 2167 | 2599 | |
| 2168 | 2600 | .frm-save-and-reload-options { |
| 2169 | 2601 | margin-top: 10px; |
| @@ -2194,12 +2626,8 @@ | ||
| 2194 | 2626 | } |
| 2195 | 2627 | |
| 2196 | 2628 | /* Form Templates */ |
| 2197 | 2629 | |
| 2198 | -.frm-featured-form .frm-inner-circle { | |
| 2199 | - margin: 0 auto 5px; | |
| 2200 | -} | |
| 2201 | - | |
| 2202 | 2630 | .frm-new-template.plugin-card-bottom { |
| 2203 | 2631 | overflow: visible; |
| 2204 | 2632 | } |
| 2205 | 2633 | |
| @@ -2210,12 +2638,13 @@ | ||
| 2210 | 2638 | .frm-admin-page-formidableedit #wpbody-content > *:not(.frm-review-notice):not(.frm_previous_install):not(.frm-banner-alert), |
| 2211 | 2639 | #wpbody-content > .updated, |
| 2212 | 2640 | #wpbody-content > #update-nag, |
| 2213 | 2641 | #wpbody-content > .update-nag, |
| 2214 | -#wpbody-content > .notice:not(.frm-review-notice), | |
| 2642 | +#wpbody-content > .notice, | |
| 2215 | 2643 | #wpbody-content > .error:not(.frm_previous_install), |
| 2216 | 2644 | .frm-white-body .updated, |
| 2217 | -.frm-white-body .notice:not(.frm-review-notice), | |
| 2645 | +.frm-white-body .notice, | |
| 2646 | +.frm_wrap > .wrap > .notice, | |
| 2218 | 2647 | .frm-white-body .error:not(.frm_previous_install) |
| 2219 | 2648 | { |
| 2220 | 2649 | display: none; |
| 2221 | 2650 | } |
| @@ -2224,16 +2653,14 @@ | ||
| 2224 | 2653 | display: block !important; |
| 2225 | 2654 | } |
| 2226 | 2655 | |
| 2227 | 2656 | .frm-white-body .updated, |
| 2228 | -.frm-white-body .notice, | |
| 2229 | 2657 | .frm-white-body .error { |
| 2230 | 2658 | margin: 0; |
| 2231 | 2659 | padding: 10px 20px; |
| 2232 | 2660 | } |
| 2233 | 2661 | |
| 2234 | -.frm-modal .postbox, | |
| 2235 | -#frm_new_form_modal .postbox { | |
| 2662 | +.frm-modal:not(#frm-dismissable-cta) .postbox { | |
| 2236 | 2663 | max-height: 600px; |
| 2237 | 2664 | overflow: hidden; |
| 2238 | 2665 | margin-bottom: 0; |
| 2239 | 2666 | } |
| @@ -2238,27 +2665,41 @@ | ||
| 2238 | 2665 | margin-bottom: 0; |
| 2239 | 2666 | } |
| 2240 | 2667 | |
| 2241 | 2668 | .frm-modal .postbox .frm_modal_top, |
| 2242 | -.frm-dialog .frm_common_modal .postbox > div:first-child { | |
| 2669 | +.frm-dialog .frm_common_modal .postbox > div:first-child, | |
| 2670 | +.frm-error-modal .frm_modal_top { | |
| 2243 | 2671 | padding: var(--gap-md) var(--gap-md) 0; |
| 2244 | 2672 | position: relative; |
| 2245 | 2673 | } |
| 2246 | 2674 | |
| 2675 | +.frm-modal h2, | |
| 2676 | +.frm-modal .postbox .inside h2, /* Override WP. */ | |
| 2247 | 2677 | .frm-modal .postbox .frm-modal-title, |
| 2248 | -.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child { | |
| 2678 | +.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child, | |
| 2679 | +.frm-error-modal .frm-modal-title { | |
| 2249 | 2680 | display: inline-block; |
| 2250 | - font-size: var(--text-xl); | |
| 2681 | + font-size: var(--text-lg); | |
| 2251 | 2682 | color: var(--grey-900); |
| 2683 | + font-weight: 600; | |
| 2684 | + margin: 0; | |
| 2685 | + padding: 0; | |
| 2252 | 2686 | } |
| 2253 | 2687 | |
| 2688 | +.frm-modal h3 { | |
| 2689 | + font-weight: 500; | |
| 2690 | +} | |
| 2691 | + | |
| 2692 | +/* Dismiss icon button */ | |
| 2693 | + | |
| 2254 | 2694 | .frm-inline-modal > a.dismiss, |
| 2255 | 2695 | .frm-modal .postbox > a.dismiss, |
| 2256 | 2696 | .frm-modal .postbox .frm-modal-title + div:last-child, |
| 2257 | 2697 | .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { |
| 2258 | 2698 | position: absolute; |
| 2259 | - right: 30px; | |
| 2260 | - top: 25px; | |
| 2699 | + top: 19px; | |
| 2700 | + right: 19px; | |
| 2701 | + display: flex; | |
| 2261 | 2702 | z-index: 2; |
| 2262 | 2703 | } |
| 2263 | 2704 | |
| 2264 | 2705 | body.rtl .frm-inline-modal > a.dismiss, |
| @@ -2277,11 +2718,17 @@ | ||
| 2277 | 2718 | |
| 2278 | 2719 | .frm-modal .postbox .frm-modal-title + div:last-child a, |
| 2279 | 2720 | .frm-modal a.dismiss .frmsvg, |
| 2280 | 2721 | .frm_common_modal .frm_modal_top a .frmsvg { |
| 2281 | - color: var(--grey-900); | |
| 2722 | + color: var(--grey-500); | |
| 2282 | 2723 | } |
| 2283 | 2724 | |
| 2725 | +.frm-modal .postbox .frm-modal-title + div:last-child a:hover, | |
| 2726 | +.frm-modal a.dismiss .frmsvg:hover, | |
| 2727 | +.frm_common_modal .frm_modal_top a .frmsvg:hover { | |
| 2728 | + color: var(--grey-700); | |
| 2729 | +} | |
| 2730 | + | |
| 2284 | 2731 | .frm-modal .frm_modal_content > div.inside, |
| 2285 | 2732 | .frm_common_modal .frm_modal_content > div.inside { |
| 2286 | 2733 | padding: var(--gap-md); |
| 2287 | 2734 | margin: 0; |
| @@ -2288,8 +2735,12 @@ | ||
| 2288 | 2735 | font-size: var(--text-sm); |
| 2289 | 2736 | color: var(--grey-700); |
| 2290 | 2737 | } |
| 2291 | 2738 | |
| 2739 | +.frm-modal p { | |
| 2740 | + color: var(--grey-900); | |
| 2741 | +} | |
| 2742 | + | |
| 2292 | 2743 | .frm_common_modal .postbox { |
| 2293 | 2744 | display: flex; |
| 2294 | 2745 | flex-direction: column; |
| 2295 | 2746 | } |
| @@ -2296,9 +2747,8 @@ | ||
| 2296 | 2747 | |
| 2297 | 2748 | .frm-modal .postbox > div.inside .cta-inside { |
| 2298 | 2749 | overflow-y: auto; |
| 2299 | 2750 | height: auto; |
| 2300 | - padding: 0 var(--gap-sm); | |
| 2301 | 2751 | } |
| 2302 | 2752 | |
| 2303 | 2753 | .frm_modal_footer { |
| 2304 | 2754 | padding: 0 var(--gap-md) var(--gap-sm); |
| @@ -2308,26 +2758,9 @@ | ||
| 2308 | 2758 | body.frm-body-with-open-modal { |
| 2309 | 2759 | overflow-y: hidden; |
| 2310 | 2760 | } |
| 2311 | 2761 | |
| 2312 | -#frm_new_form_modal .postbox > div.inside { | |
| 2313 | - max-height: 490px; | |
| 2314 | - overflow-y: auto; | |
| 2315 | - overflow-x: hidden; | |
| 2316 | - margin: 0; | |
| 2317 | - padding: 10px 0 0; | |
| 2318 | -} | |
| 2319 | - | |
| 2320 | -#frm_new_form_modal .postbox > div.inside .cta-inside { | |
| 2321 | - overflow-y: auto; | |
| 2322 | - height: auto; | |
| 2323 | - padding: 0 var(--gap-md); | |
| 2324 | -} | |
| 2325 | - | |
| 2326 | -#frm_new_form_modal .accordion-container { | |
| 2327 | - width: 100%; | |
| 2328 | -} | |
| 2329 | - | |
| 2762 | +/* These template list styles are still used to list the View types in the New View modal. */ | |
| 2330 | 2763 | .frm-templates-list { |
| 2331 | 2764 | margin-top: 0; |
| 2332 | 2765 | } |
| 2333 | 2766 | |
| @@ -2382,16 +2815,15 @@ | ||
| 2382 | 2815 | .frm-templates-list li > div > div { |
| 2383 | 2816 | vertical-align: middle; |
| 2384 | 2817 | } |
| 2385 | 2818 | |
| 2386 | -.frm-templates-list .frm-inner-circle, | |
| 2387 | -.frm-category-icon, /* Deprecated */ | |
| 2819 | +.frm-category-icon, | |
| 2388 | 2820 | .frm-icon-wrapper { |
| 2389 | 2821 | background: var(--primary-500); |
| 2390 | 2822 | border-radius: var(--small-radius); |
| 2391 | 2823 | color: #fff; |
| 2392 | - width: 40px; | |
| 2393 | - height: 40px; | |
| 2824 | + width: 32px; | |
| 2825 | + height: 32px; | |
| 2394 | 2826 | font-size: 18px; |
| 2395 | 2827 | box-sizing: border-box; |
| 2396 | 2828 | align-self: center; |
| 2397 | 2829 | justify-content: center; |
| @@ -2398,26 +2830,12 @@ | ||
| 2398 | 2830 | align-items: center; |
| 2399 | 2831 | display: inline-flex; |
| 2400 | 2832 | } |
| 2401 | 2833 | |
| 2402 | -.frm-templates-list .frm-inner-circle .frmsvg { | |
| 2403 | - vertical-align: top; | |
| 2404 | -} | |
| 2405 | - | |
| 2406 | 2834 | .frm-templates-list li .frm-category-icon { |
| 2407 | 2835 | overflow: hidden; |
| 2408 | - align-self: flex-start; | |
| 2409 | 2836 | } |
| 2410 | 2837 | |
| 2411 | -.frm-templates-list .frm-template-details { | |
| 2412 | - /* the content container to the right of the icon in Create new form modal */ | |
| 2413 | - display: inline-block; | |
| 2414 | - width: calc( 100% - 40px ); | |
| 2415 | - padding-left: var(--gap-sm); | |
| 2416 | - box-sizing: border-box; | |
| 2417 | - transform: translateY(-2px); | |
| 2418 | -} | |
| 2419 | - | |
| 2420 | 2838 | .frm-templates-list li h3, |
| 2421 | 2839 | .frm-templates-list li p { |
| 2422 | 2840 | text-align: left; |
| 2423 | 2841 | margin: 0; |
| @@ -2434,82 +2852,18 @@ | ||
| 2434 | 2852 | .frm-templates-list .frm-install-template div { |
| 2435 | 2853 | text-align: left; |
| 2436 | 2854 | } |
| 2437 | 2855 | |
| 2438 | -#frm_new_form_modal .frm-search { | |
| 2439 | - width: 100%; | |
| 2440 | - margin: var(--gap-sm) 0 var(--gap-md); | |
| 2441 | -} | |
| 2442 | - | |
| 2443 | 2856 | #frm_leave_email, |
| 2444 | -#frm_code_from_email | |
| 2445 | -{ | |
| 2857 | +#frm_code_from_email { | |
| 2446 | 2858 | width: 480px; |
| 2859 | + max-width: 100%; | |
| 2447 | 2860 | } |
| 2448 | 2861 | |
| 2449 | -#frm_new_form_modal #template-search-input { | |
| 2450 | - width: 100%; | |
| 2451 | -} | |
| 2452 | - | |
| 2453 | -#frm-email-block .frm-with-left-icon .frmsvg { | |
| 2454 | - padding: 0; | |
| 2455 | - top: 0; | |
| 2456 | - left: 13px; | |
| 2457 | -} | |
| 2458 | - | |
| 2459 | -#frm_new_form_modal .accordion-container { | |
| 2460 | - display: inline-block; | |
| 2461 | - padding: 0; | |
| 2462 | - border-top: 1px solid var(--grey-300); | |
| 2463 | - box-sizing: border-box; | |
| 2464 | - margin: 0 5px; | |
| 2465 | - width: calc( 100% - 10px ); | |
| 2466 | -} | |
| 2467 | - | |
| 2468 | -#frm_new_form_modal .accordion-section-title { | |
| 2469 | - padding: 0; | |
| 2470 | -} | |
| 2471 | - | |
| 2472 | -#frm_new_form_modal .accordion-section-title:hover, | |
| 2473 | -.control-section:hover .accordion-section-title, | |
| 2474 | -#frm_new_form_modal .accordion-section.open .accordion-section-title | |
| 2475 | -{ | |
| 2476 | - background: #fff !important; | |
| 2477 | - border-bottom-color: transparent; | |
| 2478 | -} | |
| 2479 | - | |
| 2480 | -#frm_new_form_modal .accordion-section.open:hover { | |
| 2481 | - border-bottom-color: transparent; | |
| 2482 | -} | |
| 2483 | - | |
| 2484 | -#frm_new_form_modal .accordion-section { | |
| 2485 | - padding: 8px 0 4px; | |
| 2486 | -} | |
| 2487 | - | |
| 2488 | -#frm_new_form_modal .accordion-section + .accordion-section { | |
| 2489 | - border-top: 1px solid var(--grey-300); | |
| 2490 | - border-radius: 0; | |
| 2491 | -} | |
| 2492 | - | |
| 2493 | -.frm-templates-list.frm-categories-list li > div > div:last-child, | |
| 2494 | -#frm_new_form_modal .accordion-section .frm-featured-form | |
| 2495 | -{ | |
| 2862 | +.frm-templates-list.frm-categories-list li > div > div:last-child { | |
| 2496 | 2863 | padding-left: 0; |
| 2497 | 2864 | } |
| 2498 | 2865 | |
| 2499 | -#frm_new_form_modal .frm-templates-list.frm-categories-list .accordion-section-title { | |
| 2500 | - padding-left: var(--gap-sm); | |
| 2501 | -} | |
| 2502 | - | |
| 2503 | -#frm_new_form_modal .frm-templates-list.frm-categories-list li.frm-selectable { | |
| 2504 | - padding: 0 10px; | |
| 2505 | - overflow: hidden; | |
| 2506 | -} | |
| 2507 | - | |
| 2508 | -#frm_new_form_modal .accordion-section-content { | |
| 2509 | - padding: var(--gap-sm); | |
| 2510 | -} | |
| 2511 | - | |
| 2512 | 2866 | .frm-hover-icons { |
| 2513 | 2867 | position: absolute; |
| 2514 | 2868 | right: 0; |
| 2515 | 2869 | top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */ |
| @@ -2535,10 +2889,10 @@ | ||
| 2535 | 2889 | width: 22px; |
| 2536 | 2890 | height: 22px; |
| 2537 | 2891 | font-size: var(--text-md); |
| 2538 | 2892 | display: inline-flex; |
| 2539 | - align-items: center; | |
| 2540 | - justify-content: center; | |
| 2893 | + align-items: center; | |
| 2894 | + justify-content: center; | |
| 2541 | 2895 | border-radius: 50%; |
| 2542 | 2896 | box-sizing: border-box; |
| 2543 | 2897 | line-height: var(--leading); |
| 2544 | 2898 | text-align: center; |
| @@ -2609,138 +2963,96 @@ | ||
| 2609 | 2963 | vertical-align: text-top; |
| 2610 | 2964 | color: var(--grey-500); |
| 2611 | 2965 | } |
| 2612 | 2966 | |
| 2613 | -#frm_new_form_modal .frm-use-this-template { | |
| 2614 | - margin-left: 10px; | |
| 2967 | +.frm-modal-back { | |
| 2968 | + cursor: pointer; | |
| 2969 | + margin-right: 4px; | |
| 2615 | 2970 | } |
| 2616 | 2971 | |
| 2617 | -#frm_new_form_modal #frm-preview-block { | |
| 2618 | - padding: var(--gap-md) var(--gap-lg); | |
| 2619 | - overflow-x: hidden; | |
| 2972 | +.frm-modal-cancel { | |
| 2973 | + float: left; | |
| 2620 | 2974 | } |
| 2621 | 2975 | |
| 2622 | -#frm_new_form_modal #frm-details-block { | |
| 2623 | - padding: var(--gap-md) var(--gap-lg); | |
| 2976 | +.frm-meta-tag, | |
| 2977 | +.frm-meta-tag:hover { | |
| 2978 | + padding: var(--gap-2xs) var(--gap-xs); | |
| 2979 | + border-radius: var(--small-radius); | |
| 2980 | + font-weight: 600; | |
| 2981 | + display: inline-flex; | |
| 2982 | + background-color: #D9EBFF; | |
| 2983 | + gap: 2px; | |
| 2624 | 2984 | } |
| 2625 | 2985 | |
| 2626 | -.frm-modal-back { | |
| 2627 | - cursor: pointer; | |
| 2628 | - margin-right: 4px; | |
| 2986 | +.frm-meta-tag.frm-grey-tag, | |
| 2987 | +.frm-meta-tag.frm-grey-tag:hover { | |
| 2988 | + background-color: var(--sidebar-hover); | |
| 2989 | + color: var(--grey-900); | |
| 2629 | 2990 | } |
| 2630 | 2991 | |
| 2631 | -.frm-modal-cancel { | |
| 2632 | - float: left; | |
| 2992 | +.frm-meta-tag.frm-red-tag, | |
| 2993 | +.frm-meta-tag.frm-red-tag:hover { | |
| 2994 | + background: var(--error-100); | |
| 2995 | + color: var(--error-700); | |
| 2633 | 2996 | } |
| 2634 | 2997 | |
| 2635 | -.frm-plan-required-tag { | |
| 2636 | - margin-left: 5px; | |
| 2637 | - transform: translateY(-1px); | |
| 2638 | - background: #FDE6DE; | |
| 2639 | - color: #F15A24; | |
| 2998 | +.frm-meta-tag.frm-orange-tag, | |
| 2999 | +.frm-meta-tag.frm-orange-tag:hover { | |
| 3000 | + background-color: #FEF7F4; | |
| 3001 | + color: var(--orange); | |
| 2640 | 3002 | } |
| 2641 | 3003 | |
| 2642 | -.frm-ready-made-solution .frm-meta-tag { | |
| 2643 | - width: fit-content; | |
| 2644 | - background: #FDE6DE; | |
| 2645 | - color: #F15A24; | |
| 3004 | +.frm-meta-tag.frm-green-tag, | |
| 3005 | +.frm-meta-tag.frm-green-tag:hover { | |
| 3006 | + background-color: var(--success-500); | |
| 3007 | + color: #fff; | |
| 2646 | 3008 | } |
| 2647 | 3009 | |
| 2648 | -.frm-meta-tag { | |
| 2649 | - font-size: 10px; | |
| 2650 | - padding: 4px 6px; | |
| 2651 | - border-radius: 4px; | |
| 2652 | - text-transform: uppercase; | |
| 2653 | - font-weight: normal; | |
| 2654 | - display: inline-block; | |
| 2655 | - line-height: 12px; | |
| 3010 | +.frm-entry-status-0, | |
| 3011 | +.frm-meta-tag.frm-lt-green-tag, | |
| 3012 | +.frm-meta-tag.frm-lt-green-tag:hover { | |
| 3013 | + background-color: var(--success-100); | |
| 3014 | + color: var(--success-800); | |
| 2656 | 3015 | } |
| 2657 | 3016 | |
| 2658 | -#frm_new_form_modal.frm-expired #frm-create-block, | |
| 2659 | -#frm_new_form_modal.frm-expiring #frm-create-block { | |
| 2660 | - max-height: 450px; | |
| 3017 | +.frm-meta-tag.frm-new-pill { | |
| 3018 | + background-color: var(--success-500); | |
| 3019 | + vertical-align: text-bottom; | |
| 2661 | 3020 | } |
| 2662 | 3021 | |
| 2663 | -#frm-create-footer { | |
| 2664 | - padding: 15px 20px; | |
| 3022 | +.frm_add_field span + .frm-meta-tag { | |
| 3023 | + margin-left: 0; | |
| 2665 | 3024 | } |
| 2666 | 3025 | |
| 2667 | -#frm_code_from_email_options { | |
| 2668 | - margin-top: 20px; | |
| 3026 | +/* Start entry statuses */ | |
| 3027 | +.frm-entry-status { | |
| 3028 | + font-weight: 500; | |
| 2669 | 3029 | } |
| 2670 | 3030 | |
| 2671 | -#frm_code_from_email_options * { | |
| 2672 | - color: var(--primary-500); | |
| 3031 | +.frm-entry-status-1 { | |
| 3032 | + color: #7A4D05; | |
| 3033 | + background: #FFF2D2; | |
| 2673 | 3034 | } |
| 3035 | +/* End entry statuses */ | |
| 2674 | 3036 | |
| 2675 | -#frm-email-block p, | |
| 2676 | -#frm-code-block p, | |
| 2677 | -#frm-renew-block p | |
| 2678 | -{ | |
| 2679 | - padding: 0 40px; | |
| 2680 | - max-width: 400px; | |
| 2681 | - margin: 0 auto 20px; | |
| 3037 | +#frm-create-footer { | |
| 3038 | + padding: 15px 20px; | |
| 2682 | 3039 | } |
| 2683 | 3040 | |
| 2684 | 3041 | li .frm-hover-icons .frm-preview-form, |
| 2685 | 3042 | .frm-hover-icons .frm-unlock-form, |
| 2686 | 3043 | .frm-locked-template .frm-hover-icons .frm-create-form, |
| 2687 | -#frm_new_form_modal .frm-modal-back ~ span, | |
| 2688 | -#frm_new_form_modal .postbox > div:first-child ~ div, | |
| 2689 | -.frm-modal-back, | |
| 2690 | -#frm_new_form_modal:not([frm-page="create"]) a.dismiss, | |
| 2691 | -#frm_code_from_email_error span, | |
| 2692 | -#frm_leave_email_error span, | |
| 2693 | -#frm_new_form_modal .frm-delete-form, | |
| 2694 | -#frm-details-block #frm-new-template button, | |
| 2695 | -#frm-create-title span[frm-type="template"], | |
| 2696 | -#frm-create-title[frm-type="template"] span[frm-type="form"] | |
| 3044 | +.frm-modal-back | |
| 2697 | 3045 | { |
| 2698 | 3046 | display: none; |
| 2699 | 3047 | } |
| 2700 | 3048 | |
| 2701 | -#frm_new_form_modal:not([frm-page="create"]) .frm-modal-back, | |
| 2702 | -#frm_new_form_modal[frm-page="create"] #frm-create-title, | |
| 2703 | -#frm-create-title[frm-type="template"] span[frm-type="template"], | |
| 2704 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-title, | |
| 2705 | -#frm_new_form_modal[frm-page="details"] #frm-create-title, | |
| 2706 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-title, | |
| 2707 | -#frm_new_form_modal[frm-page="email"] #frm-email-title, | |
| 2708 | -#frm_new_form_modal[frm-page="code"] #frm-email-title, | |
| 2709 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-title, | |
| 2710 | -#frm_code_from_email_error[frm-error="wrong-code"] span[frm-error="wrong-code"], | |
| 2711 | -#frm_code_from_email_error[frm-error="empty"] span[frm-error="empty"], | |
| 2712 | -#frm_code_from_email_error[frm-error="custom"] span[frm-error="custom"], | |
| 2713 | -#frm_leave_email_error[frm-error="invalid"] span[frm-error="invalid"], | |
| 2714 | -#frm_leave_email_error[frm-error="empty"] span[frm-error="empty"] | |
| 2715 | -{ | |
| 2716 | - display: inline-block; | |
| 2717 | -} | |
| 2718 | 3049 | |
| 2719 | 3050 | .frm-locked-template .frm-hover-icons .frm-unlock-form, |
| 2720 | -li[data-preview] .frm-hover-icons .frm-preview-form, | |
| 2721 | -#frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons .frm-delete-form { | |
| 3051 | +li[data-preview] .frm-hover-icons .frm-preview-form { | |
| 2722 | 3052 | display: inline-flex; |
| 2723 | 3053 | } |
| 2724 | 3054 | |
| 2725 | -#frm_new_form_modal[frm-page="create"] #frm-create-block, | |
| 2726 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-block, | |
| 2727 | -#frm_new_form_modal[frm-page="details"] #frm-details-block, | |
| 2728 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-block, | |
| 2729 | -#frm_new_form_modal[frm-page="email"] #frm-email-block, | |
| 2730 | -#frm_new_form_modal[frm-page="code"] #frm-code-block, | |
| 2731 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-block, | |
| 2732 | -#frm_new_form_modal[frm-page="create"] #frm-create-footer, | |
| 2733 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-footer, | |
| 2734 | -#frm_new_form_modal[frm-page="details"] #frm-details-footer, | |
| 2735 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-footer, | |
| 2736 | -#frm_new_form_modal[frm-page="email"] #frm-email-footer, | |
| 2737 | -#frm_new_form_modal[frm-page="code"] #frm-code-footer, | |
| 2738 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-footer | |
| 2739 | -{ | |
| 2740 | - display: block; | |
| 2741 | -} | |
| 2742 | - | |
| 2743 | 3055 | .frm-modal-back svg { |
| 2744 | 3056 | color: #7F7F7F; |
| 2745 | 3057 | } |
| 2746 | 3058 | |
| @@ -2911,74 +3223,8 @@ | ||
| 2911 | 3223 | .frm_image_from_url { |
| 2912 | 3224 | height: 50px; |
| 2913 | 3225 | } |
| 2914 | 3226 | |
| 2915 | -.frm-right-panel .inside a.frm_pro_tip, | |
| 2916 | -a.frm_pro_tip { | |
| 2917 | - font-size: var(--text-sm); | |
| 2918 | - display: inline-block; | |
| 2919 | - color: var(--grey-700); | |
| 2920 | - background: #FFE7DE; | |
| 2921 | - border-radius: var(--small-radius); | |
| 2922 | - padding: 5px 15px; | |
| 2923 | - margin: 0 auto; | |
| 2924 | - display: flex; | |
| 2925 | - align-items: center; | |
| 2926 | -} | |
| 2927 | - | |
| 2928 | -a.frm_pro_tip:hover { | |
| 2929 | - color: var(--grey-700); | |
| 2930 | - border-color: var(--primary-500); | |
| 2931 | -} | |
| 2932 | - | |
| 2933 | -a.frm_pro_tip:hover .frmsvg { | |
| 2934 | - fill: var(--primary-500); | |
| 2935 | -} | |
| 2936 | - | |
| 2937 | -.frm_field_list .frm_pro_tip { | |
| 2938 | - margin: 10px 15px; | |
| 2939 | - position: relative; | |
| 2940 | - width: calc(100% - 30px); | |
| 2941 | - box-sizing: border-box; | |
| 2942 | -} | |
| 2943 | - | |
| 2944 | -a.frm_pro_tip .frmsvg, | |
| 2945 | -a.frm_pro_tip i { | |
| 2946 | - color: var(--orange); | |
| 2947 | - margin-right: 5px; | |
| 2948 | -} | |
| 2949 | - | |
| 2950 | -a.frm_pro_tip .frmsvg { | |
| 2951 | - margin-right: 10px; | |
| 2952 | -} | |
| 2953 | - | |
| 2954 | -.frm-light-tip a.frm_pro_tip { | |
| 2955 | - background: rgba(188, 224, 253, 0.23); | |
| 2956 | -} | |
| 2957 | - | |
| 2958 | -.frm-light-tip a.frm_pro_tip .frmsvg, | |
| 2959 | -.frm-light-tip a.frm_pro_tip i, | |
| 2960 | -.frm-light-tip .frm-tip-cta { | |
| 2961 | - color: var(--primary-500); | |
| 2962 | -} | |
| 2963 | - | |
| 2964 | -.frm-tip-info { | |
| 2965 | - flex: 1; | |
| 2966 | - text-align: left; | |
| 2967 | -} | |
| 2968 | - | |
| 2969 | -.frm-tip-cta { | |
| 2970 | - color: var(--orange); | |
| 2971 | -} | |
| 2972 | - | |
| 2973 | -.nav-tab-wrapper .frm_pro_tip { | |
| 2974 | - float: right; | |
| 2975 | -} | |
| 2976 | - | |
| 2977 | -.frm_pro_tip:hover .frm-tip-cta { | |
| 2978 | - color: var(--primary-500); | |
| 2979 | -} | |
| 2980 | - | |
| 2981 | 3227 | /*Switch form dropdown*/ |
| 2982 | 3228 | h1 .fa-caret-down { |
| 2983 | 3229 | font-size: 18px; |
| 2984 | 3230 | } |
| @@ -3225,25 +3471,11 @@ | ||
| 3225 | 3471 | top: auto; |
| 3226 | 3472 | left: auto; |
| 3227 | 3473 | font-size: var(--text-sm); |
| 3228 | 3474 | padding: 4px; |
| 3229 | - margin-bottom: 3px; | |
| 3475 | + margin-bottom: 3px; | |
| 3230 | 3476 | } |
| 3231 | 3477 | |
| 3232 | -.frm-right-panel .accordion-section-content { | |
| 3233 | - background: transparent; | |
| 3234 | - padding: 0; | |
| 3235 | - overflow: initial; | |
| 3236 | -} | |
| 3237 | - | |
| 3238 | -.frm-right-panel .accordion-section-content > .inside { | |
| 3239 | - padding: 0 0 var(--gap-xs); | |
| 3240 | -} | |
| 3241 | - | |
| 3242 | -.frm-right-panel .accordion-section-content .inside a { | |
| 3243 | - font-size: inherit; | |
| 3244 | -} | |
| 3245 | - | |
| 3246 | 3478 | #post-body-content + .frm-right-panel h3.accordion-section-title { |
| 3247 | 3479 | padding: 7px 10px 8px 14px; |
| 3248 | 3480 | font-size: var(--text-md); |
| 3249 | 3481 | color: var(--grey-700); |
| @@ -3248,23 +3480,8 @@ | ||
| 3248 | 3480 | font-size: var(--text-md); |
| 3249 | 3481 | color: var(--grey-700); |
| 3250 | 3482 | } |
| 3251 | 3483 | |
| 3252 | -.frm-right-panel .control-section.open h3 { | |
| 3253 | - border-bottom: none; | |
| 3254 | -} | |
| 3255 | - | |
| 3256 | -.js .frm-right-panel .control-section.open .accordion-section-title, | |
| 3257 | -.js .frm-right-panel .control-section .accordion-section-title:focus, | |
| 3258 | -.js .frm-right-panel .control-section .accordion-section-title:hover { | |
| 3259 | - background: transparent; | |
| 3260 | - color: var(--grey-900); | |
| 3261 | -} | |
| 3262 | - | |
| 3263 | -.js .frm-right-panel .control-section .accordion-section-title:hover:before { | |
| 3264 | - color: var(--grey-700); | |
| 3265 | -} | |
| 3266 | - | |
| 3267 | 3484 | .frm-with-line, |
| 3268 | 3485 | .accordion-section-content h4 { |
| 3269 | 3486 | font-size: var(--text-md); |
| 3270 | 3487 | font-weight: 400; |
| @@ -3307,111 +3524,8 @@ | ||
| 3307 | 3524 | width: 100%; |
| 3308 | 3525 | top: 50%; |
| 3309 | 3526 | } |
| 3310 | 3527 | |
| 3311 | -.frm-right-panel .accordion-section { | |
| 3312 | - border: none; | |
| 3313 | - position: relative; | |
| 3314 | -} | |
| 3315 | - | |
| 3316 | -.frm-right-panel .accordion-section-title:before, | |
| 3317 | -.frm-right-panel .accordion-section-title:after, | |
| 3318 | -#frm_new_form_modal .accordion-section-title:after | |
| 3319 | -{ | |
| 3320 | - content: "\e913" !important; | |
| 3321 | - font-family: "s11-fp" !important; | |
| 3322 | - font-size: 18px; | |
| 3323 | - font-variant: normal; | |
| 3324 | - text-rendering: auto; | |
| 3325 | - vertical-align: text-top; | |
| 3326 | -} | |
| 3327 | - | |
| 3328 | -#frm_new_form_modal .accordion-section.open .accordion-section-title:after { | |
| 3329 | - transform: rotate(90deg); | |
| 3330 | -} | |
| 3331 | - | |
| 3332 | -.frm-right-panel .accordion-section-title:after { | |
| 3333 | - top: calc(50% - 10px) !important; | |
| 3334 | -} | |
| 3335 | - | |
| 3336 | -.frm-right-panel .open .accordion-section-title:after { | |
| 3337 | - content: "\e62a" !important; | |
| 3338 | -} | |
| 3339 | - | |
| 3340 | -.frm-right-panel .accordion-section-title:before { | |
| 3341 | - content: "\f1de" !important; | |
| 3342 | - color: var(--grey); | |
| 3343 | - font-size: 17px !important; | |
| 3344 | - margin: 0 10px 0 0; | |
| 3345 | -} | |
| 3346 | - | |
| 3347 | -.form-title-style .accordion-section-title:before, | |
| 3348 | -.section-fields-style .accordion-section-title:before { | |
| 3349 | - content: "\f1dc" !important; | |
| 3350 | -} | |
| 3351 | - | |
| 3352 | -.form-description-style .accordion-section-title:before { | |
| 3353 | - content: "\e90f" !important; | |
| 3354 | -} | |
| 3355 | - | |
| 3356 | -.field-colors-style .accordion-section-title:before { | |
| 3357 | - content: "\e96d" !important; | |
| 3358 | -} | |
| 3359 | - | |
| 3360 | -.field-sizes-style .accordion-section-title:before { | |
| 3361 | - content: "\e920" !important; | |
| 3362 | -} | |
| 3363 | - | |
| 3364 | -.field-labels-style .accordion-section-title:before { | |
| 3365 | - content: "\e953" !important; | |
| 3366 | -} | |
| 3367 | - | |
| 3368 | -.field-description-style .accordion-section-title:before{ | |
| 3369 | - content: "\e611" !important; | |
| 3370 | -} | |
| 3371 | - | |
| 3372 | -.check-box-radio-fields-style .accordion-section-title:before{ | |
| 3373 | - content: "\f14a" !important; | |
| 3374 | -} | |
| 3375 | - | |
| 3376 | -.buttons-style .accordion-section-title:before{ | |
| 3377 | - content: "\e911" !important; | |
| 3378 | -} | |
| 3379 | - | |
| 3380 | -.repeater-fields-style .accordion-section-title:before{ | |
| 3381 | - content: "\e974" !important; | |
| 3382 | -} | |
| 3383 | - | |
| 3384 | -.toggle-fields-style .accordion-section-title:before{ | |
| 3385 | - content: "\f205" !important; | |
| 3386 | -} | |
| 3387 | - | |
| 3388 | -.slider-fields-style .accordion-section-title:before{ | |
| 3389 | - content: "\f386" !important; | |
| 3390 | -} | |
| 3391 | - | |
| 3392 | -.form-messages-style .accordion-section-title:before{ | |
| 3393 | - content: "\e915" !important; | |
| 3394 | -} | |
| 3395 | - | |
| 3396 | -.date-fields-style .accordion-section-title:before{ | |
| 3397 | - content: "\f073" !important; | |
| 3398 | -} | |
| 3399 | - | |
| 3400 | -.progress-bars-style .accordion-section-title:before{ | |
| 3401 | - content: "\e939" !important; | |
| 3402 | -} | |
| 3403 | - | |
| 3404 | -#frm_view_editor_left.frm-right-panel .accordion-section-title, | |
| 3405 | -.frm-right-panel h3.accordion-section-title { | |
| 3406 | - padding: 15px 20px; | |
| 3407 | - background: var(--sidebar-color); | |
| 3408 | - line-height: var(--leading); | |
| 3409 | - color: var(--grey-700); | |
| 3410 | - font-size: var(--text-lg); | |
| 3411 | - font-weight: 400; | |
| 3412 | -} | |
| 3413 | - | |
| 3414 | 3528 | .control-section .accordion-section-title:after, /** Form template list */ |
| 3415 | 3529 | .customize-pane-child .accordion-section-title:after { |
| 3416 | 3530 | top: 15px; |
| 3417 | 3531 | } |
| @@ -3422,8 +3536,9 @@ | ||
| 3422 | 3536 | |
| 3423 | 3537 | .frm-btn-group .multiselect.dropdown-toggle { |
| 3424 | 3538 | box-sizing: border-box; |
| 3425 | 3539 | min-height: unset; |
| 3540 | + cursor: pointer; | |
| 3426 | 3541 | } |
| 3427 | 3542 | |
| 3428 | 3543 | .accordion-container .frm-dropdown-menu:before, |
| 3429 | 3544 | .accordion-container .multiselect.dropdown-toggle:before { |
| @@ -3680,8 +3795,16 @@ | ||
| 3680 | 3795 | margin-right: 5px; |
| 3681 | 3796 | display: inline-block; |
| 3682 | 3797 | } |
| 3683 | 3798 | |
| 3799 | +.frm_form_builder .frm_opt_container .frm_radio.frm_image_option label, | |
| 3800 | +.frm_form_builder .frm_opt_container .frm_checkbox.frm_image_option label { | |
| 3801 | + display: flex; | |
| 3802 | + align-items: center; | |
| 3803 | + gap: 9px; | |
| 3804 | + white-space: normal; | |
| 3805 | +} | |
| 3806 | + | |
| 3684 | 3807 | .frm_form_field.frm_two_col .frm_opt_container, |
| 3685 | 3808 | .frm_form_field.frm_three_col .frm_opt_container, |
| 3686 | 3809 | .frm_form_field.frm_four_col .frm_opt_container{ |
| 3687 | 3810 | display: grid; |
| @@ -3730,24 +3853,32 @@ | ||
| 3730 | 3853 | border-radius: 4px; |
| 3731 | 3854 | } |
| 3732 | 3855 | |
| 3733 | 3856 | .frm-white-body input[type="checkbox"]:checked, |
| 3734 | -.frm_wrap input[type="checkbox"]:checked { | |
| 3857 | +.frm_wrap input[type="checkbox"]:checked, | |
| 3858 | +body[class*="frm-admin"] #wpbody-content input[type="checkbox"]:checked { | |
| 3735 | 3859 | background-color: var(--primary-500); |
| 3736 | 3860 | border-color: var(--primary-500) !important; |
| 3737 | 3861 | } |
| 3738 | 3862 | |
| 3739 | 3863 | .frm-white-body input[type="checkbox"]:checked:focus, |
| 3740 | -.frm_wrap input[type="checkbox"]:checked:focus { | |
| 3864 | +.frm_wrap input[type="checkbox"]:checked:focus, | |
| 3865 | +body[class*="frm-admin"] #wpbody-content input[type="checkbox"]:checked:focus { | |
| 3741 | 3866 | border-color: var(--primary-500); |
| 3742 | 3867 | } |
| 3743 | 3868 | |
| 3744 | 3869 | .frm-white-body input[type="checkbox"]:checked::before, |
| 3745 | -.frm_wrap input[type="checkbox"]:checked::before { | |
| 3746 | - 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"); | |
| 3747 | - height: 12px; | |
| 3748 | - width: 12px; | |
| 3749 | - margin: 1px; | |
| 3870 | +.frm_wrap input[type="checkbox"]:checked::before, | |
| 3871 | +body[class*="frm-admin"] #wpbody-content input[type="checkbox"]:checked::before { | |
| 3872 | + content: ''; | |
| 3873 | + display: block; | |
| 3874 | + width: 100% !important; | |
| 3875 | + height: 100% !important; | |
| 3876 | + 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; | |
| 3877 | + background-size: 9px !important; | |
| 3878 | + background-repeat: no-repeat !important; | |
| 3879 | + background-position: center !important; | |
| 3880 | + margin: 0; | |
| 3750 | 3881 | } |
| 3751 | 3882 | |
| 3752 | 3883 | .frm_radio input[type="radio"], |
| 3753 | 3884 | .frm_checkbox input[type="checkbox"] { |
| @@ -3978,10 +4109,8 @@ | ||
| 3978 | 4109 | padding: 6px; |
| 3979 | 4110 | line-height: var(--leading); |
| 3980 | 4111 | border: 0 none; |
| 3981 | 4112 | outline: none; |
| 3982 | - -moz-box-sizing: border-box; | |
| 3983 | - -webkit-box-sizing: border-box; | |
| 3984 | 4113 | box-sizing: border-box; |
| 3985 | 4114 | } |
| 3986 | 4115 | |
| 3987 | 4116 | /*ICONS*/ |
| @@ -4094,27 +4223,8 @@ | ||
| 4094 | 4223 | max-width: 100%; |
| 4095 | 4224 | font-size: inherit; |
| 4096 | 4225 | } |
| 4097 | 4226 | |
| 4098 | -/* Start entry statuses */ | |
| 4099 | -.frm-entry-status { | |
| 4100 | - padding: var(--gap-2xs) var(--gap-xs); | |
| 4101 | - align-items: center; | |
| 4102 | - border-radius: var(--small-radius); | |
| 4103 | - text-transform: uppercase; | |
| 4104 | -} | |
| 4105 | - | |
| 4106 | -.frm-entry-status-0 { | |
| 4107 | - color: #1E561F; | |
| 4108 | - background: #D5F2DC; | |
| 4109 | -} | |
| 4110 | - | |
| 4111 | -.frm-entry-status-1 { | |
| 4112 | - color: #7A4D05; | |
| 4113 | - background: #FFF2D2; | |
| 4114 | -} | |
| 4115 | -/* End entry statuses */ | |
| 4116 | - | |
| 4117 | 4227 | #frm-options-panel { |
| 4118 | 4228 | padding: 0 var(--gap-sm); |
| 4119 | 4229 | color: var(--grey-900); |
| 4120 | 4230 | } |
| @@ -4128,13 +4238,8 @@ | ||
| 4128 | 4238 | .frm-right-panel a.frm_add_logic_link:focus { |
| 4129 | 4239 | outline: auto; |
| 4130 | 4240 | } |
| 4131 | 4241 | |
| 4132 | -#frm_style_sidebar h3, | |
| 4133 | -#frm_view_editor_left.frm-right-panel .accordion-section-title { | |
| 4134 | - padding: 15px 0; | |
| 4135 | -} | |
| 4136 | - | |
| 4137 | 4242 | .frm_field_key { |
| 4138 | 4243 | background-color: #F7F7F7; |
| 4139 | 4244 | } |
| 4140 | 4245 | |
| @@ -4142,8 +4247,9 @@ | ||
| 4142 | 4247 | padding: 0; |
| 4143 | 4248 | } |
| 4144 | 4249 | |
| 4145 | 4250 | .frm-alt-table { |
| 4251 | + position: relative; | |
| 4146 | 4252 | width:100%; |
| 4147 | 4253 | border-collapse:collapse; |
| 4148 | 4254 | margin-top:0.5em; |
| 4149 | 4255 | font-size:15px; |
| @@ -4148,16 +4254,32 @@ | ||
| 4148 | 4254 | margin-top:0.5em; |
| 4149 | 4255 | font-size:15px; |
| 4150 | 4256 | } |
| 4151 | 4257 | |
| 4258 | +/* Before `applyZebraStriping` is executed, an empty space is displayed */ | |
| 4259 | +#form_show_entry_page .frm-alt-table:not(.frm-zebra-striping)::before { | |
| 4260 | + content: ''; | |
| 4261 | + position: absolute; | |
| 4262 | + top: 0; | |
| 4263 | + right: 0; | |
| 4264 | + bottom: 0; | |
| 4265 | + left: 0; | |
| 4266 | + background-color: #fff; | |
| 4267 | +} | |
| 4268 | + | |
| 4152 | 4269 | .frm-alt-table th { |
| 4153 | 4270 | width:200px; |
| 4154 | 4271 | } |
| 4155 | 4272 | |
| 4156 | -.frm-alt-table tr { | |
| 4273 | +.frm-alt-table tr, | |
| 4274 | +.frm-alt-table tr.frm-odd { | |
| 4157 | 4275 | background-color:transparent; |
| 4158 | 4276 | } |
| 4159 | 4277 | |
| 4278 | +.frm-alt-table tr.frm-even { | |
| 4279 | + background-color: var(--sidebar-color); | |
| 4280 | +} | |
| 4281 | + | |
| 4160 | 4282 | .frm-alt-table th, |
| 4161 | 4283 | .frm-alt-table td { |
| 4162 | 4284 | background-color:transparent; |
| 4163 | 4285 | vertical-align:top; |
| @@ -4164,12 +4286,8 @@ | ||
| 4164 | 4286 | text-align:left; |
| 4165 | 4287 | padding:20px; |
| 4166 | 4288 | } |
| 4167 | 4289 | |
| 4168 | -.frm-alt-table tr:nth-child(even) { | |
| 4169 | - background-color: var(--sidebar-color); | |
| 4170 | -} | |
| 4171 | - | |
| 4172 | 4290 | .frm-alt-table h3 { |
| 4173 | 4291 | margin-bottom: 0; |
| 4174 | 4292 | } |
| 4175 | 4293 | |
| @@ -4220,13 +4338,9 @@ | ||
| 4220 | 4338 | padding: 10px 20px; |
| 4221 | 4339 | line-height: inherit; |
| 4222 | 4340 | width: auto; |
| 4223 | 4341 | height: auto !important; |
| 4224 | - -moz-border-radius: 0; | |
| 4225 | - -webkit-border-radius: 0; | |
| 4226 | 4342 | border-radius: 0; |
| 4227 | - -webkit-box-sizing: content-box; | |
| 4228 | - -moz-box-sizing: content-box; | |
| 4229 | 4343 | box-sizing: content-box; |
| 4230 | 4344 | } |
| 4231 | 4345 | |
| 4232 | 4346 | .frm_html_field_placeholder { |
| @@ -4238,8 +4352,12 @@ | ||
| 4238 | 4352 | border: 1px solid #d3d3d3; |
| 4239 | 4353 | width: 300px; |
| 4240 | 4354 | } |
| 4241 | 4355 | |
| 4356 | +.turnstile_placeholder { | |
| 4357 | + width: 300px; | |
| 4358 | +} | |
| 4359 | + | |
| 4242 | 4360 | .frm_sorting .frm_rte textarea { |
| 4243 | 4361 | width: 653px; |
| 4244 | 4362 | background: #fff; |
| 4245 | 4363 | margin: 1px 0 0; |
| @@ -4244,10 +4362,8 @@ | ||
| 4244 | 4362 | background: #fff; |
| 4245 | 4363 | margin: 1px 0 0; |
| 4246 | 4364 | border: 1px solid #dfdfdf; |
| 4247 | 4365 | border-top: none; |
| 4248 | - -moz-border-radius: 0; | |
| 4249 | - -webkit-border-radius: 0; | |
| 4250 | 4366 | border-radius: 0; |
| 4251 | 4367 | float: none !important; |
| 4252 | 4368 | } |
| 4253 | 4369 | |
| @@ -4428,13 +4544,8 @@ | ||
| 4428 | 4544 | --border-color-active: var(--primary-500); |
| 4429 | 4545 | --border-radius: var(--small-radius); |
| 4430 | 4546 | } |
| 4431 | 4547 | |
| 4432 | -.frm_image_option_container svg { | |
| 4433 | - height: 50px; | |
| 4434 | - margin: 10px auto 0; | |
| 4435 | -} | |
| 4436 | - | |
| 4437 | 4548 | #form_show_entry_page .frm_file_link, |
| 4438 | 4549 | #form_show_entry_page .frm_image_option_container { |
| 4439 | 4550 | display: inline-flex; |
| 4440 | 4551 | flex-wrap: nowrap; |
| @@ -4464,8 +4575,12 @@ | ||
| 4464 | 4575 | #form_show_entry_page .frm_upload_label { |
| 4465 | 4576 | padding: 10px; |
| 4466 | 4577 | } |
| 4467 | 4578 | |
| 4579 | +#form_show_entry_page.frm_wrap .postbox { | |
| 4580 | + overflow: hidden; | |
| 4581 | +} | |
| 4582 | + | |
| 4468 | 4583 | .frm_image_option_container .frm_image_placeholder_icon svg{ |
| 4469 | 4584 | height: 150px; |
| 4470 | 4585 | } |
| 4471 | 4586 | |
| @@ -4509,8 +4624,14 @@ | ||
| 4509 | 4624 | #form_global_settings .frm_image_option_container svg { |
| 4510 | 4625 | max-width: calc( 100% - 20px ); |
| 4511 | 4626 | } |
| 4512 | 4627 | |
| 4628 | +/* Style image option container for Directory add on. */ | |
| 4629 | +#frm-new-template .frm_image_option_container svg { | |
| 4630 | + height: 50px; | |
| 4631 | + margin: 10px auto 0; | |
| 4632 | +} | |
| 4633 | + | |
| 4513 | 4634 | /* Show an icon on top */ |
| 4514 | 4635 | .frm_image_option_container { |
| 4515 | 4636 | position: relative; |
| 4516 | 4637 | } |
| @@ -4643,9 +4764,8 @@ | ||
| 4643 | 4764 | color: var(--grey-900); |
| 4644 | 4765 | } |
| 4645 | 4766 | |
| 4646 | 4767 | .frm-right-panel .inside i, |
| 4647 | -.frm-right-panel .inside .frmsvg, | |
| 4648 | 4768 | .frm-form-setting-tabs a i, |
| 4649 | 4769 | .frm-form-setting-tabs a .frmsvg { |
| 4650 | 4770 | margin: 0 5px; |
| 4651 | 4771 | display: inline-block; |
| @@ -4772,9 +4892,9 @@ | ||
| 4772 | 4892 | margin-left: -145px; |
| 4773 | 4893 | } |
| 4774 | 4894 | |
| 4775 | 4895 | .frm_end.frm6 .wp-picker-holder { |
| 4776 | - margin-left: -86px; | |
| 4896 | + margin-left: -86px; | |
| 4777 | 4897 | } |
| 4778 | 4898 | /* End of color picker CSS */ |
| 4779 | 4899 | |
| 4780 | 4900 | /* |
| @@ -4790,9 +4910,9 @@ | ||
| 4790 | 4910 | } |
| 4791 | 4911 | |
| 4792 | 4912 | .frm_on_label, |
| 4793 | 4913 | .frm_off_label { |
| 4794 | - color: #444444; | |
| 4914 | + color: var(--grey-700); | |
| 4795 | 4915 | } |
| 4796 | 4916 | |
| 4797 | 4917 | .frm_toggle { |
| 4798 | 4918 | position: relative; |
| @@ -4802,10 +4922,10 @@ | ||
| 4802 | 4922 | vertical-align: middle; |
| 4803 | 4923 | } |
| 4804 | 4924 | |
| 4805 | 4925 | .frm_toggle_block { |
| 4806 | - display: inline-flex; | |
| 4807 | - gap: var(--gap-sm); | |
| 4926 | + display: inline-flex !important; | |
| 4927 | + gap: var(--gap-sm); | |
| 4808 | 4928 | align-items: center; |
| 4809 | 4929 | } |
| 4810 | 4930 | |
| 4811 | 4931 | .frm_toggle input, /* Reverse compatibility */ |
| @@ -4855,9 +4975,10 @@ | ||
| 4855 | 4975 | transform: translateX(16px); |
| 4856 | 4976 | 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>"); |
| 4857 | 4977 | } |
| 4858 | 4978 | |
| 4859 | -input[disabled] + .frm_toggle_slider { | |
| 4979 | +input[disabled] + .frm_toggle_slider, | |
| 4980 | +input[disabled] + .frm_toggle .frm_toggle_slider { | |
| 4860 | 4981 | pointer-events: none; |
| 4861 | 4982 | cursor: text; |
| 4862 | 4983 | opacity: .5; |
| 4863 | 4984 | } |
| @@ -4991,9 +5112,9 @@ | ||
| 4991 | 5112 | } |
| 4992 | 5113 | |
| 4993 | 5114 | .frm-long-icon-buttons { |
| 4994 | 5115 | display: flex; |
| 4995 | - gap: var(--gap-md); | |
| 5116 | + gap: var(--gap-md); | |
| 4996 | 5117 | } |
| 4997 | 5118 | |
| 4998 | 5119 | .frm-long-icon-buttons > label { |
| 4999 | 5120 | border: 1px solid var(--grey-300); |
| @@ -5041,17 +5162,20 @@ | ||
| 5041 | 5162 | .frm_unauthorized_box .frm-show-authorized { |
| 5042 | 5163 | display: none; |
| 5043 | 5164 | } |
| 5044 | 5165 | |
| 5045 | -.edd_frm_status_icon.frm_icon_font { | |
| 5046 | - color: #D54E21; | |
| 5166 | +.edd_frm_status_icon.frmsvg { | |
| 5047 | 5167 | margin: 0 5px; |
| 5048 | 5168 | } |
| 5049 | 5169 | |
| 5050 | -.edd_frm_status_icon.frm_icon_font.frm_inactive_icon { | |
| 5170 | +.edd_frm_license_row .frm_action_success .frmsvg { | |
| 5051 | 5171 | color: green; |
| 5052 | 5172 | } |
| 5053 | 5173 | |
| 5174 | +.edd_frm_license_row .frm_action_error .frmsvg { | |
| 5175 | + color: #D54E21; | |
| 5176 | +} | |
| 5177 | + | |
| 5054 | 5178 | /* Hide the install steps for solutions */ |
| 5055 | 5179 | #form_global_settings .tabs-panel .num svg { |
| 5056 | 5180 | display: none; |
| 5057 | 5181 | } |
| @@ -5068,54 +5192,9 @@ | ||
| 5068 | 5192 | .frm-subscribe { |
| 5069 | 5193 | margin: var(--gap-lg) 0; |
| 5070 | 5194 | } |
| 5071 | 5195 | |
| 5072 | -/* Inbox */ | |
| 5073 | - | |
| 5074 | -#frm_inbox_page .frm_page_container { | |
| 5075 | - height: auto; | |
| 5076 | -} | |
| 5077 | - | |
| 5078 | -.frm_inbox_card { | |
| 5079 | - display: grid; | |
| 5080 | - grid-template-columns: 72px 1fr; | |
| 5081 | - grid-gap: var(--gap-xs); | |
| 5082 | - border-bottom: 1px solid var(--grey-300); | |
| 5083 | - padding: var(--gap-md); | |
| 5084 | -} | |
| 5085 | - | |
| 5086 | -.frm_inbox_card_icon { | |
| 5087 | - grid-row: span 3 / span 3; | |
| 5088 | - padding-top: var(--gap-xs); | |
| 5089 | - text-align: center | |
| 5090 | -} | |
| 5091 | - | |
| 5092 | -.frm_inbox_card_icon svg { | |
| 5093 | - height: 48px; | |
| 5094 | - width: 48px; | |
| 5095 | - color: var(--blue-border); | |
| 5096 | -} | |
| 5097 | - | |
| 5098 | -.frm_inbox_card header { | |
| 5099 | - display: grid; | |
| 5100 | - grid-template-columns: 1fr 150px; | |
| 5101 | - align-items: center; | |
| 5102 | -} | |
| 5103 | - | |
| 5104 | -.frm_inbox_card h3 { | |
| 5105 | - border: none; | |
| 5106 | - text-transform: none; | |
| 5107 | - margin: 0; | |
| 5108 | - padding: 0; | |
| 5109 | -} | |
| 5110 | - | |
| 5111 | -.frm_inbox_date { | |
| 5112 | - text-align: right; | |
| 5113 | -} | |
| 5114 | - | |
| 5115 | -.frm_inbox_count, | |
| 5116 | -.frm_inbox_unread { | |
| 5117 | - background: var(--orange); | |
| 5196 | +.frm_inbox_count { | |
| 5118 | 5197 | color: #fff; |
| 5119 | 5198 | border-radius: 50%; |
| 5120 | 5199 | display: inline-block; |
| 5121 | 5200 | margin-right: 8px; |
| @@ -5120,16 +5199,8 @@ | ||
| 5120 | 5199 | display: inline-block; |
| 5121 | 5200 | margin-right: 8px; |
| 5122 | 5201 | font-size: 11px; |
| 5123 | 5202 | text-align: center; |
| 5124 | -} | |
| 5125 | - | |
| 5126 | -.frm_inbox_unread { | |
| 5127 | - width: 8px; | |
| 5128 | - height: 8px; | |
| 5129 | -} | |
| 5130 | - | |
| 5131 | -.frm_inbox_count { | |
| 5132 | 5203 | min-width: 18px; |
| 5133 | 5204 | height: 18px; |
| 5134 | 5205 | margin-left: 2px; |
| 5135 | 5206 | vertical-align: text-bottom; |
| @@ -5135,8 +5206,12 @@ | ||
| 5135 | 5206 | vertical-align: text-bottom; |
| 5136 | 5207 | } |
| 5137 | 5208 | |
| 5138 | 5209 | /* Import/Export */ |
| 5210 | +.frm-lite .xml_opts .frm-export-xml-items { | |
| 5211 | + display: none; | |
| 5212 | +} | |
| 5213 | + | |
| 5139 | 5214 | .csv_opts #frm_csv_col_sep { |
| 5140 | 5215 | width: 45px; |
| 5141 | 5216 | } |
| 5142 | 5217 | |
| @@ -5162,9 +5237,10 @@ | ||
| 5162 | 5237 | display: inline-block; |
| 5163 | 5238 | position: relative; |
| 5164 | 5239 | } |
| 5165 | 5240 | |
| 5166 | -#frm_where_options span.frm_where_val .frm_tooltip_icon { | |
| 5241 | +#frm_where_options span.frm_where_val .frm_tooltip_icon, | |
| 5242 | +#frm_where_options span.frm_where_val .frm_help { | |
| 5167 | 5243 | left: -4px; |
| 5168 | 5244 | position: absolute; |
| 5169 | 5245 | } |
| 5170 | 5246 | |
| @@ -5198,10 +5274,10 @@ | ||
| 5198 | 5274 | font-size: var(--text-sm); |
| 5199 | 5275 | } |
| 5200 | 5276 | |
| 5201 | 5277 | .frm-feature-banner .dismiss { |
| 5202 | - margin-top: -10px; | |
| 5203 | - margin-right: -10px; | |
| 5278 | + margin-top: -10px; | |
| 5279 | + margin-right: -10px; | |
| 5204 | 5280 | } |
| 5205 | 5281 | |
| 5206 | 5282 | .frm-feature-banner .dismiss svg { |
| 5207 | 5283 | color: #fff; |
| @@ -5369,8 +5445,12 @@ | ||
| 5369 | 5445 | cursor: pointer; |
| 5370 | 5446 | outline: 0; |
| 5371 | 5447 | } |
| 5372 | 5448 | |
| 5449 | +#frm_notification_settings .widget-top .widget-action{ | |
| 5450 | + padding-top: 13.5px; | |
| 5451 | +} | |
| 5452 | + | |
| 5373 | 5453 | #frm_email_addon_menu { |
| 5374 | 5454 | border: 1px solid var(--grey-300); |
| 5375 | 5455 | padding: var(--gap-sm); |
| 5376 | 5456 | border-radius: 4px; |
| @@ -5729,16 +5809,23 @@ | ||
| 5729 | 5809 | font-size: var(--text-xs); |
| 5730 | 5810 | box-shadow: none; |
| 5731 | 5811 | } |
| 5732 | 5812 | |
| 5733 | -.frm_reply_to_container, | |
| 5734 | -.frm_bcc_cc_container { | |
| 5813 | +p.frm_bcc_cc_container, | |
| 5814 | +p.frm_reply_to_container { | |
| 5735 | 5815 | float: right; |
| 5736 | - margin: -4px 0 0; | |
| 5737 | 5816 | z-index: 1; |
| 5738 | 5817 | position: relative; |
| 5739 | 5818 | } |
| 5740 | 5819 | |
| 5820 | +p.frm_bcc_cc_container { | |
| 5821 | + margin: 14px 0 0; | |
| 5822 | +} | |
| 5823 | + | |
| 5824 | +p.frm_reply_to_container { | |
| 5825 | + margin: -4px 0 0; | |
| 5826 | +} | |
| 5827 | + | |
| 5741 | 5828 | .frm_email_row .frm_cancel1_icon:before { |
| 5742 | 5829 | vertical-align: bottom; |
| 5743 | 5830 | } |
| 5744 | 5831 | |
| @@ -5757,29 +5844,28 @@ | ||
| 5757 | 5844 | padding: var(--gap-xs) 0 0; |
| 5758 | 5845 | align-items: center; |
| 5759 | 5846 | } |
| 5760 | 5847 | |
| 5761 | -.frm-single-settings .frm_logic_row > select { | |
| 5762 | - max-width: 32.5% !important; | |
| 5848 | +.frm-single-settings ul.frm_sortable_field_opts { | |
| 5849 | + margin-bottom: 5px; | |
| 5763 | 5850 | } |
| 5764 | 5851 | |
| 5765 | -.frm-single-settings .frm_logic_row select:nth-child(2) { | |
| 5766 | - max-width: 20% !important; | |
| 5852 | +.frm-single-settings .frm_add_opt_container svg.frm_add_tag, | |
| 5853 | +.frm-single-settings .frm-add-other svg.frm_add_tag { | |
| 5854 | + position: relative; | |
| 5855 | + top: 5px; | |
| 5856 | + margin-right: 4px; | |
| 5767 | 5857 | } |
| 5768 | 5858 | |
| 5769 | -.frm-single-settings .frm_logic_row span input, | |
| 5770 | -.frm-single-settings .frm_logic_row span select { | |
| 5771 | - max-width: 36% !important; | |
| 5859 | +.frm-single-settings .frm_single_option .frm_remove_tag { | |
| 5860 | + position: relative; | |
| 5861 | + bottom: 3px; | |
| 5772 | 5862 | } |
| 5773 | 5863 | |
| 5774 | -.frm-single-settings .frm_logic_row input { | |
| 5775 | - max-width: 118px !important; | |
| 5864 | +.frm-single-settings .frm_single_option .frm_remove_tag:before { | |
| 5865 | + content: ""; | |
| 5776 | 5866 | } |
| 5777 | 5867 | |
| 5778 | -.frm-single-settings ul.frm_sortable_field_opts { | |
| 5779 | - margin-bottom: 5px; | |
| 5780 | -} | |
| 5781 | - | |
| 5782 | 5868 | .advanced_settings .frm_logic_row { |
| 5783 | 5869 | margin: 14px 0; |
| 5784 | 5870 | } |
| 5785 | 5871 | |
| @@ -5884,12 +5970,8 @@ | ||
| 5884 | 5970 | .frm_remove_tag:before { |
| 5885 | 5971 | content: '\e600'; |
| 5886 | 5972 | } |
| 5887 | 5973 | |
| 5888 | -.frm_logic_row .frm_remove_tag { | |
| 5889 | - padding-left: 7px; | |
| 5890 | -} | |
| 5891 | - | |
| 5892 | 5974 | .frm_logic_row .frm1 > .frm_remove_tag { |
| 5893 | 5975 | padding: 0; |
| 5894 | 5976 | } |
| 5895 | 5977 | |
| @@ -5897,8 +5979,17 @@ | ||
| 5897 | 5979 | font-size: 13px; |
| 5898 | 5980 | vertical-align: top; |
| 5899 | 5981 | } |
| 5900 | 5982 | |
| 5983 | +.frm_help svg, | |
| 5984 | +.frm_help .frmsvg { | |
| 5985 | + height: 13px; | |
| 5986 | + width: 13px; | |
| 5987 | + vertical-align: top; | |
| 5988 | + color: #A0A0A0; | |
| 5989 | + color: var(--grey); | |
| 5990 | +} | |
| 5991 | + | |
| 5901 | 5992 | .form-field input[type=text].frm_other_input { |
| 5902 | 5993 | width: 30%; |
| 5903 | 5994 | margin-left: 10px; |
| 5904 | 5995 | } |
| @@ -6021,8 +6112,13 @@ | ||
| 6021 | 6112 | line-height: 23px; |
| 6022 | 6113 | text-align: start; |
| 6023 | 6114 | } |
| 6024 | 6115 | |
| 6116 | +.frm_form_action_settings .frm_email_row .frm_remove_field svg { | |
| 6117 | + position: relative; | |
| 6118 | + bottom: 2px; | |
| 6119 | +} | |
| 6120 | + | |
| 6025 | 6121 | /* Entries Page */ |
| 6026 | 6122 | .frm_no_entries_form { |
| 6027 | 6123 | padding: 60px 0; |
| 6028 | 6124 | } |
| @@ -6120,9 +6216,8 @@ | ||
| 6120 | 6216 | .frm_prepop li a:hover { |
| 6121 | 6217 | background: var(--sidebar-color); |
| 6122 | 6218 | } |
| 6123 | 6219 | |
| 6124 | -/* */ | |
| 6125 | 6220 | #frm_form_editor_container #frm_form_key_box { |
| 6126 | 6221 | width: 13em; |
| 6127 | 6222 | max-width: 30% |
| 6128 | 6223 | } |
| @@ -6168,9 +6263,8 @@ | ||
| 6168 | 6263 | |
| 6169 | 6264 | #styling_settings .widget .widget-top, #frm_form_editor_container .widget .widget-top { |
| 6170 | 6265 | cursor: pointer; |
| 6171 | 6266 | } |
| 6172 | - | |
| 6173 | 6267 | .frm_sorting .widget, .frm_settings_page .widget { |
| 6174 | 6268 | background: #fff; |
| 6175 | 6269 | } |
| 6176 | 6270 | |
| @@ -6385,8 +6479,12 @@ | ||
| 6385 | 6479 | .edit_field_type_summary .frm_more_options_li:nth-child(2) { |
| 6386 | 6480 | display: none !important; |
| 6387 | 6481 | } |
| 6388 | 6482 | |
| 6483 | +.edit_field_type_submit .frm_more_options_li:not(:last-child) { | |
| 6484 | + display: none !important; | |
| 6485 | +} | |
| 6486 | + | |
| 6389 | 6487 | .frm_no_section_fields:not(.frm_block) + ul.start_divider { |
| 6390 | 6488 | padding: 0; |
| 6391 | 6489 | min-height: 132px; |
| 6392 | 6490 | } |
| @@ -6486,11 +6584,8 @@ | ||
| 6486 | 6584 | .frm-page-break:before, |
| 6487 | 6585 | .frm-page-break:after { |
| 6488 | 6586 | content: ''; |
| 6489 | 6587 | position: absolute; |
| 6490 | - top: -4px; | |
| 6491 | - width: 4px; | |
| 6492 | - height: 4px; | |
| 6493 | 6588 | background-color: #fff; |
| 6494 | 6589 | border-radius: 50%; |
| 6495 | 6590 | border: 1px solid var(--primary-700); |
| 6496 | 6591 | text-rendering: auto; |
| @@ -6496,23 +6591,11 @@ | ||
| 6496 | 6591 | text-rendering: auto; |
| 6497 | 6592 | -webkit-font-smoothing: antialiased; |
| 6498 | 6593 | } |
| 6499 | 6594 | |
| 6500 | -.frm-page-break:after { | |
| 6501 | - right: 0; | |
| 6502 | -} | |
| 6503 | - | |
| 6504 | -#frm-fake-page { | |
| 6505 | - padding: 0 5px; | |
| 6506 | -} | |
| 6507 | - | |
| 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); | |
| 6512 | -} | |
| 6513 | - | |
| 6514 | 6595 | .edit_field_type_divider:before { |
| 6596 | + font-family: 's11-fp'; | |
| 6597 | + content: '\f1dc'; | |
| 6515 | 6598 | width: 20px; |
| 6516 | 6599 | height: 20px; |
| 6517 | 6600 | left: -11px; |
| 6518 | 6601 | top: 0; |
| @@ -6521,13 +6604,8 @@ | ||
| 6521 | 6604 | color: #fff; |
| 6522 | 6605 | font-size: 13px; |
| 6523 | 6606 | } |
| 6524 | 6607 | |
| 6525 | -.edit_field_type_divider:before{ | |
| 6526 | - font-family: 's11-fp'; | |
| 6527 | - content: '\f1dc'; | |
| 6528 | -} | |
| 6529 | - | |
| 6530 | 6608 | .repeat_section.edit_field_type_divider:before { |
| 6531 | 6609 | font-family: 's11-fp'; |
| 6532 | 6610 | content: '\f363'; |
| 6533 | 6611 | } |
| @@ -6532,15 +6610,35 @@ | ||
| 6532 | 6610 | content: '\f363'; |
| 6533 | 6611 | } |
| 6534 | 6612 | |
| 6535 | 6613 | .edit_field_type_divider:after { |
| 6614 | + width: 5px; | |
| 6615 | + height: 5px; | |
| 6536 | 6616 | left: -4px; |
| 6537 | - bottom: 0; | |
| 6538 | - top: auto; | |
| 6617 | + bottom: -4px; | |
| 6539 | 6618 | transition: all 0.4s ease-out; |
| 6540 | 6619 | } |
| 6541 | 6620 | |
| 6621 | +.frm-page-break:before, | |
| 6622 | +.frm-page-break:after { | |
| 6623 | + width: 8px; | |
| 6624 | + height: 8px; | |
| 6625 | + top: -6px; | |
| 6626 | + border-color: var(--grey); | |
| 6627 | +} | |
| 6542 | 6628 | |
| 6629 | +.frm-page-break:after { | |
| 6630 | + right: 0; | |
| 6631 | +} | |
| 6632 | + | |
| 6633 | +#frm-fake-page .frm-page-break { | |
| 6634 | + border-color: var(--grey); | |
| 6635 | +} | |
| 6636 | + | |
| 6637 | +#frm-fake-page { | |
| 6638 | + padding: 0 5px; | |
| 6639 | +} | |
| 6640 | + | |
| 6543 | 6641 | .frm_sorting li.edit_field_type_divider:hover, |
| 6544 | 6642 | .frm_sorting li.edit_field_type_divider.selected { |
| 6545 | 6643 | border-left-color: var(--primary-500); |
| 6546 | 6644 | } |
| @@ -6562,9 +6660,10 @@ | ||
| 6562 | 6660 | } |
| 6563 | 6661 | |
| 6564 | 6662 | .frm-page-break .frm-collapse-page.button { |
| 6565 | 6663 | margin-left: 46%; |
| 6566 | - margin-top: calc( -28px / 2 ); | |
| 6664 | + margin-top: calc( -32px / 2 ); | |
| 6665 | + padding: 6px 12px !important; | |
| 6567 | 6666 | } |
| 6568 | 6667 | |
| 6569 | 6668 | #frm-fake-page.frm-page-collapsed { |
| 6570 | 6669 | margin-bottom: 0; |
| @@ -6575,20 +6674,8 @@ | ||
| 6575 | 6674 | overflow: visible !important; |
| 6576 | 6675 | margin-bottom: var(--gap-lg); |
| 6577 | 6676 | } |
| 6578 | 6677 | |
| 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 | 6678 | .frm-collapse-page .frmsvg, |
| 6592 | 6679 | .frm-collapse-page .frm_arrowdown6_icon { |
| 6593 | 6680 | width: var(--text-sm); |
| 6594 | 6681 | height: var(--text-sm); |
| @@ -6595,10 +6682,15 @@ | ||
| 6595 | 6682 | font-size: var(--text-sm); |
| 6596 | 6683 | text-align: center; |
| 6597 | 6684 | margin-left: 2px; |
| 6598 | 6685 | color: currentColor; |
| 6686 | + transition: transform 300ms ease-in-out; | |
| 6599 | 6687 | } |
| 6600 | 6688 | |
| 6689 | +.frm-page-collapsed .frm-collapse-page .frmsvg { | |
| 6690 | + transform: rotate(180deg); | |
| 6691 | +} | |
| 6692 | + | |
| 6601 | 6693 | #frm-fake-page .frm_arrowdown6_icon { |
| 6602 | 6694 | color: currentColor; |
| 6603 | 6695 | } |
| 6604 | 6696 | |
| @@ -6619,14 +6711,18 @@ | ||
| 6619 | 6711 | .frm-section-collapsed .frm-collapse-section svg { |
| 6620 | 6712 | transform: rotate(-90deg); |
| 6621 | 6713 | } |
| 6622 | 6714 | |
| 6623 | -.open .widget-top .frm_arrow_right_icon:before { | |
| 6624 | - content: '\e62a'; | |
| 6715 | +.open .widget-top .widget-title-action button .frmsvg { | |
| 6716 | + transform: rotate(90deg); | |
| 6625 | 6717 | } |
| 6626 | 6718 | |
| 6719 | +.widget-top .widget-title-action button .frmsvg use { | |
| 6720 | + color: var(--grey); | |
| 6721 | +} | |
| 6722 | + | |
| 6627 | 6723 | .frm-collapsed + .frm-collapse-me { |
| 6628 | - overflow: hidden !important; | |
| 6724 | + overflow: hidden !important; | |
| 6629 | 6725 | } |
| 6630 | 6726 | |
| 6631 | 6727 | .frm-collapse-me { |
| 6632 | 6728 | padding-bottom: 10px; |
| @@ -6667,9 +6763,9 @@ | ||
| 6667 | 6763 | box-sizing: border-box; |
| 6668 | 6764 | border: 1px dashed var(--grey-300); |
| 6669 | 6765 | } |
| 6670 | 6766 | |
| 6671 | -.ui-droppable-active ~ .frm_no_fields { | |
| 6767 | +.frm-over-droppable + .frm_no_fields { | |
| 6672 | 6768 | border-style: solid; |
| 6673 | 6769 | } |
| 6674 | 6770 | |
| 6675 | 6771 | .frm_no_section_fields { |
| @@ -6687,8 +6783,16 @@ | ||
| 6687 | 6783 | width: 90%; |
| 6688 | 6784 | top: 0; |
| 6689 | 6785 | } |
| 6690 | 6786 | |
| 6787 | +.frm-empty-fields .frm_updated_message ~ .frm_no_fields { | |
| 6788 | + top: 60px; | |
| 6789 | +} | |
| 6790 | + | |
| 6791 | +#frm_form_editor_container:not(.frm-has-fields) #frm-show-fields > .frm_field_box:last-child { | |
| 6792 | + visibility: hidden; | |
| 6793 | +} | |
| 6794 | + | |
| 6691 | 6795 | .frm-has-fields .frm_no_fields { |
| 6692 | 6796 | display: none; |
| 6693 | 6797 | } |
| 6694 | 6798 | |
| @@ -6760,14 +6864,8 @@ | ||
| 6760 | 6864 | .frm_prod_options_heading.frm_prod_user_def { |
| 6761 | 6865 | display: none; |
| 6762 | 6866 | } |
| 6763 | 6867 | |
| 6764 | -#frm-preview-block { | |
| 6765 | - height: 400px; | |
| 6766 | - overflow: scroll; | |
| 6767 | - margin: 0; | |
| 6768 | -} | |
| 6769 | - | |
| 6770 | 6868 | .plugin-card-bottom .frm-trash { |
| 6771 | 6869 | color: #a00; |
| 6772 | 6870 | } |
| 6773 | 6871 | |
| @@ -6773,10 +6871,10 @@ | ||
| 6773 | 6871 | |
| 6774 | 6872 | .frm-fields p > .frm_inline_label, |
| 6775 | 6873 | .frm_inline_label { |
| 6776 | 6874 | padding-left: 3px; |
| 6777 | - margin-right: 12px; | |
| 6778 | - display: inline-block; | |
| 6875 | + margin-right: 12px; | |
| 6876 | + display: inline-block; | |
| 6779 | 6877 | } |
| 6780 | 6878 | |
| 6781 | 6879 | .frm_left_label { |
| 6782 | 6880 | clear: both; |
| @@ -6849,31 +6947,8 @@ | ||
| 6849 | 6947 | border-left: none; |
| 6850 | 6948 | border-right: none; |
| 6851 | 6949 | } |
| 6852 | 6950 | |
| 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 | 6951 | .frm-postbox-no-h3 { |
| 6877 | 6952 | padding-top: 10px; |
| 6878 | 6953 | } |
| 6879 | 6954 | |
| @@ -7046,9 +7121,9 @@ | ||
| 7046 | 7121 | .frm_form_settings .frm-with-right-icon .frmsvg { |
| 7047 | 7122 | top: 0; |
| 7048 | 7123 | } |
| 7049 | 7124 | |
| 7050 | -.frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg { | |
| 7125 | +.frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg, #frm_builder_page .wp-editor-container .frm-with-right-icon .frmsvg { | |
| 7051 | 7126 | top: auto; |
| 7052 | 7127 | bottom: 0; |
| 7053 | 7128 | } |
| 7054 | 7129 | |
| @@ -7101,26 +7176,33 @@ | ||
| 7101 | 7176 | #frm-show-fields .frm-with-left-icon i { |
| 7102 | 7177 | padding-top: 10px; |
| 7103 | 7178 | } |
| 7104 | 7179 | |
| 7180 | +.frm-search .frm_search_icon { | |
| 7181 | + padding-left: 18px !important; | |
| 7182 | + padding-right: 12px !important; | |
| 7183 | +} | |
| 7184 | + | |
| 7105 | 7185 | .frm-search input[name="s"], |
| 7106 | 7186 | .frm-search .dropdown-toggle, |
| 7107 | 7187 | .frm-search input.frm-search-input { |
| 7108 | 7188 | border-radius: var(--small-radius); |
| 7109 | - padding-left: 33px !important; | |
| 7110 | 7189 | border-color: var(--grey-300); |
| 7111 | 7190 | } |
| 7112 | 7191 | |
| 7113 | -.frm_wrap .frm-search .frm-search-input, | |
| 7114 | -.frm-modal .frm-search .frm-search-input, | |
| 7115 | 7192 | .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; | |
| 7193 | +#wpwrap .frm-search input[type="search"] { | |
| 7119 | 7194 | flex: 1; |
| 7120 | 7195 | font-size: var(--text-sm); |
| 7196 | + line-height: var(--text-lg); | |
| 7197 | + padding: var(--gap-xs); | |
| 7121 | 7198 | } |
| 7122 | 7199 | |
| 7200 | +.frm-search input[type="search"], | |
| 7201 | +.frm-search input[type="text"] { | |
| 7202 | + padding-left: var(--gap-xl) !important; | |
| 7203 | +} | |
| 7204 | + | |
| 7123 | 7205 | .frm-search .dropdown-toggle { |
| 7124 | 7206 | width: 100%; |
| 7125 | 7207 | float: none; |
| 7126 | 7208 | max-width: 200px; |
| @@ -7125,8 +7207,9 @@ | ||
| 7125 | 7207 | float: none; |
| 7126 | 7208 | max-width: 200px; |
| 7127 | 7209 | background: transparent; |
| 7128 | 7210 | padding: 7px; |
| 7211 | + padding-left: 33px !important; | |
| 7129 | 7212 | min-height: 32px; |
| 7130 | 7213 | text-align: inherit; |
| 7131 | 7214 | overflow: hidden; |
| 7132 | 7215 | text-overflow: ellipsis; |
| @@ -7261,9 +7344,9 @@ | ||
| 7261 | 7344 | margin-bottom: 0; |
| 7262 | 7345 | } |
| 7263 | 7346 | |
| 7264 | 7347 | .post-type-frm_display #side-sortables .misc-pub-section { |
| 7265 | - padding: 15px 20px 10px; | |
| 7348 | + padding: 15px 20px 10px; | |
| 7266 | 7349 | } |
| 7267 | 7350 | |
| 7268 | 7351 | .post-type-frm_display .misc-pub-section .frmsvg, |
| 7269 | 7352 | .post-type-frm_display #post-body .misc-pub-post-status:before, |
| @@ -7368,16 +7451,16 @@ | ||
| 7368 | 7451 | ul .frm_col_two { |
| 7369 | 7452 | float: right; |
| 7370 | 7453 | } |
| 7371 | 7454 | |
| 7372 | -.frm_two_col li { | |
| 7373 | - float: left; | |
| 7374 | - width: 48%; | |
| 7375 | - margin-right: 4%; | |
| 7455 | +ul.frm_two_col { | |
| 7456 | + display: grid; | |
| 7457 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 7458 | + gap: var(--gap-sm); | |
| 7376 | 7459 | } |
| 7377 | 7460 | |
| 7378 | -.frm_two_col li:nth-child(2n+2) { | |
| 7379 | - margin-right: 0; | |
| 7461 | +.frm_two_col li { | |
| 7462 | + margin-bottom: 0; | |
| 7380 | 7463 | } |
| 7381 | 7464 | |
| 7382 | 7465 | .frm-info-modal a, |
| 7383 | 7466 | .frm-info-modal ul, |
| @@ -7384,11 +7467,10 @@ | ||
| 7384 | 7467 | .frm-info-modal p, |
| 7385 | 7468 | .frm-info-modal, |
| 7386 | 7469 | .settings-lite-cta a, |
| 7387 | 7470 | .settings-lite-cta ul, |
| 7388 | -.settings-lite-cta p, | |
| 7389 | 7471 | .settings-lite-cta { |
| 7390 | - color: #666; | |
| 7472 | + color: var(--grey-500); | |
| 7391 | 7473 | font-size: var(--text-md); |
| 7392 | 7474 | box-shadow: none !important; |
| 7393 | 7475 | } |
| 7394 | 7476 | |
| @@ -7402,9 +7484,9 @@ | ||
| 7402 | 7484 | } |
| 7403 | 7485 | |
| 7404 | 7486 | .frm-info-modal .postbox .inside, |
| 7405 | 7487 | .settings-lite-cta .postbox .inside { |
| 7406 | - padding: 20px 40px; | |
| 7488 | + padding: var(--gap-md); | |
| 7407 | 7489 | margin: 0; |
| 7408 | 7490 | } |
| 7409 | 7491 | |
| 7410 | 7492 | .cta-inside a { |
| @@ -7452,17 +7534,21 @@ | ||
| 7452 | 7534 | color: var(--grey-700); |
| 7453 | 7535 | padding: 5px 10px; |
| 7454 | 7536 | font-size: var(--text-md); |
| 7455 | 7537 | gap: var(--gap-xs); |
| 7456 | - align-items: center; | |
| 7538 | + align-items: center; | |
| 7457 | 7539 | } |
| 7458 | 7540 | |
| 7459 | 7541 | .frm_code_list.frm-full-hover a span { |
| 7460 | 7542 | max-width: 83px; |
| 7461 | - text-align: right; | |
| 7543 | + margin-right: var(--gap-xs); | |
| 7462 | 7544 | margin-left: auto; |
| 7463 | 7545 | } |
| 7464 | 7546 | |
| 7547 | +.frm-single-settings .frm_code_list.frm-full-hover a { | |
| 7548 | + display: block; | |
| 7549 | +} | |
| 7550 | + | |
| 7465 | 7551 | .frm_code_list.frm-full-hover a, |
| 7466 | 7552 | .frm_code_list.frm-full-hover a span { |
| 7467 | 7553 | white-space: nowrap; |
| 7468 | 7554 | overflow: hidden; |
| @@ -7635,8 +7721,13 @@ | ||
| 7635 | 7721 | width: 13px; |
| 7636 | 7722 | height: 13px; |
| 7637 | 7723 | } |
| 7638 | 7724 | |
| 7725 | +.frmsvg.frm_svg9 { | |
| 7726 | + width: 9px; | |
| 7727 | + height: 9px; | |
| 7728 | +} | |
| 7729 | + | |
| 7639 | 7730 | .frmbutton.ui-sortable-helper .frmsvg, |
| 7640 | 7731 | .field_type_list li.frmbutton .frmsvg, |
| 7641 | 7732 | .frmbutton.ui-sortable-helper i, |
| 7642 | 7733 | .field_type_list li.frmbutton i, |
| @@ -7716,25 +7807,13 @@ | ||
| 7716 | 7807 | transition: opacity .2s; |
| 7717 | 7808 | opacity: 1; |
| 7718 | 7809 | } |
| 7719 | 7810 | |
| 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 | 7811 | /* End dragging */ |
| 7728 | 7812 | |
| 7729 | -.field_type_list .frm_icon_font:before { | |
| 7730 | - font-size: 20px; | |
| 7731 | -} | |
| 7732 | - | |
| 7733 | 7813 | li.frm_noallow.button, |
| 7734 | 7814 | .frm_noallow { |
| 7735 | 7815 | opacity: .5; |
| 7736 | - filter: alpha(opacity=50); | |
| 7737 | 7816 | } |
| 7738 | 7817 | |
| 7739 | 7818 | .frm_actions_list a.frm_show_upgrade.frm_inactive_action:before, |
| 7740 | 7819 | li.frm_noallow.button.frm_show_upgrade { |
| @@ -7751,9 +7830,12 @@ | ||
| 7751 | 7830 | |
| 7752 | 7831 | #frm_upgrade_modal_image { |
| 7753 | 7832 | max-width: 200px; |
| 7754 | 7833 | } |
| 7755 | - | |
| 7834 | +#frm_upgrade_modal .frm-upgrade-message img { | |
| 7835 | + margin-top: 10px; | |
| 7836 | + width: 100%; | |
| 7837 | +} | |
| 7756 | 7838 | .frm-tab-message { |
| 7757 | 7839 | max-width: 600px; |
| 7758 | 7840 | margin: 20px auto; |
| 7759 | 7841 | color: rgba(63, 75, 91, 0.8); |
| @@ -7855,21 +7937,51 @@ | ||
| 7855 | 7937 | opacity: .5; |
| 7856 | 7938 | z-index: 2; |
| 7857 | 7939 | } |
| 7858 | 7940 | |
| 7859 | -#frm_upgrade_modal { | |
| 7860 | - text-align: center; | |
| 7941 | +.frm-circled-icon { | |
| 7942 | + width: 60px; | |
| 7943 | + height: 60px; | |
| 7944 | + border-radius: 50%; | |
| 7945 | + background-color: var(--primary-25); | |
| 7861 | 7946 | } |
| 7862 | 7947 | |
| 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; | |
| 7948 | +.frm-circled-icon-large { | |
| 7949 | + width: 80px; | |
| 7950 | + height: 80px; | |
| 7870 | 7951 | } |
| 7871 | 7952 | |
| 7953 | +.frm-circled-icon-green { | |
| 7954 | + background-color: var(--success-50); | |
| 7955 | +} | |
| 7956 | + | |
| 7957 | +.frm-circled-icon .frmsvg { | |
| 7958 | + width: 21px; | |
| 7959 | + height: 24px; | |
| 7960 | +} | |
| 7961 | + | |
| 7962 | +.frm-circled-icon-large .frmsvg { | |
| 7963 | + width: 24px; | |
| 7964 | +} | |
| 7965 | + | |
| 7966 | +.frm-circled-icon .frmsvg use { | |
| 7967 | + color: var(--primary-500); | |
| 7968 | + } | |
| 7969 | + | |
| 7970 | +.frm-circled-icon-green .frmsvg use { | |
| 7971 | + color: var(--success-500); | |
| 7972 | +} | |
| 7973 | + | |
| 7974 | +.frm-border-icon { | |
| 7975 | + display: flex; | |
| 7976 | + align-items: center; | |
| 7977 | + justify-content: center; | |
| 7978 | + width: 40px; | |
| 7979 | + height: 40px; | |
| 7980 | + border: 1px solid var(--grey-300); | |
| 7981 | + border-radius: var(--small-radius); | |
| 7982 | +} | |
| 7983 | + | |
| 7872 | 7984 | .frm-upgrade-message img { |
| 7873 | 7985 | max-width: 100%; |
| 7874 | 7986 | } |
| 7875 | 7987 | |
| @@ -8097,8 +8209,9 @@ | ||
| 8097 | 8209 | .frm-white-body .wrap input[type="text"], /* Cover Views pages */ |
| 8098 | 8210 | .frm-white-body .wrap input[type="search"], |
| 8099 | 8211 | .frm-white-body .wrap input[type="number"], |
| 8100 | 8212 | .frm-white-body .wrap select, |
| 8213 | +#frm-form-templates-modal select, | |
| 8101 | 8214 | .frm-white-body .wrap textarea, |
| 8102 | 8215 | button.frm_choose_image_box, |
| 8103 | 8216 | #titlediv input[type="text"], |
| 8104 | 8217 | .frm-fields button.btn, |
| @@ -8104,8 +8217,9 @@ | ||
| 8104 | 8217 | .frm-fields button.btn, |
| 8105 | 8218 | .frm_wrap textarea, |
| 8106 | 8219 | .frm_wrap input[type="tel"], |
| 8107 | 8220 | .frm_wrap input[type="text"], |
| 8221 | +.frm_wrap input[type="email"] | |
| 8108 | 8222 | .frm_wrap input[type=search], |
| 8109 | 8223 | .frm_wrap input[type="number"], |
| 8110 | 8224 | .frm_wrap input[type="date"], |
| 8111 | 8225 | .frm_wrap select, |
| @@ -8111,9 +8225,10 @@ | ||
| 8111 | 8225 | .frm_wrap select, |
| 8112 | 8226 | .wp-admin .frm_wrap select, |
| 8113 | 8227 | .field-group textarea, |
| 8114 | 8228 | .field-group input[type="text"], |
| 8115 | -.field-group select { | |
| 8229 | +.field-group select, | |
| 8230 | +.frm-fields .frm-input-field { | |
| 8116 | 8231 | outline: 0; |
| 8117 | 8232 | box-shadow: none; |
| 8118 | 8233 | border-radius: var(--small-radius); |
| 8119 | 8234 | padding: 5px 14px; |
| @@ -8125,9 +8240,9 @@ | ||
| 8125 | 8240 | line-height: var(--leading); |
| 8126 | 8241 | } |
| 8127 | 8242 | |
| 8128 | 8243 | .frm_wrap ::-webkit-datetime-edit { |
| 8129 | - line-height: var(--leading); | |
| 8244 | + line-height: var(--leading); | |
| 8130 | 8245 | } |
| 8131 | 8246 | |
| 8132 | 8247 | .frm-white-body textarea:focus, |
| 8133 | 8248 | .frm-white-body input:focus, |
| @@ -8134,8 +8249,9 @@ | ||
| 8134 | 8249 | .frm-white-body select:focus, |
| 8135 | 8250 | .frm_wrap input:focus, |
| 8136 | 8251 | .frm_wrap select:focus, |
| 8137 | 8252 | .wp-core-ui .frm_wrap select:focus, |
| 8253 | +#frm-form-templates-modal select:focus, | |
| 8138 | 8254 | .frm-btn-group .multiselect.dropdown-toggle:focus, |
| 8139 | 8255 | .frm_wrap textarea:focus { |
| 8140 | 8256 | border-color: var(--primary-500) !important; |
| 8141 | 8257 | box-shadow: none !important; |
| @@ -8154,9 +8270,10 @@ | ||
| 8154 | 8270 | .frm_wrap select { |
| 8155 | 8271 | padding: 2px; |
| 8156 | 8272 | } |
| 8157 | 8273 | |
| 8158 | -.wp-admin .frm_wrap select { | |
| 8274 | +.wp-admin .frm_wrap select, | |
| 8275 | +#frm-form-templates-modal select { | |
| 8159 | 8276 | max-width: 100%; |
| 8160 | 8277 | } |
| 8161 | 8278 | |
| 8162 | 8279 | .frm_form_field.frm_scroll_box .frm_opt_container { |
| @@ -8172,8 +8289,13 @@ | ||
| 8172 | 8289 | .frm_wrap input::placeholder { |
| 8173 | 8290 | color: var(--grey-500); |
| 8174 | 8291 | } |
| 8175 | 8292 | |
| 8293 | +.frm_wrap .frm-button-primary.frm-disabled { | |
| 8294 | + opacity: 0.5; | |
| 8295 | + cursor: default; | |
| 8296 | +} | |
| 8297 | + | |
| 8176 | 8298 | #postcustomstuff table td > div { |
| 8177 | 8299 | /* To override some inline css in add-on */ |
| 8178 | 8300 | padding-top: 0 !important; |
| 8179 | 8301 | } |
| @@ -8189,9 +8311,10 @@ | ||
| 8189 | 8311 | } |
| 8190 | 8312 | |
| 8191 | 8313 | #postbox-container-2 select, |
| 8192 | 8314 | .wp-admin .frm_wrap select, |
| 8193 | -.frm_wrap .frm_form_builder select { | |
| 8315 | +.frm_wrap .frm_form_builder select, | |
| 8316 | +#frm-form-templates-modal select { | |
| 8194 | 8317 | height: auto; |
| 8195 | 8318 | background-position: right 11px top 55%; |
| 8196 | 8319 | } |
| 8197 | 8320 | |
| @@ -8205,9 +8328,9 @@ | ||
| 8205 | 8328 | line-height: 1; |
| 8206 | 8329 | } |
| 8207 | 8330 | |
| 8208 | 8331 | .frm_wrap .tablenav ::-webkit-datetime-edit { |
| 8209 | - line-height: 1; | |
| 8332 | + line-height: 1; | |
| 8210 | 8333 | } |
| 8211 | 8334 | |
| 8212 | 8335 | .frm-fields button.btn, |
| 8213 | 8336 | .frm-fields textarea, |
| @@ -8215,9 +8338,10 @@ | ||
| 8215 | 8338 | .frm-fields select, |
| 8216 | 8339 | .field-group textarea, |
| 8217 | 8340 | .field-group input[type="text"], |
| 8218 | 8341 | .field-group select, |
| 8219 | -.accordion-container input.hex { | |
| 8342 | +.accordion-container input.hex, | |
| 8343 | +.frm-fields .frm-input-field { | |
| 8220 | 8344 | width: 100%; |
| 8221 | 8345 | outline: 0; |
| 8222 | 8346 | } |
| 8223 | 8347 | |
| @@ -8236,11 +8360,11 @@ | ||
| 8236 | 8360 | margin: 0 !important; |
| 8237 | 8361 | } |
| 8238 | 8362 | |
| 8239 | 8363 | .frm_images_dropdown .frm_radio input[type=radio] { |
| 8240 | - opacity: 0; | |
| 8241 | - position: absolute; | |
| 8242 | - z-index: -1; | |
| 8364 | + opacity: 0; | |
| 8365 | + position: absolute; | |
| 8366 | + z-index: -1; | |
| 8243 | 8367 | } |
| 8244 | 8368 | |
| 8245 | 8369 | .frm_images_dropdown__image .frmsvg { |
| 8246 | 8370 | width: 100%; |
| @@ -8304,8 +8428,42 @@ | ||
| 8304 | 8428 | .windows ::-webkit-scrollbar-corner { |
| 8305 | 8429 | background: transparent; |
| 8306 | 8430 | } |
| 8307 | 8431 | |
| 8432 | +.frm-scrollbar-wrapper { | |
| 8433 | + overflow-x: hidden; | |
| 8434 | + overflow-y: auto; /* Enable scrolling */ | |
| 8435 | + -ms-overflow-style: none; /* For IE and Edge */ | |
| 8436 | + scrollbar-color: transparent transparent; /* Firefox Scrollbar - transparent by default and show on hover */ | |
| 8437 | + scrollbar-width: thin; | |
| 8438 | +} | |
| 8439 | + | |
| 8440 | +.frm-scrollbar-wrapper:hover { | |
| 8441 | + scrollbar-color: var(--grey-300) var(--sidebar-color); /* Firefox Scrollbar - Show on hover */ | |
| 8442 | +} | |
| 8443 | + | |
| 8444 | +.frm-scrollbar-wrapper::-webkit-scrollbar { | |
| 8445 | + width: 3px; | |
| 8446 | +} | |
| 8447 | + | |
| 8448 | +.frm-scrollbar-wrapper::-webkit-scrollbar-track { | |
| 8449 | + background: var(--sidebar-color); | |
| 8450 | +} | |
| 8451 | + | |
| 8452 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb { | |
| 8453 | + background: transparent; | |
| 8454 | + border-radius: 100vw; | |
| 8455 | +} | |
| 8456 | + | |
| 8457 | +.frm-scrollbar-wrapper:hover::-webkit-scrollbar-thumb { | |
| 8458 | + background: var(--grey-300); /* Show scrollbar on hover */ | |
| 8459 | +} | |
| 8460 | + | |
| 8461 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb:hover { | |
| 8462 | + background: var(--grey-400); /* Show scrollbar on hover */ | |
| 8463 | +} | |
| 8464 | +/* End scrollbar */ | |
| 8465 | + | |
| 8308 | 8466 | /* RTL */ |
| 8309 | 8467 | .rtl h3 { |
| 8310 | 8468 | font-weight: inherit !important; |
| 8311 | 8469 | } |
| @@ -8382,10 +8540,10 @@ | ||
| 8382 | 8540 | right: auto; |
| 8383 | 8541 | left: 5px; |
| 8384 | 8542 | } |
| 8385 | 8543 | |
| 8386 | -.rtl .frm_reply_to_container, | |
| 8387 | -.rtl .frm_bcc_cc_container { | |
| 8544 | +.rtl p.frm_reply_to_container, | |
| 8545 | +.rtl p.frm_bcc_cc_container { | |
| 8388 | 8546 | float: left; |
| 8389 | 8547 | } |
| 8390 | 8548 | |
| 8391 | 8549 | .rtl .frm-default-switcher { |
| @@ -8408,8 +8566,12 @@ | ||
| 8408 | 8566 | padding-right: 5px !important; |
| 8409 | 8567 | background-position: left 11px top 55%; |
| 8410 | 8568 | } |
| 8411 | 8569 | |
| 8570 | +.rtl .frm_code_list.frm-full-hover a span { | |
| 8571 | + margin-left: var(--gap-xs); | |
| 8572 | +} | |
| 8573 | + | |
| 8412 | 8574 | /* --------------------------------------------------------------- |
| 8413 | 8575 | Clearfix |
| 8414 | 8576 | --------------------------------------------------------------- */ |
| 8415 | 8577 | span.clear { |
| @@ -8493,16 +8655,8 @@ | ||
| 8493 | 8655 | .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container, |
| 8494 | 8656 | .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container { |
| 8495 | 8657 | left: 36px; |
| 8496 | 8658 | } |
| 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 | 8659 | } |
| 8506 | 8660 | |
| 8507 | 8661 | @media only screen and (max-width: 850px) { |
| 8508 | 8662 | #frm_bs_dropdown { |
| @@ -8743,15 +8897,14 @@ | ||
| 8743 | 8897 | #wp-content-media-buttons a.frm_insert_form { |
| 8744 | 8898 | padding: 0 var(--gap-sm); |
| 8745 | 8899 | } |
| 8746 | 8900 | |
| 8747 | - .frm-admin-footer-links { | |
| 8748 | - padding-left: 0; | |
| 8901 | + .frm-white-body input[type="checkbox"]:checked::before, | |
| 8902 | + .frm_wrap input[type="checkbox"]:checked::before { | |
| 8903 | + width: 1.2rem; | |
| 8904 | + height: 1.2rem; | |
| 8905 | + margin: 0.125rem; | |
| 8749 | 8906 | } |
| 8750 | - | |
| 8751 | - body.rtl .frm-admin-footer-links { | |
| 8752 | - padding-right: 0; | |
| 8753 | - } | |
| 8754 | 8907 | } |
| 8755 | 8908 | |
| 8756 | 8909 | @media only screen and (max-width: 700px) { |
| 8757 | 8910 | .frm-white-body, |
| @@ -9017,9 +9170,9 @@ | ||
| 9017 | 9170 | } |
| 9018 | 9171 | |
| 9019 | 9172 | #frm_field_group_popup .frm-cancel-custom-field-group-layout:hover { |
| 9020 | 9173 | border-color: var(--primary-500) !important; |
| 9021 | - color: var(--primary-500); | |
| 9174 | + color: var(--primary-500); | |
| 9022 | 9175 | background-color: transparent !important; |
| 9023 | 9176 | } |
| 9024 | 9177 | |
| 9025 | 9178 | .frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group { |
| @@ -9091,8 +9244,9 @@ | ||
| 9091 | 9244 | color: rgba(40, 47, 54, 0.85); |
| 9092 | 9245 | font-size: 13px; |
| 9093 | 9246 | right: 30px; |
| 9094 | 9247 | bottom: 10px; |
| 9248 | + z-index: 2; | |
| 9095 | 9249 | } |
| 9096 | 9250 | |
| 9097 | 9251 | #frm_field_multiselect_popup > div { |
| 9098 | 9252 | display: inline-block; |
| @@ -9179,8 +9333,12 @@ | ||
| 9179 | 9333 | .frm-banner-cta a { |
| 9180 | 9334 | text-decoration: underline !important; |
| 9181 | 9335 | } |
| 9182 | 9336 | |
| 9337 | +#frm_banner .frm-banner-cta a.frm_inbox_dismiss { | |
| 9338 | + display: none; | |
| 9339 | +} | |
| 9340 | + | |
| 9183 | 9341 | .frm-banner-dismiss { |
| 9184 | 9342 | cursor: pointer; |
| 9185 | 9343 | position: absolute; |
| 9186 | 9344 | right: 10px; |
| @@ -9195,61 +9353,14 @@ | ||
| 9195 | 9353 | .frm-ready-made-solution:not(.frm-search-result) { |
| 9196 | 9354 | display: none !important; |
| 9197 | 9355 | } |
| 9198 | 9356 | |
| 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; | |
| 9206 | -} | |
| 9207 | - | |
| 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; | |
| 9216 | -} | |
| 9217 | - | |
| 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 | -#frm_leave_email_wrapper { | |
| 9235 | - position: relative; | |
| 9236 | - margin: 0 auto; | |
| 9237 | -} | |
| 9238 | - | |
| 9239 | -#frm_new_form_modal #frm_leave_email_wrapper { | |
| 9240 | - width: 600px; | |
| 9241 | -} | |
| 9242 | - | |
| 9243 | 9357 | #frm_leave_email_wrapper .frmsvg { |
| 9244 | 9358 | top: 0; |
| 9245 | 9359 | } |
| 9246 | 9360 | |
| 9247 | -#frm_leave_email_error { | |
| 9248 | - position: absolute; | |
| 9249 | - right: 71px; | |
| 9250 | - top: 7px; | |
| 9251 | - color: #973937; | |
| 9361 | +#frm-add-my-email-address { | |
| 9362 | + margin-top: 30px; | |
| 9252 | 9363 | } |
| 9253 | 9364 | |
| 9254 | 9365 | .frm-ready-made-solution h3 ~ a { |
| 9255 | 9366 | color: var(--primary-500); |
| @@ -9281,10 +9392,10 @@ | ||
| 9281 | 9392 | } |
| 9282 | 9393 | |
| 9283 | 9394 | .frm_on_submit_type input { |
| 9284 | 9395 | opacity: 0 !important; |
| 9285 | - position: absolute; | |
| 9286 | - z-index: -1; | |
| 9396 | + position: absolute; | |
| 9397 | + z-index: -1; | |
| 9287 | 9398 | } |
| 9288 | 9399 | |
| 9289 | 9400 | .frm_on_submit_type input[type="radio"]:checked + label { |
| 9290 | 9401 | border-color: var(--primary-color); |
| @@ -9294,5 +9405,424 @@ | ||
| 9294 | 9405 | #form_settings_page .frm_on_submit_type label:hover, |
| 9295 | 9406 | .frm_on_submit_type input[type="radio"]:checked + label svg { |
| 9296 | 9407 | color: var(--primary-color); |
| 9297 | 9408 | } |
| 9298 | -/* End On Submit action */ | |
| 9409 | +/* End On Submit action */ | |
| 9410 | + | |
| 9411 | +/* Start call-to-action */ | |
| 9412 | +.frm_pro_tip, | |
| 9413 | +.frm-cta { | |
| 9414 | + justify-content: space-between; | |
| 9415 | + align-items: center; | |
| 9416 | + gap: var(--gap-2xl); | |
| 9417 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9418 | + border-radius: var(--small-radius); | |
| 9419 | + background: var(--primary-25); | |
| 9420 | +} | |
| 9421 | + | |
| 9422 | +.frm-cta.frm-cta-border { | |
| 9423 | + border: 1px solid var(--primary-200); | |
| 9424 | +} | |
| 9425 | + | |
| 9426 | +.frm-cta.frm-cta-border .frm-cta-footer { | |
| 9427 | + background-color: #fff; | |
| 9428 | + padding: 12px var(--gap-sm); | |
| 9429 | + border-top: 1px solid var(--primary-200); | |
| 9430 | + border-bottom-left-radius: var(--small-radius); | |
| 9431 | + border-bottom-right-radius: var(--small-radius); | |
| 9432 | + margin-top: 12px; | |
| 9433 | + margin-bottom: calc(-1 * var(--gap-sm)); | |
| 9434 | + margin-left: calc(-1 * var(--gap-sm)); | |
| 9435 | + margin-right: calc(-1 * var(--gap-sm)); | |
| 9436 | +} | |
| 9437 | + | |
| 9438 | +.frm-cta h4 { | |
| 9439 | + font-weight: 600; | |
| 9440 | + margin-top: 0; | |
| 9441 | + margin-bottom: var(--gap-2xs); | |
| 9442 | +} | |
| 9443 | + | |
| 9444 | +.frm-cta-green { | |
| 9445 | + background-color: var(--success-25); | |
| 9446 | +} | |
| 9447 | + | |
| 9448 | +.frm-cta-green .frm-banner-title { | |
| 9449 | + gap: calc(var(--gap-2xs) + 1px); | |
| 9450 | + color: var(--grey-700); | |
| 9451 | +} | |
| 9452 | + | |
| 9453 | +.frm-cta-green.frm-cta-border { | |
| 9454 | + border-color: var(--success-100) | |
| 9455 | +} | |
| 9456 | + | |
| 9457 | +.frm-cta-green.frm-cta-border .frm-cta-footer { | |
| 9458 | + border-color: var(--success-100); | |
| 9459 | +} | |
| 9460 | + | |
| 9461 | +.frm-cta-red { | |
| 9462 | + background-color: var(--error-25); | |
| 9463 | +} | |
| 9464 | + | |
| 9465 | +.frm-cta-red.frm-cta-border { | |
| 9466 | + border-color: var(--error-100); | |
| 9467 | +} | |
| 9468 | + | |
| 9469 | +.frm-right-panel .inside .frm_pro_tip, | |
| 9470 | +.frm_pro_tip { | |
| 9471 | + color: var(--grey-700); | |
| 9472 | + background: #FFE7DE; | |
| 9473 | + margin: 0 auto; | |
| 9474 | + display: flex; | |
| 9475 | + gap: var(--gap-xs); | |
| 9476 | +} | |
| 9477 | + | |
| 9478 | +.frm_field_list .frm_pro_tip { | |
| 9479 | + margin: 10px 15px; | |
| 9480 | + position: relative; | |
| 9481 | + width: calc(100% - 30px); | |
| 9482 | + box-sizing: border-box; | |
| 9483 | +} | |
| 9484 | + | |
| 9485 | +.frm_pro_tip .frmsvg, | |
| 9486 | +.frm_pro_tip i { | |
| 9487 | + color: var(--orange); | |
| 9488 | +} | |
| 9489 | + | |
| 9490 | +.frm-tip-info { | |
| 9491 | + flex: 1; | |
| 9492 | + text-align: left; | |
| 9493 | +} | |
| 9494 | + | |
| 9495 | +.frm-tip-cta { | |
| 9496 | + color: var(--orange); | |
| 9497 | +} | |
| 9498 | + | |
| 9499 | +.frm-light-tip .frm_pro_tip { | |
| 9500 | + background: var(--primary-25); | |
| 9501 | +} | |
| 9502 | + | |
| 9503 | +.frm-light-tip .frm_pro_tip .frmsvg, | |
| 9504 | +.frm-light-tip .frm_pro_tip i, | |
| 9505 | +.frm-light-tip .frm-tip-cta { | |
| 9506 | + color: var(--primary-500); | |
| 9507 | +} | |
| 9508 | + | |
| 9509 | +.frm-tip-cta:hover { | |
| 9510 | + color: var(--primary-500); | |
| 9511 | +} | |
| 9512 | + | |
| 9513 | +.nav-tab-wrapper .frm_pro_tip { | |
| 9514 | + float: right; | |
| 9515 | +} | |
| 9516 | +/* End call-to-action */ | |
| 9517 | + | |
| 9518 | +/* Start confirm and form templates modals */ | |
| 9519 | +#frm-form-templates-modal textarea { | |
| 9520 | + height: 108px; | |
| 9521 | +} | |
| 9522 | + | |
| 9523 | +#frm-form-templates-modal .frm-fields button.btn { | |
| 9524 | + border-color: var(--grey-300); | |
| 9525 | + color: var(--grey-900); | |
| 9526 | + cursor: pointer; | |
| 9527 | +} | |
| 9528 | + | |
| 9529 | +#frm-form-templates-modal .frm-fields button.btn .frmsvg { | |
| 9530 | + color: var(--grey-400); | |
| 9531 | + width: 14px; | |
| 9532 | + height: 14px; | |
| 9533 | +} | |
| 9534 | + | |
| 9535 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset { | |
| 9536 | + position: relative; | |
| 9537 | +} | |
| 9538 | + | |
| 9539 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset .frm-with-left-icon .frmsvg { | |
| 9540 | + padding: 0; | |
| 9541 | + top: 0; | |
| 9542 | + left: 13px; | |
| 9543 | +} | |
| 9544 | + | |
| 9545 | +/* Fixes pro issue #3508, prevent a conflict that hides the postbox in modal */ | |
| 9546 | +#frm-form-templates-modal .postbox { | |
| 9547 | + display: block !important; | |
| 9548 | +} | |
| 9549 | + | |
| 9550 | +/* Leave email modal */ | |
| 9551 | +#frm_empty_inbox #frm-leave-email-modal { | |
| 9552 | + margin-top: var(--gap-2xl); | |
| 9553 | +} | |
| 9554 | + | |
| 9555 | +/* Name your form modal */ | |
| 9556 | +#frm-name-your-form-modal .frm_modal_top { | |
| 9557 | + padding-top: var(--gap-sm); | |
| 9558 | +} | |
| 9559 | +/* End confirm and form templates modals */ | |
| 9560 | + | |
| 9561 | +/* Field Group Message */ | |
| 9562 | +#frm-field-group-message { | |
| 9563 | + position: absolute; | |
| 9564 | + bottom: 32px; | |
| 9565 | + right: calc(50% - var(--biggest-sidebar)); | |
| 9566 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9567 | + border-radius: 100px; | |
| 9568 | + background-color: var(--primary-25); | |
| 9569 | +} | |
| 9570 | + | |
| 9571 | +#frm-field-group-message .frm-field-group-message-text { | |
| 9572 | + gap: 10px; | |
| 9573 | + color: var(--grey-800); | |
| 9574 | +} | |
| 9575 | + | |
| 9576 | +#frm-field-group-message-dismiss { | |
| 9577 | + margin-left: var(--gap-xs) | |
| 9578 | +} | |
| 9579 | + | |
| 9580 | +#frm-field-group-message-dismiss .frmsvg { | |
| 9581 | + color: var(--grey-800); | |
| 9582 | + width: 15px; | |
| 9583 | + height: 15px; | |
| 9584 | + cursor: pointer; | |
| 9585 | + transition: color 300ms ease-in-out; | |
| 9586 | +} | |
| 9587 | + | |
| 9588 | +#frm-field-group-message-dismiss .frmsvg:hover { | |
| 9589 | + color: var(--grey-500); | |
| 9590 | +} | |
| 9591 | +/* End Field Group Message */ | |
| 9592 | + | |
| 9593 | +/* Start card layout */ | |
| 9594 | +.frm-card-item { | |
| 9595 | + display: flex; | |
| 9596 | + border: 1px solid var(--grey-200); | |
| 9597 | + border-radius: var(--small-radius); | |
| 9598 | + padding: var(--gap-sm); | |
| 9599 | + box-shadow: var(--box-shadow-xs); | |
| 9600 | + background: #FFFFFF; | |
| 9601 | +} | |
| 9602 | +.frm-card-item:not(.frm-counter-card) { | |
| 9603 | + gap: 10px; | |
| 9604 | +} | |
| 9605 | +.frm-compact-card-item { | |
| 9606 | + padding: var(--gap-sm) 35px 10px 35px; | |
| 9607 | +} | |
| 9608 | +/* End card layout */ | |
| 9609 | + | |
| 9610 | +/* Pirate forms importer */ | |
| 9611 | +#welcome-panel:has(#frm_form_pf_importer) { | |
| 9612 | + background-color: #fff; | |
| 9613 | + margin: var(--gap-sm) var(--gap-md) var(--gap-md); | |
| 9614 | + line-height: 2; | |
| 9615 | +} | |
| 9616 | + | |
| 9617 | +#welcome-panel:has(#frm_form_pf_importer) .welcome-panel-content { | |
| 9618 | + text-align: start !important; | |
| 9619 | + min-height: unset; | |
| 9620 | + display: block; | |
| 9621 | +} | |
| 9622 | + | |
| 9623 | +#frm_form_pf_importer div { | |
| 9624 | + margin: 10px 0 !important; | |
| 9625 | +} | |
| 9626 | + | |
| 9627 | +#frm_form_pf_importer button { | |
| 9628 | + border: 1px solid var(--primary-500); | |
| 9629 | + padding: 7px 16px; | |
| 9630 | + min-height: 28px; | |
| 9631 | + line-height: var(--leading); | |
| 9632 | + margin-bottom: 0; | |
| 9633 | + background: var(--primary-500); | |
| 9634 | + color: #fff !important; | |
| 9635 | +} | |
| 9636 | + | |
| 9637 | +#frm_form_pf_importer button:hover { | |
| 9638 | + background: #135e96; | |
| 9639 | + border-color: #135e96; | |
| 9640 | +} | |
| 9641 | +/* End Pirate forms importer */ | |
| 9642 | + | |
| 9643 | +/* Start Option Box */ | |
| 9644 | +.frm-option-box { | |
| 9645 | + display: flex; | |
| 9646 | + justify-content: space-between; | |
| 9647 | + align-items: center; | |
| 9648 | + font-size: 14px; | |
| 9649 | + font-weight: 500; | |
| 9650 | + background-color: #fff; | |
| 9651 | + padding: 12px var(--gap-sm); | |
| 9652 | + border: 1px solid var(--grey-200); | |
| 9653 | + border-radius: var(--small-radius); | |
| 9654 | + margin-bottom: var(--gap-xs); | |
| 9655 | + transition: background-color 100ms ease-out; | |
| 9656 | + cursor: pointer; | |
| 9657 | +} | |
| 9658 | + | |
| 9659 | +.frm-option-box:hover { | |
| 9660 | + background-color: var(--grey-25); | |
| 9661 | +} | |
| 9662 | + | |
| 9663 | +.frm-option-box.frm-checked { | |
| 9664 | + background-color: var(--primary-25); | |
| 9665 | + border-color: var(--primary-200); | |
| 9666 | +} | |
| 9667 | + | |
| 9668 | +.frm-option-box.frm-disabled { | |
| 9669 | + cursor: default; | |
| 9670 | +} | |
| 9671 | + | |
| 9672 | +.frm-option-box input[type="checkbox"] { | |
| 9673 | + margin: 0; | |
| 9674 | +} | |
| 9675 | + | |
| 9676 | +.frm-option-box.frm-disabled input[type="checkbox"] { | |
| 9677 | + opacity: 0.5; | |
| 9678 | +} | |
| 9679 | + | |
| 9680 | +.frm-option-box .frm_help .frmsvg { | |
| 9681 | + width: 12px; | |
| 9682 | + height: 12px; | |
| 9683 | +} | |
| 9684 | +/* End Option Box */ | |
| 9685 | + | |
| 9686 | +/* Start Validation Error */ | |
| 9687 | +.frm-validation-error:not(.frm_hidden) { | |
| 9688 | + display: flex; | |
| 9689 | +} | |
| 9690 | + | |
| 9691 | +.frm-validation-error { | |
| 9692 | + gap: calc(var(--gap-xs) + var(--gap-2xs)); | |
| 9693 | +} | |
| 9694 | + | |
| 9695 | +.frm-validation-error span { | |
| 9696 | + color: var(--error-500); | |
| 9697 | +} | |
| 9698 | + | |
| 9699 | +.frm-validation-error span[frm-error] { | |
| 9700 | + display: none; | |
| 9701 | +} | |
| 9702 | + | |
| 9703 | +.frm-validation-error[frm-error="empty"] span[frm-error="empty"], | |
| 9704 | +.frm-validation-error[frm-error="invalid"] span[frm-error="invalid"], | |
| 9705 | +.frm-validation-error[frm-error="custom"] span[frm-error="custom"] { | |
| 9706 | + display: inline-block; | |
| 9707 | +} | |
| 9708 | + | |
| 9709 | +/* Start Box Styles */ | |
| 9710 | +.frm-box { | |
| 9711 | + padding: var(--gap-sm); | |
| 9712 | + border: 1px solid var(--grey-200); | |
| 9713 | + border-radius: var(--small-radius); | |
| 9714 | +} | |
| 9715 | +/* End Box Styles */ | |
| 9716 | + | |
| 9717 | +/* Start External Link Styles */ | |
| 9718 | +.frm-link-with-external-icon { | |
| 9719 | + display: flex; | |
| 9720 | + align-items: center; | |
| 9721 | + gap: var(--gap-2xs); | |
| 9722 | + font-size: var(--text-xs); | |
| 9723 | +} | |
| 9724 | + | |
| 9725 | +.frm-link-with-external-icon .frmsvg { | |
| 9726 | + width: 16px; | |
| 9727 | + height: 16px; | |
| 9728 | + transform: rotate(45deg); | |
| 9729 | +} | |
| 9730 | +/* End External Link Styles */ | |
| 9731 | + | |
| 9732 | +/** | |
| 9733 | + * Page Skeleton CSS | |
| 9734 | + * | |
| 9735 | + * Manages the layout and appearance of the page's content area. | |
| 9736 | + */ | |
| 9737 | + | |
| 9738 | +/* Core Styles for the Page */ | |
| 9739 | +#wpbody-content .frm-page-skeleton ul, | |
| 9740 | +#wpbody-content .frm-page-skeleton li { | |
| 9741 | + margin: 0; | |
| 9742 | +} | |
| 9743 | + | |
| 9744 | +/* Sidebar Styles */ | |
| 9745 | +#wpbody-content .frm-page-skeleton .frm-right-panel { | |
| 9746 | + padding: 2px; | |
| 9747 | + overflow-y: initial; | |
| 9748 | +} | |
| 9749 | + | |
| 9750 | +/* Scrollbar */ | |
| 9751 | +#wpbody-content .frm-page-skeleton .frm-scrollbar-wrapper { | |
| 9752 | + padding: var(--gap-md) var(--gap-sm); | |
| 9753 | +} | |
| 9754 | + | |
| 9755 | +/* Search */ | |
| 9756 | +#wpbody-content .frm-page-skeleton .frm-search { | |
| 9757 | + float: none; | |
| 9758 | + padding: 0 var(--gap-2xs); | |
| 9759 | +} | |
| 9760 | + | |
| 9761 | +#wpbody-content .frm-page-skeleton .frm-search > input { | |
| 9762 | + width: 100%; | |
| 9763 | +} | |
| 9764 | + | |
| 9765 | +/* Categories */ | |
| 9766 | +.frm-page-skeleton-cat { | |
| 9767 | + cursor: pointer; | |
| 9768 | + padding: var(--gap-xs); | |
| 9769 | + border-radius: var(--small-radius); | |
| 9770 | + background-color: transparent; | |
| 9771 | + transition: background-color 250ms ease-out; | |
| 9772 | +} | |
| 9773 | + | |
| 9774 | +.frm-page-skeleton-cat:hover { | |
| 9775 | + background-color: var(--grey-100); | |
| 9776 | +} | |
| 9777 | + | |
| 9778 | +.frm-page-skeleton-cat > * { | |
| 9779 | + z-index: 2; | |
| 9780 | +} | |
| 9781 | + | |
| 9782 | +.frm-page-skeleton-cat-text { | |
| 9783 | + color: var(--grey-900); | |
| 9784 | + text-transform: capitalize; | |
| 9785 | +} | |
| 9786 | + | |
| 9787 | +.frm-page-skeleton-cat-count { | |
| 9788 | + color: var(--grey-400); | |
| 9789 | +} | |
| 9790 | + | |
| 9791 | +.frm-current .frm-page-skeleton-cat-text, | |
| 9792 | +.frm-current .frm-page-skeleton-cat-count { | |
| 9793 | + color: var(--primary-500); | |
| 9794 | +} | |
| 9795 | + | |
| 9796 | +/* Page Content Styles */ | |
| 9797 | +.frm-list-grid-layout { | |
| 9798 | + display: grid; | |
| 9799 | + grid-template-columns: repeat(auto-fill, minmax(303px, 1fr)); | |
| 9800 | + grid-auto-rows: max-content; | |
| 9801 | + gap: var(--gap-sm); | |
| 9802 | +} | |
| 9803 | + | |
| 9804 | +.frm-list-grid-layout > * { | |
| 9805 | + grid-column: span 1; | |
| 9806 | +} | |
| 9807 | + | |
| 9808 | +/* Empty State Styles */ | |
| 9809 | +#frm-page-skeleton-empty-state { | |
| 9810 | + height: 100%; | |
| 9811 | + margin-top: calc(-1 * var(--gap-md)); | |
| 9812 | +} | |
| 9813 | + | |
| 9814 | +#frm-page-skeleton-empty-state .frm-page-skeleton-text { | |
| 9815 | + max-width: 420px; | |
| 9816 | +} | |
| 9817 | + | |
| 9818 | +/* Helper Classes */ | |
| 9819 | +.frm-page-skeleton-divider { | |
| 9820 | + border-top: 1px solid var(--grey-200); | |
| 9821 | + margin: 0; | |
| 9822 | +} | |
| 9823 | + | |
| 9824 | +/* Always hide submit field button */ | |
| 9825 | +.field_type_list .frm_tsubmit { | |
| 9826 | + display: none !important; | |
| 9827 | +} | |
| 9828 | +/* End always hide submit field button */ | |
