Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Content deleted Content added
Citizen theme: replace magenta with the actual brand cyan from VG_Banner logo region
Add ver-beta badge style
 
(5 intermediate revisions by the same user not shown)
Line 3: Line 3:
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
gap: 20px;
justify-content: center;
margin: 0 auto;
}
}

.inputbox-gallery > div {
.inputbox-gallery .image-frame {
width: calc(33.33% - 14px);
box-sizing: border-box;
border: 1px solid #ccc;
flex-shrink: 0;
padding: 10px;
text-align: center;
}
.page__main {
background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
}
}


/* ── Version stamps ({{Ver}} / Module:GameVersion) ───────────────── */
/* Vanguard Galaxy — Citizen theme overrides (palette from VG_Banner.png logo region) */
.ver-ok,
.skin-citizen-dark, .skin-citizen-auto {
.ver-beta,
/* Accent: bright cyan from the VANGUARD wordmark glow */
.ver-stale {
--color-progressive: #34b2ec;
display: inline-block;
--color-progressive--hover: #5ec5f0;
font-size: 0.78em;
--color-progressive--active: #1a93cb;
font-weight: 700;
--color-progressive--focus: #34b2ec;
line-height: 1.4;

padding: 0 0.45em;
--color-destructive: #ff6e5b;
border-radius: 0.4em;

white-space: nowrap;
/* Surfaces: deep space navy, graduated */
vertical-align: middle;
--color-surface-0: #05080f;
cursor: help;
--color-surface-1: #0a1020;
}
--color-surface-2: #11192e;
.ver-ok {
--color-surface-3: #182240;
--color-surface-4: #1f2c52;
color: #093;
background: rgba(0, 153, 51, 0.14);

border: 1px solid rgba(0, 153, 51, 0.45);
--background-color-base: #0a1020;
}
--background-color-primary: #11192e;
.ver-beta {
--background-color-neutral-subtle: #182240;
color: #2563c0;

background: rgba(37, 99, 192, 0.14);
--color-base: #e6edf6; /* cool off-white body text */
border: 1px solid rgba(37, 99, 192, 0.5);
--color-subtle: #8aa0c2;
}
--color-emphasized: #ffffff;
.ver-stale {
--color-link: #8cd4f5; /* the bright VANGUARD glow */
--color-link--visited: #5ea0c2;
color: #c0392b;
background: rgba(192, 57, 43, 0.14);

--border-color-base: #1a2a4a;
border: 1px solid rgba(192, 57, 43, 0.5);
--border-color-subtle: #15203a;

--color-syntax-blue: #8cd4f5;
--color-syntax-pink: #ff6e5b;
}
}

/* Tighten wordmark in header */
.citizen-header__siteTitle img.citizen-header__sitelogo,
.mw-logo-wordmark { max-height: 36px; width: auto; }

Latest revision as of 22:26, 2 June 2026

/* CSS placed here will be applied to all skins */
.inputbox-gallery {
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px;
    justify-content: center;
}

.inputbox-gallery .image-frame {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

/* ── Version stamps ({{Ver}} / Module:GameVersion) ───────────────── */
.ver-ok,
.ver-beta,
.ver-stale {
    display: inline-block;
    font-size: 0.78em;
    font-weight: 700;
    line-height: 1.4;
    padding: 0 0.45em;
    border-radius: 0.4em;
    white-space: nowrap;
    vertical-align: middle;
    cursor: help;
}
.ver-ok {
    color: #093;
    background: rgba(0, 153, 51, 0.14);
    border: 1px solid rgba(0, 153, 51, 0.45);
}
.ver-beta {
    color: #2563c0;
    background: rgba(37, 99, 192, 0.14);
    border: 1px solid rgba(37, 99, 192, 0.5);
}
.ver-stale {
    color: #c0392b;
    background: rgba(192, 57, 43, 0.14);
    border: 1px solid rgba(192, 57, 43, 0.5);
}