MediaWiki:Common.css - Revision history

SoulscribeBot: Update wiki branding via Soulscribe

2026-04-28T08:29:01Z

Update wiki branding via Soulscribe

← Older revision		Revision as of 08:29, 28 April 2026
Line 255:		Line 255:
	/* ── Relationship section ───────────────────────────────────────────── */		/* ── Relationship section ───────────────────────────────────────────── */
	#content h3 .mw-headline { font-size: 0.95em; font-weight: bold; }		#content h3 .mw-headline { font-size: 0.95em; font-weight: bold; }

			/* ── Relationship filter input ──────────────────────────────────────── */
			.wb-rel-filter-wrap { margin: 0.5em 0 0.4em 0; }
			.wb-rel-filter {
			width: 280px;
			max-width: 100%;
			padding: 0.35em 0.7em;
			border: 1px solid var(--wb-border);
			border-radius: var(--wb-radius);
			font-size: 0.88em;
			font-family: Georgia, serif;
			color: var(--wb-text);
			background: #fff;
			outline: none;
			transition: border-color 0.15s;
			}
			.wb-rel-filter:focus { border-color: var(--wb-primary); box-shadow: 0 0 0 2px var(--wb-primary-dim); }

SoulscribeBot: Update wiki branding via Soulscribe

2026-04-28T08:05:43Z

Update wiki branding via Soulscribe

