Vrienden Universe - User contributions [en]

MediaWiki:Common.css

2026-09-18T00:14:52Z

VU-MaintenanceBot: Use classic wiki blue for Noord existing links

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-sticky-pinned-container::after {
display: none;
background: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .mw-logo-container.skin-invert {
filter: none !important;
}

html.vu-theme-hugerinus .mw-logo-wordmark {
color: #9FDBFF !important;
-webkit-text-fill-color: #9FDBFF !important;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html body a.new.new.new.new.new {
text-decoration: none !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #0645AD !important;
font-weight: 600;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
font-weight: 600;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):link,
html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00288F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #00288F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .tanoa-navbox .navbox-title a:not(.new),
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .tanoa-navbox .navbox-group a:not(.new) {
color: #00004F !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-18T00:10:55Z

VU-MaintenanceBot: Brighten Noord existing-link blue

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-sticky-pinned-container::after {
display: none;
background: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .mw-logo-container.skin-invert {
filter: none !important;
}

html.vu-theme-hugerinus .mw-logo-wordmark {
color: #9FDBFF !important;
-webkit-text-fill-color: #9FDBFF !important;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html body a.new.new.new.new.new {
text-decoration: none !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #001078 !important;
font-weight: 600;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
font-weight: 600;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):link,
html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00288F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #00288F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .tanoa-navbox .navbox-title a:not(.new),
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .tanoa-navbox .navbox-group a:not(.new) {
color: #00004F !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-18T00:08:12Z

VU-MaintenanceBot: Increase Noord existing-link visibility

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-sticky-pinned-container::after {
display: none;
background: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .mw-logo-container.skin-invert {
filter: none !important;
}

html.vu-theme-hugerinus .mw-logo-wordmark {
color: #9FDBFF !important;
-webkit-text-fill-color: #9FDBFF !important;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html body a.new.new.new.new.new {
text-decoration: none !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00005F !important;
font-weight: 600;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
font-weight: 600;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):link,
html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00288F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #00288F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .tanoa-navbox .navbox-title a:not(.new),
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .tanoa-navbox .navbox-group a:not(.new) {
color: #00004F !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-18T00:01:55Z

VU-MaintenanceBot: Increase Van Hetten existing-link blue visibility

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-sticky-pinned-container::after {
display: none;
background: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .mw-logo-container.skin-invert {
filter: none !important;
}

html.vu-theme-hugerinus .mw-logo-wordmark {
color: #9FDBFF !important;
-webkit-text-fill-color: #9FDBFF !important;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html body a.new.new.new.new.new {
text-decoration: none !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):link,
html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00288F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #00288F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .tanoa-navbox .navbox-title a:not(.new),
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .tanoa-navbox .navbox-group a:not(.new) {
color: #00004F !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T23:51:30Z

VU-MaintenanceBot: Use clean blue existing links in Noord and Van Hetten

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-sticky-pinned-container::after {
display: none;
background: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .mw-logo-container.skin-invert {
filter: none !important;
}

html.vu-theme-hugerinus .mw-logo-wordmark {
color: #9FDBFF !important;
-webkit-text-fill-color: #9FDBFF !important;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html body a.new.new.new.new.new {
text-decoration: none !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
text-decoration: none !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):link,
html.vu-theme-van-hetten.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: none !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #00004F !important;
text-decoration: none !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T23:37:42Z

VU-MaintenanceBot: Remove underlines from missing-page links

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-sticky-pinned-container::after {
display: none;
background: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .mw-logo-container.skin-invert {
filter: none !important;
}

html.vu-theme-hugerinus .mw-logo-wordmark {
color: #9FDBFF !important;
-webkit-text-fill-color: #9FDBFF !important;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html body a.new.new.new.new.new {
text-decoration: none !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T15:34:45Z

VU-MaintenanceBot: Fix Hugerinus header wordmark contrast

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-sticky-pinned-container::after {
display: none;
background: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .mw-logo-container.skin-invert {
filter: none !important;
}

html.vu-theme-hugerinus .mw-logo-wordmark {
color: #9FDBFF !important;
-webkit-text-fill-color: #9FDBFF !important;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T15:29:20Z

VU-MaintenanceBot: Remove Hugerinus pinned-sidebar fade bars

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-sticky-pinned-container::after {
display: none;
background: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T15:26:46Z

VU-MaintenanceBot: Remove remaining Hugerinus sidebar menu fills

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-menu-content,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content,
html.vu-theme-hugerinus .vector-column-start .vector-menu-content-list,
html.vu-theme-hugerinus .vector-column-end .vector-menu-content-list {
background: transparent;
background-image: none;
border-color: transparent;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T15:19:37Z

VU-MaintenanceBot: Remove Hugerinus panel edges and use a continuous background

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: transparent;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: transparent;
border-radius: 0;
box-shadow: none;
}

html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-image:
linear-gradient(rgba(0, 34, 56, 0.58), rgba(0, 34, 56, 0.58)),
linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T15:15:56Z

VU-MaintenanceBot: Round Hugerinus pinned sidebar containers

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: linear-gradient(145deg, rgba(0, 47, 72, 0.94), rgba(0, 39, 74, 0.90));
color: #ffffff;
border-radius: 12px;
box-shadow: 0 0 0 1px rgba(159, 219, 255, 0.22), 0 12px 30px rgba(0, 18, 42, 0.30);
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: rgba(0, 47, 72, 0.88);
border-radius: 10px;
box-shadow: 0 0 0 1px rgba(159, 219, 255, 0.18), 0 8px 22px rgba(0, 18, 42, 0.24);
}

html.vu-theme-hugerinus .vector-column-start .vector-pinned-container,
html.vu-theme-hugerinus .vector-column-end .vector-pinned-container {
background: rgba(0, 47, 72, 0.72);
border-radius: 12px;
box-shadow: 0 0 0 1px rgba(159, 219, 255, 0.14), 0 10px 26px rgba(0, 18, 42, 0.22);
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T15:12:52Z

VU-MaintenanceBot: Soften Hugerinus article and sidebar edges

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: linear-gradient(145deg, rgba(0, 47, 72, 0.94), rgba(0, 39, 74, 0.90));
color: #ffffff;
border-radius: 12px;
box-shadow: 0 0 0 1px rgba(159, 219, 255, 0.22), 0 12px 30px rgba(0, 18, 42, 0.30);
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vector-column-start .mw-portlet,
html.vu-theme-hugerinus .vector-column-end .mw-portlet {
background: rgba(0, 47, 72, 0.88);
border-radius: 10px;
box-shadow: 0 0 0 1px rgba(159, 219, 255, 0.18), 0 8px 22px rgba(0, 18, 42, 0.24);
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T15:09:09Z

VU-MaintenanceBot: Use red missing links and blue existing links in Noord

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
color: #ffffff;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background: transparent !important;
color: #300000 !important;
padding-inline: 0;
border-radius: 0;
}

html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
background: transparent !important;
color: #00004F !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
color: #8EC5FF !important;
}

html.vu-theme-noord.vu-theme-noord body .mw-parser-output .navbox td.navbox-list a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T14:52:07Z

VU-MaintenanceBot: Keep missing-page links red and readable in every theme

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
color: #ffffff;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

/* Missing pages stay recognizably red and readable in every appearance. */
html.skin-theme-clientpref-day body a.new.new.new.new.new,
html.skin-theme-clientpref-os body a.new.new.new.new.new {
background: transparent !important;
color: #B00020 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

html.skin-theme-clientpref-night body a.new.new.new.new.new {
background: transparent !important;
color: #FF7B86 !important;
text-decoration: underline;
text-decoration-color: currentColor;
}

@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body a.new.new.new.new.new {
color: #FF7B86 !important;
}
}

html.vu-theme-paap body a.new.new.new.new.new {
background: transparent !important;
color: #EF7180 !important;
}

html.vu-theme-hugerinus body a.new.new.new.new.new {
background: transparent !important;
color: #FF9AA2 !important;
}

html.vu-theme-van-hetten body a.new.new.new.new.new {
background: transparent !important;
color: #700000 !important;
}

html.vu-theme-schroeter body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !important;
}

html.vu-theme-noord body a.new.new.new.new.new {
background-color: #FFB3B3 !important;
color: #7A0000 !important;
padding-inline: 0.08em;
border-radius: 0.12em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T14:45:37Z

VU-MaintenanceBot: Shift Van Hetten from amber to deeper orange

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
color: #ffffff;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FF7A00;
--background-color-neutral: #FF922B;
--background-color-neutral-subtle: #FFAA55;
--background-color-interactive: #FFAA55;
--background-color-interactive-subtle: #FF922B;
--background-color-progressive-subtle: #FF922B;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FF7A00;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FF7A00 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FF922B !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFAA55 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFB26B !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FF9840 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FF922B;
--vu-infobox-header: #FFAA55;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T14:43:22Z

VU-MaintenanceBot: Fix Van Hetten navbox row contrast

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
color: #ffffff;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FFA500;
--background-color-neutral: #FFB733;
--background-color-neutral-subtle: #FFC966;
--background-color-interactive: #FFC966;
--background-color-interactive-subtle: #FFB733;
--background-color-progressive-subtle: #FFB733;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FFA500;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFC966 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FFA500;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FFA500 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FFB733 !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFC966 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/* Keep Dark mode's gray navbox rows from obscuring Van Hetten's black links. */
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd,
html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-image: none !important;
color: #000000 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-odd {
background-color: #FFD180 !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-even {
background-color: #FFC15A !important;
}

html.vu-theme-van-hetten.vu-theme-van-hetten body .mw-parser-output .navbox td.navbox-list a {
background: transparent !important;
color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FFB733;
--vu-infobox-header: #FFC966;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T14:38:59Z

VU-MaintenanceBot: Deepen the Hugerinus gradient blue

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
color: #ffffff;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #28669A 50%, #175DB8 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FFA500;
--background-color-neutral: #FFB733;
--background-color-neutral-subtle: #FFC966;
--background-color-interactive: #FFC966;
--background-color-interactive-subtle: #FFB733;
--background-color-progressive-subtle: #FFB733;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FFA500;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFC966 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FFA500;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FFA500 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FFB733 !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFC966 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #28669A 50%, #175DB8 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FFB733;
--vu-infobox-header: #FFC966;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T14:34:15Z

VU-MaintenanceBot: Finalize theme headers, infoboxes, Van Hetten palette, and Hugerinus gradient

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #35677C 50%, #2F568C 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
color: #ffffff;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #35677C 50%, #2F568C 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #35677C 50%, #2F568C 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #35677C 50%, #2F568C 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure orange base with black text and lighter orange controls.
*/
html.vu-theme-van-hetten {
color-scheme: light;
--background-color-base: #FFA500;
--background-color-neutral: #FFB733;
--background-color-neutral-subtle: #FFC966;
--background-color-interactive: #FFC966;
--background-color-interactive-subtle: #FFB733;
--background-color-progressive-subtle: #FFB733;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #FFA500;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #FFC966 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #000000 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #FFA500;
color: #000000;
border-color: #000000;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #FFA500 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #FFB733 !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #FFC966 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #35677C 50%, #2F568C 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #FFB733;
--vu-infobox-header: #FFC966;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

/* Beat late-loaded TemplateStyles/night selectors without affecting native Dark. */
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap.vu-theme-paap, .vu-theme-hugerinus.vu-theme-hugerinus, .vu-theme-noord.vu-theme-noord, .vu-theme-van-hetten.vu-theme-van-hetten, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.js

2026-09-17T14:29:52Z

VU-MaintenanceBot: Reorder custom appearance options

/**
* Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
* loaded for all users on every wiki page. If possible create a gadget that is
* enabled by default instead of adding it here (since gadgets are fully
* optimized ResourceLoader modules with possibility to add dependencies etc.)
*
* Since Common.js isn't a gadget, there is no place to declare its
* dependencies, so we have to lazy load them with mw.loader.using on demand and
* then execute the rest in the callback. In most cases these dependencies will
* be loaded (or loading) already and the callback will not be delayed. In case a
* dependency hasn't arrived yet it'll make sure those are loaded before this.
*/

/* global mw, $ */
/* jshint strict:false, browser:true */

mw.loader.using( [ 'mediawiki.util' ] ).done( function () {
/* Begin of mw.loader.using callback */

/**
* Map addPortletLink to mw.util
* @deprecated: Use mw.util.addPortletLink instead.
*/
mw.log.deprecate( window, 'addPortletLink', mw.util.addPortletLink, 'Use mw.util.addPortletLink instead' );

/**
* @source www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
* @rev 6
*/
var extraCSS = mw.util.getParamValue( 'withCSS' ),
extraJS = mw.util.getParamValue( 'withJS' );

if ( extraCSS ) {
if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraCSS + '&action=raw&ctype=text/css', 'text/css' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } );
}
}

if ( extraJS ) {
if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraJS + '&action=raw&ctype=text/javascript' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } );
}
}

/**
* Collapsible tables; reimplemented with mw-collapsible
* Styling is also in place to avoid FOUC
*
* Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].
* @version 3.0.0 (2018-05-20)
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
* @author [[User:R. Koot]]
* @author [[User:Krinkle]]
* @author [[User:TheDJ]]
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
* is supported in MediaWiki core. Shimmable since MediaWiki 1.32
*
* @param {jQuery} $content
*/
function makeCollapsibleMwCollapsible( $content ) {
var $tables = $content
.find( 'table.collapsible:not(.mw-collapsible)' )
.addClass( 'mw-collapsible' );

$.each( $tables, function ( index, table ) {
// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
if ( $( table ).hasClass( 'collapsed' ) ) {
$( table ).addClass( 'mw-collapsed' );
// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
}
} );
if ( $tables.length > 0 ) {
mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
$tables.makeCollapsible();
} );
}
}
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

/**
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
*
* Maintainers: TheDJ
*/
function mwCollapsibleSetup( $collapsibleContent ) {
var $element,
$toggle,
autoCollapseThreshold = 2;
$.each( $collapsibleContent, function ( index, element ) {
$element = $( element );
if ( $element.hasClass( 'collapsible' ) ) {
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
}
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
$element.data( 'mw-collapsible' ).collapse();
} else if ( $element.hasClass( 'innercollapse' ) ) {
if ( $element.parents( '.outercollapse' ).length > 0 ) {
$element.data( 'mw-collapsible' ).collapse();
}
}
// because of colored backgrounds, style the link in the text color
// to ensure accessible contrast
$toggle = $element.find( '.mw-collapsible-toggle' );
if ( $toggle.length ) {
// Make the toggle inherit text color (Updated for T333357 2023-04-29)
if ( $toggle.parent()[ 0 ].style.color ) {
$toggle.css( 'color', 'inherit' );
$toggle.find( '.mw-collapsible-text' ).css( 'color', 'inherit' );
}
}
} );
}

mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

/* End of mw.loader.using callback */
} );

/**
* Add Vrienden Universe custom themes to Vector 2022's color options.
*
* Vector exposes os/day/night as native client preferences. Custom themes
* select Vector's night mode underneath, then add their own root CSS class.
*/
( function () {
'use strict';

var root = document.documentElement,
themes = [
{
name: 'Noord',
value: 'noord',
storageKey: 'vu-theme-noord',
rootClass: 'vu-theme-noord'
},
{
name: 'Paap',
value: 'paap',
storageKey: 'vu-theme-paap',
rootClass: 'vu-theme-paap'
},
{
name: 'Van Hetten',
value: 'van-hetten',
storageKey: 'vu-theme-van-hetten',
rootClass: 'vu-theme-van-hetten'
},
{
name: 'Schroeter',
value: 'schroeter',
storageKey: 'vu-theme-schroeter',
rootClass: 'vu-theme-schroeter'
},
{
name: 'Hugerinus',
value: 'hugerinus',
storageKey: 'vu-theme-hugerinus',
rootClass: 'vu-theme-hugerinus'
}
];

function inputId( theme ) {
return 'skin-client-pref-skin-theme-value-' + theme.value;
}

function isCustomThemeValue( value ) {
var i;

for ( i = 0; i < themes.length; i++ ) {
if ( themes[ i ].value === value ) {
return true;
}
}

return false;
}

function readStoredTheme() {
var i;

try {
for ( i = themes.length - 1; i >= 0; i-- ) {
if ( window.localStorage.getItem( themes[ i ].storageKey ) === '1' ) {
return themes[ i ];
}
}
} catch ( error ) {
/* Continue without a stored custom theme. */
}

return null;
}

function applyTheme( selectedTheme ) {
var i,
theme,
enabled;

for ( i = 0; i < themes.length; i++ ) {
theme = themes[ i ];
enabled = selectedTheme === theme;
root.classList.toggle( theme.rootClass, enabled );

try {
if ( enabled ) {
window.localStorage.setItem( theme.storageKey, '1' );
} else {
window.localStorage.removeItem( theme.storageKey );
}
} catch ( error ) {
/* The selected theme still works when storage is blocked. */
}
}
}

function makeThemeControl( theme, nightInput ) {
var container = document.createElement( 'div' ),
input = document.createElement( 'input' ),
icon = document.createElement( 'span' ),
label = document.createElement( 'label' ),
labelText = document.createElement( 'span' );

container.className = 'cdx-radio';
input.className = 'cdx-radio__input';
input.type = 'radio';
input.name = nightInput.name;
input.id = inputId( theme );
input.value = theme.value;
input.setAttribute( 'data-event-name', input.id );
icon.className = 'cdx-radio__icon';
label.className = 'cdx-label cdx-radio__label';
label.setAttribute( 'for', input.id );
labelText.className = 'cdx-label__label__text';
labelText.textContent = theme.name;

label.appendChild( labelText );
container.appendChild( input );
container.appendChild( icon );
container.appendChild( label );

input.addEventListener( 'change', function () {
if ( !input.checked ) {
return;
}
nightInput.click();
input.checked = true;
applyTheme( theme );
} );

return container;
}

function mountControls() {
var nightInput = document.getElementById( 'skin-client-pref-skin-theme-value-night' ),
storedTheme = readStoredTheme(),
form,
control,
inputs,
i,
theme,
selectedInput;

if ( !nightInput ) {
return;
}

form = nightInput.form || nightInput.closest( 'form' );
if ( !form ) {
return;
}

for ( i = 0; i < themes.length; i++ ) {
theme = themes[ i ];
if ( !document.getElementById( inputId( theme ) ) ) {
control = makeThemeControl( theme, nightInput );
form.appendChild( control );
}
}

if ( form.getAttribute( 'data-vu-theme-listeners' ) !== '1' ) {
form.setAttribute( 'data-vu-theme-listeners', '1' );
inputs = form.querySelectorAll( 'input[type="radio"]' );
for ( i = 0; i < inputs.length; i++ ) {
if ( !isCustomThemeValue( inputs[ i ].value ) ) {
inputs[ i ].addEventListener( 'change', function ( event ) {
if ( event.target.checked ) {
applyTheme( null );
}
} );
}
}
}

if ( storedTheme ) {
if ( !root.classList.contains( 'skin-theme-clientpref-night' ) ) {
nightInput.click();
}
selectedInput = document.getElementById( inputId( storedTheme ) );
if ( selectedInput ) {
selectedInput.checked = true;
}
applyTheme( storedTheme );
}
}

applyTheme( readStoredTheme() );

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', mountControls );
} else {
mountControls();
}

new MutationObserver( mountControls ).observe( document.documentElement, {
childList: true,
subtree: true
} );
}() );
/* DO NOT ADD CODE BELOW THIS LINE */

MediaWiki:Common.css

2026-09-17T14:29:50Z

VU-MaintenanceBot: Fix custom-theme infoboxes and preserve Tanoa navbox gold

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
color: #ffffff;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6,
html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox td,
html.vu-theme-noord .infobox th,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure black surfaces with CSS pure orange text (#FFA500).
*/
html.vu-theme-van-hetten {
color-scheme: dark;
--background-color-base: #000000;
--background-color-neutral: #000000;
--background-color-neutral-subtle: #000000;
--background-color-interactive: #000000;
--background-color-interactive-subtle: #000000;
--background-color-progressive-subtle: #000000;
--border-color-base: #FFA500;
--border-color-subtle: #FFA500;
--color-base: #FFA500;
--color-subtle: #FFA500;
--color-progressive: #FFA500;
--color-destructive: #FFA500;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #000000;
color: #FFA500;
border-color: #FFA500;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #FFA500 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6,
html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #1A1A1A !important;
color: #FFA500 !important;
border-color: #FFA500 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #FFA500 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #FFA500;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox td,
html.vu-theme-van-hetten .infobox th,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #000000;
color: #FFA500;
border-color: #FFA500;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #FFA500 !important;
border-color: #FFA500 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #111111 !important;
background-image: none !important;
border-color: #FFA500 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #1A1A1A !important;
color: #FFA500 !important;
border-color: #FFA500 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/*
* Custom-theme infobox palette.
* These rules are deliberately scoped to custom themes; native Dark keeps its
* existing #1B223D headers and #1e1e1e body cells.
*/
html.vu-theme-paap {
--vu-infobox-body: #241338;
--vu-infobox-header: #351D53;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #604379;
}

html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
}

html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-header: #FF6666;
--vu-infobox-text: #000000;
--vu-infobox-border: #000000;
}

html.vu-theme-van-hetten {
--vu-infobox-body: #111111;
--vu-infobox-header: #1A1A1A;
--vu-infobox-text: #FFA500;
--vu-infobox-border: #FFA500;
}

html.vu-theme-schroeter {
--vu-infobox-body: #F3EADF;
--vu-infobox-header: #D6C2A6;
--vu-infobox-text: #2B2520;
--vu-infobox-border: #806F5C;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-above,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-title,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-header,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-subheader,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox td.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th.infobox-below,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox caption,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
border-color: var(--vu-infobox-border) !important;
}

html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox a,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox span,
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .infobox div {
background: transparent !important;
}

/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title {
background: #B37C28 !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group {
background: #C48F2D !important;
color: #000000 !important;
}

html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-title a,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
background: transparent !important;
color: #000000 !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.css

2026-09-17T14:22:40Z

VU-MaintenanceBot: Apply Schroeter colors to night-mode infobox headers

/*
* This is the CSS common to all desktop skins on Vrienden Universe.
* Styling inside .mw-parser-output should generally use TemplateStyles.
*/
/* Reset italic styling set by user agent */
cite,
dfn {
font-style: inherit;
}

/* Straight quote marks for <q> */
q {
quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
overflow: hidden;
margin: 1em 0;
padding: 0 40px;
}

/* Consistent size for , and */
small {
font-size: 85%;
}

.mw-body-content sub,
.mw-body-content sup {
font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
margin-top: 0.4em;
margin-bottom: 0.4em;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),

/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,

/* Hide charinsert base for those not using the gadget */
#editpage-specialchars {
display: none;
}

/* Different margin on references */
.references {
margin-bottom: 0.5em;
}

/* Cite customizations */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}

span[ rel='mw:referencedBy' ] > a::before {
content: counter( mw-ref-linkback, lower-alpha );
font-size: 80%;
font-weight: bold;
font-style: italic;
}

a[ rel="mw:referencedBy" ]::before {
font-weight: bold;
content: "^";
}

span[ rel="mw:referencedBy" ]::before {
content: "^ ";
}

/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
font-weight: normal;
padding-right: 0.2em;
padding-left: 0.2em;
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
}

/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
/* @noflip */
text-align: left;
}

