Vrienden Universe

MediaWiki:Common.css: Difference between revisions

← Older edit

VU-MaintenanceBot (talk | contribs)

5 user groups
3,441 edits
Fix custom-theme infoboxes and preserve Tanoa navbox gold
Retune Van Hetten and add the Hoos theme
 
(22 intermediate revisions by the same user not shown)
Line 651: Line 651:
  *
  *
  * Inspired by the green and blue Fish Collective userbox associated with
  * Inspired by the green and blue Fish Collective userbox associated with
  * Hugerinus, but softened into a muted sea-green-to-slate-blue blend.
  * Hugerinus, with a muted sea-green side and a deep saturated blue side.
  */
  */
html.vu-theme-hugerinus {
html.vu-theme-hugerinus {
Line 665: Line 665:
--color-base: #ffffff;
--color-base: #ffffff;
--color-subtle: #d9f4f2;
--color-subtle: #d9f4f2;
--color-progressive: #9fdbff;
--color-progressive: #66bfff;
--color-destructive: #ff9aa2;
--color-destructive: #ff9aa2;
}
}
Line 676: Line 676:
html.vu-theme-hugerinus .vector-column-end {
html.vu-theme-hugerinus .vector-column-end {
background-color: #003a43;
background-color: #003a43;
background-image: linear-gradient(135deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
background-image: linear-gradient(135deg, #2F766C 0%, #1E5C96 50%, #0047D9 100%);
background-attachment: fixed;
background-attachment: fixed;
color: #ffffff;
color: #ffffff;
Line 682: Line 682:


html.vu-theme-hugerinus .mw-body {
html.vu-theme-hugerinus .mw-body {
background: rgba(0, 47, 72, 0.90);
background: transparent;
color: #ffffff;
color: #ffffff;
border-radius: 0;
box-shadow: none;
}
}


Line 694: Line 696:
color: #ffffff;
color: #ffffff;
border-color: #277783;
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%, #1E5C96 50%, #0047D9 100%);
}
html.vu-theme-hugerinus .mw-logo-container.skin-invert {
filter: none !important;
}
html.vu-theme-hugerinus .mw-logo-wordmark {
color: #66BFFF !important;
-webkit-text-fill-color: #66BFFF !important;
}
}


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


Line 730: Line 777:
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox th[scope="col"],
html.vu-theme-hugerinus .navbox .navbox-group {
html.vu-theme-hugerinus .navbox .navbox-group {
background: linear-gradient(to right, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
background: linear-gradient(to right, #2F766C 0%, #1E5C96 50%, #0047D9 100%);
color: #ffffff;
color: #ffffff;
border-color: #3d99a4;
border-color: #3d99a4;
Line 756: Line 803:
--vu-navy: #003b70;
--vu-navy: #003b70;
--vu-navy-light: #00685f;
--vu-navy-light: #00685f;
--vu-blue: #9fdbff;
--vu-blue: #66bfff;
}
}


html.vu-theme-hugerinus .vu-header {
html.vu-theme-hugerinus .vu-header {
background: linear-gradient(118deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
background: linear-gradient(118deg, #2F766C 0%, #1E5C96 50%, #0047D9 100%);
}
}


Line 769: Line 816:


html.vu-theme-hugerinus .vu-browse {
html.vu-theme-hugerinus .vu-browse {
background: linear-gradient(145deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
background: linear-gradient(145deg, #2F766C 0%, #1E5C96 50%, #0047D9 100%);
}
}


/*
/*
  * Vrienden Universe "Noord" color theme.
  * Vrienden Universe "Noord" color theme.
  * Pure red surfaces with pure black text, as requested.
  * Matches Paap's dark tonal range with a red palette.
  */
  */
html.vu-theme-noord {
html.vu-theme-noord {
color-scheme: light;
color-scheme: dark;
--background-color-base: #FF0000;
--background-color-base: #240d0d;
--background-color-neutral: #FF0000;
--background-color-neutral: #381313;
--background-color-neutral-subtle: #FF0000;
--background-color-neutral-subtle: #301313;
--background-color-interactive: #FF0000;
--background-color-interactive: #421717;
--background-color-interactive-subtle: #FF0000;
--background-color-interactive-subtle: #381313;
--background-color-progressive-subtle: #FF0000;
--background-color-progressive-subtle: #531d1d;
--border-color-base: #000000;
--border-color-base: #794343;
--border-color-subtle: #000000;
--border-color-subtle: #592d2d;
--color-base: #000000;
--color-base: #ffffff;
--color-subtle: #000000;
--color-subtle: #dfcece;
--color-progressive: #000000;
--color-progressive: #79bff2;
--color-destructive: #000000;
--color-destructive: #ef7180;
}
}


Line 799: Line 846:
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-sticky-header,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-start,
html.vu-theme-noord .vector-column-end,
html.vu-theme-noord .vector-column-end {
background-color: #240d0d;
color: #ffffff;
}
 
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-dropdown-content,
html.vu-theme-noord .vector-menu-content,
html.vu-theme-noord .vector-menu-content,
Line 805: Line 856:
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .cdx-menu,
html.vu-theme-noord .oo-ui-popupWidget-popup {
html.vu-theme-noord .oo-ui-popupWidget-popup {
background: #FF0000;
background-color: #301313;
color: #000000;
color: #ffffff;
border-color: #000000;
border-color: #592d2d;
}
 
html.vu-theme-noord body a:not(.new):not(.mw-selflink):link,
html.vu-theme-noord body a:not(.new):not(.mw-selflink):visited {
color: #79bff2;
}
}


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:link,
html.vu-theme-noord body a.new:visited {
html.vu-theme-noord body a.new:visited {
color: #000000 !important;
color: #ef7180;
text-decoration: underline;
}
}


Line 824: Line 877:
html.vu-theme-noord h4,
html.vu-theme-noord h4,
html.vu-theme-noord h5,
html.vu-theme-noord h5,
html.vu-theme-noord h6,
html.vu-theme-noord h6 {
background: transparent !important;
color: #ffffff !important;
border-color: #592d2d !important;
}
 
html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord input:not([type="radio"]),
html.vu-theme-noord button {
html.vu-theme-noord button {
background-color: #FF6666 !important;
background-color: #421717 !important;
color: #000000 !important;
color: #ffffff !important;
border-color: #000000 !important;
border-color: #794343 !important;
}
}


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


html.vu-theme-noord input:not([type="radio"])::placeholder {
html.vu-theme-noord input:not([type="radio"])::placeholder {
color: #000000;
color: #dfcece;
opacity: 1;
opacity: 1;
}
}
Line 850: Line 908:
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > th,
html.vu-theme-noord .wikitable > * > tr > td,
html.vu-theme-noord .wikitable > * > tr > td {
background-color: #381313;
color: #ffffff;
border-color: #794343;
}
 
html.vu-theme-noord .infobox .infobox-above,
html.vu-theme-noord .infobox .infobox-title,
html.vu-theme-noord .infobox .infobox-header,
html.vu-theme-noord .infobox .infobox-subheader,
html.vu-theme-noord .infobox .infobox-below,
html.vu-theme-noord .infobox caption,
html.vu-theme-noord .infobox th[colspan],
html.vu-theme-noord .navbox-title,
html.vu-theme-noord .navbox-abovebelow,
html.vu-theme-noord .navbox th[scope="col"],
html.vu-theme-noord .navbox .navbox-group {
background-color: #531d1d;
color: #ffffff;
border-color: #794343;
}
 
html.vu-theme-noord .navbox-odd {
background-color: #301313;
}
 
html.vu-theme-noord .navbox-even {
background-color: #421717;
}
 
html.vu-theme-noord .mw-code,
html.vu-theme-noord .mw-code,
html.vu-theme-noord pre,
html.vu-theme-noord pre,
Line 856: Line 943:
html.vu-theme-noord .toc,
html.vu-theme-noord .toc,
html.vu-theme-noord .catlinks {
html.vu-theme-noord .catlinks {
background: #FF0000;
background-color: #301313;
color: #000000;
color: #ffffff;
border-color: #000000;
border-color: #592d2d;
}
}


html.vu-theme-noord .vu-main,
html.vu-theme-noord .vu-main {
html.vu-theme-noord .vu-main [class^="vu-"],
--vu-navy: #531d1d;
html.vu-theme-noord .vu-main [class*=" vu-"] {
--vu-navy-light: #6b2b2b;
color: #000000 !important;
--vu-blue: #79bff2;
border-color: #000000 !important;
background-color: #240d0d;
}
}


html.vu-theme-noord .vu-main {
html.vu-theme-noord .vu-header {
background-color: #FF0000 !important;
background: linear-gradient(118deg, #301313 0%, #531d1d 55%, #6b2b2b 100%);
}
}


html.vu-theme-noord .vu-header,
html.vu-theme-noord .vu-explore-mark,
html.vu-theme-noord .vu-about,
html.vu-theme-noord .vu-person-image {
html.vu-theme-noord .vu-explore,
background-color: #531d1d;
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-browse {
html.vu-theme-noord .vu-route-button,
background: linear-gradient(145deg, #531d1d 0%, #531d1d 72%, #6b2b2b 72%);
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.
  * Vrienden Universe "Van Hetten" color theme.
  * Pure black surfaces with CSS pure orange text (#FFA500).
  * Matches Paap's dark tonal range with an orange palette.
  */
  */
html.vu-theme-van-hetten {
html.vu-theme-van-hetten {
color-scheme: dark;
color-scheme: dark;
--background-color-base: #000000;
--background-color-base: #24180d;
--background-color-neutral: #000000;
--background-color-neutral: #382513;
--background-color-neutral-subtle: #000000;
--background-color-neutral-subtle: #302113;
--background-color-interactive: #000000;
--background-color-interactive: #422c17;
--background-color-interactive-subtle: #000000;
--background-color-interactive-subtle: #382513;
--background-color-progressive-subtle: #000000;
--background-color-progressive-subtle: #53371d;
--border-color-base: #FFA500;
--border-color-base: #795d43;
--border-color-subtle: #FFA500;
--border-color-subtle: #59422d;
--color-base: #FFA500;
--color-base: #ffffff;
--color-subtle: #FFA500;
--color-subtle: #dfd6ce;
--color-progressive: #FFA500;
--color-progressive: #ff9d3d;
--color-destructive: #FFA500;
--color-destructive: #ef7180;
}
}


Line 927: Line 995:
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-sticky-header,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-start,
html.vu-theme-van-hetten .vector-column-end,
html.vu-theme-van-hetten .vector-column-end {
background-color: #24180d;
color: #ffffff;
}
 
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-dropdown-content,
html.vu-theme-van-hetten .vector-menu-content,
html.vu-theme-van-hetten .vector-menu-content,
Line 933: Line 1,005:
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .cdx-menu,
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
html.vu-theme-van-hetten .oo-ui-popupWidget-popup {
background: #000000;
background-color: #302113;
color: #FFA500;
color: #ffffff;
border-color: #FFA500;
border-color: #59422d;
}
 
html.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):link,
html.vu-theme-van-hetten body a:not(.new):not(.mw-selflink):visited {
color: #ff9d3d;
}
}


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:link,
html.vu-theme-van-hetten body a.new:visited {
html.vu-theme-van-hetten body a.new:visited {
color: #FFA500 !important;
color: #ef7180;
text-decoration: underline;
}
}


Line 952: Line 1,026:
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h4,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h5,
html.vu-theme-van-hetten h6,
html.vu-theme-van-hetten h6 {
background: transparent !important;
color: #ffffff !important;
border-color: #59422d !important;
}
 
html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten input:not([type="radio"]),
html.vu-theme-van-hetten button {
html.vu-theme-van-hetten button {
background-color: #1A1A1A !important;
background-color: #422c17 !important;
color: #FFA500 !important;
color: #ffffff !important;
border-color: #FFA500 !important;
border-color: #795d43 !important;
}
}


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


html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
html.vu-theme-van-hetten input:not([type="radio"])::placeholder {
color: #FFA500;
color: #dfd6ce;
opacity: 1;
opacity: 1;
}
}
Line 978: Line 1,057:
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > th,
html.vu-theme-van-hetten .wikitable > * > tr > td,
html.vu-theme-van-hetten .wikitable > * > tr > td {
background-color: #382513;
color: #ffffff;
border-color: #795d43;
}
 
html.vu-theme-van-hetten .infobox .infobox-above,
html.vu-theme-van-hetten .infobox .infobox-title,
html.vu-theme-van-hetten .infobox .infobox-header,
html.vu-theme-van-hetten .infobox .infobox-subheader,
html.vu-theme-van-hetten .infobox .infobox-below,
html.vu-theme-van-hetten .infobox caption,
html.vu-theme-van-hetten .infobox th[colspan],
html.vu-theme-van-hetten .navbox-title,
html.vu-theme-van-hetten .navbox-abovebelow,
html.vu-theme-van-hetten .navbox th[scope="col"],
html.vu-theme-van-hetten .navbox .navbox-group {
background-color: #53371d;
color: #ffffff;
border-color: #795d43;
}
 
html.vu-theme-van-hetten .navbox-odd {
background-color: #302113;
}
 
html.vu-theme-van-hetten .navbox-even {
background-color: #422c17;
}
 
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten .mw-code,
html.vu-theme-van-hetten pre,
html.vu-theme-van-hetten pre,
Line 984: Line 1,092:
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .toc,
html.vu-theme-van-hetten .catlinks {
html.vu-theme-van-hetten .catlinks {
background: #000000;
background-color: #302113;
color: #FFA500;
color: #ffffff;
border-color: #FFA500;
border-color: #59422d;
}
 
html.vu-theme-van-hetten .vu-main {
--vu-navy: #53371d;
--vu-navy-light: #6b4a2b;
--vu-blue: #ff9d3d;
background-color: #24180d;
}
}


html.vu-theme-van-hetten .vu-main,
html.vu-theme-van-hetten .vu-header {
html.vu-theme-van-hetten .vu-main [class^="vu-"],
background: linear-gradient(118deg, #302113 0%, #53371d 55%, #6b4a2b 100%);
html.vu-theme-van-hetten .vu-main [class*=" vu-"] {
color: #FFA500 !important;
border-color: #FFA500 !important;
}
}


html.vu-theme-van-hetten .vu-main {
html.vu-theme-van-hetten .vu-explore-mark,
background-color: #000000 !important;
html.vu-theme-van-hetten .vu-person-image {
background-color: #53371d;
}
}


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 {
html.vu-theme-van-hetten .vu-browse {
background-color: #111111 !important;
background: linear-gradient(145deg, #53371d 0%, #53371d 72%, #6b4a2b 72%);
background-image: none !important;
}
border-color: #FFA500 !important;
 
/*
* Vrienden Universe "Hoos" color theme.
* A restrained yellow-to-white gradient with black text.
*/
html.vu-theme-hoos {
color-scheme: light;
--background-color-base: #e8dca8;
--background-color-neutral: #f1e4a8;
--background-color-neutral-subtle: #fffdf2;
--background-color-interactive: #e4cc6a;
--background-color-interactive-subtle: #f1e4a8;
--background-color-progressive-subtle: #f5e58f;
--border-color-base: #8a772f;
--border-color-subtle: #b9a75b;
--color-base: #000000;
--color-subtle: #4b4325;
--color-progressive: #003f9e;
--color-destructive: #8a1f2d;
}
 
html.vu-theme-hoos,
html.vu-theme-hoos body,
html.vu-theme-hoos .mw-page-container,
html.vu-theme-hoos .vector-header-container,
html.vu-theme-hoos .vector-column-start,
html.vu-theme-hoos .vector-column-end {
background-color: #e8dca8;
background-image: linear-gradient(135deg, #d9b92e 0%, #f0e19a 55%, #fffdf4 100%);
background-attachment: fixed;
color: #000000;
}
 
html.vu-theme-hoos .mw-body {
background: transparent;
color: #000000;
border-radius: 0;
box-shadow: none;
}
 
html.vu-theme-hoos .vector-dropdown-content,
html.vu-theme-hoos .vector-menu-content,
html.vu-theme-hoos .mw-portlet,
html.vu-theme-hoos .cdx-menu,
html.vu-theme-hoos .oo-ui-popupWidget-popup {
background: #fffdf2;
color: #000000;
border-color: #8a772f;
}
 
html.vu-theme-hoos body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hoos body a:not(.new):not(.mw-selflink):visited {
color: #003f9e;
}
 
html.vu-theme-hoos body a.new:link,
html.vu-theme-hoos body a.new:visited {
color: #8a1f2d;
}
 
html.vu-theme-hoos .mw-heading,
html.vu-theme-hoos h1,
html.vu-theme-hoos h2,
html.vu-theme-hoos h3,
html.vu-theme-hoos h4,
html.vu-theme-hoos h5,
html.vu-theme-hoos h6,
html.vu-theme-hoos .cdx-label {
color: #000000 !important;
border-color: #8a772f !important;
}
 
html.vu-theme-hoos input:not([type="radio"]),
html.vu-theme-hoos button {
background-color: #f5e58f !important;
color: #000000 !important;
border-color: #8a772f !important;
}
 
html.vu-theme-hoos input:not([type="radio"])::placeholder {
color: #4b4325;
opacity: 1;
}
 
html.vu-theme-hoos .infobox,
html.vu-theme-hoos .infobox td,
html.vu-theme-hoos .infobox th {
background: #fffdf2 !important;
color: #000000 !important;
border-color: #8a772f !important;
}
 
html.vu-theme-hoos .infobox .infobox-above,
html.vu-theme-hoos .infobox .infobox-title,
html.vu-theme-hoos .infobox .infobox-header,
html.vu-theme-hoos .infobox .infobox-subheader,
html.vu-theme-hoos .infobox .infobox-below,
html.vu-theme-hoos .infobox caption,
html.vu-theme-hoos .infobox th[colspan],
html.vu-theme-hoos .navbox-title,
html.vu-theme-hoos .navbox-abovebelow,
html.vu-theme-hoos .navbox th[scope="col"],
html.vu-theme-hoos .navbox .navbox-group {
background: linear-gradient(to right, #d9b92e 0%, #f0e19a 55%, #fffdf4 100%) !important;
color: #000000 !important;
border-color: #8a772f !important;
}
 
html.vu-theme-hoos .navbox,
html.vu-theme-hoos .navbox-subgroup,
html.vu-theme-hoos .navbox th,
html.vu-theme-hoos .navbox td,
html.vu-theme-hoos .wikitable,
html.vu-theme-hoos .wikitable > * > tr > th,
html.vu-theme-hoos .wikitable > * > tr > td,
html.vu-theme-hoos .mw-code,
html.vu-theme-hoos pre,
html.vu-theme-hoos code,
html.vu-theme-hoos .toc,
html.vu-theme-hoos .catlinks {
background: #fffdf2;
color: #000000;
border-color: #8a772f;
}
 
html.vu-theme-hoos .navbox-odd {
background: #fff9d9;
}
 
html.vu-theme-hoos .navbox-even {
background: #f5e9ae;
}
 
html.vu-theme-hoos .vu-main,
html.vu-theme-hoos .vu-main [class^="vu-"],
html.vu-theme-hoos .vu-main [class*=" vu-"] {
color: #000000 !important;
border-color: #8a772f !important;
}
 
html.vu-theme-hoos .vu-main {
--vu-navy: #d9b92e;
--vu-navy-light: #f0e19a;
--vu-blue: #003f9e;
background: transparent;
}
}


html.vu-theme-van-hetten .vu-header-button,
html.vu-theme-hoos .vu-header,
html.vu-theme-van-hetten .vu-route-button,
html.vu-theme-hoos .vu-about,
html.vu-theme-van-hetten .vu-browse-button,
html.vu-theme-hoos .vu-explore,
html.vu-theme-van-hetten .vu-slide-button,
html.vu-theme-hoos .vu-feature,
html.vu-theme-van-hetten .vu-person-open,
html.vu-theme-hoos .vu-guide,
html.vu-theme-van-hetten .vu-family-link,
html.vu-theme-hoos .vu-notice,
html.vu-theme-van-hetten .vu-feature-link,
html.vu-theme-hoos .vu-information,
html.vu-theme-van-hetten .vu-explore-link {
html.vu-theme-hoos .vu-people-stage,
background-color: #1A1A1A !important;
html.vu-theme-hoos .vu-family-area,
color: #FFA500 !important;
html.vu-theme-hoos .vu-browse {
border-color: #FFA500 !important;
background: linear-gradient(118deg, #d9b92e 0%, #f0e19a 55%, #fffdf4 100%) !important;
color: #000000 !important;
border-color: #8a772f !important;
}
}


html.vu-theme-hoos .vu-header-button,
html.vu-theme-hoos .vu-route-button,
html.vu-theme-hoos .vu-browse-button,
html.vu-theme-hoos .vu-slide-button,
html.vu-theme-hoos .vu-person-open,
html.vu-theme-hoos .vu-family-link,
html.vu-theme-hoos .vu-feature-link,
html.vu-theme-hoos .vu-explore-link {
background-color: #fffdf2 !important;
color: #000000 !important;
border-color: #8a772f !important;
}
/*
/*
  * Vrienden Universe "Schroeter" color theme.
  * Vrienden Universe "Schroeter" color theme.
Line 1,222: Line 1,484:
html.vu-theme-hugerinus {
html.vu-theme-hugerinus {
--vu-infobox-body: #002F48;
--vu-infobox-body: #002F48;
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #356B7A 50%, #3C5F8A 100%);
--vu-infobox-header: linear-gradient(90deg, #2F766C 0%, #1E5C96 50%, #0047D9 100%);
--vu-infobox-text: #FFFFFF;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #3D99A4;
--vu-infobox-border: #3D99A4;
Line 1,228: Line 1,490:


html.vu-theme-noord {
html.vu-theme-noord {
--vu-infobox-body: #FF3F3F;
--vu-infobox-body: #381313;
--vu-infobox-header: #FF6666;
--vu-infobox-header: #531D1D;
--vu-infobox-text: #000000;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #000000;
--vu-infobox-border: #794343;
}
}


html.vu-theme-van-hetten {
html.vu-theme-van-hetten {
--vu-infobox-body: #111111;
--vu-infobox-body: #382513;
--vu-infobox-header: #1A1A1A;
--vu-infobox-header: #53371D;
--vu-infobox-text: #FFA500;
--vu-infobox-text: #FFFFFF;
--vu-infobox-border: #FFA500;
--vu-infobox-border: #795D43;
}
 
html.vu-theme-hoos {
--vu-infobox-body: #FFFDF2;
--vu-infobox-header: linear-gradient(90deg, #D9B92E 0%, #F0E19A 55%, #FFFDF4 100%);
--vu-infobox-text: #000000;
--vu-infobox-border: #8A772F;
}
}


Line 1,248: Line 1,517:
}
}


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-hoos, .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-hoos, .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 {
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-hoos, .vu-theme-schroeter) .infobox th {
background: var(--vu-infobox-body) !important;
background: var(--vu-infobox-body) !important;
color: var(--vu-infobox-text) !important;
color: var(--vu-infobox-text) !important;
Line 1,256: Line 1,525:
}
}


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-hoos, .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-hoos, .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-hoos, .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-hoos, .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-hoos, .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-hoos, .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-hoos, .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-hoos, .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-hoos, .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-hoos, .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-hoos, .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] {
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-hoos, .vu-theme-schroeter) .infobox th[colspan] {
background: var(--vu-infobox-header) !important;
background: var(--vu-infobox-header) !important;
color: var(--vu-infobox-text) !important;
color: var(--vu-infobox-text) !important;
Line 1,273: Line 1,542:
}
}


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-hoos, .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-hoos, .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 {
html.skin-theme-clientpref-night:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-hoos, .vu-theme-schroeter) .infobox div {
background: transparent !important;
background: transparent !important;
}
}


/* Preserve the Tanoa navbox's semantic gold identity in custom themes. */
/* 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 {
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-hoos, .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-hoos, .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-hoos, .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-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .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-hoos.vu-theme-hoos, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-title {
background: #B37C28 !important;
background: #B37C28 !important;
color: #000000 !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 {
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-hoos.vu-theme-hoos, .vu-theme-schroeter.vu-theme-schroeter) body .mw-parser-output .tanoa-navbox th.navbox-group {
background: #C48F2D !important;
background: #C48F2D !important;
color: #000000 !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,
/* Missing pages stay recognizably red and readable in every appearance. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-schroeter) .tanoa-navbox .navbox-group a {
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: #EF7180 !important;
}
 
html.vu-theme-hoos body a.new.new.new.new.new {
background: transparent !important;
color: #8A1F2D !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: #EF7180 !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: #79BFF2 !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: #79BFF2 !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;
background: transparent !important;
color: #FF9D3D !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: #FF9D3D !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: #000000 !important;
color: #000000 !important;
}
html.vu-theme-hoos.vu-theme-hoos body a:not(.new):not(.mw-selflink):link,
html.vu-theme-hoos.vu-theme-hoos body a:not(.new):not(.mw-selflink):visited,
html.vu-theme-hoos.vu-theme-hoos body .mw-parser-output .navbox td.navbox-list a:not(.new):not(.mw-selflink) {
background: transparent !important;
color: #003F9E !important;
text-decoration: none !important;
}
}


.mw-pt-translate-header {
.mw-pt-translate-header {
     display: none;
     display: none;
}
/* Keep appearance controls and page-preview prose readable in every VU theme. */
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-hoos, .vu-theme-schroeter) .vector-appearance .vector-menu-heading,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-hoos, .vu-theme-schroeter) .vector-appearance .cdx-label,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-hoos, .vu-theme-schroeter) .vector-appearance .cdx-label__label__text,
html:is(.vu-theme-paap, .vu-theme-hugerinus, .vu-theme-noord, .vu-theme-van-hetten, .vu-theme-hoos, .vu-theme-schroeter) .vector-appearance .skin-client-pref-exclusion-notice {
color: var(--color-base, #202122) !important;
opacity: 1 !important;
}
/* The preview extract is prose even when the extension wraps it in a link. */
html .mwe-popups .mwe-popups-extract,
html .mwe-popups .mwe-popups-extract > span,
html .mwe-popups .mwe-popups-extract > p {
color: var(--color-base, #202122) !important;
}
html.vu-theme-paap {
--vu-preview-link: #79BFF2;
}
html.vu-theme-hugerinus {
--vu-preview-link: #66BFFF;
}
html.vu-theme-noord {
--vu-preview-link: #79BFF2;
}
html.vu-theme-van-hetten {
--vu-preview-link: #FF9D3D;
}
html.vu-theme-hoos {
--vu-preview-link: #003F9E;
}
html.vu-theme-schroeter {
--vu-preview-link: #254F73;
}
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-hoos.vu-theme-hoos, .vu-theme-schroeter.vu-theme-schroeter) body .mwe-popups.mwe-popups a.mwe-popups-extract.mwe-popups-extract {
color: var(--color-base, #202122) !important;
}
/* Retain link color only for actual links and the linked preview title. */
html .mwe-popups .mwe-popups-extract a,
html .mwe-popups a.mwe-popups-extract > b:first-child,
html .mwe-popups a.mwe-popups-extract > strong:first-child,
html .mwe-popups .mwe-popups-extract > p:first-child > b:first-child,
html .mwe-popups .mwe-popups-extract > p:first-child > strong:first-child {
color: var(--vu-preview-link, var(--color-progressive, #36c)) !important;
}
}
Retrieved from "https://vriendenuniverse.org/wiki/MediaWiki:Common.css"