MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* This style is loaded on all media. */
+/*
+ * Wizards & Warlords shared content styling.
+ *
+ * This file is loaded by every skin. Keep reusable article typography,
+ * templates, cards, tables, navboxes, and other content components here.
+ * Skin shells and navigation belong in the relevant skin stylesheet.
+ */
+/* ==========================================================================
+   Shared Content Variables
+   --------------------------------------------------------------------------
+   Skin stylesheets may override these tokens, but shared components always
+   have a stable dark-fantasy fallback.
+   ========================================================================== */
+:root {
+	--wiz-content-background: #222;
+	--wiz-panel-solid-background: #0f0f0f;
+	--wiz-content-border: #ff942d;
+	--wiz-text: #d2d2d2;
+	--wiz-link: #ff942d;
+	--wiz-heading: #e7e1d4;
+}
+/* ==========================================================================
+   Shared Article Typography
+   --------------------------------------------------------------------------
+   These selectors are intentionally skin-neutral and lower-specificity than
+   the current Vector compatibility rules. Vector therefore remains visually
+   unchanged while Citizen receives the same article rhythm and colours.
+   ========================================================================== */
+.mw-body-content {
+	color: var(--wiz-text);
+	font-size: 14px;
+	line-height: 1.6;
+}
+.mw-parser-output > ul,
+.mw-parser-output > ol,
+.mw-parser-output .toc-page > ul,
+.mw-parser-output .toc-page > ol {
+	margin: 8px 0 12px 28px;
+	padding-left: 20px;
+	text-align: left;
+}
+.mw-parser-output > ul,
+.mw-parser-output .toc-page > ul {
+	list-style: disc outside;
+}
+.mw-parser-output ul ul,
+.mw-parser-output .toc-page > ul ul {
+	margin: 4px 0 6px 22px;
+	padding-left: 18px;
+	list-style: disc outside;
+}
+.mw-parser-output > ol,
+.mw-parser-output .toc-page > ol {
+	list-style: decimal outside;
+}
+.mw-parser-output > ul > li,
+.mw-parser-output > ol > li,
+.mw-parser-output .toc-page > ul > li,
+.mw-parser-output .toc-page > ol > li {
+	display: list-item;
+	margin-bottom: 4px;
+}
+.mw-parser-output ul ul > li,
+.mw-parser-output .toc-page > ul ul > li {
+	display: list-item;
+	margin-bottom: 3px;
+	list-style: disc outside;
+}
+.mw-parser-output li::marker {
+	color: var(--wiz-text);
+}
+/* MediaWiki wraps generated headings in .mw-heading on current versions. */
+.mw-parser-output .mw-heading {
+	box-sizing: border-box;
+	margin: 20px 0 10px;
+	padding: 0;
+	border-bottom: 0;
+	color: var(--wiz-heading);
+	text-align: left;
+	text-decoration: none;
+}
+.mw-parser-output .mw-heading2 {
+	margin-top: 21px;
+	margin-bottom: 5px;
+	border-bottom: 1px solid var(--wiz-content-border);
+}
+.mw-parser-output .mw-heading3 {
+	margin-top: 5px;
+	margin-bottom: 10px;
+	padding-top: 8px;
+}
+.mw-parser-output .mw-heading4 {
+	margin-top: 4px;
+	margin-bottom: 10px;
+	padding-top: 7px;
+}
+.mw-parser-output .mw-heading h2,
+.mw-parser-output .mw-heading h3,
+.mw-parser-output .mw-heading h4,
+.mw-parser-output .mw-heading h5,
+.mw-parser-output .mw-heading h6 {
+	margin: 0;
+	padding: 0;
+	border-bottom: 0;
+	color: var(--wiz-heading);
+	text-align: left;
+	text-decoration: none;
+}
+.mw-parser-output .mw-heading h2 {
+	font-size: 24px;
+	font-weight: normal;
+	line-height: 30px;
+}
+.mw-parser-output .mw-heading h3 {
+	font-size: 18px;
+	font-weight: bold;
+	line-height: 24px;
+}
+.mw-parser-output .mw-heading h4 {
+	font-size: 14px;
+	font-weight: bold;
+	line-height: 1.6;
+}
+.mw-parser-output .mw-heading h5,
+.mw-parser-output .mw-heading h6 {
+	font-size: 15px;
+	font-weight: bold;
+	line-height: 21px;
+}
+.mw-parser-output .mw-heading .mw-headline,
+.mw-parser-output .mw-heading a {
+	border-bottom: 0;
+	color: var(--wiz-heading);
+	text-decoration: none;
+}
+.mw-parser-output .mw-heading .mw-editsection,
+.mw-parser-output .mw-heading .mw-editsection a {
+	color: var(--wiz-link);
+	font-size: 12px;
+	line-height: 1;
+	text-decoration: none;
+}
 /* Hide the content of the TOC when the checkbox is checked. */