MediaWiki:Common.css: Difference between revisions

Revision as of 01:54, 1 February 2026

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

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

/* Brand Colors */
:root {
    --cc-coral: #FF424D;
    --cc-coral-dark: #D63447;
    --cc-coral-hover: #FF6B6B;
}

/* Links - Coral instead of Wikipedia blue */
#content a:not(.new):not(.mw-selflink),
.mw-parser-output a:not(.new):not(.external),
#mw-content-text a:not(.new) {
    color: var(--cc-coral-dark);
}

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

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

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

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

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

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

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

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

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

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

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

.cdx-button--action-progressive:hover,
.mw-ui-progressive:hover {
    background-color: var(--cc-coral-dark) !important;
    border-color: var(--cc-coral-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;
}