| @@ -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,8 +59,9 @@ | ||
| 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); |
| @@ -94,8 +99,14 @@ | ||
| 94 | 99 | color: var(--grey-500); |
| 95 | 100 | line-height: var(--leading); |
| 96 | 101 | } |
| 97 | 102 | |
| 103 | +.frm-white-body p, | |
| 104 | +.frm_wrap p { | |
| 105 | + margin: var(--gap-sm) 0; | |
| 106 | +} | |
| 107 | + | |
| 108 | + | |
| 98 | 109 | body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset { |
| 99 | 110 | --fieldset-padding: 15px 0; |
| 100 | 111 | } |
| 101 | 112 | |
| @@ -139,8 +150,13 @@ | ||
| 139 | 150 | .frm-full-screen .wp-header-end { |
| 140 | 151 | display: none; |
| 141 | 152 | } |
| 142 | 153 | |
| 154 | +body.frm-white-body:not(.frm-full-screen) .mce-fullscreen { | |
| 155 | + top: 32px; | |
| 156 | + left: 160px; | |
| 157 | +} | |
| 158 | + | |
| 143 | 159 | .frm-full-screen #wpbody-content, |
| 144 | 160 | .frm-full-screen #wpbody, |
| 145 | 161 | .frm-full-screen #wpcontent { |
| 146 | 162 | padding: 0; |
| @@ -153,10 +169,9 @@ | ||
| 153 | 169 | padding-bottom: 0; |
| 154 | 170 | } |
| 155 | 171 | |
| 156 | 172 | .post-new-php.post-type-frm_display #screen-meta-links, |
| 157 | -.post-php.post-type-frm_display #screen-meta-links, | |
| 158 | -.frm-white-body #wpfooter { | |
| 173 | +.post-php.post-type-frm_display #screen-meta-links { | |
| 159 | 174 | display: none; |
| 160 | 175 | } |
| 161 | 176 | |
| 162 | 177 | .frm-white-body #screen-meta-links { |
| @@ -326,8 +341,9 @@ | ||
| 326 | 341 | |
| 327 | 342 | .frm-white-body .wrap h2, |
| 328 | 343 | .frm-white-body h2 { |
| 329 | 344 | font-size: var(--text-lg); |
| 345 | + font-weight: 500; | |
| 330 | 346 | } |
| 331 | 347 | |
| 332 | 348 | .frm-white-body .wrap h3, |
| 333 | 349 | .frm-white-body h3 { |
| @@ -339,8 +355,35 @@ | ||
| 339 | 355 | font-size: var(--text-sm); |
| 340 | 356 | font-weight: 500; |
| 341 | 357 | } |
| 342 | 358 | |
| 359 | +/* Error modal */ | |
| 360 | +#frm_error_modal .frm_lock_simple { | |
| 361 | + padding: 20px; | |
| 362 | + border-radius: 50%; | |
| 363 | + background-color: var(--primary-25); | |
| 364 | + display: inline-block; | |
| 365 | +} | |
| 366 | + | |
| 367 | +#frm_error_modal #frm_lock_simple { | |
| 368 | + color: var(--primary-500); | |
| 369 | +} | |
| 370 | + | |
| 371 | +#frm_error_modal .frm-modal-title { | |
| 372 | + display: block; | |
| 373 | +} | |
| 374 | + | |
| 375 | +#frm_error_modal .frm-modal-title h2 { | |
| 376 | + font-weight: 600; | |
| 377 | + font-size: var(--text-xl); | |
| 378 | + margin: 0; | |
| 379 | +} | |
| 380 | + | |
| 381 | +#frm_error_modal .frm_modal_content { | |
| 382 | + padding: var(--gap-md); | |
| 383 | + color: var(--grey-900); | |
| 384 | +} | |
| 385 | + | |
| 343 | 386 | /* Override CSS in Views plugin. */ |
| 344 | 387 | .frm-views-editor-body .frm_page_container #frm_top_bar h1 { |
| 345 | 388 | padding: 0 !important; |
| 346 | 389 | color: var(--grey-900); |
| @@ -670,9 +713,11 @@ | ||
| 670 | 713 | position: static; |
| 671 | 714 | } |
| 672 | 715 | |
| 673 | 716 | .auto-fold.frm-admin-page-styles .frm_page_container, |
| 674 | -.auto-fold .frm_wrap .frm_page_container { | |
| 717 | +.auto-fold .frm_wrap .frm_page_container, | |
| 718 | +.frm-unfold.frm-admin-page-styles .frm_page_container, | |
| 719 | +.frm-unfold .frm_wrap .frm_page_container { | |
| 675 | 720 | left: 160px; |
| 676 | 721 | } |
| 677 | 722 | |
| 678 | 723 | .folded.frm-admin-page-styles .frm_page_container, |
| @@ -705,9 +750,9 @@ | ||
| 705 | 750 | } |
| 706 | 751 | |
| 707 | 752 | .columns-2 .frm-right-panel + div { |
| 708 | 753 | padding-bottom: var(--gap-md); |
| 709 | - border-left: 1px solid var(--sidebar-hover); | |
| 754 | + border-left: 1px solid var(--grey-300); | |
| 710 | 755 | } |
| 711 | 756 | |
| 712 | 757 | .columns-2 .frm-right-panel + div, |
| 713 | 758 | .frm_wrap #post-body-content { |
| @@ -816,9 +861,10 @@ | ||
| 816 | 861 | z-index: 100; |
| 817 | 862 | } |
| 818 | 863 | |
| 819 | 864 | #form_global_settings .columns-2 .frm-right-panel, |
| 820 | -#form_settings_page .columns-2 .frm-right-panel { | |
| 865 | +#form_settings_page .columns-2 .frm-right-panel, | |
| 866 | +#frm-form-templates-page .frm-right-panel { | |
| 821 | 867 | flex: 0 0 var(--small-sidebar); |
| 822 | 868 | width: var(--small-sidebar); |
| 823 | 869 | min-width: var(--small-sidebar); |
| 824 | 870 | } |
| @@ -1087,12 +1133,48 @@ | ||
| 1087 | 1133 | #postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown { |
| 1088 | 1134 | position: relative; |
| 1089 | 1135 | } |
| 1090 | 1136 | |
| 1137 | +/* Admin footer */ | |
| 1091 | 1138 | .frm-white-body #footer-upgrade { |
| 1092 | 1139 | display: none; |
| 1093 | 1140 | } |
| 1094 | 1141 | |
| 1142 | +.frm-admin-footer-links, | |
| 1143 | +.frm-admin-footer-links-nav, | |
| 1144 | +.frm-admin-footer-links-socials { | |
| 1145 | + display: flex; | |
| 1146 | + justify-content: center; | |
| 1147 | +} | |
| 1148 | + | |
| 1149 | +.frm-admin-footer-links { | |
| 1150 | + gap: var(--gap-2xs); | |
| 1151 | + flex-direction: column; | |
| 1152 | + text-align: center; | |
| 1153 | + padding: var(--gap-xl) 0 var(--gap-lg); | |
| 1154 | + font-size: var(--text-xs); | |
| 1155 | + color: var(--grey-400); | |
| 1156 | +} | |
| 1157 | + | |
| 1158 | +body.frm-hidden-overflow { | |
| 1159 | + height: 100%; | |
| 1160 | + overflow: hidden; | |
| 1161 | +} | |
| 1162 | + | |
| 1163 | +.frm-admin-footer-links-nav { | |
| 1164 | + gap: var(--gap-2xs); | |
| 1165 | + margin-bottom: var(--gap-xs); | |
| 1166 | +} | |
| 1167 | + | |
| 1168 | +.frm-admin-footer-links-socials { | |
| 1169 | + gap: var(--gap-xs); | |
| 1170 | +} | |
| 1171 | + | |
| 1172 | +.frm-admin-footer-links-socials a { | |
| 1173 | + color: var(--grey-400); | |
| 1174 | +} | |
| 1175 | +/* End Admin footer */ | |
| 1176 | + | |
| 1095 | 1177 | .frm_list_entry_page h2 { |
| 1096 | 1178 | float: left; |
| 1097 | 1179 | } |
| 1098 | 1180 | |
| @@ -1278,14 +1360,21 @@ | ||
| 1278 | 1360 | height: auto !important; |
| 1279 | 1361 | padding: 9px 18px !important; |
| 1280 | 1362 | } |
| 1281 | 1363 | |
| 1364 | +.frm-button-secondary.frm-small, | |
| 1365 | +.frm-button-primary.frm-small { | |
| 1366 | + font-size: var(--text-xs) !important; | |
| 1367 | + height: auto !important; | |
| 1368 | + padding: var(--gap-2xs) 12px !important; | |
| 1369 | +} | |
| 1370 | + | |
| 1282 | 1371 | .frm-button-primary i:before { |
| 1283 | 1372 | color: #fff; |
| 1284 | 1373 | } |
| 1285 | 1374 | |
| 1286 | -.wp-core-ui .button-primary.frm-button-primary:hover, | |
| 1287 | -.frm-button-primary:hover { | |
| 1375 | +.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover, | |
| 1376 | +.frm-button-primary:not([disabled]):hover { | |
| 1288 | 1377 | background: var(--primary-700) !important; |
| 1289 | 1378 | border-color: var(--primary-700) !important; |
| 1290 | 1379 | } |
| 1291 | 1380 | |
| @@ -1449,9 +1538,8 @@ | ||
| 1449 | 1538 | } |
| 1450 | 1539 | |
| 1451 | 1540 | .frm-m-12 { |
| 1452 | 1541 | margin: var(--gap-2xl); |
| 1453 | - | |
| 1454 | 1542 | } |
| 1455 | 1543 | |
| 1456 | 1544 | .frm_no_top_margin, /* deprecated */ |
| 1457 | 1545 | .frm-mt-0 { |
| @@ -1457,13 +1545,37 @@ | ||
| 1457 | 1545 | .frm-mt-0 { |
| 1458 | 1546 | margin-top: 0 !important; |
| 1459 | 1547 | } |
| 1460 | 1548 | |
| 1549 | +.frm-mt-xs { | |
| 1550 | + margin-top: var(--gap-xs) !important; | |
| 1551 | +} | |
| 1552 | + | |
| 1553 | +.frm-mt-sm { | |
| 1554 | + margin-top: var(--gap-sm) !important; | |
| 1555 | +} | |
| 1556 | + | |
| 1557 | +.frm-mt-md { | |
| 1558 | + margin-top: var(--gap-md) !important; | |
| 1559 | +} | |
| 1560 | + | |
| 1561 | +.frm-mt-auto { | |
| 1562 | + margin-top: auto !important; | |
| 1563 | +} | |
| 1564 | + | |
| 1461 | 1565 | .frm_no_bottom_margin, /* deprecated */ |
| 1462 | 1566 | .frm-mb-0 { |
| 1463 | 1567 | margin-bottom: 0 !important; |
| 1464 | 1568 | } |
| 1465 | 1569 | |
| 1570 | +.frm-mb-2xs { | |
| 1571 | + margin-bottom: var(--gap-2xs) !important; | |
| 1572 | +} | |
| 1573 | + | |
| 1574 | +.frm-mb-xs { | |
| 1575 | + margin-bottom: var(--gap-xs) !important; | |
| 1576 | +} | |
| 1577 | + | |
| 1466 | 1578 | .frm-mb-sm { |
| 1467 | 1579 | margin-bottom: var(--gap-sm) !important; |
| 1468 | 1580 | } |
| 1469 | 1581 | |
| @@ -1474,37 +1586,93 @@ | ||
| 1474 | 1586 | .frm-mb-lg { |
| 1475 | 1587 | margin-bottom: var(--gap-lg) !important; |
| 1476 | 1588 | } |
| 1477 | 1589 | |
| 1590 | +.frm-ml-auto { | |
| 1591 | + margin-left: auto; | |
| 1592 | +} | |
| 1593 | + | |
| 1478 | 1594 | .frm-mx-sm { |
| 1479 | 1595 | margin-left: var(--gap-sm) !important; |
| 1480 | 1596 | margin-right: var(--gap-sm) !important; |
| 1481 | 1597 | } |
| 1482 | 1598 | |
| 1599 | +.frm-p-0 { | |
| 1600 | + padding: 0; | |
| 1601 | +} | |
| 1602 | + | |
| 1483 | 1603 | .frm-p-1 { |
| 1484 | 1604 | padding: 4px; |
| 1485 | 1605 | } |
| 1486 | 1606 | |
| 1607 | +.frm-p-sm, | |
| 1487 | 1608 | .frm-p-4 { |
| 1488 | - padding: var(--gap-sm); | |
| 1609 | + padding: var(--gap-sm) !important; | |
| 1489 | 1610 | } |
| 1490 | 1611 | |
| 1491 | -.frm-p-6 { | |
| 1492 | - padding: var(--gap-md); | |
| 1612 | +.frm-p-6, | |
| 1613 | +.frm-p-md { | |
| 1614 | + padding: var(--gap-md) !important; | |
| 1493 | 1615 | } |
| 1494 | 1616 | |
| 1617 | +.frm-py-0 { | |
| 1618 | + padding-top: 0 !important; | |
| 1619 | + padding-bottom: 0 !important; | |
| 1620 | +} | |
| 1621 | + | |
| 1622 | +.frm-pt-sm { | |
| 1623 | + padding-top: var(--gap-sm) !important; | |
| 1624 | +} | |
| 1625 | + | |
| 1626 | +.frm-pt-xl { | |
| 1627 | + padding-top: var(--gap-xl) !important; | |
| 1628 | +} | |
| 1629 | + | |
| 1630 | +.frm-pb-md { | |
| 1631 | + padding-bottom: var(--gap-md) !important; | |
| 1632 | +} | |
| 1633 | + | |
| 1634 | +.frm-px-md { | |
| 1635 | + padding-right: var(--gap-md) !important; | |
| 1636 | + padding-left: var(--gap-md) !important; | |
| 1637 | +} | |
| 1638 | + | |
| 1639 | +.frm-text-xs { | |
| 1640 | + font-size: var(--text-xs) !important; | |
| 1641 | +} | |
| 1642 | + | |
| 1643 | +.frm-text-sm { | |
| 1644 | + font-size: var(--text-sm) !important; | |
| 1645 | +} | |
| 1646 | + | |
| 1495 | 1647 | .frm-text-md { |
| 1496 | - font-size: var(--text-md); | |
| 1648 | + font-size: var(--text-md) !important; | |
| 1497 | 1649 | } |
| 1498 | 1650 | |
| 1499 | 1651 | .frm-text-lg { |
| 1500 | - font-size: var(--text-lg); | |
| 1652 | + font-size: var(--text-lg) !important; | |
| 1501 | 1653 | } |
| 1502 | 1654 | |
| 1503 | 1655 | .frm-text-xl { |
| 1504 | - font-size: var(--text-xl); | |
| 1656 | + font-size: var(--text-xl) !important; | |
| 1505 | 1657 | } |
| 1506 | 1658 | |
| 1659 | +.frm-capitalize { | |
| 1660 | + text-transform: capitalize; | |
| 1661 | +} | |
| 1662 | + | |
| 1663 | +.frm-font-medium { | |
| 1664 | + font-weight: 500 !important; | |
| 1665 | +} | |
| 1666 | + | |
| 1667 | +.frm-font-semibold { | |
| 1668 | + font-weight: 600 !important; | |
| 1669 | +} | |
| 1670 | + | |
| 1671 | +.frm-rounded-sm { | |
| 1672 | + border-radius: var(--small-radius) !important; | |
| 1673 | +} | |
| 1674 | + | |
| 1507 | 1675 | .frm-w-auto { |
| 1508 | 1676 | width: auto !important; |
| 1509 | 1677 | } |
| 1510 | 1678 | |
| @@ -1511,13 +1679,50 @@ | ||
| 1511 | 1679 | .frm-w-full { |
| 1512 | 1680 | width: 100% !important; |
| 1513 | 1681 | } |
| 1514 | 1682 | |
| 1683 | +.frm_block, /* deprecated */ | |
| 1684 | +.frm-block { | |
| 1685 | + display: block; | |
| 1686 | +} | |
| 1687 | + | |
| 1688 | +.frm_inline { | |
| 1689 | + display: inline; | |
| 1690 | +} | |
| 1691 | + | |
| 1692 | +.frm_inline_block { | |
| 1693 | + display: inline-block !important; | |
| 1694 | +} | |
| 1695 | + | |
| 1696 | +.frm-flex { | |
| 1697 | + display: flex; | |
| 1698 | +} | |
| 1699 | + | |
| 1700 | +.frm_hidden, | |
| 1701 | +.js .frm-hide-js { | |
| 1702 | + display: none; | |
| 1703 | +} | |
| 1704 | + | |
| 1515 | 1705 | .frm-flex-box { |
| 1516 | 1706 | display: flex; |
| 1517 | 1707 | gap: var(--gap-sm); |
| 1518 | 1708 | } |
| 1519 | 1709 | |
| 1710 | +.frm-flex-col { | |
| 1711 | + display: flex; | |
| 1712 | + flex-direction: column; | |
| 1713 | +} | |
| 1714 | + | |
| 1715 | +.frm-flex-center { | |
| 1716 | + display: flex; | |
| 1717 | + justify-content: center; | |
| 1718 | + align-items: center; | |
| 1719 | +} | |
| 1720 | + | |
| 1721 | +.frm-gap-0 { | |
| 1722 | + gap: 0 !important; | |
| 1723 | +} | |
| 1724 | + | |
| 1520 | 1725 | .frm-gap-xs { |
| 1521 | 1726 | gap: var(--gap-xs); |
| 1522 | 1727 | } |
| 1523 | 1728 | |
| @@ -1528,12 +1733,28 @@ | ||
| 1528 | 1733 | .frm-gap-md { |
| 1529 | 1734 | gap: var(--gap-md); |
| 1530 | 1735 | } |
| 1531 | 1736 | |
| 1737 | +.frm-gap-xl { | |
| 1738 | + gap: var(--gap-xl); | |
| 1739 | +} | |
| 1740 | + | |
| 1741 | +.frm-justify-center { | |
| 1742 | + justify-content: center; | |
| 1743 | +} | |
| 1744 | + | |
| 1532 | 1745 | .frm-justify-between { |
| 1533 | 1746 | justify-content: space-between; |
| 1534 | 1747 | } |
| 1535 | 1748 | |
| 1749 | +.frm-justify-end { | |
| 1750 | + justify-content: end; | |
| 1751 | +} | |
| 1752 | + | |
| 1753 | +.frm-items-center { | |
| 1754 | + align-items: center; | |
| 1755 | +} | |
| 1756 | + | |
| 1536 | 1757 | .frm-transition-ease { |
| 1537 | 1758 | transition: all .2s ease; |
| 1538 | 1759 | } |
| 1539 | 1760 | |
| @@ -1545,25 +1766,8 @@ | ||
| 1545 | 1766 | .frm_no_float { |
| 1546 | 1767 | float: none; |
| 1547 | 1768 | } |
| 1548 | 1769 | |
| 1549 | -.frm_block, /* deprecated */ | |
| 1550 | -.frm-block { | |
| 1551 | - display: block; | |
| 1552 | -} | |
| 1553 | - | |
| 1554 | -.frm_inline { | |
| 1555 | - display: inline; | |
| 1556 | -} | |
| 1557 | - | |
| 1558 | -.frm_inline_block { | |
| 1559 | - display: inline-block !important; | |
| 1560 | -} | |
| 1561 | - | |
| 1562 | -.frm_hidden { | |
| 1563 | - display: none; | |
| 1564 | -} | |
| 1565 | - | |
| 1566 | 1770 | .frm-text-right { |
| 1567 | 1771 | text-align: right; |
| 1568 | 1772 | } |
| 1569 | 1773 | |
| @@ -1581,8 +1785,74 @@ | ||
| 1581 | 1785 | |
| 1582 | 1786 | .frm-on-bottom { |
| 1583 | 1787 | z-index: -1; |
| 1584 | 1788 | } |
| 1789 | + | |
| 1790 | +.frm-fadein { | |
| 1791 | + animation: fadeIn 400ms ease-in-out forwards; | |
| 1792 | +} | |
| 1793 | + | |
| 1794 | +.frm-fadein-up { | |
| 1795 | + animation: fadeInUp 230ms ease-in-out forwards; | |
| 1796 | +} | |
| 1797 | + | |
| 1798 | +.frm-fadein-up-back { | |
| 1799 | + animation: fadeInUpBack 500ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards; | |
| 1800 | +} | |
| 1801 | + | |
| 1802 | +.frm-fadein-down-short { | |
| 1803 | + animation: fadeInDownShort 300ms ease-out forwards; | |
| 1804 | +} | |
| 1805 | + | |
| 1806 | +@keyframes fadeIn { | |
| 1807 | + | |
| 1808 | + 0% { | |
| 1809 | + opacity: 0; | |
| 1810 | + } | |
| 1811 | + | |
| 1812 | + 100% { | |
| 1813 | + opacity: 1; | |
| 1814 | + } | |
| 1815 | +} | |
| 1816 | + | |
| 1817 | +@keyframes fadeInUp { | |
| 1818 | + | |
| 1819 | + 0% { | |
| 1820 | + opacity: 0; | |
| 1821 | + transform: translateY(10px); | |
| 1822 | + } | |
| 1823 | + | |
| 1824 | + 100% { | |
| 1825 | + opacity: 1; | |
| 1826 | + transform: translateY(0); | |
| 1827 | + } | |
| 1828 | +} | |
| 1829 | + | |
| 1830 | +@keyframes fadeInUpBack { | |
| 1831 | + | |
| 1832 | + 0% { | |
| 1833 | + opacity: 0; | |
| 1834 | + transform: translateY(32px); | |
| 1835 | + } | |
| 1836 | + | |
| 1837 | + 100% { | |
| 1838 | + opacity: 1; | |
| 1839 | + transform: translateY(0); | |
| 1840 | + } | |
| 1841 | +} | |
| 1842 | + | |
| 1843 | +@keyframes fadeInDownShort { | |
| 1844 | + | |
| 1845 | + 0% { | |
| 1846 | + opacity: 0.4; | |
| 1847 | + transform: translateY(-2px); | |
| 1848 | + } | |
| 1849 | + | |
| 1850 | + 100% { | |
| 1851 | + opacity: 1; | |
| 1852 | + transform: translateY(0); | |
| 1853 | + } | |
| 1854 | +} | |
| 1585 | 1855 | /* End Generic Classes, Start Forced Generic Classes */ |
| 1586 | 1856 | |
| 1587 | 1857 | .frm-fields p > label.frm_hidden, |
| 1588 | 1858 | .frm-lookup-modal .dismiss, |
| @@ -1618,8 +1888,17 @@ | ||
| 1618 | 1888 | } |
| 1619 | 1889 | |
| 1620 | 1890 | /* End Forced Generic Classes */ |
| 1621 | 1891 | |
| 1892 | +/* Start Helper Classes */ | |
| 1893 | +.frm-vertical-line { | |
| 1894 | + display: inline-block; | |
| 1895 | + width: 1px; | |
| 1896 | + height: 12px; | |
| 1897 | + background-color: var(--grey-300); | |
| 1898 | +} | |
| 1899 | +/* End Helper Classes */ | |
| 1900 | + | |
| 1622 | 1901 | .frm_forms.with_frm_style { |
| 1623 | 1902 | max-width: 100%; |
| 1624 | 1903 | } |
| 1625 | 1904 | |
| @@ -1700,8 +1979,12 @@ | ||
| 1700 | 1979 | display: block; |
| 1701 | 1980 | line-height: var(--leading); |
| 1702 | 1981 | } |
| 1703 | 1982 | |
| 1983 | +#frm_form_editor_container #frm-show-fields .frm_primary_label { | |
| 1984 | + min-height: 21px; | |
| 1985 | +} | |
| 1986 | + | |
| 1704 | 1987 | .frm-fields td input + label { |
| 1705 | 1988 | display: inline; |
| 1706 | 1989 | } |
| 1707 | 1990 | |
| @@ -1734,11 +2017,18 @@ | ||
| 1734 | 2017 | color: inherit; |
| 1735 | 2018 | } |
| 1736 | 2019 | |
| 1737 | 2020 | #frm_form_editor_container .divider_section_only .frm_primary_label { |
| 2021 | + display: flex; | |
| 2022 | + align-items: center; | |
| 2023 | + gap: var(--gap-xs); | |
| 1738 | 2024 | font-size: 20px; |
| 1739 | 2025 | } |
| 1740 | 2026 | |
| 2027 | +#frm_form_editor_container .divider_section_only .frm_primary_label .frm-sub-label { | |
| 2028 | + padding: 0; | |
| 2029 | +} | |
| 2030 | + | |
| 1741 | 2031 | form .form-field.frm_field_loading { |
| 1742 | 2032 | margin-bottom: 0; |
| 1743 | 2033 | min-height: 0; |
| 1744 | 2034 | padding: 0; |
| @@ -2071,9 +2361,9 @@ | ||
| 2071 | 2361 | position: relative; |
| 2072 | 2362 | } |
| 2073 | 2363 | |
| 2074 | 2364 | .frm-addons .plugin-card-top { |
| 2075 | - height: 155px; | |
| 2365 | + min-height: 155px; | |
| 2076 | 2366 | padding-top: var(--gap-lg); |
| 2077 | 2367 | overflow: hidden; |
| 2078 | 2368 | } |
| 2079 | 2369 | |
| @@ -2177,10 +2467,9 @@ | ||
| 2177 | 2467 | margin: 0; |
| 2178 | 2468 | padding: 10px 20px; |
| 2179 | 2469 | } |
| 2180 | 2470 | |
| 2181 | -.frm-modal .postbox, | |
| 2182 | -#frm_new_form_modal .postbox { | |
| 2471 | +.frm-modal .postbox { | |
| 2183 | 2472 | max-height: 600px; |
| 2184 | 2473 | overflow: hidden; |
| 2185 | 2474 | margin-bottom: 0; |
| 2186 | 2475 | } |
| @@ -2185,27 +2474,41 @@ | ||
| 2185 | 2474 | margin-bottom: 0; |
| 2186 | 2475 | } |
| 2187 | 2476 | |
| 2188 | 2477 | .frm-modal .postbox .frm_modal_top, |
| 2189 | -.frm-dialog .frm_common_modal .postbox > div:first-child { | |
| 2478 | +.frm-dialog .frm_common_modal .postbox > div:first-child, | |
| 2479 | +.frm-error-modal .frm_modal_top { | |
| 2190 | 2480 | padding: var(--gap-md) var(--gap-md) 0; |
| 2191 | 2481 | position: relative; |
| 2192 | 2482 | } |
| 2193 | 2483 | |
| 2484 | +.frm-modal h2, | |
| 2485 | +.frm-modal .postbox .inside h2, /* Override WP. */ | |
| 2194 | 2486 | .frm-modal .postbox .frm-modal-title, |
| 2195 | -.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child { | |
| 2487 | +.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child, | |
| 2488 | +.frm-error-modal .frm-modal-title { | |
| 2196 | 2489 | display: inline-block; |
| 2197 | - font-size: var(--text-xl); | |
| 2490 | + font-size: var(--text-lg); | |
| 2198 | 2491 | color: var(--grey-900); |
| 2492 | + font-weight: 600; | |
| 2493 | + margin: 0; | |
| 2494 | + padding: 0; | |
| 2199 | 2495 | } |
| 2200 | 2496 | |
| 2497 | +.frm-modal h3 { | |
| 2498 | + font-weight: 500; | |
| 2499 | +} | |
| 2500 | + | |
| 2501 | +/* Dismiss icon button */ | |
| 2502 | + | |
| 2201 | 2503 | .frm-inline-modal > a.dismiss, |
| 2202 | 2504 | .frm-modal .postbox > a.dismiss, |
| 2203 | 2505 | .frm-modal .postbox .frm-modal-title + div:last-child, |
| 2204 | 2506 | .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { |
| 2205 | 2507 | position: absolute; |
| 2206 | - right: 30px; | |
| 2207 | - top: 25px; | |
| 2508 | + top: 19px; | |
| 2509 | + right: 19px; | |
| 2510 | + display: flex; | |
| 2208 | 2511 | z-index: 2; |
| 2209 | 2512 | } |
| 2210 | 2513 | |
| 2211 | 2514 | body.rtl .frm-inline-modal > a.dismiss, |
| @@ -2224,9 +2527,9 @@ | ||
| 2224 | 2527 | |
| 2225 | 2528 | .frm-modal .postbox .frm-modal-title + div:last-child a, |
| 2226 | 2529 | .frm-modal a.dismiss .frmsvg, |
| 2227 | 2530 | .frm_common_modal .frm_modal_top a .frmsvg { |
| 2228 | - color: var(--grey-900); | |
| 2531 | + color: var(--grey-400); | |
| 2229 | 2532 | } |
| 2230 | 2533 | |
| 2231 | 2534 | .frm-modal .frm_modal_content > div.inside, |
| 2232 | 2535 | .frm_common_modal .frm_modal_content > div.inside { |
| @@ -2235,8 +2538,12 @@ | ||
| 2235 | 2538 | font-size: var(--text-sm); |
| 2236 | 2539 | color: var(--grey-700); |
| 2237 | 2540 | } |
| 2238 | 2541 | |
| 2542 | +.frm-modal p { | |
| 2543 | + color: var(--grey-900); | |
| 2544 | +} | |
| 2545 | + | |
| 2239 | 2546 | .frm_common_modal .postbox { |
| 2240 | 2547 | display: flex; |
| 2241 | 2548 | flex-direction: column; |
| 2242 | 2549 | } |
| @@ -2243,9 +2550,8 @@ | ||
| 2243 | 2550 | |
| 2244 | 2551 | .frm-modal .postbox > div.inside .cta-inside { |
| 2245 | 2552 | overflow-y: auto; |
| 2246 | 2553 | height: auto; |
| 2247 | - padding: 0 var(--gap-sm); | |
| 2248 | 2554 | } |
| 2249 | 2555 | |
| 2250 | 2556 | .frm_modal_footer { |
| 2251 | 2557 | padding: 0 var(--gap-md) var(--gap-sm); |
| @@ -2255,26 +2561,8 @@ | ||
| 2255 | 2561 | body.frm-body-with-open-modal { |
| 2256 | 2562 | overflow-y: hidden; |
| 2257 | 2563 | } |
| 2258 | 2564 | |
| 2259 | -#frm_new_form_modal .postbox > div.inside { | |
| 2260 | - max-height: 490px; | |
| 2261 | - overflow-y: auto; | |
| 2262 | - overflow-x: hidden; | |
| 2263 | - margin: 0; | |
| 2264 | - padding: 10px 0 0; | |
| 2265 | -} | |
| 2266 | - | |
| 2267 | -#frm_new_form_modal .postbox > div.inside .cta-inside { | |
| 2268 | - overflow-y: auto; | |
| 2269 | - height: auto; | |
| 2270 | - padding: 0 var(--gap-md); | |
| 2271 | -} | |
| 2272 | - | |
| 2273 | -#frm_new_form_modal .accordion-container { | |
| 2274 | - width: 100%; | |
| 2275 | -} | |
| 2276 | - | |
| 2277 | 2565 | .frm-templates-list { |
| 2278 | 2566 | margin-top: 0; |
| 2279 | 2567 | } |
| 2280 | 2568 | |
| @@ -2335,10 +2623,10 @@ | ||
| 2335 | 2623 | .frm-icon-wrapper { |
| 2336 | 2624 | background: var(--primary-500); |
| 2337 | 2625 | border-radius: var(--small-radius); |
| 2338 | 2626 | color: #fff; |
| 2339 | - width: 40px; | |
| 2340 | - height: 40px; | |
| 2627 | + width: 32px; | |
| 2628 | + height: 32px; | |
| 2341 | 2629 | font-size: 18px; |
| 2342 | 2630 | box-sizing: border-box; |
| 2343 | 2631 | align-self: center; |
| 2344 | 2632 | justify-content: center; |
| @@ -2351,9 +2639,8 @@ | ||
| 2351 | 2639 | } |
| 2352 | 2640 | |
| 2353 | 2641 | .frm-templates-list li .frm-category-icon { |
| 2354 | 2642 | overflow: hidden; |
| 2355 | - align-self: flex-start; | |
| 2356 | 2643 | } |
| 2357 | 2644 | |
| 2358 | 2645 | .frm-templates-list .frm-template-details { |
| 2359 | 2646 | /* the content container to the right of the icon in Create new form modal */ |
| @@ -2381,82 +2668,23 @@ | ||
| 2381 | 2668 | .frm-templates-list .frm-install-template div { |
| 2382 | 2669 | text-align: left; |
| 2383 | 2670 | } |
| 2384 | 2671 | |
| 2385 | -#frm_new_form_modal .frm-search { | |
| 2386 | - width: 100%; | |
| 2387 | - margin: var(--gap-sm) 0 var(--gap-md); | |
| 2388 | -} | |
| 2389 | - | |
| 2390 | 2672 | #frm_leave_email, |
| 2391 | -#frm_code_from_email | |
| 2392 | -{ | |
| 2673 | +#frm_code_from_email { | |
| 2393 | 2674 | width: 480px; |
| 2675 | + max-width: 100%; | |
| 2394 | 2676 | } |
| 2395 | 2677 | |
| 2396 | -#frm_new_form_modal #template-search-input { | |
| 2397 | - width: 100%; | |
| 2398 | -} | |
| 2399 | - | |
| 2400 | -#frm-email-block .frm-with-left-icon .frmsvg { | |
| 2401 | - padding: 0; | |
| 2402 | - top: 0; | |
| 2403 | - left: 13px; | |
| 2404 | -} | |
| 2405 | - | |
| 2406 | -#frm_new_form_modal .accordion-container { | |
| 2407 | - display: inline-block; | |
| 2408 | - padding: 0; | |
| 2409 | - border-top: 1px solid var(--grey-300); | |
| 2410 | - box-sizing: border-box; | |
| 2411 | - margin: 0 5px; | |
| 2412 | - width: calc( 100% - 10px ); | |
| 2413 | -} | |
| 2414 | - | |
| 2415 | -#frm_new_form_modal .accordion-section-title { | |
| 2416 | - padding: 0; | |
| 2417 | -} | |
| 2418 | - | |
| 2419 | -#frm_new_form_modal .accordion-section-title:hover, | |
| 2420 | -.control-section:hover .accordion-section-title, | |
| 2421 | -#frm_new_form_modal .accordion-section.open .accordion-section-title | |
| 2422 | -{ | |
| 2678 | +.control-section:hover .accordion-section-title { | |
| 2423 | 2679 | background: #fff !important; |
| 2424 | 2680 | border-bottom-color: transparent; |
| 2425 | 2681 | } |
| 2426 | 2682 | |
| 2427 | -#frm_new_form_modal .accordion-section.open:hover { | |
| 2428 | - border-bottom-color: transparent; | |
| 2429 | -} | |
| 2430 | - | |
| 2431 | -#frm_new_form_modal .accordion-section { | |
| 2432 | - padding: 8px 0 4px; | |
| 2433 | -} | |
| 2434 | - | |
| 2435 | -#frm_new_form_modal .accordion-section + .accordion-section { | |
| 2436 | - border-top: 1px solid var(--grey-300); | |
| 2437 | - border-radius: 0; | |
| 2438 | -} | |
| 2439 | - | |
| 2440 | -.frm-templates-list.frm-categories-list li > div > div:last-child, | |
| 2441 | -#frm_new_form_modal .accordion-section .frm-featured-form | |
| 2442 | -{ | |
| 2683 | +.frm-templates-list.frm-categories-list li > div > div:last-child { | |
| 2443 | 2684 | padding-left: 0; |
| 2444 | 2685 | } |
| 2445 | 2686 | |
| 2446 | -#frm_new_form_modal .frm-templates-list.frm-categories-list .accordion-section-title { | |
| 2447 | - padding-left: var(--gap-sm); | |
| 2448 | -} | |
| 2449 | - | |
| 2450 | -#frm_new_form_modal .frm-templates-list.frm-categories-list li.frm-selectable { | |
| 2451 | - padding: 0 10px; | |
| 2452 | - overflow: hidden; | |
| 2453 | -} | |
| 2454 | - | |
| 2455 | -#frm_new_form_modal .accordion-section-content { | |
| 2456 | - padding: var(--gap-sm); | |
| 2457 | -} | |
| 2458 | - | |
| 2459 | 2687 | .frm-hover-icons { |
| 2460 | 2688 | position: absolute; |
| 2461 | 2689 | right: 0; |
| 2462 | 2690 | top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */ |
| @@ -2556,21 +2784,8 @@ | ||
| 2556 | 2784 | vertical-align: text-top; |
| 2557 | 2785 | color: var(--grey-500); |
| 2558 | 2786 | } |
| 2559 | 2787 | |
| 2560 | -#frm_new_form_modal .frm-use-this-template { | |
| 2561 | - margin-left: 10px; | |
| 2562 | -} | |
| 2563 | - | |
| 2564 | -#frm_new_form_modal #frm-preview-block { | |
| 2565 | - padding: var(--gap-md) var(--gap-lg); | |
| 2566 | - overflow-x: hidden; | |
| 2567 | -} | |
| 2568 | - | |
| 2569 | -#frm_new_form_modal #frm-details-block { | |
| 2570 | - padding: var(--gap-md) var(--gap-lg); | |
| 2571 | -} | |
| 2572 | - | |
| 2573 | 2788 | .frm-modal-back { |
| 2574 | 2789 | cursor: pointer; |
| 2575 | 2790 | margin-right: 4px; |
| 2576 | 2791 | } |
| @@ -2601,93 +2816,26 @@ | ||
| 2601 | 2816 | display: inline-block; |
| 2602 | 2817 | line-height: 12px; |
| 2603 | 2818 | } |
| 2604 | 2819 | |
| 2605 | -#frm_new_form_modal.frm-expired #frm-create-block, | |
| 2606 | -#frm_new_form_modal.frm-expiring #frm-create-block { | |
| 2607 | - max-height: 450px; | |
| 2608 | -} | |
| 2609 | - | |
| 2610 | 2820 | #frm-create-footer { |
| 2611 | 2821 | padding: 15px 20px; |
| 2612 | 2822 | } |
| 2613 | 2823 | |
| 2614 | -#frm_code_from_email_options { | |
| 2615 | - margin-top: 20px; | |
| 2616 | -} | |
| 2617 | - | |
| 2618 | -#frm_code_from_email_options * { | |
| 2619 | - color: var(--primary-500); | |
| 2620 | -} | |
| 2621 | - | |
| 2622 | -#frm-email-block p, | |
| 2623 | -#frm-code-block p, | |
| 2624 | -#frm-renew-block p | |
| 2625 | -{ | |
| 2626 | - padding: 0 40px; | |
| 2627 | - max-width: 400px; | |
| 2628 | - margin: 0 auto 20px; | |
| 2629 | -} | |
| 2630 | - | |
| 2631 | 2824 | li .frm-hover-icons .frm-preview-form, |
| 2632 | 2825 | .frm-hover-icons .frm-unlock-form, |
| 2633 | 2826 | .frm-locked-template .frm-hover-icons .frm-create-form, |
| 2634 | -#frm_new_form_modal .frm-modal-back ~ span, | |
| 2635 | -#frm_new_form_modal .postbox > div:first-child ~ div, | |
| 2636 | -.frm-modal-back, | |
| 2637 | -#frm_new_form_modal:not([frm-page="create"]) a.dismiss, | |
| 2638 | -#frm_code_from_email_error span, | |
| 2639 | -#frm_leave_email_error span, | |
| 2640 | -#frm_new_form_modal .frm-delete-form, | |
| 2641 | -#frm-details-block #frm-new-template button, | |
| 2642 | -#frm-create-title span[frm-type="template"], | |
| 2643 | -#frm-create-title[frm-type="template"] span[frm-type="form"] | |
| 2827 | +.frm-modal-back | |
| 2644 | 2828 | { |
| 2645 | 2829 | display: none; |
| 2646 | 2830 | } |
| 2647 | 2831 | |
| 2648 | -#frm_new_form_modal:not([frm-page="create"]) .frm-modal-back, | |
| 2649 | -#frm_new_form_modal[frm-page="create"] #frm-create-title, | |
| 2650 | -#frm-create-title[frm-type="template"] span[frm-type="template"], | |
| 2651 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-title, | |
| 2652 | -#frm_new_form_modal[frm-page="details"] #frm-create-title, | |
| 2653 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-title, | |
| 2654 | -#frm_new_form_modal[frm-page="email"] #frm-email-title, | |
| 2655 | -#frm_new_form_modal[frm-page="code"] #frm-email-title, | |
| 2656 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-title, | |
| 2657 | -#frm_code_from_email_error[frm-error="wrong-code"] span[frm-error="wrong-code"], | |
| 2658 | -#frm_code_from_email_error[frm-error="empty"] span[frm-error="empty"], | |
| 2659 | -#frm_code_from_email_error[frm-error="custom"] span[frm-error="custom"], | |
| 2660 | -#frm_leave_email_error[frm-error="invalid"] span[frm-error="invalid"], | |
| 2661 | -#frm_leave_email_error[frm-error="empty"] span[frm-error="empty"] | |
| 2662 | -{ | |
| 2663 | - display: inline-block; | |
| 2664 | -} | |
| 2665 | 2832 | |
| 2666 | 2833 | .frm-locked-template .frm-hover-icons .frm-unlock-form, |
| 2667 | -li[data-preview] .frm-hover-icons .frm-preview-form, | |
| 2668 | -#frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons .frm-delete-form { | |
| 2834 | +li[data-preview] .frm-hover-icons .frm-preview-form { | |
| 2669 | 2835 | display: inline-flex; |
| 2670 | 2836 | } |
| 2671 | 2837 | |
| 2672 | -#frm_new_form_modal[frm-page="create"] #frm-create-block, | |
| 2673 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-block, | |
| 2674 | -#frm_new_form_modal[frm-page="details"] #frm-details-block, | |
| 2675 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-block, | |
| 2676 | -#frm_new_form_modal[frm-page="email"] #frm-email-block, | |
| 2677 | -#frm_new_form_modal[frm-page="code"] #frm-code-block, | |
| 2678 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-block, | |
| 2679 | -#frm_new_form_modal[frm-page="create"] #frm-create-footer, | |
| 2680 | -#frm_new_form_modal[frm-page="preview"] #frm-preview-footer, | |
| 2681 | -#frm_new_form_modal[frm-page="details"] #frm-details-footer, | |
| 2682 | -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-footer, | |
| 2683 | -#frm_new_form_modal[frm-page="email"] #frm-email-footer, | |
| 2684 | -#frm_new_form_modal[frm-page="code"] #frm-code-footer, | |
| 2685 | -#frm_new_form_modal[frm-page="renew"] #frm-renew-footer | |
| 2686 | -{ | |
| 2687 | - display: block; | |
| 2688 | -} | |
| 2689 | - | |
| 2690 | 2838 | .frm-modal-back svg { |
| 2691 | 2839 | color: #7F7F7F; |
| 2692 | 2840 | } |
| 2693 | 2841 | |
| @@ -2858,64 +3006,8 @@ | ||
| 2858 | 3006 | .frm_image_from_url { |
| 2859 | 3007 | height: 50px; |
| 2860 | 3008 | } |
| 2861 | 3009 | |
| 2862 | -.frm-right-panel .inside a.frm_pro_tip, | |
| 2863 | -a.frm_pro_tip { | |
| 2864 | - font-size: var(--text-sm); | |
| 2865 | - display: inline-block; | |
| 2866 | - color: var(--grey-700); | |
| 2867 | - background: #FFE7DE; | |
| 2868 | - border-radius: var(--small-radius); | |
| 2869 | - padding: 5px 15px; | |
| 2870 | - margin: 0 auto; | |
| 2871 | - display: flex; | |
| 2872 | - align-items: center; | |
| 2873 | -} | |
| 2874 | - | |
| 2875 | -a.frm_pro_tip:hover { | |
| 2876 | - color: var(--grey-700); | |
| 2877 | - border-color: var(--primary-500); | |
| 2878 | -} | |
| 2879 | - | |
| 2880 | -a.frm_pro_tip:hover .frmsvg { | |
| 2881 | - fill: var(--primary-500); | |
| 2882 | -} | |
| 2883 | - | |
| 2884 | -.frm_field_list .frm_pro_tip { | |
| 2885 | - margin: 10px 15px; | |
| 2886 | - position: relative; | |
| 2887 | - width: calc(100% - 30px); | |
| 2888 | - box-sizing: border-box; | |
| 2889 | -} | |
| 2890 | - | |
| 2891 | -a.frm_pro_tip .frmsvg, | |
| 2892 | -a.frm_pro_tip i { | |
| 2893 | - color: var(--orange); | |
| 2894 | - margin-right: 5px; | |
| 2895 | -} | |
| 2896 | - | |
| 2897 | -a.frm_pro_tip .frmsvg { | |
| 2898 | - margin-right: 10px; | |
| 2899 | -} | |
| 2900 | - | |
| 2901 | -.frm-tip-info { | |
| 2902 | - flex: 1; | |
| 2903 | - text-align: left; | |
| 2904 | -} | |
| 2905 | - | |
| 2906 | -.frm-tip-cta { | |
| 2907 | - color: var(--orange); | |
| 2908 | -} | |
| 2909 | - | |
| 2910 | -.nav-tab-wrapper .frm_pro_tip { | |
| 2911 | - float: right; | |
| 2912 | -} | |
| 2913 | - | |
| 2914 | -.frm_pro_tip:hover .frm-tip-cta { | |
| 2915 | - color: var(--primary-500); | |
| 2916 | -} | |
| 2917 | - | |
| 2918 | 3010 | /*Switch form dropdown*/ |
| 2919 | 3011 | h1 .fa-caret-down { |
| 2920 | 3012 | font-size: 18px; |
| 2921 | 3013 | } |
| @@ -3250,11 +3342,9 @@ | ||
| 3250 | 3342 | position: relative; |
| 3251 | 3343 | } |
| 3252 | 3344 | |
| 3253 | 3345 | .frm-right-panel .accordion-section-title:before, |
| 3254 | -.frm-right-panel .accordion-section-title:after, | |
| 3255 | -#frm_new_form_modal .accordion-section-title:after | |
| 3256 | -{ | |
| 3346 | +.frm-right-panel .accordion-section-title:after { | |
| 3257 | 3347 | content: "\e913" !important; |
| 3258 | 3348 | font-family: "s11-fp" !important; |
| 3259 | 3349 | font-size: 18px; |
| 3260 | 3350 | font-variant: normal; |
| @@ -3261,12 +3351,8 @@ | ||
| 3261 | 3351 | text-rendering: auto; |
| 3262 | 3352 | vertical-align: text-top; |
| 3263 | 3353 | } |
| 3264 | 3354 | |
| 3265 | -#frm_new_form_modal .accordion-section.open .accordion-section-title:after { | |
| 3266 | - transform: rotate(90deg); | |
| 3267 | -} | |
| 3268 | - | |
| 3269 | 3355 | .frm-right-panel .accordion-section-title:after { |
| 3270 | 3356 | top: calc(50% - 10px) !important; |
| 3271 | 3357 | } |
| 3272 | 3358 | |
| @@ -3359,8 +3445,9 @@ | ||
| 3359 | 3445 | |
| 3360 | 3446 | .frm-btn-group .multiselect.dropdown-toggle { |
| 3361 | 3447 | box-sizing: border-box; |
| 3362 | 3448 | min-height: unset; |
| 3449 | + cursor: pointer; | |
| 3363 | 3450 | } |
| 3364 | 3451 | |
| 3365 | 3452 | .accordion-container .frm-dropdown-menu:before, |
| 3366 | 3453 | .accordion-container .multiselect.dropdown-toggle:before { |
| @@ -4031,8 +4118,27 @@ | ||
| 4031 | 4118 | max-width: 100%; |
| 4032 | 4119 | font-size: inherit; |
| 4033 | 4120 | } |
| 4034 | 4121 | |
| 4122 | +/* Start entry statuses */ | |
| 4123 | +.frm-entry-status { | |
| 4124 | + padding: var(--gap-2xs) var(--gap-xs); | |
| 4125 | + align-items: center; | |
| 4126 | + border-radius: var(--small-radius); | |
| 4127 | + text-transform: uppercase; | |
| 4128 | +} | |
| 4129 | + | |
| 4130 | +.frm-entry-status-0 { | |
| 4131 | + color: #1E561F; | |
| 4132 | + background: #D5F2DC; | |
| 4133 | +} | |
| 4134 | + | |
| 4135 | +.frm-entry-status-1 { | |
| 4136 | + color: #7A4D05; | |
| 4137 | + background: #FFF2D2; | |
| 4138 | +} | |
| 4139 | +/* End entry statuses */ | |
| 4140 | + | |
| 4035 | 4141 | #frm-options-panel { |
| 4036 | 4142 | padding: 0 var(--gap-sm); |
| 4037 | 4143 | color: var(--grey-900); |
| 4038 | 4144 | } |
| @@ -4042,8 +4148,12 @@ | ||
| 4042 | 4148 | padding: 15px 0; |
| 4043 | 4149 | margin-top: -2px; |
| 4044 | 4150 | } |
| 4045 | 4151 | |
| 4152 | +.frm-right-panel a.frm_add_logic_link:focus { | |
| 4153 | + outline: auto; | |
| 4154 | +} | |
| 4155 | + | |
| 4046 | 4156 | #frm_style_sidebar h3, |
| 4047 | 4157 | #frm_view_editor_left.frm-right-panel .accordion-section-title { |
| 4048 | 4158 | padding: 15px 0; |
| 4049 | 4159 | } |
| @@ -4056,8 +4166,9 @@ | ||
| 4056 | 4166 | padding: 0; |
| 4057 | 4167 | } |
| 4058 | 4168 | |
| 4059 | 4169 | .frm-alt-table { |
| 4170 | + position: relative; | |
| 4060 | 4171 | width:100%; |
| 4061 | 4172 | border-collapse:collapse; |
| 4062 | 4173 | margin-top:0.5em; |
| 4063 | 4174 | font-size:15px; |
| @@ -4062,16 +4173,32 @@ | ||
| 4062 | 4173 | margin-top:0.5em; |
| 4063 | 4174 | font-size:15px; |
| 4064 | 4175 | } |
| 4065 | 4176 | |
| 4177 | +/* Before `applyZebraStriping` is executed, an empty space is displayed */ | |
| 4178 | +.frm-alt-table:not(.frm-zebra-striping)::before { | |
| 4179 | + content: ''; | |
| 4180 | + position: absolute; | |
| 4181 | + top: 0; | |
| 4182 | + right: 0; | |
| 4183 | + bottom: 0; | |
| 4184 | + left: 0; | |
| 4185 | + background-color: #fff; | |
| 4186 | +} | |
| 4187 | + | |
| 4066 | 4188 | .frm-alt-table th { |
| 4067 | 4189 | width:200px; |
| 4068 | 4190 | } |
| 4069 | 4191 | |
| 4070 | -.frm-alt-table tr { | |
| 4192 | +.frm-alt-table tr, | |
| 4193 | +.frm-alt-table tr.frm-odd { | |
| 4071 | 4194 | background-color:transparent; |
| 4072 | 4195 | } |
| 4073 | 4196 | |
| 4197 | +.frm-alt-table tr.frm-even { | |
| 4198 | + background-color: var(--sidebar-color); | |
| 4199 | +} | |
| 4200 | + | |
| 4074 | 4201 | .frm-alt-table th, |
| 4075 | 4202 | .frm-alt-table td { |
| 4076 | 4203 | background-color:transparent; |
| 4077 | 4204 | vertical-align:top; |
| @@ -4078,12 +4205,8 @@ | ||
| 4078 | 4205 | text-align:left; |
| 4079 | 4206 | padding:20px; |
| 4080 | 4207 | } |
| 4081 | 4208 | |
| 4082 | -.frm-alt-table tr:nth-child(even) { | |
| 4083 | - background-color: var(--sidebar-color); | |
| 4084 | -} | |
| 4085 | - | |
| 4086 | 4209 | .frm-alt-table h3 { |
| 4087 | 4210 | margin-bottom: 0; |
| 4088 | 4211 | } |
| 4089 | 4212 | |
| @@ -4342,13 +4465,8 @@ | ||
| 4342 | 4465 | --border-color-active: var(--primary-500); |
| 4343 | 4466 | --border-radius: var(--small-radius); |
| 4344 | 4467 | } |
| 4345 | 4468 | |
| 4346 | -.frm_image_option_container svg { | |
| 4347 | - height: 50px; | |
| 4348 | - margin: 10px auto 0; | |
| 4349 | -} | |
| 4350 | - | |
| 4351 | 4469 | #form_show_entry_page .frm_file_link, |
| 4352 | 4470 | #form_show_entry_page .frm_image_option_container { |
| 4353 | 4471 | display: inline-flex; |
| 4354 | 4472 | flex-wrap: nowrap; |
| @@ -4423,8 +4541,14 @@ | ||
| 4423 | 4541 | #form_global_settings .frm_image_option_container svg { |
| 4424 | 4542 | max-width: calc( 100% - 20px ); |
| 4425 | 4543 | } |
| 4426 | 4544 | |
| 4545 | +/* Style image option container for Directory add on. */ | |
| 4546 | +#frm-new-template .frm_image_option_container svg { | |
| 4547 | + height: 50px; | |
| 4548 | + margin: 10px auto 0; | |
| 4549 | +} | |
| 4550 | + | |
| 4427 | 4551 | /* Show an icon on top */ |
| 4428 | 4552 | .frm_image_option_container { |
| 4429 | 4553 | position: relative; |
| 4430 | 4554 | } |
| @@ -6116,8 +6240,22 @@ | ||
| 6116 | 6240 | .frm-has-fields #frm-show-fields { |
| 6117 | 6241 | min-height: 50px; |
| 6118 | 6242 | } |
| 6119 | 6243 | |
| 6244 | +#frm_builder_page .frm-lite-credit-card-element, | |
| 6245 | +body.frm-admin-page-styles .frm-lite-credit-card-element { | |
| 6246 | + position: relative; | |
| 6247 | +} | |
| 6248 | + | |
| 6249 | +#frm_builder_page .frm-lite-credit-card-element > div, | |
| 6250 | +body.frm-admin-page-styles .frm-lite-credit-card-element > div { | |
| 6251 | + position: absolute; | |
| 6252 | + top: calc( 50% - 1px); | |
| 6253 | + transform: translateY(-50%); | |
| 6254 | + right: 10px; | |
| 6255 | + color: #d0d4dd; | |
| 6256 | +} | |
| 6257 | + | |
| 6120 | 6258 | #frm_builder_page #frm_field_group_controls { |
| 6121 | 6259 | position: absolute; |
| 6122 | 6260 | padding: 5px; |
| 6123 | 6261 | border-radius: 4px 4px 0 0; |
| @@ -6329,8 +6467,9 @@ | ||
| 6329 | 6467 | } |
| 6330 | 6468 | |
| 6331 | 6469 | .frm-section-collapsed .divider_section_only:hover:after, |
| 6332 | 6470 | li.selected.frm-section-collapsed .divider_section_only:before, |
| 6471 | +li.selected.frm-section-collapsed .divider_section_only:after, | |
| 6333 | 6472 | .divider_section_only:hover:before, |
| 6334 | 6473 | li.selected .divider_section_only:before { |
| 6335 | 6474 | border-color: transparent; |
| 6336 | 6475 | } |
| @@ -6364,10 +6503,10 @@ | ||
| 6364 | 6503 | } |
| 6365 | 6504 | |
| 6366 | 6505 | #frm_builder_page .frm_remove_form_row .frmsvg, |
| 6367 | 6506 | #frm_builder_page .frm_remove_form_row i:before, |
| 6368 | -.frm_wrap .frm_add_form_row .frmsvg, | |
| 6369 | -.frm_add_form_row i:before { | |
| 6507 | +#frm_builder_page .frm_add_form_row .frmsvg, | |
| 6508 | +#frm_builder_page .frm_add_form_row i:before { | |
| 6370 | 6509 | color: var(--primary-700); |
| 6371 | 6510 | } |
| 6372 | 6511 | |
| 6373 | 6512 | .frm-preview-buttons .frm_button_submit { |
| @@ -6385,11 +6524,8 @@ | ||
| 6385 | 6524 | .frm-page-break:before, |
| 6386 | 6525 | .frm-page-break:after { |
| 6387 | 6526 | content: ''; |
| 6388 | 6527 | position: absolute; |
| 6389 | - top: -4px; | |
| 6390 | - width: 4px; | |
| 6391 | - height: 4px; | |
| 6392 | 6528 | background-color: #fff; |
| 6393 | 6529 | border-radius: 50%; |
| 6394 | 6530 | border: 1px solid var(--primary-700); |
| 6395 | 6531 | text-rendering: auto; |
| @@ -6395,23 +6531,11 @@ | ||
| 6395 | 6531 | text-rendering: auto; |
| 6396 | 6532 | -webkit-font-smoothing: antialiased; |
| 6397 | 6533 | } |
| 6398 | 6534 | |
| 6399 | -.frm-page-break:after { | |
| 6400 | - right: 0; | |
| 6401 | -} | |
| 6402 | - | |
| 6403 | -#frm-fake-page { | |
| 6404 | - padding: 0 5px; | |
| 6405 | -} | |
| 6406 | - | |
| 6407 | -#frm-fake-page .frm-page-break, | |
| 6408 | -#frm-fake-page .frm-page-break:before, | |
| 6409 | -#frm-fake-page .frm-page-break:after { | |
| 6410 | - border-color: var(--grey); | |
| 6411 | -} | |
| 6412 | - | |
| 6413 | 6535 | .edit_field_type_divider:before { |
| 6536 | + font-family: 's11-fp'; | |
| 6537 | + content: '\f1dc'; | |
| 6414 | 6538 | width: 20px; |
| 6415 | 6539 | height: 20px; |
| 6416 | 6540 | left: -11px; |
| 6417 | 6541 | top: 0; |
| @@ -6420,13 +6544,8 @@ | ||
| 6420 | 6544 | color: #fff; |
| 6421 | 6545 | font-size: 13px; |
| 6422 | 6546 | } |
| 6423 | 6547 | |
| 6424 | -.edit_field_type_divider:before{ | |
| 6425 | - font-family: 's11-fp'; | |
| 6426 | - content: '\f1dc'; | |
| 6427 | -} | |
| 6428 | - | |
| 6429 | 6548 | .repeat_section.edit_field_type_divider:before { |
| 6430 | 6549 | font-family: 's11-fp'; |
| 6431 | 6550 | content: '\f363'; |
| 6432 | 6551 | } |
| @@ -6431,15 +6550,35 @@ | ||
| 6431 | 6550 | content: '\f363'; |
| 6432 | 6551 | } |
| 6433 | 6552 | |
| 6434 | 6553 | .edit_field_type_divider:after { |
| 6554 | + width: 5px; | |
| 6555 | + height: 5px; | |
| 6435 | 6556 | left: -4px; |
| 6436 | - bottom: 0; | |
| 6437 | - top: auto; | |
| 6557 | + bottom: -4px; | |
| 6438 | 6558 | transition: all 0.4s ease-out; |
| 6439 | 6559 | } |
| 6440 | 6560 | |
| 6561 | +.frm-page-break:before, | |
| 6562 | +.frm-page-break:after { | |
| 6563 | + width: 8px; | |
| 6564 | + height: 8px; | |
| 6565 | + top: -6px; | |
| 6566 | + border-color: var(--grey); | |
| 6567 | +} | |
| 6441 | 6568 | |
| 6569 | +.frm-page-break:after { | |
| 6570 | + right: 0; | |
| 6571 | +} | |
| 6572 | + | |
| 6573 | +#frm-fake-page .frm-page-break { | |
| 6574 | + border-color: var(--grey); | |
| 6575 | +} | |
| 6576 | + | |
| 6577 | +#frm-fake-page { | |
| 6578 | + padding: 0 5px; | |
| 6579 | +} | |
| 6580 | + | |
| 6442 | 6581 | .frm_sorting li.edit_field_type_divider:hover, |
| 6443 | 6582 | .frm_sorting li.edit_field_type_divider.selected { |
| 6444 | 6583 | border-left-color: var(--primary-500); |
| 6445 | 6584 | } |
| @@ -6461,9 +6600,10 @@ | ||
| 6461 | 6600 | } |
| 6462 | 6601 | |
| 6463 | 6602 | .frm-page-break .frm-collapse-page.button { |
| 6464 | 6603 | margin-left: 46%; |
| 6465 | - margin-top: calc( -28px / 2 ); | |
| 6604 | + margin-top: calc( -32px / 2 ); | |
| 6605 | + padding: 6px 12px !important; | |
| 6466 | 6606 | } |
| 6467 | 6607 | |
| 6468 | 6608 | #frm-fake-page.frm-page-collapsed { |
| 6469 | 6609 | margin-bottom: 0; |
| @@ -6474,20 +6614,8 @@ | ||
| 6474 | 6614 | overflow: visible !important; |
| 6475 | 6615 | margin-bottom: var(--gap-lg); |
| 6476 | 6616 | } |
| 6477 | 6617 | |
| 6478 | -.frm-page-collapsed:after { | |
| 6479 | - content: ''; | |
| 6480 | - display: block; | |
| 6481 | - border: 1px dashed var(--grey-300); | |
| 6482 | - border-left: none; | |
| 6483 | - border-right: none; | |
| 6484 | - height: 6px; | |
| 6485 | - position: absolute; | |
| 6486 | - width: calc( 100% - 10px ); | |
| 6487 | - bottom: -15px; | |
| 6488 | -} | |
| 6489 | - | |
| 6490 | 6618 | .frm-collapse-page .frmsvg, |
| 6491 | 6619 | .frm-collapse-page .frm_arrowdown6_icon { |
| 6492 | 6620 | width: var(--text-sm); |
| 6493 | 6621 | height: var(--text-sm); |
| @@ -6494,20 +6622,37 @@ | ||
| 6494 | 6622 | font-size: var(--text-sm); |
| 6495 | 6623 | text-align: center; |
| 6496 | 6624 | margin-left: 2px; |
| 6497 | 6625 | color: currentColor; |
| 6626 | + transition: transform 300ms ease-in-out; | |
| 6498 | 6627 | } |
| 6499 | 6628 | |
| 6629 | +.frm-page-collapsed .frm-collapse-page .frmsvg { | |
| 6630 | + transform: rotate(180deg); | |
| 6631 | +} | |
| 6632 | + | |
| 6500 | 6633 | #frm-fake-page .frm_arrowdown6_icon { |
| 6501 | 6634 | color: currentColor; |
| 6502 | 6635 | } |
| 6503 | 6636 | |
| 6504 | 6637 | .frm-collapsed i:before, |
| 6505 | -.frm-section-collapsed .frm_arrowdown6_icon:before, | |
| 6506 | 6638 | .frm-page-collapsed .frm_arrowdown6_icon:before { |
| 6507 | 6639 | content: '\e913'; |
| 6508 | 6640 | } |
| 6509 | 6641 | |
| 6642 | +.frm-collapse-section svg { | |
| 6643 | + fill: var(--primary-color); | |
| 6644 | + transition: transform 0.2s ease-out, fill 0.2s ease-out; | |
| 6645 | +} | |
| 6646 | + | |
| 6647 | +.frm-collapse-section:hover svg { | |
| 6648 | + fill: var(--primary-700); | |
| 6649 | +} | |
| 6650 | + | |
| 6651 | +.frm-section-collapsed .frm-collapse-section svg { | |
| 6652 | + transform: rotate(-90deg); | |
| 6653 | +} | |
| 6654 | + | |
| 6510 | 6655 | .open .widget-top .frm_arrow_right_icon:before { |
| 6511 | 6656 | content: '\e62a'; |
| 6512 | 6657 | } |
| 6513 | 6658 | |
| @@ -6574,8 +6719,12 @@ | ||
| 6574 | 6719 | width: 90%; |
| 6575 | 6720 | top: 0; |
| 6576 | 6721 | } |
| 6577 | 6722 | |
| 6723 | +.frm-empty-fields .frm_updated_message ~ .frm_no_fields { | |
| 6724 | + top: 60px; | |
| 6725 | +} | |
| 6726 | + | |
| 6578 | 6727 | .frm-has-fields .frm_no_fields { |
| 6579 | 6728 | display: none; |
| 6580 | 6729 | } |
| 6581 | 6730 | |
| @@ -6647,14 +6796,8 @@ | ||
| 6647 | 6796 | .frm_prod_options_heading.frm_prod_user_def { |
| 6648 | 6797 | display: none; |
| 6649 | 6798 | } |
| 6650 | 6799 | |
| 6651 | -#frm-preview-block { | |
| 6652 | - height: 400px; | |
| 6653 | - overflow: scroll; | |
| 6654 | - margin: 0; | |
| 6655 | -} | |
| 6656 | - | |
| 6657 | 6800 | .plugin-card-bottom .frm-trash { |
| 6658 | 6801 | color: #a00; |
| 6659 | 6802 | } |
| 6660 | 6803 | |
| @@ -6988,26 +7131,33 @@ | ||
| 6988 | 7131 | #frm-show-fields .frm-with-left-icon i { |
| 6989 | 7132 | padding-top: 10px; |
| 6990 | 7133 | } |
| 6991 | 7134 | |
| 7135 | +#wpwrap .frm-search .frm_search_icon { | |
| 7136 | + padding-left: 18px; | |
| 7137 | + padding-right: 12px; | |
| 7138 | +} | |
| 7139 | + | |
| 6992 | 7140 | .frm-search input[name="s"], |
| 6993 | 7141 | .frm-search .dropdown-toggle, |
| 6994 | 7142 | .frm-search input.frm-search-input { |
| 6995 | 7143 | border-radius: var(--small-radius); |
| 6996 | - padding-left: 33px !important; | |
| 6997 | 7144 | border-color: var(--grey-300); |
| 6998 | 7145 | } |
| 6999 | 7146 | |
| 7000 | -.frm_wrap .frm-search .frm-search-input, | |
| 7001 | -.frm-modal .frm-search .frm-search-input, | |
| 7002 | 7147 | .frm-white-body .search-box input[name="s"], /* Views search */ |
| 7003 | -.frm_wrap .frm-search input[name="s"] { | |
| 7004 | - padding-top: 3px; | |
| 7005 | - padding-bottom: 3px; | |
| 7148 | +#wpwrap .frm-search input[type="search"] { | |
| 7006 | 7149 | flex: 1; |
| 7007 | 7150 | font-size: var(--text-sm); |
| 7151 | + line-height: var(--text-lg); | |
| 7152 | + padding: var(--gap-xs); | |
| 7008 | 7153 | } |
| 7009 | 7154 | |
| 7155 | +#wpwrap .frm-search input[type="search"], | |
| 7156 | +#wpwrap .frm-search input[type="text"] { | |
| 7157 | + padding-left: var(--gap-xl) !important; | |
| 7158 | +} | |
| 7159 | + | |
| 7010 | 7160 | .frm-search .dropdown-toggle { |
| 7011 | 7161 | width: 100%; |
| 7012 | 7162 | float: none; |
| 7013 | 7163 | max-width: 200px; |
| @@ -7012,8 +7162,9 @@ | ||
| 7012 | 7162 | float: none; |
| 7013 | 7163 | max-width: 200px; |
| 7014 | 7164 | background: transparent; |
| 7015 | 7165 | padding: 7px; |
| 7166 | + padding-left: 33px !important; | |
| 7016 | 7167 | min-height: 32px; |
| 7017 | 7168 | text-align: inherit; |
| 7018 | 7169 | overflow: hidden; |
| 7019 | 7170 | text-overflow: ellipsis; |
| @@ -7271,9 +7422,8 @@ | ||
| 7271 | 7422 | .frm-info-modal p, |
| 7272 | 7423 | .frm-info-modal, |
| 7273 | 7424 | .settings-lite-cta a, |
| 7274 | 7425 | .settings-lite-cta ul, |
| 7275 | -.settings-lite-cta p, | |
| 7276 | 7426 | .settings-lite-cta { |
| 7277 | 7427 | color: #666; |
| 7278 | 7428 | font-size: var(--text-md); |
| 7279 | 7429 | box-shadow: none !important; |
| @@ -7289,9 +7439,9 @@ | ||
| 7289 | 7439 | } |
| 7290 | 7440 | |
| 7291 | 7441 | .frm-info-modal .postbox .inside, |
| 7292 | 7442 | .settings-lite-cta .postbox .inside { |
| 7293 | - padding: 20px 40px; | |
| 7443 | + padding: var(--gap-md); | |
| 7294 | 7444 | margin: 0; |
| 7295 | 7445 | } |
| 7296 | 7446 | |
| 7297 | 7447 | .cta-inside a { |
| @@ -7535,8 +7685,14 @@ | ||
| 7535 | 7685 | width: var(--text-md); |
| 7536 | 7686 | font-size: var(--text-md); |
| 7537 | 7687 | } |
| 7538 | 7688 | |
| 7689 | +/* Standardize icon size for field buttons in the builder */ | |
| 7690 | +.field_type_list li.frmbutton .frmsvg { | |
| 7691 | + width: var(--text-xl); | |
| 7692 | + font-size: var(--text-xl); | |
| 7693 | +} | |
| 7694 | + | |
| 7539 | 7695 | .frm_code_list i:before { |
| 7540 | 7696 | font-size: inherit; |
| 7541 | 7697 | } |
| 7542 | 7698 | |
| @@ -7561,8 +7717,18 @@ | ||
| 7561 | 7717 | padding: var(--gap-xs) var(--gap-sm) !important; |
| 7562 | 7718 | color: var(--grey-900) !important; |
| 7563 | 7719 | } |
| 7564 | 7720 | |
| 7721 | +/* Adjust field button size to full width in builder */ | |
| 7722 | +#frm-insert-fields li a { | |
| 7723 | + display: flex !important; | |
| 7724 | +} | |
| 7725 | + | |
| 7726 | +/* Prevents advanced fields from always appearing in search results */ | |
| 7727 | +#frm-insert-fields li.frm_show_upgrade.frm_hidden { | |
| 7728 | + display: none !important; | |
| 7729 | +} | |
| 7730 | + | |
| 7565 | 7731 | .frmbutton.ui-draggable-dragging a { |
| 7566 | 7732 | border: 1px solid var(--grey-300); |
| 7567 | 7733 | box-shadow: var(--box-shadow-md); |
| 7568 | 7734 | } |
| @@ -7712,9 +7878,10 @@ | ||
| 7712 | 7878 | } |
| 7713 | 7879 | |
| 7714 | 7880 | .frm-views-editor-body .ui-widget-overlay, |
| 7715 | 7881 | .frm-white-body .ui-widget-overlay, |
| 7716 | -.toplevel_page_formidable .ui-widget-overlay { | |
| 7882 | +.toplevel_page_formidable .ui-widget-overlay, | |
| 7883 | +body[class*=formidable-payments] .ui-widget-overlay { | |
| 7717 | 7884 | position: fixed; |
| 7718 | 7885 | width: 100%; |
| 7719 | 7886 | height: 100%; |
| 7720 | 7887 | top: 0; |
| @@ -7725,21 +7892,26 @@ | ||
| 7725 | 7892 | opacity: .5; |
| 7726 | 7893 | z-index: 2; |
| 7727 | 7894 | } |
| 7728 | 7895 | |
| 7729 | -#frm_upgrade_modal { | |
| 7730 | - text-align: center; | |
| 7896 | +.frm-circled-icon { | |
| 7897 | + width: 60px; | |
| 7898 | + height: 60px; | |
| 7899 | + border-radius: 50%; | |
| 7900 | + background-color: var(--primary-25); | |
| 7731 | 7901 | } |
| 7732 | 7902 | |
| 7733 | -#frm_upgrade_modal .frm_lock_icon { | |
| 7734 | - display: block; | |
| 7735 | - margin: 0 auto; | |
| 7736 | - height: 35px; | |
| 7737 | - width: 35px; | |
| 7738 | - color: #c4c4c4; | |
| 7739 | - padding-bottom: 20px; | |
| 7903 | +.frm-circled-icon .frmsvg { | |
| 7904 | + width: 21px; | |
| 7905 | + height: 24px; | |
| 7740 | 7906 | } |
| 7741 | 7907 | |
| 7908 | +.frm-circled-icon .frmsvg use { | |
| 7909 | + color: var(--primary-500); | |
| 7910 | + } | |
| 7911 | + | |
| 7912 | + | |
| 7913 | + | |
| 7742 | 7914 | .frm-upgrade-message img { |
| 7743 | 7915 | max-width: 100%; |
| 7744 | 7916 | } |
| 7745 | 7917 | |
| @@ -7967,8 +8139,9 @@ | ||
| 7967 | 8139 | .frm-white-body .wrap input[type="text"], /* Cover Views pages */ |
| 7968 | 8140 | .frm-white-body .wrap input[type="search"], |
| 7969 | 8141 | .frm-white-body .wrap input[type="number"], |
| 7970 | 8142 | .frm-white-body .wrap select, |
| 8143 | +#frm-form-templates-modal select, | |
| 7971 | 8144 | .frm-white-body .wrap textarea, |
| 7972 | 8145 | button.frm_choose_image_box, |
| 7973 | 8146 | #titlediv input[type="text"], |
| 7974 | 8147 | .frm-fields button.btn, |
| @@ -8004,8 +8177,9 @@ | ||
| 8004 | 8177 | .frm-white-body select:focus, |
| 8005 | 8178 | .frm_wrap input:focus, |
| 8006 | 8179 | .frm_wrap select:focus, |
| 8007 | 8180 | .wp-core-ui .frm_wrap select:focus, |
| 8181 | +#frm-form-templates-modal select:focus, | |
| 8008 | 8182 | .frm-btn-group .multiselect.dropdown-toggle:focus, |
| 8009 | 8183 | .frm_wrap textarea:focus { |
| 8010 | 8184 | border-color: var(--primary-500) !important; |
| 8011 | 8185 | box-shadow: none !important; |
| @@ -8024,9 +8198,10 @@ | ||
| 8024 | 8198 | .frm_wrap select { |
| 8025 | 8199 | padding: 2px; |
| 8026 | 8200 | } |
| 8027 | 8201 | |
| 8028 | -.wp-admin .frm_wrap select { | |
| 8202 | +.wp-admin .frm_wrap select, | |
| 8203 | +#frm-form-templates-modal select { | |
| 8029 | 8204 | max-width: 100%; |
| 8030 | 8205 | } |
| 8031 | 8206 | |
| 8032 | 8207 | .frm_form_field.frm_scroll_box .frm_opt_container { |
| @@ -8059,9 +8234,10 @@ | ||
| 8059 | 8234 | } |
| 8060 | 8235 | |
| 8061 | 8236 | #postbox-container-2 select, |
| 8062 | 8237 | .wp-admin .frm_wrap select, |
| 8063 | -.frm_wrap .frm_form_builder select { | |
| 8238 | +.frm_wrap .frm_form_builder select, | |
| 8239 | +#frm-form-templates-modal select { | |
| 8064 | 8240 | height: auto; |
| 8065 | 8241 | background-position: right 11px top 55%; |
| 8066 | 8242 | } |
| 8067 | 8243 | |
| @@ -8174,8 +8350,41 @@ | ||
| 8174 | 8350 | .windows ::-webkit-scrollbar-corner { |
| 8175 | 8351 | background: transparent; |
| 8176 | 8352 | } |
| 8177 | 8353 | |
| 8354 | +.frm-scrollbar-wrapper { | |
| 8355 | + overflow-y: auto; /* Enable scrolling */ | |
| 8356 | + -ms-overflow-style: none; /* For IE and Edge */ | |
| 8357 | + scrollbar-color: transparent transparent; /* Firefox Scrollbar - transparent by default and show on hover */ | |
| 8358 | + scrollbar-width: thin; | |
| 8359 | +} | |
| 8360 | + | |
| 8361 | +.frm-scrollbar-wrapper:hover { | |
| 8362 | + scrollbar-color: var(--grey-300) var(--sidebar-color); /* Firefox Scrollbar - Show on hover */ | |
| 8363 | +} | |
| 8364 | + | |
| 8365 | +.frm-scrollbar-wrapper::-webkit-scrollbar { | |
| 8366 | + width: 3px; | |
| 8367 | +} | |
| 8368 | + | |
| 8369 | +.frm-scrollbar-wrapper::-webkit-scrollbar-track { | |
| 8370 | + background: var(--sidebar-color); | |
| 8371 | +} | |
| 8372 | + | |
| 8373 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb { | |
| 8374 | + background: transparent; | |
| 8375 | + border-radius: 100vw; | |
| 8376 | +} | |
| 8377 | + | |
| 8378 | +.frm-scrollbar-wrapper:hover::-webkit-scrollbar-thumb { | |
| 8379 | + background: var(--grey-300); /* Show scrollbar on hover */ | |
| 8380 | +} | |
| 8381 | + | |
| 8382 | +.frm-scrollbar-wrapper::-webkit-scrollbar-thumb:hover { | |
| 8383 | + background: var(--grey-400); /* Show scrollbar on hover */ | |
| 8384 | +} | |
| 8385 | +/* End scrollbar */ | |
| 8386 | + | |
| 8178 | 8387 | /* RTL */ |
| 8179 | 8388 | .rtl h3 { |
| 8180 | 8389 | font-weight: inherit !important; |
| 8181 | 8390 | } |
| @@ -8358,8 +8567,13 @@ | ||
| 8358 | 8567 | p.howto { |
| 8359 | 8568 | display: inline-block; |
| 8360 | 8569 | } |
| 8361 | 8570 | |
| 8571 | + /* Fix: Issue where the admin page content had extra white space to the left on small screens */ | |
| 8572 | + .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container, | |
| 8573 | + .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container { | |
| 8574 | + left: 36px; | |
| 8575 | + } | |
| 8362 | 8576 | } |
| 8363 | 8577 | |
| 8364 | 8578 | @media only screen and (max-width: 850px) { |
| 8365 | 8579 | #frm_bs_dropdown { |
| @@ -8835,9 +9049,9 @@ | ||
| 8835 | 9049 | position: absolute; |
| 8836 | 9050 | top: 0; |
| 8837 | 9051 | right: 0; |
| 8838 | 9052 | width: 366px; |
| 8839 | - height: 231px; | |
| 9053 | + max-height: 231px; | |
| 8840 | 9054 | border-radius: 8px; |
| 8841 | 9055 | background: #fff; |
| 8842 | 9056 | box-shadow: 0px 20px 48px rgba(40, 47, 54, 0.15); |
| 8843 | 9057 | z-index: 3; |
| @@ -8855,8 +9069,23 @@ | ||
| 8855 | 9069 | bottom: 50px; |
| 8856 | 9070 | height: 196px; |
| 8857 | 9071 | } |
| 8858 | 9072 | |
| 9073 | +#frm_field_group_popup > hr { | |
| 9074 | + margin: 12px 0; | |
| 9075 | +} | |
| 9076 | + | |
| 9077 | +#frm_field_group_popup .frm-cancel-custom-field-group-layout, | |
| 9078 | +#frm_field_group_popup .frm-save-custom-field-group-layout { | |
| 9079 | + padding: 4px 18px; | |
| 9080 | +} | |
| 9081 | + | |
| 9082 | +#frm_field_group_popup .frm-cancel-custom-field-group-layout:hover { | |
| 9083 | + border-color: var(--primary-500) !important; | |
| 9084 | + color: var(--primary-500); | |
| 9085 | + background-color: transparent !important; | |
| 9086 | +} | |
| 9087 | + | |
| 8859 | 9088 | .frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group { |
| 8860 | 9089 | display: none; |
| 8861 | 9090 | } |
| 8862 | 9091 | |
| @@ -8871,9 +9100,9 @@ | ||
| 8871 | 9100 | font-size: 11px; |
| 8872 | 9101 | line-height: 15px; |
| 8873 | 9102 | text-transform: uppercase; |
| 8874 | 9103 | color: rgba(40, 47, 54, 0.45); |
| 8875 | - margin-bottom: 40px; | |
| 9104 | + margin-bottom: 27px; | |
| 8876 | 9105 | } |
| 8877 | 9106 | |
| 8878 | 9107 | .frm-row-layout-option { |
| 8879 | 9108 | background: #F6F7FB; |
| @@ -8878,9 +9107,9 @@ | ||
| 8878 | 9107 | .frm-row-layout-option { |
| 8879 | 9108 | background: #F6F7FB; |
| 8880 | 9109 | box-sizing: border-box; |
| 8881 | 9110 | border-radius: 2px; |
| 8882 | - padding: 18px 11px; | |
| 9111 | + padding: 15px 10px; | |
| 8883 | 9112 | } |
| 8884 | 9113 | |
| 8885 | 9114 | #frm_field_group_popup .frm-row-layout-option .frm_grid_container { |
| 8886 | 9115 | grid-gap: 0 5%; |
| @@ -8888,22 +9117,23 @@ | ||
| 8888 | 9117 | } |
| 8889 | 9118 | |
| 8890 | 9119 | #frm_field_group_popup .frm-row-layout-option { |
| 8891 | 9120 | cursor: pointer; |
| 9121 | + border: 2px solid transparent; | |
| 8892 | 9122 | } |
| 8893 | 9123 | |
| 8894 | 9124 | #frm_field_group_popup .frm-row-layout-option.frm-active-row-layout, |
| 8895 | 9125 | #frm_field_group_popup .frm-row-layout-option:hover { |
| 8896 | - outline: 1px solid var(--primary-500); | |
| 9126 | + border-color: var(--primary-500); | |
| 8897 | 9127 | } |
| 8898 | 9128 | |
| 8899 | 9129 | .frm-custom-field-group-layout, |
| 8900 | 9130 | .frm-break-field-group { |
| 8901 | - padding: 5px 15px; | |
| 9131 | + padding: 4px 24px; | |
| 8902 | 9132 | cursor: pointer; |
| 8903 | 9133 | font-size: var(--text-sm); |
| 8904 | 9134 | line-height: 19px; |
| 8905 | - color: rgba(40, 47, 54, 0.85); | |
| 9135 | + color: rgba(72, 78, 84, 1); | |
| 8906 | 9136 | } |
| 8907 | 9137 | |
| 8908 | 9138 | .frm-custom-field-group-layout:hover, |
| 8909 | 9139 | .frm-break-field-group:hover { |
| @@ -8948,12 +9178,13 @@ | ||
| 8948 | 9178 | } |
| 8949 | 9179 | |
| 8950 | 9180 | .frm-builder-popup-heading { |
| 8951 | 9181 | font-weight: 600; |
| 8952 | - font-size: 12px; | |
| 9182 | + font-size: 11px; | |
| 8953 | 9183 | line-height: 15px; |
| 8954 | 9184 | text-transform: uppercase; |
| 8955 | 9185 | color: rgba(40, 47, 54, 0.45); |
| 9186 | + margin-bottom: 7px; | |
| 8956 | 9187 | } |
| 8957 | 9188 | |
| 8958 | 9189 | .frm-builder-popup-subheading { |
| 8959 | 9190 | font-size: 12px; |
| @@ -8960,8 +9191,17 @@ | ||
| 8960 | 9191 | line-height: 16px; |
| 8961 | 9192 | color: rgba(40, 47, 54, 0.45); |
| 8962 | 9193 | } |
| 8963 | 9194 | |
| 9195 | +#frm_field_group_popup input[type="text"] { | |
| 9196 | + height: 30px; | |
| 9197 | + border-radius: 3px; | |
| 9198 | + font-size: 14px; | |
| 9199 | + padding: 8px; | |
| 9200 | + color: rgba(84, 95, 110, 1); | |
| 9201 | + border-color: rgba(40, 47, 54, 0.2); | |
| 9202 | +} | |
| 9203 | + | |
| 8964 | 9204 | .frm-multiselect-popup-separator { |
| 8965 | 9205 | height: 36px; |
| 8966 | 9206 | width: 1px; |
| 8967 | 9207 | position: relative; |
| @@ -9018,43 +9258,16 @@ | ||
| 9018 | 9258 | .frm-ready-made-solution:not(.frm-search-result) { |
| 9019 | 9259 | display: none !important; |
| 9020 | 9260 | } |
| 9021 | 9261 | |
| 9022 | -#frm_new_form_modal .frm-ready-made-solution { | |
| 9023 | - padding: var(--gap-xs) !important; | |
| 9024 | - margin: var(--gap-xs) 0 var(--gap-sm); | |
| 9025 | - display: flex; | |
| 9026 | - gap: var(--gap-sm); | |
| 9027 | - position: relative; | |
| 9028 | - overflow: visible !important; | |
| 9262 | +#frm_leave_email_wrapper .frmsvg { | |
| 9263 | + top: 0; | |
| 9029 | 9264 | } |
| 9030 | 9265 | |
| 9031 | -#frm_new_form_modal .frm-ready-made-solution:after { | |
| 9032 | - width: 100%; | |
| 9033 | - height: 1px; | |
| 9034 | - background: var(--grey-300); | |
| 9035 | - content: ''; | |
| 9036 | - position: absolute; | |
| 9037 | - bottom: -10px; | |
| 9038 | - left: 0; | |
| 9266 | +#frm-add-my-email-address { | |
| 9267 | + margin-top: 30px; | |
| 9039 | 9268 | } |
| 9040 | 9269 | |
| 9041 | -#frm_new_form_modal .frm-ready-made-solution.frm-search-result:last-of-type::after { | |
| 9042 | - content: none; | |
| 9043 | -} | |
| 9044 | - | |
| 9045 | -#frm_new_form_modal .frm-solution-details { | |
| 9046 | - flex: 1; | |
| 9047 | - display: flex; | |
| 9048 | - gap: var(--gap-2xs); | |
| 9049 | - flex-direction: column; | |
| 9050 | -} | |
| 9051 | - | |
| 9052 | -#frm_new_form_modal .frm-ready-made-solution > div:first-child { | |
| 9053 | - width: 30%; | |
| 9054 | - text-align: center; | |
| 9055 | -} | |
| 9056 | - | |
| 9057 | 9270 | .frm-ready-made-solution h3 ~ a { |
| 9058 | 9271 | color: var(--primary-500); |
| 9059 | 9272 | } |
| 9060 | 9273 | |
| @@ -9098,4 +9311,213 @@ | ||
| 9098 | 9311 | .frm_on_submit_type input[type="radio"]:checked + label svg { |
| 9099 | 9312 | color: var(--primary-color); |
| 9100 | 9313 | } |
| 9101 | 9314 | /* End On Submit action */ |
| 9315 | + | |
| 9316 | +/* Start call-to-action */ | |
| 9317 | +.frm_pro_tip, | |
| 9318 | +.frm-cta { | |
| 9319 | + justify-content: space-between; | |
| 9320 | + align-items: center; | |
| 9321 | + gap: var(--gap-2xl); | |
| 9322 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9323 | + border-radius: var(--small-radius); | |
| 9324 | + background: var(--primary-25); | |
| 9325 | +} | |
| 9326 | + | |
| 9327 | +.frm-cta h4 { | |
| 9328 | + font-weight: 600; | |
| 9329 | + margin: 0; | |
| 9330 | +} | |
| 9331 | + | |
| 9332 | +.frm-cta-green { | |
| 9333 | + background-color: var(--success-25); | |
| 9334 | +} | |
| 9335 | + | |
| 9336 | +.frm-cta-green .frm-banner-title { | |
| 9337 | + gap: calc(var(--gap-2xs) + 1px); | |
| 9338 | + color: var(--grey-700); | |
| 9339 | +} | |
| 9340 | + | |
| 9341 | +.frm-cta-tag { | |
| 9342 | + color: #fff; | |
| 9343 | + font-weight: 600; | |
| 9344 | + padding: var(--gap-2xs) var(--gap-xs); | |
| 9345 | + border-radius: var(--small-radius); | |
| 9346 | + background-color: var(--success-500); | |
| 9347 | +} | |
| 9348 | + | |
| 9349 | +.frm-right-panel .inside .frm_pro_tip, | |
| 9350 | +.frm_pro_tip { | |
| 9351 | + color: var(--grey-700); | |
| 9352 | + background: #FFE7DE; | |
| 9353 | + margin: 0 auto; | |
| 9354 | + display: flex; | |
| 9355 | + gap: var(--gap-xs); | |
| 9356 | +} | |
| 9357 | + | |
| 9358 | +.frm_field_list .frm_pro_tip { | |
| 9359 | + margin: 10px 15px; | |
| 9360 | + position: relative; | |
| 9361 | + width: calc(100% - 30px); | |
| 9362 | + box-sizing: border-box; | |
| 9363 | +} | |
| 9364 | + | |
| 9365 | +.frm_pro_tip .frmsvg, | |
| 9366 | +.frm_pro_tip i { | |
| 9367 | + color: var(--orange); | |
| 9368 | +} | |
| 9369 | + | |
| 9370 | +.frm-tip-info { | |
| 9371 | + flex: 1; | |
| 9372 | + text-align: left; | |
| 9373 | +} | |
| 9374 | + | |
| 9375 | +.frm-tip-cta { | |
| 9376 | + color: var(--orange); | |
| 9377 | +} | |
| 9378 | + | |
| 9379 | +.frm-light-tip .frm_pro_tip { | |
| 9380 | + background: var(--primary-25); | |
| 9381 | +} | |
| 9382 | + | |
| 9383 | +.frm-light-tip .frm_pro_tip .frmsvg, | |
| 9384 | +.frm-light-tip .frm_pro_tip i, | |
| 9385 | +.frm-light-tip .frm-tip-cta { | |
| 9386 | + color: var(--primary-500); | |
| 9387 | +} | |
| 9388 | + | |
| 9389 | +.frm-tip-cta:hover { | |
| 9390 | + color: var(--primary-500); | |
| 9391 | +} | |
| 9392 | + | |
| 9393 | +.nav-tab-wrapper .frm_pro_tip { | |
| 9394 | + float: right; | |
| 9395 | +} | |
| 9396 | +/* End call-to-action */ | |
| 9397 | + | |
| 9398 | +/* Start confirm and form templates modals */ | |
| 9399 | +#frm-form-templates-modal textarea { | |
| 9400 | + height: 108px; | |
| 9401 | +} | |
| 9402 | + | |
| 9403 | +#frm-form-templates-modal .frm-fields button.btn { | |
| 9404 | + border-color: var(--grey-300); | |
| 9405 | + color: var(--grey-900); | |
| 9406 | + cursor: pointer; | |
| 9407 | +} | |
| 9408 | + | |
| 9409 | +#frm-form-templates-modal .frm-fields button.btn .frmsvg { | |
| 9410 | + color: var(--grey-400); | |
| 9411 | + width: 14px; | |
| 9412 | + height: 14px; | |
| 9413 | +} | |
| 9414 | + | |
| 9415 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset { | |
| 9416 | + position: relative; | |
| 9417 | +} | |
| 9418 | + | |
| 9419 | +#frm-form-templates-modal .frm-form-templates-modal-fieldset .frm-with-left-icon .frmsvg { | |
| 9420 | + padding: 0; | |
| 9421 | + top: 0; | |
| 9422 | + left: 13px; | |
| 9423 | +} | |
| 9424 | + | |
| 9425 | +/* Fixes pro issue #3508, prevent a conflict that hides the postbox in modal */ | |
| 9426 | +#frm-form-templates-modal .postbox { | |
| 9427 | + display: block !important; | |
| 9428 | +} | |
| 9429 | + | |
| 9430 | +/* Leave email modal */ | |
| 9431 | +#frm_empty_inbox #frm-leave-email-modal { | |
| 9432 | + margin-top: var(--gap-2xl); | |
| 9433 | +} | |
| 9434 | + | |
| 9435 | +/* Name your form modal */ | |
| 9436 | +#frm-name-your-form-modal .frm_modal_top { | |
| 9437 | + padding-top: var(--gap-sm); | |
| 9438 | +} | |
| 9439 | +/* End confirm and form templates modals */ | |
| 9440 | + | |
| 9441 | +/* Field Group Message */ | |
| 9442 | +#frm-field-group-message { | |
| 9443 | + position: absolute; | |
| 9444 | + bottom: 32px; | |
| 9445 | + right: calc(50% - var(--biggest-sidebar)); | |
| 9446 | + padding: var(--gap-xs) var(--gap-sm); | |
| 9447 | + border-radius: 100px; | |
| 9448 | + background-color: var(--primary-25); | |
| 9449 | +} | |
| 9450 | + | |
| 9451 | +#frm-field-group-message .frm-field-group-message-text { | |
| 9452 | + gap: 10px; | |
| 9453 | + color: var(--grey-800); | |
| 9454 | +} | |
| 9455 | + | |
| 9456 | +#frm-field-group-message .frm-shift-key { | |
| 9457 | + padding: var(--gap-2xs) var(--gap-xs); | |
| 9458 | + background-color: #D9EBFF; | |
| 9459 | + border-radius: var(--small-radius); | |
| 9460 | + gap: 2px; | |
| 9461 | +} | |
| 9462 | + | |
| 9463 | +#frm-field-group-message-dismiss { | |
| 9464 | + margin-left: var(--gap-xs) | |
| 9465 | +} | |
| 9466 | + | |
| 9467 | +#frm-field-group-message-dismiss .frmsvg { | |
| 9468 | + color: var(--grey-800); | |
| 9469 | + width: 15px; | |
| 9470 | + height: 15px; | |
| 9471 | + cursor: pointer; | |
| 9472 | + transition: color 300ms ease-in-out; | |
| 9473 | +} | |
| 9474 | + | |
| 9475 | +#frm-field-group-message-dismiss .frmsvg:hover { | |
| 9476 | + color: var(--grey-500); | |
| 9477 | +} | |
| 9478 | +/* End Field Group Message */ | |
| 9479 | + | |
| 9480 | +/* Start card layout */ | |
| 9481 | +.frm-card-item { | |
| 9482 | + display: flex; | |
| 9483 | + gap: 10px; | |
| 9484 | + border: 1px solid var(--grey-200); | |
| 9485 | + border-radius: var(--small-radius); | |
| 9486 | + padding: var(--gap-sm); | |
| 9487 | + box-shadow: var(--box-shadow-xs); | |
| 9488 | + background: #FFFFFF; | |
| 9489 | +} | |
| 9490 | +/* End card layout */ | |
| 9491 | + | |
| 9492 | +/* Pirate forms importer */ | |
| 9493 | +#welcome-panel:has(#frm_form_pf_importer) { | |
| 9494 | + background-color: #fff; | |
| 9495 | + margin: var(--gap-sm) var(--gap-md) var(--gap-md); | |
| 9496 | + line-height: 2; | |
| 9497 | +} | |
| 9498 | + | |
| 9499 | +#welcome-panel:has(#frm_form_pf_importer) .welcome-panel-content { | |
| 9500 | + text-align: start !important; | |
| 9501 | + min-height: unset; | |
| 9502 | + display: block; | |
| 9503 | +} | |
| 9504 | + | |
| 9505 | +#frm_form_pf_importer div { | |
| 9506 | + margin: 10px 0 !important; | |
| 9507 | +} | |
| 9508 | + | |
| 9509 | +#frm_form_pf_importer button { | |
| 9510 | + border: 1px solid var(--primary-500); | |
| 9511 | + padding: 7px 16px; | |
| 9512 | + min-height: 28px; | |
| 9513 | + line-height: var(--leading); | |
| 9514 | + margin-bottom: 0; | |
| 9515 | + background: var(--primary-500); | |
| 9516 | + color: #fff !important; | |
| 9517 | +} | |
| 9518 | + | |
| 9519 | +#frm_form_pf_importer button:hover { | |
| 9520 | + background: #135e96; | |
| 9521 | + border-color: #135e96; | |
| 9522 | +} | |
| 9523 | +/* End Pirate forms importer */ | |
