Vrienden Universe

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →

VU-MaintenanceBot (talk | contribs)

5 user groups
2,668 edits
No edit summary
Tag: Reverted
Use classic wiki blue for Noord existing links
(42 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/*
/*
  * This is the CSS common to all desktop skins on en.Wikipedia.
  * This is the CSS common to all desktop skins on Vrienden Universe.
  * Styling inside .mw-parser-output should generally use TemplateStyles.
  * Styling inside .mw-parser-output should generally use TemplateStyles.
  */
  */
Line 223: Line 223:
}
}


/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
/* Display "the site subtitle" in skins that support it,
  do not apply to print mode */
  do not apply to print mode */
#siteSub {
#siteSub {
Line 256: Line 256:
/* Infoboxes */
/* Infoboxes */
.infobox {
.infobox {
border: 1px solid #a2a9b1;
border: 1px solid var(--border-color-base, #a2a9b1);
color: black;
color: var(--color-base, #202122);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
padding: 0.2em;
padding: 0.2em;
font-size: 88%;
font-size: 88%;
Line 265: Line 266:
}
}


@media screen {
/* Ensure nothing inside forces black text */
.infobox {
.infobox * {
background-color: var(--background-color-neutral-subtle, #f8f9fa);
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);
}
}


Line 315: Line 326:
/* @noflip */
/* @noflip */
text-align: left;
text-align: left;
}
/* Keep infobox values starting near the middle, Wikipedia-style. */
.infobox .infobox-label {
width: 40%;
}
}


Line 413: Line 429:
}
}


/* 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
  * Put anything you mean to be a sitewide addition above the TemplateStyles
  * comment above.
  * 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;
}
Retrieved from "https://vriendenuniverse.org/wiki/MediaWiki:Common.css"