| @@ -22,13 +22,15 @@ | ||
| 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-300: #FECDCA; | |
| 31 | 33 | --error-500: #F04438; |
| 32 | 34 | --error-700: #B42318; |
| 33 | 35 | --green: rgb(63, 172, 37); |
| 34 | 36 | --orange: #F15A24; |
| @@ -33,8 +35,10 @@ | ||
| 33 | 35 | --green: rgb(63, 172, 37); |
| 34 | 36 | --orange: #F15A24; |
| 35 | 37 | --pink: rgb(226, 42, 110); |
| 36 | 38 | --purple: rgb(141, 53, 245); |
| 39 | + --success-500: #12b76a; | |
| 40 | + --success-25: #f6fef9; | |
| 37 | 41 | --border-radius: 35px; |
| 38 | 42 | --small-radius: 8px; |
| 39 | 43 | --small-sidebar: 275px; |
| 40 | 44 | --medium-sidebar: 350px; |
| @@ -55,12 +59,16 @@ | ||
| 55 | 59 | --gap-md: 24px; |
| 56 | 60 | --gap-lg: 32px; |
| 57 | 61 | --gap-xl: 40px; |
| 58 | 62 | --gap-2xl: 48px; |
| 63 | + --box-shadow-xs: 0px 0.47074466943740845px 0.9414893388748169px 0px rgba(16, 24, 40, 0.05); | |
| 59 | 64 | --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 | 65 | --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 | 66 | --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 | 67 | --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); |
| 68 | + | |
| 69 | + /* Override front-end CSS */ | |
| 70 | + --check-label-color: var(--grey-700); | |
| 63 | 71 | } |
| 64 | 72 | |
| 65 | 73 | @font-face { |
| 66 | 74 | font-family: 'Inter'; |
| @@ -94,8 +102,14 @@ | ||
| 94 | 102 | color: var(--grey-500); |
| 95 | 103 | line-height: var(--leading); |
| 96 | 104 | } |
| 97 | 105 | |
| 106 | +.frm-white-body p, | |
| 107 | +.frm_wrap p { | |
| 108 | + margin: var(--gap-sm) 0; | |
| 109 | +} | |
| 110 | + | |
| 111 | + | |
| 98 | 112 | body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset { |
| 99 | 113 | --fieldset-padding: 15px 0; |
| 100 | 114 | } |
| 101 | 115 | |
| @@ -330,8 +344,9 @@ | ||
| 330 | 344 | |
| 331 | 345 | .frm-white-body .wrap h2, |
| 332 | 346 | .frm-white-body h2 { |
| 333 | 347 | font-size: var(--text-lg); |
| 348 | + font-weight: 500; | |
| 334 | 349 | } |
| 335 | 350 | |
| 336 | 351 | .frm-white-body .wrap h3, |
| 337 | 352 | .frm-white-body h3 { |
| @@ -343,8 +358,35 @@ | ||
| 343 | 358 | font-size: var(--text-sm); |
| 344 | 359 | font-weight: 500; |
| 345 | 360 | } |
| 346 | 361 | |
| 362 | +/* Error modal */ | |
| 363 | +#frm_error_modal .frm_lock_simple { | |
| 364 | + padding: 20px; | |
| 365 | + border-radius: 50%; | |
| 366 | + background-color: var(--primary-25); | |
| 367 | + display: inline-block; | |
| 368 | +} | |
| 369 | + | |
| 370 | +#frm_error_modal #frm_lock_simple { | |
| 371 | + color: var(--primary-500); | |
| 372 | +} | |
| 373 | + | |
| 374 | +#frm_error_modal .frm-modal-title { | |
| 375 | + display: block; | |
| 376 | +} | |
| 377 | + | |
| 378 | +#frm_error_modal .frm-modal-title h2 { | |
| 379 | + font-weight: 600; | |
| 380 | + font-size: var(--text-xl); | |
| 381 | + margin: 0; | |
| 382 | +} | |
| 383 | + | |
| 384 | +#frm_error_modal .frm_modal_content { | |
| 385 | + padding: var(--gap-md); | |
| 386 | + color: var(--grey-900); | |
| 387 | +} | |
| 388 | + | |
| 347 | 389 | /* Override CSS in Views plugin. */ |
| 348 | 390 | .frm-views-editor-body .frm_page_container #frm_top_bar h1 { |
| 349 | 391 | padding: 0 !important; |
| 350 | 392 | color: var(--grey-900); |
| @@ -674,9 +716,11 @@ | ||
| 674 | 716 | position: static; |
| 675 | 717 | } |
| 676 | 718 | |
| 677 | 719 | .auto-fold.frm-admin-page-styles .frm_page_container, |
| 678 | -.auto-fold .frm_wrap .frm_page_container { | |
| 720 | +.auto-fold .frm_wrap .frm_page_container, | |
| 721 | +.frm-unfold.frm-admin-page-styles .frm_page_container, | |
| 722 | +.frm-unfold .frm_wrap .frm_page_container { | |
| 679 | 723 | left: 160px; |
| 680 | 724 | } |
| 681 | 725 | |
| 682 | 726 | .folded.frm-admin-page-styles .frm_page_container, |
| @@ -709,9 +753,9 @@ | ||
| 709 | 753 | } |
| 710 | 754 | |
| 711 | 755 | .columns-2 .frm-right-panel + div { |
| 712 | 756 | padding-bottom: var(--gap-md); |
| 713 | - border-left: 1px solid var(--sidebar-hover); | |
| 757 | + border-left: 1px solid var(--grey-300); | |
| 714 | 758 | } |
| 715 | 759 | |
| 716 | 760 | .columns-2 .frm-right-panel + div, |
| 717 | 761 | .frm_wrap #post-body-content { |
| @@ -820,9 +864,10 @@ | ||
| 820 | 864 | z-index: 100; |
| 821 | 865 | } |
| 822 | 866 | |
| 823 | 867 | #form_global_settings .columns-2 .frm-right-panel, |
| 824 | -#form_settings_page .columns-2 .frm-right-panel { | |
| 868 | +#form_settings_page .columns-2 .frm-right-panel, | |
| 869 | +#frm-form-templates-page .frm-right-panel { | |
| 825 | 870 | flex: 0 0 var(--small-sidebar); |
| 826 | 871 | width: var(--small-sidebar); |
| 827 | 872 | min-width: var(--small-sidebar); |
| 828 | 873 | } |
| @@ -1107,19 +1152,18 @@ | ||
| 1107 | 1152 | .frm-admin-footer-links { |
| 1108 | 1153 | gap: var(--gap-2xs); |
| 1109 | 1154 | flex-direction: column; |
| 1110 | 1155 | text-align: center; |
| 1111 | - padding: var(--gap-xl) 0 var(--gap-lg) 160px; | |
| 1156 | + padding: var(--gap-xl) 0 var(--gap-lg); | |
| 1112 | 1157 | font-size: var(--text-xs); |
| 1113 | 1158 | color: var(--grey-400); |
| 1114 | 1159 | } |
| 1115 | 1160 | |
| 1116 | -body.rtl .frm-admin-footer-links { | |
| 1117 | - padding-left: unset; | |
| 1118 | - padding-right: 160px; | |
| 1161 | +body.frm-hidden-overflow { | |
| 1162 | + height: 100%; | |
| 1163 | + overflow: hidden; | |
| 1119 | 1164 | } |
| 1120 | 1165 | |
| 1121 | - | |
| 1122 | 1166 | .frm-admin-footer-links-nav { |
| 1123 | 1167 | gap: var(--gap-2xs); |
| 1124 | 1168 | margin-bottom: var(--gap-xs); |
| 1125 | 1169 | } |
| @@ -1319,14 +1363,21 @@ | ||
| 1319 | 1363 | height: auto !important; |
| 1320 | 1364 | padding: 9px 18px !important; |
| 1321 | 1365 | } |
| 1322 | 1366 | |
| 1367 | +.frm-button-secondary.frm-small, | |
| 1368 | +.frm-button-primary.frm-small { | |
| 1369 | + font-size: var(--text-xs) !important; | |
| 1370 | + height: auto !important; | |
| 1371 | + padding: var(--gap-2xs) 12px !important; | |
| 1372 | +} | |
| 1373 | + | |
| 1323 | 1374 | .frm-button-primary i:before { |
| 1324 | 1375 | color: #fff; |
| 1325 | 1376 | } |
| 1326 | 1377 | |
| 1327 | -.wp-core-ui .button-primary.frm-button-primary:hover, | |
| 1328 | -.frm-button-primary:hover { | |
| 1378 | +.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover, | |
| 1379 | +.frm-button-primary:not([disabled]):hover { | |
| 1329 | 1380 | background: var(--primary-700) !important; |
| 1330 | 1381 | border-color: var(--primary-700) !important; |
| 1331 | 1382 | } |
| 1332 | 1383 | |
| @@ -1490,9 +1541,8 @@ | ||
| 1490 | 1541 | } |
| 1491 | 1542 | |
| 1492 | 1543 | .frm-m-12 { |
| 1493 | 1544 | margin: var(--gap-2xl); |
| 1494 | - | |
| 1495 | 1545 | } |
| 1496 | 1546 | |
| 1497 | 1547 | .frm_no_top_margin, /* deprecated */ |
| 1498 | 1548 | .frm-mt-0 { |
| @@ -1498,13 +1548,37 @@ | ||
| 1498 | 1548 | .frm-mt-0 { |
| 1499 | 1549 | margin-top: 0 !important; |
| 1500 | 1550 | } |
| 1501 | 1551 | |
| 1552 | +.frm-mt-xs { | |
| 1553 | + margin-top: var(--gap-xs) !important; | |
| 1554 | +} | |
| 1555 | + | |
| 1556 | +.frm-mt-sm { | |
| 1557 | + margin-top: var(--gap-sm) !important; | |
| 1558 | +} | |
| 1559 | + | |
| 1560 | +.frm-mt-md { | |
| 1561 | + margin-top: var(--gap-md) !important; | |
| 1562 | +} | |
| 1563 | + | |
| 1564 | +.frm-mt-auto { | |
| 1565 | + margin-top: auto !important; | |
| 1566 | +} | |
| 1567 | + | |
| 1502 | 1568 | .frm_no_bottom_margin, /* deprecated */ |
| 1503 | 1569 | .frm-mb-0 { |
| 1504 | 1570 | margin-bottom: 0 !important; |
| 1505 | 1571 | } |
| 1506 | 1572 | |
| 1573 | +.frm-mb-2xs { | |
| 1574 | + margin-bottom: var(--gap-2xs) !important; | |
| 1575 | +} | |
| 1576 | + | |
| 1577 | +.frm-mb-xs { | |
| 1578 | + margin-bottom: var(--gap-xs) !important; | |
| 1579 | +} | |
| 1580 | + | |
| 1507 | 1581 | .frm-mb-sm { |
| 1508 | 1582 | margin-bottom: var(--gap-sm) !important; |
| 1509 | 1583 | } |
| 1510 | 1584 | |
| @@ -1515,37 +1589,93 @@ | ||
| 1515 | 1589 | .frm-mb-lg { |
| 1516 | 1590 | margin-bottom: var(--gap-lg) !important; |
| 1517 | 1591 | } |
| 1518 | 1592 | |
| 1593 | +.frm-ml-auto { | |
| 1594 | + margin-left: auto; | |
| 1595 | +} | |
| 1596 | + | |
| 1519 | 1597 | .frm-mx-sm { |
| 1520 | 1598 | margin-left: var(--gap-sm) !important; |
| 1521 | 1599 | margin-right: var(--gap-sm) !important; |
| 1522 | 1600 | } |
| 1523 | 1601 | |
| 1602 | +.frm-p-0 { | |
| 1603 | + padding: 0; | |
| 1604 | +} | |
| 1605 | + | |
| 1524 | 1606 | .frm-p-1 { |
| 1525 | 1607 | padding: 4px; |
| 1526 | 1608 | } |
| 1527 | 1609 | |
| 1610 | +.frm-p-sm, | |
| 1528 | 1611 | .frm-p-4 { |
| 1529 | - padding: var(--gap-sm); | |
| 1612 | + padding: var(--gap-sm) !important; | |
| 1530 | 1613 | } |
| 1531 | 1614 | |
| 1532 | -.frm-p-6 { | |
| 1533 | - padding: var(--gap-md); | |
| 1615 | +.frm-p-6, | |
| 1616 | +.frm-p-md { | |
| 1617 | + padding: var(--gap-md) !important; | |
| 1534 | 1618 | } |
| 1535 | 1619 | |
| 1620 | +.frm-py-0 { | |
| 1621 | + padding-top: 0 !important; | |
| 1622 | + padding-bottom: 0 !important; | |
| 1623 | +} | |
| 1624 | + | |
| 1625 | +.frm-pt-sm { | |
| 1626 | + padding-top: var(--gap-sm) !important; | |
| 1627 | +} | |
| 1628 | + | |
| 1629 | +.frm-pt-xl { | |
| 1630 | + padding-top: var(--gap-xl) !important; | |
| 1631 | +} | |
| 1632 | + | |
| 1633 | +.frm-pb-md { | |
| 1634 | + padding-bottom: var(--gap-md) !important; | |
| 1635 | +} | |
| 1636 | + | |
| 1637 | +.frm-px-md { | |
| 1638 | + padding-right: var(--gap-md) !important; | |
| 1639 | + padding-left: var(--gap-md) !important; | |
| 1640 | +} | |
| 1641 | + | |
| 1642 | +.frm-text-xs { | |
| 1643 | + font-size: var(--text-xs) !important; | |
| 1644 | +} | |
| 1645 | + | |
| 1646 | +.frm-text-sm { | |
| 1647 | + font-size: var(--text-sm) !important; | |
| 1648 | +} | |
| 1649 | + | |
| 1536 | 1650 | .frm-text-md { |
| 1537 | - font-size: var(--text-md); | |
| 1651 | + font-size: var(--text-md) !important; | |
| 1538 | 1652 | } |
| 1539 | 1653 | |
| 1540 | 1654 | .frm-text-lg { |
| 1541 | - font-size: var(--text-lg); | |
| 1655 | + font-size: var(--text-lg) !important; | |
| 1542 | 1656 | } |
| 1543 | 1657 | |
| 1544 | 1658 | .frm-text-xl { |
| 1545 | - font-size: var(--text-xl); | |
| 1659 | + font-size: var(--text-xl) !important; | |
| 1546 | 1660 | } |
| 1547 | 1661 | |
| 1662 | +.frm-capitalize { | |
| 1663 | + text-transform: capitalize; | |
| 1664 | +} | |
| 1665 | + | |
| 1666 | +.frm-font-medium { | |
| 1667 | + font-weight: 500 !important; | |
| 1668 | +} | |
| 1669 | + | |
| 1670 | +.frm-font-semibold { | |
| 1671 | + font-weight: 600 !important; | |
| 1672 | +} | |
| 1673 | + | |
| 1674 | +.frm-rounded-sm { | |
| 1675 | + border-radius: var(--small-radius) !important; | |
| 1676 | +} | |
| 1677 | + | |
| 1548 | 1678 | .frm-w-auto { |
| 1549 | 1679 | width: auto !important; |
| 1550 | 1680 | } |
| 1551 | 1681 | |
| @@ -1552,13 +1682,50 @@ | ||
| 1552 | 1682 | .frm-w-full { |
| 1553 | 1683 | width: 100% !important; |
| 1554 | 1684 | } |
| 1555 | 1685 | |
| 1686 | +.frm_block, /* deprecated */ | |
| 1687 | +.frm-block { | |
| 1688 | + display: block; | |
| 1689 | +} | |
| 1690 | + | |
| 1691 | +.frm_inline { | |
| 1692 | + display: inline; | |
| 1693 | +} | |
| 1694 | + | |
| 1695 | +.frm_inline_block { | |
| 1696 | + display: inline-block !important; | |
| 1697 | +} | |
| 1698 | + | |
| 1699 | +.frm-flex { | |
| 1700 | + display: flex; | |
| 1701 | +} | |
| 1702 | + | |
| 1703 | +.frm_hidden, | |
| 1704 | +.js .frm-hide-js { | |
| 1705 | + display: none; | |
| 1706 | +} | |
| 1707 | + | |
| 1556 | 1708 | .frm-flex-box { |
| 1557 | 1709 | display: flex; |
| 1558 | 1710 | gap: var(--gap-sm); |
| 1559 | 1711 | } |
| 1560 | 1712 | |
| 1713 | +.frm-flex-col { | |
| 1714 | + display: flex; | |
| 1715 | + flex-direction: column; | |
| 1716 | +} | |
| 1717 | + | |
| 1718 | +.frm-flex-center { | |
| 1719 | + display: flex; | |
| 1720 | + justify-content: center; | |
| 1721 | + align-items: center; | |
| 1722 | +} | |
| 1723 | + | |
| 1724 | +.frm-gap-0 { | |
| 1725 | + gap: 0 !important; | |
| 1726 | +} | |
| 1727 | + | |
| 1561 | 1728 | .frm-gap-xs { |
| 1562 | 1729 | gap: var(--gap-xs); |
| 1563 | 1730 | } |
| 1564 | 1731 | |
| @@ -1569,12 +1736,28 @@ | ||
| 1569 | 1736 | .frm-gap-md { |
| 1570 | 1737 | gap: var(--gap-md); |
| 1571 | 1738 | } |
| 1572 | 1739 | |
| 1740 | +.frm-gap-xl { | |
| 1741 | + gap: var(--gap-xl); | |
| 1742 | +} | |
| 1743 | + | |
| 1744 | +.frm-justify-center { | |
| 1745 | + justify-content: center; | |
| 1746 | +} | |
| 1747 | + | |
| 1573 | 1748 | .frm-justify-between { |
| 1574 | 1749 | justify-content: space-between; |
| 1575 | 1750 | } |
| 1576 | 1751 | |
| 1752 | +.frm-justify-end { | |
| 1753 | + justify-content: end; | |
| 1754 | +} | |
| 1755 | + | |
| 1756 | +.frm-items-center { | |
| 1757 | + align-items: center; | |
| 1758 | +} | |
| 1759 | + | |
| 1577 | 1760 | .frm-transition-ease { |
| 1578 | 1761 | transition: all .2s ease; |
| 1579 | 1762 | } |
| 1580 | 1763 | |
| @@ -1586,25 +1769,8 @@ | ||
| 1586 | 1769 | .frm_no_float { |
| 1587 | 1770 | float: none; |
| 1588 | 1771 | } |
| 1589 | 1772 | |
| 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 | 1773 | .frm-text-right { |
| 1608 | 1774 | text-align: right; |
| 1609 | 1775 | } |
| 1610 | 1776 | |
| @@ -1622,8 +1788,74 @@ | ||
| 1622 | 1788 | |
| 1623 | 1789 | .frm-on-bottom { |
| 1624 | 1790 | z-index: -1; |
| 1625 | 1791 | } |
| 1792 | + | |
| 1793 | +.frm-fadein { | |
| 1794 | + animation: fadeIn 400ms ease-in-out forwards; | |
| 1795 | +} | |
| 1796 | + | |
| 1797 | +.frm-fadein-up { | |
| 1798 | + animation: fadeInUp 230ms ease-in-out forwards; | |
| 1799 | +} | |
| 1800 | + | |
| 1801 | +.frm-fadein-up-back { | |
| 1802 | + animation: fadeInUpBack 500ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards; | |
| 1803 | +} | |
| 1804 | + | |
| 1805 | +.frm-fadein-down-short { | |
| 1806 | + animation: fadeInDownShort 300ms ease-out forwards; | |
| 1807 | +} | |
| 1808 | + | |
| 1809 | +@keyframes fadeIn { | |
| 1810 | + | |
| 1811 | + 0% { | |
| 1812 | + opacity: 0; | |
| 1813 | + } | |
| 1814 | + | |
| 1815 | + 100% { | |
| 1816 | + opacity: 1; | |
| 1817 | + } | |
| 1818 | +} | |
| 1819 | + | |
| 1820 | +@keyframes fadeInUp { | |
| 1821 | + | |
| 1822 | + 0% { | |
| 1823 | + opacity: 0; | |
| 1824 | + transform: translateY(10px); | |
| 1825 | + } | |
| 1826 | + | |
| 1827 | + 100% { | |
| 1828 | + opacity: 1; | |
| 1829 | + transform: translateY(0); | |
| 1830 | + } | |
| 1831 | +} | |
| 1832 | + | |
| 1833 | +@keyframes fadeInUpBack { | |
| 1834 | + | |
| 1835 | + 0% { | |
| 1836 | + opacity: 0; | |
| 1837 | + transform: translateY(32px); | |
| 1838 | + } | |
| 1839 | + | |
| 1840 | + 100% { | |
| 1841 | + opacity: 1; | |
| 1842 | + transform: translateY(0); | |
| 1843 | + } | |
| 1844 | +} | |
| 1845 | + | |
| 1846 | +@keyframes fadeInDownShort { | |
| 1847 | + | |
| 1848 | + 0% { | |
| 1849 | + opacity: 0.4; | |
| 1850 | + transform: translateY(-2px); | |
| 1851 | + } | |
| 1852 | + | |
| 1853 | + 100% { | |
| 1854 | + opacity: 1; | |
| 1855 | + transform: translateY(0); | |
| 1856 | + } | |
| 1857 | +} | |
| 1626 | 1858 | /* End Generic Classes, Start Forced Generic Classes */ |
| 1627 | 1859 | |
| 1628 | 1860 | .frm-fields p > label.frm_hidden, |
| 1629 | 1861 | .frm-lookup-modal .dismiss, |
| @@ -1659,8 +1891,17 @@ | ||
| 1659 | 1891 | } |
| 1660 | 1892 | |
| 1661 | 1893 | /* End Forced Generic Classes */ |
| 1662 | 1894 | |
| 1895 | +/* Start Helper Classes */ | |
| 1896 | +.frm-vertical-line { | |
| 1897 | + display: inline-block; | |
| 1898 | + width: 1px; | |
| 1899 | + height: 12px; | |
| 1900 | + background-color: var(--grey-300); | |
| 1901 | +} | |
| 1902 | +/* End Helper Classes */ | |
| 1903 | + | |
| 1663 | 1904 | .frm_forms.with_frm_style { |
| 1664 | 1905 | max-width: 100%; |
| 1665 | 1906 | } |
| 1666 | 1907 | |
| @@ -1741,8 +1982,12 @@ | ||
| 1741 | 1982 | display: block; |
| 1742 | 1983 | line-height: var(--leading); |
| 1743 | 1984 | } |
| 1744 | 1985 | |
| 1986 | +#frm_form_editor_container #frm-show-fields .frm_primary_label { | |
| 1987 | + min-height: 21px; | |
| 1988 | +} | |
| 1989 | + | |
| 1745 | 1990 | .frm-fields td input + label { |
| 1746 | 1991 | display: inline; |
| 1747 | 1992 | } |
| 1748 | 1993 | |
| @@ -2225,10 +2470,9 @@ | ||
| 2225 | 2470 | margin: 0; |
| 2226 | 2471 | padding: 10px 20px; |
| 2227 | 2472 | } |
| 2228 | 2473 | |
| 2229 | -.frm-modal .postbox, | |
| 2230 | -#frm_new_form_modal .postbox { | |
| 2474 | +.frm-modal .postbox { | |
| 2231 | 2475 | max-height: 600px; |
| 2232 | 2476 | overflow: hidden; |
| 2233 | 2477 | margin-bottom: 0; |
| 2234 | 2478 | } |
| @@ -2233,27 +2477,41 @@ | ||
| 2233 | 2477 | margin-bottom: 0; |
| 2234 | 2478 | } |
| 2235 | 2479 | |
| 2236 | 2480 | .frm-modal .postbox .frm_modal_top, |
| 2237 | -.frm-dialog .frm_common_modal .postbox > div:first-child { | |
| 2481 | +.frm-dialog .frm_common_modal .postbox > div:first-child, | |
| 2482 | +.frm-error-modal .frm_modal_top { | |
| 2238 | 2483 | padding: var(--gap-md) var(--gap-md) 0; |
| 2239 | 2484 | position: relative; |
| 2240 | 2485 | } |
| 2241 | 2486 | |
| 2487 | +.frm-modal h2, | |
| 2488 | +.frm-modal .postbox .inside h2, /* Override WP. */ | |
| 2242 | 2489 | .frm-modal .postbox .frm-modal-title, |
| 2243 | -.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child { | |
| 2490 | +.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child, | |
| 2491 | +.frm-error-modal .frm-modal-title { | |
| 2244 | 2492 | display: inline-block; |
| 2245 | - font-size: var(--text-xl); | |
| 2493 | + font-size: var(--text-lg); | |
| 2246 | 2494 | color: var(--grey-900); |
| 2495 | + font-weight: 600; | |
| 2496 | + margin: 0; | |
| 2497 | + padding: 0; | |
| 2247 | 2498 | } |
| 2248 | 2499 | |
| 2500 | +.frm-modal h3 { | |
| 2501 | + font-weight: 500; | |
| 2502 | +} | |
| 2503 | + | |
| 2504 | +/* Dismiss icon button */ | |
| 2505 | + | |
| 2249 | 2506 | .frm-inline-modal > a.dismiss, |
| 2250 | 2507 | .frm-modal .postbox > a.dismiss, |
| 2251 | 2508 | .frm-modal .postbox .frm-modal-title + div:last-child, |
| 2252 | 2509 | .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { |
| 2253 | 2510 | position: absolute; |
| 2254 | - right: 30px; | |
| 2255 | - top: 25px; | |
| 2511 | + top: 19px; | |
| 2512 | + right: 19px; | |
| 2513 | + display: flex; | |
| 2256 | 2514 | z-index: 2; |
| 2257 | 2515 | } |
| 2258 | 2516 | |
| 2259 | 2517 | body.rtl .frm-inline-modal > a.dismiss, |
| @@ -2272,9 +2530,9 @@ | ||
| 2272 | 2530 | |
| 2273 | 2531 | .frm-modal .postbox .frm-modal-title + div:last-child a, |
| 2274 | 2532 | .frm-modal a.dismiss .frmsvg, |
| 2275 | 2533 | .frm_common_modal .frm_modal_top a .frmsvg { |
| 2276 | - color: var(--grey-900); | |
| 2534 | + color: var(--grey-400); | |
| 2277 | 2535 | } |
| 2278 | 2536 | |
| 2279 | 2537 | .frm-modal .frm_modal_content > div.inside, |
| 2280 | 2538 | .frm_common_modal .frm_modal_content > div.inside { |
| @@ -2283,8 +2541,12 @@ | ||
| 2283 | 2541 | font-size: var(--text-sm); |
| 2284 | 2542 | color: var(--grey-700); |
| 2285 | 2543 | } |
| 2286 | 2544 | |
| 2545 | +.frm-modal p { | |
| 2546 | + color: var(--grey-900); | |
| 2547 | +} | |
| 2548 | + | |
| 2287 | 2549 | .frm_common_modal .postbox { |
| 2288 | 2550 | display: flex; |
| 2289 | 2551 | flex-direction: column; |
| 2290 | 2552 | } |
| @@ -2291,9 +2553,8 @@ | ||
| 2291 | 2553 | |
| 2292 | 2554 | .frm-modal .postbox > div.inside .cta-inside { |
| 2293 | 2555 | overflow-y: auto; |
| 2294 | 2556 | height: auto; |
| 2295 | - padding: 0 var(--gap-sm); | |
| 2296 | 2557 | } |
| 2297 | 2558 | |
| 2298 | 2559 | .frm_modal_footer { |
| 2299 | 2560 | padding: 0 var(--gap-md) var(--gap-sm); |
| @@ -2303,26 +2564,8 @@ | ||
| 2303 | 2564 | body.frm-body-with-open-modal { |
| 2304 | 2565 | overflow-y: hidden; |
| 2305 | 2566 | } |
| 2306 | 2567 | |
| 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 | 2568 | .frm-templates-list { |
| 2326 | 2569 | margin-top: 0; |
| 2327 | 2570 | } |
| 2328 | 2571 | |
| @@ -2383,10 +2626,10 @@ | ||
| 2383 | 2626 | .frm-icon-wrapper { |
| 2384 | 2627 | background: var(--primary-500); |
| 2385 | 2628 | border-radius: var(--small-radius); |
| 2386 | 2629 | color: #fff; |
| 2387 | - width: 40px; | |
| 2388 | - height: 40px; | |
| 2630 | + width: 32px; | |
| 2631 | + height: 32px; | |
| 2389 | 2632 | font-size: 18px; |
| 2390 | 2633 | box-sizing: border-box; |
| 2391 | 2634 | align-self: center; |
| 2392 | 2635 | justify-content: center; |
| @@ -2399,9 +2642,8 @@ | ||
| 2399 | 2642 | } |
| 2400 | 2643 | |
| 2401 | 2644 | .frm-templates-list li .frm-category-icon { |
| 2402 | 2645 | overflow: hidden; |
| 2403 | - align-self: flex-start; | |
| 2404 | 2646 | } |
| 2405 | 2647 | |
| 2406 | 2648 | .frm-templates-list .frm-template-details { |
| 2407 | 2649 | /* the content container to the right of the icon in Create new form modal */ |
| @@ -2429,82 +2671,23 @@ | ||
| 2429 | 2671 | .frm-templates-list .frm-install-template div { |
| 2430 | 2672 | text-align: left; |
| 2431 | 2673 | } |
| 2432 | 2674 | |
| 2433 | -#frm_new_form_modal .frm-search { | |
| 2434 | - width: 100%; | |
| 2435 | - margin: var(--gap-sm) 0 var(--gap-md); | |
| 2436 | -} | |
| 2437 | - | |
| 2438 | 2675 | #frm_leave_email, |
| 2439 | -#frm_code_from_email | |
| 2440 | -{ | |
| 2676 | +#frm_code_from_email { | |
| 2441 | 2677 | width: 480px; |
| 2678 | + max-width: 100%; | |
| 2442 | 2679 | } |
| 2443 | 2680 | |
| 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 | -{ | |
| 2681 | +.control-section:hover .accordion-section-title { | |
| 2471 | 2682 | background: #fff !important; |
| 2472 | 2683 | border-bottom-color: transparent; |
| 2473 | 2684 | } |
| 2474 | 2685 | |
| 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 | -{ | |
| 2686 | +.frm-templates-list.frm-categories-list li > div > div:last-child { | |
| 2491 | 2687 | padding-left: 0; |
| 2492 | 2688 | } |
| 2493 | 2689 | |
| 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 | 2690 | .frm-hover-icons { |
| 2508 | 2691 | position: absolute; |
| 2509 | 2692 | right: 0; |
| 2510 | 2693 | top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */ |
| @@ -2604,21 +2787,8 @@ | ||
| 2604 | 2787 | vertical-align: text-top; |
| 2605 | 2788 | color: var(--grey-500); |
| 2606 | 2789 | } |
| 2607 | 2790 | |
| 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 | 2791 | .frm-modal-back { |
| 2622 | 2792 | cursor: pointer; |
| 2623 | 2793 | margin-right: 4px; |
| 2624 | 2794 | } |
| @@ -2649,93 +2819,26 @@ | ||
| 2649 | 2819 | display: inline-block; |
| 2650 | 2820 | line-height: 12px; |
| 2651 | 2821 | } |
| 2652 | 2822 | |
| 2653 | -#frm_new_form_modal.frm-expired #frm-create-block, | |
| 2654 | -#frm_new_form_modal.frm-expiring #frm-create-block { | |
| 2655 | - max-height: 450px; | |
| 2656 | -} | |
| 2657 | - | |
| 2658 | 2823 | #frm-create-footer { |
| 2659 | 2824 | padding: 15px 20px; |
| 2660 | 2825 | } |
| 2661 | 2826 | |
| 2662 | -#frm_code_from_email_options { | |
| 2663 | - margin-top: 20px; | |
| 2664 | -} | |
| 2665 | - | |
| 2666 | -#frm_code_from_email_options * { | |
| 2667 | - color: var(--primary-500); | |
| 2668 | -} | |
| 2669 | - | |
| 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; | |
| 2677 | -} | |
| 2678 | - | |
| 2679 | 2827 | li .frm-hover-icons .frm-preview-form, |
| 2680 | 2828 | .frm-hover-icons .frm-unlock-form, |
| 2681 | 2829 | .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"] | |
| 2830 | +.frm-modal-back | |
| 2692 | 2831 | { |
| 2693 | 2832 | display: none; |
| 2694 | 2833 | } |
| 2695 | 2834 | |
| 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 | 2835 | |
| 2714 | 2836 | .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 { | |
| 2837 | +li[data-preview] .frm-hover-icons .frm-preview-form { | |
| 2717 | 2838 | display: inline-flex; |
| 2718 | 2839 | } |
| 2719 | 2840 | |
| 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 | 2841 | .frm-modal-back svg { |
| 2739 | 2842 | color: #7F7F7F; |
| 2740 | 2843 | } |
| 2741 | 2844 | |
| @@ -2906,74 +3009,8 @@ | ||
| 2906 | 3009 | .frm_image_from_url { |
| 2907 | 3010 | height: 50px; |
| 2908 | 3011 | } |
| 2909 | 3012 | |
| 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 | 3013 | /*Switch form dropdown*/ |
| 2977 | 3014 | h1 .fa-caret-down { |
| 2978 | 3015 | font-size: 18px; |
| 2979 | 3016 | } |
| @@ -3308,11 +3345,9 @@ | ||
| 3308 | 3345 | position: relative; |
| 3309 | 3346 | } |
| 3310 | 3347 | |
| 3311 | 3348 | .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 | -{ | |
| 3349 | +.frm-right-panel .accordion-section-title:after { | |
| 3315 | 3350 | content: "\e913" !important; |
| 3316 | 3351 | font-family: "s11-fp" !important; |
| 3317 | 3352 | font-size: 18px; |
| 3318 | 3353 | font-variant: normal; |
| @@ -3319,12 +3354,8 @@ | ||
| 3319 | 3354 | text-rendering: auto; |
| 3320 | 3355 | vertical-align: text-top; |
| 3321 | 3356 | } |
| 3322 | 3357 | |
| 3323 | -#frm_new_form_modal .accordion-section.open .accordion-section-title:after { | |
| 3324 | - transform: rotate(90deg); | |
| 3325 | -} | |
| 3326 | - | |
| 3327 | 3358 | .frm-right-panel .accordion-section-title:after { |
| 3328 | 3359 | top: calc(50% - 10px) !important; |
| 3329 | 3360 | } |
| 3330 | 3361 | |
| @@ -3417,8 +3448,9 @@ | ||
| 3417 | 3448 | |
| 3418 | 3449 | .frm-btn-group .multiselect.dropdown-toggle { |
| 3419 | 3450 | box-sizing: border-box; |
| 3420 | 3451 | min-height: unset; |
| 3452 | + cursor: pointer; | |
| 3421 | 3453 | } |
| 3422 | 3454 | |
| 3423 | 3455 | .accordion-container .frm-dropdown-menu:before, |
| 3424 | 3456 | .accordion-container .multiselect.dropdown-toggle:before { |
| @@ -4137,8 +4169,9 @@ | ||
| 4137 | 4169 | padding: 0; |
| 4138 | 4170 | } |
| 4139 | 4171 | |
| 4140 | 4172 | .frm-alt-table { |
| 4173 | + position: relative; | |
| 4141 | 4174 | width:100%; |
| 4142 | 4175 | border-collapse:collapse; |
| 4143 | 4176 | margin-top:0.5em; |
| 4144 | 4177 | font-size:15px; |
| @@ -4143,16 +4176,32 @@ | ||
| 4143 | 4176 | margin-top:0.5em; |
| 4144 | 4177 | font-size:15px; |
| 4145 | 4178 | } |
| 4146 | 4179 | |
| 4180 | +/* Before `applyZebraStriping` is executed, an empty space is displayed */ | |
| 4181 | +.frm-alt-table:not(.frm-zebra-striping)::before { | |
| 4182 | + content: ''; | |
| 4183 | + position: absolute; | |
| 4184 | + top: 0; | |
| 4185 | + right: 0; | |
| 4186 | + bottom: 0; | |
| 4187 | + left: 0; | |
| 4188 | + background-color: #fff; | |
| 4189 | +} | |
| 4190 | + | |
| 4147 | 4191 | .frm-alt-table th { |
| 4148 | 4192 | width:200px; |
| 4149 | 4193 | } |
| 4150 | 4194 | |
| 4151 | -.frm-alt-table tr { | |
| 4195 | +.frm-alt-table tr, | |
| 4196 | +.frm-alt-table tr.frm-odd { | |
| 4152 | 4197 | background-color:transparent; |
| 4153 | 4198 | } |
| 4154 | 4199 | |
| 4200 | +.frm-alt-table tr.frm-even { | |
| 4201 | + background-color: var(--sidebar-color); | |
| 4202 | +} | |
| 4203 | + | |
| 4155 | 4204 | .frm-alt-table th, |
| 4156 | 4205 | .frm-alt-table td { |
| 4157 | 4206 | background-color:transparent; |
| 4158 | 4207 | vertical-align:top; |
| @@ -4159,12 +4208,8 @@ | ||
| 4159 | 4208 | text-align:left; |
| 4160 | 4209 | padding:20px; |
| 4161 | 4210 | } |
| 4162 | 4211 | |
| 4163 | -.frm-alt-table tr:nth-child(even) { | |
| 4164 | - background-color: var(--sidebar-color); | |
| 4165 | -} | |
| 4166 | - | |
| 4167 | 4212 | .frm-alt-table h3 { |
| 4168 | 4213 | margin-bottom: 0; |
| 4169 | 4214 | } |
| 4170 | 4215 | |
| @@ -4423,13 +4468,8 @@ | ||
| 4423 | 4468 | --border-color-active: var(--primary-500); |
| 4424 | 4469 | --border-radius: var(--small-radius); |
| 4425 | 4470 | } |
| 4426 | 4471 | |
| 4427 | -.frm_image_option_container svg { | |
| 4428 | - height: 50px; | |
| 4429 | - margin: 10px auto 0; | |
| 4430 | -} | |
| 4431 | - | |
| 4432 | 4472 | #form_show_entry_page .frm_file_link, |
| 4433 | 4473 | #form_show_entry_page .frm_image_option_container { |
| 4434 | 4474 | display: inline-flex; |
| 4435 | 4475 | flex-wrap: nowrap; |
| @@ -4459,8 +4499,12 @@ | ||
| 4459 | 4499 | #form_show_entry_page .frm_upload_label { |
| 4460 | 4500 | padding: 10px; |
| 4461 | 4501 | } |
| 4462 | 4502 | |
| 4503 | +#form_show_entry_page.frm_wrap .postbox { | |
| 4504 | + overflow: hidden; | |
| 4505 | +} | |
| 4506 | + | |
| 4463 | 4507 | .frm_image_option_container .frm_image_placeholder_icon svg{ |
| 4464 | 4508 | height: 150px; |
| 4465 | 4509 | } |
| 4466 | 4510 | |
| @@ -4504,8 +4548,14 @@ | ||
| 4504 | 4548 | #form_global_settings .frm_image_option_container svg { |
| 4505 | 4549 | max-width: calc( 100% - 20px ); |
| 4506 | 4550 | } |
| 4507 | 4551 | |
| 4552 | +/* Style image option container for Directory add on. */ | |
| 4553 | +#frm-new-template .frm_image_option_container svg { | |
| 4554 | + height: 50px; | |
| 4555 | + margin: 10px auto 0; | |
| 4556 | +} | |
| 4557 | + | |
| 4508 | 4558 | /* Show an icon on top */ |
| 4509 | 4559 | .frm_image_option_container { |
| 4510 | 4560 | position: relative; |
| 4511 | 4561 | } |
| @@ -4785,9 +4835,9 @@ | ||
| 4785 | 4835 | } |
| 4786 | 4836 | |
| 4787 | 4837 | .frm_on_label, |
| 4788 | 4838 | .frm_off_label { |
| 4789 | - color: #444444; | |
| 4839 | + color: var(--grey-700); | |
| 4790 | 4840 | } |
| 4791 | 4841 | |
| 4792 | 4842 | .frm_toggle { |
| 4793 | 4843 | position: relative; |
| @@ -4797,9 +4847,9 @@ | ||
| 4797 | 4847 | vertical-align: middle; |
| 4798 | 4848 | } |
| 4799 | 4849 | |
| 4800 | 4850 | .frm_toggle_block { |
| 4801 | - display: inline-flex; | |
| 4851 | + display: inline-flex !important; | |
| 4802 | 4852 | gap: var(--gap-sm); |
| 4803 | 4853 | align-items: center; |
| 4804 | 4854 | } |
| 4805 | 4855 | |
| @@ -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 | +#wpwrap .frm-search .frm_search_icon { | |
| 7150 | + padding-left: 18px; | |
| 7151 | + padding-right: 12px; | |
| 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 | +#wpwrap .frm-search input[type="search"], | |
| 7170 | +#wpwrap .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; |
| @@ -7384,9 +7436,8 @@ | ||
| 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 | 7441 | color: #666; |
| 7391 | 7442 | font-size: var(--text-md); |
| 7392 | 7443 | box-shadow: none !important; |
| @@ -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, |
| @@ -8134,8 +8191,9 @@ | ||
| 8134 | 8191 | .frm-white-body select:focus, |
| 8135 | 8192 | .frm_wrap input:focus, |
| 8136 | 8193 | .frm_wrap select:focus, |
| 8137 | 8194 | .wp-core-ui .frm_wrap select:focus, |
| 8195 | +#frm-form-templates-modal select:focus, | |
| 8138 | 8196 | .frm-btn-group .multiselect.dropdown-toggle:focus, |
| 8139 | 8197 | .frm_wrap textarea:focus { |
| 8140 | 8198 | border-color: var(--primary-500) !important; |
| 8141 | 8199 | box-shadow: none !important; |
| @@ -8154,9 +8212,10 @@ | ||
| 8154 | 8212 | .frm_wrap select { |
| 8155 | 8213 | padding: 2px; |
| 8156 | 8214 | } |
| 8157 | 8215 | |
| 8158 | -.wp-admin .frm_wrap select { | |
| 8216 | +.wp-admin .frm_wrap select, | |
| 8217 | +#frm-form-templates-modal select { | |
| 8159 | 8218 | max-width: 100%; |
| 8160 | 8219 | } |
| 8161 | 8220 | |
| 8162 | 8221 | .frm_form_field.frm_scroll_box .frm_opt_container { |
| @@ -8189,9 +8248,10 @@ | ||
| 8189 | 8248 | } |
| 8190 | 8249 | |
| 8191 | 8250 | #postbox-container-2 select, |
| 8192 | 8251 | .wp-admin .frm_wrap select, |
| 8193 | -.frm_wrap .frm_form_builder select { | |
| 8252 | +.frm_wrap .frm_form_builder select, | |
| 8253 | +#frm-form-templates-modal select { | |
| 8194 | 8254 | height: auto; |
| 8195 | 8255 | background-position: right 11px top 55%; |
| 8196 | 8256 | } |
| 8197 | 8257 | |
| @@ -8304,8 +8364,41 @@ | ||
| 8304 | 8364 | .windows ::-webkit-scrollbar-corner { |
| 8305 | 8365 | background: transparent; |
| 8306 | 8366 | } |
| 8307 | 8367 | |
| 8368 | +.frm-scrollbar-wrapper { | |
| 8369 | + overflow-y: auto; /* Enable scrolling */ | |
| 8370 | + -ms-overflow-style: none; /* For IE and Edge */ | |
| 8371 | + scrollbar-color: transparent transparent; /* Firefox Scrollbar - transparent by default and show on hover */ | |
| 8372 | + scrollbar-width: thin; | |
| 8373 | +} | |
| 8374 | + | |
| 8375 | +.frm-scrollbar-wrapper:hover { | |
| 8376 | + scrollbar-color: var(--grey-300) var(--sidebar-color); /* Firefox Scrollbar - Show on hover */ | |
| 8377 | +} | |
| 8378 | + | |
| 8379 | +.frm-scrollbar-wrapper::-webkit-scrollbar { | |
| 8380 | + width: 3px; | |
| 8381 | +} | |
| 8382 | + | |
| 8383 | +.frm-scrollbar-wrapper::-webkit-scrollbar-track { | |
| 8384 | + background: var(--sidebar-color); | |
| 8385 | +} | |
| 8386 | + | |
| 8387 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb { | |
| 8388 | + background: transparent; | |
| 8389 | + border-radius: 100vw; | |
| 8390 | +} | |
| 8391 | + | |
| 8392 | +.frm-scrollbar-wrapper:hover::-webkit-scrollbar-thumb { | |
| 8393 | + background: var(--grey-300); /* Show scrollbar on hover */ | |
| 8394 | +} | |
| 8395 | + | |
| 8396 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb:hover { | |
| 8397 | + background: var(--grey-400); /* Show scrollbar on hover */ | |
| 8398 | +} | |
| 8399 | +/* End scrollbar */ | |
| 8400 | + | |
| 8308 | 8401 | /* RTL */ |
| 8309 | 8402 | .rtl h3 { |
| 8310 | 8403 | font-weight: inherit !important; |
| 8311 | 8404 | } |
| @@ -8382,10 +8475,10 @@ | ||
| 8382 | 8475 | right: auto; |
| 8383 | 8476 | left: 5px; |
| 8384 | 8477 | } |
| 8385 | 8478 | |
| 8386 | -.rtl .frm_reply_to_container, | |
| 8387 | -.rtl .frm_bcc_cc_container { | |
| 8479 | +.rtl p.frm_reply_to_container, | |
| 8480 | +.rtl p.frm_bcc_cc_container { | |
| 8388 | 8481 | float: left; |
| 8389 | 8482 | } |
| 8390 | 8483 | |
| 8391 | 8484 | .rtl .frm-default-switcher { |
| @@ -8493,16 +8586,8 @@ | ||
| 8493 | 8586 | .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container, |
| 8494 | 8587 | .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container { |
| 8495 | 8588 | left: 36px; |
| 8496 | 8589 | } |
| 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 | 8590 | } |
| 8506 | 8591 | |
| 8507 | 8592 | @media only screen and (max-width: 850px) { |
| 8508 | 8593 | #frm_bs_dropdown { |
| @@ -8743,15 +8828,14 @@ | ||
| 8743 | 8828 | #wp-content-media-buttons a.frm_insert_form { |
| 8744 | 8829 | padding: 0 var(--gap-sm); |
| 8745 | 8830 | } |
| 8746 | 8831 | |
| 8747 | - .frm-admin-footer-links { | |
| 8748 | - padding-left: 0; | |
| 8832 | + .frm-white-body input[type="checkbox"]:checked::before, | |
| 8833 | + .frm_wrap input[type="checkbox"]:checked::before { | |
| 8834 | + width: 1.2rem; | |
| 8835 | + height: 1.2rem; | |
| 8836 | + margin: 0.125rem; | |
| 8749 | 8837 | } |
| 8750 | - | |
| 8751 | - body.rtl .frm-admin-footer-links { | |
| 8752 | - padding-right: 0; | |
| 8753 | - } | |
| 8754 | 8838 | } |
| 8755 | 8839 | |
| 8756 | 8840 | @media only screen and (max-width: 700px) { |
| 8757 | 8841 | .frm-white-body, |
| @@ -9195,43 +9279,16 @@ | ||
| 9195 | 9279 | .frm-ready-made-solution:not(.frm-search-result) { |
| 9196 | 9280 | display: none !important; |
| 9197 | 9281 | } |
| 9198 | 9282 | |
| 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; | |
| 9283 | +#frm_leave_email_wrapper .frmsvg { | |
| 9284 | + top: 0; | |
| 9206 | 9285 | } |
| 9207 | 9286 | |
| 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; | |
| 9287 | +#frm-add-my-email-address { | |
| 9288 | + margin-top: 30px; | |
| 9216 | 9289 | } |
| 9217 | 9290 | |
| 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 | 9291 | .frm-ready-made-solution h3 ~ a { |
| 9235 | 9292 | color: var(--primary-500); |
| 9236 | 9293 | } |
| 9237 | 9294 | |
| @@ -9275,4 +9332,213 @@ | ||
| 9275 | 9332 | .frm_on_submit_type input[type="radio"]:checked + label svg { |
| 9276 | 9333 | color: var(--primary-color); |
| 9277 | 9334 | } |
| 9278 | 9335 | /* End On Submit action */ |
| 9336 | + | |
| 9337 | +/* Start call-to-action */ | |
| 9338 | +.frm_pro_tip, | |
| 9339 | +.frm-cta { | |
| 9340 | + justify-content: space-between; | |
| 9341 | + align-items: center; | |
| 9342 | + gap: var(--gap-2xl); | |
| 9343 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9344 | + border-radius: var(--small-radius); | |
| 9345 | + background: var(--primary-25); | |
| 9346 | +} | |
| 9347 | + | |
| 9348 | +.frm-cta h4 { | |
| 9349 | + font-weight: 600; | |
| 9350 | + margin: 0; | |
| 9351 | +} | |
| 9352 | + | |
| 9353 | +.frm-cta-green { | |
| 9354 | + background-color: var(--success-25); | |
| 9355 | +} | |
| 9356 | + | |
| 9357 | +.frm-cta-green .frm-banner-title { | |
| 9358 | + gap: calc(var(--gap-2xs) + 1px); | |
| 9359 | + color: var(--grey-700); | |
| 9360 | +} | |
| 9361 | + | |
| 9362 | +.frm-cta-tag { | |
| 9363 | + color: #fff; | |
| 9364 | + font-weight: 600; | |
| 9365 | + padding: var(--gap-2xs) var(--gap-xs); | |
| 9366 | + border-radius: var(--small-radius); | |
| 9367 | + background-color: var(--success-500); | |
| 9368 | +} | |
| 9369 | + | |
| 9370 | +.frm-right-panel .inside .frm_pro_tip, | |
| 9371 | +.frm_pro_tip { | |
| 9372 | + color: var(--grey-700); | |
| 9373 | + background: #FFE7DE; | |
| 9374 | + margin: 0 auto; | |
| 9375 | + display: flex; | |
| 9376 | + gap: var(--gap-xs); | |
| 9377 | +} | |
| 9378 | + | |
| 9379 | +.frm_field_list .frm_pro_tip { | |
| 9380 | + margin: 10px 15px; | |
| 9381 | + position: relative; | |
| 9382 | + width: calc(100% - 30px); | |
| 9383 | + box-sizing: border-box; | |
| 9384 | +} | |
| 9385 | + | |
| 9386 | +.frm_pro_tip .frmsvg, | |
| 9387 | +.frm_pro_tip i { | |
| 9388 | + color: var(--orange); | |
| 9389 | +} | |
| 9390 | + | |
| 9391 | +.frm-tip-info { | |
| 9392 | + flex: 1; | |
| 9393 | + text-align: left; | |
| 9394 | +} | |
| 9395 | + | |
| 9396 | +.frm-tip-cta { | |
| 9397 | + color: var(--orange); | |
| 9398 | +} | |
| 9399 | + | |
| 9400 | +.frm-light-tip .frm_pro_tip { | |
| 9401 | + background: var(--primary-25); | |
| 9402 | +} | |
| 9403 | + | |
| 9404 | +.frm-light-tip .frm_pro_tip .frmsvg, | |
| 9405 | +.frm-light-tip .frm_pro_tip i, | |
| 9406 | +.frm-light-tip .frm-tip-cta { | |
| 9407 | + color: var(--primary-500); | |
| 9408 | +} | |
| 9409 | + | |
| 9410 | +.frm-tip-cta:hover { | |
| 9411 | + color: var(--primary-500); | |
| 9412 | +} | |
| 9413 | + | |
| 9414 | +.nav-tab-wrapper .frm_pro_tip { | |
| 9415 | + float: right; | |
| 9416 | +} | |
| 9417 | +/* End call-to-action */ | |
| 9418 | + | |
| 9419 | +/* Start confirm and form templates modals */ | |
| 9420 | +#frm-form-templates-modal textarea { | |
| 9421 | + height: 108px; | |
| 9422 | +} | |
| 9423 | + | |
| 9424 | +#frm-form-templates-modal .frm-fields button.btn { | |
| 9425 | + border-color: var(--grey-300); | |
| 9426 | + color: var(--grey-900); | |
| 9427 | + cursor: pointer; | |
| 9428 | +} | |
| 9429 | + | |
| 9430 | +#frm-form-templates-modal .frm-fields button.btn .frmsvg { | |
| 9431 | + color: var(--grey-400); | |
| 9432 | + width: 14px; | |
| 9433 | + height: 14px; | |
| 9434 | +} | |
| 9435 | + | |
| 9436 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset { | |
| 9437 | + position: relative; | |
| 9438 | +} | |
| 9439 | + | |
| 9440 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset .frm-with-left-icon .frmsvg { | |
| 9441 | + padding: 0; | |
| 9442 | + top: 0; | |
| 9443 | + left: 13px; | |
| 9444 | +} | |
| 9445 | + | |
| 9446 | +/* Fixes pro issue #3508, prevent a conflict that hides the postbox in modal */ | |
| 9447 | +#frm-form-templates-modal .postbox { | |
| 9448 | + display: block !important; | |
| 9449 | +} | |
| 9450 | + | |
| 9451 | +/* Leave email modal */ | |
| 9452 | +#frm_empty_inbox #frm-leave-email-modal { | |
| 9453 | + margin-top: var(--gap-2xl); | |
| 9454 | +} | |
| 9455 | + | |
| 9456 | +/* Name your form modal */ | |
| 9457 | +#frm-name-your-form-modal .frm_modal_top { | |
| 9458 | + padding-top: var(--gap-sm); | |
| 9459 | +} | |
| 9460 | +/* End confirm and form templates modals */ | |
| 9461 | + | |
| 9462 | +/* Field Group Message */ | |
| 9463 | +#frm-field-group-message { | |
| 9464 | + position: absolute; | |
| 9465 | + bottom: 32px; | |
| 9466 | + right: calc(50% - var(--biggest-sidebar)); | |
| 9467 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9468 | + border-radius: 100px; | |
| 9469 | + background-color: var(--primary-25); | |
| 9470 | +} | |
| 9471 | + | |
| 9472 | +#frm-field-group-message .frm-field-group-message-text { | |
| 9473 | + gap: 10px; | |
| 9474 | + color: var(--grey-800); | |
| 9475 | +} | |
| 9476 | + | |
| 9477 | +#frm-field-group-message .frm-shift-key { | |
| 9478 | + padding: var(--gap-2xs) var(--gap-xs); | |
| 9479 | + background-color: #D9EBFF; | |
| 9480 | + border-radius: var(--small-radius); | |
| 9481 | + gap: 2px; | |
| 9482 | +} | |
| 9483 | + | |
| 9484 | +#frm-field-group-message-dismiss { | |
| 9485 | + margin-left: var(--gap-xs) | |
| 9486 | +} | |
| 9487 | + | |
| 9488 | +#frm-field-group-message-dismiss .frmsvg { | |
| 9489 | + color: var(--grey-800); | |
| 9490 | + width: 15px; | |
| 9491 | + height: 15px; | |
| 9492 | + cursor: pointer; | |
| 9493 | + transition: color 300ms ease-in-out; | |
| 9494 | +} | |
| 9495 | + | |
| 9496 | +#frm-field-group-message-dismiss .frmsvg:hover { | |
| 9497 | + color: var(--grey-500); | |
| 9498 | +} | |
| 9499 | +/* End Field Group Message */ | |
| 9500 | + | |
| 9501 | +/* Start card layout */ | |
| 9502 | +.frm-card-item { | |
| 9503 | + display: flex; | |
| 9504 | + gap: 10px; | |
| 9505 | + border: 1px solid var(--grey-200); | |
| 9506 | + border-radius: var(--small-radius); | |
| 9507 | + padding: var(--gap-sm); | |
| 9508 | + box-shadow: var(--box-shadow-xs); | |
| 9509 | + background: #FFFFFF; | |
| 9510 | +} | |
| 9511 | +/* End card layout */ | |
| 9512 | + | |
| 9513 | +/* Pirate forms importer */ | |
| 9514 | +#welcome-panel:has(#frm_form_pf_importer) { | |
| 9515 | + background-color: #fff; | |
| 9516 | + margin: var(--gap-sm) var(--gap-md) var(--gap-md); | |
| 9517 | + line-height: 2; | |
| 9518 | +} | |
| 9519 | + | |
| 9520 | +#welcome-panel:has(#frm_form_pf_importer) .welcome-panel-content { | |
| 9521 | + text-align: start !important; | |
| 9522 | + min-height: unset; | |
| 9523 | + display: block; | |
| 9524 | +} | |
| 9525 | + | |
| 9526 | +#frm_form_pf_importer div { | |
| 9527 | + margin: 10px 0 !important; | |
| 9528 | +} | |
| 9529 | + | |
| 9530 | +#frm_form_pf_importer button { | |
| 9531 | + border: 1px solid var(--primary-500); | |
| 9532 | + padding: 7px 16px; | |
| 9533 | + min-height: 28px; | |
| 9534 | + line-height: var(--leading); | |
| 9535 | + margin-bottom: 0; | |
| 9536 | + background: var(--primary-500); | |
| 9537 | + color: #fff !important; | |
| 9538 | +} | |
| 9539 | + | |
| 9540 | +#frm_form_pf_importer button:hover { | |
| 9541 | + background: #135e96; | |
| 9542 | + border-color: #135e96; | |
| 9543 | +} | |
| 9544 | +/* End Pirate forms importer */ | |