/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
/* @noflip */
padding: 8px 18px 8px 0;
}

/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between
* the edit-protected notice and the special:Contribs for blocked users
* The latter has specificity of 3 classes so we have to triple up here.
*/
.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: var(--background-color-error-subtle, #ffdbdb);
padding: 0.25em 0.9em;
box-sizing: border-box;
}

/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
border-color: var(--border-color-warning, #ab7f2a);
background-color: var(--background-color-warning-subtle, #fef6e7);
}

/* Minimum thumb width */
@media (min-width: 640px) {
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'],
.thumbinner {
min-width: 100px;
}
}

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]],
[[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]],
[[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]],
[[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
display: none;
}

/* Hide the redlink generated by {{Editnotice}},
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See [[phab:T45013]]

Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
display: none !important;
}

/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
margin: 0;
}

ul.permissions-errors > li {
list-style: none;
}

/* larger inline math */
span.mwe-math-mathml-inline {
font-size: 118%;
}

/* Make <math display="block"> be left aligned with one space indent for
* compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
margin-left: 1.6em !important;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

.mwe-math-mathml-display math {
display: inline;
}

@media screen {
/* Put a chequered background behind images, only visible if they have transparency,
* except on main, user, and portal namespaces
*/
body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Display "the site subtitle" in skins that support it,
do not apply to print mode */
#siteSub {
display: block;
}

