Template:Weltraumgruppen/styles.css: Difference between revisions

Latest revision as of 17:10, 10 July 2026

/* Shared navigation styles for the Weltraumgruppen navbox and history sidebar. */

.weltraumgruppen-navbox,
.weltraumgruppen-history {
	border-color: #a2a9b1;
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	color: var(--color-base, #202122);
}

.weltraumgruppen-navbox .navbox-title,
.weltraumgruppen-navbox .navbox-group,
.weltraumgruppen-history .sidebar-title,
.weltraumgruppen-history .sidebar-list-title,
.weltraumgruppen-history .sidebar-list-title-c {
	border-color: #a2a9b1;
	background-color: var(--background-color-progressive-subtle, #eaf3ff);
	color: var(--color-base, #202122);
}

.weltraumgruppen-navbox .navbox-group {
	width: 170px;
	white-space: normal;
}

.weltraumgruppen-history {
	width: 25em;
}

.weltraumgruppen-history .sidebar-list {
	margin: 0.3em 0;
	border: 1px solid #a2a9b1;
}

.weltraumgruppen-history .sidebar-list-title,
.weltraumgruppen-history .sidebar-list-title-c {
	border-left: 4px solid #36c;
	padding: 0.35em 0.5em;
	font-weight: bold;
}

.weltraumgruppen-history .sidebar-list-content {
	padding: 0.4em 0.5em;
}

.weltraumgruppen-navbox .navbox-list,
.weltraumgruppen-navbox .navbox-odd,
.weltraumgruppen-navbox .navbox-even,
.weltraumgruppen-history .sidebar-content,
.weltraumgruppen-history .sidebar-list-content,
.weltraumgruppen-history .sidebar-navbar {
	border-color: #a2a9b1;
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	color: var(--color-base, #202122);
}

.weltraumgruppen-navbox a:link,
.weltraumgruppen-navbox a:visited,
.weltraumgruppen-history a:link,
.weltraumgruppen-history a:visited {
	color: var(--color-progressive, #36c);
}

.weltraumgruppen-navbox a.new:link,
.weltraumgruppen-navbox a.new:visited,
.weltraumgruppen-history a.new:link,
.weltraumgruppen-history a.new:visited {
	color: var(--color-destructive, #d33);
}

@media screen {
	html.skin-theme-clientpref-night .weltraumgruppen-navbox,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox,
	html.skin-theme-clientpref-night .weltraumgruppen-history,
	body.skin-theme-clientpref-night .weltraumgruppen-history,
	html.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-list,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-list,
	html.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-odd,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-odd,
	html.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-even,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-even,
	html.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-content,
	body.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-content,
	html.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-list-content,
	body.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-list-content,
	html.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-navbar,
	body.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-navbar {
		border-color: #444;
		background-color: #1e1e1e !important;
		color: #ffffff !important;
	}

	html.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-title,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-title,
	html.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-group,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox .navbox-group,
	html.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-title,
	body.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-title,
	html.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-list-title,
	body.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-list-title,
	html.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-list-title-c,
	body.skin-theme-clientpref-night .weltraumgruppen-history .sidebar-list-title-c {
		border-color: #3a506b;
		border-left-color: #88ccff;
		background-color: #1B223D !important;
		color: #e0f0ff !important;
	}

	html.skin-theme-clientpref-night .weltraumgruppen-navbox a:link,
	html.skin-theme-clientpref-night .weltraumgruppen-navbox a:visited,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox a:link,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox a:visited,
	html.skin-theme-clientpref-night .weltraumgruppen-history a:link,
	html.skin-theme-clientpref-night .weltraumgruppen-history a:visited,
	body.skin-theme-clientpref-night .weltraumgruppen-history a:link,
	body.skin-theme-clientpref-night .weltraumgruppen-history a:visited {
		color: #88ccff !important;
	}

	html.skin-theme-clientpref-night .weltraumgruppen-navbox a.new:link,
	html.skin-theme-clientpref-night .weltraumgruppen-navbox a.new:visited,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox a.new:link,
	body.skin-theme-clientpref-night .weltraumgruppen-navbox a.new:visited,
	html.skin-theme-clientpref-night .weltraumgruppen-history a.new:link,
	html.skin-theme-clientpref-night .weltraumgruppen-history a.new:visited,
	body.skin-theme-clientpref-night .weltraumgruppen-history a.new:link,
	body.skin-theme-clientpref-night .weltraumgruppen-history a.new:visited {
		color: #ff6b6b !important;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .weltraumgruppen-navbox,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox,
	html.skin-theme-clientpref-os .weltraumgruppen-history,
	body.skin-theme-clientpref-os .weltraumgruppen-history,
	html.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-list,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-list,
	html.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-odd,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-odd,
	html.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-even,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-even,
	html.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-content,
	body.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-content,
	html.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-list-content,
	body.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-list-content,
	html.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-navbar,
	body.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-navbar {
		border-color: #444;
		background-color: #1e1e1e !important;
		color: #ffffff !important;
	}

	html.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-title,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-title,
	html.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-group,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox .navbox-group,
	html.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-title,
	body.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-title,
	html.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-list-title,
	body.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-list-title,
	html.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-list-title-c,
	body.skin-theme-clientpref-os .weltraumgruppen-history .sidebar-list-title-c {
		border-color: #3a506b;
		border-left-color: #88ccff;
		background-color: #1B223D !important;
		color: #e0f0ff !important;
	}

	html.skin-theme-clientpref-os .weltraumgruppen-navbox a:link,
	html.skin-theme-clientpref-os .weltraumgruppen-navbox a:visited,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox a:link,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox a:visited,
	html.skin-theme-clientpref-os .weltraumgruppen-history a:link,
	html.skin-theme-clientpref-os .weltraumgruppen-history a:visited,
	body.skin-theme-clientpref-os .weltraumgruppen-history a:link,
	body.skin-theme-clientpref-os .weltraumgruppen-history a:visited {
		color: #88ccff !important;
	}

	html.skin-theme-clientpref-os .weltraumgruppen-navbox a.new:link,
	html.skin-theme-clientpref-os .weltraumgruppen-navbox a.new:visited,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox a.new:link,
	body.skin-theme-clientpref-os .weltraumgruppen-navbox a.new:visited,
	html.skin-theme-clientpref-os .weltraumgruppen-history a.new:link,
	html.skin-theme-clientpref-os .weltraumgruppen-history a.new:visited,
	body.skin-theme-clientpref-os .weltraumgruppen-history a.new:link,
	body.skin-theme-clientpref-os .weltraumgruppen-history a.new:visited {
		color: #ff6b6b !important;
	}
}