MediaWiki:Common.css: Difference between revisions

Latest revision as of 02:32, 20 July 2026

/* ==========================================================================
 * DreamWeave wiki — site theme  (source of truth for MediaWiki:Common.css)
 * --------------------------------------------------------------------------
 * Applies to every skin; the default skin is Vector Legacy (`vector`).
 * Brand palette (matches the authored logo/mark and the infobox templates):
 *   ink       #241f3d   dark indigo — headings, wordmark
 *   purple    #6d5bd0   primary accent — rules, links, borders
 *   teal      #37d0c4   secondary accent
 *   parchment #efe6d0   panel / table background
 *   tan       #e3d7ba   table header cells
 *   gold      #d9b45b   highlight
 *   lavender  #7b6fb8   muted / visited
 * Keep content readable: the page stays light; we theme accents, headings,
 * links and content tables only. Chrome (sidebar, tabs) is left to the skin.
 * ========================================================================== */

/* --- Section headings: brand ink + a purple rule, serif like the wordmark - */
.mw-parser-output h1,
.mw-parser-output h2 {
	color: #241f3d;
	font-family: Georgia, "Times New Roman", serif;
	border-bottom: 2px solid #6d5bd0;
}
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output h5 {
	color: #322a5a;
	font-family: Georgia, "Times New Roman", serif;
}
/* The page title itself */
.firstHeading {
	color: #241f3d;
	border-bottom: 2px solid #6d5bd0;
}

/* --- Links in brand purple; red links and external links left legible ----- */
.mw-parser-output a:not(.new):not(.external):not(.image) {
	color: #5a49b8;
}
.mw-parser-output a:not(.new):not(.external):visited {
	color: #7b6fb8;
}

/* --- Content tables (wikitable): same palette as the infoboxes ------------ */
.mw-parser-output table.wikitable {
	border: 1px solid #6d5bd0;
	background: #efe6d0;
	color: #241f3d;
}
.mw-parser-output table.wikitable > * > tr > th {
	background: #e3d7ba;
	color: #241f3d;
	border: 1px solid #cbb98f;
}
.mw-parser-output table.wikitable > * > tr > td {
	border: 1px solid #cbb98f;
}
/* Item/ware icons dropped into a table cell: vertically centered, no wrap gap */
.mw-parser-output table.wikitable td .mw-file-element,
.mw-parser-output table.wikitable td img {
	vertical-align: middle;
}

/* --- Draft banner: make staged pages obviously not-live -------------------- */
.ns-118 .mw-parser-output::before {
	content: "Draft — staged for review, not a live article.";
	display: block;
	margin: 0 0 1em;
	padding: .5em .8em;
	background: #efe6d0;
	border-left: 4px solid #d9b45b;
	color: #5a4a1e;
	font-style: italic;
}

/* --- Category / footer accents kept subtle -------------------------------- */
.catlinks {
	border: 1px solid #d8cdb0;
	background: #f6f0e2;
}

/* --- Value tables: short columns never wrap -------------------------------- */
/* Opt a table in with class="wikitable nowrap-values". Every column is kept on
 * one line EXCEPT the last, which wraps naturally — so numeric/value columns
 * (Cost, Ranks, Level, AL, Damage, Price…) never break mid-value while the
 * trailing description/effect column still flows. This is the DEFAULT for
 * value/stat tables; omit the class only when several columns hold long free
 * text. Force any individual short-text cell to wrap with
 * style="white-space:normal", or keep a non-last value column rigid as usual. */
.mw-parser-output table.nowrap-values > * > tr > th,
.mw-parser-output table.nowrap-values > * > tr > td {
	white-space: nowrap;
}
.mw-parser-output table.nowrap-values > * > tr > th:last-child,
.mw-parser-output table.nowrap-values > * > tr > td:last-child {
	white-space: normal;
}

/* --- Vector Legacy sidebar logo: fit the square badge, never clip ---------- */
/* The sidebar content column is ~150px; pin the badge below that so the
 * wordmark always has margin and can't run past the panel edge. */
.mw-wiki-logo {
	background-size: 132px auto !important;
	background-position: center top !important;
	height: 150px !important;
}