/* Make the list of references smaller
* Keep in sync with Template:Refbegin/styles.css
* And Template:Reflist/styles.css
*/
.references {
font-size: 90%;
}
}

/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
display: none;
}

/*
* BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
* SEE [[MediaWiki talk:Common.css/to do]]
* CSS is separated by component (which is why media queries are not joined)
*/

/* Infoboxes */
.infobox {
border: 1px solid var(--border-color-base, #a2a9b1);
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
margin: 0.5em 0;
}

/* Ensure nothing inside forces black text */
.infobox * {
color: inherit;
}

/* Links inside infobox follow theme colors */
.infobox a:link,
.infobox a:visited {
color: var(--color-progressive, #36c);
}

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

@media (max-width: 640px) {
.infobox {
width: 100%;
}

.infobox .nowrap {
white-space: normal;
}
}

@media (min-width: 640px) {
.infobox {
/* @noflip */
margin-left: 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}

/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
font-size: 118%;
line-height: 1;
/* Force tabular and lining display for texhtml */
font-variant-numeric: lining-nums tabular-nums;
font-kerning: none;
}

span.texhtml span.texhtml {
font-size: 100%;
}

@media (min-width: 640px) {
span.texhtml {
white-space: nowrap;
}
}

/* Prevent flags in tables from collapsing: Fix for T116318
* TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
*/
@media (max-width: 640px) {
.flagicon a > img,
.flagicon noscript > img {
max-width: none !important;
}
}

@media screen {
.nochecker .gallerybox .thumb img {
background-image: none;
}
}

/* Hide maintenance / tracking categories */
.mw-hidden-cats {
display: none;
}

/* Override inline hard-coded header backgrounds in infoboxes */
.infobox td.infobox-above,
.infobox th.infobox-above,
.infobox td.infobox-title,
.infobox th.infobox-title,
.infobox caption,
.infobox th[colspan] {
background: var(--background-color-progressive-subtle, #eaf3ff) ;
color: var(--color-base, #202122) ;
}

/* Ensure ALL infobox cells remain readable */
.infobox td,
.infobox th {
color: var(--color-base, #202122) ;
border-color: var(--border-color-base, #a2a9b1);
}
/*
* Put anything you mean to be a sitewide addition above the TemplateStyles
* comment above.
*/
/* Dark mode fixes for navboxes and similar boxes */
@media screen {
/* User-selected Dark mode */
html.skin-theme-clientpref-night .navbox,
html.skin-theme-clientpref-night .navbox-subgroup,
html.skin-theme-clientpref-night .navbox th,
html.skin-theme-clientpref-night .navbox td {
background-color: #1e1e1e ; /* dark main body */
color: #d0d0d0 ;
border-color: #444 ;
}

/* Match infobox header color but darkened for dark mode (titles, above/below rows) */
html.skin-theme-clientpref-night .navbox-title,
html.skin-theme-clientpref-night .navbox-abovebelow,
html.skin-theme-clientpref-night .navbox th[scope="col"], /* column headers */
html.skin-theme-clientpref-night .navbox .navbox-title, /* nested titles */
html.skin-theme-clientpref-night .navbox .navbox-group { /* left-side group labels, often "side ones" */
background-color: #1B223D ; /* darkened blue-gray variant of #eaf3ff */
color: #e0f0ff ; /* very light blue-white text for contrast */
border-color: #3a506b ; /* subtle border to match */
}

/* If your navbox uses .navbox-group for left-side labels, this targets them specifically */
html.skin-theme-clientpref-night .navbox .navbox-group {
background-color: #1B223D ;
font-weight: bold;
}

/* Alternating rows stay dark */
html.skin-theme-clientpref-night .navbox-odd,
html.skin-theme-clientpref-night .navbox-even {
background-color: #252525 ;
}

/* Links inside navbox */
html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink) {
color: #88ccff ;
}

/* For Automatic/OS dark preference */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .navbox,
html.skin-theme-clientpref-os .navbox-subgroup,
html.skin-theme-clientpref-os .navbox th,
html.skin-theme-clientpref-os .navbox td {
background-color: #1e1e1e ;
color: #d0d0d0 ;
border-color: #444 ;
}
html.skin-theme-clientpref-os .navbox-title,
html.skin-theme-clientpref-os .navbox-abovebelow,
html.skin-theme-clientpref-os .navbox th[scope="col"],
html.skin-theme-clientpref-os .navbox .navbox-title,
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
color: #e0f0ff ;
border-color: #3a506b ;
}
html.skin-theme-clientpref-os .navbox .navbox-group {
background-color: #1B223D ;
}
html.skin-theme-clientpref-os .navbox-odd,
html.skin-theme-clientpref-os .navbox-even {
background-color: #252525 ;
}
}
}

/*
* Vrienden Universe "Paap" color theme.
*
* Paap builds on Vector 2022's night mode. The accompanying Common.js code
* keeps skin-theme-clientpref-night active, then adds vu-theme-paap.
*/
html.vu-theme-paap {
color-scheme: dark;
--background-color-base: #170d24;
--background-color-neutral: #241338;
--background-color-neutral-subtle: #211330;
--background-color-interactive: #2a1742;
--background-color-interactive-subtle: #241338;
--background-color-progressive-subtle: #351d53;
--border-color-base: #604379;
--border-color-subtle: #422d59;
--color-base: #ffffff;
--color-subtle: #d8cedf;
--color-progressive: #79bff2;
--color-destructive: #ef7180;
}

html.vu-theme-paap,
html.vu-theme-paap body,
html.vu-theme-paap .mw-page-container,
html.vu-theme-paap .mw-body,
html.vu-theme-paap .vector-header-container,
html.vu-theme-paap .vector-column-start,
html.vu-theme-paap .vector-column-end {
background-color: #170d24;
color: #ffffff;
}

html.vu-theme-paap .vector-dropdown-content,
html.vu-theme-paap .vector-menu-content,
html.vu-theme-paap .mw-portlet,
html.vu-theme-paap .cdx-menu,
html.vu-theme-paap .oo-ui-popupWidget-popup {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Slightly darker than the existing dark-theme blue (#88ccff). */
html.vu-theme-paap body a:not(.new):not(.mw-selflink):link,
html.vu-theme-paap body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}

/* Darker than the existing dark-theme red (#ff6b6b), with AA contrast. */
html.vu-theme-paap body a.new:link,
html.vu-theme-paap body a.new:visited {
color: #ef7180;
}

html.vu-theme-paap .infobox,
html.vu-theme-paap .navbox,
html.vu-theme-paap .navbox-subgroup,
html.vu-theme-paap .navbox th,
html.vu-theme-paap .navbox td,
html.vu-theme-paap .wikitable,
html.vu-theme-paap .wikitable > * > tr > th,
html.vu-theme-paap .wikitable > * > tr > td {
background-color: #241338;
color: #ffffff;
border-color: #604379;
}

/* Replaces the current dark-blue #1B223D header surfaces. */
html.vu-theme-paap .infobox .infobox-above,
html.vu-theme-paap .infobox .infobox-title,
html.vu-theme-paap .infobox .infobox-header,
html.vu-theme-paap .infobox .infobox-subheader,
html.vu-theme-paap .infobox .infobox-below,
html.vu-theme-paap .infobox caption,
html.vu-theme-paap .infobox th[colspan],
html.vu-theme-paap .navbox-title,
html.vu-theme-paap .navbox-abovebelow,
html.vu-theme-paap .navbox th[scope="col"],
html.vu-theme-paap .navbox .navbox-group {
background-color: #351d53;
color: #ffffff;
border-color: #604379;
}

html.vu-theme-paap .navbox-odd {
background-color: #211330;
}

html.vu-theme-paap .navbox-even {
background-color: #2a1742;
}

html.vu-theme-paap .mw-code,
html.vu-theme-paap pre,
html.vu-theme-paap code,
html.vu-theme-paap .toc,
html.vu-theme-paap .catlinks {
background-color: #211330;
color: #ffffff;
border-color: #422d59;
}

/* Main Page components have their own navy palette; replace it for Paap. */
html.vu-theme-paap .vu-main {
--vu-navy: #351d53;
--vu-navy-light: #4a2b6b;
--vu-blue: #79bff2;
}

html.vu-theme-paap .vu-header {
background: linear-gradient(118deg, #211330 0%, #351d53 55%, #4a2b6b 100%);
}

html.vu-theme-paap .vu-explore-mark,
html.vu-theme-paap .vu-person-image {
background-color: #351d53;
}

html.vu-theme-paap .vu-browse {
background: linear-gradient(145deg, #351d53 0%, #351d53 72%, #4a2b6b 72%);
}

/*
* Vrienden Universe "Hugerinus" color theme.
*
* Inspired by the green and blue Fish Collective userbox associated with
* Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
*/
html.vu-theme-hugerinus {
color-scheme: dark;
--background-color-base: #003a43;
--background-color-neutral: #00354f;
--background-color-neutral-subtle: #002f48;
--background-color-interactive: #004457;
--background-color-interactive-subtle: #00384e;
--background-color-progressive-subtle: #003b70;
--border-color-base: #3d99a4;
--border-color-subtle: #277783;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-destructive: #ff9aa2;
}

html.vu-theme-hugerinus,
html.vu-theme-hugerinus body,
html.vu-theme-hugerinus .mw-page-container,
html.vu-theme-hugerinus .vector-header-container,
html.vu-theme-hugerinus .vector-column-start,
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
background-attachment: fixed;
color: #ffffff;
}

html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
color: #ffffff;
}

html.vu-theme-hugerinus .vector-dropdown-content,
html.vu-theme-hugerinus .vector-menu-content,
html.vu-theme-hugerinus .mw-portlet,
html.vu-theme-hugerinus .cdx-menu,
html.vu-theme-hugerinus .oo-ui-popupWidget-popup {
background: #002f48;
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hugerinus body a:not(.new):not(.mw-selflink):visited {
color: #9fdbff;
}

html.vu-theme-hugerinus body a.new:link,
html.vu-theme-hugerinus body a.new:visited {
color: #ff9aa2;
}

html.vu-theme-hugerinus .infobox,
html.vu-theme-hugerinus .navbox,
html.vu-theme-hugerinus .navbox-subgroup,
html.vu-theme-hugerinus .navbox th,
html.vu-theme-hugerinus .navbox td,
html.vu-theme-hugerinus .wikitable,
html.vu-theme-hugerinus .wikitable > * > tr > th,
html.vu-theme-hugerinus .wikitable > * > tr > td {
background: rgba(0, 47, 72, 0.92);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .infobox .infobox-above,
html.vu-theme-hugerinus .infobox .infobox-title,
html.vu-theme-hugerinus .infobox .infobox-header,
html.vu-theme-hugerinus .infobox .infobox-subheader,
html.vu-theme-hugerinus .infobox .infobox-below,
html.vu-theme-hugerinus .infobox caption,
html.vu-theme-hugerinus .infobox th[colspan],
html.vu-theme-hugerinus .navbox-title,
html.vu-theme-hugerinus .navbox-abovebelow,
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
color: #ffffff;
border-color: #3d99a4;
}

html.vu-theme-hugerinus .navbox-odd {
background: rgba(0, 55, 63, 0.94);
}

html.vu-theme-hugerinus .navbox-even {
background: rgba(0, 35, 83, 0.94);
}

html.vu-theme-hugerinus .mw-code,
html.vu-theme-hugerinus pre,
html.vu-theme-hugerinus code,
html.vu-theme-hugerinus .toc,
html.vu-theme-hugerinus .catlinks {
background: rgba(0, 47, 72, 0.94);
color: #ffffff;
border-color: #277783;
}

html.vu-theme-hugerinus .vu-main {
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
}

html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
}

html.vu-theme-hugerinus .vu-explore-mark,
html.vu-theme-hugerinus .vu-person-image {
background-color: #003b70;
}

html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
}

/*
* Vrienden Universe "Noord" color theme.
* Pure red surfaces with pure black text, as requested.
*/
html.vu-theme-noord {
color-scheme: light;
--background-color-base: #FF0000;
--background-color-neutral: #FF0000;
--background-color-neutral-subtle: #FF0000;
--background-color-interactive: #FF0000;
--background-color-interactive-subtle: #FF0000;
--background-color-progressive-subtle: #FF0000;
--border-color-base: #000000;
--border-color-subtle: #000000;
--color-base: #000000;
--color-subtle: #000000;
--color-progressive: #000000;
--color-destructive: #000000;
}

html.vu-theme-noord,
html.vu-theme-noord body,
html.vu-theme-noord .mw-page-container,
html.vu-theme-noord .mw-body,
html.vu-theme-noord .vector-header-container,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .mw-portlet,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord body a:link,
html.vu-theme-noord body a:visited,
html.vu-theme-noord body a.new:link,
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
text-decoration: underline;
}

html.vu-theme-noord .mw-heading,
html.vu-theme-noord h1,
html.vu-theme-noord h2,
html.vu-theme-noord h3,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h6,
html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .cdx-label {
color: #000000 !important;
}

html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
opacity: 1;
}

html.vu-theme-noord .infobox,
html.vu-theme-noord .infobox *,
html.vu-theme-noord .navbox,
html.vu-theme-noord .navbox-subgroup,
html.vu-theme-noord .navbox th,
html.vu-theme-noord .navbox td,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord code,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
background: #FF0000;
color: #000000;
border-color: #000000;
}

