MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */

/* ==========================================
   CARD CONSERVATION BRAND CUSTOMIZATION
   ========================================== */

/* Brand Colors - Matching the logo */
:root {
    --cc-green: #2E7D4F;          /* Forest green from chest/leaves */
    --cc-green-dark: #1B5E3A;     /* Darker green for hover */
    --cc-teal: #3BA99C;           /* Teal for visited links */
    --cc-teal-dark: #2D8A7E;      /* Darker teal */
    --cc-gold: #D4A84B;           /* Gold accent from sun */
}

/* Links - Green to match logo */
#content a:not(.new):not(.mw-selflink),
.mw-parser-output a:not(.new):not(.external),
#mw-content-text a:not(.new) {
    color: var(--cc-green);
}

#content a:not(.new):hover,
.mw-parser-output a:not(.new):hover,
#mw-content-text a:not(.new):hover {
    color: var(--cc-green-dark);
}

/* Visited links - Teal */
#content a:visited:not(.new),
.mw-parser-output a:visited:not(.new),
#mw-content-text a:visited:not(.new) {
    color: var(--cc-teal);
}

#content a:visited:hover:not(.new),
.mw-parser-output a:visited:hover:not(.new) {
    color: var(--cc-teal-dark);
}

/* External links */
.mw-parser-output a.external {
    color: var(--cc-green);
}

.mw-parser-output a.external:visited {
    color: var(--cc-teal);
}

.mw-parser-output a.external:hover {
    color: var(--cc-green-dark);
}

/* Sidebar/menu links */
.vector-menu-portal a,
.vector-menu a {
    color: var(--cc-green) !important;
}

.vector-menu-portal a:hover,
.vector-menu a:hover {
    color: var(--cc-green-dark) !important;
}

/* Table of contents */
.vector-toc a {
    color: var(--cc-green);
}

.vector-toc a:hover {
    color: var(--cc-green-dark);
}

/* Category links */
#catlinks a {
    color: var(--cc-green);
}

#catlinks a:visited {
    color: var(--cc-teal);
}

/* Section edit links */
.mw-editsection a {
    color: var(--cc-green);
}

/* Active/selected states */
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
    color: var(--cc-green-dark) !important;
}

/* Buttons and interactive elements */
.cdx-button--action-progressive,
.mw-ui-progressive {
    background-color: var(--cc-green) !important;
    border-color: var(--cc-green) !important;
}

.cdx-button--action-progressive:hover,
.mw-ui-progressive:hover {
    background-color: var(--cc-green-dark) !important;
    border-color: var(--cc-green-dark) !important;
}

/* ==========================================
   HIDE PATREON CTA FOR LOGGED-IN USERS
   ========================================== */

/* Vector 2022 - check for logged-in user menu */
body:has(.vector-user-menu-logged-in) .patreon-cta,
body:has(#pt-logout) .patreon-cta,
body:has(#pt-userpage) .patreon-cta {
    display: none !important;
}

/* Fallback for older skins */
body.mw-user-loggedin .patreon-cta,
body.logged-in .patreon-cta {
    display: none !important;
}