MediaWiki:Common.css: Difference between revisions

Revision as of 09:13, 19 July 2026

/* =========================================================================
   aslimona.xyz — "Dark Archive" skin
   Paste this ENTIRE file into: Special:MyLanguage/MediaWiki:Common.css
   (as an admin: go to https://aslimona.xyz/index.php/MediaWiki:Common.css
   click "Edit", paste, save. No server/FTP access needed.)
   Built for MediaWiki 1.43 / Vector 2022 (default skin).
   ========================================================================= */

:root {
	--archive-bg: #0c0c0d;
	--archive-bg-raised: #171614;
	--archive-bg-card: #1c1b18;
	--archive-border: #3a372f;
	--archive-text: #e9e4d8;
	--archive-text-dim: #a89f8c;
	--archive-accent: #c9a15a;   /* muted gold — links, marks */
	--archive-accent-red: #a4402f; /* archive-stamp red — used sparingly */
	--archive-serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', serif;
	--archive-sans: -apple-system, 'Helvetica Neue', Arial, sans-serif;
	--archive-mono: 'IBM Plex Mono', 'Courier New', monospace;
}

/* ---------- base ---------- */
html, body.skin-vector-2022 {
	background: var(--archive-bg);
	color: var(--archive-text);
}
.mw-page-container {
	background: var(--archive-bg);
	color: var(--archive-text);
	font-family: var(--archive-sans);
}
.mw-body, .mw-body-content, #content {
	background: var(--archive-bg);
	color: var(--archive-text);
	border-color: var(--archive-border);
}
.mw-parser-output {
	font-size: 1rem;
	line-height: 1.65;
}
.mw-parser-output p {
	max-width: 46em;
}

/* ---------- links ---------- */
.mw-parser-output a,
.mw-body a.external,
#p-personal a,
.vector-menu-content a {
	color: var(--archive-accent);
	text-decoration: none;
	border-bottom: 1px solid rgba(201,161,90,0.35);
}
.mw-parser-output a:hover,
.vector-menu-content a:hover {
	color: #e8c988;
	border-bottom-color: #e8c988;
}
.mw-parser-output a.new { color: var(--archive-accent-red); }

/* ---------- headings ---------- */
#firstHeading, .mw-first-heading {
	font-family: var(--archive-serif);
	font-weight: 400;
	font-size: 2.4rem;
	letter-spacing: 0.01em;
	color: var(--archive-text);
	border-bottom: 1px solid var(--archive-border);
	padding-bottom: 0.4em;
	margin-bottom: 0.6em;
}
.mw-parser-output h2 {
	font-family: var(--archive-serif);
	font-weight: 400;
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--archive-text-dim);
	border-bottom: 1px solid var(--archive-border);
	margin-top: 2em;
	padding-bottom: 0.3em;
}
.mw-parser-output h3 {
	font-family: var(--archive-serif);
	font-size: 1.15rem;
	color: var(--archive-text);
}

/* ---------- header / nav chrome ---------- */
.vector-header-container, .vector-header,
header.vector-header {
	background: var(--archive-bg-raised);
	border-bottom: 1px solid var(--archive-border);
}
#p-logo a { filter: invert(1) brightness(1.6); }
.vector-search-box input,
.cdx-text-input__input {
	background: var(--archive-bg-card);
	color: var(--archive-text);
	border: 1px solid var(--archive-border);
}
#mw-panel, .vector-pinnable-header,
.vector-menu-content, nav.vector-page-toolbar,
.vector-sitenotice-container {
	background: transparent;
}
.mw-portlet-label, .vector-menu-heading {
	font-family: var(--archive-mono);
	text-transform: uppercase;
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	color: var(--archive-text-dim);
}
.vector-menu-content-list li a { color: var(--archive-text-dim); }

/* ---------- footer ---------- */
#footer, .mw-footer {
	background: var(--archive-bg-raised);
	color: var(--archive-text-dim);
	border-top: 1px solid var(--archive-border);
}
#footer a { color: var(--archive-accent); }

/* =========================================================================
   Project-page infobox
   Use with a wikitable like:  {| class="infobox artwork-infobox"
   ========================================================================= */
table.artwork-infobox {
	float: right;
	clear: right;
	width: 300px;
	margin: 0 0 1.5em 1.5em;
	background: var(--archive-bg-card);
	border: 1px solid var(--archive-border);
	color: var(--archive-text);
	font-size: 0.9rem;
}
table.artwork-infobox caption {
	font-family: var(--archive-serif);
	font-size: 1.1rem;
	padding: 0.6em;
	border-bottom: 1px solid var(--archive-border);
}
table.artwork-infobox th {
	font-family: var(--archive-mono);
	text-transform: uppercase;
	font-size: 0.68rem;
	letter-spacing: 0.06em;
	color: var(--archive-text-dim);
	text-align: left;
	vertical-align: top;
	padding: 0.5em 0.6em 0.5em 0.8em;
	width: 38%;
	border-top: 1px solid var(--archive-border);
}
table.artwork-infobox td {
	padding: 0.5em 0.8em 0.5em 0.4em;
	border-top: 1px solid var(--archive-border);
}

/* =========================================================================
   Galleries — thumbnail archive-plate look
   ========================================================================= */
.mw-parser-output .gallery {
	background: transparent;
	border: none;
}
.mw-parser-output li.gallerybox div.thumb {
	background: var(--archive-bg-card);
	border: 1px solid var(--archive-border);
	border-radius: 0;
	padding: 6px;
}
.mw-parser-output li.gallerybox div.thumb img {
	filter: grayscale(0.35) contrast(1.03);
	transition: filter 0.35s ease;
}
.mw-parser-output li.gallerybox:hover div.thumb img {
	filter: grayscale(0) contrast(1.05);
}
.mw-parser-output .gallerytext {
	font-family: var(--archive-mono);
	font-size: 0.72rem;
	color: var(--archive-text-dim);
	text-align: center;
}

/* thumbnails placed inline with [[File:...|thumb]] */
.mw-parser-output .thumbinner {
	background: var(--archive-bg-card);
	border: 1px solid var(--archive-border);
	border-radius: 0;
}
.mw-parser-output .thumbcaption {
	font-family: var(--archive-mono);
	font-size: 0.75rem;
	color: var(--archive-text-dim);
}

/* ---------- tables (general) ---------- */
.mw-parser-output table.wikitable {
	background: var(--archive-bg-card);
	color: var(--archive-text);
	border-color: var(--archive-border);
}
.mw-parser-output table.wikitable > tr > th,
.mw-parser-output table.wikitable > * > tr > th {
	background: var(--archive-bg-raised);
	border-color: var(--archive-border);
}

/* ---------- category footer / metadata strip ---------- */
#catlinks, .mw-normal-catlinks {
	background: var(--archive-bg-raised);
	border: 1px solid var(--archive-border);
	font-family: var(--archive-mono);
	font-size: 0.75rem;
}
#catlinks a { color: var(--archive-accent); }