MediaWiki:Common.css: Difference between revisions

Revision as of 10:06, 18 September 2026

/* Aenarch Memorium — shared styles.
   Everything visual lives here, not in the templates: Template:Infobox_*, Template:Src,
   Template:Canon, Template:Spoiler, Template:Idea, Template:Unresolved, Template:Map_link.
   Inline style="" in a template beats a stylesheet, so dark mode can never fix it —
   that is why the templates only carry class names. */

:root {
	--aen-kutu-zemin: #f8f9fa;
	--aen-kutu-cerceve: #a2a9b1;
	--aen-baslik-zemin: #eaecf0;
	--aen-ayrac: #eaecf0;
	--aen-kaynak: #54595d;
	--aen-metin: #202122;
	--aen-fikir-zemin: #f2f6fa;
	--aen-fikir-cerceve: #5a6f8a;
	--aen-harita-zemin: #eef5f4;
	--aen-harita-cerceve: #6c8b8a;
	--aen-spoiler-zemin: #fff6e5;
	--aen-spoiler-metin: #3a2a00;
	--aen-spoiler-cerceve: #8a5a00;
	--aen-karar-zemin: #faf6ef;
	--aen-karar-cerceve: #b07a2e;
	--aen-notr: #9a9a9a;
}

/* Citizen kullanıcı tercihini html.skin-theme-clientpref-night ile,
   işletim sistemi tercihini -os ile uygular; ikisini de karşıla. */
@media screen {
	html.skin-theme-clientpref-night {
		--aen-kutu-zemin: #1e2127;
		--aen-kutu-cerceve: #43484f;
		--aen-baslik-zemin: #272b33;
		--aen-ayrac: #2c3037;
		--aen-kaynak: #9aa4ae;
		--aen-metin: #e7e9ec;
		--aen-fikir-zemin: #171c22;
		--aen-fikir-cerceve: #3c556f;
		--aen-harita-zemin: #14201f;
		--aen-harita-cerceve: #47615f;
		--aen-spoiler-zemin: #2a2113;
		--aen-spoiler-metin: #f0e2c4;
		--aen-spoiler-cerceve: #8a5a00;
		--aen-karar-zemin: #241f18;
		--aen-karar-cerceve: #b07a2e;
		--aen-notr: #6d7278;
	}
}
@media screen and ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os,
	body:not( .skin-citizen ) {
		--aen-kutu-zemin: #1e2127;
		--aen-kutu-cerceve: #43484f;
		--aen-baslik-zemin: #272b33;
		--aen-ayrac: #2c3037;
		--aen-kaynak: #9aa4ae;
		--aen-metin: #e7e9ec;
		--aen-fikir-zemin: #171c22;
		--aen-fikir-cerceve: #3c556f;
		--aen-harita-zemin: #14201f;
		--aen-harita-cerceve: #47615f;
		--aen-spoiler-zemin: #2a2113;
		--aen-spoiler-metin: #f0e2c4;
		--aen-spoiler-cerceve: #8a5a00;
		--aen-karar-zemin: #241f18;
		--aen-karar-cerceve: #b07a2e;
		--aen-notr: #6d7278;
	}
}

/* --- infobox --- */
.infobox {
	float: right;
	clear: right;
	width: 22em;
	max-width: 100%;
	margin: 0 0 1em 1em;
	border: 1px solid var( --aen-kutu-cerceve );
	border-collapse: collapse;
	background: var( --aen-kutu-zemin );
	color: var( --aen-metin );
	font-size: 92%;
	line-height: 1.45;
}
.infobox-title {
	text-align: center;
	font-size: 118%;
	padding: 6px;
	background: var( --aen-baslik-zemin );
	color: var( --aen-metin );
}
.infobox th,
.infobox td { border-bottom: 1px solid var( --aen-ayrac ); vertical-align: top; }
.infobox tr:last-child th,
.infobox tr:last-child td { border-bottom: none; }

/* --- evidence marker: {{Src|heralds-a#3}} --- */
sup.src {
	font-size: 78%;
	color: var( --aen-kaynak );
	white-space: nowrap;
	cursor: help;
	margin-left: 2px;
}
sup.src:hover { color: #3366cc; }

/* --- canon tier badges --- */
.canon {
	display: inline-block;
	font-size: 85%;
	padding: 1px 7px;
	border-radius: 999px;
	border: 1px solid var( --aen-notr );
	line-height: 1.6;
	white-space: nowrap;
}
.canon-gm { background: #e8f3ea; border-color: #3d8a58; color: #18562f; }
.canon-summary { background: #eaf1f8; border-color: #3a6ea5; color: #1c3f63; }
.canon-play { background: #f6f1e4; border-color: #9a7b2e; color: #4e3c0d; }
.canon-idea { background: #f1f0f4; border-color: #7a7488; color: #3c3747; }

/* --- notices --- */
.spoiler-note,
.unresolved,
.idea,
.map-link,
.stub { line-height: 1.5; }
.spoiler-note {
	border: 1px solid var( --aen-spoiler-cerceve );
	background: var( --aen-spoiler-zemin );
	color: var( --aen-spoiler-metin );
	padding: 8px 12px;
	margin: 10px 0;
	border-radius: 6px;
}
.unresolved {
	border-left: 3px solid var( --aen-karar-cerceve );
	background: var( --aen-karar-zemin );
	color: var( --aen-metin );
	padding: 7px 12px;
	margin: 9px 0;
}
.idea {
	border: 1px dotted var( --aen-fikir-cerceve );
	background: var( --aen-fikir-zemin );
	color: var( --aen-metin );
	padding: 7px 12px;
	margin: 9px 0;
}
.map-link {
	border: 1px solid var( --aen-harita-cerceve );
	background: var( --aen-harita-zemin );
	color: var( --aen-metin );
	padding: 7px 12px;
	margin: 9px 0;
}
.stub {
	border: 1px dashed var( --aen-notr );
	color: var( --aen-metin );
	padding: 7px 12px;
	margin: 9px 0;
	font-size: 95%;
}

/* --- source quotes --- */
blockquote.src-quote {
	border-left: 3px solid #7a8a99;
	margin: 10px 0;
	padding: 4px 14px;
	font-style: italic;
	color: var( --aen-kaynak );
}

/* --- long list pages: two columns on wide screens --- */
.lore-list ul { column-width: 24em; column-gap: 2.5em; }