MediaWiki:Common.css: Difference between revisions

Latest revision as of 22:47, 24 January 2025

/* CSS placed here will be applied to all skins */

/* Citation icons. */
.oo-ui-icon-ref-cite-joe {
  background-image: url(https://wiki.jads.stream/images/0/0c/Joe-icon.png);
}
.oo-ui-icon-ref-cite-joe-2 {
  background-image: url(https://wiki.jads.stream/images/7/7b/Joe-channel-2.png);
}
.oo-ui-icon-ref-cite-jads {
  background-image: url(https://wiki.jads.stream/images/0/05/Discord.svg);
}
.oo-ui-icon-ref-cite-joe-twitch {
  background-image: url(https://wiki.jads.stream/images/e/e5/Twitch.svg);
}
.oo-ui-icon-ref-cite-youtube {
  background-image: url(https://wiki.jads.stream/images/7/75/YouTube.svg);
}

/* General helpers. */
.circular img {
  border-radius: 50% !important;
  aspect-ratio: 1 !important;
  object-fit: cover;
}
.inline-img img {
  width: 2em !important;
  height: 2em !important;
  max-width: 2em !important;
  max-height: 2em !important;
  object-fit: cover;
}

/* Fix dark mode making light boxes unreadable. */
html.skin-theme-clientpref-night .mw-parser-output [style*="background"],
html.skin-theme-clientpref-os .mw-parser-output [style*="background"] {
  color: #202122;
}
.mw-logo-wordmark {
  color: var(--color-base);
}

@property --navbox-tint {
  syntax: "<color>";
  initial-value: #00aeff;
  inherits: true;
}

.navbox th,
.navbox-title {
    /* Level 1 color */
    background: color-mix(in lab, var(--background-color-neutral-subtle) 100%, var(--navbox-tint) 20%);
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    /* Level 2 color */
    background: color-mix(in lab, var(--background-color-neutral) 100%, var(--navbox-tint) 20%);
}