html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main [class^="vu-"],
html.vu-theme-noord .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-main {
background-color: #FF0000 !important;
}

html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-explore,
html.vu-theme-noord .vu-feature,
html.vu-theme-noord .vu-guide,
html.vu-theme-noord .vu-notice,
html.vu-theme-noord .vu-information,
html.vu-theme-noord .vu-people-stage,
html.vu-theme-noord .vu-family-area,
html.vu-theme-noord .vu-browse {
background-color: #FF3F3F !important;
background-image: none !important;
border-color: #000000 !important;
}

html.vu-theme-noord .vu-header-button,
html.vu-theme-noord .vu-route-button,
html.vu-theme-noord .vu-browse-button,
html.vu-theme-noord .vu-slide-button,
html.vu-theme-noord .vu-person-open,
html.vu-theme-noord .vu-family-link,
html.vu-theme-noord .vu-feature-link,
html.vu-theme-noord .vu-explore-link {
background-color: #FF6666 !important;
color: #000000 !important;
border-color: #000000 !important;
}

/*
* Vrienden Universe "Van Hetten" color theme.
* Pure black surfaces with CSS pure orange text (#FFA500).
*/
html.vu-theme-van-hetten {
color-scheme: dark;
--background-color-base: #000000;
--background-color-neutral: #000000;
--background-color-neutral-subtle: #000000;
--background-color-interactive: #000000;
--background-color-interactive-subtle: #000000;
--background-color-progressive-subtle: #000000;
--border-color-base: #FFA500;
--border-color-subtle: #FFA500;
--color-base: #FFA500;
--color-subtle: #FFA500;
--color-progressive: #FFA500;
--color-destructive: #FFA500;
}

html.vu-theme-van-hetten,
html.vu-theme-van-hetten body,
html.vu-theme-van-hetten .mw-page-container,
html.vu-theme-van-hetten .mw-body,
html.vu-theme-van-hetten .vector-header-container,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .mw-portlet,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #000000;
color: #FFA500;
border-color: #FFA500;
}

html.vu-theme-van-hetten body a:link,
html.vu-theme-van-hetten body a:visited,
html.vu-theme-van-hetten body a.new:link,
html.vu-theme-van-hetten body a.new:visited {
color: #FFA500 !important;
text-decoration: underline;
}

html.vu-theme-van-hetten .mw-heading,
html.vu-theme-van-hetten h1,
html.vu-theme-van-hetten h2,
html.vu-theme-van-hetten h3,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6,
html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
background-color: #1A1A1A !important;
color: #FFA500 !important;
border-color: #FFA500 !important;
}

html.vu-theme-van-hetten .cdx-label {
color: #FFA500 !important;
}

html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #FFA500;
opacity: 1;
}

html.vu-theme-van-hetten .infobox,
html.vu-theme-van-hetten .infobox *,
html.vu-theme-van-hetten .navbox,
html.vu-theme-van-hetten .navbox-subgroup,
html.vu-theme-van-hetten .navbox th,
html.vu-theme-van-hetten .navbox td,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten code,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
background: #000000;
color: #FFA500;
border-color: #FFA500;
}

html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-main [class^="vu-"],
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #FFA500 !important;
border-color: #FFA500 !important;
}

html.vu-theme-van-hetten .vu-main {
background-color: #000000 !important;
}

html.vu-theme-van-hetten .vu-header,
html.vu-theme-van-hetten .vu-about,
html.vu-theme-van-hetten .vu-explore,
html.vu-theme-van-hetten .vu-feature,
html.vu-theme-van-hetten .vu-guide,
html.vu-theme-van-hetten .vu-notice,
html.vu-theme-van-hetten .vu-information,
html.vu-theme-van-hetten .vu-people-stage,
html.vu-theme-van-hetten .vu-family-area,
html.vu-theme-van-hetten .vu-browse {
background-color: #111111 !important;
background-image: none !important;
border-color: #FFA500 !important;
}

html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-van-hetten .vu-explore-link {
background-color: #1A1A1A !important;
color: #FFA500 !important;
border-color: #FFA500 !important;
}

