MediaWiki:Common.css: Difference between revisions

Semantic MediaWikiThis message will disappear after all relevant tasks have been resolved.

There are 1 incomplete or pending task to finish installation of Semantic MediaWiki. An administrator or user with sufficient rights can complete it. This should be done before adding new data to avoid inconsistencies.

← Older edit

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%);
}