From the Vrienden Universe, a fictional wiki
/* 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;
}
}
