| @@ -102,9 +102,9 @@ | ||
| 102 | 102 | background-color: #ffffff; |
| 103 | 103 | margin: 0 0 0 -20px; |
| 104 | 104 | padding-right: 20px; |
| 105 | 105 | width: 100%; |
| 106 | - border-top: 3px solid #E89940; | |
| 106 | + border-top: 3px solid #fc9a2a; | |
| 107 | 107 | border-bottom: 1px solid #ddd; |
| 108 | 108 | border-left: 0; |
| 109 | 109 | border-right: 0; |
| 110 | 110 | } |
| @@ -154,8 +154,9 @@ | ||
| 154 | 154 | display: block; |
| 155 | 155 | } |
| 156 | 156 | #charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox { |
| 157 | 157 | position: relative; |
| 158 | + height: 27px; | |
| 158 | 159 | } |
| 159 | 160 | #charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox svg { |
| 160 | 161 | width: 30px; |
| 161 | 162 | height: 34.5px; |
| @@ -166,9 +167,9 @@ | ||
| 166 | 167 | color: #8c8e96; |
| 167 | 168 | } |
| 168 | 169 | #charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox .number { |
| 169 | 170 | position: absolute; |
| 170 | - background-color: #df2a4a; | |
| 171 | + background-color: #2271b1; | |
| 171 | 172 | width: 16px; |
| 172 | 173 | height: 16px; |
| 173 | 174 | font-weight: 600; |
| 174 | 175 | font-size: 10px; |
| @@ -179,8 +180,11 @@ | ||
| 179 | 180 | margin-left: 0px; |
| 180 | 181 | animation: wpchar-bounce-in 1.2s 5; |
| 181 | 182 | z-index: 2; |
| 182 | 183 | } |
| 184 | +#charitable-admin-header .charitable-header-logos ul li a.charitable-notification-inbox .number.alert { | |
| 185 | + background-color: #df2a4a; | |
| 186 | +} | |
| 183 | 187 | #charitable-admin-header .charitable-header-logos ul li a:hover { |
| 184 | 188 | opacity: 0.5; |
| 185 | 189 | } |
| 186 | 190 | |
| @@ -222,13 +226,15 @@ | ||
| 222 | 226 | body.post-type-campaign table thead td, |
| 223 | 227 | body.post-type-campaign table tfoot td { |
| 224 | 228 | border-color: #DDD; |
| 225 | 229 | } |
| 226 | -body.post-type-campaign table td.title { | |
| 230 | +body.post-type-campaign table td.title, | |
| 231 | +body.post-type-campaign table th.title { | |
| 227 | 232 | font-weight: 400; |
| 228 | 233 | padding-right: 50px; |
| 229 | 234 | } |
| 230 | -body.post-type-campaign table td.title a { | |
| 235 | +body.post-type-campaign table td.title a, | |
| 236 | +body.post-type-campaign table th.title a { | |
| 231 | 237 | font-weight: 400; |
| 232 | 238 | } |
| 233 | 239 | body.post-type-campaign h1 { |
| 234 | 240 | font-family: "Inter", sans-serif; |
| @@ -361,15 +367,17 @@ | ||
| 361 | 367 | } |
| 362 | 368 | body.post-type-campaign .jconfirm .jconfirm-cell { |
| 363 | 369 | display: block; |
| 364 | 370 | } |
| 365 | -body.post-type-campaign.edit-php.post-type-campaign th.check-column label:hover { | |
| 371 | +body.post-type-campaign.edit-php.post-type-campaign tbody th.check-column label:hover, | |
| 372 | +body.post-type-campaign.edit-php.post-type-campaign tbody td.check-column label:hover { | |
| 366 | 373 | background-color: transparent; |
| 367 | 374 | } |
| 368 | 375 | body.post-type-campaign.edit-php.post-type-campaign .check-column input:hover + label { |
| 369 | 376 | background-color: transparent; |
| 370 | 377 | } |
| 371 | -body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td { | |
| 378 | +body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td, | |
| 379 | +body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.column-primary { | |
| 372 | 380 | vertical-align: middle; |
| 373 | 381 | } |
| 374 | 382 | body.post-type-campaign.edit-php.post-type-campaign .actions { |
| 375 | 383 | vertical-align: middle; |
| @@ -381,13 +389,15 @@ | ||
| 381 | 389 | border: 1px solid #ccc; |
| 382 | 390 | background-color: transparent; |
| 383 | 391 | margin: 0 5px 0 0; |
| 384 | 392 | } |
| 385 | -body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.check-column input[type=checkbox] { | |
| 393 | +body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.check-column input[type=checkbox], | |
| 394 | +body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td.check-column input[type=checkbox] { | |
| 386 | 395 | margin-top: 3px; |
| 387 | 396 | } |
| 388 | 397 | body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.check-column, |
| 389 | -body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td { | |
| 398 | +body.post-type-campaign.edit-php.post-type-campaign tbody#the-list td, | |
| 399 | +body.post-type-campaign.edit-php.post-type-campaign tbody#the-list th.column-primary { | |
| 390 | 400 | vertical-align: top; |
| 391 | 401 | padding-top: 20px; |
| 392 | 402 | height: 80px; |
| 393 | 403 | } |
| @@ -471,9 +481,9 @@ | ||
| 471 | 481 | height: 28px; |
| 472 | 482 | display: inline-block; |
| 473 | 483 | padding-top: 0; |
| 474 | 484 | padding-bottom: 0; |
| 475 | - line-height: 26px; | |
| 485 | + line-height: 30px; | |
| 476 | 486 | top: -2px; |
| 477 | 487 | } |
| 478 | 488 | body.post-type-campaign #wpbody-content .page-title-action:hover { |
| 479 | 489 | background-color: #3f7539; |
| @@ -627,9 +637,11 @@ | ||
| 627 | 637 | } |
| 628 | 638 | |
| 629 | 639 | /* specific to starting from scratch */ |
| 630 | 640 | body.post-type-campaign.edit-php.charitable-campaigns-0-published #posts-filter tbody#the-list td, |
| 631 | -body.post-type-campaign.edit-php.charitable-campaigns-0-trash #posts-filter tbody#the-list td { | |
| 641 | +body.post-type-campaign.edit-php.charitable-campaigns-0-published #posts-filter tbody#the-list th.column-primary, | |
| 642 | +body.post-type-campaign.edit-php.charitable-campaigns-0-trash #posts-filter tbody#the-list td, | |
| 643 | +body.post-type-campaign.edit-php.charitable-campaigns-0-trash #posts-filter tbody#the-list th.column-primary { | |
| 632 | 644 | vertical-align: middle; |
| 633 | 645 | padding-top: 20px; |
| 634 | 646 | padding-bottom: 20px; |
| 635 | 647 | height: auto; |
| @@ -678,13 +690,15 @@ | ||
| 678 | 690 | body.post-type-donation table thead td, |
| 679 | 691 | body.post-type-donation table tfoot td { |
| 680 | 692 | border-color: #DDD; |
| 681 | 693 | } |
| 682 | -body.post-type-donation table td.title { | |
| 694 | +body.post-type-donation table td.title, | |
| 695 | +body.post-type-donation table th.title { | |
| 683 | 696 | font-weight: 400; |
| 684 | 697 | padding-right: 50px; |
| 685 | 698 | } |
| 686 | -body.post-type-donation table td.title a { | |
| 699 | +body.post-type-donation table td.title a, | |
| 700 | +body.post-type-donation table th.title a { | |
| 687 | 701 | font-weight: 400; |
| 688 | 702 | color: #454955; |
| 689 | 703 | } |
| 690 | 704 | body.post-type-donation h1 { |
| @@ -827,9 +841,10 @@ | ||
| 827 | 841 | } |
| 828 | 842 | body.post-type-donation .jconfirm .jconfirm-cell { |
| 829 | 843 | display: block; |
| 830 | 844 | } |
| 831 | -body.post-type-donation.edit-php.post-type-donation tbody#the-list td { | |
| 845 | +body.post-type-donation.edit-php.post-type-donation tbody#the-list td, | |
| 846 | +body.post-type-donation.edit-php.post-type-donation tbody#the-list th.column-primary { | |
| 832 | 847 | vertical-align: middle; |
| 833 | 848 | } |
| 834 | 849 | body.post-type-donation.edit-php.post-type-donation .actions { |
| 835 | 850 | vertical-align: middle; |
| @@ -841,13 +856,15 @@ | ||
| 841 | 856 | border: 1px solid #ccc; |
| 842 | 857 | background-color: transparent; |
| 843 | 858 | margin: 0 5px 0 0; |
| 844 | 859 | } |
| 845 | -body.post-type-donation.edit-php.post-type-donation tbody#the-list th.check-column input[type=checkbox] { | |
| 860 | +body.post-type-donation.edit-php.post-type-donation tbody#the-list th.check-column input[type=checkbox], | |
| 861 | +body.post-type-donation.edit-php.post-type-donation tbody#the-list td.check-column input[type=checkbox] { | |
| 846 | 862 | margin-top: 3px; |
| 847 | 863 | } |
| 848 | 864 | body.post-type-donation.edit-php.post-type-donation tbody#the-list th.check-column, |
| 849 | -body.post-type-donation.edit-php.post-type-donation tbody#the-list td { | |
| 865 | +body.post-type-donation.edit-php.post-type-donation tbody#the-list td, | |
| 866 | +body.post-type-donation.edit-php.post-type-donation tbody#the-list th.column-primary { | |
| 850 | 867 | vertical-align: top; |
| 851 | 868 | padding-top: 20px; |
| 852 | 869 | } |
| 853 | 870 | body.post-type-donation.edit-php.post-type-donation tbody#the-list tr.no-items td { |
| @@ -1489,8 +1506,51 @@ | ||
| 1489 | 1506 | vertical-align: super; |
| 1490 | 1507 | font-size: 9px; |
| 1491 | 1508 | } |
| 1492 | 1509 | |
| 1510 | +/* | |
| 1511 | + * "New" pill on a Charitable Tools tab. | |
| 1512 | + * | |
| 1513 | + * Values copied EXACTLY from the Site Analysis badge on Reports, which is the | |
| 1514 | + * established Charitable "New" tab badge. That one is an inline ::after rule | |
| 1515 | + * built in Charitable_Site_Analysis::enqueue_assets() - | |
| 1516 | + * `.nav-tab.site-analysis::after { content:"New"; ... }` - so this is the same | |
| 1517 | + * fill, text colour, size, weight, padding and vertical offset, just applied to | |
| 1518 | + * a real element instead of generated content. | |
| 1519 | + * | |
| 1520 | + * A <span> rather than content:"New" on purpose: CSS generated content cannot | |
| 1521 | + * be translated, and the Site Analysis badge's label is therefore stuck in | |
| 1522 | + * English on every locale. Same appearance, one fewer untranslatable string. | |
| 1523 | + * | |
| 1524 | + * #5AA152 is NOT canon brand green (#31714c) - it is the as-built value the | |
| 1525 | + * Site Analysis badge already ships, matched deliberately because the point is | |
| 1526 | + * for the two badges to be indistinguishable. Changing it is a separate | |
| 1527 | + * decision that should move both at once. | |
| 1528 | + * | |
| 1529 | + * Here rather than in charitable-ai-mcp.css because that stylesheet is only | |
| 1530 | + * enqueued on tab=ai-mcp, and the badge exists to be seen from the OTHER tabs. | |
| 1531 | + * | |
| 1532 | + * Edited in the .css directly, NOT in assets/scss/admin/charitable-admin.scss. | |
| 1533 | + * The build has no sass step - bin/build.sh --css only runs | |
| 1534 | + * minify_admin_css.sh - so the .scss tree is not compiled and is not the source | |
| 1535 | + * of truth for this file. Editing the .scss here changed nothing. | |
| 1536 | + */ | |
| 1537 | +.nav-tab .charitable-tab-new-badge { | |
| 1538 | + display: inline-block; | |
| 1539 | + background-color: #5AA152; | |
| 1540 | + padding: 3px 7px; | |
| 1541 | + font-size: 11px; | |
| 1542 | + line-height: 11px; | |
| 1543 | + text-transform: uppercase; | |
| 1544 | + color: #fff; | |
| 1545 | + font-weight: 600; | |
| 1546 | + margin-left: 5px; | |
| 1547 | + margin-right: 5px; | |
| 1548 | + margin-top: 0; | |
| 1549 | + position: relative; | |
| 1550 | + top: -7px; | |
| 1551 | +} | |
| 1552 | + | |
| 1493 | 1553 | /* settings */ |
| 1494 | 1554 | body.charitable_page_charitable-settings table, |
| 1495 | 1555 | body.charitable_page_charitable-reports table, |
| 1496 | 1556 | body.post-type-charitable.edit-tags-php table, |
| @@ -1533,20 +1593,30 @@ | ||
| 1533 | 1593 | body.charitable_page_charitable-addons table tfoot td { |
| 1534 | 1594 | border-color: #DDD; |
| 1535 | 1595 | } |
| 1536 | 1596 | body.charitable_page_charitable-settings table td.title, |
| 1597 | +body.charitable_page_charitable-settings table th.title, | |
| 1537 | 1598 | body.charitable_page_charitable-reports table td.title, |
| 1599 | +body.charitable_page_charitable-reports table th.title, | |
| 1538 | 1600 | body.post-type-charitable.edit-tags-php table td.title, |
| 1601 | +body.post-type-charitable.edit-tags-php table th.title, | |
| 1539 | 1602 | body.charitable_page_charitable-tools table td.title, |
| 1540 | -body.charitable_page_charitable-addons table td.title { | |
| 1603 | +body.charitable_page_charitable-tools table th.title, | |
| 1604 | +body.charitable_page_charitable-addons table td.title, | |
| 1605 | +body.charitable_page_charitable-addons table th.title { | |
| 1541 | 1606 | font-weight: 400; |
| 1542 | 1607 | padding-right: 50px; |
| 1543 | 1608 | } |
| 1544 | 1609 | body.charitable_page_charitable-settings table td.title a, |
| 1610 | +body.charitable_page_charitable-settings table th.title a, | |
| 1545 | 1611 | body.charitable_page_charitable-reports table td.title a, |
| 1612 | +body.charitable_page_charitable-reports table th.title a, | |
| 1546 | 1613 | body.post-type-charitable.edit-tags-php table td.title a, |
| 1614 | +body.post-type-charitable.edit-tags-php table th.title a, | |
| 1547 | 1615 | body.charitable_page_charitable-tools table td.title a, |
| 1548 | -body.charitable_page_charitable-addons table td.title a { | |
| 1616 | +body.charitable_page_charitable-tools table th.title a, | |
| 1617 | +body.charitable_page_charitable-addons table td.title a, | |
| 1618 | +body.charitable_page_charitable-addons table th.title a { | |
| 1549 | 1619 | font-weight: 400; |
| 1550 | 1620 | color: #454955; |
| 1551 | 1621 | } |
| 1552 | 1622 | body.charitable_page_charitable-settings h1, |
| @@ -4279,13 +4349,16 @@ | ||
| 4279 | 4349 | margin: 6px 0 0; |
| 4280 | 4350 | width: 8px; |
| 4281 | 4351 | height: 8px; |
| 4282 | 4352 | border-radius: 50%; |
| 4283 | - background-color: #d63638; | |
| 4353 | + background-color: #2271b1; | |
| 4284 | 4354 | line-height: 1.6; |
| 4285 | 4355 | animation: wpchar-menu-notification-indicator-pulse 1.5s infinite; |
| 4286 | 4356 | float: right; |
| 4287 | 4357 | } |
| 4358 | +.charitable-menu-notification-indicator.alert { | |
| 4359 | + background-color: #d63638; | |
| 4360 | +} | |
| 4288 | 4361 | |
| 4289 | 4362 | [dir=ltr] #toplevel_page_charitable .charitable-menu-notification-indicator { |
| 4290 | 4363 | float: right; |
| 4291 | 4364 | } |
| @@ -4874,30 +4947,18 @@ | ||
| 4874 | 4947 | border-left-color: #efb84a; |
| 4875 | 4948 | margin-bottom: 12px; |
| 4876 | 4949 | } |
| 4877 | 4950 | |
| 4878 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaigns-block .charitable-logo, | |
| 4879 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donations-block .charitable-logo, | |
| 4880 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donors-block .charitable-logo, | |
| 4881 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-progress-bar .charitable-logo, | |
| 4882 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donation-button .charitable-logo, | |
| 4883 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-stats .charitable-logo, | |
| 4884 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-my-donations .charitable-logo { | |
| 4885 | - max-width: 255px !important; | |
| 4886 | - margin-bottom: 10px !important; | |
| 4887 | - padding-bottom: 10px !important; | |
| 4888 | - border-bottom: 1px solid #e8e8eb; | |
| 4889 | -} | |
| 4890 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaigns-block p, | |
| 4891 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donations-block p, | |
| 4892 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donors-block p, | |
| 4893 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-progress-bar p, | |
| 4894 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-donation-button p, | |
| 4895 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-campaign-stats p, | |
| 4896 | -.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-my-donations p { | |
| 4897 | - margin-top: 2px !important; | |
| 4898 | - margin-bottom: 2px !important; | |
| 4899 | -} | |
| 4951 | +/* | |
| 4952 | + * The Charitable block-editor CANVAS rules that used to live here (the | |
| 4953 | + * `.editor-styles-wrapper .block-editor-block-list__layout .wp-block-charitable-*` | |
| 4954 | + * logo and paragraph rules) moved to charitable-block-editor-canvas.css in 1.8.12.1. | |
| 4955 | + * | |
| 4956 | + * They only reached the iframed canvas via Gutenberg's useCompatibilityStyles shim, | |
| 4957 | + * which logged "charitable-admin-2.0-css was added to the iframe incorrectly" on every | |
| 4958 | + * editor load. Do not add `.editor-styles-wrapper` or `.wp-block` selectors to this | |
| 4959 | + * file — that is what makes the shim clone it and warn again. | |
| 4960 | + */ | |
| 4900 | 4961 | |
| 4901 | 4962 | /* post new donation */ |
| 4902 | 4963 | body.post-type-donation.charitable-admin-donation-edit #post-body input[type=text], |
| 4903 | 4964 | body.post-type-donation.charitable-admin-donation-edit #post-body input[type=email], |
| @@ -5259,10 +5320,10 @@ | ||
| 5259 | 5320 | } |
| 5260 | 5321 | } |
| 5261 | 5322 | /* Charitable Test Mode Admin Bar Badge */ |
| 5262 | 5323 | #wpadminbar .charitable-test-mode-active .charitable-test-mode-badge { |
| 5263 | - color: #fff; | |
| 5264 | - background-color: #E89940 !important; | |
| 5324 | + color: #1e1515; | |
| 5325 | + background-color: #fc9a2a !important; | |
| 5265 | 5326 | font-weight: 600; |
| 5266 | 5327 | padding: 0px 8px; |
| 5267 | 5328 | border-radius: 4px; |
| 5268 | 5329 | margin: 0 4px; |
| @@ -5267,9 +5328,8 @@ | ||
| 5267 | 5328 | border-radius: 4px; |
| 5268 | 5329 | margin: 0 4px; |
| 5269 | 5330 | display: inline-block; |
| 5270 | 5331 | white-space: nowrap; |
| 5271 | - border: 2px solid black; | |
| 5272 | 5332 | font-size: 12px; |
| 5273 | 5333 | line-height: 25px; |
| 5274 | 5334 | } |
| 5275 | 5335 | |
| @@ -5279,11 +5339,21 @@ | ||
| 5279 | 5339 | font-weight: bold; |
| 5280 | 5340 | } |
| 5281 | 5341 | |
| 5282 | 5342 | #wpadminbar .charitable-test-mode-active:hover .charitable-test-mode-badge { |
| 5283 | - background-color: #d68a37 !important; | |
| 5343 | + background-color: #fc8c0c !important; | |
| 5284 | 5344 | } |
| 5285 | 5345 | |
| 5346 | +/* | |
| 5347 | + * Core draws a 4px "current item" bar inside the bottom edge of any hovered or focused | |
| 5348 | + * admin-bar link: #wpadminbar a:hover, #wpadminbar a:focus { box-shadow: currentcolor 0 -4px 0 0 inset }. | |
| 5349 | + * Against a filled pill that reads as a stray underline sitting below the badge, so it is | |
| 5350 | + * suppressed here. Scoped to :not(:focus-visible) so keyboard focus keeps its indicator. | |
| 5351 | + */ | |
| 5352 | +#wpadminbar .charitable-test-mode-active > .ab-item:hover:not(:focus-visible) { | |
| 5353 | + box-shadow: none; | |
| 5354 | +} | |
| 5355 | + | |
| 5286 | 5356 | /* Test Mode Checkbox Flash Animation */ |
| 5287 | 5357 | @keyframes charitable-test-mode-flash { |
| 5288 | 5358 | 0% { |
| 5289 | 5359 | background-color: transparent; |
| @@ -5288,9 +5358,9 @@ | ||
| 5288 | 5358 | 0% { |
| 5289 | 5359 | background-color: transparent; |
| 5290 | 5360 | } |
| 5291 | 5361 | 50% { |
| 5292 | - background-color: rgba(232, 153, 64, 0.5); | |
| 5362 | + background-color: rgba(252, 154, 42, 0.5); | |
| 5293 | 5363 | color: white; |
| 5294 | 5364 | } |
| 5295 | 5365 | 100% { |
| 5296 | 5366 | background-color: transparent; |
| @@ -5448,5 +5518,92 @@ | ||
| 5448 | 5518 | body.charitable_page_charitable-settings .charitable-settings-field.charitable-test-mode-checkbox h4, |
| 5449 | 5519 | body.charitable-settings-page-gateways .charitable-settings-field.charitable-test-mode-checkbox h4 { |
| 5450 | 5520 | width: 180px !important; |
| 5451 | 5521 | padding-right: 20px !important; |
| 5522 | +} | |
| 5523 | + | |
| 5524 | +/* Marketing sub-tab navigation (Newsletters, Conversion Tracking, Google Analytics). | |
| 5525 | + 1.8.11.3 */ | |
| 5526 | +body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper { | |
| 5527 | + font-family: "Inter", sans-serif; | |
| 5528 | + margin: 10px 0 40px; | |
| 5529 | + padding: 0; | |
| 5530 | + border-bottom: none; | |
| 5531 | + font-size: 14px; | |
| 5532 | + font-weight: 400; | |
| 5533 | + display: flex; | |
| 5534 | + flex-wrap: wrap; | |
| 5535 | + align-items: center; | |
| 5536 | +} | |
| 5537 | +body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab { | |
| 5538 | + color: #2F3241; | |
| 5539 | + font-weight: 400; | |
| 5540 | + border: none; | |
| 5541 | + background: transparent; | |
| 5542 | + padding: 6px 12px; | |
| 5543 | + margin: 0 8px 0 0; | |
| 5544 | +} | |
| 5545 | +body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab.nav-tab-active { | |
| 5546 | + color: #2F3241; | |
| 5547 | + font-weight: 600; | |
| 5548 | + border-bottom: 2px solid #5AA152; | |
| 5549 | +} | |
| 5550 | +body.charitable_page_charitable-settings h3.nav-sub-tab-wrapper a.nav-tab:hover { | |
| 5551 | + color: #2F3241; | |
| 5552 | +} | |
| 5553 | +/* Video embed used in Marketing → Conversion Tracking education CTA. Renders | |
| 5554 | + a responsive 16:9 iframe (max-width 720px) with a centered caption link. */ | |
| 5555 | +.charitable-education-page .charitable-education-page-video { | |
| 5556 | + margin: 35px 0; | |
| 5557 | +} | |
| 5558 | +.charitable-education-page .charitable-education-page-video figure { | |
| 5559 | + margin: 0 auto; | |
| 5560 | + max-width: 720px; | |
| 5561 | +} | |
| 5562 | +.charitable-education-page .charitable-education-page-video-embed { | |
| 5563 | + position: relative; | |
| 5564 | + width: 100%; | |
| 5565 | + padding-top: 56.25%; | |
| 5566 | + background-color: #000; | |
| 5567 | + border-radius: 3px; | |
| 5568 | + overflow: hidden; | |
| 5569 | + box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px; | |
| 5570 | +} | |
| 5571 | +.charitable-education-page .charitable-education-page-video-embed iframe { | |
| 5572 | + position: absolute; | |
| 5573 | + inset: 0; | |
| 5574 | + width: 100%; | |
| 5575 | + height: 100%; | |
| 5576 | + border: 0; | |
| 5577 | +} | |
| 5578 | +.charitable-education-page .charitable-education-page-video figcaption { | |
| 5579 | + font-style: normal; | |
| 5580 | + font-weight: 400; | |
| 5581 | + font-size: 14px; | |
| 5582 | + line-height: 17px; | |
| 5583 | + text-align: center; | |
| 5584 | + margin-top: 10px; | |
| 5585 | + max-width: 720px; | |
| 5586 | +} | |
| 5587 | +.charitable-education-page .charitable-education-page-video figcaption a { | |
| 5588 | + color: #5AA152; | |
| 5589 | + text-decoration: none; | |
| 5590 | +} | |
| 5591 | +.charitable-education-page .charitable-education-page-video figcaption a:hover { | |
| 5592 | + text-decoration: underline; | |
| 5593 | +} | |
| 5594 | +/* Inline Pro badge used in Marketing sub-tab labels. Matches the existing | |
| 5595 | + ::after badge style applied to top-level Marketing/Donors tabs. */ | |
| 5596 | +.charitable-pro-badge { | |
| 5597 | + display: inline-block; | |
| 5598 | + background-color: #F99E36; | |
| 5599 | + padding: 3px 7px; | |
| 5600 | + font-size: 11px; | |
| 5601 | + line-height: 11px; | |
| 5602 | + text-transform: uppercase; | |
| 5603 | + color: #fff; | |
| 5604 | + font-weight: 600; | |
| 5605 | + margin-left: 5px; | |
| 5606 | + position: relative; | |
| 5607 | + top: -1px; | |
| 5608 | + border-radius: 2px; | |
| 5452 | 5609 | } |