/*
* Vrienden Universe "Schroeter" color theme.
* Neutral beige surfaces with high-contrast charcoal-brown text.
*/
html.vu-theme-schroeter {
color-scheme: light;
--background-color-base: #E8D8C3;
--background-color-neutral: #E1D0B9;
--background-color-neutral-subtle: #F3EADF;
--background-color-interactive: #D6C2A6;
--background-color-interactive-subtle: #E1D0B9;
--background-color-progressive-subtle: #D6C2A6;
--border-color-base: #806F5C;
--border-color-subtle: #A99883;
--color-base: #2B2520;
--color-subtle: #5A4E43;
--color-progressive: #254F73;
--color-destructive: #8A1F2D;
}

html.vu-theme-schroeter,
html.vu-theme-schroeter body,
html.vu-theme-schroeter .mw-page-container,
html.vu-theme-schroeter .mw-body,
html.vu-theme-schroeter .vector-header-container,
html.vu-theme-schroeter .vector-sticky-header,
html.vu-theme-schroeter .vector-column-start,
html.vu-theme-schroeter .vector-column-end {
background: #E8D8C3;
color: #2B2520;
}

html.vu-theme-schroeter .vector-dropdown-content,
html.vu-theme-schroeter .vector-menu-content,
html.vu-theme-schroeter .mw-portlet,
html.vu-theme-schroeter .cdx-menu,
html.vu-theme-schroeter .oo-ui-popupWidget-popup {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):link,
html.vu-theme-schroeter body a:not(.new):not(.mw-selflink):visited {
color: #254F73;
}

html.vu-theme-schroeter body a.new:link,
html.vu-theme-schroeter body a.new:visited {
color: #8A1F2D;
}

html.vu-theme-schroeter .mw-heading,
html.vu-theme-schroeter h1,
html.vu-theme-schroeter h2,
html.vu-theme-schroeter h3,
html.vu-theme-schroeter h4,
html.vu-theme-schroeter h5,
html.vu-theme-schroeter h6,
html.vu-theme-schroeter .cdx-label {
color: #2B2520 !important;
}

html.vu-theme-schroeter input:not([type="radio"]),
html.vu-theme-schroeter button {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter input:not([type="radio"])::placeholder {
color: #5A4E43;
opacity: 1;
}

/* Explicit cell rules beat the night-mode infobox rules underneath. */
html.vu-theme-schroeter .infobox,
html.vu-theme-schroeter .infobox td,
html.vu-theme-schroeter .infobox th {
background: #F3EADF !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox .infobox-above,
html.vu-theme-schroeter .infobox .infobox-title,
html.vu-theme-schroeter .infobox .infobox-header,
html.vu-theme-schroeter .infobox .infobox-subheader,
html.vu-theme-schroeter .infobox .infobox-below,
html.vu-theme-schroeter .infobox caption,
html.vu-theme-schroeter .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

/* Outrank Vector's more specific night-mode header selectors. */
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-above,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-title,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-header,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-subheader,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox .infobox-below,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox caption,
html.vu-theme-schroeter.skin-theme-clientpref-night .infobox th[colspan] {
background: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .infobox a {
background: transparent !important;
}

html.vu-theme-schroeter .navbox,
html.vu-theme-schroeter .navbox-subgroup,
html.vu-theme-schroeter .navbox th,
html.vu-theme-schroeter .navbox td,
html.vu-theme-schroeter .wikitable,
html.vu-theme-schroeter .wikitable > * > tr > th,
html.vu-theme-schroeter .wikitable > * > tr > td,
html.vu-theme-schroeter .mw-code,
html.vu-theme-schroeter pre,
html.vu-theme-schroeter code,
html.vu-theme-schroeter .toc,
html.vu-theme-schroeter .catlinks {
background: #F3EADF;
color: #2B2520;
border-color: #806F5C;
}

html.vu-theme-schroeter .navbox-title,
html.vu-theme-schroeter .navbox-abovebelow,
html.vu-theme-schroeter .navbox th[scope="col"],
html.vu-theme-schroeter .navbox .navbox-group {
background: #D6C2A6 !important;
color: #2B2520 !important;
}

html.vu-theme-schroeter .vu-main,
html.vu-theme-schroeter .vu-main [class^="vu-"],
html.vu-theme-schroeter .vu-main [class*=" vu-"] {
color: #2B2520 !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-main {
background-color: #E8D8C3 !important;
}

html.vu-theme-schroeter .vu-header {
background: linear-gradient(118deg, #E8D8C3 0%, #E1D0B9 52%, #D6C2A6 100%) !important;
}

html.vu-theme-schroeter .vu-about,
html.vu-theme-schroeter .vu-explore,
html.vu-theme-schroeter .vu-feature,
html.vu-theme-schroeter .vu-guide,
html.vu-theme-schroeter .vu-notice,
html.vu-theme-schroeter .vu-information,
html.vu-theme-schroeter .vu-people-stage,
html.vu-theme-schroeter .vu-family-area,
html.vu-theme-schroeter .vu-browse {
background-color: #F3EADF !important;
background-image: none !important;
border-color: #806F5C !important;
}

html.vu-theme-schroeter .vu-header-button,
html.vu-theme-schroeter .vu-route-button,
html.vu-theme-schroeter .vu-browse-button,
html.vu-theme-schroeter .vu-slide-button,
html.vu-theme-schroeter .vu-person-open,
html.vu-theme-schroeter .vu-family-link,
html.vu-theme-schroeter .vu-feature-link,
html.vu-theme-schroeter .vu-explore-link {
background-color: #D6C2A6 !important;
color: #2B2520 !important;
border-color: #806F5C !important;
}

.mw-pt-translate-header {
display: none;
}

MediaWiki:Common.js

2026-09-17T14:20:14Z

VU-MaintenanceBot: Add Schroeter appearance option

/**
* Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
* loaded for all users on every wiki page. If possible create a gadget that is
* enabled by default instead of adding it here (since gadgets are fully
* optimized ResourceLoader modules with possibility to add dependencies etc.)
*
* Since Common.js isn't a gadget, there is no place to declare its
* dependencies, so we have to lazy load them with mw.loader.using on demand and
* then execute the rest in the callback. In most cases these dependencies will
* be loaded (or loading) already and the callback will not be delayed. In case a
* dependency hasn't arrived yet it'll make sure those are loaded before this.
*/

/* global mw, $ */
/* jshint strict:false, browser:true */

mw.loader.using( [ 'mediawiki.util' ] ).done( function () {
/* Begin of mw.loader.using callback */

/**
* Map addPortletLink to mw.util
* @deprecated: Use mw.util.addPortletLink instead.
*/
mw.log.deprecate( window, 'addPortletLink', mw.util.addPortletLink, 'Use mw.util.addPortletLink instead' );

/**
* @source www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
* @rev 6
*/
var extraCSS = mw.util.getParamValue( 'withCSS' ),
extraJS = mw.util.getParamValue( 'withJS' );

if ( extraCSS ) {
if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraCSS + '&action=raw&ctype=text/css', 'text/css' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } );
}
}

if ( extraJS ) {
if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraJS + '&action=raw&ctype=text/javascript' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } );
}
}

/**
* Collapsible tables; reimplemented with mw-collapsible
* Styling is also in place to avoid FOUC
*
* Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].
* @version 3.0.0 (2018-05-20)
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
* @author [[User:R. Koot]]
* @author [[User:Krinkle]]
* @author [[User:TheDJ]]
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
* is supported in MediaWiki core. Shimmable since MediaWiki 1.32
*
* @param {jQuery} $content
*/
function makeCollapsibleMwCollapsible( $content ) {
var $tables = $content
.find( 'table.collapsible:not(.mw-collapsible)' )
.addClass( 'mw-collapsible' );

$.each( $tables, function ( index, table ) {
// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
if ( $( table ).hasClass( 'collapsed' ) ) {
$( table ).addClass( 'mw-collapsed' );
// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
}
} );
if ( $tables.length > 0 ) {
mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
$tables.makeCollapsible();
} );
}
}
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

/**
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
*
* Maintainers: TheDJ
*/
function mwCollapsibleSetup( $collapsibleContent ) {
var $element,
$toggle,
autoCollapseThreshold = 2;
$.each( $collapsibleContent, function ( index, element ) {
$element = $( element );
if ( $element.hasClass( 'collapsible' ) ) {
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
}
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
$element.data( 'mw-collapsible' ).collapse();
} else if ( $element.hasClass( 'innercollapse' ) ) {
if ( $element.parents( '.outercollapse' ).length > 0 ) {
$element.data( 'mw-collapsible' ).collapse();
}
}
// because of colored backgrounds, style the link in the text color
// to ensure accessible contrast
$toggle = $element.find( '.mw-collapsible-toggle' );
if ( $toggle.length ) {
// Make the toggle inherit text color (Updated for T333357 2023-04-29)
if ( $toggle.parent()[ 0 ].style.color ) {
$toggle.css( 'color', 'inherit' );
$toggle.find( '.mw-collapsible-text' ).css( 'color', 'inherit' );
}
}
} );
}

mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

/* End of mw.loader.using callback */
} );

