| @@ -22,19 +22,26 @@ | ||
| 22 | 22 | --sidebar-color: var(--grey-50); |
| 23 | 23 | --sidebar-hover: var(--grey-200); |
| 24 | 24 | --primary-700: #2B66A9; |
| 25 | 25 | --primary-500: #4199FD; |
| 26 | + --primary-200: #C0DDFE; | |
| 26 | 27 | --primary-25: #F5FAFF; |
| 27 | 28 | --primary-color: var(--primary-500); /* Deprecated */ |
| 28 | 29 | --primary-hover: var(--primary-700); /* Deprecated */ |
| 29 | 30 | --light-blue: var(--primary-25); /* Deprecated */ |
| 30 | 31 | --blue-border: rgb(188, 224, 253); |
| 32 | + --error-700: #B42318; | |
| 31 | 33 | --error-500: #F04438; |
| 32 | - --error-700: #B42318; | |
| 34 | + --error-300: #FECDCA; | |
| 35 | + --error-100: #FEE4E2; | |
| 33 | 36 | --green: rgb(63, 172, 37); |
| 34 | 37 | --orange: #F15A24; |
| 35 | 38 | --pink: rgb(226, 42, 110); |
| 36 | 39 | --purple: rgb(141, 53, 245); |
| 40 | + --success-800: #065F46; | |
| 41 | + --success-500: #12b76a; | |
| 42 | + --success-100: #D1FAE5; | |
| 43 | + --success-25: #f6fef9; | |
| 37 | 44 | --border-radius: 35px; |
| 38 | 45 | --small-radius: 8px; |
| 39 | 46 | --small-sidebar: 275px; |
| 40 | 47 | --medium-sidebar: 350px; |
| @@ -55,12 +62,16 @@ | ||
| 55 | 62 | --gap-md: 24px; |
| 56 | 63 | --gap-lg: 32px; |
| 57 | 64 | --gap-xl: 40px; |
| 58 | 65 | --gap-2xl: 48px; |
| 66 | + --box-shadow-xs: 0px 0.47074466943740845px 0.9414893388748169px 0px rgba(16, 24, 40, 0.05); | |
| 59 | 67 | --box-shadow-sm: 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06); |
| 60 | 68 | --box-shadow-md: 0px 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0px 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06); |
| 61 | 69 | --box-shadow-lg: 0px 6px 8px -2px rgba(16, 24, 40, 0.08), 0px 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06); |
| 62 | 70 | --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); |
| 71 | + | |
| 72 | + /* Override front-end CSS */ | |
| 73 | + --check-label-color: var(--grey-700); | |
| 63 | 74 | } |
| 64 | 75 | |
| 65 | 76 | @font-face { |
| 66 | 77 | font-family: 'Inter'; |
| @@ -94,8 +105,14 @@ | ||
| 94 | 105 | color: var(--grey-500); |
| 95 | 106 | line-height: var(--leading); |
| 96 | 107 | } |
| 97 | 108 | |
| 109 | +.frm-white-body p, | |
| 110 | +.frm_wrap p { | |
| 111 | + margin: var(--gap-sm) 0; | |
| 112 | +} | |
| 113 | + | |
| 114 | + | |
| 98 | 115 | body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset { |
| 99 | 116 | --fieldset-padding: 15px 0; |
| 100 | 117 | } |
| 101 | 118 | |
| @@ -105,13 +122,16 @@ | ||
| 105 | 122 | } |
| 106 | 123 | |
| 107 | 124 | .post-type-frm_display .wrap > #posts-filter, |
| 108 | 125 | .wrap.frm-with-margin, |
| 109 | -#frm_top_bar + .wrap, | |
| 110 | 126 | .frm_wrap > .wrap { |
| 111 | 127 | margin: var(--gap-sm) var(--gap-md) var(--gap-md); |
| 112 | 128 | } |
| 113 | 129 | |
| 130 | +#frm_top_bar + .wrap { | |
| 131 | + margin: var(--gap-xl); | |
| 132 | +} | |
| 133 | + | |
| 114 | 134 | .frm-full-screen #wpbody-content > .wrap { |
| 115 | 135 | margin: 0; |
| 116 | 136 | } |
| 117 | 137 | |
| @@ -218,8 +238,16 @@ | ||
| 218 | 238 | .frm-white-body .wrap #post-body { |
| 219 | 239 | padding: 0 20px; |
| 220 | 240 | } |
| 221 | 241 | |
| 242 | +.frm-grey-body #wpbody { | |
| 243 | + background: var(--grey-100); | |
| 244 | +} | |
| 245 | + | |
| 246 | +.frm-grey-body #frm_top_bar { | |
| 247 | + background: #fff; | |
| 248 | +} | |
| 249 | + | |
| 222 | 250 | .post-type-frm_display .tablenav, |
| 223 | 251 | .frm_wrap .tablenav { |
| 224 | 252 | margin-bottom: 10px; |
| 225 | 253 | } |
| @@ -330,8 +358,9 @@ | ||
| 330 | 358 | |
| 331 | 359 | .frm-white-body .wrap h2, |
| 332 | 360 | .frm-white-body h2 { |
| 333 | 361 | font-size: var(--text-lg); |
| 362 | + font-weight: 500; | |
| 334 | 363 | } |
| 335 | 364 | |
| 336 | 365 | .frm-white-body .wrap h3, |
| 337 | 366 | .frm-white-body h3 { |
| @@ -343,8 +372,35 @@ | ||
| 343 | 372 | font-size: var(--text-sm); |
| 344 | 373 | font-weight: 500; |
| 345 | 374 | } |
| 346 | 375 | |
| 376 | +/* Error modal */ | |
| 377 | +#frm_error_modal .frm_lock_simple { | |
| 378 | + padding: 20px; | |
| 379 | + border-radius: 50%; | |
| 380 | + background-color: var(--primary-25); | |
| 381 | + display: inline-block; | |
| 382 | +} | |
| 383 | + | |
| 384 | +#frm_error_modal #frm_lock_simple { | |
| 385 | + color: var(--primary-500); | |
| 386 | +} | |
| 387 | + | |
| 388 | +#frm_error_modal .frm-modal-title { | |
| 389 | + display: block; | |
| 390 | +} | |
| 391 | + | |
| 392 | +#frm_error_modal .frm-modal-title h2 { | |
| 393 | + font-weight: 600; | |
| 394 | + font-size: var(--text-xl); | |
| 395 | + margin: 0; | |
| 396 | +} | |
| 397 | + | |
| 398 | +#frm_error_modal .frm_modal_content { | |
| 399 | + padding: var(--gap-md); | |
| 400 | + color: var(--grey-900); | |
| 401 | +} | |
| 402 | + | |
| 347 | 403 | /* Override CSS in Views plugin. */ |
| 348 | 404 | .frm-views-editor-body .frm_page_container #frm_top_bar h1 { |
| 349 | 405 | padding: 0 !important; |
| 350 | 406 | color: var(--grey-900); |
| @@ -674,9 +730,11 @@ | ||
| 674 | 730 | position: static; |
| 675 | 731 | } |
| 676 | 732 | |
| 677 | 733 | .auto-fold.frm-admin-page-styles .frm_page_container, |
| 678 | -.auto-fold .frm_wrap .frm_page_container { | |
| 734 | +.auto-fold .frm_wrap .frm_page_container, | |
| 735 | +.frm-unfold.frm-admin-page-styles .frm_page_container, | |
| 736 | +.frm-unfold .frm_wrap .frm_page_container { | |
| 679 | 737 | left: 160px; |
| 680 | 738 | } |
| 681 | 739 | |
| 682 | 740 | .folded.frm-admin-page-styles .frm_page_container, |
| @@ -709,9 +767,9 @@ | ||
| 709 | 767 | } |
| 710 | 768 | |
| 711 | 769 | .columns-2 .frm-right-panel + div { |
| 712 | 770 | padding-bottom: var(--gap-md); |
| 713 | - border-left: 1px solid var(--sidebar-hover); | |
| 771 | + border-left: 1px solid var(--grey-300); | |
| 714 | 772 | } |
| 715 | 773 | |
| 716 | 774 | .columns-2 .frm-right-panel + div, |
| 717 | 775 | .frm_wrap #post-body-content { |
| @@ -820,9 +878,10 @@ | ||
| 820 | 878 | z-index: 100; |
| 821 | 879 | } |
| 822 | 880 | |
| 823 | 881 | #form_global_settings .columns-2 .frm-right-panel, |
| 824 | -#form_settings_page .columns-2 .frm-right-panel { | |
| 882 | +#form_settings_page .columns-2 .frm-right-panel, | |
| 883 | +#frm-form-templates-page .frm-right-panel { | |
| 825 | 884 | flex: 0 0 var(--small-sidebar); |
| 826 | 885 | width: var(--small-sidebar); |
| 827 | 886 | min-width: var(--small-sidebar); |
| 828 | 887 | } |
| @@ -1107,19 +1166,18 @@ | ||
| 1107 | 1166 | .frm-admin-footer-links { |
| 1108 | 1167 | gap: var(--gap-2xs); |
| 1109 | 1168 | flex-direction: column; |
| 1110 | 1169 | text-align: center; |
| 1111 | - padding: var(--gap-xl) 0 var(--gap-lg) 160px; | |
| 1170 | + padding: var(--gap-xl) 0 var(--gap-lg); | |
| 1112 | 1171 | font-size: var(--text-xs); |
| 1113 | 1172 | color: var(--grey-400); |
| 1114 | 1173 | } |
| 1115 | 1174 | |
| 1116 | -body.rtl .frm-admin-footer-links { | |
| 1117 | - padding-left: unset; | |
| 1118 | - padding-right: 160px; | |
| 1175 | +body.frm-hidden-overflow { | |
| 1176 | + height: 100%; | |
| 1177 | + overflow: hidden; | |
| 1119 | 1178 | } |
| 1120 | 1179 | |
| 1121 | - | |
| 1122 | 1180 | .frm-admin-footer-links-nav { |
| 1123 | 1181 | gap: var(--gap-2xs); |
| 1124 | 1182 | margin-bottom: var(--gap-xs); |
| 1125 | 1183 | } |
| @@ -1237,8 +1295,13 @@ | ||
| 1237 | 1295 | margin-bottom: 0; |
| 1238 | 1296 | display: inline-block; |
| 1239 | 1297 | } |
| 1240 | 1298 | |
| 1299 | +.no-js.wp-core-ui .frm-search .button.hide-if-no-js, | |
| 1300 | +.js.wp-core-ui .frm-search .button.hide-if-js { | |
| 1301 | + display: none; | |
| 1302 | +} | |
| 1303 | + | |
| 1241 | 1304 | .frm-button-tertiary { |
| 1242 | 1305 | border-color: transparent; |
| 1243 | 1306 | color: var(--primary-500); |
| 1244 | 1307 | } |
| @@ -1319,14 +1382,21 @@ | ||
| 1319 | 1382 | height: auto !important; |
| 1320 | 1383 | padding: 9px 18px !important; |
| 1321 | 1384 | } |
| 1322 | 1385 | |
| 1386 | +.frm-button-secondary.frm-small, | |
| 1387 | +.frm-button-primary.frm-small { | |
| 1388 | + font-size: var(--text-xs) !important; | |
| 1389 | + height: auto !important; | |
| 1390 | + padding: var(--gap-2xs) 12px !important; | |
| 1391 | +} | |
| 1392 | + | |
| 1323 | 1393 | .frm-button-primary i:before { |
| 1324 | 1394 | color: #fff; |
| 1325 | 1395 | } |
| 1326 | 1396 | |
| 1327 | -.wp-core-ui .button-primary.frm-button-primary:hover, | |
| 1328 | -.frm-button-primary:hover { | |
| 1397 | +.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover, | |
| 1398 | +.frm-button-primary:not([disabled]):hover { | |
| 1329 | 1399 | background: var(--primary-700) !important; |
| 1330 | 1400 | border-color: var(--primary-700) !important; |
| 1331 | 1401 | } |
| 1332 | 1402 | |
| @@ -1490,9 +1560,8 @@ | ||
| 1490 | 1560 | } |
| 1491 | 1561 | |
| 1492 | 1562 | .frm-m-12 { |
| 1493 | 1563 | margin: var(--gap-2xl); |
| 1494 | - | |
| 1495 | 1564 | } |
| 1496 | 1565 | |
| 1497 | 1566 | .frm_no_top_margin, /* deprecated */ |
| 1498 | 1567 | .frm-mt-0 { |
| @@ -1498,13 +1567,37 @@ | ||
| 1498 | 1567 | .frm-mt-0 { |
| 1499 | 1568 | margin-top: 0 !important; |
| 1500 | 1569 | } |
| 1501 | 1570 | |
| 1571 | +.frm-mt-xs { | |
| 1572 | + margin-top: var(--gap-xs) !important; | |
| 1573 | +} | |
| 1574 | + | |
| 1575 | +.frm-mt-sm { | |
| 1576 | + margin-top: var(--gap-sm) !important; | |
| 1577 | +} | |
| 1578 | + | |
| 1579 | +.frm-mt-md { | |
| 1580 | + margin-top: var(--gap-md) !important; | |
| 1581 | +} | |
| 1582 | + | |
| 1583 | +.frm-mt-auto { | |
| 1584 | + margin-top: auto !important; | |
| 1585 | +} | |
| 1586 | + | |
| 1502 | 1587 | .frm_no_bottom_margin, /* deprecated */ |
| 1503 | 1588 | .frm-mb-0 { |
| 1504 | 1589 | margin-bottom: 0 !important; |
| 1505 | 1590 | } |
| 1506 | 1591 | |
| 1592 | +.frm-mb-2xs { | |
| 1593 | + margin-bottom: var(--gap-2xs) !important; | |
| 1594 | +} | |
| 1595 | + | |
| 1596 | +.frm-mb-xs { | |
| 1597 | + margin-bottom: var(--gap-xs) !important; | |
| 1598 | +} | |
| 1599 | + | |
| 1507 | 1600 | .frm-mb-sm { |
| 1508 | 1601 | margin-bottom: var(--gap-sm) !important; |
| 1509 | 1602 | } |
| 1510 | 1603 | |
| @@ -1515,37 +1608,103 @@ | ||
| 1515 | 1608 | .frm-mb-lg { |
| 1516 | 1609 | margin-bottom: var(--gap-lg) !important; |
| 1517 | 1610 | } |
| 1518 | 1611 | |
| 1612 | +.frm-ml-auto { | |
| 1613 | + margin-left: auto; | |
| 1614 | +} | |
| 1615 | + | |
| 1616 | +.frm-mx-xs { | |
| 1617 | + margin-left: var(--gap-xs) !important; | |
| 1618 | + margin-right: var(--gap-xs) !important; | |
| 1619 | +} | |
| 1620 | + | |
| 1519 | 1621 | .frm-mx-sm { |
| 1520 | 1622 | margin-left: var(--gap-sm) !important; |
| 1521 | 1623 | margin-right: var(--gap-sm) !important; |
| 1522 | 1624 | } |
| 1523 | 1625 | |
| 1626 | +.frm-p-0 { | |
| 1627 | + padding: 0 !important; | |
| 1628 | +} | |
| 1629 | + | |
| 1524 | 1630 | .frm-p-1 { |
| 1525 | 1631 | padding: 4px; |
| 1526 | 1632 | } |
| 1527 | 1633 | |
| 1634 | +.frm-p-sm, | |
| 1528 | 1635 | .frm-p-4 { |
| 1529 | - padding: var(--gap-sm); | |
| 1636 | + padding: var(--gap-sm) !important; | |
| 1530 | 1637 | } |
| 1531 | 1638 | |
| 1532 | -.frm-p-6 { | |
| 1533 | - padding: var(--gap-md); | |
| 1639 | +.frm-p-6, | |
| 1640 | +.frm-p-md { | |
| 1641 | + padding: var(--gap-md) !important; | |
| 1534 | 1642 | } |
| 1535 | 1643 | |
| 1644 | +.frm-px-0 { | |
| 1645 | + padding-left: 0 !important; | |
| 1646 | + padding-right: 0 !important; | |
| 1647 | +} | |
| 1648 | + | |
| 1649 | +.frm-py-0 { | |
| 1650 | + padding-top: 0 !important; | |
| 1651 | + padding-bottom: 0 !important; | |
| 1652 | +} | |
| 1653 | + | |
| 1654 | +.frm-pt-sm { | |
| 1655 | + padding-top: var(--gap-sm) !important; | |
| 1656 | +} | |
| 1657 | + | |
| 1658 | +.frm-pt-xl { | |
| 1659 | + padding-top: var(--gap-xl) !important; | |
| 1660 | +} | |
| 1661 | + | |
| 1662 | +.frm-pb-md { | |
| 1663 | + padding-bottom: var(--gap-md) !important; | |
| 1664 | +} | |
| 1665 | + | |
| 1666 | +.frm-px-md { | |
| 1667 | + padding-right: var(--gap-md) !important; | |
| 1668 | + padding-left: var(--gap-md) !important; | |
| 1669 | +} | |
| 1670 | + | |
| 1671 | +.frm-text-xs { | |
| 1672 | + font-size: var(--text-xs) !important; | |
| 1673 | +} | |
| 1674 | + | |
| 1675 | +.frm-text-sm { | |
| 1676 | + font-size: var(--text-sm) !important; | |
| 1677 | +} | |
| 1678 | + | |
| 1536 | 1679 | .frm-text-md { |
| 1537 | - font-size: var(--text-md); | |
| 1680 | + font-size: var(--text-md) !important; | |
| 1538 | 1681 | } |
| 1539 | 1682 | |
| 1540 | 1683 | .frm-text-lg { |
| 1541 | - font-size: var(--text-lg); | |
| 1684 | + font-size: var(--text-lg) !important; | |
| 1542 | 1685 | } |
| 1543 | 1686 | |
| 1544 | 1687 | .frm-text-xl { |
| 1545 | - font-size: var(--text-xl); | |
| 1688 | + font-size: var(--text-xl) !important; | |
| 1546 | 1689 | } |
| 1547 | 1690 | |
| 1691 | +.frm-capitalize { | |
| 1692 | + text-transform: capitalize; | |
| 1693 | +} | |
| 1694 | + | |
| 1695 | +.frm-font-medium { | |
| 1696 | + font-weight: 500 !important; | |
| 1697 | +} | |
| 1698 | + | |
| 1699 | +.frm-font-semibold { | |
| 1700 | + font-weight: 600 !important; | |
| 1701 | +} | |
| 1702 | + | |
| 1703 | +.frm-rounded-sm { | |
| 1704 | + border-radius: var(--small-radius) !important; | |
| 1705 | +} | |
| 1706 | + | |
| 1548 | 1707 | .frm-w-auto { |
| 1549 | 1708 | width: auto !important; |
| 1550 | 1709 | } |
| 1551 | 1710 | |
| @@ -1552,13 +1711,58 @@ | ||
| 1552 | 1711 | .frm-w-full { |
| 1553 | 1712 | width: 100% !important; |
| 1554 | 1713 | } |
| 1555 | 1714 | |
| 1715 | +.frm_block, /* deprecated */ | |
| 1716 | +.frm-block { | |
| 1717 | + display: block; | |
| 1718 | +} | |
| 1719 | + | |
| 1720 | +.frm_inline { | |
| 1721 | + display: inline; | |
| 1722 | +} | |
| 1723 | + | |
| 1724 | +.frm_inline_block { | |
| 1725 | + display: inline-block !important; | |
| 1726 | +} | |
| 1727 | + | |
| 1728 | +.frm-flex { | |
| 1729 | + display: flex; | |
| 1730 | +} | |
| 1731 | + | |
| 1732 | +.frm_hidden, | |
| 1733 | +.js .frm-hide-js { | |
| 1734 | + display: none; | |
| 1735 | +} | |
| 1736 | + | |
| 1556 | 1737 | .frm-flex-box { |
| 1557 | 1738 | display: flex; |
| 1558 | 1739 | gap: var(--gap-sm); |
| 1559 | 1740 | } |
| 1560 | 1741 | |
| 1742 | +.frm-flex-col { | |
| 1743 | + display: flex; | |
| 1744 | + flex-direction: column; | |
| 1745 | +} | |
| 1746 | + | |
| 1747 | +.frm-flex-full { | |
| 1748 | + flex: 1; | |
| 1749 | +} | |
| 1750 | + | |
| 1751 | +.frm-flex-center { | |
| 1752 | + display: flex; | |
| 1753 | + justify-content: center; | |
| 1754 | + align-items: center; | |
| 1755 | +} | |
| 1756 | + | |
| 1757 | +.frm-shrink-0 { | |
| 1758 | + flex-shrink: 0; | |
| 1759 | +} | |
| 1760 | + | |
| 1761 | +.frm-gap-0 { | |
| 1762 | + gap: 0 !important; | |
| 1763 | +} | |
| 1764 | + | |
| 1561 | 1765 | .frm-gap-xs { |
| 1562 | 1766 | gap: var(--gap-xs); |
| 1563 | 1767 | } |
| 1564 | 1768 | |
| @@ -1569,12 +1773,28 @@ | ||
| 1569 | 1773 | .frm-gap-md { |
| 1570 | 1774 | gap: var(--gap-md); |
| 1571 | 1775 | } |
| 1572 | 1776 | |
| 1777 | +.frm-gap-xl { | |
| 1778 | + gap: var(--gap-xl); | |
| 1779 | +} | |
| 1780 | + | |
| 1781 | +.frm-justify-center { | |
| 1782 | + justify-content: center; | |
| 1783 | +} | |
| 1784 | + | |
| 1573 | 1785 | .frm-justify-between { |
| 1574 | 1786 | justify-content: space-between; |
| 1575 | 1787 | } |
| 1576 | 1788 | |
| 1789 | +.frm-justify-end { | |
| 1790 | + justify-content: end; | |
| 1791 | +} | |
| 1792 | + | |
| 1793 | +.frm-items-center { | |
| 1794 | + align-items: center; | |
| 1795 | +} | |
| 1796 | + | |
| 1577 | 1797 | .frm-transition-ease { |
| 1578 | 1798 | transition: all .2s ease; |
| 1579 | 1799 | } |
| 1580 | 1800 | |
| @@ -1586,25 +1806,8 @@ | ||
| 1586 | 1806 | .frm_no_float { |
| 1587 | 1807 | float: none; |
| 1588 | 1808 | } |
| 1589 | 1809 | |
| 1590 | -.frm_block, /* deprecated */ | |
| 1591 | -.frm-block { | |
| 1592 | - display: block; | |
| 1593 | -} | |
| 1594 | - | |
| 1595 | -.frm_inline { | |
| 1596 | - display: inline; | |
| 1597 | -} | |
| 1598 | - | |
| 1599 | -.frm_inline_block { | |
| 1600 | - display: inline-block !important; | |
| 1601 | -} | |
| 1602 | - | |
| 1603 | -.frm_hidden { | |
| 1604 | - display: none; | |
| 1605 | -} | |
| 1606 | - | |
| 1607 | 1810 | .frm-text-right { |
| 1608 | 1811 | text-align: right; |
| 1609 | 1812 | } |
| 1610 | 1813 | |
| @@ -1622,8 +1825,9 @@ | ||
| 1622 | 1825 | |
| 1623 | 1826 | .frm-on-bottom { |
| 1624 | 1827 | z-index: -1; |
| 1625 | 1828 | } |
| 1829 | + | |
| 1626 | 1830 | /* End Generic Classes, Start Forced Generic Classes */ |
| 1627 | 1831 | |
| 1628 | 1832 | .frm-fields p > label.frm_hidden, |
| 1629 | 1833 | .frm-lookup-modal .dismiss, |
| @@ -1659,8 +1863,17 @@ | ||
| 1659 | 1863 | } |
| 1660 | 1864 | |
| 1661 | 1865 | /* End Forced Generic Classes */ |
| 1662 | 1866 | |
| 1867 | +/* Start Helper Classes */ | |
| 1868 | +.frm-vertical-line { | |
| 1869 | + display: inline-block; | |
| 1870 | + width: 1px; | |
| 1871 | + height: 12px; | |
| 1872 | + background-color: var(--grey-300); | |
| 1873 | +} | |
| 1874 | +/* End Helper Classes */ | |
| 1875 | + | |
| 1663 | 1876 | .frm_forms.with_frm_style { |
| 1664 | 1877 | max-width: 100%; |
| 1665 | 1878 | } |
| 1666 | 1879 | |
| @@ -1731,9 +1944,10 @@ | ||
| 1731 | 1944 | .frm_on_submit_type > label, |
| 1732 | 1945 | .post-type-frm_display .frm_form_field > label, |
| 1733 | 1946 | #new_fields .frm_primary_label, |
| 1734 | 1947 | #form_global_settings .frm_primary_label, |
| 1735 | -#frm_form_editor_container .frm_primary_label { | |
| 1948 | +#frm_form_editor_container .frm_primary_label, | |
| 1949 | +#permissions_settings_settings .frm_primary_label { | |
| 1736 | 1950 | color: var(--grey-700); |
| 1737 | 1951 | margin: 0 0 3px; |
| 1738 | 1952 | padding: 0; |
| 1739 | 1953 | width: auto; |
| @@ -1741,8 +1955,12 @@ | ||
| 1741 | 1955 | display: block; |
| 1742 | 1956 | line-height: var(--leading); |
| 1743 | 1957 | } |
| 1744 | 1958 | |
| 1959 | +#frm_form_editor_container #frm-show-fields .frm_primary_label { | |
| 1960 | + min-height: 21px; | |
| 1961 | +} | |
| 1962 | + | |
| 1745 | 1963 | .frm-fields td input + label { |
| 1746 | 1964 | display: inline; |
| 1747 | 1965 | } |
| 1748 | 1966 | |
| @@ -1848,13 +2066,9 @@ | ||
| 1848 | 2066 | position: relative; |
| 1849 | 2067 | } |
| 1850 | 2068 | |
| 1851 | 2069 | .frm-license-input span { |
| 1852 | - position: absolute; | |
| 1853 | - right: 0; | |
| 1854 | - top: 5px; | |
| 1855 | - padding: 0 10px; | |
| 1856 | - font-size: 15px; | |
| 2070 | + font-size: var(--text-sm); | |
| 1857 | 2071 | } |
| 1858 | 2072 | |
| 1859 | 2073 | .frm-license-input .frmsvg { |
| 1860 | 2074 | width: 20px; |
| @@ -2155,12 +2369,24 @@ | ||
| 2155 | 2369 | float: left; |
| 2156 | 2370 | padding-top: 4px; |
| 2157 | 2371 | } |
| 2158 | 2372 | |
| 2159 | -.frm-addon-active .button { | |
| 2160 | - visibility: hidden; | |
| 2373 | +.frm-addon-not-installed .frm-activate-addon, | |
| 2374 | +.frm-addon-not-installed .frm-deactivate-addon, | |
| 2375 | +.frm-addon-not-installed .frm-uninstall-addon, | |
| 2376 | +.frm-addon-installed .frm-install-addon, | |
| 2377 | +.frm-addon-installed .frm-deactivate-addon, | |
| 2378 | +.frm-addon-active .frm-activate-addon, | |
| 2379 | +.frm-addon-active .frm-install-addon, | |
| 2380 | +.frm-addon-active .frm-uninstall-addon, | |
| 2381 | +.plugin-card-pro.frm-addon-active .button { | |
| 2382 | + display: none !important; | |
| 2161 | 2383 | } |
| 2162 | 2384 | |
| 2385 | +#frm-addons-page .frm-addon-button { | |
| 2386 | + opacity: 1 !important; | |
| 2387 | +} | |
| 2388 | + | |
| 2163 | 2389 | .frm-save-and-reload-options { |
| 2164 | 2390 | margin-top: 10px; |
| 2165 | 2391 | font-size: 13px; |
| 2166 | 2392 | } |
| @@ -2225,10 +2451,9 @@ | ||
| 2225 | 2451 | margin: 0; |
| 2226 | 2452 | padding: 10px 20px; |
| 2227 | 2453 | } |
| 2228 | 2454 | |
| 2229 | -.frm-modal .postbox, | |
| 2230 | -#frm_new_form_modal .postbox { | |
| 2455 | +.frm-modal .postbox { | |
| 2231 | 2456 | max-height: 600px; |
| 2232 | 2457 | overflow: hidden; |
| 2233 | 2458 | margin-bottom: 0; |
| 2234 | 2459 | } |
| @@ -2233,27 +2458,41 @@ | ||
| 2233 | 2458 | margin-bottom: 0; |
| 2234 | 2459 | } |
| 2235 | 2460 | |
| 2236 | 2461 | .frm-modal .postbox .frm_modal_top, |
| 2237 | -.frm-dialog .frm_common_modal .postbox > div:first-child { | |
| 2462 | +.frm-dialog .frm_common_modal .postbox > div:first-child, | |
| 2463 | +.frm-error-modal .frm_modal_top { | |
| 2238 | 2464 | padding: var(--gap-md) var(--gap-md) 0; |
| 2239 | 2465 | position: relative; |
| 2240 | 2466 | } |
| 2241 | 2467 | |
| 2468 | +.frm-modal h2, | |
| 2469 | +.frm-modal .postbox .inside h2, /* Override WP. */ | |
| 2242 | 2470 | .frm-modal .postbox .frm-modal-title, |
| 2243 | -.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child { | |
| 2471 | +.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child, | |
| 2472 | +.frm-error-modal .frm-modal-title { | |
| 2244 | 2473 | display: inline-block; |
| 2245 | - font-size: var(--text-xl); | |
| 2474 | + font-size: var(--text-lg); | |
| 2246 | 2475 | color: var(--grey-900); |
| 2476 | + font-weight: 600; | |
| 2477 | + margin: 0; | |
| 2478 | + padding: 0; | |
| 2247 | 2479 | } |
| 2248 | 2480 | |
| 2481 | +.frm-modal h3 { | |
| 2482 | + font-weight: 500; | |
| 2483 | +} | |
| 2484 | + | |
| 2485 | +/* Dismiss icon button */ | |
| 2486 | + | |
| 2249 | 2487 | .frm-inline-modal > a.dismiss, |
| 2250 | 2488 | .frm-modal .postbox > a.dismiss, |
| 2251 | 2489 | .frm-modal .postbox .frm-modal-title + div:last-child, |
| 2252 | 2490 | .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { |
| 2253 | 2491 | position: absolute; |
| 2254 | - right: 30px; | |
| 2255 | - top: 25px; | |
| 2492 | + top: 19px; | |
| 2493 | + right: 19px; | |
| 2494 | + display: flex; | |
| 2256 | 2495 | z-index: 2; |
| 2257 | 2496 | } |
| 2258 | 2497 | |
| 2259 | 2498 | body.rtl .frm-inline-modal > a.dismiss, |
| @@ -2272,9 +2511,9 @@ | ||
| 2272 | 2511 | |
| 2273 | 2512 | .frm-modal .postbox .frm-modal-title + div:last-child a, |
| 2274 | 2513 | .frm-modal a.dismiss .frmsvg, |
| 2275 | 2514 | .frm_common_modal .frm_modal_top a .frmsvg { |
| 2276 | - color: var(--grey-900); | |
| 2515 | + color: var(--grey-400); | |
| 2277 | 2516 | } |
| 2278 | 2517 | |
| 2279 | 2518 | .frm-modal .frm_modal_content > div.inside, |
| 2280 | 2519 | .frm_common_modal .frm_modal_content > div.inside { |
| @@ -2283,8 +2522,12 @@ | ||
| 2283 | 2522 | font-size: var(--text-sm); |
| 2284 | 2523 | color: var(--grey-700); |
| 2285 | 2524 | } |
| 2286 | 2525 | |
| 2526 | +.frm-modal p { | |
| 2527 | + color: var(--grey-900); | |
| 2528 | +} | |
| 2529 | + | |
| 2287 | 2530 | .frm_common_modal .postbox { |
| 2288 | 2531 | display: flex; |
| 2289 | 2532 | flex-direction: column; |
| 2290 | 2533 | } |
| @@ -2291,9 +2534,8 @@ | ||
| 2291 | 2534 | |
| 2292 | 2535 | .frm-modal .postbox > div.inside .cta-inside { |
| 2293 | 2536 | overflow-y: auto; |
| 2294 | 2537 | height: auto; |
| 2295 | - padding: 0 var(--gap-sm); | |
| 2296 | 2538 | } |
| 2297 | 2539 | |
| 2298 | 2540 | .frm_modal_footer { |
| 2299 | 2541 | padding: 0 var(--gap-md) var(--gap-sm); |
| @@ -2303,26 +2545,8 @@ | ||
| 2303 | 2545 | body.frm-body-with-open-modal { |
| 2304 | 2546 | overflow-y: hidden; |
| 2305 | 2547 | } |
| 2306 | 2548 | |
| 2307 | -#frm_new_form_modal .postbox > div.inside { | |
| 2308 | - max-height: 490px; | |
| 2309 | - overflow-y: auto; | |
| 2310 | - overflow-x: hidden; | |
| 2311 | - margin: 0; | |
| 2312 | - padding: 10px 0 0; | |
| 2313 | -} | |
| 2314 | - | |
| 2315 | -#frm_new_form_modal .postbox > div.inside .cta-inside { | |
| 2316 | - overflow-y: auto; | |
| 2317 | - height: auto; | |
| 2318 | - padding: 0 var(--gap-md); | |
| 2319 | -} | |
| 2320 | - | |
| 2321 | -#frm_new_form_modal .accordion-container { | |
| 2322 | - width: 100%; | |
| 2323 | -} | |
| 2324 | - | |
| 2325 | 2549 | .frm-templates-list { |
| 2326 | 2550 | margin-top: 0; |
| 2327 | 2551 | } |
| 2328 | 2552 | |
| @@ -2383,10 +2607,10 @@ | ||
| 2383 | 2607 | .frm-icon-wrapper { |
| 2384 | 2608 | background: var(--primary-500); |
| 2385 | 2609 | border-radius: var(--small-radius); |
| 2386 | 2610 | color: #fff; |
| 2387 | - width: 40px; | |
| 2388 | - height: 40px; | |
| 2611 | + width: 32px; | |
| 2612 | + height: 32px; | |
| 2389 | 2613 | font-size: 18px; |
| 2390 | 2614 | box-sizing: border-box; |
| 2391 | 2615 | align-self: center; |
| 2392 | 2616 | justify-content: center; |
| @@ -2399,9 +2623,8 @@ | ||
| 2399 | 2623 | } |
| 2400 | 2624 | |
| 2401 | 2625 | .frm-templates-list li .frm-category-icon { |
| 2402 | 2626 | overflow: hidden; |
| 2403 | - align-self: flex-start; | |
| 2404 | 2627 | } |
| 2405 | 2628 | |
| 2406 | 2629 | .frm-templates-list .frm-template-details { |
| 2407 | 2630 | /* the content container to the right of the icon in Create new form modal */ |
| @@ -2429,82 +2652,23 @@ | ||
| 2429 | 2652 | .frm-templates-list .frm-install-template div { |
| 2430 | 2653 | text-align: left; |
| 2431 | 2654 | } |
| 2432 | 2655 | |
| 2433 | -#frm_new_form_modal .frm-search { | |
| 2434 | - width: 100%; | |
| 2435 | - margin: var(--gap-sm) 0 var(--gap-md); | |
| 2436 | -} | |
| 2437 | - | |
| 2438 | 2656 | #frm_leave_email, |
| 2439 | -#frm_code_from_email | |
| 2440 | -{ | |
| 2657 | +#frm_code_from_email { | |
| 2441 | 2658 | width: 480px; |
| 2659 | + max-width: 100%; | |
| 2442 | 2660 | } |
| 2443 | 2661 | |
| 2444 | -#frm_new_form_modal #template-search-input { | |
| 2445 | - width: 100%; | |
| 2446 | -} | |
| 2447 | - | |
| 2448 | -#frm-email-block .frm-with-left-icon .frmsvg { | |
| 2449 | - padding: 0; | |
| 2450 | - top: 0; | |
| 2451 | - left: 13px; | |
| 2452 | -} | |
| 2453 | - | |
| 2454 | -#frm_new_form_modal .accordion-container { | |
| 2455 | - display: inline-block; | |
| 2456 | - padding: 0; | |
| 2457 | - border-top: 1px solid var(--grey-300); | |
| 2458 | - box-sizing: border-box; | |
| 2459 | - margin: 0 5px; | |
| 2460 | - width: calc( 100% - 10px ); | |
| 2461 | -} | |
| 2462 | - | |
| 2463 | -#frm_new_form_modal .accordion-section-title { | |
| 2464 | - padding: 0; | |
| 2465 | -} | |
| 2466 | - | |
| 2467 | -#frm_new_form_modal .accordion-section-title:hover, | |
| 2468 | -.control-section:hover .accordion-section-title, | |
| 2469 | -#frm_new_form_modal .accordion-section.open .accordion-section-title | |
| 2470 | -{ | |
| 2662 | +.control-section:hover .accordion-section-title { | |
| 2471 | 2663 | background: #fff !important; |
| 2472 | 2664 | border-bottom-color: transparent; |
| 2473 | 2665 | } |
| 2474 | 2666 | |
| 2475 | -#frm_new_form_modal .accordion-section.open:hover { | |
| 2476 | - border-bottom-color: transparent; | |
| 2477 | -} | |
| 2478 | - | |
| 2479 | -#frm_new_form_modal .accordion-section { | |
| 2480 | - padding: 8px 0 4px; | |
| 2481 | -} | |
| 2482 | - | |
| 2483 | -#frm_new_form_modal .accordion-section + .accordion-section { | |
| 2484 | - border-top: 1px solid var(--grey-300); | |
| 2485 | - border-radius: 0; | |
| 2486 | -} | |
| 2487 | - | |
| 2488 | -.frm-templates-list.frm-categories-list li > div > div:last-child, | |
| 2489 | -#frm_new_form_modal .accordion-section .frm-featured-form | |
| 2490 | -{ | |
| 2667 | +.frm-templates-list.frm-categories-list li > div > div:last-child { | |
| 2491 | 2668 | padding-left: 0; |
| 2492 | 2669 | } |
| 2493 | 2670 | |
| 2494 | -#frm_new_form_modal .frm-templates-list.frm-categories-list .accordion-section-title { | |
| 2495 | - padding-left: var(--gap-sm); | |
| 2496 | -} | |
| 2497 | - | |
| 2498 | -#frm_new_form_modal .frm-templates-list.frm-categories-list li.frm-selectable { | |
| 2499 | - padding: 0 10px; | |
| 2500 | - overflow: hidden; | |
| 2501 | -} | |
| 2502 | - | |
| 2503 | -#frm_new_form_modal .accordion-section-content { | |
| 2504 | - padding: var(--gap-sm); | |
| 2505 | -} | |
| 2506 | - | |
| 2507 | 2671 | .frm-hover-icons { |
| 2508 | 2672 | position: absolute; |
| 2509 | 2673 | right: 0; |
| 2510 | 2674 | top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */ |
| @@ -2604,21 +2768,8 @@ | ||
| 2604 | 2768 | vertical-align: text-top; |
| 2605 | 2769 | color: var(--grey-500); |
| 2606 | 2770 | } |
| 2607 | 2771 | |
| 2608 | -#frm_new_form_modal .frm-use-this-template { | |
| 2609 | - margin-left: 10px; | |
| 2610 | -} | |
| 2611 | - | |
| 2612 | -#frm_new_form_modal #frm-preview-block { | |
| 2613 | - padding: var(--gap-md) var(--gap-lg); | |
| 2614 | - overflow-x: hidden; | |
| 2615 | -} | |
| 2616 | - | |
| 2617 | -#frm_new_form_modal #frm-details-block { | |
| 2618 | - padding: var(--gap-md) var(--gap-lg); | |
| 2619 | -} | |
| 2620 | - | |
| 2621 | 2772 | .frm-modal-back { |
| 2622 | 2773 | cursor: pointer; |
| 2623 | 2774 | margin-right: 4px; |
| 2624 | 2775 | } |
| @@ -2626,116 +2777,83 @@ | ||
| 2626 | 2777 | .frm-modal-cancel { |
| 2627 | 2778 | float: left; |
| 2628 | 2779 | } |
| 2629 | 2780 | |
| 2630 | -.frm-plan-required-tag { | |
| 2631 | - margin-left: 5px; | |
| 2632 | - transform: translateY(-1px); | |
| 2633 | - background: #FDE6DE; | |
| 2634 | - color: #F15A24; | |
| 2781 | +.frm-meta-tag, | |
| 2782 | +.frm-meta-tag:hover { | |
| 2783 | + padding: var(--gap-2xs) var(--gap-xs); | |
| 2784 | + border-radius: var(--small-radius); | |
| 2785 | + font-weight: 600; | |
| 2786 | + display: inline-flex; | |
| 2787 | + background-color: #D9EBFF; | |
| 2788 | + gap: 2px; | |
| 2635 | 2789 | } |
| 2636 | 2790 | |
| 2637 | -.frm-ready-made-solution .frm-meta-tag { | |
| 2638 | - width: fit-content; | |
| 2639 | - background: #FDE6DE; | |
| 2640 | - color: #F15A24; | |
| 2791 | +.frm-meta-tag.frm-grey-tag, | |
| 2792 | +.frm-meta-tag.frm-grey-tag:hover { | |
| 2793 | + background-color: var(--sidebar-hover); | |
| 2794 | + color: var(--grey-900); | |
| 2641 | 2795 | } |
| 2642 | 2796 | |
| 2643 | -.frm-meta-tag { | |
| 2644 | - font-size: 10px; | |
| 2645 | - padding: 4px 6px; | |
| 2646 | - border-radius: 4px; | |
| 2647 | - text-transform: uppercase; | |
| 2648 | - font-weight: normal; | |
| 2649 | - display: inline-block; | |
| 2650 | - line-height: 12px; | |
| 2797 | +.frm-meta-tag.frm-red-tag, | |
| 2798 | +.frm-meta-tag.frm-red-tag:hover { | |
| 2799 | + background: var(--error-100); | |
| 2800 | + color: var(--error-700); | |
| 2651 | 2801 | } |
| 2652 | 2802 | |
| 2653 | -#frm_new_form_modal.frm-expired #frm-create-block, | |
| 2654 | -#frm_new_form_modal.frm-expiring #frm-create-block { | |
| 2655 | - max-height: 450px; | |
| 2803 | +.frm-meta-tag.frm-orange-tag, | |
| 2804 | +.frm-meta-tag.frm-orange-tag:hover { | |
| 2805 | + background-color: #FEF7F4; | |
| 2806 | + color: var(--orange); | |
| 2656 | 2807 | } |
| 2657 | 2808 | |
| 2658 | -#frm-create-footer { | |
| 2659 | - padding: 15px 20px; | |
| 2809 | +.frm-meta-tag.frm-green-tag, | |
| 2810 | +.frm-meta-tag.frm-green-tag:hover { | |
| 2811 | + background-color: var(--success-500); | |
| 2812 | + color: #fff; | |
| 2660 | 2813 | } |
| 2661 | 2814 | |
| 2662 | -#frm_code_from_email_options { | |
| 2663 | - margin-top: 20px; | |
| 2815 | +.frm-entry-status-0, | |
| 2816 | +.frm-meta-tag.frm-lt-green-tag, | |
| 2817 | +.frm-meta-tag.frm-lt-green-tag:hover { | |
| 2818 | + background-color: var(--success-100); | |
| 2819 | + color: var(--success-800); | |
| 2664 | 2820 | } |
| 2665 | 2821 | |
| 2666 | -#frm_code_from_email_options * { | |
| 2667 | - color: var(--primary-500); | |
| 2822 | +.frm-meta-tag.frm-new-pill { | |
| 2823 | + background-color: var(--success-500); | |
| 2824 | + vertical-align: text-bottom; | |
| 2668 | 2825 | } |
| 2669 | 2826 | |
| 2670 | -#frm-email-block p, | |
| 2671 | -#frm-code-block p, | |
| 2672 | -#frm-renew-block p | |
| 2673 | -{ | |
| 2674 | - padding: 0 40px; | |
| 2675 | - max-width: 400px; | |
| 2676 | - margin: 0 auto 20px; | |
| 2827 | +/* Start entry statuses */ | |
| 2828 | +.frm-entry-status { | |
| 2829 | + font-weight: 500; | |
| 2677 | 2830 | } |
| 2678 | 2831 | |
| 2832 | +.frm-entry-status-1 { | |
| 2833 | + color: #7A4D05; | |
| 2834 | + background: #FFF2D2; | |
| 2835 | +} | |
| 2836 | +/* End entry statuses */ | |
| 2837 | + | |
| 2838 | +#frm-create-footer { | |
| 2839 | + padding: 15px 20px; | |
| 2840 | +} | |
| 2841 | + | |
| 2679 | 2842 | li .frm-hover-icons .frm-preview-form, |
| 2680 | 2843 | .frm-hover-icons .frm-unlock-form, |
| 2681 | 2844 | .frm-locked-template .frm-hover-icons .frm-create-form, |
| 2682 | -#frm_new_form_modal .frm-modal-back ~ span, | |
| 2683 | -#frm_new_form_modal .postbox > div:first-child ~ div, | |
| 2684 | -.frm-modal-back, | |
| 2685 | -#frm_new_form_modal:not([frm-page="create"]) a.dismiss, | |
| 2686 | -#frm_code_from_email_error span, | |
| 2687 | -#frm_leave_email_error span, | |
| 2688 | -#frm_new_form_modal .frm-delete-form, | |
| 2689 | -#frm-details-block #frm-new-template button, | |
| 2690 | -#frm-create-title span[frm-type="template"], | |
| 2691 | -#frm-create-title[frm-type="template"] span[frm-type="form"] | |
| 2845 | +.frm-modal-back | |
| 2692 | 2846 | { |
| 2693 | 2847 | display: none; |
| 2694 | 2848 | } |
| 2695 | 2849 | |
| 2696 | -#frm_new_form_modal:not([frm-page="create"]) .frm-modal-back, | |
| 2697 | -#frm_new_form_modal[frm-page="create"] #frm-create-title, | |
| 2698 | -#frm-create-title[frm-type="template"] span[frm-type="template"], | |
| 2699 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-title, | |
| 2700 | -#frm_new_form_modal[frm-page="details"] #frm-create-title, | |
| 2701 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-title, | |
| 2702 | -#frm_new_form_modal[frm-page="email"] #frm-email-title, | |
| 2703 | -#frm_new_form_modal[frm-page="code"] #frm-email-title, | |
| 2704 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-title, | |
| 2705 | -#frm_code_from_email_error[frm-error="wrong-code"] span[frm-error="wrong-code"], | |
| 2706 | -#frm_code_from_email_error[frm-error="empty"] span[frm-error="empty"], | |
| 2707 | -#frm_code_from_email_error[frm-error="custom"] span[frm-error="custom"], | |
| 2708 | -#frm_leave_email_error[frm-error="invalid"] span[frm-error="invalid"], | |
| 2709 | -#frm_leave_email_error[frm-error="empty"] span[frm-error="empty"] | |
| 2710 | -{ | |
| 2711 | - display: inline-block; | |
| 2712 | -} | |
| 2713 | 2850 | |
| 2714 | 2851 | .frm-locked-template .frm-hover-icons .frm-unlock-form, |
| 2715 | -li[data-preview] .frm-hover-icons .frm-preview-form, | |
| 2716 | -#frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons .frm-delete-form { | |
| 2852 | +li[data-preview] .frm-hover-icons .frm-preview-form { | |
| 2717 | 2853 | display: inline-flex; |
| 2718 | 2854 | } |
| 2719 | 2855 | |
| 2720 | -#frm_new_form_modal[frm-page="create"] #frm-create-block, | |
| 2721 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-block, | |
| 2722 | -#frm_new_form_modal[frm-page="details"] #frm-details-block, | |
| 2723 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-block, | |
| 2724 | -#frm_new_form_modal[frm-page="email"] #frm-email-block, | |
| 2725 | -#frm_new_form_modal[frm-page="code"] #frm-code-block, | |
| 2726 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-block, | |
| 2727 | -#frm_new_form_modal[frm-page="create"] #frm-create-footer, | |
| 2728 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-footer, | |
| 2729 | -#frm_new_form_modal[frm-page="details"] #frm-details-footer, | |
| 2730 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-footer, | |
| 2731 | -#frm_new_form_modal[frm-page="email"] #frm-email-footer, | |
| 2732 | -#frm_new_form_modal[frm-page="code"] #frm-code-footer, | |
| 2733 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-footer | |
| 2734 | -{ | |
| 2735 | - display: block; | |
| 2736 | -} | |
| 2737 | - | |
| 2738 | 2856 | .frm-modal-back svg { |
| 2739 | 2857 | color: #7F7F7F; |
| 2740 | 2858 | } |
| 2741 | 2859 | |
| @@ -2906,74 +3024,8 @@ | ||
| 2906 | 3024 | .frm_image_from_url { |
| 2907 | 3025 | height: 50px; |
| 2908 | 3026 | } |
| 2909 | 3027 | |
| 2910 | -.frm-right-panel .inside a.frm_pro_tip, | |
| 2911 | -a.frm_pro_tip { | |
| 2912 | - font-size: var(--text-sm); | |
| 2913 | - display: inline-block; | |
| 2914 | - color: var(--grey-700); | |
| 2915 | - background: #FFE7DE; | |
| 2916 | - border-radius: var(--small-radius); | |
| 2917 | - padding: 5px 15px; | |
| 2918 | - margin: 0 auto; | |
| 2919 | - display: flex; | |
| 2920 | - align-items: center; | |
| 2921 | -} | |
| 2922 | - | |
| 2923 | -a.frm_pro_tip:hover { | |
| 2924 | - color: var(--grey-700); | |
| 2925 | - border-color: var(--primary-500); | |
| 2926 | -} | |
| 2927 | - | |
| 2928 | -a.frm_pro_tip:hover .frmsvg { | |
| 2929 | - fill: var(--primary-500); | |
| 2930 | -} | |
| 2931 | - | |
| 2932 | -.frm_field_list .frm_pro_tip { | |
| 2933 | - margin: 10px 15px; | |
| 2934 | - position: relative; | |
| 2935 | - width: calc(100% - 30px); | |
| 2936 | - box-sizing: border-box; | |
| 2937 | -} | |
| 2938 | - | |
| 2939 | -a.frm_pro_tip .frmsvg, | |
| 2940 | -a.frm_pro_tip i { | |
| 2941 | - color: var(--orange); | |
| 2942 | - margin-right: 5px; | |
| 2943 | -} | |
| 2944 | - | |
| 2945 | -a.frm_pro_tip .frmsvg { | |
| 2946 | - margin-right: 10px; | |
| 2947 | -} | |
| 2948 | - | |
| 2949 | -.frm-light-tip a.frm_pro_tip { | |
| 2950 | - background: rgba(188, 224, 253, 0.23); | |
| 2951 | -} | |
| 2952 | - | |
| 2953 | -.frm-light-tip a.frm_pro_tip .frmsvg, | |
| 2954 | -.frm-light-tip a.frm_pro_tip i, | |
| 2955 | -.frm-light-tip .frm-tip-cta { | |
| 2956 | - color: var(--primary-500); | |
| 2957 | -} | |
| 2958 | - | |
| 2959 | -.frm-tip-info { | |
| 2960 | - flex: 1; | |
| 2961 | - text-align: left; | |
| 2962 | -} | |
| 2963 | - | |
| 2964 | -.frm-tip-cta { | |
| 2965 | - color: var(--orange); | |
| 2966 | -} | |
| 2967 | - | |
| 2968 | -.nav-tab-wrapper .frm_pro_tip { | |
| 2969 | - float: right; | |
| 2970 | -} | |
| 2971 | - | |
| 2972 | -.frm_pro_tip:hover .frm-tip-cta { | |
| 2973 | - color: var(--primary-500); | |
| 2974 | -} | |
| 2975 | - | |
| 2976 | 3028 | /*Switch form dropdown*/ |
| 2977 | 3029 | h1 .fa-caret-down { |
| 2978 | 3030 | font-size: 18px; |
| 2979 | 3031 | } |
| @@ -3308,11 +3360,9 @@ | ||
| 3308 | 3360 | position: relative; |
| 3309 | 3361 | } |
| 3310 | 3362 | |
| 3311 | 3363 | .frm-right-panel .accordion-section-title:before, |
| 3312 | -.frm-right-panel .accordion-section-title:after, | |
| 3313 | -#frm_new_form_modal .accordion-section-title:after | |
| 3314 | -{ | |
| 3364 | +.frm-right-panel .accordion-section-title:after { | |
| 3315 | 3365 | content: "\e913" !important; |
| 3316 | 3366 | font-family: "s11-fp" !important; |
| 3317 | 3367 | font-size: 18px; |
| 3318 | 3368 | font-variant: normal; |
| @@ -3319,12 +3369,8 @@ | ||
| 3319 | 3369 | text-rendering: auto; |
| 3320 | 3370 | vertical-align: text-top; |
| 3321 | 3371 | } |
| 3322 | 3372 | |
| 3323 | -#frm_new_form_modal .accordion-section.open .accordion-section-title:after { | |
| 3324 | - transform: rotate(90deg); | |
| 3325 | -} | |
| 3326 | - | |
| 3327 | 3373 | .frm-right-panel .accordion-section-title:after { |
| 3328 | 3374 | top: calc(50% - 10px) !important; |
| 3329 | 3375 | } |
| 3330 | 3376 | |
| @@ -3417,8 +3463,9 @@ | ||
| 3417 | 3463 | |
| 3418 | 3464 | .frm-btn-group .multiselect.dropdown-toggle { |
| 3419 | 3465 | box-sizing: border-box; |
| 3420 | 3466 | min-height: unset; |
| 3467 | + cursor: pointer; | |
| 3421 | 3468 | } |
| 3422 | 3469 | |
| 3423 | 3470 | .accordion-container .frm-dropdown-menu:before, |
| 3424 | 3471 | .accordion-container .multiselect.dropdown-toggle:before { |
| @@ -4089,27 +4136,8 @@ | ||
| 4089 | 4136 | max-width: 100%; |
| 4090 | 4137 | font-size: inherit; |
| 4091 | 4138 | } |
| 4092 | 4139 | |
| 4093 | -/* Start entry statuses */ | |
| 4094 | -.frm-entry-status { | |
| 4095 | - padding: var(--gap-2xs) var(--gap-xs); | |
| 4096 | - align-items: center; | |
| 4097 | - border-radius: var(--small-radius); | |
| 4098 | - text-transform: uppercase; | |
| 4099 | -} | |
| 4100 | - | |
| 4101 | -.frm-entry-status-0 { | |
| 4102 | - color: #1E561F; | |
| 4103 | - background: #D5F2DC; | |
| 4104 | -} | |
| 4105 | - | |
| 4106 | -.frm-entry-status-1 { | |
| 4107 | - color: #7A4D05; | |
| 4108 | - background: #FFF2D2; | |
| 4109 | -} | |
| 4110 | -/* End entry statuses */ | |
| 4111 | - | |
| 4112 | 4140 | #frm-options-panel { |
| 4113 | 4141 | padding: 0 var(--gap-sm); |
| 4114 | 4142 | color: var(--grey-900); |
| 4115 | 4143 | } |
| @@ -4137,8 +4165,9 @@ | ||
| 4137 | 4165 | padding: 0; |
| 4138 | 4166 | } |
| 4139 | 4167 | |
| 4140 | 4168 | .frm-alt-table { |
| 4169 | + position: relative; | |
| 4141 | 4170 | width:100%; |
| 4142 | 4171 | border-collapse:collapse; |
| 4143 | 4172 | margin-top:0.5em; |
| 4144 | 4173 | font-size:15px; |
| @@ -4143,16 +4172,32 @@ | ||
| 4143 | 4172 | margin-top:0.5em; |
| 4144 | 4173 | font-size:15px; |
| 4145 | 4174 | } |
| 4146 | 4175 | |
| 4176 | +/* Before `applyZebraStriping` is executed, an empty space is displayed */ | |
| 4177 | +#form_show_entry_page .frm-alt-table:not(.frm-zebra-striping)::before { | |
| 4178 | + content: ''; | |
| 4179 | + position: absolute; | |
| 4180 | + top: 0; | |
| 4181 | + right: 0; | |
| 4182 | + bottom: 0; | |
| 4183 | + left: 0; | |
| 4184 | + background-color: #fff; | |
| 4185 | +} | |
| 4186 | + | |
| 4147 | 4187 | .frm-alt-table th { |
| 4148 | 4188 | width:200px; |
| 4149 | 4189 | } |
| 4150 | 4190 | |
| 4151 | -.frm-alt-table tr { | |
| 4191 | +.frm-alt-table tr, | |
| 4192 | +.frm-alt-table tr.frm-odd { | |
| 4152 | 4193 | background-color:transparent; |
| 4153 | 4194 | } |
| 4154 | 4195 | |
| 4196 | +.frm-alt-table tr.frm-even { | |
| 4197 | + background-color: var(--sidebar-color); | |
| 4198 | +} | |
| 4199 | + | |
| 4155 | 4200 | .frm-alt-table th, |
| 4156 | 4201 | .frm-alt-table td { |
| 4157 | 4202 | background-color:transparent; |
| 4158 | 4203 | vertical-align:top; |
| @@ -4159,12 +4204,8 @@ | ||
| 4159 | 4204 | text-align:left; |
| 4160 | 4205 | padding:20px; |
| 4161 | 4206 | } |
| 4162 | 4207 | |
| 4163 | -.frm-alt-table tr:nth-child(even) { | |
| 4164 | - background-color: var(--sidebar-color); | |
| 4165 | -} | |
| 4166 | - | |
| 4167 | 4208 | .frm-alt-table h3 { |
| 4168 | 4209 | margin-bottom: 0; |
| 4169 | 4210 | } |
| 4170 | 4211 | |
| @@ -4423,13 +4464,8 @@ | ||
| 4423 | 4464 | --border-color-active: var(--primary-500); |
| 4424 | 4465 | --border-radius: var(--small-radius); |
| 4425 | 4466 | } |
| 4426 | 4467 | |
| 4427 | -.frm_image_option_container svg { | |
| 4428 | - height: 50px; | |
| 4429 | - margin: 10px auto 0; | |
| 4430 | -} | |
| 4431 | - | |
| 4432 | 4468 | #form_show_entry_page .frm_file_link, |
| 4433 | 4469 | #form_show_entry_page .frm_image_option_container { |
| 4434 | 4470 | display: inline-flex; |
| 4435 | 4471 | flex-wrap: nowrap; |
| @@ -4459,8 +4495,12 @@ | ||
| 4459 | 4495 | #form_show_entry_page .frm_upload_label { |
| 4460 | 4496 | padding: 10px; |
| 4461 | 4497 | } |
| 4462 | 4498 | |
| 4499 | +#form_show_entry_page.frm_wrap .postbox { | |
| 4500 | + overflow: hidden; | |
| 4501 | +} | |
| 4502 | + | |
| 4463 | 4503 | .frm_image_option_container .frm_image_placeholder_icon svg{ |
| 4464 | 4504 | height: 150px; |
| 4465 | 4505 | } |
| 4466 | 4506 | |
| @@ -4504,8 +4544,14 @@ | ||
| 4504 | 4544 | #form_global_settings .frm_image_option_container svg { |
| 4505 | 4545 | max-width: calc( 100% - 20px ); |
| 4506 | 4546 | } |
| 4507 | 4547 | |
| 4548 | +/* Style image option container for Directory add on. */ | |
| 4549 | +#frm-new-template .frm_image_option_container svg { | |
| 4550 | + height: 50px; | |
| 4551 | + margin: 10px auto 0; | |
| 4552 | +} | |
| 4553 | + | |
| 4508 | 4554 | /* Show an icon on top */ |
| 4509 | 4555 | .frm_image_option_container { |
| 4510 | 4556 | position: relative; |
| 4511 | 4557 | } |
| @@ -4785,9 +4831,9 @@ | ||
| 4785 | 4831 | } |
| 4786 | 4832 | |
| 4787 | 4833 | .frm_on_label, |
| 4788 | 4834 | .frm_off_label { |
| 4789 | - color: #444444; | |
| 4835 | + color: var(--grey-700); | |
| 4790 | 4836 | } |
| 4791 | 4837 | |
| 4792 | 4838 | .frm_toggle { |
| 4793 | 4839 | position: relative; |
| @@ -4797,9 +4843,9 @@ | ||
| 4797 | 4843 | vertical-align: middle; |
| 4798 | 4844 | } |
| 4799 | 4845 | |
| 4800 | 4846 | .frm_toggle_block { |
| 4801 | - display: inline-flex; | |
| 4847 | + display: inline-flex !important; | |
| 4802 | 4848 | gap: var(--gap-sm); |
| 4803 | 4849 | align-items: center; |
| 4804 | 4850 | } |
| 4805 | 4851 | |
| @@ -5130,8 +5176,12 @@ | ||
| 5130 | 5176 | vertical-align: text-bottom; |
| 5131 | 5177 | } |
| 5132 | 5178 | |
| 5133 | 5179 | /* Import/Export */ |
| 5180 | +.frm-lite .xml_opts .frm-export-xml-items { | |
| 5181 | + display: none; | |
| 5182 | +} | |
| 5183 | + | |
| 5134 | 5184 | .csv_opts #frm_csv_col_sep { |
| 5135 | 5185 | width: 45px; |
| 5136 | 5186 | } |
| 5137 | 5187 | |
| @@ -5724,16 +5774,23 @@ | ||
| 5724 | 5774 | font-size: var(--text-xs); |
| 5725 | 5775 | box-shadow: none; |
| 5726 | 5776 | } |
| 5727 | 5777 | |
| 5728 | -.frm_reply_to_container, | |
| 5729 | -.frm_bcc_cc_container { | |
| 5778 | +p.frm_bcc_cc_container, | |
| 5779 | +p.frm_reply_to_container { | |
| 5730 | 5780 | float: right; |
| 5731 | - margin: -4px 0 0; | |
| 5732 | 5781 | z-index: 1; |
| 5733 | 5782 | position: relative; |
| 5734 | 5783 | } |
| 5735 | 5784 | |
| 5785 | +p.frm_bcc_cc_container { | |
| 5786 | + margin: 14px 0 0; | |
| 5787 | +} | |
| 5788 | + | |
| 5789 | +p.frm_reply_to_container { | |
| 5790 | + margin: -4px 0 0; | |
| 5791 | +} | |
| 5792 | + | |
| 5736 | 5793 | .frm_email_row .frm_cancel1_icon:before { |
| 5737 | 5794 | vertical-align: bottom; |
| 5738 | 5795 | } |
| 5739 | 5796 | |
| @@ -6197,13 +6254,8 @@ | ||
| 6197 | 6254 | .frm-has-fields #frm-show-fields { |
| 6198 | 6255 | min-height: 50px; |
| 6199 | 6256 | } |
| 6200 | 6257 | |
| 6201 | -#frm_builder_page li[data-ftype="gateway"] { | |
| 6202 | - /* Gateway fields are included for add-on compatibility but we do not want it to be visible. */ | |
| 6203 | - display: none; | |
| 6204 | -} | |
| 6205 | - | |
| 6206 | 6258 | #frm_builder_page .frm-lite-credit-card-element, |
| 6207 | 6259 | body.frm-admin-page-styles .frm-lite-credit-card-element { |
| 6208 | 6260 | position: relative; |
| 6209 | 6261 | } |
| @@ -6486,11 +6538,8 @@ | ||
| 6486 | 6538 | .frm-page-break:before, |
| 6487 | 6539 | .frm-page-break:after { |
| 6488 | 6540 | content: ''; |
| 6489 | 6541 | position: absolute; |
| 6490 | - top: -4px; | |
| 6491 | - width: 4px; | |
| 6492 | - height: 4px; | |
| 6493 | 6542 | background-color: #fff; |
| 6494 | 6543 | border-radius: 50%; |
| 6495 | 6544 | border: 1px solid var(--primary-700); |
| 6496 | 6545 | text-rendering: auto; |
| @@ -6496,23 +6545,11 @@ | ||
| 6496 | 6545 | text-rendering: auto; |
| 6497 | 6546 | -webkit-font-smoothing: antialiased; |
| 6498 | 6547 | } |
| 6499 | 6548 | |
| 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 | 6549 | .edit_field_type_divider:before { |
| 6550 | + font-family: 's11-fp'; | |
| 6551 | + content: '\f1dc'; | |
| 6515 | 6552 | width: 20px; |
| 6516 | 6553 | height: 20px; |
| 6517 | 6554 | left: -11px; |
| 6518 | 6555 | top: 0; |
| @@ -6521,13 +6558,8 @@ | ||
| 6521 | 6558 | color: #fff; |
| 6522 | 6559 | font-size: 13px; |
| 6523 | 6560 | } |
| 6524 | 6561 | |
| 6525 | -.edit_field_type_divider:before{ | |
| 6526 | - font-family: 's11-fp'; | |
| 6527 | - content: '\f1dc'; | |
| 6528 | -} | |
| 6529 | - | |
| 6530 | 6562 | .repeat_section.edit_field_type_divider:before { |
| 6531 | 6563 | font-family: 's11-fp'; |
| 6532 | 6564 | content: '\f363'; |
| 6533 | 6565 | } |
| @@ -6532,15 +6564,35 @@ | ||
| 6532 | 6564 | content: '\f363'; |
| 6533 | 6565 | } |
| 6534 | 6566 | |
| 6535 | 6567 | .edit_field_type_divider:after { |
| 6568 | + width: 5px; | |
| 6569 | + height: 5px; | |
| 6536 | 6570 | left: -4px; |
| 6537 | - bottom: 0; | |
| 6538 | - top: auto; | |
| 6571 | + bottom: -4px; | |
| 6539 | 6572 | transition: all 0.4s ease-out; |
| 6540 | 6573 | } |
| 6541 | 6574 | |
| 6575 | +.frm-page-break:before, | |
| 6576 | +.frm-page-break:after { | |
| 6577 | + width: 8px; | |
| 6578 | + height: 8px; | |
| 6579 | + top: -6px; | |
| 6580 | + border-color: var(--grey); | |
| 6581 | +} | |
| 6542 | 6582 | |
| 6583 | +.frm-page-break:after { | |
| 6584 | + right: 0; | |
| 6585 | +} | |
| 6586 | + | |
| 6587 | +#frm-fake-page .frm-page-break { | |
| 6588 | + border-color: var(--grey); | |
| 6589 | +} | |
| 6590 | + | |
| 6591 | +#frm-fake-page { | |
| 6592 | + padding: 0 5px; | |
| 6593 | +} | |
| 6594 | + | |
| 6543 | 6595 | .frm_sorting li.edit_field_type_divider:hover, |
| 6544 | 6596 | .frm_sorting li.edit_field_type_divider.selected { |
| 6545 | 6597 | border-left-color: var(--primary-500); |
| 6546 | 6598 | } |
| @@ -6562,9 +6614,10 @@ | ||
| 6562 | 6614 | } |
| 6563 | 6615 | |
| 6564 | 6616 | .frm-page-break .frm-collapse-page.button { |
| 6565 | 6617 | margin-left: 46%; |
| 6566 | - margin-top: calc( -28px / 2 ); | |
| 6618 | + margin-top: calc( -32px / 2 ); | |
| 6619 | + padding: 6px 12px !important; | |
| 6567 | 6620 | } |
| 6568 | 6621 | |
| 6569 | 6622 | #frm-fake-page.frm-page-collapsed { |
| 6570 | 6623 | margin-bottom: 0; |
| @@ -6575,20 +6628,8 @@ | ||
| 6575 | 6628 | overflow: visible !important; |
| 6576 | 6629 | margin-bottom: var(--gap-lg); |
| 6577 | 6630 | } |
| 6578 | 6631 | |
| 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 | 6632 | .frm-collapse-page .frmsvg, |
| 6592 | 6633 | .frm-collapse-page .frm_arrowdown6_icon { |
| 6593 | 6634 | width: var(--text-sm); |
| 6594 | 6635 | height: var(--text-sm); |
| @@ -6595,10 +6636,15 @@ | ||
| 6595 | 6636 | font-size: var(--text-sm); |
| 6596 | 6637 | text-align: center; |
| 6597 | 6638 | margin-left: 2px; |
| 6598 | 6639 | color: currentColor; |
| 6640 | + transition: transform 300ms ease-in-out; | |
| 6599 | 6641 | } |
| 6600 | 6642 | |
| 6643 | +.frm-page-collapsed .frm-collapse-page .frmsvg { | |
| 6644 | + transform: rotate(180deg); | |
| 6645 | +} | |
| 6646 | + | |
| 6601 | 6647 | #frm-fake-page .frm_arrowdown6_icon { |
| 6602 | 6648 | color: currentColor; |
| 6603 | 6649 | } |
| 6604 | 6650 | |
| @@ -6687,8 +6733,12 @@ | ||
| 6687 | 6733 | width: 90%; |
| 6688 | 6734 | top: 0; |
| 6689 | 6735 | } |
| 6690 | 6736 | |
| 6737 | +.frm-empty-fields .frm_updated_message ~ .frm_no_fields { | |
| 6738 | + top: 60px; | |
| 6739 | +} | |
| 6740 | + | |
| 6691 | 6741 | .frm-has-fields .frm_no_fields { |
| 6692 | 6742 | display: none; |
| 6693 | 6743 | } |
| 6694 | 6744 | |
| @@ -6760,14 +6810,8 @@ | ||
| 6760 | 6810 | .frm_prod_options_heading.frm_prod_user_def { |
| 6761 | 6811 | display: none; |
| 6762 | 6812 | } |
| 6763 | 6813 | |
| 6764 | -#frm-preview-block { | |
| 6765 | - height: 400px; | |
| 6766 | - overflow: scroll; | |
| 6767 | - margin: 0; | |
| 6768 | -} | |
| 6769 | - | |
| 6770 | 6814 | .plugin-card-bottom .frm-trash { |
| 6771 | 6815 | color: #a00; |
| 6772 | 6816 | } |
| 6773 | 6817 | |
| @@ -7101,26 +7145,33 @@ | ||
| 7101 | 7145 | #frm-show-fields .frm-with-left-icon i { |
| 7102 | 7146 | padding-top: 10px; |
| 7103 | 7147 | } |
| 7104 | 7148 | |
| 7149 | +.frm-search .frm_search_icon { | |
| 7150 | + padding-left: 18px !important; | |
| 7151 | + padding-right: 12px !important; | |
| 7152 | +} | |
| 7153 | + | |
| 7105 | 7154 | .frm-search input[name="s"], |
| 7106 | 7155 | .frm-search .dropdown-toggle, |
| 7107 | 7156 | .frm-search input.frm-search-input { |
| 7108 | 7157 | border-radius: var(--small-radius); |
| 7109 | - padding-left: 33px !important; | |
| 7110 | 7158 | border-color: var(--grey-300); |
| 7111 | 7159 | } |
| 7112 | 7160 | |
| 7113 | -.frm_wrap .frm-search .frm-search-input, | |
| 7114 | -.frm-modal .frm-search .frm-search-input, | |
| 7115 | 7161 | .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; | |
| 7162 | +#wpwrap .frm-search input[type="search"] { | |
| 7119 | 7163 | flex: 1; |
| 7120 | 7164 | font-size: var(--text-sm); |
| 7165 | + line-height: var(--text-lg); | |
| 7166 | + padding: var(--gap-xs); | |
| 7121 | 7167 | } |
| 7122 | 7168 | |
| 7169 | +.frm-search input[type="search"], | |
| 7170 | +.frm-search input[type="text"] { | |
| 7171 | + padding-left: var(--gap-xl) !important; | |
| 7172 | +} | |
| 7173 | + | |
| 7123 | 7174 | .frm-search .dropdown-toggle { |
| 7124 | 7175 | width: 100%; |
| 7125 | 7176 | float: none; |
| 7126 | 7177 | max-width: 200px; |
| @@ -7125,8 +7176,9 @@ | ||
| 7125 | 7176 | float: none; |
| 7126 | 7177 | max-width: 200px; |
| 7127 | 7178 | background: transparent; |
| 7128 | 7179 | padding: 7px; |
| 7180 | + padding-left: 33px !important; | |
| 7129 | 7181 | min-height: 32px; |
| 7130 | 7182 | text-align: inherit; |
| 7131 | 7183 | overflow: hidden; |
| 7132 | 7184 | text-overflow: ellipsis; |
| @@ -7368,16 +7420,16 @@ | ||
| 7368 | 7420 | ul .frm_col_two { |
| 7369 | 7421 | float: right; |
| 7370 | 7422 | } |
| 7371 | 7423 | |
| 7372 | -.frm_two_col li { | |
| 7373 | - float: left; | |
| 7374 | - width: 48%; | |
| 7375 | - margin-right: 4%; | |
| 7424 | +ul.frm_two_col { | |
| 7425 | + display: grid; | |
| 7426 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 7427 | + gap: var(--gap-sm); | |
| 7376 | 7428 | } |
| 7377 | 7429 | |
| 7378 | -.frm_two_col li:nth-child(2n+2) { | |
| 7379 | - margin-right: 0; | |
| 7430 | +.frm_two_col li { | |
| 7431 | + margin-bottom: 0; | |
| 7380 | 7432 | } |
| 7381 | 7433 | |
| 7382 | 7434 | .frm-info-modal a, |
| 7383 | 7435 | .frm-info-modal ul, |
| @@ -7384,11 +7436,10 @@ | ||
| 7384 | 7436 | .frm-info-modal p, |
| 7385 | 7437 | .frm-info-modal, |
| 7386 | 7438 | .settings-lite-cta a, |
| 7387 | 7439 | .settings-lite-cta ul, |
| 7388 | -.settings-lite-cta p, | |
| 7389 | 7440 | .settings-lite-cta { |
| 7390 | - color: #666; | |
| 7441 | + color: var(--grey-500); | |
| 7391 | 7442 | font-size: var(--text-md); |
| 7392 | 7443 | box-shadow: none !important; |
| 7393 | 7444 | } |
| 7394 | 7445 | |
| @@ -7402,9 +7453,9 @@ | ||
| 7402 | 7453 | } |
| 7403 | 7454 | |
| 7404 | 7455 | .frm-info-modal .postbox .inside, |
| 7405 | 7456 | .settings-lite-cta .postbox .inside { |
| 7406 | - padding: 20px 40px; | |
| 7457 | + padding: var(--gap-md); | |
| 7407 | 7458 | margin: 0; |
| 7408 | 7459 | } |
| 7409 | 7460 | |
| 7410 | 7461 | .cta-inside a { |
| @@ -7855,21 +7906,26 @@ | ||
| 7855 | 7906 | opacity: .5; |
| 7856 | 7907 | z-index: 2; |
| 7857 | 7908 | } |
| 7858 | 7909 | |
| 7859 | -#frm_upgrade_modal { | |
| 7860 | - text-align: center; | |
| 7910 | +.frm-circled-icon { | |
| 7911 | + width: 60px; | |
| 7912 | + height: 60px; | |
| 7913 | + border-radius: 50%; | |
| 7914 | + background-color: var(--primary-25); | |
| 7861 | 7915 | } |
| 7862 | 7916 | |
| 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; | |
| 7917 | +.frm-circled-icon .frmsvg { | |
| 7918 | + width: 21px; | |
| 7919 | + height: 24px; | |
| 7870 | 7920 | } |
| 7871 | 7921 | |
| 7922 | +.frm-circled-icon .frmsvg use { | |
| 7923 | + color: var(--primary-500); | |
| 7924 | + } | |
| 7925 | + | |
| 7926 | + | |
| 7927 | + | |
| 7872 | 7928 | .frm-upgrade-message img { |
| 7873 | 7929 | max-width: 100%; |
| 7874 | 7930 | } |
| 7875 | 7931 | |
| @@ -8097,8 +8153,9 @@ | ||
| 8097 | 8153 | .frm-white-body .wrap input[type="text"], /* Cover Views pages */ |
| 8098 | 8154 | .frm-white-body .wrap input[type="search"], |
| 8099 | 8155 | .frm-white-body .wrap input[type="number"], |
| 8100 | 8156 | .frm-white-body .wrap select, |
| 8157 | +#frm-form-templates-modal select, | |
| 8101 | 8158 | .frm-white-body .wrap textarea, |
| 8102 | 8159 | button.frm_choose_image_box, |
| 8103 | 8160 | #titlediv input[type="text"], |
| 8104 | 8161 | .frm-fields button.btn, |
| @@ -8104,8 +8161,9 @@ | ||
| 8104 | 8161 | .frm-fields button.btn, |
| 8105 | 8162 | .frm_wrap textarea, |
| 8106 | 8163 | .frm_wrap input[type="tel"], |
| 8107 | 8164 | .frm_wrap input[type="text"], |
| 8165 | +.frm_wrap input[type="email"] | |
| 8108 | 8166 | .frm_wrap input[type=search], |
| 8109 | 8167 | .frm_wrap input[type="number"], |
| 8110 | 8168 | .frm_wrap input[type="date"], |
| 8111 | 8169 | .frm_wrap select, |
| @@ -8134,8 +8192,9 @@ | ||
| 8134 | 8192 | .frm-white-body select:focus, |
| 8135 | 8193 | .frm_wrap input:focus, |
| 8136 | 8194 | .frm_wrap select:focus, |
| 8137 | 8195 | .wp-core-ui .frm_wrap select:focus, |
| 8196 | +#frm-form-templates-modal select:focus, | |
| 8138 | 8197 | .frm-btn-group .multiselect.dropdown-toggle:focus, |
| 8139 | 8198 | .frm_wrap textarea:focus { |
| 8140 | 8199 | border-color: var(--primary-500) !important; |
| 8141 | 8200 | box-shadow: none !important; |
| @@ -8154,9 +8213,10 @@ | ||
| 8154 | 8213 | .frm_wrap select { |
| 8155 | 8214 | padding: 2px; |
| 8156 | 8215 | } |
| 8157 | 8216 | |
| 8158 | -.wp-admin .frm_wrap select { | |
| 8217 | +.wp-admin .frm_wrap select, | |
| 8218 | +#frm-form-templates-modal select { | |
| 8159 | 8219 | max-width: 100%; |
| 8160 | 8220 | } |
| 8161 | 8221 | |
| 8162 | 8222 | .frm_form_field.frm_scroll_box .frm_opt_container { |
| @@ -8172,8 +8232,13 @@ | ||
| 8172 | 8232 | .frm_wrap input::placeholder { |
| 8173 | 8233 | color: var(--grey-500); |
| 8174 | 8234 | } |
| 8175 | 8235 | |
| 8236 | +.frm_wrap .frm-button-primary.frm-disabled { | |
| 8237 | + opacity: 0.5; | |
| 8238 | + cursor: default; | |
| 8239 | +} | |
| 8240 | + | |
| 8176 | 8241 | #postcustomstuff table td > div { |
| 8177 | 8242 | /* To override some inline css in add-on */ |
| 8178 | 8243 | padding-top: 0 !important; |
| 8179 | 8244 | } |
| @@ -8189,9 +8254,10 @@ | ||
| 8189 | 8254 | } |
| 8190 | 8255 | |
| 8191 | 8256 | #postbox-container-2 select, |
| 8192 | 8257 | .wp-admin .frm_wrap select, |
| 8193 | -.frm_wrap .frm_form_builder select { | |
| 8258 | +.frm_wrap .frm_form_builder select, | |
| 8259 | +#frm-form-templates-modal select { | |
| 8194 | 8260 | height: auto; |
| 8195 | 8261 | background-position: right 11px top 55%; |
| 8196 | 8262 | } |
| 8197 | 8263 | |
| @@ -8304,8 +8370,42 @@ | ||
| 8304 | 8370 | .windows ::-webkit-scrollbar-corner { |
| 8305 | 8371 | background: transparent; |
| 8306 | 8372 | } |
| 8307 | 8373 | |
| 8374 | +.frm-scrollbar-wrapper { | |
| 8375 | + overflow-x: hidden; | |
| 8376 | + overflow-y: auto; /* Enable scrolling */ | |
| 8377 | + -ms-overflow-style: none; /* For IE and Edge */ | |
| 8378 | + scrollbar-color: transparent transparent; /* Firefox Scrollbar - transparent by default and show on hover */ | |
| 8379 | + scrollbar-width: thin; | |
| 8380 | +} | |
| 8381 | + | |
| 8382 | +.frm-scrollbar-wrapper:hover { | |
| 8383 | + scrollbar-color: var(--grey-300) var(--sidebar-color); /* Firefox Scrollbar - Show on hover */ | |
| 8384 | +} | |
| 8385 | + | |
| 8386 | +.frm-scrollbar-wrapper::-webkit-scrollbar { | |
| 8387 | + width: 3px; | |
| 8388 | +} | |
| 8389 | + | |
| 8390 | +.frm-scrollbar-wrapper::-webkit-scrollbar-track { | |
| 8391 | + background: var(--sidebar-color); | |
| 8392 | +} | |
| 8393 | + | |
| 8394 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb { | |
| 8395 | + background: transparent; | |
| 8396 | + border-radius: 100vw; | |
| 8397 | +} | |
| 8398 | + | |
| 8399 | +.frm-scrollbar-wrapper:hover::-webkit-scrollbar-thumb { | |
| 8400 | + background: var(--grey-300); /* Show scrollbar on hover */ | |
| 8401 | +} | |
| 8402 | + | |
| 8403 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb:hover { | |
| 8404 | + background: var(--grey-400); /* Show scrollbar on hover */ | |
| 8405 | +} | |
| 8406 | +/* End scrollbar */ | |
| 8407 | + | |
| 8308 | 8408 | /* RTL */ |
| 8309 | 8409 | .rtl h3 { |
| 8310 | 8410 | font-weight: inherit !important; |
| 8311 | 8411 | } |
| @@ -8382,10 +8482,10 @@ | ||
| 8382 | 8482 | right: auto; |
| 8383 | 8483 | left: 5px; |
| 8384 | 8484 | } |
| 8385 | 8485 | |
| 8386 | -.rtl .frm_reply_to_container, | |
| 8387 | -.rtl .frm_bcc_cc_container { | |
| 8486 | +.rtl p.frm_reply_to_container, | |
| 8487 | +.rtl p.frm_bcc_cc_container { | |
| 8388 | 8488 | float: left; |
| 8389 | 8489 | } |
| 8390 | 8490 | |
| 8391 | 8491 | .rtl .frm-default-switcher { |
| @@ -8493,16 +8593,8 @@ | ||
| 8493 | 8593 | .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container, |
| 8494 | 8594 | .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container { |
| 8495 | 8595 | left: 36px; |
| 8496 | 8596 | } |
| 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 | 8597 | } |
| 8506 | 8598 | |
| 8507 | 8599 | @media only screen and (max-width: 850px) { |
| 8508 | 8600 | #frm_bs_dropdown { |
| @@ -8743,15 +8835,14 @@ | ||
| 8743 | 8835 | #wp-content-media-buttons a.frm_insert_form { |
| 8744 | 8836 | padding: 0 var(--gap-sm); |
| 8745 | 8837 | } |
| 8746 | 8838 | |
| 8747 | - .frm-admin-footer-links { | |
| 8748 | - padding-left: 0; | |
| 8839 | + .frm-white-body input[type="checkbox"]:checked::before, | |
| 8840 | + .frm_wrap input[type="checkbox"]:checked::before { | |
| 8841 | + width: 1.2rem; | |
| 8842 | + height: 1.2rem; | |
| 8843 | + margin: 0.125rem; | |
| 8749 | 8844 | } |
| 8750 | - | |
| 8751 | - body.rtl .frm-admin-footer-links { | |
| 8752 | - padding-right: 0; | |
| 8753 | - } | |
| 8754 | 8845 | } |
| 8755 | 8846 | |
| 8756 | 8847 | @media only screen and (max-width: 700px) { |
| 8757 | 8848 | .frm-white-body, |
| @@ -9195,43 +9286,16 @@ | ||
| 9195 | 9286 | .frm-ready-made-solution:not(.frm-search-result) { |
| 9196 | 9287 | display: none !important; |
| 9197 | 9288 | } |
| 9198 | 9289 | |
| 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; | |
| 9290 | +#frm_leave_email_wrapper .frmsvg { | |
| 9291 | + top: 0; | |
| 9206 | 9292 | } |
| 9207 | 9293 | |
| 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; | |
| 9294 | +#frm-add-my-email-address { | |
| 9295 | + margin-top: 30px; | |
| 9216 | 9296 | } |
| 9217 | 9297 | |
| 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 | 9298 | .frm-ready-made-solution h3 ~ a { |
| 9235 | 9299 | color: var(--primary-500); |
| 9236 | 9300 | } |
| 9237 | 9301 | |
| @@ -9275,4 +9339,200 @@ | ||
| 9275 | 9339 | .frm_on_submit_type input[type="radio"]:checked + label svg { |
| 9276 | 9340 | color: var(--primary-color); |
| 9277 | 9341 | } |
| 9278 | 9342 | /* End On Submit action */ |
| 9343 | + | |
| 9344 | +/* Start call-to-action */ | |
| 9345 | +.frm_pro_tip, | |
| 9346 | +.frm-cta { | |
| 9347 | + justify-content: space-between; | |
| 9348 | + align-items: center; | |
| 9349 | + gap: var(--gap-2xl); | |
| 9350 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9351 | + border-radius: var(--small-radius); | |
| 9352 | + background: var(--primary-25); | |
| 9353 | +} | |
| 9354 | + | |
| 9355 | +.frm-cta h4 { | |
| 9356 | + font-weight: 600; | |
| 9357 | + margin: 0; | |
| 9358 | +} | |
| 9359 | + | |
| 9360 | +.frm-cta-green { | |
| 9361 | + background-color: var(--success-25); | |
| 9362 | +} | |
| 9363 | + | |
| 9364 | +.frm-cta-green .frm-banner-title { | |
| 9365 | + gap: calc(var(--gap-2xs) + 1px); | |
| 9366 | + color: var(--grey-700); | |
| 9367 | +} | |
| 9368 | + | |
| 9369 | +.frm-right-panel .inside .frm_pro_tip, | |
| 9370 | +.frm_pro_tip { | |
| 9371 | + color: var(--grey-700); | |
| 9372 | + background: #FFE7DE; | |
| 9373 | + margin: 0 auto; | |
| 9374 | + display: flex; | |
| 9375 | + gap: var(--gap-xs); | |
| 9376 | +} | |
| 9377 | + | |
| 9378 | +.frm_field_list .frm_pro_tip { | |
| 9379 | + margin: 10px 15px; | |
| 9380 | + position: relative; | |
| 9381 | + width: calc(100% - 30px); | |
| 9382 | + box-sizing: border-box; | |
| 9383 | +} | |
| 9384 | + | |
| 9385 | +.frm_pro_tip .frmsvg, | |
| 9386 | +.frm_pro_tip i { | |
| 9387 | + color: var(--orange); | |
| 9388 | +} | |
| 9389 | + | |
| 9390 | +.frm-tip-info { | |
| 9391 | + flex: 1; | |
| 9392 | + text-align: left; | |
| 9393 | +} | |
| 9394 | + | |
| 9395 | +.frm-tip-cta { | |
| 9396 | + color: var(--orange); | |
| 9397 | +} | |
| 9398 | + | |
| 9399 | +.frm-light-tip .frm_pro_tip { | |
| 9400 | + background: var(--primary-25); | |
| 9401 | +} | |
| 9402 | + | |
| 9403 | +.frm-light-tip .frm_pro_tip .frmsvg, | |
| 9404 | +.frm-light-tip .frm_pro_tip i, | |
| 9405 | +.frm-light-tip .frm-tip-cta { | |
| 9406 | + color: var(--primary-500); | |
| 9407 | +} | |
| 9408 | + | |
| 9409 | +.frm-tip-cta:hover { | |
| 9410 | + color: var(--primary-500); | |
| 9411 | +} | |
| 9412 | + | |
| 9413 | +.nav-tab-wrapper .frm_pro_tip { | |
| 9414 | + float: right; | |
| 9415 | +} | |
| 9416 | +/* End call-to-action */ | |
| 9417 | + | |
| 9418 | +/* Start confirm and form templates modals */ | |
| 9419 | +#frm-form-templates-modal textarea { | |
| 9420 | + height: 108px; | |
| 9421 | +} | |
| 9422 | + | |
| 9423 | +#frm-form-templates-modal .frm-fields button.btn { | |
| 9424 | + border-color: var(--grey-300); | |
| 9425 | + color: var(--grey-900); | |
| 9426 | + cursor: pointer; | |
| 9427 | +} | |
| 9428 | + | |
| 9429 | +#frm-form-templates-modal .frm-fields button.btn .frmsvg { | |
| 9430 | + color: var(--grey-400); | |
| 9431 | + width: 14px; | |
| 9432 | + height: 14px; | |
| 9433 | +} | |
| 9434 | + | |
| 9435 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset { | |
| 9436 | + position: relative; | |
| 9437 | +} | |
| 9438 | + | |
| 9439 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset .frm-with-left-icon .frmsvg { | |
| 9440 | + padding: 0; | |
| 9441 | + top: 0; | |
| 9442 | + left: 13px; | |
| 9443 | +} | |
| 9444 | + | |
| 9445 | +/* Fixes pro issue #3508, prevent a conflict that hides the postbox in modal */ | |
| 9446 | +#frm-form-templates-modal .postbox { | |
| 9447 | + display: block !important; | |
| 9448 | +} | |
| 9449 | + | |
| 9450 | +/* Leave email modal */ | |
| 9451 | +#frm_empty_inbox #frm-leave-email-modal { | |
| 9452 | + margin-top: var(--gap-2xl); | |
| 9453 | +} | |
| 9454 | + | |
| 9455 | +/* Name your form modal */ | |
| 9456 | +#frm-name-your-form-modal .frm_modal_top { | |
| 9457 | + padding-top: var(--gap-sm); | |
| 9458 | +} | |
| 9459 | +/* End confirm and form templates modals */ | |
| 9460 | + | |
| 9461 | +/* Field Group Message */ | |
| 9462 | +#frm-field-group-message { | |
| 9463 | + position: absolute; | |
| 9464 | + bottom: 32px; | |
| 9465 | + right: calc(50% - var(--biggest-sidebar)); | |
| 9466 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9467 | + border-radius: 100px; | |
| 9468 | + background-color: var(--primary-25); | |
| 9469 | +} | |
| 9470 | + | |
| 9471 | +#frm-field-group-message .frm-field-group-message-text { | |
| 9472 | + gap: 10px; | |
| 9473 | + color: var(--grey-800); | |
| 9474 | +} | |
| 9475 | + | |
| 9476 | +#frm-field-group-message-dismiss { | |
| 9477 | + margin-left: var(--gap-xs) | |
| 9478 | +} | |
| 9479 | + | |
| 9480 | +#frm-field-group-message-dismiss .frmsvg { | |
| 9481 | + color: var(--grey-800); | |
| 9482 | + width: 15px; | |
| 9483 | + height: 15px; | |
| 9484 | + cursor: pointer; | |
| 9485 | + transition: color 300ms ease-in-out; | |
| 9486 | +} | |
| 9487 | + | |
| 9488 | +#frm-field-group-message-dismiss .frmsvg:hover { | |
| 9489 | + color: var(--grey-500); | |
| 9490 | +} | |
| 9491 | +/* End Field Group Message */ | |
| 9492 | + | |
| 9493 | +/* Start card layout */ | |
| 9494 | +.frm-card-item { | |
| 9495 | + display: flex; | |
| 9496 | + border: 1px solid var(--grey-200); | |
| 9497 | + border-radius: var(--small-radius); | |
| 9498 | + padding: var(--gap-sm); | |
| 9499 | + box-shadow: var(--box-shadow-xs); | |
| 9500 | + background: #FFFFFF; | |
| 9501 | +} | |
| 9502 | +.frm-card-item:not(.frm-counter-card) { | |
| 9503 | + gap: 10px; | |
| 9504 | +} | |
| 9505 | +/* End card layout */ | |
| 9506 | + | |
| 9507 | +/* Pirate forms importer */ | |
| 9508 | +#welcome-panel:has(#frm_form_pf_importer) { | |
| 9509 | + background-color: #fff; | |
| 9510 | + margin: var(--gap-sm) var(--gap-md) var(--gap-md); | |
| 9511 | + line-height: 2; | |
| 9512 | +} | |
| 9513 | + | |
| 9514 | +#welcome-panel:has(#frm_form_pf_importer) .welcome-panel-content { | |
| 9515 | + text-align: start !important; | |
| 9516 | + min-height: unset; | |
| 9517 | + display: block; | |
| 9518 | +} | |
| 9519 | + | |
| 9520 | +#frm_form_pf_importer div { | |
| 9521 | + margin: 10px 0 !important; | |
| 9522 | +} | |
| 9523 | + | |
| 9524 | +#frm_form_pf_importer button { | |
| 9525 | + border: 1px solid var(--primary-500); | |
| 9526 | + padding: 7px 16px; | |
| 9527 | + min-height: 28px; | |
| 9528 | + line-height: var(--leading); | |
| 9529 | + margin-bottom: 0; | |
| 9530 | + background: var(--primary-500); | |
| 9531 | + color: #fff !important; | |
| 9532 | +} | |
| 9533 | + | |
| 9534 | +#frm_form_pf_importer button:hover { | |
| 9535 | + background: #135e96; | |
| 9536 | + border-color: #135e96; | |
| 9537 | +} | |
| 9538 | +/* End Pirate forms importer */ | |
