| @@ -308,9 +308,9 @@ | ||
| 308 | 308 | background: #fff; |
| 309 | 309 | padding: 24px; |
| 310 | 310 | margin-right: 16px; |
| 311 | 311 | border: 1px solid #dedee7; |
| 312 | - border-radius: 2px; | |
| 312 | + border-radius: "revert-rule"; | |
| 313 | 313 | display: flex; |
| 314 | 314 | flex-direction: column; |
| 315 | 315 | margin-top: 16px; |
| 316 | 316 | } |
| @@ -375,9 +375,9 @@ | ||
| 375 | 375 | float: none !important; |
| 376 | 376 | margin: 0 !important; |
| 377 | 377 | width: 100%; |
| 378 | 378 | border: 1px solid #dedee7; |
| 379 | - border-radius: 2px; | |
| 379 | + border-radius: "revert-rule"; | |
| 380 | 380 | } |
| 381 | 381 | .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-top { |
| 382 | 382 | padding: 16px 16px 0 16px; |
| 383 | 383 | } |
| @@ -430,9 +430,9 @@ | ||
| 430 | 430 | .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .plugin-card-bottom { |
| 431 | 431 | padding: 12px 16px; |
| 432 | 432 | background-color: var(--adminify-preset-background); |
| 433 | 433 | border-top: 1px solid #dedee7; |
| 434 | - border-radius: 0 0 2px 2px; | |
| 434 | + border-radius: 0 0 "revert-rule" "revert-rule"; | |
| 435 | 435 | } |
| 436 | 436 | .wp-adminify-addons-wrapper .wp-list-table #the-list .plugin-card .authors cite a { |
| 437 | 437 | color: var(--adminify-primary) !important; |
| 438 | 438 | } |
| @@ -584,8 +584,27 @@ | ||
| 584 | 584 | |
| 585 | 585 | /* |
| 586 | 586 | * Useable Mixin |
| 587 | 587 | */ |
| 588 | +.wp-adminify { | |
| 589 | + /** | |
| 590 | + * WordPress pins #wpfooter with `position: absolute; bottom: 0` and reserves a | |
| 591 | + * flat 65px for it via #wpbody-content's bottom padding (wp-admin/css/common.css). | |
| 592 | + * That budget assumes core's single line of text. Adminify's footer carries the | |
| 593 | + * credit line plus a system info row - and wraps to more rows on narrow screens - | |
| 594 | + * so the extra height grows upward and lands on top of whatever the page ends | |
| 595 | + * with, typically a plugin's pagination. | |
| 596 | + * | |
| 597 | + * Letting it flow in normal document order removes the overlap for good, at any | |
| 598 | + * height and any screen width, instead of guessing a taller fixed reservation. | |
| 599 | + */ | |
| 600 | +} | |
| 601 | +.wp-adminify #wpfooter { | |
| 602 | + position: static; | |
| 603 | +} | |
| 604 | +.wp-adminify #wpbody-content { | |
| 605 | + padding-bottom: 20px; | |
| 606 | +} | |
| 588 | 607 | .wp-adminify .adminify-copyright { |
| 589 | 608 | display: flex; |
| 590 | 609 | flex-direction: column; |
| 591 | 610 | gap: 8px; |
| @@ -601,8 +620,10 @@ | ||
| 601 | 620 | .wp-adminify .adminify--footer { |
| 602 | 621 | display: flex; |
| 603 | 622 | align-items: center; |
| 604 | 623 | justify-content: space-between; |
| 624 | + flex-wrap: wrap; | |
| 625 | + gap: 8px 24px; | |
| 605 | 626 | } |
| 606 | 627 | .wp-adminify .adminify--footer .adminify-footer-right { |
| 607 | 628 | float: right; |
| 608 | 629 | display: flex; |
| @@ -653,8 +674,83 @@ | ||
| 653 | 674 | .adminify-cloneable-item .adminify-cloneable-helper .adminify-cloneable-remove::before { |
| 654 | 675 | color: #f04438; |
| 655 | 676 | } |
| 656 | 677 | |
| 678 | +/** | |
| 679 | + * Options-framework metabox tab navigation. | |
| 680 | + * | |
| 681 | + * The framework prints `.adminify-nav.adminify-nav-metabox > ul > li > a` and its | |
| 682 | + * JavaScript toggles `.adminify-active` on the anchor, but the layout rules for | |
| 683 | + * `.adminify-nav` are commented out in the framework stylesheet, so the tabs fall | |
| 684 | + * back to bare links. These rules give them a proper tab bar. | |
| 685 | + * | |
| 686 | + * Laid out horizontally rather than as the framework's 225px sidebar: a metabox is | |
| 687 | + * wide and short, and in the block editor's Meta Boxes panel a side column wastes | |
| 688 | + * most of the row. Scoped to `.adminify-metabox` so the settings screen, which has | |
| 689 | + * its own navigation design, is untouched. | |
| 690 | + */ | |
| 691 | +.adminify-metabox .adminify-nav-metabox { | |
| 692 | + float: none; | |
| 693 | + width: 100%; | |
| 694 | + margin: 0 0 20px; | |
| 695 | + border-bottom: 1px solid #dcdcde; | |
| 696 | +} | |
| 697 | +.adminify-metabox .adminify-nav-metabox > ul { | |
| 698 | + display: flex; | |
| 699 | + flex-wrap: wrap; | |
| 700 | + margin: 0; | |
| 701 | + padding: 0; | |
| 702 | + list-style: none; | |
| 703 | +} | |
| 704 | +.adminify-metabox .adminify-nav-metabox > ul > li { | |
| 705 | + margin: 0; | |
| 706 | +} | |
| 707 | +.adminify-metabox .adminify-nav-metabox > ul > li > a { | |
| 708 | + position: relative; | |
| 709 | + display: block; | |
| 710 | + padding: 10px 16px; | |
| 711 | + font-size: 13px; | |
| 712 | + font-weight: 500; | |
| 713 | + line-height: 1.4; | |
| 714 | + color: #50575e; | |
| 715 | + -webkit-text-decoration: none; | |
| 716 | + text-decoration: none; | |
| 717 | + background-color: transparent; | |
| 718 | + border: 1px solid transparent; | |
| 719 | + border-bottom: 0; | |
| 720 | + border-radius: 3px 3px 0 0; | |
| 721 | + transition: color 0.15s ease, background-color 0.15s ease; | |
| 722 | +} | |
| 723 | +.adminify-metabox .adminify-nav-metabox > ul > li > a:hover { | |
| 724 | + color: #1d2327; | |
| 725 | + background-color: #f0f0f1; | |
| 726 | +} | |
| 727 | +.adminify-metabox .adminify-nav-metabox > ul > li > a:focus { | |
| 728 | + box-shadow: none; | |
| 729 | + outline: none; | |
| 730 | +} | |
| 731 | +.adminify-metabox .adminify-nav-metabox > ul > li > a:focus-visible { | |
| 732 | + outline: 2px solid #3858e9; | |
| 733 | + outline-offset: -2px; | |
| 734 | +} | |
| 735 | +.adminify-metabox .adminify-nav-metabox > ul > li > a.adminify-active { | |
| 736 | + margin-bottom: -1px; | |
| 737 | + padding-bottom: 11px; | |
| 738 | + color: #1d2327; | |
| 739 | + background-color: #fff; | |
| 740 | + border-color: #dcdcde; | |
| 741 | +} | |
| 742 | +.adminify-metabox .adminify-nav-metabox .adminify-tab-icon { | |
| 743 | + margin-right: 6px; | |
| 744 | +} | |
| 745 | +.adminify-metabox .adminify-nav-metabox .adminify-label-error { | |
| 746 | + margin-left: 6px; | |
| 747 | + vertical-align: top; | |
| 748 | +} | |
| 749 | +.adminify-metabox .adminify-nav-metabox + .adminify-content { | |
| 750 | + margin-left: 0; | |
| 751 | +} | |
| 752 | + | |
| 657 | 753 | .wp-adminify #_wp_adminify_admin_page_display .inside { |
| 658 | 754 | margin: 8px 0 0; |
| 659 | 755 | } |
| 660 | 756 | .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper { |
| @@ -683,9 +779,9 @@ | ||
| 683 | 779 | font-size: 13px; |
| 684 | 780 | font-weight: 500; |
| 685 | 781 | color: #48455f; |
| 686 | 782 | padding: 8px 12px; |
| 687 | - border-radius: 2px; | |
| 783 | + border-radius: "revert-rule"; | |
| 688 | 784 | } |
| 689 | 785 | .wp-adminify #_wp_adminify_admin_page_display .inside .adminify-wrapper .adminify-nav a.adminify-active { |
| 690 | 786 | color: #fff; |
| 691 | 787 | background-color: var(--adminify-primary); |
| @@ -780,9 +876,9 @@ | ||
| 780 | 876 | font-size: 12px; |
| 781 | 877 | font-weight: 700; |
| 782 | 878 | line-height: 1.3; |
| 783 | 879 | padding: 8px 12px; |
| 784 | - border-radius: 2px; | |
| 880 | + border-radius: "revert-rule"; | |
| 785 | 881 | cursor: pointer; |
| 786 | 882 | transition: all 0.15s; |
| 787 | 883 | } |
| 788 | 884 | .adminify-btn-primary { |
| @@ -1171,9 +1267,9 @@ | ||
| 1171 | 1267 | top: 50% !important; |
| 1172 | 1268 | left: 50% !important; |
| 1173 | 1269 | margin: 0 !important; |
| 1174 | 1270 | transform: translate(-50%, -50%); |
| 1175 | - border-radius: 2px; | |
| 1271 | + border-radius: "revert-rule"; | |
| 1176 | 1272 | } |
| 1177 | 1273 | #TB_window #TB_title #TB_closeWindowButton span::before { |
| 1178 | 1274 | color: #f04438; |
| 1179 | 1275 | } |
| @@ -1303,8 +1399,12 @@ | ||
| 1303 | 1399 | #evo_et1_color .evo_et1_color_circle { |
| 1304 | 1400 | border-color: var(--adminify-menu-border); |
| 1305 | 1401 | } |
| 1306 | 1402 | |
| 1403 | +.CodeMirror { | |
| 1404 | + border: 1px solid #dcdcde; | |
| 1405 | +} | |
| 1406 | + | |
| 1307 | 1407 | .adminify-ui .top-header-search-results { |
| 1308 | 1408 | position: absolute !important; |
| 1309 | 1409 | top: 49px; |
| 1310 | 1410 | left: 50%; |
| @@ -1359,9 +1459,9 @@ | ||
| 1359 | 1459 | } |
| 1360 | 1460 | |
| 1361 | 1461 | .adminify-ui .welcome-panel { |
| 1362 | 1462 | border: 1px solid #dedee7; |
| 1363 | - border-radius: 2px; | |
| 1463 | + border-radius: "revert-rule"; | |
| 1364 | 1464 | } |
| 1365 | 1465 | .adminify-ui .welcome-panel .welcome-panel-close { |
| 1366 | 1466 | color: #fff; |
| 1367 | 1467 | } |
| @@ -1374,9 +1474,9 @@ | ||
| 1374 | 1474 | .adminify-ui .welcome-panel .welcome-panel-close:hover::before { |
| 1375 | 1475 | color: #f04438; |
| 1376 | 1476 | } |
| 1377 | 1477 | .adminify-ui .welcome-panel .welcome-panel-header { |
| 1378 | - border-radius: 2px; | |
| 1478 | + border-radius: "revert-rule"; | |
| 1379 | 1479 | } |
| 1380 | 1480 | .adminify-ui .welcome-panel .welcome-panel-header a { |
| 1381 | 1481 | color: #fff !important; |
| 1382 | 1482 | } |
| @@ -1381,9 +1481,9 @@ | ||
| 1381 | 1481 | color: #fff !important; |
| 1382 | 1482 | } |
| 1383 | 1483 | .adminify-ui #dashboard-widgets-wrap .postbox { |
| 1384 | 1484 | border-color: #dedee7; |
| 1385 | - border-radius: 2px; | |
| 1485 | + border-radius: "revert-rule"; | |
| 1386 | 1486 | } |
| 1387 | 1487 | .adminify-ui #dashboard-widgets-wrap .postbox .postbox-header { |
| 1388 | 1488 | padding: 12px 16px; |
| 1389 | 1489 | border-color: #dedee7; |
| @@ -1437,9 +1537,9 @@ | ||
| 1437 | 1537 | border-top-color: #dedee7; |
| 1438 | 1538 | border-right-color: #dedee7; |
| 1439 | 1539 | border-bottom-color: #dedee7; |
| 1440 | 1540 | background-color: #fff; |
| 1441 | - border-radius: 2px; | |
| 1541 | + border-radius: "revert-rule"; | |
| 1442 | 1542 | } |
| 1443 | 1543 | .wp-adminify .notice:not(.plugin-update .notice) .notice-dismiss::before { |
| 1444 | 1544 | color: #5a5676; |
| 1445 | 1545 | } |
| @@ -1464,9 +1564,9 @@ | ||
| 1464 | 1564 | border-top-color: #dedee7; |
| 1465 | 1565 | border-right-color: #dedee7; |
| 1466 | 1566 | border-bottom-color: #dedee7; |
| 1467 | 1567 | background-color: #fff; |
| 1468 | - border-radius: 2px; | |
| 1568 | + border-radius: "revert-rule"; | |
| 1469 | 1569 | padding: 1px 12px; |
| 1470 | 1570 | margin-top: 5px; |
| 1471 | 1571 | } |
| 1472 | 1572 | .wp-adminify .fs-notice .fs-close { |
| @@ -1515,9 +1615,9 @@ | ||
| 1515 | 1615 | } |
| 1516 | 1616 | .adminify-ui .wp-list-table, |
| 1517 | 1617 | .adminify-ui .widefat { |
| 1518 | 1618 | border-color: #dedee7; |
| 1519 | - border-radius: 2px; | |
| 1619 | + border-radius: "revert-rule"; | |
| 1520 | 1620 | } |
| 1521 | 1621 | .adminify-ui .wp-list-table .notice, |
| 1522 | 1622 | .adminify-ui .widefat .notice { |
| 1523 | 1623 | padding: 8px 16px !important; |
| @@ -1672,15 +1772,15 @@ | ||
| 1672 | 1772 | } |
| 1673 | 1773 | .adminify-ui .form-wrap { |
| 1674 | 1774 | padding: 16px; |
| 1675 | 1775 | border: 1px solid #dedee7; |
| 1676 | - border-radius: 2px; | |
| 1776 | + border-radius: "revert-rule"; | |
| 1677 | 1777 | background-color: #fff; |
| 1678 | 1778 | } |
| 1679 | 1779 | |
| 1680 | 1780 | .adminify-ui .media-toolbar { |
| 1681 | 1781 | border-color: #dedee7; |
| 1682 | - border-radius: 2px; | |
| 1782 | + border-radius: "revert-rule"; | |
| 1683 | 1783 | } |
| 1684 | 1784 | .adminify-ui .view-grid::before { |
| 1685 | 1785 | color: var(--adminify-primary) !important; |
| 1686 | 1786 | } |
| @@ -1707,15 +1807,15 @@ | ||
| 1707 | 1807 | .adminify-ui .attachments-wrapper ul li .attachment-preview { |
| 1708 | 1808 | border-radius: 6px; |
| 1709 | 1809 | } |
| 1710 | 1810 | .adminify-ui .attachments-wrapper ul li .attachment-preview .thumbnail { |
| 1711 | - border-radius: 2px; | |
| 1811 | + border-radius: "revert-rule"; | |
| 1712 | 1812 | } |
| 1713 | 1813 | .adminify-ui .attachments-wrapper ul li .attachment-preview::after { |
| 1714 | - border-radius: 2px; | |
| 1814 | + border-radius: "revert-rule"; | |
| 1715 | 1815 | } |
| 1716 | 1816 | .adminify-ui .attachments-wrapper ul li:focus { |
| 1717 | - border-radius: 2px; | |
| 1817 | + border-radius: "revert-rule"; | |
| 1718 | 1818 | box-shadow: inset 0 0 0 2px var(--adminify-primary) !important; |
| 1719 | 1819 | } |
| 1720 | 1820 | .adminify-ui .load-more-count { |
| 1721 | 1821 | color: #48455f; |
| @@ -1720,15 +1820,15 @@ | ||
| 1720 | 1820 | .adminify-ui .load-more-count { |
| 1721 | 1821 | color: #48455f; |
| 1722 | 1822 | } |
| 1723 | 1823 | .adminify-ui .media-modal .media-modal-content { |
| 1724 | - border-radius: 2px; | |
| 1824 | + border-radius: "revert-rule"; | |
| 1725 | 1825 | } |
| 1726 | 1826 | .adminify-ui .media-modal .media-modal-content .media-frame-content { |
| 1727 | 1827 | border-color: #dedee7; |
| 1728 | 1828 | } |
| 1729 | 1829 | .adminify-ui .media-modal .media-modal-content .media-frame-content .thumbnail-image img { |
| 1730 | - border-radius: 2px; | |
| 1830 | + border-radius: "revert-rule"; | |
| 1731 | 1831 | } |
| 1732 | 1832 | .adminify-ui .media-modal .media-modal-content .media-frame-content .attachment-info { |
| 1733 | 1833 | border-color: #dedee7; |
| 1734 | 1834 | } |
| @@ -1736,14 +1836,14 @@ | ||
| 1736 | 1836 | color: #736e91; |
| 1737 | 1837 | } |
| 1738 | 1838 | .adminify-ui #drag-drop-area { |
| 1739 | 1839 | border-color: #dedee7; |
| 1740 | - border-radius: 2px; | |
| 1840 | + border-radius: "revert-rule"; | |
| 1741 | 1841 | } |
| 1742 | 1842 | |
| 1743 | 1843 | .adminify-ui.options-general-php #wpbody-content form, .adminify-ui.options-writing-php #wpbody-content form, .adminify-ui.options-reading-php #wpbody-content form, .adminify-ui.options-discussion-php #wpbody-content form, .adminify-ui.options-media-php #wpbody-content form, .adminify-ui.options-permalink-php #wpbody-content form, .adminify-ui.privacy-settings #wpbody-content form, .adminify-ui.user-new-php #wpbody-content form, .adminify-ui.profile-php #wpbody-content form, .adminify-ui.export-php #wpbody-content form { |
| 1744 | 1844 | padding: 1rem 1.5rem 11px; |
| 1745 | - border-radius: 2px; | |
| 1845 | + border-radius: "revert-rule"; | |
| 1746 | 1846 | border: 1px solid #dedee7; |
| 1747 | 1847 | background-color: #fff; |
| 1748 | 1848 | } |
| 1749 | 1849 | .adminify-ui.options-general-php #wpbody-content form .action-buttons, .adminify-ui.options-writing-php #wpbody-content form .action-buttons, .adminify-ui.options-reading-php #wpbody-content form .action-buttons, .adminify-ui.options-discussion-php #wpbody-content form .action-buttons, .adminify-ui.options-media-php #wpbody-content form .action-buttons, .adminify-ui.options-permalink-php #wpbody-content form .action-buttons, .adminify-ui.privacy-settings #wpbody-content form .action-buttons, .adminify-ui.user-new-php #wpbody-content form .action-buttons, .adminify-ui.profile-php #wpbody-content form .action-buttons, .adminify-ui.export-php #wpbody-content form .action-buttons { |
| @@ -1750,9 +1850,9 @@ | ||
| 1750 | 1850 | background-color: #fff; |
| 1751 | 1851 | } |
| 1752 | 1852 | .adminify-ui.options-general-php #wpbody-content form .action-buttons button, .adminify-ui.options-writing-php #wpbody-content form .action-buttons button, .adminify-ui.options-reading-php #wpbody-content form .action-buttons button, .adminify-ui.options-discussion-php #wpbody-content form .action-buttons button, .adminify-ui.options-media-php #wpbody-content form .action-buttons button, .adminify-ui.options-permalink-php #wpbody-content form .action-buttons button, .adminify-ui.privacy-settings #wpbody-content form .action-buttons button, .adminify-ui.user-new-php #wpbody-content form .action-buttons button, .adminify-ui.profile-php #wpbody-content form .action-buttons button, .adminify-ui.export-php #wpbody-content form .action-buttons button { |
| 1753 | 1853 | border-color: #dedee7; |
| 1754 | - border-radius: 2px; | |
| 1854 | + border-radius: "revert-rule"; | |
| 1755 | 1855 | background-color: #fff; |
| 1756 | 1856 | } |
| 1757 | 1857 | .adminify-ui.options-general-php #wpbody-content .privacy-settings-header, .adminify-ui.options-writing-php #wpbody-content .privacy-settings-header, .adminify-ui.options-reading-php #wpbody-content .privacy-settings-header, .adminify-ui.options-discussion-php #wpbody-content .privacy-settings-header, .adminify-ui.options-media-php #wpbody-content .privacy-settings-header, .adminify-ui.options-permalink-php #wpbody-content .privacy-settings-header, .adminify-ui.privacy-settings #wpbody-content .privacy-settings-header, .adminify-ui.user-new-php #wpbody-content .privacy-settings-header, .adminify-ui.profile-php #wpbody-content .privacy-settings-header, .adminify-ui.export-php #wpbody-content .privacy-settings-header { |
| 1758 | 1858 | border-color: #dedee7; |
| @@ -1762,14 +1862,14 @@ | ||
| 1762 | 1862 | } |
| 1763 | 1863 | .adminify-ui.options-general-php #wpbody-content .privacy-settings-body, .adminify-ui.options-writing-php #wpbody-content .privacy-settings-body, .adminify-ui.options-reading-php #wpbody-content .privacy-settings-body, .adminify-ui.options-discussion-php #wpbody-content .privacy-settings-body, .adminify-ui.options-media-php #wpbody-content .privacy-settings-body, .adminify-ui.options-permalink-php #wpbody-content .privacy-settings-body, .adminify-ui.privacy-settings #wpbody-content .privacy-settings-body, .adminify-ui.user-new-php #wpbody-content .privacy-settings-body, .adminify-ui.profile-php #wpbody-content .privacy-settings-body, .adminify-ui.export-php #wpbody-content .privacy-settings-body { |
| 1764 | 1864 | max-width: 92%; |
| 1765 | 1865 | padding: 0 1.5rem 11px; |
| 1766 | - border-radius: 2px; | |
| 1866 | + border-radius: "revert-rule"; | |
| 1767 | 1867 | border: 1px solid #dedee7; |
| 1768 | 1868 | background-color: #fff; |
| 1769 | 1869 | } |
| 1770 | 1870 | .adminify-ui.options-general-php #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.options-writing-php #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.options-reading-php #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.options-discussion-php #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.options-media-php #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.options-permalink-php #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.privacy-settings #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.user-new-php #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.profile-php #wpbody-content .privacy-settings-body .privacy-settings-accordion, .adminify-ui.export-php #wpbody-content .privacy-settings-body .privacy-settings-accordion { |
| 1771 | - border-radius: 2px; | |
| 1871 | + border-radius: "revert-rule"; | |
| 1772 | 1872 | border-color: #dedee7; |
| 1773 | 1873 | } |
| 1774 | 1874 | .adminify-ui.options-general-php #wpbody-content .privacy-settings-body .privacy-settings-accordion .privacy-settings-accordion-panel, |
| 1775 | 1875 | .adminify-ui.options-general-php #wpbody-content .privacy-settings-body .privacy-settings-accordion .privacy-settings-accordion-trigger, .adminify-ui.options-writing-php #wpbody-content .privacy-settings-body .privacy-settings-accordion .privacy-settings-accordion-panel, |
| @@ -1808,9 +1908,9 @@ | ||
| 1808 | 1908 | .adminify-ui.user-new-php #wpbody-content .privacy-settings-body .privacy-settings-accordion .privacy-settings-accordion-trigger:not(.privacy-settings-accordion-panel):focus, .adminify-ui.profile-php #wpbody-content .privacy-settings-body .privacy-settings-accordion .privacy-settings-accordion-panel:not(.privacy-settings-accordion-panel):focus, |
| 1809 | 1909 | .adminify-ui.profile-php #wpbody-content .privacy-settings-body .privacy-settings-accordion .privacy-settings-accordion-trigger:not(.privacy-settings-accordion-panel):focus, .adminify-ui.export-php #wpbody-content .privacy-settings-body .privacy-settings-accordion .privacy-settings-accordion-panel:not(.privacy-settings-accordion-panel):focus, |
| 1810 | 1910 | .adminify-ui.export-php #wpbody-content .privacy-settings-body .privacy-settings-accordion .privacy-settings-accordion-trigger:not(.privacy-settings-accordion-panel):focus { |
| 1811 | 1911 | outline-color: var(--adminify-primary); |
| 1812 | - border-radius: 2px; | |
| 1912 | + border-radius: "revert-rule"; | |
| 1813 | 1913 | } |
| 1814 | 1914 | .adminify-ui.options-general-php #wpbody-content .hr-separator, .adminify-ui.options-writing-php #wpbody-content .hr-separator, .adminify-ui.options-reading-php #wpbody-content .hr-separator, .adminify-ui.options-discussion-php #wpbody-content .hr-separator, .adminify-ui.options-media-php #wpbody-content .hr-separator, .adminify-ui.options-permalink-php #wpbody-content .hr-separator, .adminify-ui.privacy-settings #wpbody-content .hr-separator, .adminify-ui.user-new-php #wpbody-content .hr-separator, .adminify-ui.profile-php #wpbody-content .hr-separator, .adminify-ui.export-php #wpbody-content .hr-separator { |
| 1815 | 1915 | border-top-color: #dedee7; |
| 1816 | 1916 | } |
| @@ -1819,9 +1919,9 @@ | ||
| 1819 | 1919 | background: #fff; |
| 1820 | 1920 | padding: 24px; |
| 1821 | 1921 | margin-right: 16px; |
| 1822 | 1922 | border: 1px solid #dedee7; |
| 1823 | - border-radius: 2px; | |
| 1923 | + border-radius: "revert-rule"; | |
| 1824 | 1924 | margin-top: 48px !important; |
| 1825 | 1925 | } |
| 1826 | 1926 | .adminify-ui .plugin-install-tab-featured .wp-filter { |
| 1827 | 1927 | display: flex; |
| @@ -1871,9 +1971,9 @@ | ||
| 1871 | 1971 | float: none !important; |
| 1872 | 1972 | margin: 0 !important; |
| 1873 | 1973 | width: 100%; |
| 1874 | 1974 | border: 1px solid #dedee7; |
| 1875 | - border-radius: 2px; | |
| 1975 | + border-radius: "revert-rule"; | |
| 1876 | 1976 | } |
| 1877 | 1977 | .adminify-ui .plugin-install-tab-featured .wp-list-table #the-list .plugin-card .plugin-card-top { |
| 1878 | 1978 | padding: 16px 16px 0 16px; |
| 1879 | 1979 | } |
| @@ -1926,9 +2026,9 @@ | ||
| 1926 | 2026 | .adminify-ui .plugin-install-tab-featured .wp-list-table #the-list .plugin-card .plugin-card-bottom { |
| 1927 | 2027 | padding: 12px 16px; |
| 1928 | 2028 | background-color: var(--adminify-preset-background); |
| 1929 | 2029 | border-top: 1px solid #dedee7; |
| 1930 | - border-radius: 0 0 2px 2px; | |
| 2030 | + border-radius: 0 0 "revert-rule" "revert-rule"; | |
| 1931 | 2031 | } |
| 1932 | 2032 | .adminify-ui .plugin-install-tab-featured .wp-list-table #the-list .plugin-card .authors cite a { |
| 1933 | 2033 | color: var(--adminify-primary) !important; |
| 1934 | 2034 | } |
| @@ -1943,22 +2043,22 @@ | ||
| 1943 | 2043 | /* |
| 1944 | 2044 | * Useable Mixin |
| 1945 | 2045 | */ |
| 1946 | 2046 | .adminify-ui #wpbody-content .theme-browser .themes .theme { |
| 1947 | - border-radius: 2px; | |
| 2047 | + border-radius: "revert-rule"; | |
| 1948 | 2048 | } |
| 1949 | 2049 | .adminify-ui #wpbody-content .theme-browser .themes .theme .theme-screenshot { |
| 1950 | - border-radius: 2px 2px 0 0; | |
| 2050 | + border-radius: "revert-rule" "revert-rule" 0 0; | |
| 1951 | 2051 | } |
| 1952 | 2052 | .adminify-ui #wpbody-content .theme-browser .themes .theme .theme-id-container .theme-name { |
| 1953 | - border-radius: 0 0 2px 2px; | |
| 2053 | + border-radius: 0 0 "revert-rule" "revert-rule"; | |
| 1954 | 2054 | } |
| 1955 | 2055 | .adminify-ui #wpbody-content .theme-browser .themes .theme .more-details { |
| 1956 | - border-radius: 2px; | |
| 2056 | + border-radius: "revert-rule"; | |
| 1957 | 2057 | background-color: var(--adminify-primary); |
| 1958 | 2058 | } |
| 1959 | 2059 | .adminify-ui #wpbody-content .theme-browser .themes .theme.add-new-theme a::after { |
| 1960 | - border-radius: 2px; | |
| 2060 | + border-radius: "revert-rule"; | |
| 1961 | 2061 | border-color: #dedee7; |
| 1962 | 2062 | } |
| 1963 | 2063 | .adminify-ui #wpbody-content .theme-browser .themes .theme.add-new-theme a:hover::after { |
| 1964 | 2064 | border-color: var(--adminify-primary); |
| @@ -1967,9 +2067,9 @@ | ||
| 1967 | 2067 | .adminify-ui #wpbody-content .theme-browser .themes .theme.add-new-theme a:hover .theme-screenshot span::after { |
| 1968 | 2068 | color: var(--adminify-primary); |
| 1969 | 2069 | } |
| 1970 | 2070 | .adminify-ui #wpbody-content .theme-wrap { |
| 1971 | - border-radius: 2px; | |
| 2071 | + border-radius: "revert-rule"; | |
| 1972 | 2072 | } |
| 1973 | 2073 | .adminify-ui #wpbody-content .theme-wrap .theme-header { |
| 1974 | 2074 | border-color: #dedee7; |
| 1975 | 2075 | } |
| @@ -1986,9 +2086,9 @@ | ||
| 1986 | 2086 | color: red; |
| 1987 | 2087 | } |
| 1988 | 2088 | .adminify-ui #wpbody-content .theme-wrap .theme-about .screenshot { |
| 1989 | 2089 | box-shadow: 0 0 0 1px #dedee7; |
| 1990 | - border-radius: 2px; | |
| 2090 | + border-radius: "revert-rule"; | |
| 1991 | 2091 | } |
| 1992 | 2092 | .adminify-ui #wpbody-content .theme-wrap .theme-about .theme-info .theme-name { |
| 1993 | 2093 | font-size: 32px; |
| 1994 | 2094 | font-weight: 300; |
| @@ -2004,9 +2104,9 @@ | ||
| 2004 | 2104 | border-color: #dedee7; |
| 2005 | 2105 | } |
| 2006 | 2106 | .adminify-ui #wpbody-content .theme-wrap .theme-actions { |
| 2007 | 2107 | border-color: #dedee7; |
| 2008 | - border-radius: 0 0 2px 2px; | |
| 2108 | + border-radius: 0 0 "revert-rule" "revert-rule"; | |
| 2009 | 2109 | } |
| 2010 | 2110 | |
| 2011 | 2111 | .adminify-ui.adminify-dark-mode { |
| 2012 | 2112 | height: auto; |
| @@ -2024,9 +2124,9 @@ | ||
| 2024 | 2124 | } |
| 2025 | 2125 | .adminify-ui .button:not(.adminify-warning-primary):not(.wpsc-boost-migration-button) { |
| 2026 | 2126 | color: #fff; |
| 2027 | 2127 | background: transparent; |
| 2028 | - border-radius: 2px; | |
| 2128 | + border-radius: "revert-rule"; | |
| 2029 | 2129 | cursor: pointer; |
| 2030 | 2130 | transition: all 0.15s; |
| 2031 | 2131 | border: 1px solid var(--adminify-primary); |
| 2032 | 2132 | color: var(--adminify-primary); |
| @@ -2041,9 +2141,9 @@ | ||
| 2041 | 2141 | .adminify-ui input[type=submit]:not(.adminify-btn):not(.wpsc-boost-migration-button), |
| 2042 | 2142 | .adminify-ui .button-primary:not(.adminify-btn):not(.wpsc-boost-migration-button), |
| 2043 | 2143 | .adminify-ui a.page-title-action:not(.adminify-btn):not(.wpsc-boost-migration-button) { |
| 2044 | 2144 | color: #fff; |
| 2045 | - border-radius: 2px; | |
| 2145 | + border-radius: "revert-rule"; | |
| 2046 | 2146 | cursor: pointer; |
| 2047 | 2147 | transition: all 0.15s; |
| 2048 | 2148 | border: 1px solid var(--adminify-primary); |
| 2049 | 2149 | background: var(--adminify-primary); |
| @@ -2054,8 +2154,13 @@ | ||
| 2054 | 2154 | color: var(--adminify-primary); |
| 2055 | 2155 | background: transparent; |
| 2056 | 2156 | border-color: var(--adminify-primary); |
| 2057 | 2157 | } |
| 2158 | +.adminify-ui .button[aria-disabled=true], | |
| 2159 | +.adminify-ui button[aria-disabled=true], | |
| 2160 | +.adminify-ui input[type=submit][aria-disabled=true] { | |
| 2161 | + opacity: 0.6; | |
| 2162 | +} | |
| 2058 | 2163 | .adminify-ui p { |
| 2059 | 2164 | color: #5a5676; |
| 2060 | 2165 | } |
| 2061 | 2166 | .adminify-ui a:focus img { |
| @@ -2151,9 +2256,9 @@ | ||
| 2151 | 2256 | } |
| 2152 | 2257 | .adminify-ui select { |
| 2153 | 2258 | color: #48455f; |
| 2154 | 2259 | border-color: #dedee7; |
| 2155 | - border-radius: 2px; | |
| 2260 | + border-radius: "revert-rule"; | |
| 2156 | 2261 | outline: none; |
| 2157 | 2262 | background-color: #fff; |
| 2158 | 2263 | } |
| 2159 | 2264 | .adminify-ui select:hover { |
| @@ -2170,9 +2275,9 @@ | ||
| 2170 | 2275 | line-height: 16px; |
| 2171 | 2276 | color: #fff; |
| 2172 | 2277 | background-color: var(--adminify-primary); |
| 2173 | 2278 | border-color: var(--adminify-primary); |
| 2174 | - border-radius: 2px; | |
| 2279 | + border-radius: "revert-rule"; | |
| 2175 | 2280 | transition: all 0.15s; |
| 2176 | 2281 | } |
| 2177 | 2282 | .adminify-ui input:not(.adminify-btn)[type=submit]:hover { |
| 2178 | 2283 | color: var(--adminify-primary); |
| @@ -2271,9 +2376,9 @@ | ||
| 2271 | 2376 | } |
| 2272 | 2377 | .adminify-ui #wpbody-content .widefat.importers tbody .importer-item { |
| 2273 | 2378 | background: #fff; |
| 2274 | 2379 | border: 1px solid #dedee7; |
| 2275 | - border-radius: 2px; | |
| 2380 | + border-radius: "revert-rule"; | |
| 2276 | 2381 | padding: 1.125rem; |
| 2277 | 2382 | position: relative; |
| 2278 | 2383 | } |
| 2279 | 2384 | .adminify-ui #wpbody-content .widefat.importers tbody .importer-item > td { |
| @@ -2305,9 +2410,9 @@ | ||
| 2305 | 2410 | box-shadow: none; |
| 2306 | 2411 | } |
| 2307 | 2412 | .adminify-ui #wpbody-content #screen-meta { |
| 2308 | 2413 | border-color: #dedee7; |
| 2309 | - border-radius: 0 0 2px 2px; | |
| 2414 | + border-radius: 0 0 "revert-rule" "revert-rule"; | |
| 2310 | 2415 | } |
| 2311 | 2416 | .adminify-ui #wpbody-content #screen-meta #contextual-help-wrap #contextual-help-back { |
| 2312 | 2417 | border-color: #dedee7; |
| 2313 | 2418 | background-color: #fff; |
| @@ -2318,11 +2423,126 @@ | ||
| 2318 | 2423 | background-color: #fff; |
| 2319 | 2424 | } |
| 2320 | 2425 | .adminify-ui .card { |
| 2321 | 2426 | border-color: #dedee7; |
| 2322 | - border-radius: 2px; | |
| 2427 | + border-radius: "revert-rule"; | |
| 2323 | 2428 | } |
| 2429 | +.adminify-ui #wp-adminify-color-mode-wrapper { | |
| 2430 | + position: relative; | |
| 2431 | +} | |
| 2432 | +.adminify-ui #wp-adminify-color-mode-wrapper .mode-icon { | |
| 2433 | + padding: 4px; | |
| 2434 | + width: 18px; | |
| 2435 | + height: 32px; | |
| 2436 | + display: flex; | |
| 2437 | + align-items: center; | |
| 2438 | + justify-content: center; | |
| 2439 | + border-radius: 50%; | |
| 2440 | + position: relative; | |
| 2441 | + box-sizing: border-box; | |
| 2442 | + cursor: pointer; | |
| 2443 | + transition: all 0.2s ease-out; | |
| 2444 | +} | |
| 2445 | +.adminify-ui #wp-adminify-color-mode-wrapper .mode-icon.adminify-color-mode-system-active { | |
| 2446 | + width: 22px; | |
| 2447 | +} | |
| 2448 | +.adminify-ui #wp-adminify-color-mode-wrapper .mode-icon .darkIcon, | |
| 2449 | +.adminify-ui #wp-adminify-color-mode-wrapper .mode-icon .lightIcon { | |
| 2450 | + position: absolute; | |
| 2451 | +} | |
| 2452 | +.adminify-ui #wp-adminify-color-mode-wrapper .mode-icon > svg { | |
| 2453 | + width: 18px; | |
| 2454 | + height: 18px; | |
| 2455 | +} | |
| 2456 | +.adminify-ui #wp-adminify-color-mode-wrapper .mode-icon > svg.systemIcon { | |
| 2457 | + width: 14px; | |
| 2458 | + height: 14px; | |
| 2459 | +} | |
| 2460 | +.adminify-ui #wp-adminify-color-mode-wrapper .mode-icon > svg.systemIcon path { | |
| 2461 | + stroke-width: 1.5px; | |
| 2462 | +} | |
| 2324 | 2463 | .adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown { |
| 2464 | + background: #2c3338; | |
| 2465 | + width: 110px; | |
| 2466 | + border: 1px solid #eee; | |
| 2467 | + border-radius: 10px; | |
| 2468 | + padding: 5px 0 5px 10px; | |
| 2469 | + display: flex; | |
| 2470 | + flex-direction: column; | |
| 2471 | + position: absolute; | |
| 2472 | + top: 40px; | |
| 2473 | + right: -39px; | |
| 2474 | + z-index: 9999; | |
| 2475 | + box-sizing: border-box; | |
| 2476 | + visibility: hidden; | |
| 2477 | + opacity: 0.0001; | |
| 2478 | + transition: 0.3s cubic-bezier(0.2, 0, 0, 1.6); | |
| 2479 | + transform: scale(0.6) translateY(-20%); | |
| 2480 | + -webkit-transform: scale(0.6) translateY(-20%); | |
| 2481 | +} | |
| 2482 | +.adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown::before { | |
| 2483 | + content: ""; | |
| 2484 | + position: absolute; | |
| 2485 | + height: 12px; | |
| 2486 | + width: 12px; | |
| 2487 | + border: solid 1px #eee; | |
| 2488 | + border-width: 1px 0 0 1px; | |
| 2489 | + transform: rotate(45deg); | |
| 2490 | + -webkit-transform: rotate(45deg); | |
| 2491 | + background-color: #2c3338; | |
| 2492 | + top: -7px; | |
| 2493 | + left: 0; | |
| 2494 | + right: 0; | |
| 2495 | + margin: auto; | |
| 2496 | +} | |
| 2497 | +.adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown > div { | |
| 2498 | + background: none; | |
| 2499 | + border: none; | |
| 2500 | + text-align: left; | |
| 2501 | + font-size: 14px; | |
| 2502 | + color: white; | |
| 2503 | + padding: 3px 8px; | |
| 2504 | + display: flex; | |
| 2505 | + align-items: center; | |
| 2506 | + gap: 8px; | |
| 2507 | + cursor: pointer; | |
| 2508 | +} | |
| 2509 | +.adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown > div > span { | |
| 2510 | + font-size: 12px; | |
| 2511 | + color: #fff; | |
| 2512 | +} | |
| 2513 | +.adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown > div > svg.lightIcon, | |
| 2514 | +.adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown > div > svg.darkIcon { | |
| 2515 | + width: 16px !important; | |
| 2516 | +} | |
| 2517 | +.adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown > div > svg.systemIcon { | |
| 2518 | + width: 14px; | |
| 2519 | +} | |
| 2520 | +.adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown > div > svg.systemIcon path { | |
| 2521 | + stroke-width: 1.5px; | |
| 2522 | +} | |
| 2523 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-dark-active .darkIcon { | |
| 2524 | + display: block; | |
| 2525 | +} | |
| 2526 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-dark-active .lightIcon, | |
| 2527 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-dark-active .systemIcon { | |
| 2528 | + display: none; | |
| 2529 | +} | |
| 2530 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-light-active .darkIcon, | |
| 2531 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-light-active .systemIcon { | |
| 2532 | + display: none; | |
| 2533 | +} | |
| 2534 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-light-active .lightIcon { | |
| 2535 | + display: block; | |
| 2536 | +} | |
| 2537 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-system-active .systemIcon { | |
| 2538 | + display: block; | |
| 2539 | +} | |
| 2540 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-system-active .lightIcon, | |
| 2541 | +.adminify-ui #wp-adminify-color-mode-wrapper .adminify-color-mode-system-active .darkIcon { | |
| 2542 | + display: none; | |
| 2543 | +} | |
| 2544 | +.adminify-ui #wp-adminify-color-mode-wrapper .light-dark-dropdown { | |
| 2325 | 2545 | background: var(--adminify-menu-bg); |
| 2326 | 2546 | border-color: #dedee7; |
| 2327 | 2547 | box-shadow: 0px 0px 54px 0px rgba(20, 20, 42, 0.07); |
| 2328 | 2548 | } |
| @@ -2352,8 +2572,14 @@ | ||
| 2352 | 2572 | display: none; |
| 2353 | 2573 | } |
| 2354 | 2574 | .adminify-ui #seopress-header { |
| 2355 | 2575 | display: none; |
| 2576 | +} | |
| 2577 | +.adminify-ui .adminify-logout-btn { | |
| 2578 | + padding: 10px; | |
| 2579 | +} | |
| 2580 | +.adminify-ui .adminify-logout-btn:hover svg path { | |
| 2581 | + fill: var(--adminify-primary); | |
| 2356 | 2582 | } |
| 2357 | 2583 | |
| 2358 | 2584 | body.adminify-ui.e-has-sidebar-navigation #editor-one-sidebar-navigation { |
| 2359 | 2585 | left: 0 !important; |