/**
* Add Vrienden Universe custom themes to Vector 2022's color options.
*
* Vector exposes os/day/night as native client preferences. Custom themes
* select Vector's night mode underneath, then add their own root CSS class.
*/
( function () {
'use strict';

var root = document.documentElement,
themes = [
{
name: 'Paap',
value: 'paap',
storageKey: 'vu-theme-paap',
rootClass: 'vu-theme-paap'
},
{
name: 'Hugerinus',
value: 'hugerinus',
storageKey: 'vu-theme-hugerinus',
rootClass: 'vu-theme-hugerinus'
},
{
name: 'Noord',
value: 'noord',
storageKey: 'vu-theme-noord',
rootClass: 'vu-theme-noord'
},
{
name: 'Van Hetten',
value: 'van-hetten',
storageKey: 'vu-theme-van-hetten',
rootClass: 'vu-theme-van-hetten'
},
{
name: 'Schroeter',
value: 'schroeter',
storageKey: 'vu-theme-schroeter',
rootClass: 'vu-theme-schroeter'
}
];

function inputId( theme ) {
return 'skin-client-pref-skin-theme-value-' + theme.value;
}

function isCustomThemeValue( value ) {
var i;

for ( i = 0; i < themes.length; i++ ) {
if ( themes[ i ].value === value ) {
return true;
}
}

return false;
}

function readStoredTheme() {
var i;

try {
for ( i = themes.length - 1; i >= 0; i-- ) {
if ( window.localStorage.getItem( themes[ i ].storageKey ) === '1' ) {
return themes[ i ];
}
}
} catch ( error ) {
/* Continue without a stored custom theme. */
}

return null;
}

function applyTheme( selectedTheme ) {
var i,
theme,
enabled;

for ( i = 0; i < themes.length; i++ ) {
theme = themes[ i ];
enabled = selectedTheme === theme;
root.classList.toggle( theme.rootClass, enabled );

try {
if ( enabled ) {
window.localStorage.setItem( theme.storageKey, '1' );
} else {
window.localStorage.removeItem( theme.storageKey );
}
} catch ( error ) {
/* The selected theme still works when storage is blocked. */
}
}
}

function makeThemeControl( theme, nightInput ) {
var container = document.createElement( 'div' ),
input = document.createElement( 'input' ),
icon = document.createElement( 'span' ),
label = document.createElement( 'label' ),
labelText = document.createElement( 'span' );

container.className = 'cdx-radio';
input.className = 'cdx-radio__input';
input.type = 'radio';
input.name = nightInput.name;
input.id = inputId( theme );
input.value = theme.value;
input.setAttribute( 'data-event-name', input.id );
icon.className = 'cdx-radio__icon';
label.className = 'cdx-label cdx-radio__label';
label.setAttribute( 'for', input.id );
labelText.className = 'cdx-label__label__text';
labelText.textContent = theme.name;

label.appendChild( labelText );
container.appendChild( input );
container.appendChild( icon );
container.appendChild( label );

input.addEventListener( 'change', function () {
if ( !input.checked ) {
return;
}
nightInput.click();
input.checked = true;
applyTheme( theme );
} );

return container;
}

function mountControls() {
var nightInput = document.getElementById( 'skin-client-pref-skin-theme-value-night' ),
storedTheme = readStoredTheme(),
form,
control,
inputs,
i,
theme,
selectedInput;

if ( !nightInput ) {
return;
}

form = nightInput.form || nightInput.closest( 'form' );
if ( !form ) {
return;
}

for ( i = 0; i < themes.length; i++ ) {
theme = themes[ i ];
if ( !document.getElementById( inputId( theme ) ) ) {
control = makeThemeControl( theme, nightInput );
form.appendChild( control );
}
}

if ( form.getAttribute( 'data-vu-theme-listeners' ) !== '1' ) {
form.setAttribute( 'data-vu-theme-listeners', '1' );
inputs = form.querySelectorAll( 'input[type="radio"]' );
for ( i = 0; i < inputs.length; i++ ) {
if ( !isCustomThemeValue( inputs[ i ].value ) ) {
inputs[ i ].addEventListener( 'change', function ( event ) {
if ( event.target.checked ) {
applyTheme( null );
}
} );
}
}
}

if ( storedTheme ) {
if ( !root.classList.contains( 'skin-theme-clientpref-night' ) ) {
nightInput.click();
}
selectedInput = document.getElementById( inputId( storedTheme ) );
if ( selectedInput ) {
selectedInput.checked = true;
}
applyTheme( storedTheme );
}
}

applyTheme( readStoredTheme() );

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', mountControls );
} else {
mountControls();
}

new MutationObserver( mountControls ).observe( document.documentElement, {
childList: true,
subtree: true
} );
}() );
/* DO NOT ADD CODE BELOW THIS LINE */

MediaWiki:Common.css

2026-09-17T14:20:13Z

VU-MaintenanceBot: Add neutral beige Schroeter color theme

MediaWiki:Common.css

2026-09-17T14:15:47Z

VU-MaintenanceBot: Soften Hugerinus gradient and restore theme component depth

MediaWiki:Common.css

2026-09-17T14:11:57Z

VU-MaintenanceBot: Restore visible theme selector controls

MediaWiki:Common.css

2026-09-17T14:10:15Z

VU-MaintenanceBot: Keep theme radio controls visible

MediaWiki:Common.css

2026-09-17T14:08:51Z

VU-MaintenanceBot: Apply Noord and Van Hetten colors consistently to controls

MediaWiki:Common.js

2026-09-17T14:06:21Z

VU-MaintenanceBot: Add Noord and Van Hetten appearance options

/**
* Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
* loaded for all users on every wiki page. If possible create a gadget that is
* enabled by default instead of adding it here (since gadgets are fully
* optimized ResourceLoader modules with possibility to add dependencies etc.)
*
* Since Common.js isn't a gadget, there is no place to declare its
* dependencies, so we have to lazy load them with mw.loader.using on demand and
* then execute the rest in the callback. In most cases these dependencies will
* be loaded (or loading) already and the callback will not be delayed. In case a
* dependency hasn't arrived yet it'll make sure those are loaded before this.
*/

/* global mw, $ */
/* jshint strict:false, browser:true */

mw.loader.using( [ 'mediawiki.util' ] ).done( function () {
/* Begin of mw.loader.using callback */

/**
* Map addPortletLink to mw.util
* @deprecated: Use mw.util.addPortletLink instead.
*/
mw.log.deprecate( window, 'addPortletLink', mw.util.addPortletLink, 'Use mw.util.addPortletLink instead' );

/**
* @source www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
* @rev 6
*/
var extraCSS = mw.util.getParamValue( 'withCSS' ),
extraJS = mw.util.getParamValue( 'withJS' );

if ( extraCSS ) {
if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraCSS + '&action=raw&ctype=text/css', 'text/css' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } );
}
}

if ( extraJS ) {
if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraJS + '&action=raw&ctype=text/javascript' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } );
}
}

/**
* Collapsible tables; reimplemented with mw-collapsible
* Styling is also in place to avoid FOUC
*
* Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].
* @version 3.0.0 (2018-05-20)
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
* @author [[User:R. Koot]]
* @author [[User:Krinkle]]
* @author [[User:TheDJ]]
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
* is supported in MediaWiki core. Shimmable since MediaWiki 1.32
*
* @param {jQuery} $content
*/
function makeCollapsibleMwCollapsible( $content ) {
var $tables = $content
.find( 'table.collapsible:not(.mw-collapsible)' )
.addClass( 'mw-collapsible' );

$.each( $tables, function ( index, table ) {
// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
if ( $( table ).hasClass( 'collapsed' ) ) {
$( table ).addClass( 'mw-collapsed' );
// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
}
} );
if ( $tables.length > 0 ) {
mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
$tables.makeCollapsible();
} );
}
}
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

/**
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
*
* Maintainers: TheDJ
*/
function mwCollapsibleSetup( $collapsibleContent ) {
var $element,
$toggle,
autoCollapseThreshold = 2;
$.each( $collapsibleContent, function ( index, element ) {
$element = $( element );
if ( $element.hasClass( 'collapsible' ) ) {
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
}
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
$element.data( 'mw-collapsible' ).collapse();
} else if ( $element.hasClass( 'innercollapse' ) ) {
if ( $element.parents( '.outercollapse' ).length > 0 ) {
$element.data( 'mw-collapsible' ).collapse();
}
}
// because of colored backgrounds, style the link in the text color
// to ensure accessible contrast
$toggle = $element.find( '.mw-collapsible-toggle' );
if ( $toggle.length ) {
// Make the toggle inherit text color (Updated for T333357 2023-04-29)
if ( $toggle.parent()[ 0 ].style.color ) {
$toggle.css( 'color', 'inherit' );
$toggle.find( '.mw-collapsible-text' ).css( 'color', 'inherit' );
}
}
} );
}

mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

/* End of mw.loader.using callback */
} );

/**
* Add Vrienden Universe custom themes to Vector 2022's color options.
*
* Vector exposes os/day/night as native client preferences. Custom themes
* select Vector's night mode underneath, then add their own root CSS class.
*/
( function () {
'use strict';

var root = document.documentElement,
themes = [
{
name: 'Paap',
value: 'paap',
storageKey: 'vu-theme-paap',
rootClass: 'vu-theme-paap'
},
{
name: 'Hugerinus',
value: 'hugerinus',
storageKey: 'vu-theme-hugerinus',
rootClass: 'vu-theme-hugerinus'
},
{
name: 'Noord',
value: 'noord',
storageKey: 'vu-theme-noord',
rootClass: 'vu-theme-noord'
},
{
name: 'Van Hetten',
value: 'van-hetten',
storageKey: 'vu-theme-van-hetten',
rootClass: 'vu-theme-van-hetten'
}
];

function inputId( theme ) {
return 'skin-client-pref-skin-theme-value-' + theme.value;
}

function isCustomThemeValue( value ) {
var i;

for ( i = 0; i < themes.length; i++ ) {
if ( themes[ i ].value === value ) {
return true;
}
}

return false;
}

function readStoredTheme() {
var i;

try {
for ( i = themes.length - 1; i >= 0; i-- ) {
if ( window.localStorage.getItem( themes[ i ].storageKey ) === '1' ) {
return themes[ i ];
}
}
} catch ( error ) {
/* Continue without a stored custom theme. */
}

return null;
}

function applyTheme( selectedTheme ) {
var i,
theme,
enabled;

for ( i = 0; i < themes.length; i++ ) {
theme = themes[ i ];
enabled = selectedTheme === theme;
root.classList.toggle( theme.rootClass, enabled );

try {
if ( enabled ) {
window.localStorage.setItem( theme.storageKey, '1' );
} else {
window.localStorage.removeItem( theme.storageKey );
}
} catch ( error ) {
/* The selected theme still works when storage is blocked. */
}
}
}

function makeThemeControl( theme, nightInput ) {
var container = document.createElement( 'div' ),
input = document.createElement( 'input' ),
icon = document.createElement( 'span' ),
label = document.createElement( 'label' ),
labelText = document.createElement( 'span' );

container.className = 'cdx-radio';
input.className = 'cdx-radio__input';
input.type = 'radio';
input.name = nightInput.name;
input.id = inputId( theme );
input.value = theme.value;
input.setAttribute( 'data-event-name', input.id );
icon.className = 'cdx-radio__icon';
label.className = 'cdx-label cdx-radio__label';
label.setAttribute( 'for', input.id );
labelText.className = 'cdx-label__label__text';
labelText.textContent = theme.name;

label.appendChild( labelText );
container.appendChild( input );
container.appendChild( icon );
container.appendChild( label );

input.addEventListener( 'change', function () {
if ( !input.checked ) {
return;
}
nightInput.click();
input.checked = true;
applyTheme( theme );
} );

return container;
}

function mountControls() {
var nightInput = document.getElementById( 'skin-client-pref-skin-theme-value-night' ),
storedTheme = readStoredTheme(),
form,
control,
inputs,
i,
theme,
selectedInput;

if ( !nightInput ) {
return;
}

form = nightInput.form || nightInput.closest( 'form' );
if ( !form ) {
return;
}

for ( i = 0; i < themes.length; i++ ) {
theme = themes[ i ];
if ( !document.getElementById( inputId( theme ) ) ) {
control = makeThemeControl( theme, nightInput );
form.appendChild( control );
}
}

if ( form.getAttribute( 'data-vu-theme-listeners' ) !== '1' ) {
form.setAttribute( 'data-vu-theme-listeners', '1' );
inputs = form.querySelectorAll( 'input[type="radio"]' );
for ( i = 0; i < inputs.length; i++ ) {
if ( !isCustomThemeValue( inputs[ i ].value ) ) {
inputs[ i ].addEventListener( 'change', function ( event ) {
if ( event.target.checked ) {
applyTheme( null );
}
} );
}
}
}

if ( storedTheme ) {
if ( !root.classList.contains( 'skin-theme-clientpref-night' ) ) {
nightInput.click();
}
selectedInput = document.getElementById( inputId( storedTheme ) );
if ( selectedInput ) {
selectedInput.checked = true;
}
applyTheme( storedTheme );
}
}

applyTheme( readStoredTheme() );

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', mountControls );
} else {
mountControls();
}

new MutationObserver( mountControls ).observe( document.documentElement, {
childList: true,
subtree: true
} );
}() );
/* DO NOT ADD CODE BELOW THIS LINE */

