MediaWiki:Common.css: Difference between revisions

Revision as of 17:19, 20 February 2026

/* CSS placed here will be applied to all skins */
#skin-client-prefs-skin-theme {
    display: none !important;
}
#skin-client-prefs-citizen-feature-pure-black {
	display: none !important;
}
/* =========================
   Infoboxes
========================= */

.lt-infobox {
    border: 1px solid var(--color-border, #2a2f3a);
    background: var(--color-surface-1, #111827);
    padding: 0;
    max-width: 320px;
    font-size: 14px;
    float: right;
    margin: 0 0 1rem 1.5rem; /* bottom + space from content */
}

.lt-infobox-title {
    padding: 5px;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid var(--color-border, #2a2f3a);
    letter-spacing: 2px;
}

.lt-infobox-image img {
    width: 100%;
    display: block;
}

.lt-infobox-section {
    padding: 4px 12px;
}

.lt-infobox-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    border-bottom: 1px solid var(--color-border, #2a2f3a);
    font-size: 15px;
}

.lt-infobox-row:last-child {
    border-bottom: none;
}

.lt-infobox-label {
    font-weight: 500;
}

.lt-infobox-value {
    text-align: right;
}

/* =========================
   Themes
========================= */

html.lt-theme-default {
    --lt-bg-main: #0b1020;
    --lt-bg-surface: #121830;
    --lt-accent: #6c63ff;
    --lt-accent-soft: #3f3a7a;
}

html.lt-theme-red {
    --lt-bg-main: #140000;
    --lt-bg-surface: #1f0000;
    --lt-accent: #c22;
    --lt-accent-soft: #550000;
}

html.lt-theme-blue {
    --lt-bg-main: #0a1a2f;
    --lt-bg-surface: #13263f;
    --lt-accent: #3a6ff7;
    --lt-accent-soft: #1d3d7a;
}

/* Background */
body {
    background: var(--lt-bg-main);
}

/* Panels / surfaces */
.citizen-page-container,
.mw-body,
.citizen-menu {
    background: var(--lt-bg-surface);
}

/* Links */
a {
    color: var(--lt-accent);
}

/* Active radio outline */
.citizen-client-prefs-radio__input:checked + .citizen-client-prefs-radio__icon {
    outline-color: var(--lt-accent);
}