| @@ -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 | |
| @@ -139,8 +153,13 @@ | ||
| 139 | 153 | .frm-full-screen .wp-header-end { |
| 140 | 154 | display: none; |
| 141 | 155 | } |
| 142 | 156 | |
| 157 | +body.frm-white-body:not(.frm-full-screen) .mce-fullscreen { | |
| 158 | + top: 32px; | |
| 159 | + left: 160px; | |
| 160 | +} | |
| 161 | + | |
| 143 | 162 | .frm-full-screen #wpbody-content, |
| 144 | 163 | .frm-full-screen #wpbody, |
| 145 | 164 | .frm-full-screen #wpcontent { |
| 146 | 165 | padding: 0; |
| @@ -325,8 +344,9 @@ | ||
| 325 | 344 | |
| 326 | 345 | .frm-white-body .wrap h2, |
| 327 | 346 | .frm-white-body h2 { |
| 328 | 347 | font-size: var(--text-lg); |
| 348 | + font-weight: 500; | |
| 329 | 349 | } |
| 330 | 350 | |
| 331 | 351 | .frm-white-body .wrap h3, |
| 332 | 352 | .frm-white-body h3 { |
| @@ -338,8 +358,35 @@ | ||
| 338 | 358 | font-size: var(--text-sm); |
| 339 | 359 | font-weight: 500; |
| 340 | 360 | } |
| 341 | 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 | + | |
| 342 | 389 | /* Override CSS in Views plugin. */ |
| 343 | 390 | .frm-views-editor-body .frm_page_container #frm_top_bar h1 { |
| 344 | 391 | padding: 0 !important; |
| 345 | 392 | color: var(--grey-900); |
| @@ -669,9 +716,11 @@ | ||
| 669 | 716 | position: static; |
| 670 | 717 | } |
| 671 | 718 | |
| 672 | 719 | .auto-fold.frm-admin-page-styles .frm_page_container, |
| 673 | -.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 { | |
| 674 | 723 | left: 160px; |
| 675 | 724 | } |
| 676 | 725 | |
| 677 | 726 | .folded.frm-admin-page-styles .frm_page_container, |
| @@ -704,9 +753,9 @@ | ||
| 704 | 753 | } |
| 705 | 754 | |
| 706 | 755 | .columns-2 .frm-right-panel + div { |
| 707 | 756 | padding-bottom: var(--gap-md); |
| 708 | - border-left: 1px solid var(--sidebar-hover); | |
| 757 | + border-left: 1px solid var(--grey-300); | |
| 709 | 758 | } |
| 710 | 759 | |
| 711 | 760 | .columns-2 .frm-right-panel + div, |
| 712 | 761 | .frm_wrap #post-body-content { |
| @@ -815,9 +864,10 @@ | ||
| 815 | 864 | z-index: 100; |
| 816 | 865 | } |
| 817 | 866 | |
| 818 | 867 | #form_global_settings .columns-2 .frm-right-panel, |
| 819 | -#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 { | |
| 820 | 870 | flex: 0 0 var(--small-sidebar); |
| 821 | 871 | width: var(--small-sidebar); |
| 822 | 872 | min-width: var(--small-sidebar); |
| 823 | 873 | } |
| @@ -1102,19 +1152,18 @@ | ||
| 1102 | 1152 | .frm-admin-footer-links { |
| 1103 | 1153 | gap: var(--gap-2xs); |
| 1104 | 1154 | flex-direction: column; |
| 1105 | 1155 | text-align: center; |
| 1106 | - padding: var(--gap-xl) 0 var(--gap-lg) 160px; | |
| 1156 | + padding: var(--gap-xl) 0 var(--gap-lg); | |
| 1107 | 1157 | font-size: var(--text-xs); |
| 1108 | 1158 | color: var(--grey-400); |
| 1109 | 1159 | } |
| 1110 | 1160 | |
| 1111 | -body.rtl .frm-admin-footer-links { | |
| 1112 | - padding-left: unset; | |
| 1113 | - padding-right: 160px; | |
| 1161 | +body.frm-hidden-overflow { | |
| 1162 | + height: 100%; | |
| 1163 | + overflow: hidden; | |
| 1114 | 1164 | } |
| 1115 | 1165 | |
| 1116 | - | |
| 1117 | 1166 | .frm-admin-footer-links-nav { |
| 1118 | 1167 | gap: var(--gap-2xs); |
| 1119 | 1168 | margin-bottom: var(--gap-xs); |
| 1120 | 1169 | } |
| @@ -1314,14 +1363,21 @@ | ||
| 1314 | 1363 | height: auto !important; |
| 1315 | 1364 | padding: 9px 18px !important; |
| 1316 | 1365 | } |
| 1317 | 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 | + | |
| 1318 | 1374 | .frm-button-primary i:before { |
| 1319 | 1375 | color: #fff; |
| 1320 | 1376 | } |
| 1321 | 1377 | |
| 1322 | -.wp-core-ui .button-primary.frm-button-primary:hover, | |
| 1323 | -.frm-button-primary:hover { | |
| 1378 | +.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover, | |
| 1379 | +.frm-button-primary:not([disabled]):hover { | |
| 1324 | 1380 | background: var(--primary-700) !important; |
| 1325 | 1381 | border-color: var(--primary-700) !important; |
| 1326 | 1382 | } |
| 1327 | 1383 | |
| @@ -1485,9 +1541,8 @@ | ||
| 1485 | 1541 | } |
| 1486 | 1542 | |
| 1487 | 1543 | .frm-m-12 { |
| 1488 | 1544 | margin: var(--gap-2xl); |
| 1489 | - | |
| 1490 | 1545 | } |
| 1491 | 1546 | |
| 1492 | 1547 | .frm_no_top_margin, /* deprecated */ |
| 1493 | 1548 | .frm-mt-0 { |
| @@ -1493,13 +1548,37 @@ | ||
| 1493 | 1548 | .frm-mt-0 { |
| 1494 | 1549 | margin-top: 0 !important; |
| 1495 | 1550 | } |
| 1496 | 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 | + | |
| 1497 | 1568 | .frm_no_bottom_margin, /* deprecated */ |
| 1498 | 1569 | .frm-mb-0 { |
| 1499 | 1570 | margin-bottom: 0 !important; |
| 1500 | 1571 | } |
| 1501 | 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 | + | |
| 1502 | 1581 | .frm-mb-sm { |
| 1503 | 1582 | margin-bottom: var(--gap-sm) !important; |
| 1504 | 1583 | } |
| 1505 | 1584 | |
| @@ -1510,37 +1589,93 @@ | ||
| 1510 | 1589 | .frm-mb-lg { |
| 1511 | 1590 | margin-bottom: var(--gap-lg) !important; |
| 1512 | 1591 | } |
| 1513 | 1592 | |
| 1593 | +.frm-ml-auto { | |
| 1594 | + margin-left: auto; | |
| 1595 | +} | |
| 1596 | + | |
| 1514 | 1597 | .frm-mx-sm { |
| 1515 | 1598 | margin-left: var(--gap-sm) !important; |
| 1516 | 1599 | margin-right: var(--gap-sm) !important; |
| 1517 | 1600 | } |
| 1518 | 1601 | |
| 1602 | +.frm-p-0 { | |
| 1603 | + padding: 0; | |
| 1604 | +} | |
| 1605 | + | |
| 1519 | 1606 | .frm-p-1 { |
| 1520 | 1607 | padding: 4px; |
| 1521 | 1608 | } |
| 1522 | 1609 | |
| 1610 | +.frm-p-sm, | |
| 1523 | 1611 | .frm-p-4 { |
| 1524 | - padding: var(--gap-sm); | |
| 1612 | + padding: var(--gap-sm) !important; | |
| 1525 | 1613 | } |
| 1526 | 1614 | |
| 1527 | -.frm-p-6 { | |
| 1528 | - padding: var(--gap-md); | |
| 1615 | +.frm-p-6, | |
| 1616 | +.frm-p-md { | |
| 1617 | + padding: var(--gap-md) !important; | |
| 1529 | 1618 | } |
| 1530 | 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 | + | |
| 1531 | 1650 | .frm-text-md { |
| 1532 | - font-size: var(--text-md); | |
| 1651 | + font-size: var(--text-md) !important; | |
| 1533 | 1652 | } |
| 1534 | 1653 | |
| 1535 | 1654 | .frm-text-lg { |
| 1536 | - font-size: var(--text-lg); | |
| 1655 | + font-size: var(--text-lg) !important; | |
| 1537 | 1656 | } |
| 1538 | 1657 | |
| 1539 | 1658 | .frm-text-xl { |
| 1540 | - font-size: var(--text-xl); | |
| 1659 | + font-size: var(--text-xl) !important; | |
| 1541 | 1660 | } |
| 1542 | 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 | + | |
| 1543 | 1678 | .frm-w-auto { |
| 1544 | 1679 | width: auto !important; |
| 1545 | 1680 | } |
| 1546 | 1681 | |
| @@ -1547,13 +1682,50 @@ | ||
| 1547 | 1682 | .frm-w-full { |
| 1548 | 1683 | width: 100% !important; |
| 1549 | 1684 | } |
| 1550 | 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 | + | |
| 1551 | 1708 | .frm-flex-box { |
| 1552 | 1709 | display: flex; |
| 1553 | 1710 | gap: var(--gap-sm); |
| 1554 | 1711 | } |
| 1555 | 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 | + | |
| 1556 | 1728 | .frm-gap-xs { |
| 1557 | 1729 | gap: var(--gap-xs); |
| 1558 | 1730 | } |
| 1559 | 1731 | |
| @@ -1564,12 +1736,28 @@ | ||
| 1564 | 1736 | .frm-gap-md { |
| 1565 | 1737 | gap: var(--gap-md); |
| 1566 | 1738 | } |
| 1567 | 1739 | |
| 1740 | +.frm-gap-xl { | |
| 1741 | + gap: var(--gap-xl); | |
| 1742 | +} | |
| 1743 | + | |
| 1744 | +.frm-justify-center { | |
| 1745 | + justify-content: center; | |
| 1746 | +} | |
| 1747 | + | |
| 1568 | 1748 | .frm-justify-between { |
| 1569 | 1749 | justify-content: space-between; |
| 1570 | 1750 | } |
| 1571 | 1751 | |
| 1752 | +.frm-justify-end { | |
| 1753 | + justify-content: end; | |
| 1754 | +} | |
| 1755 | + | |
| 1756 | +.frm-items-center { | |
| 1757 | + align-items: center; | |
| 1758 | +} | |
| 1759 | + | |
| 1572 | 1760 | .frm-transition-ease { |
| 1573 | 1761 | transition: all .2s ease; |
| 1574 | 1762 | } |
| 1575 | 1763 | |
| @@ -1581,25 +1769,8 @@ | ||
| 1581 | 1769 | .frm_no_float { |
| 1582 | 1770 | float: none; |
| 1583 | 1771 | } |
| 1584 | 1772 | |
| 1585 | -.frm_block, /* deprecated */ | |
| 1586 | -.frm-block { | |
| 1587 | - display: block; | |
| 1588 | -} | |
| 1589 | - | |
| 1590 | -.frm_inline { | |
| 1591 | - display: inline; | |
| 1592 | -} | |
| 1593 | - | |
| 1594 | -.frm_inline_block { | |
| 1595 | - display: inline-block !important; | |
| 1596 | -} | |
| 1597 | - | |
| 1598 | -.frm_hidden { | |
| 1599 | - display: none; | |
| 1600 | -} | |
| 1601 | - | |
| 1602 | 1773 | .frm-text-right { |
| 1603 | 1774 | text-align: right; |
| 1604 | 1775 | } |
| 1605 | 1776 | |
| @@ -1617,8 +1788,74 @@ | ||
| 1617 | 1788 | |
| 1618 | 1789 | .frm-on-bottom { |
| 1619 | 1790 | z-index: -1; |
| 1620 | 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 | +} | |
| 1621 | 1858 | /* End Generic Classes, Start Forced Generic Classes */ |
| 1622 | 1859 | |
| 1623 | 1860 | .frm-fields p > label.frm_hidden, |
| 1624 | 1861 | .frm-lookup-modal .dismiss, |
| @@ -1654,8 +1891,17 @@ | ||
| 1654 | 1891 | } |
| 1655 | 1892 | |
| 1656 | 1893 | /* End Forced Generic Classes */ |
| 1657 | 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 | + | |
| 1658 | 1904 | .frm_forms.with_frm_style { |
| 1659 | 1905 | max-width: 100%; |
| 1660 | 1906 | } |
| 1661 | 1907 | |
| @@ -1736,8 +1982,12 @@ | ||
| 1736 | 1982 | display: block; |
| 1737 | 1983 | line-height: var(--leading); |
| 1738 | 1984 | } |
| 1739 | 1985 | |
| 1986 | +#frm_form_editor_container #frm-show-fields .frm_primary_label { | |
| 1987 | + min-height: 21px; | |
| 1988 | +} | |
| 1989 | + | |
| 1740 | 1990 | .frm-fields td input + label { |
| 1741 | 1991 | display: inline; |
| 1742 | 1992 | } |
| 1743 | 1993 | |
| @@ -2220,10 +2470,9 @@ | ||
| 2220 | 2470 | margin: 0; |
| 2221 | 2471 | padding: 10px 20px; |
| 2222 | 2472 | } |
| 2223 | 2473 | |
| 2224 | -.frm-modal .postbox, | |
| 2225 | -#frm_new_form_modal .postbox { | |
| 2474 | +.frm-modal .postbox { | |
| 2226 | 2475 | max-height: 600px; |
| 2227 | 2476 | overflow: hidden; |
| 2228 | 2477 | margin-bottom: 0; |
| 2229 | 2478 | } |
| @@ -2228,27 +2477,41 @@ | ||
| 2228 | 2477 | margin-bottom: 0; |
| 2229 | 2478 | } |
| 2230 | 2479 | |
| 2231 | 2480 | .frm-modal .postbox .frm_modal_top, |
| 2232 | -.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 { | |
| 2233 | 2483 | padding: var(--gap-md) var(--gap-md) 0; |
| 2234 | 2484 | position: relative; |
| 2235 | 2485 | } |
| 2236 | 2486 | |
| 2487 | +.frm-modal h2, | |
| 2488 | +.frm-modal .postbox .inside h2, /* Override WP. */ | |
| 2237 | 2489 | .frm-modal .postbox .frm-modal-title, |
| 2238 | -.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 { | |
| 2239 | 2492 | display: inline-block; |
| 2240 | - font-size: var(--text-xl); | |
| 2493 | + font-size: var(--text-lg); | |
| 2241 | 2494 | color: var(--grey-900); |
| 2495 | + font-weight: 600; | |
| 2496 | + margin: 0; | |
| 2497 | + padding: 0; | |
| 2242 | 2498 | } |
| 2243 | 2499 | |
| 2500 | +.frm-modal h3 { | |
| 2501 | + font-weight: 500; | |
| 2502 | +} | |
| 2503 | + | |
| 2504 | +/* Dismiss icon button */ | |
| 2505 | + | |
| 2244 | 2506 | .frm-inline-modal > a.dismiss, |
| 2245 | 2507 | .frm-modal .postbox > a.dismiss, |
| 2246 | 2508 | .frm-modal .postbox .frm-modal-title + div:last-child, |
| 2247 | 2509 | .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { |
| 2248 | 2510 | position: absolute; |
| 2249 | - right: 30px; | |
| 2250 | - top: 25px; | |
| 2511 | + top: 19px; | |
| 2512 | + right: 19px; | |
| 2513 | + display: flex; | |
| 2251 | 2514 | z-index: 2; |
| 2252 | 2515 | } |
| 2253 | 2516 | |
| 2254 | 2517 | body.rtl .frm-inline-modal > a.dismiss, |
| @@ -2267,9 +2530,9 @@ | ||
| 2267 | 2530 | |
| 2268 | 2531 | .frm-modal .postbox .frm-modal-title + div:last-child a, |
| 2269 | 2532 | .frm-modal a.dismiss .frmsvg, |
| 2270 | 2533 | .frm_common_modal .frm_modal_top a .frmsvg { |
| 2271 | - color: var(--grey-900); | |
| 2534 | + color: var(--grey-400); | |
| 2272 | 2535 | } |
| 2273 | 2536 | |
| 2274 | 2537 | .frm-modal .frm_modal_content > div.inside, |
| 2275 | 2538 | .frm_common_modal .frm_modal_content > div.inside { |
| @@ -2278,8 +2541,12 @@ | ||
| 2278 | 2541 | font-size: var(--text-sm); |
| 2279 | 2542 | color: var(--grey-700); |
| 2280 | 2543 | } |
| 2281 | 2544 | |
| 2545 | +.frm-modal p { | |
| 2546 | + color: var(--grey-900); | |
| 2547 | +} | |
| 2548 | + | |
| 2282 | 2549 | .frm_common_modal .postbox { |
| 2283 | 2550 | display: flex; |
| 2284 | 2551 | flex-direction: column; |
| 2285 | 2552 | } |
| @@ -2286,9 +2553,8 @@ | ||
| 2286 | 2553 | |
| 2287 | 2554 | .frm-modal .postbox > div.inside .cta-inside { |
| 2288 | 2555 | overflow-y: auto; |
| 2289 | 2556 | height: auto; |
| 2290 | - padding: 0 var(--gap-sm); | |
| 2291 | 2557 | } |
| 2292 | 2558 | |
| 2293 | 2559 | .frm_modal_footer { |
| 2294 | 2560 | padding: 0 var(--gap-md) var(--gap-sm); |
| @@ -2298,26 +2564,8 @@ | ||
| 2298 | 2564 | body.frm-body-with-open-modal { |
| 2299 | 2565 | overflow-y: hidden; |
| 2300 | 2566 | } |
| 2301 | 2567 | |
| 2302 | -#frm_new_form_modal .postbox > div.inside { | |
| 2303 | - max-height: 490px; | |
| 2304 | - overflow-y: auto; | |
| 2305 | - overflow-x: hidden; | |
| 2306 | - margin: 0; | |
| 2307 | - padding: 10px 0 0; | |
| 2308 | -} | |
| 2309 | - | |
| 2310 | -#frm_new_form_modal .postbox > div.inside .cta-inside { | |
| 2311 | - overflow-y: auto; | |
| 2312 | - height: auto; | |
| 2313 | - padding: 0 var(--gap-md); | |
| 2314 | -} | |
| 2315 | - | |
| 2316 | -#frm_new_form_modal .accordion-container { | |
| 2317 | - width: 100%; | |
| 2318 | -} | |
| 2319 | - | |
| 2320 | 2568 | .frm-templates-list { |
| 2321 | 2569 | margin-top: 0; |
| 2322 | 2570 | } |
| 2323 | 2571 | |
| @@ -2378,10 +2626,10 @@ | ||
| 2378 | 2626 | .frm-icon-wrapper { |
| 2379 | 2627 | background: var(--primary-500); |
| 2380 | 2628 | border-radius: var(--small-radius); |
| 2381 | 2629 | color: #fff; |
| 2382 | - width: 40px; | |
| 2383 | - height: 40px; | |
| 2630 | + width: 32px; | |
| 2631 | + height: 32px; | |
| 2384 | 2632 | font-size: 18px; |
| 2385 | 2633 | box-sizing: border-box; |
| 2386 | 2634 | align-self: center; |
| 2387 | 2635 | justify-content: center; |
| @@ -2394,9 +2642,8 @@ | ||
| 2394 | 2642 | } |
| 2395 | 2643 | |
| 2396 | 2644 | .frm-templates-list li .frm-category-icon { |
| 2397 | 2645 | overflow: hidden; |
| 2398 | - align-self: flex-start; | |
| 2399 | 2646 | } |
| 2400 | 2647 | |
| 2401 | 2648 | .frm-templates-list .frm-template-details { |
| 2402 | 2649 | /* the content container to the right of the icon in Create new form modal */ |
| @@ -2424,82 +2671,23 @@ | ||
| 2424 | 2671 | .frm-templates-list .frm-install-template div { |
| 2425 | 2672 | text-align: left; |
| 2426 | 2673 | } |
| 2427 | 2674 | |
| 2428 | -#frm_new_form_modal .frm-search { | |
| 2429 | - width: 100%; | |
| 2430 | - margin: var(--gap-sm) 0 var(--gap-md); | |
| 2431 | -} | |
| 2432 | - | |
| 2433 | 2675 | #frm_leave_email, |
| 2434 | -#frm_code_from_email | |
| 2435 | -{ | |
| 2676 | +#frm_code_from_email { | |
| 2436 | 2677 | width: 480px; |
| 2678 | + max-width: 100%; | |
| 2437 | 2679 | } |
| 2438 | 2680 | |
| 2439 | -#frm_new_form_modal #template-search-input { | |
| 2440 | - width: 100%; | |
| 2441 | -} | |
| 2442 | - | |
| 2443 | -#frm-email-block .frm-with-left-icon .frmsvg { | |
| 2444 | - padding: 0; | |
| 2445 | - top: 0; | |
| 2446 | - left: 13px; | |
| 2447 | -} | |
| 2448 | - | |
| 2449 | -#frm_new_form_modal .accordion-container { | |
| 2450 | - display: inline-block; | |
| 2451 | - padding: 0; | |
| 2452 | - border-top: 1px solid var(--grey-300); | |
| 2453 | - box-sizing: border-box; | |
| 2454 | - margin: 0 5px; | |
| 2455 | - width: calc( 100% - 10px ); | |
| 2456 | -} | |
| 2457 | - | |
| 2458 | -#frm_new_form_modal .accordion-section-title { | |
| 2459 | - padding: 0; | |
| 2460 | -} | |
| 2461 | - | |
| 2462 | -#frm_new_form_modal .accordion-section-title:hover, | |
| 2463 | -.control-section:hover .accordion-section-title, | |
| 2464 | -#frm_new_form_modal .accordion-section.open .accordion-section-title | |
| 2465 | -{ | |
| 2681 | +.control-section:hover .accordion-section-title { | |
| 2466 | 2682 | background: #fff !important; |
| 2467 | 2683 | border-bottom-color: transparent; |
| 2468 | 2684 | } |
| 2469 | 2685 | |
| 2470 | -#frm_new_form_modal .accordion-section.open:hover { | |
| 2471 | - border-bottom-color: transparent; | |
| 2472 | -} | |
| 2473 | - | |
| 2474 | -#frm_new_form_modal .accordion-section { | |
| 2475 | - padding: 8px 0 4px; | |
| 2476 | -} | |
| 2477 | - | |
| 2478 | -#frm_new_form_modal .accordion-section + .accordion-section { | |
| 2479 | - border-top: 1px solid var(--grey-300); | |
| 2480 | - border-radius: 0; | |
| 2481 | -} | |
| 2482 | - | |
| 2483 | -.frm-templates-list.frm-categories-list li > div > div:last-child, | |
| 2484 | -#frm_new_form_modal .accordion-section .frm-featured-form | |
| 2485 | -{ | |
| 2686 | +.frm-templates-list.frm-categories-list li > div > div:last-child { | |
| 2486 | 2687 | padding-left: 0; |
| 2487 | 2688 | } |
| 2488 | 2689 | |
| 2489 | -#frm_new_form_modal .frm-templates-list.frm-categories-list .accordion-section-title { | |
| 2490 | - padding-left: var(--gap-sm); | |
| 2491 | -} | |
| 2492 | - | |
| 2493 | -#frm_new_form_modal .frm-templates-list.frm-categories-list li.frm-selectable { | |
| 2494 | - padding: 0 10px; | |
| 2495 | - overflow: hidden; | |
| 2496 | -} | |
| 2497 | - | |
| 2498 | -#frm_new_form_modal .accordion-section-content { | |
| 2499 | - padding: var(--gap-sm); | |
| 2500 | -} | |
| 2501 | - | |
| 2502 | 2690 | .frm-hover-icons { |
| 2503 | 2691 | position: absolute; |
| 2504 | 2692 | right: 0; |
| 2505 | 2693 | top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */ |
| @@ -2599,21 +2787,8 @@ | ||
| 2599 | 2787 | vertical-align: text-top; |
| 2600 | 2788 | color: var(--grey-500); |
| 2601 | 2789 | } |
| 2602 | 2790 | |
| 2603 | -#frm_new_form_modal .frm-use-this-template { | |
| 2604 | - margin-left: 10px; | |
| 2605 | -} | |
| 2606 | - | |
| 2607 | -#frm_new_form_modal #frm-preview-block { | |
| 2608 | - padding: var(--gap-md) var(--gap-lg); | |
| 2609 | - overflow-x: hidden; | |
| 2610 | -} | |
| 2611 | - | |
| 2612 | -#frm_new_form_modal #frm-details-block { | |
| 2613 | - padding: var(--gap-md) var(--gap-lg); | |
| 2614 | -} | |
| 2615 | - | |
| 2616 | 2791 | .frm-modal-back { |
| 2617 | 2792 | cursor: pointer; |
| 2618 | 2793 | margin-right: 4px; |
| 2619 | 2794 | } |
| @@ -2644,93 +2819,26 @@ | ||
| 2644 | 2819 | display: inline-block; |
| 2645 | 2820 | line-height: 12px; |
| 2646 | 2821 | } |
| 2647 | 2822 | |
| 2648 | -#frm_new_form_modal.frm-expired #frm-create-block, | |
| 2649 | -#frm_new_form_modal.frm-expiring #frm-create-block { | |
| 2650 | - max-height: 450px; | |
| 2651 | -} | |
| 2652 | - | |
| 2653 | 2823 | #frm-create-footer { |
| 2654 | 2824 | padding: 15px 20px; |
| 2655 | 2825 | } |
| 2656 | 2826 | |
| 2657 | -#frm_code_from_email_options { | |
| 2658 | - margin-top: 20px; | |
| 2659 | -} | |
| 2660 | - | |
| 2661 | -#frm_code_from_email_options * { | |
| 2662 | - color: var(--primary-500); | |
| 2663 | -} | |
| 2664 | - | |
| 2665 | -#frm-email-block p, | |
| 2666 | -#frm-code-block p, | |
| 2667 | -#frm-renew-block p | |
| 2668 | -{ | |
| 2669 | - padding: 0 40px; | |
| 2670 | - max-width: 400px; | |
| 2671 | - margin: 0 auto 20px; | |
| 2672 | -} | |
| 2673 | - | |
| 2674 | 2827 | li .frm-hover-icons .frm-preview-form, |
| 2675 | 2828 | .frm-hover-icons .frm-unlock-form, |
| 2676 | 2829 | .frm-locked-template .frm-hover-icons .frm-create-form, |
| 2677 | -#frm_new_form_modal .frm-modal-back ~ span, | |
| 2678 | -#frm_new_form_modal .postbox > div:first-child ~ div, | |
| 2679 | -.frm-modal-back, | |
| 2680 | -#frm_new_form_modal:not([frm-page="create"]) a.dismiss, | |
| 2681 | -#frm_code_from_email_error span, | |
| 2682 | -#frm_leave_email_error span, | |
| 2683 | -#frm_new_form_modal .frm-delete-form, | |
| 2684 | -#frm-details-block #frm-new-template button, | |
| 2685 | -#frm-create-title span[frm-type="template"], | |
| 2686 | -#frm-create-title[frm-type="template"] span[frm-type="form"] | |
| 2830 | +.frm-modal-back | |
| 2687 | 2831 | { |
| 2688 | 2832 | display: none; |
| 2689 | 2833 | } |
| 2690 | 2834 | |
| 2691 | -#frm_new_form_modal:not([frm-page="create"]) .frm-modal-back, | |
| 2692 | -#frm_new_form_modal[frm-page="create"] #frm-create-title, | |
| 2693 | -#frm-create-title[frm-type="template"] span[frm-type="template"], | |
| 2694 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-title, | |
| 2695 | -#frm_new_form_modal[frm-page="details"] #frm-create-title, | |
| 2696 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-title, | |
| 2697 | -#frm_new_form_modal[frm-page="email"] #frm-email-title, | |
| 2698 | -#frm_new_form_modal[frm-page="code"] #frm-email-title, | |
| 2699 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-title, | |
| 2700 | -#frm_code_from_email_error[frm-error="wrong-code"] span[frm-error="wrong-code"], | |
| 2701 | -#frm_code_from_email_error[frm-error="empty"] span[frm-error="empty"], | |
| 2702 | -#frm_code_from_email_error[frm-error="custom"] span[frm-error="custom"], | |
| 2703 | -#frm_leave_email_error[frm-error="invalid"] span[frm-error="invalid"], | |
| 2704 | -#frm_leave_email_error[frm-error="empty"] span[frm-error="empty"] | |
| 2705 | -{ | |
| 2706 | - display: inline-block; | |
| 2707 | -} | |
| 2708 | 2835 | |
| 2709 | 2836 | .frm-locked-template .frm-hover-icons .frm-unlock-form, |
| 2710 | -li[data-preview] .frm-hover-icons .frm-preview-form, | |
| 2711 | -#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 { | |
| 2712 | 2838 | display: inline-flex; |
| 2713 | 2839 | } |
| 2714 | 2840 | |
| 2715 | -#frm_new_form_modal[frm-page="create"] #frm-create-block, | |
| 2716 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-block, | |
| 2717 | -#frm_new_form_modal[frm-page="details"] #frm-details-block, | |
| 2718 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-block, | |
| 2719 | -#frm_new_form_modal[frm-page="email"] #frm-email-block, | |
| 2720 | -#frm_new_form_modal[frm-page="code"] #frm-code-block, | |
| 2721 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-block, | |
| 2722 | -#frm_new_form_modal[frm-page="create"] #frm-create-footer, | |
| 2723 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-footer, | |
| 2724 | -#frm_new_form_modal[frm-page="details"] #frm-details-footer, | |
| 2725 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-footer, | |
| 2726 | -#frm_new_form_modal[frm-page="email"] #frm-email-footer, | |
| 2727 | -#frm_new_form_modal[frm-page="code"] #frm-code-footer, | |
| 2728 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-footer | |
| 2729 | -{ | |
| 2730 | - display: block; | |
| 2731 | -} | |
| 2732 | - | |
| 2733 | 2841 | .frm-modal-back svg { |
| 2734 | 2842 | color: #7F7F7F; |
| 2735 | 2843 | } |
| 2736 | 2844 | |
| @@ -2901,64 +3009,8 @@ | ||
| 2901 | 3009 | .frm_image_from_url { |
| 2902 | 3010 | height: 50px; |
| 2903 | 3011 | } |
| 2904 | 3012 | |
| 2905 | -.frm-right-panel .inside a.frm_pro_tip, | |
| 2906 | -a.frm_pro_tip { | |
| 2907 | - font-size: var(--text-sm); | |
| 2908 | - display: inline-block; | |
| 2909 | - color: var(--grey-700); | |
| 2910 | - background: #FFE7DE; | |
| 2911 | - border-radius: var(--small-radius); | |
| 2912 | - padding: 5px 15px; | |
| 2913 | - margin: 0 auto; | |
| 2914 | - display: flex; | |
| 2915 | - align-items: center; | |
| 2916 | -} | |
| 2917 | - | |
| 2918 | -a.frm_pro_tip:hover { | |
| 2919 | - color: var(--grey-700); | |
| 2920 | - border-color: var(--primary-500); | |
| 2921 | -} | |
| 2922 | - | |
| 2923 | -a.frm_pro_tip:hover .frmsvg { | |
| 2924 | - fill: var(--primary-500); | |
| 2925 | -} | |
| 2926 | - | |
| 2927 | -.frm_field_list .frm_pro_tip { | |
| 2928 | - margin: 10px 15px; | |
| 2929 | - position: relative; | |
| 2930 | - width: calc(100% - 30px); | |
| 2931 | - box-sizing: border-box; | |
| 2932 | -} | |
| 2933 | - | |
| 2934 | -a.frm_pro_tip .frmsvg, | |
| 2935 | -a.frm_pro_tip i { | |
| 2936 | - color: var(--orange); | |
| 2937 | - margin-right: 5px; | |
| 2938 | -} | |
| 2939 | - | |
| 2940 | -a.frm_pro_tip .frmsvg { | |
| 2941 | - margin-right: 10px; | |
| 2942 | -} | |
| 2943 | - | |
| 2944 | -.frm-tip-info { | |
| 2945 | - flex: 1; | |
| 2946 | - text-align: left; | |
| 2947 | -} | |
| 2948 | - | |
| 2949 | -.frm-tip-cta { | |
| 2950 | - color: var(--orange); | |
| 2951 | -} | |
| 2952 | - | |
| 2953 | -.nav-tab-wrapper .frm_pro_tip { | |
| 2954 | - float: right; | |
| 2955 | -} | |
| 2956 | - | |
| 2957 | -.frm_pro_tip:hover .frm-tip-cta { | |
| 2958 | - color: var(--primary-500); | |
| 2959 | -} | |
| 2960 | - | |
| 2961 | 3013 | /*Switch form dropdown*/ |
| 2962 | 3014 | h1 .fa-caret-down { |
| 2963 | 3015 | font-size: 18px; |
| 2964 | 3016 | } |
| @@ -3293,11 +3345,9 @@ | ||
| 3293 | 3345 | position: relative; |
| 3294 | 3346 | } |
| 3295 | 3347 | |
| 3296 | 3348 | .frm-right-panel .accordion-section-title:before, |
| 3297 | -.frm-right-panel .accordion-section-title:after, | |
| 3298 | -#frm_new_form_modal .accordion-section-title:after | |
| 3299 | -{ | |
| 3349 | +.frm-right-panel .accordion-section-title:after { | |
| 3300 | 3350 | content: "\e913" !important; |
| 3301 | 3351 | font-family: "s11-fp" !important; |
| 3302 | 3352 | font-size: 18px; |
| 3303 | 3353 | font-variant: normal; |
| @@ -3304,12 +3354,8 @@ | ||
| 3304 | 3354 | text-rendering: auto; |
| 3305 | 3355 | vertical-align: text-top; |
| 3306 | 3356 | } |
| 3307 | 3357 | |
| 3308 | -#frm_new_form_modal .accordion-section.open .accordion-section-title:after { | |
| 3309 | - transform: rotate(90deg); | |
| 3310 | -} | |
| 3311 | - | |
| 3312 | 3358 | .frm-right-panel .accordion-section-title:after { |
| 3313 | 3359 | top: calc(50% - 10px) !important; |
| 3314 | 3360 | } |
| 3315 | 3361 | |
| @@ -3402,8 +3448,9 @@ | ||
| 3402 | 3448 | |
| 3403 | 3449 | .frm-btn-group .multiselect.dropdown-toggle { |
| 3404 | 3450 | box-sizing: border-box; |
| 3405 | 3451 | min-height: unset; |
| 3452 | + cursor: pointer; | |
| 3406 | 3453 | } |
| 3407 | 3454 | |
| 3408 | 3455 | .accordion-container .frm-dropdown-menu:before, |
| 3409 | 3456 | .accordion-container .multiselect.dropdown-toggle:before { |
| @@ -4122,8 +4169,9 @@ | ||
| 4122 | 4169 | padding: 0; |
| 4123 | 4170 | } |
| 4124 | 4171 | |
| 4125 | 4172 | .frm-alt-table { |
| 4173 | + position: relative; | |
| 4126 | 4174 | width:100%; |
| 4127 | 4175 | border-collapse:collapse; |
| 4128 | 4176 | margin-top:0.5em; |
| 4129 | 4177 | font-size:15px; |
| @@ -4128,16 +4176,32 @@ | ||
| 4128 | 4176 | margin-top:0.5em; |
| 4129 | 4177 | font-size:15px; |
| 4130 | 4178 | } |
| 4131 | 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 | + | |
| 4132 | 4191 | .frm-alt-table th { |
| 4133 | 4192 | width:200px; |
| 4134 | 4193 | } |
| 4135 | 4194 | |
| 4136 | -.frm-alt-table tr { | |
| 4195 | +.frm-alt-table tr, | |
| 4196 | +.frm-alt-table tr.frm-odd { | |
| 4137 | 4197 | background-color:transparent; |
| 4138 | 4198 | } |
| 4139 | 4199 | |
| 4200 | +.frm-alt-table tr.frm-even { | |
| 4201 | + background-color: var(--sidebar-color); | |
| 4202 | +} | |
| 4203 | + | |
| 4140 | 4204 | .frm-alt-table th, |
| 4141 | 4205 | .frm-alt-table td { |
| 4142 | 4206 | background-color:transparent; |
| 4143 | 4207 | vertical-align:top; |
| @@ -4144,12 +4208,8 @@ | ||
| 4144 | 4208 | text-align:left; |
| 4145 | 4209 | padding:20px; |
| 4146 | 4210 | } |
| 4147 | 4211 | |
| 4148 | -.frm-alt-table tr:nth-child(even) { | |
| 4149 | - background-color: var(--sidebar-color); | |
| 4150 | -} | |
| 4151 | - | |
| 4152 | 4212 | .frm-alt-table h3 { |
| 4153 | 4213 | margin-bottom: 0; |
| 4154 | 4214 | } |
| 4155 | 4215 | |
| @@ -4408,13 +4468,8 @@ | ||
| 4408 | 4468 | --border-color-active: var(--primary-500); |
| 4409 | 4469 | --border-radius: var(--small-radius); |
| 4410 | 4470 | } |
| 4411 | 4471 | |
| 4412 | -.frm_image_option_container svg { | |
| 4413 | - height: 50px; | |
| 4414 | - margin: 10px auto 0; | |
| 4415 | -} | |
| 4416 | - | |
| 4417 | 4472 | #form_show_entry_page .frm_file_link, |
| 4418 | 4473 | #form_show_entry_page .frm_image_option_container { |
| 4419 | 4474 | display: inline-flex; |
| 4420 | 4475 | flex-wrap: nowrap; |
| @@ -4444,8 +4499,12 @@ | ||
| 4444 | 4499 | #form_show_entry_page .frm_upload_label { |
| 4445 | 4500 | padding: 10px; |
| 4446 | 4501 | } |
| 4447 | 4502 | |
| 4503 | +#form_show_entry_page.frm_wrap .postbox { | |
| 4504 | + overflow: hidden; | |
| 4505 | +} | |
| 4506 | + | |
| 4448 | 4507 | .frm_image_option_container .frm_image_placeholder_icon svg{ |
| 4449 | 4508 | height: 150px; |
| 4450 | 4509 | } |
| 4451 | 4510 | |
| @@ -4489,8 +4548,14 @@ | ||
| 4489 | 4548 | #form_global_settings .frm_image_option_container svg { |
| 4490 | 4549 | max-width: calc( 100% - 20px ); |
| 4491 | 4550 | } |
| 4492 | 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 | + | |
| 4493 | 4558 | /* Show an icon on top */ |
| 4494 | 4559 | .frm_image_option_container { |
| 4495 | 4560 | position: relative; |
| 4496 | 4561 | } |
| @@ -4770,9 +4835,9 @@ | ||
| 4770 | 4835 | } |
| 4771 | 4836 | |
| 4772 | 4837 | .frm_on_label, |
| 4773 | 4838 | .frm_off_label { |
| 4774 | - color: #444444; | |
| 4839 | + color: var(--grey-700); | |
| 4775 | 4840 | } |
| 4776 | 4841 | |
| 4777 | 4842 | .frm_toggle { |
| 4778 | 4843 | position: relative; |
| @@ -4782,9 +4847,9 @@ | ||
| 4782 | 4847 | vertical-align: middle; |
| 4783 | 4848 | } |
| 4784 | 4849 | |
| 4785 | 4850 | .frm_toggle_block { |
| 4786 | - display: inline-flex; | |
| 4851 | + display: inline-flex !important; | |
| 4787 | 4852 | gap: var(--gap-sm); |
| 4788 | 4853 | align-items: center; |
| 4789 | 4854 | } |
| 4790 | 4855 | |
| @@ -5709,16 +5774,23 @@ | ||
| 5709 | 5774 | font-size: var(--text-xs); |
| 5710 | 5775 | box-shadow: none; |
| 5711 | 5776 | } |
| 5712 | 5777 | |
| 5713 | -.frm_reply_to_container, | |
| 5714 | -.frm_bcc_cc_container { | |
| 5778 | +p.frm_bcc_cc_container, | |
| 5779 | +p.frm_reply_to_container { | |
| 5715 | 5780 | float: right; |
| 5716 | - margin: -4px 0 0; | |
| 5717 | 5781 | z-index: 1; |
| 5718 | 5782 | position: relative; |
| 5719 | 5783 | } |
| 5720 | 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 | + | |
| 5721 | 5793 | .frm_email_row .frm_cancel1_icon:before { |
| 5722 | 5794 | vertical-align: bottom; |
| 5723 | 5795 | } |
| 5724 | 5796 | |
| @@ -6182,8 +6254,22 @@ | ||
| 6182 | 6254 | .frm-has-fields #frm-show-fields { |
| 6183 | 6255 | min-height: 50px; |
| 6184 | 6256 | } |
| 6185 | 6257 | |
| 6258 | +#frm_builder_page .frm-lite-credit-card-element, | |
| 6259 | +body.frm-admin-page-styles .frm-lite-credit-card-element { | |
| 6260 | + position: relative; | |
| 6261 | +} | |
| 6262 | + | |
| 6263 | +#frm_builder_page .frm-lite-credit-card-element > div, | |
| 6264 | +body.frm-admin-page-styles .frm-lite-credit-card-element > div { | |
| 6265 | + position: absolute; | |
| 6266 | + top: calc( 50% - 1px); | |
| 6267 | + transform: translateY(-50%); | |
| 6268 | + right: 10px; | |
| 6269 | + color: #d0d4dd; | |
| 6270 | +} | |
| 6271 | + | |
| 6186 | 6272 | #frm_builder_page #frm_field_group_controls { |
| 6187 | 6273 | position: absolute; |
| 6188 | 6274 | padding: 5px; |
| 6189 | 6275 | border-radius: 4px 4px 0 0; |
| @@ -6452,11 +6538,8 @@ | ||
| 6452 | 6538 | .frm-page-break:before, |
| 6453 | 6539 | .frm-page-break:after { |
| 6454 | 6540 | content: ''; |
| 6455 | 6541 | position: absolute; |
| 6456 | - top: -4px; | |
| 6457 | - width: 4px; | |
| 6458 | - height: 4px; | |
| 6459 | 6542 | background-color: #fff; |
| 6460 | 6543 | border-radius: 50%; |
| 6461 | 6544 | border: 1px solid var(--primary-700); |
| 6462 | 6545 | text-rendering: auto; |
| @@ -6462,23 +6545,11 @@ | ||
| 6462 | 6545 | text-rendering: auto; |
| 6463 | 6546 | -webkit-font-smoothing: antialiased; |
| 6464 | 6547 | } |
| 6465 | 6548 | |
| 6466 | -.frm-page-break:after { | |
| 6467 | - right: 0; | |
| 6468 | -} | |
| 6469 | - | |
| 6470 | -#frm-fake-page { | |
| 6471 | - padding: 0 5px; | |
| 6472 | -} | |
| 6473 | - | |
| 6474 | -#frm-fake-page .frm-page-break, | |
| 6475 | -#frm-fake-page .frm-page-break:before, | |
| 6476 | -#frm-fake-page .frm-page-break:after { | |
| 6477 | - border-color: var(--grey); | |
| 6478 | -} | |
| 6479 | - | |
| 6480 | 6549 | .edit_field_type_divider:before { |
| 6550 | + font-family: 's11-fp'; | |
| 6551 | + content: '\f1dc'; | |
| 6481 | 6552 | width: 20px; |
| 6482 | 6553 | height: 20px; |
| 6483 | 6554 | left: -11px; |
| 6484 | 6555 | top: 0; |
| @@ -6487,13 +6558,8 @@ | ||
| 6487 | 6558 | color: #fff; |
| 6488 | 6559 | font-size: 13px; |
| 6489 | 6560 | } |
| 6490 | 6561 | |
| 6491 | -.edit_field_type_divider:before{ | |
| 6492 | - font-family: 's11-fp'; | |
| 6493 | - content: '\f1dc'; | |
| 6494 | -} | |
| 6495 | - | |
| 6496 | 6562 | .repeat_section.edit_field_type_divider:before { |
| 6497 | 6563 | font-family: 's11-fp'; |
| 6498 | 6564 | content: '\f363'; |
| 6499 | 6565 | } |
| @@ -6498,15 +6564,35 @@ | ||
| 6498 | 6564 | content: '\f363'; |
| 6499 | 6565 | } |
| 6500 | 6566 | |
| 6501 | 6567 | .edit_field_type_divider:after { |
| 6568 | + width: 5px; | |
| 6569 | + height: 5px; | |
| 6502 | 6570 | left: -4px; |
| 6503 | - bottom: 0; | |
| 6504 | - top: auto; | |
| 6571 | + bottom: -4px; | |
| 6505 | 6572 | transition: all 0.4s ease-out; |
| 6506 | 6573 | } |
| 6507 | 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 | +} | |
| 6508 | 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 | + | |
| 6509 | 6595 | .frm_sorting li.edit_field_type_divider:hover, |
| 6510 | 6596 | .frm_sorting li.edit_field_type_divider.selected { |
| 6511 | 6597 | border-left-color: var(--primary-500); |
| 6512 | 6598 | } |
| @@ -6528,9 +6614,10 @@ | ||
| 6528 | 6614 | } |
| 6529 | 6615 | |
| 6530 | 6616 | .frm-page-break .frm-collapse-page.button { |
| 6531 | 6617 | margin-left: 46%; |
| 6532 | - margin-top: calc( -28px / 2 ); | |
| 6618 | + margin-top: calc( -32px / 2 ); | |
| 6619 | + padding: 6px 12px !important; | |
| 6533 | 6620 | } |
| 6534 | 6621 | |
| 6535 | 6622 | #frm-fake-page.frm-page-collapsed { |
| 6536 | 6623 | margin-bottom: 0; |
| @@ -6541,20 +6628,8 @@ | ||
| 6541 | 6628 | overflow: visible !important; |
| 6542 | 6629 | margin-bottom: var(--gap-lg); |
| 6543 | 6630 | } |
| 6544 | 6631 | |
| 6545 | -.frm-page-collapsed:after { | |
| 6546 | - content: ''; | |
| 6547 | - display: block; | |
| 6548 | - border: 1px dashed var(--grey-300); | |
| 6549 | - border-left: none; | |
| 6550 | - border-right: none; | |
| 6551 | - height: 6px; | |
| 6552 | - position: absolute; | |
| 6553 | - width: calc( 100% - 10px ); | |
| 6554 | - bottom: -15px; | |
| 6555 | -} | |
| 6556 | - | |
| 6557 | 6632 | .frm-collapse-page .frmsvg, |
| 6558 | 6633 | .frm-collapse-page .frm_arrowdown6_icon { |
| 6559 | 6634 | width: var(--text-sm); |
| 6560 | 6635 | height: var(--text-sm); |
| @@ -6561,10 +6636,15 @@ | ||
| 6561 | 6636 | font-size: var(--text-sm); |
| 6562 | 6637 | text-align: center; |
| 6563 | 6638 | margin-left: 2px; |
| 6564 | 6639 | color: currentColor; |
| 6640 | + transition: transform 300ms ease-in-out; | |
| 6565 | 6641 | } |
| 6566 | 6642 | |
| 6643 | +.frm-page-collapsed .frm-collapse-page .frmsvg { | |
| 6644 | + transform: rotate(180deg); | |
| 6645 | +} | |
| 6646 | + | |
| 6567 | 6647 | #frm-fake-page .frm_arrowdown6_icon { |
| 6568 | 6648 | color: currentColor; |
| 6569 | 6649 | } |
| 6570 | 6650 | |
| @@ -6653,8 +6733,12 @@ | ||
| 6653 | 6733 | width: 90%; |
| 6654 | 6734 | top: 0; |
| 6655 | 6735 | } |
| 6656 | 6736 | |
| 6737 | +.frm-empty-fields .frm_updated_message ~ .frm_no_fields { | |
| 6738 | + top: 60px; | |
| 6739 | +} | |
| 6740 | + | |
| 6657 | 6741 | .frm-has-fields .frm_no_fields { |
| 6658 | 6742 | display: none; |
| 6659 | 6743 | } |
| 6660 | 6744 | |
| @@ -6726,14 +6810,8 @@ | ||
| 6726 | 6810 | .frm_prod_options_heading.frm_prod_user_def { |
| 6727 | 6811 | display: none; |
| 6728 | 6812 | } |
| 6729 | 6813 | |
| 6730 | -#frm-preview-block { | |
| 6731 | - height: 400px; | |
| 6732 | - overflow: scroll; | |
| 6733 | - margin: 0; | |
| 6734 | -} | |
| 6735 | - | |
| 6736 | 6814 | .plugin-card-bottom .frm-trash { |
| 6737 | 6815 | color: #a00; |
| 6738 | 6816 | } |
| 6739 | 6817 | |
| @@ -7067,26 +7145,33 @@ | ||
| 7067 | 7145 | #frm-show-fields .frm-with-left-icon i { |
| 7068 | 7146 | padding-top: 10px; |
| 7069 | 7147 | } |
| 7070 | 7148 | |
| 7149 | +#wpwrap .frm-search .frm_search_icon { | |
| 7150 | + padding-left: 18px; | |
| 7151 | + padding-right: 12px; | |
| 7152 | +} | |
| 7153 | + | |
| 7071 | 7154 | .frm-search input[name="s"], |
| 7072 | 7155 | .frm-search .dropdown-toggle, |
| 7073 | 7156 | .frm-search input.frm-search-input { |
| 7074 | 7157 | border-radius: var(--small-radius); |
| 7075 | - padding-left: 33px !important; | |
| 7076 | 7158 | border-color: var(--grey-300); |
| 7077 | 7159 | } |
| 7078 | 7160 | |
| 7079 | -.frm_wrap .frm-search .frm-search-input, | |
| 7080 | -.frm-modal .frm-search .frm-search-input, | |
| 7081 | 7161 | .frm-white-body .search-box input[name="s"], /* Views search */ |
| 7082 | -.frm_wrap .frm-search input[name="s"] { | |
| 7083 | - padding-top: 3px; | |
| 7084 | - padding-bottom: 3px; | |
| 7162 | +#wpwrap .frm-search input[type="search"] { | |
| 7085 | 7163 | flex: 1; |
| 7086 | 7164 | font-size: var(--text-sm); |
| 7165 | + line-height: var(--text-lg); | |
| 7166 | + padding: var(--gap-xs); | |
| 7087 | 7167 | } |
| 7088 | 7168 | |
| 7169 | +#wpwrap .frm-search input[type="search"], | |
| 7170 | +#wpwrap .frm-search input[type="text"] { | |
| 7171 | + padding-left: var(--gap-xl) !important; | |
| 7172 | +} | |
| 7173 | + | |
| 7089 | 7174 | .frm-search .dropdown-toggle { |
| 7090 | 7175 | width: 100%; |
| 7091 | 7176 | float: none; |
| 7092 | 7177 | max-width: 200px; |
| @@ -7091,8 +7176,9 @@ | ||
| 7091 | 7176 | float: none; |
| 7092 | 7177 | max-width: 200px; |
| 7093 | 7178 | background: transparent; |
| 7094 | 7179 | padding: 7px; |
| 7180 | + padding-left: 33px !important; | |
| 7095 | 7181 | min-height: 32px; |
| 7096 | 7182 | text-align: inherit; |
| 7097 | 7183 | overflow: hidden; |
| 7098 | 7184 | text-overflow: ellipsis; |
| @@ -7350,9 +7436,8 @@ | ||
| 7350 | 7436 | .frm-info-modal p, |
| 7351 | 7437 | .frm-info-modal, |
| 7352 | 7438 | .settings-lite-cta a, |
| 7353 | 7439 | .settings-lite-cta ul, |
| 7354 | -.settings-lite-cta p, | |
| 7355 | 7440 | .settings-lite-cta { |
| 7356 | 7441 | color: #666; |
| 7357 | 7442 | font-size: var(--text-md); |
| 7358 | 7443 | box-shadow: none !important; |
| @@ -7368,9 +7453,9 @@ | ||
| 7368 | 7453 | } |
| 7369 | 7454 | |
| 7370 | 7455 | .frm-info-modal .postbox .inside, |
| 7371 | 7456 | .settings-lite-cta .postbox .inside { |
| 7372 | - padding: 20px 40px; | |
| 7457 | + padding: var(--gap-md); | |
| 7373 | 7458 | margin: 0; |
| 7374 | 7459 | } |
| 7375 | 7460 | |
| 7376 | 7461 | .cta-inside a { |
| @@ -7808,9 +7893,9 @@ | ||
| 7808 | 7893 | |
| 7809 | 7894 | .frm-views-editor-body .ui-widget-overlay, |
| 7810 | 7895 | .frm-white-body .ui-widget-overlay, |
| 7811 | 7896 | .toplevel_page_formidable .ui-widget-overlay, |
| 7812 | -.formidable_page_formidable-payments .ui-widget-overlay { | |
| 7897 | +body[class*=formidable-payments] .ui-widget-overlay { | |
| 7813 | 7898 | position: fixed; |
| 7814 | 7899 | width: 100%; |
| 7815 | 7900 | height: 100%; |
| 7816 | 7901 | top: 0; |
| @@ -7821,21 +7906,26 @@ | ||
| 7821 | 7906 | opacity: .5; |
| 7822 | 7907 | z-index: 2; |
| 7823 | 7908 | } |
| 7824 | 7909 | |
| 7825 | -#frm_upgrade_modal { | |
| 7826 | - text-align: center; | |
| 7910 | +.frm-circled-icon { | |
| 7911 | + width: 60px; | |
| 7912 | + height: 60px; | |
| 7913 | + border-radius: 50%; | |
| 7914 | + background-color: var(--primary-25); | |
| 7827 | 7915 | } |
| 7828 | 7916 | |
| 7829 | -#frm_upgrade_modal .frm_lock_icon { | |
| 7830 | - display: block; | |
| 7831 | - margin: 0 auto; | |
| 7832 | - height: 35px; | |
| 7833 | - width: 35px; | |
| 7834 | - color: #c4c4c4; | |
| 7835 | - padding-bottom: 20px; | |
| 7917 | +.frm-circled-icon .frmsvg { | |
| 7918 | + width: 21px; | |
| 7919 | + height: 24px; | |
| 7836 | 7920 | } |
| 7837 | 7921 | |
| 7922 | +.frm-circled-icon .frmsvg use { | |
| 7923 | + color: var(--primary-500); | |
| 7924 | + } | |
| 7925 | + | |
| 7926 | + | |
| 7927 | + | |
| 7838 | 7928 | .frm-upgrade-message img { |
| 7839 | 7929 | max-width: 100%; |
| 7840 | 7930 | } |
| 7841 | 7931 | |
| @@ -8063,8 +8153,9 @@ | ||
| 8063 | 8153 | .frm-white-body .wrap input[type="text"], /* Cover Views pages */ |
| 8064 | 8154 | .frm-white-body .wrap input[type="search"], |
| 8065 | 8155 | .frm-white-body .wrap input[type="number"], |
| 8066 | 8156 | .frm-white-body .wrap select, |
| 8157 | +#frm-form-templates-modal select, | |
| 8067 | 8158 | .frm-white-body .wrap textarea, |
| 8068 | 8159 | button.frm_choose_image_box, |
| 8069 | 8160 | #titlediv input[type="text"], |
| 8070 | 8161 | .frm-fields button.btn, |
| @@ -8100,8 +8191,9 @@ | ||
| 8100 | 8191 | .frm-white-body select:focus, |
| 8101 | 8192 | .frm_wrap input:focus, |
| 8102 | 8193 | .frm_wrap select:focus, |
| 8103 | 8194 | .wp-core-ui .frm_wrap select:focus, |
| 8195 | +#frm-form-templates-modal select:focus, | |
| 8104 | 8196 | .frm-btn-group .multiselect.dropdown-toggle:focus, |
| 8105 | 8197 | .frm_wrap textarea:focus { |
| 8106 | 8198 | border-color: var(--primary-500) !important; |
| 8107 | 8199 | box-shadow: none !important; |
| @@ -8120,9 +8212,10 @@ | ||
| 8120 | 8212 | .frm_wrap select { |
| 8121 | 8213 | padding: 2px; |
| 8122 | 8214 | } |
| 8123 | 8215 | |
| 8124 | -.wp-admin .frm_wrap select { | |
| 8216 | +.wp-admin .frm_wrap select, | |
| 8217 | +#frm-form-templates-modal select { | |
| 8125 | 8218 | max-width: 100%; |
| 8126 | 8219 | } |
| 8127 | 8220 | |
| 8128 | 8221 | .frm_form_field.frm_scroll_box .frm_opt_container { |
| @@ -8155,9 +8248,10 @@ | ||
| 8155 | 8248 | } |
| 8156 | 8249 | |
| 8157 | 8250 | #postbox-container-2 select, |
| 8158 | 8251 | .wp-admin .frm_wrap select, |
| 8159 | -.frm_wrap .frm_form_builder select { | |
| 8252 | +.frm_wrap .frm_form_builder select, | |
| 8253 | +#frm-form-templates-modal select { | |
| 8160 | 8254 | height: auto; |
| 8161 | 8255 | background-position: right 11px top 55%; |
| 8162 | 8256 | } |
| 8163 | 8257 | |
| @@ -8270,8 +8364,41 @@ | ||
| 8270 | 8364 | .windows ::-webkit-scrollbar-corner { |
| 8271 | 8365 | background: transparent; |
| 8272 | 8366 | } |
| 8273 | 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 | + | |
| 8274 | 8401 | /* RTL */ |
| 8275 | 8402 | .rtl h3 { |
| 8276 | 8403 | font-weight: inherit !important; |
| 8277 | 8404 | } |
| @@ -8348,10 +8475,10 @@ | ||
| 8348 | 8475 | right: auto; |
| 8349 | 8476 | left: 5px; |
| 8350 | 8477 | } |
| 8351 | 8478 | |
| 8352 | -.rtl .frm_reply_to_container, | |
| 8353 | -.rtl .frm_bcc_cc_container { | |
| 8479 | +.rtl p.frm_reply_to_container, | |
| 8480 | +.rtl p.frm_bcc_cc_container { | |
| 8354 | 8481 | float: left; |
| 8355 | 8482 | } |
| 8356 | 8483 | |
| 8357 | 8484 | .rtl .frm-default-switcher { |
| @@ -8459,16 +8586,8 @@ | ||
| 8459 | 8586 | .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container, |
| 8460 | 8587 | .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container { |
| 8461 | 8588 | left: 36px; |
| 8462 | 8589 | } |
| 8463 | - | |
| 8464 | - .frm-admin-footer-links { | |
| 8465 | - padding-left: 36px; | |
| 8466 | - } | |
| 8467 | - | |
| 8468 | - body.rtl .frm-admin-footer-links { | |
| 8469 | - padding-right: 36px; | |
| 8470 | - } | |
| 8471 | 8590 | } |
| 8472 | 8591 | |
| 8473 | 8592 | @media only screen and (max-width: 850px) { |
| 8474 | 8593 | #frm_bs_dropdown { |
| @@ -8709,15 +8828,14 @@ | ||
| 8709 | 8828 | #wp-content-media-buttons a.frm_insert_form { |
| 8710 | 8829 | padding: 0 var(--gap-sm); |
| 8711 | 8830 | } |
| 8712 | 8831 | |
| 8713 | - .frm-admin-footer-links { | |
| 8714 | - 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; | |
| 8715 | 8837 | } |
| 8716 | - | |
| 8717 | - body.rtl .frm-admin-footer-links { | |
| 8718 | - padding-right: 0; | |
| 8719 | - } | |
| 8720 | 8838 | } |
| 8721 | 8839 | |
| 8722 | 8840 | @media only screen and (max-width: 700px) { |
| 8723 | 8841 | .frm-white-body, |
| @@ -9161,43 +9279,16 @@ | ||
| 9161 | 9279 | .frm-ready-made-solution:not(.frm-search-result) { |
| 9162 | 9280 | display: none !important; |
| 9163 | 9281 | } |
| 9164 | 9282 | |
| 9165 | -#frm_new_form_modal .frm-ready-made-solution { | |
| 9166 | - padding: var(--gap-xs) !important; | |
| 9167 | - margin: var(--gap-xs) 0 var(--gap-sm); | |
| 9168 | - display: flex; | |
| 9169 | - gap: var(--gap-sm); | |
| 9170 | - position: relative; | |
| 9171 | - overflow: visible !important; | |
| 9283 | +#frm_leave_email_wrapper .frmsvg { | |
| 9284 | + top: 0; | |
| 9172 | 9285 | } |
| 9173 | 9286 | |
| 9174 | -#frm_new_form_modal .frm-ready-made-solution:after { | |
| 9175 | - width: 100%; | |
| 9176 | - height: 1px; | |
| 9177 | - background: var(--grey-300); | |
| 9178 | - content: ''; | |
| 9179 | - position: absolute; | |
| 9180 | - bottom: -10px; | |
| 9181 | - left: 0; | |
| 9287 | +#frm-add-my-email-address { | |
| 9288 | + margin-top: 30px; | |
| 9182 | 9289 | } |
| 9183 | 9290 | |
| 9184 | -#frm_new_form_modal .frm-ready-made-solution.frm-search-result:last-of-type::after { | |
| 9185 | - content: none; | |
| 9186 | -} | |
| 9187 | - | |
| 9188 | -#frm_new_form_modal .frm-solution-details { | |
| 9189 | - flex: 1; | |
| 9190 | - display: flex; | |
| 9191 | - gap: var(--gap-2xs); | |
| 9192 | - flex-direction: column; | |
| 9193 | -} | |
| 9194 | - | |
| 9195 | -#frm_new_form_modal .frm-ready-made-solution > div:first-child { | |
| 9196 | - width: 30%; | |
| 9197 | - text-align: center; | |
| 9198 | -} | |
| 9199 | - | |
| 9200 | 9291 | .frm-ready-made-solution h3 ~ a { |
| 9201 | 9292 | color: var(--primary-500); |
| 9202 | 9293 | } |
| 9203 | 9294 | |
| @@ -9241,4 +9332,213 @@ | ||
| 9241 | 9332 | .frm_on_submit_type input[type="radio"]:checked + label svg { |
| 9242 | 9333 | color: var(--primary-color); |
| 9243 | 9334 | } |
| 9244 | 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 */ | |