MediaWiki:Common.css

2026-09-17T14:06:20Z

VU-MaintenanceBot: Add Noord and Van Hetten color themes

MediaWiki:Common.js

2026-09-17T07:55:20Z

VU-MaintenanceBot: Add Hugerinus appearance option

/**
* Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
* loaded for all users on every wiki page. If possible create a gadget that is
* enabled by default instead of adding it here (since gadgets are fully
* optimized ResourceLoader modules with possibility to add dependencies etc.)
*
* Since Common.js isn't a gadget, there is no place to declare its
* dependencies, so we have to lazy load them with mw.loader.using on demand and
* then execute the rest in the callback. In most cases these dependencies will
* be loaded (or loading) already and the callback will not be delayed. In case a
* dependency hasn't arrived yet it'll make sure those are loaded before this.
*/

/* global mw, $ */
/* jshint strict:false, browser:true */

mw.loader.using( [ 'mediawiki.util' ] ).done( function () {
/* Begin of mw.loader.using callback */

/**
* Map addPortletLink to mw.util
* @deprecated: Use mw.util.addPortletLink instead.
*/
mw.log.deprecate( window, 'addPortletLink', mw.util.addPortletLink, 'Use mw.util.addPortletLink instead' );

/**
* @source www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
* @rev 6
*/
var extraCSS = mw.util.getParamValue( 'withCSS' ),
extraJS = mw.util.getParamValue( 'withJS' );

if ( extraCSS ) {
if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraCSS + '&action=raw&ctype=text/css', 'text/css' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } );
}
}

if ( extraJS ) {
if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraJS + '&action=raw&ctype=text/javascript' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } );
}
}

/**
* Collapsible tables; reimplemented with mw-collapsible
* Styling is also in place to avoid FOUC
*
* Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].
* @version 3.0.0 (2018-05-20)
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
* @author [[User:R. Koot]]
* @author [[User:Krinkle]]
* @author [[User:TheDJ]]
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
* is supported in MediaWiki core. Shimmable since MediaWiki 1.32
*
* @param {jQuery} $content
*/
function makeCollapsibleMwCollapsible( $content ) {
var $tables = $content
.find( 'table.collapsible:not(.mw-collapsible)' )
.addClass( 'mw-collapsible' );

$.each( $tables, function ( index, table ) {
// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
if ( $( table ).hasClass( 'collapsed' ) ) {
$( table ).addClass( 'mw-collapsed' );
// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
}
} );
if ( $tables.length > 0 ) {
mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
$tables.makeCollapsible();
} );
}
}
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

/**
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
*
* Maintainers: TheDJ
*/
function mwCollapsibleSetup( $collapsibleContent ) {
var $element,
$toggle,
autoCollapseThreshold = 2;
$.each( $collapsibleContent, function ( index, element ) {
$element = $( element );
if ( $element.hasClass( 'collapsible' ) ) {
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
}
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
$element.data( 'mw-collapsible' ).collapse();
} else if ( $element.hasClass( 'innercollapse' ) ) {
if ( $element.parents( '.outercollapse' ).length > 0 ) {
$element.data( 'mw-collapsible' ).collapse();
}
}
// because of colored backgrounds, style the link in the text color
// to ensure accessible contrast
$toggle = $element.find( '.mw-collapsible-toggle' );
if ( $toggle.length ) {
// Make the toggle inherit text color (Updated for T333357 2023-04-29)
if ( $toggle.parent()[ 0 ].style.color ) {
$toggle.css( 'color', 'inherit' );
$toggle.find( '.mw-collapsible-text' ).css( 'color', 'inherit' );
}
}
} );
}

mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

/* End of mw.loader.using callback */
} );

/**
* Add Paap and Hugerinus to Vector 2022's color options.
*
* Vector exposes os/day/night as native client preferences. Both custom themes
* select Vector's night mode underneath, then add their own root CSS class.
*/
( function () {
'use strict';

var root = document.documentElement,
themes = [
{
name: 'Paap',
value: 'paap',
storageKey: 'vu-theme-paap',
rootClass: 'vu-theme-paap'
},
{
name: 'Hugerinus',
value: 'hugerinus',
storageKey: 'vu-theme-hugerinus',
rootClass: 'vu-theme-hugerinus'
}
];

function inputId( theme ) {
return 'skin-client-pref-skin-theme-value-' + theme.value;
}

function readStoredTheme() {
var i;

try {
for ( i = themes.length - 1; i >= 0; i-- ) {
if ( window.localStorage.getItem( themes[ i ].storageKey ) === '1' ) {
return themes[ i ];
}
}
} catch ( error ) {
/* Continue without a stored custom theme. */
}

return null;
}

function applyTheme( selectedTheme ) {
var i,
theme,
enabled;

for ( i = 0; i < themes.length; i++ ) {
theme = themes[ i ];
enabled = selectedTheme === theme;
root.classList.toggle( theme.rootClass, enabled );

try {
if ( enabled ) {
window.localStorage.setItem( theme.storageKey, '1' );
} else {
window.localStorage.removeItem( theme.storageKey );
}
} catch ( error ) {
/* The selected theme still works when storage is blocked. */
}
}
}

function makeThemeControl( theme, nightInput ) {
var container = document.createElement( 'div' ),
input = document.createElement( 'input' ),
icon = document.createElement( 'span' ),
label = document.createElement( 'label' ),
labelText = document.createElement( 'span' );

container.className = 'cdx-radio';
input.className = 'cdx-radio__input';
input.type = 'radio';
input.name = nightInput.name;
input.id = inputId( theme );
input.value = theme.value;
input.setAttribute( 'data-event-name', input.id );
icon.className = 'cdx-radio__icon';
label.className = 'cdx-label cdx-radio__label';
label.setAttribute( 'for', input.id );
labelText.className = 'cdx-label__label__text';
labelText.textContent = theme.name;

label.appendChild( labelText );
container.appendChild( input );
container.appendChild( icon );
container.appendChild( label );

input.addEventListener( 'change', function () {
if ( !input.checked ) {
return;
}
nightInput.click();
input.checked = true;
applyTheme( theme );
} );

return container;
}

function mountControls() {
var nightInput = document.getElementById( 'skin-client-pref-skin-theme-value-night' ),
storedTheme = readStoredTheme(),
form,
control,
inputs,
i,
theme,
selectedInput;

if ( !nightInput ) {
return;
}

form = nightInput.form || nightInput.closest( 'form' );
if ( !form ) {
return;
}

for ( i = 0; i < themes.length; i++ ) {
theme = themes[ i ];
if ( !document.getElementById( inputId( theme ) ) ) {
control = makeThemeControl( theme, nightInput );
form.appendChild( control );
}
}

if ( form.getAttribute( 'data-vu-theme-listeners' ) !== '1' ) {
form.setAttribute( 'data-vu-theme-listeners', '1' );
inputs = form.querySelectorAll( 'input[type="radio"]' );
for ( i = 0; i < inputs.length; i++ ) {
if ( inputs[ i ].value !== 'paap' && inputs[ i ].value !== 'hugerinus' ) {
inputs[ i ].addEventListener( 'change', function ( event ) {
if ( event.target.checked ) {
applyTheme( null );
}
} );
}
}
}

if ( storedTheme ) {
if ( !root.classList.contains( 'skin-theme-clientpref-night' ) ) {
nightInput.click();
}
selectedInput = document.getElementById( inputId( storedTheme ) );
if ( selectedInput ) {
selectedInput.checked = true;
}
applyTheme( storedTheme );
}
}

applyTheme( readStoredTheme() );

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', mountControls );
} else {
mountControls();
}

new MutationObserver( mountControls ).observe( document.documentElement, {
childList: true,
subtree: true
} );
}() );
/* DO NOT ADD CODE BELOW THIS LINE */

MediaWiki:Common.css

2026-09-17T07:55:19Z

VU-MaintenanceBot: Add Hugerinus gradient color theme

MediaWiki:Common.js

2026-09-17T07:46:17Z

VU-MaintenanceBot: Remove Noord appearance option and restore Paap controller

MediaWiki:Common.css

2026-09-17T07:46:16Z

VU-MaintenanceBot: Remove Noord theme styles

MediaWiki:Common.css

2026-09-17T07:43:57Z

VU-MaintenanceBot: Make Noord theme red palette more vibrant

MediaWiki:Common.css

2026-09-17T07:39:24Z

VU-MaintenanceBot: Complete Noord red background coverage for notices

MediaWiki:Common.css

2026-09-17T07:38:24Z

VU-MaintenanceBot: Apply Noord red palette to remaining Main Page panels

MediaWiki:Common.css

2026-09-17T07:36:45Z

VU-MaintenanceBot: Invert Noord theme to red backgrounds with black text

MediaWiki:Common.css

2026-09-17T02:50:51Z

VU-MaintenanceBot: Ensure Noord uses red text across hard-coded page styles

MediaWiki:Common.js

2026-09-17T02:48:09Z

VU-MaintenanceBot: Add Noord above Paap in Vector appearance menu

/**
* Keep code in MediaWiki:Common.js to a minimum as it is unconditionally
* loaded for all users on every wiki page. If possible create a gadget that is
* enabled by default instead of adding it here (since gadgets are fully
* optimized ResourceLoader modules with possibility to add dependencies etc.)
*
* Since Common.js isn't a gadget, there is no place to declare its
* dependencies, so we have to lazy load them with mw.loader.using on demand and
* then execute the rest in the callback. In most cases these dependencies will
* be loaded (or loading) already and the callback will not be delayed. In case a
* dependency hasn't arrived yet it'll make sure those are loaded before this.
*/

