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
m 5 revisions imported
Citizen theme: apply VG_Banner palette (deep space + warm magenta accents)
Line 15: Line 15:
background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
}
}
/* Vanguard Galaxy — Citizen theme overrides (palette from VG_Banner.png) */
.skin-citizen-dark, .skin-citizen-auto {
/* Accent / progressive: warm rose-pink from banner nebula */
--color-progressive: #d96a93;
--color-progressive--hover: #e786a8;
--color-progressive--active: #c2557e;
--color-progressive--focus: #d96a93;

--color-destructive: #ff7066;

/* Surfaces: deep space blacks tinted slightly toward navy/violet */
--color-surface-0: #06080f; /* outermost */
--color-surface-1: #0a0d18; /* base panels */
--color-surface-2: #11141f; /* cards / infoboxes */
--color-surface-3: #181b27; /* hover */
--color-surface-4: #202434;

--background-color-base: #0a0d18;
--background-color-primary: #11141f;
--background-color-neutral-subtle: #181b27;

--color-base: #e8e6ef; /* body text — soft warm white */
--color-subtle: #9a93a8;
--color-emphasized: #ffffff;
--color-link: #d96a93;
--color-link--visited: #b95a83;

--border-color-base: #1f2333;

--color-syntax-blue: #4ad1ff;
--color-syntax-pink: #d96a93;
}

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

Revision as of 14:04, 20 May 2026

/* CSS placed here will be applied to all skins */
.inputbox-gallery {
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 20px; 
    margin: 0 auto;
}
.inputbox-gallery > div {
    width: calc(33.33% - 14px); 
    box-sizing: border-box;
    flex-shrink: 0; 
}
.page__main {
	background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
}
/* Vanguard Galaxy — Citizen theme overrides (palette from VG_Banner.png) */
.skin-citizen-dark, .skin-citizen-auto {
  /* Accent / progressive: warm rose-pink from banner nebula */
  --color-progressive: #d96a93;
  --color-progressive--hover: #e786a8;
  --color-progressive--active: #c2557e;
  --color-progressive--focus: #d96a93;

  --color-destructive: #ff7066;

  /* Surfaces: deep space blacks tinted slightly toward navy/violet */
  --color-surface-0: #06080f;        /* outermost */
  --color-surface-1: #0a0d18;        /* base panels */
  --color-surface-2: #11141f;        /* cards / infoboxes */
  --color-surface-3: #181b27;        /* hover */
  --color-surface-4: #202434;

  --background-color-base:    #0a0d18;
  --background-color-primary: #11141f;
  --background-color-neutral-subtle: #181b27;

  --color-base:   #e8e6ef;           /* body text — soft warm white */
  --color-subtle: #9a93a8;
  --color-emphasized: #ffffff;
  --color-link:   #d96a93;
  --color-link--visited: #b95a83;

  --border-color-base: #1f2333;

  --color-syntax-blue:  #4ad1ff;
  --color-syntax-pink:  #d96a93;
}

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