← Older revision		Revision as of 08:05, 28 April 2026
Line 27:		Line 27:
	#p-navigation .portal-first { border-top: 3px solid var(--wb-primary); }		#p-navigation .portal-first { border-top: 3px solid var(--wb-primary); }

	/* ── ~~Force sidebar always visible~~ (Vector 2022) ~~───────────────────────~~ */		/* ── Sidebar / main menu (Vector 2022) ──────────────────────────────── */
	/* ~~Vector 2022 hides~~ the sidebar ~~by default. Override to always show it.~~ */		/* Background of the sidebar panel */
	~~.vector-feature-main-menu-pinned-disabled .vector-main-menu-container,~~		#mw-panel,
	.mw-~~sidebar-checkbox:not(:checked) ~ .mw-sidebar~~,
	#vector-main-menu-unpinned-container,		#vector-main-menu-unpinned-container,
	#vector-main-menu-pinned-container {		#vector-main-menu-pinned-container,
	~~display: block !important;~~		.vector-main-menu {
	~~visibility~~: ~~visible !important~~;		background: color-mix(in srgb, var(--wb-primary) 6%, #fff);
	}		}
	/* ~~Keep the sidebar pinned / prevent it from being hidden~~ */		/* Section headings ("Navigation", "Explore", etc.) */
	.vector-~~main~~-menu-~~container~~ { ~~display~~: ~~block~~ !important; }		.vector-menu-heading,
	/* ~~Collapse toggle button — hide it so users can't accidentally close the sidebar~~ */		.mw-portlet .vector-menu-heading {
	.vector-~~main~~-~~menu~~-~~action~~-~~toggle~~ { ~~display~~: ~~none~~ !important; }		color: var(--wb-primary) !important;
	~~/* Ensure sidebar nav items are styled */~~		font-weight: bold;
	~~#vector~~-~~main-menu~~ .vector-menu-content-list li a {		text-transform: uppercase;
	color: var(--wb-~~text~~);		font-size: 0.72em;
	~~font~~-~~size~~: ~~0.9em~~;		letter-spacing: 0.07em;
			border-bottom: 1px solid color-mix(in srgb, var(--wb-primary) 30%, transparent);
			padding-bottom: 0.25em;
			margin-bottom: 0.2em;
			}
			/* Nav links */
			.vector-menu-content-list li a,
			.mw-portlet-navigation a,
			.mw-portlet-explore a,
			.mw-portlet-tb a {
			color: var(--wb-text) !important;
			font-size: 0.88em;
			font-family: Georgia, serif;
			}
			.vector-menu-content-list li a:hover,
			.mw-portlet-navigation a:hover,
			.mw-portlet-explore a:hover {
			color: var(--wb-accent) !important;
			text-decoration: none;
	}		}
	#vector~~-main~~-menu ~~.vector~~-~~menu~~-~~heading~~ {		/* Active/current page link */
	color: var(--wb-primary);		.vector-menu-content-list .selected a {
			color: var(--wb-primary) !important;
	font-weight: bold;		font-weight: bold;
	~~text-transform: uppercase;~~
	~~font-size: 0.75em;~~
	~~letter-spacing: 0.06em;~~
	~~margin-top: 0.8em;~~
	}		}
			/* TOC sidebar links */
			.vector-toc-link { color: var(--wb-text) !important; font-size: 0.88em; }
			.vector-toc-link:hover { color: var(--wb-accent) !important; }
			.vector-toc-numb { color: var(--wb-muted) !important; }
			/* Top header bar */
			.vector-header {
			border-bottom: 2px solid var(--wb-primary);
			background: color-mix(in srgb, var(--wb-primary) 4%, #fff);
			}
			/* Search bar */
			.cdx-search-input__input:focus { border-color: var(--wb-primary) !important; box-shadow: 0 0 0 2px var(--wb-primary-dim) !important; }
			/* Hamburger / menu button accent */
			.vector-main-menu-action-toggle .mw-icon { color: var(--wb-primary); }

	/* ── Infobox base ───────────────────────────────────────────────────── */		/* ── Infobox base ───────────────────────────────────────────────────── */

SoulscribeBot: Update wiki branding via Soulscribe

2026-04-28T08:03:17Z

Update wiki branding via Soulscribe

@@ Line 26: / Line 26: @@
 #mw-navigation, #p-logo { border-color: var(--wb-primary); }
 #p-navigation .portal-first { border-top: 3px solid var(--wb-primary); }
 /* ── Infobox base ───────────────────────────────────────────────────── */

SoulscribeBot: Update wiki branding via Soulscribe

2026-04-28T08:00:22Z

Update wiki branding via Soulscribe

← Older revision		Revision as of 08:00, 28 April 2026
Line 55:		Line 55:

	/* Infobox title row */		/* Infobox title row */
			.infobox tr.infobox-title th,
	.infobox tr:first-child th[colspan] {		.infobox tr:first-child th[colspan] {
	padding: 0.6em 0.8em;		padding: 0.6em 0.8em;
Line 74:		Line 75:

	/* ── Entity-type infobox header accent colours ──────────────────────── */		/* ── Entity-type infobox header accent colours ──────────────────────── */
			.character-infobox tr.infobox-title th,
	.character-infobox tr:first-child th[colspan] { background: var(--wb-primary); }		.character-infobox tr:first-child th[colspan] { background: var(--wb-primary); }
			.location-infobox tr.infobox-title th,
	.location-infobox tr:first-child th[colspan] { background: #2c6e49; }		.location-infobox tr:first-child th[colspan] { background: #2c6e49; }
			.episode-infobox tr.infobox-title th,
	.episode-infobox tr:first-child th[colspan] { background: #1d3557; }		.episode-infobox tr:first-child th[colspan] { background: #1d3557; }
			.item-infobox tr.infobox-title th,
	.item-infobox tr:first-child th[colspan] { background: #6d4c41; }		.item-infobox tr:first-child th[colspan] { background: #6d4c41; }
			.plot-thread-infobox tr.infobox-title th,
	.plot-thread-infobox tr:first-child th[colspan] { background: #6a1e55; }		.plot-thread-infobox tr:first-child th[colspan] { background: #6a1e55; }
			.running-element-infobox tr.infobox-title th,
	.running-element-infobox tr:first-child th[colspan] { background: #37474f; }		.running-element-infobox tr:first-child th[colspan] { background: #37474f; }

SoulscribeBot: Update wiki branding via Soulscribe

2026-04-28T07:53:16Z

Update wiki branding via Soulscribe

← Older revision		Revision as of 07:53, 28 April 2026
Line 31:		Line 31:
	float: right;		float: right;
	clear: right;		clear: right;
	margin: 0 0 1.2em 1.~~5em~~;		margin: 0 0 1.2em 1.8em;
	border: 1px solid var(--wb-border);		border: 1px solid var(--wb-border);
	border-radius: var(--wb-radius);		border-radius: var(--wb-radius);
	overflow: hidden;		overflow: hidden;
	font-size: 0.88em;		font-size: 0.88em;
	min-width: ~~220px~~;		width: 300px;
	max-width: ~~280px~~;		min-width: 260px;
	box-shadow: 0 2px ~~6px~~ rgba(0,0,0,0.08);		max-width: 340px;
			box-shadow: 0 2px 8px rgba(0,0,0,0.10);
	background: #fff;		background: #fff;
			}
			/* On narrow screens, infobox goes full-width above content */
			@media (max-width: 720px) {
			.infobox {
			float: none;
			clear: both;
			width: 100%;
			max-width: 100%;
			margin: 0 0 1.2em 0;
			box-sizing: border-box;
			}
	}		}

SoulscribeBot: Update wiki branding via Soulscribe

2026-04-28T07:48:22Z

Update wiki branding via Soulscribe

New page

/* Soulscribe wiki branding — auto-generated, do not edit manually */

/* ── Variables ─────────────────────────────────────────────────────── */
:root {
--wb-primary: #F4862A;
--wb-accent: #2D7D32;
--wb-primary-dim: color-mix(in srgb, #F4862A 15%, transparent);
--wb-accent-dim: color-mix(in srgb, #2D7D32 15%, transparent);
--wb-text: #1a1a1a;
--wb-muted: #555;
--wb-border: #ddd;
--wb-radius: 6px;
}

/* ── Base typography ────────────────────────────────────────────────── */
body { color: var(--wb-text); font-family: Georgia, 'Times New Roman', serif; }
#content { font-size: 1rem; line-height: 1.7; }
h1, h2 { color: var(--wb-primary); border-bottom: 2px solid var(--wb-primary); padding-bottom: 0.2em; }
h3 { color: var(--wb-primary); }
h4, h5, h6 { color: var(--wb-muted); }
a { color: var(--wb-accent); }
a:hover { color: var(--wb-primary); text-decoration: underline; }
#firstHeading { color: var(--wb-primary); font-size: 1.9em; letter-spacing: 0.01em; }

/* ── Navigation bar accent ──────────────────────────────────────────── */
#mw-navigation, #p-logo { border-color: var(--wb-primary); }
#p-navigation .portal-first { border-top: 3px solid var(--wb-primary); }

/* ── Infobox base ───────────────────────────────────────────────────── */
.infobox {
float: right;
clear: right;
margin: 0 0 1.2em 1.5em;
border: 1px solid var(--wb-border);
border-radius: var(--wb-radius);
overflow: hidden;
font-size: 0.88em;
min-width: 220px;
max-width: 280px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
background: #fff;
}

/* Infobox title row */
.infobox tr:first-child th[colspan] {
padding: 0.6em 0.8em;
font-size: 1.05em;
text-align: center;
background: var(--wb-primary);
color: #fff !important;
font-style: normal;
letter-spacing: 0.02em;
}

/* Infobox data rows */
.infobox td {
padding: 0.35em 0.7em;
border-top: 1px solid var(--wb-border);
vertical-align: top;
}
.infobox tr:nth-child(even) td { background: var(--wb-primary-dim); }

/* ── Entity-type infobox header accent colours ──────────────────────── */
.character-infobox tr:first-child th[colspan] { background: var(--wb-primary); }
.location-infobox tr:first-child th[colspan] { background: #2c6e49; }
.episode-infobox tr:first-child th[colspan] { background: #1d3557; }
.item-infobox tr:first-child th[colspan] { background: #6d4c41; }
.plot-thread-infobox tr:first-child th[colspan] { background: #6a1e55; }
.running-element-infobox tr:first-child th[colspan] { background: #37474f; }

/* ── Definition lists (Goals, Fears, Starting state…) ──────────────── */
dl { margin: 0.4em 0 0.8em 0; }
dt {
font-weight: bold;
color: var(--wb-primary);
margin-top: 0.5em;
padding-left: 0;
}
dd {
margin-left: 1.4em;
color: var(--wb-text);
border-left: 3px solid var(--wb-accent-dim);
padding-left: 0.6em;
}

/* ── Quote template (.wb-quote) ─────────────────────────────────────── */
.wb-quote {
border-left: 4px solid var(--wb-accent);
margin: 0.8em 0 0.8em 1em;
padding: 0.5em 0.9em;
background: var(--wb-accent-dim);
border-radius: 0 var(--wb-radius) var(--wb-radius) 0;
font-style: italic;
color: var(--wb-text);
}
.wb-quote-attr {
display: block;
margin-top: 0.3em;
font-size: 0.85em;
font-style: normal;
color: var(--wb-muted);
}

/* ── StatusBadge template (.wb-badge-*) ─────────────────────────────── */
.wb-badge {
display: inline-block;
padding: 0.15em 0.55em;
border-radius: 999px;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 0.03em;
vertical-align: middle;
}
.wb-badge-alive { background: #d4edda; color: #155724; }
.wb-badge-deceased { background: #f8d7da; color: #721c24; }
.wb-badge-missing { background: #fff3cd; color: #856404; }
.wb-badge-unknown { background: #e2e3e5; color: #383d41; }
.wb-badge-captured { background: #fde8c8; color: #7d4e00; }
.wb-badge-active { background: #d4edda; color: #155724; }
.wb-badge-resolved { background: #d1ecf1; color: #0c5460; }
.wb-badge-ongoing { background: #fff3cd; color: #856404; }
.wb-badge-abandoned { background: #e2e3e5; color: #383d41; }
.wb-badge-default { background: #e2e3e5; color: #383d41; }

/* ── Spoiler box (.spoiler-warning) ─────────────────────────────────── */
.spoiler-warning {
border: 1px solid #f5c842;
background: #fffde7;
border-radius: var(--wb-radius);
padding: 0.5em 0.9em;
margin: 0.8em 0;
font-size: 0.9em;
}
.spoiler-block.spoiler-warning {
border-left: 4px solid #f5c842;
}

/* ── Vertical evolution timeline (.wb-timeline) ─────────────────────── */
.wb-timeline { list-style: none; margin: 0.5em 0 0.5em 0.5em; padding: 0; }
.wb-timeline li {
position: relative;
padding: 0.3em 0 0.3em 1.4em;
border-left: 2px solid var(--wb-accent);
margin-bottom: 0.1em;
}
.wb-timeline li::before {
content: '';
position: absolute;
left: -5px;
top: 0.6em;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--wb-accent);
}
.wb-timeline li:last-child { border-left-color: transparent; }

/* ── Category page grid ─────────────────────────────────────────────── */
.mw-category-group { margin-bottom: 1em; }
.mw-category ul { column-count: 2; column-gap: 2em; list-style: disc; }
@media (max-width: 600px) { .mw-category ul { column-count: 1; } }

/* ── Relationship table (.wb-relationship-table) ────────────────────── */
.wb-relationship-table { width: 100%; margin: 0.5em 0 1em 0; border-collapse: collapse; }
.wb-relationship-table th {
background: var(--wb-primary);
color: #fff;
padding: 0.4em 0.7em;
text-align: left;
font-size: 0.9em;
}
.wb-relationship-table td {
padding: 0.35em 0.7em;
vertical-align: top;
border-top: 1px solid var(--wb-border);
font-size: 0.9em;
}
.wb-relationship-table tr:nth-child(even) td { background: var(--wb-primary-dim); }
.wb-relationship-table td:first-child { white-space: nowrap; font-weight: bold; }
.wb-relationship-table td:nth-child(2) { white-space: nowrap; }

/* ── Relationship section ───────────────────────────────────────────── */
#content h3 .mw-headline { font-size: 0.95em; font-weight: bold; }