/* global mw, $ */
/* jshint strict:false, browser:true */

mw.loader.using( [ 'mediawiki.util' ] ).done( function () {
/* Begin of mw.loader.using callback */

/**
* Map addPortletLink to mw.util
* @deprecated: Use mw.util.addPortletLink instead.
*/
mw.log.deprecate( window, 'addPortletLink', mw.util.addPortletLink, 'Use mw.util.addPortletLink instead' );

/**
* @source www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL
* @rev 6
*/
var extraCSS = mw.util.getParamValue( 'withCSS' ),
extraJS = mw.util.getParamValue( 'withJS' );

if ( extraCSS ) {
if ( extraCSS.match( /^MediaWiki:[^&<>=%#]*\.css$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraCSS + '&action=raw&ctype=text/css', 'text/css' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withCSS value' } );
}
}

if ( extraJS ) {
if ( extraJS.match( /^MediaWiki:[^&<>=%#]*\.js$/ ) ) {
mw.loader.load( '/w/index.php?title=' + extraJS + '&action=raw&ctype=text/javascript' );
} else {
mw.notify( 'Only pages from the MediaWiki namespace are allowed.', { title: 'Invalid withJS value' } );
}
}

/**
* Collapsible tables; reimplemented with mw-collapsible
* Styling is also in place to avoid FOUC
*
* Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].
* @version 3.0.0 (2018-05-20)
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
* @author [[User:R. Koot]]
* @author [[User:Krinkle]]
* @author [[User:TheDJ]]
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
* is supported in MediaWiki core. Shimmable since MediaWiki 1.32
*
* @param {jQuery} $content
*/
function makeCollapsibleMwCollapsible( $content ) {
var $tables = $content
.find( 'table.collapsible:not(.mw-collapsible)' )
.addClass( 'mw-collapsible' );

$.each( $tables, function ( index, table ) {
// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
if ( $( table ).hasClass( 'collapsed' ) ) {
$( table ).addClass( 'mw-collapsed' );
// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
}
} );
if ( $tables.length > 0 ) {
mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
$tables.makeCollapsible();
} );
}
}
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );

/**
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
*
* Maintainers: TheDJ
*/
function mwCollapsibleSetup( $collapsibleContent ) {
var $element,
$toggle,
autoCollapseThreshold = 2;
$.each( $collapsibleContent, function ( index, element ) {
$element = $( element );
if ( $element.hasClass( 'collapsible' ) ) {
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
}
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
$element.data( 'mw-collapsible' ).collapse();
} else if ( $element.hasClass( 'innercollapse' ) ) {
if ( $element.parents( '.outercollapse' ).length > 0 ) {
$element.data( 'mw-collapsible' ).collapse();
}
}
// because of colored backgrounds, style the link in the text color
// to ensure accessible contrast
$toggle = $element.find( '.mw-collapsible-toggle' );
if ( $toggle.length ) {
// Make the toggle inherit text color (Updated for T333357 2023-04-29)
if ( $toggle.parent()[ 0 ].style.color ) {
$toggle.css( 'color', 'inherit' );
$toggle.find( '.mw-collapsible-text' ).css( 'color', 'inherit' );
}
}
} );
}

mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

/* End of mw.loader.using callback */
} );

/**
* Add a fourth Vector 2022 color option: Paap.
*
* Vector only exposes os/day/night as native client preferences. Paap selects
* Vector's night mode underneath, then adds vu-theme-paap for the CSS palette.
*/
( function () {
'use strict';

var root = document.documentElement,
storageKey = 'vu-theme-paap',
rootClass = 'vu-theme-paap',
paapInputId = 'skin-client-pref-skin-theme-value-paap';

function readStoredChoice() {
try {
return window.localStorage.getItem( storageKey ) === '1';
} catch ( error ) {
return false;
}
}

function storeChoice( enabled ) {
try {
if ( enabled ) {
window.localStorage.setItem( storageKey, '1' );
} else {
window.localStorage.removeItem( storageKey );
}
} catch ( error ) {
/* The theme still works for this page when storage is blocked. */
}
}

function applyPaap( enabled ) {
root.classList.toggle( rootClass, enabled );
storeChoice( enabled );
if ( enabled ) {
root.classList.remove( 'vu-theme-noord' );
try {
window.localStorage.removeItem( 'vu-theme-noord' );
} catch ( error ) {
/* The selected theme still works when storage is blocked. */
}
}
}

function makePaapControl( nightInput ) {
var container = document.createElement( 'div' ),
input = document.createElement( 'input' ),
icon = document.createElement( 'span' ),
label = document.createElement( 'label' ),
labelText = document.createElement( 'span' );

container.className = 'cdx-radio';
input.className = 'cdx-radio__input';
input.type = 'radio';
input.name = nightInput.name;
input.id = paapInputId;
input.value = 'paap';
input.setAttribute( 'data-event-name', paapInputId );
icon.className = 'cdx-radio__icon';
label.className = 'cdx-label cdx-radio__label';
label.setAttribute( 'for', paapInputId );
labelText.className = 'cdx-label__label__text';
labelText.textContent = 'Paap';

label.appendChild( labelText );
container.appendChild( input );
container.appendChild( icon );
container.appendChild( label );

input.addEventListener( 'change', function () {
if ( !input.checked ) {
return;
}
nightInput.click();
input.checked = true;
applyPaap( true );
} );

return container;
}

function mountControl() {
var nightInput = document.getElementById( 'skin-client-pref-skin-theme-value-night' ),
form,
control,
inputs,
i,
paapInput;

if ( !nightInput || document.getElementById( paapInputId ) ) {
return;
}

form = nightInput.form || nightInput.closest( 'form' );
if ( !form ) {
return;
}

control = makePaapControl( nightInput );
form.appendChild( control );
paapInput = control.querySelector( 'input' );

inputs = form.querySelectorAll( 'input[type="radio"]' );
for ( i = 0; i < inputs.length; i++ ) {
if ( inputs[ i ] !== paapInput ) {
inputs[ i ].addEventListener( 'change', function ( event ) {
if ( event.target.checked ) {
applyPaap( false );
}
} );
}
}

if ( readStoredChoice() ) {
if ( !root.classList.contains( 'skin-theme-clientpref-night' ) ) {
nightInput.click();
}
paapInput.checked = true;
applyPaap( true );
}
}

root.classList.toggle( rootClass, readStoredChoice() );

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', mountControl );
} else {
mountControl();
}

new MutationObserver( mountControl ).observe( document.documentElement, {
childList: true,
subtree: true
} );
}() );

/** Add the Noord color option immediately above Paap. */
( function () {
'use strict';

var root = document.documentElement,
storageKey = 'vu-theme-noord',
rootClass = 'vu-theme-noord',
noordInputId = 'skin-client-pref-skin-theme-value-noord';

function readStoredChoice() {
try {
return window.localStorage.getItem( storageKey ) === '1';
} catch ( error ) {
return false;
}
}

function storeChoice( enabled ) {
try {
if ( enabled ) {
window.localStorage.setItem( storageKey, '1' );
} else {
window.localStorage.removeItem( storageKey );
}
} catch ( error ) {
/* The selected theme still works for this page. */
}
}

function applyNoord( enabled ) {
root.classList.toggle( rootClass, enabled );
storeChoice( enabled );
if ( enabled ) {
root.classList.remove( 'vu-theme-paap' );
try {
window.localStorage.removeItem( 'vu-theme-paap' );
} catch ( error ) {
/* The selected theme still works when storage is blocked. */
}
}
}

function makeNoordControl( nightInput ) {
var container = document.createElement( 'div' ),
input = document.createElement( 'input' ),
icon = document.createElement( 'span' ),
label = document.createElement( 'label' ),
labelText = document.createElement( 'span' );

container.className = 'cdx-radio';
input.className = 'cdx-radio__input';
input.type = 'radio';
input.name = nightInput.name;
input.id = noordInputId;
input.value = 'noord';
input.setAttribute( 'data-event-name', noordInputId );
icon.className = 'cdx-radio__icon';
label.className = 'cdx-label cdx-radio__label';
label.setAttribute( 'for', noordInputId );
labelText.className = 'cdx-label__label__text';
labelText.textContent = 'Noord';

label.appendChild( labelText );
container.appendChild( input );
container.appendChild( icon );
container.appendChild( label );

input.addEventListener( 'change', function () {
if ( !input.checked ) {
return;
}
nightInput.click();
input.checked = true;
applyNoord( true );
} );

return container;
}

function mountControl() {
var nightInput = document.getElementById( 'skin-client-pref-skin-theme-value-night' ),
paapInput = document.getElementById( 'skin-client-pref-skin-theme-value-paap' ),
form,
control,
inputs,
i,
noordInput;

if ( !nightInput || document.getElementById( noordInputId ) ) {
return;
}

form = nightInput.form || nightInput.closest( 'form' );
if ( !form ) {
return;
}

control = makeNoordControl( nightInput );
if ( paapInput && paapInput.closest( '.cdx-radio' ) ) {
form.insertBefore( control, paapInput.closest( '.cdx-radio' ) );
} else {
form.appendChild( control );
}
noordInput = control.querySelector( 'input' );

inputs = form.querySelectorAll( 'input[type="radio"]' );
for ( i = 0; i < inputs.length; i++ ) {
if ( inputs[ i ] !== noordInput ) {
inputs[ i ].addEventListener( 'change', function ( event ) {
if ( event.target.checked ) {
applyNoord( false );
}
} );
}
}

if ( readStoredChoice() ) {
if ( !root.classList.contains( 'skin-theme-clientpref-night' ) ) {
nightInput.click();
}
noordInput.checked = true;
applyNoord( true );
}
}

root.classList.toggle( rootClass, readStoredChoice() );

if ( document.readyState === 'loading' ) {
document.addEventListener( 'DOMContentLoaded', mountControl );
} else {
mountControl();
}

new MutationObserver( mountControl ).observe( document.documentElement, {
childList: true,
subtree: true
} );
}() );
/* DO NOT ADD CODE BELOW THIS LINE */

MediaWiki:Common.js

2026-09-17T02:48:08Z

VU-MaintenanceBot: Keep Paap and Noord theme selections mutually exclusive

MediaWiki:Common.css

2026-09-17T02:48:06Z

VU-MaintenanceBot: Add reversible Noord black and red color theme

Category:Writing systems

2026-09-16T22:07:51Z