MediaWiki:Citizen.css: Difference between revisions

Revision as of 23:13, 6 October 2026

/* All CSS here will be loaded for users of the Citizen skin */
/* Hide the Discussion button, including its sticky-header version */
#ca-talk,
#ca-talk-sticky-header {
    display: none !important;
}

/* Hide the three-dot page tools menu */
#citizen-page-more-dropdown,
#citizen-sticky-header-more {
    display: none !important;
}

/* Hide the entire site footer */
#footer,
.citizen-footer {
    display: none !important;
}

:root {
    --blimpuf-bg: #0b0f16;
    --blimpuf-bg-soft: #111827;
    --blimpuf-panel: #161d29;
    --blimpuf-border: #273244;
    --blimpuf-text: #e8eefc;
    --blimpuf-text-muted: #a9b7d1;

    --blimpuf-pink: #ff6db2;
    --blimpuf-orange: #ff9f57;
    --blimpuf-yellow: #ffd95e;
    --blimpuf-green: #73e37d;
    --blimpuf-cyan: #66d9ff;
    --blimpuf-blue: #6ea8ff;
    --blimpuf-purple: #b98cff;
}

body {
    background: var(--blimpuf-bg);
    color: var(--blimpuf-text);
}

.mw-body,
.citizen-page-container,
.citizen-body-container,
.citizen-toc,
.wikitable,
.infobox {
    background: var(--blimpuf-panel);
    border-color: var(--blimpuf-border);
}

a {
    color: var(--blimpuf-cyan);
}

a:hover {
    color: var(--blimpuf-pink);
}

.firstHeading,
.mw-page-title-main {
    background: linear-gradient(
        90deg,
        var(--blimpuf-pink),
        var(--blimpuf-orange),
        var(--blimpuf-yellow),
        var(--blimpuf-green),
        var(--blimpuf-cyan),
        var(--blimpuf-purple)
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}