| @@ -1113,9 +1113,26 @@ | ||
| 1113 | 1113 | } |
| 1114 | 1114 | .charitable-settings-field.wide { |
| 1115 | 1115 | width: 100%; |
| 1116 | 1116 | } |
| 1117 | +/* Radio-list fields (e.g. PayPal Commerce Account Type): the parent `width: 300px` | |
| 1118 | + forces multi-option radio lists to wrap onto two lines. Override to natural width | |
| 1119 | + so the radios sit on one row, matching Pro 1.8.16+ rendering. @since 1.8.11.3 */ | |
| 1120 | +ul.charitable-radio-list.charitable-settings-field { | |
| 1121 | + width: auto; | |
| 1122 | + padding: 0; | |
| 1123 | +} | |
| 1117 | 1124 | |
| 1125 | +/* PayPal Commerce connection: tighter spacing between the "Not connected to PayPal" | |
| 1126 | + status row and the "Connect your PayPal account..." description below it. | |
| 1127 | + Scoped so it doesn't affect any other p.description on the page. Includes the | |
| 1128 | + #charitable-settings ID prefix to beat the (1,1,5)-specificity reset rule | |
| 1129 | + `div#charitable-settings table.form-table tbody tr td p { margin-top: 0 }` | |
| 1130 | + that otherwise wins. @since 1.8.11.3 */ | |
| 1131 | +#charitable-settings .charitable-paypal-commerce-connection p.description { | |
| 1132 | + margin-top: 10px; | |
| 1133 | +} | |
| 1134 | + | |
| 1118 | 1135 | .charitable-inline-notice { |
| 1119 | 1136 | background: #fff; |
| 1120 | 1137 | border: 1px solid #c3c4c7; |
| 1121 | 1138 | border-left-width: 4px; |
| @@ -1307,8 +1324,12 @@ | ||
| 1307 | 1324 | .charitable-notice.charitable-notice-error { |
| 1308 | 1325 | border-left: 4px solid #dc3232; |
| 1309 | 1326 | } |
| 1310 | 1327 | |
| 1328 | +.charitable-admin-notice-five-star-rating button.button, | |
| 1329 | +.charitable-admin-notice-five-star-rating a.button { | |
| 1330 | + border: 0; | |
| 1331 | +} | |
| 1311 | 1332 | .charitable-admin-notice-five-star-rating button.button:hover, |
| 1312 | 1333 | .charitable-admin-notice-five-star-rating a.button-link:hover { |
| 1313 | 1334 | background-color: transparent; |
| 1314 | 1335 | } |
| @@ -1577,9 +1598,9 @@ | ||
| 1577 | 1598 | * inside the 783px media query. |
| 1578 | 1599 | */ |
| 1579 | 1600 | .charitable-admin-banner-top-of-page { |
| 1580 | 1601 | text-align: center; |
| 1581 | - background: #E89940; | |
| 1602 | + background: #fc9a2a; | |
| 1582 | 1603 | color: #fff; |
| 1583 | 1604 | font-size: 13px; |
| 1584 | 1605 | line-height: 1.4; |
| 1585 | 1606 | padding: 10px 46px 10px 22px; |
| @@ -1797,9 +1818,9 @@ | ||
| 1797 | 1818 | padding: 0; |
| 1798 | 1819 | } |
| 1799 | 1820 | .charitable-lite-pro-popup .charitable-lite-pro-popup-button { |
| 1800 | 1821 | padding: 16px 18px; |
| 1801 | - background: #E89940; | |
| 1822 | + background: #fc9a2a; | |
| 1802 | 1823 | margin: 10px auto 0 auto; |
| 1803 | 1824 | color: #fff; |
| 1804 | 1825 | text-align: center; |
| 1805 | 1826 | font-size: 16px; |
| @@ -2076,10 +2097,10 @@ | ||
| 2076 | 2097 | padding: 8px 12px; |
| 2077 | 2098 | min-height: 39px; |
| 2078 | 2099 | } |
| 2079 | 2100 | div#charitable-settings .charitable-btn-orange { |
| 2080 | - background-color: #e27730; | |
| 2081 | - border-color: #e27730; | |
| 2101 | + background-color: #fc9a2a; | |
| 2102 | + border-color: #fc9a2a; | |
| 2082 | 2103 | color: #fff; |
| 2083 | 2104 | } |
| 2084 | 2105 | div#charitable-settings .charitable-btn-orange:hover:not(:disabled) { |
| 2085 | 2106 | background-color: #c96528; |
| @@ -2852,5 +2873,22 @@ | ||
| 2852 | 2873 | margin: 0; |
| 2853 | 2874 | padding: 0; |
| 2854 | 2875 | width: 50%; |
| 2855 | 2876 | float: left; |
| 2877 | +} | |
| 2878 | + | |
| 2879 | +/* PayPal Commerce settings page — scoped via body class added by */ | |
| 2880 | +/* charitable_paypal_commerce_admin_body_class() in charitable-paypal-commerce-hooks.php. */ | |
| 2881 | +body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4 { | |
| 2882 | + margin: 10px 0 10px 0; | |
| 2883 | + padding: 0 !important; | |
| 2884 | + /* When a description <p> follows the heading, collapse the h4 */ | |
| 2885 | + /* bottom margin so the <p> spacing takes over. */ | |
| 2886 | +} | |
| 2887 | +body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] h4:has(+ p) { | |
| 2888 | + margin-bottom: 0; | |
| 2889 | +} | |
| 2890 | +body.charitable-paypal-commerce-settings div#charitable-settings table.form-table tbody tr.section-heading th[scope=row] p { | |
| 2891 | + font-weight: 400; | |
| 2892 | + margin: 4px 0 16px 0; | |
| 2893 | + padding: 0 !important; | |
| 2856 | 2894 | } |
