Jump to content

MediaWiki:Vector-2022.css

From Calamity Wiki
Revision as of 21:20, 17 May 2026 by Vertex (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/**
 * Note: [[MediaWiki:Common.css]] is loaded in addition to these styles
 * Please use [[Extension:TemplateStyles]] where possible.
 */
#coordinates {
	line-height: 2;
	font-size: 92%;
	white-space: nowrap;
}

/* Don't display some stuff on the main page */
.page-Main_Page #deleteconfirm,
.page-Main_Page #t-cite,
.page-Main_Page #footer-info-lastmod,
.action-view.page-Main_Page #siteSub,
.action-view.page-Main_Page #contentSub,
.action-view.page-Main_Page #contentSub2 {
	display: none !important;
}

/* Override [[phab:T265947]] */
.mw-body-content blockquote {
	border-left: none;
}

/* Styling for tags in changes pages */
.mw-tag-markers {
	font-style: italic;
	font-size: 90%;
}

/* Wikipedia 25, remove somewhen */
.mw-logo-icon {
	display: none;
}

.mw-logo {
	margin: 6px 0 6px 25px;
}

@media screen {
  html.skin-theme-clientpref-night .navbox a:not(.new):not(.mw-selflink):link,
  html.skin-theme-clientpref-night .infobox a:not(.new):not(.mw-selflink):link {
    color: var( --color-progressive ) !important;
  }
}


@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .navbox a:not(.new):not(.mw-selflink):link,
  html.skin-theme-clientpref-os .infobox a:not(.new):not(.mw-selflink):link {
    color: var( --color-progressive ) !important;
  }
}

@media screen {
    html.skin-theme-clientpref-night .hatnote:not(.notheme),
    html.skin-theme-clientpref-night .infobox:not(.notheme) {
        color: var(--color-base,#202122) !important;
        background-color: var(--background-color-interactive-subtle,#f8f9fa) !important
    }

    html.skin-theme-clientpref-night .infobox td:not(.notheme),
    html.skin-theme-clientpref-night .infobox th:not(.notheme),
    html.skin-theme-clientpref-night .infobox-above:not(.notheme),
    html.skin-theme-clientpref-night .infobox p:not(.notheme),
    html.skin-theme-clientpref-night .infobox > div:not(.notheme),
    html.skin-theme-clientpref-night .infobox caption:not(.notheme),
    html.skin-theme-clientpref-night .infobox-header:not(.notheme),
    html.skin-theme-clientpref-night .skin-nightmode-reset-color:not(.notheme),
    html.skin-theme-clientpref-night .metadata:not(.notheme),
    html.skin-theme-clientpref-night .quotebox:not(.notheme),
    html.skin-theme-clientpref-night .side-box:not(.notheme),
    html.skin-theme-clientpref-night .side-box div:not(.notheme),
    html.skin-theme-clientpref-night .navbox:not(.notheme),
    html.skin-theme-clientpref-night .navbox-subgroup:not(.notheme),
    html.skin-theme-clientpref-night .navbox-group:not(.notheme),
    html.skin-theme-clientpref-night .navbox-even:not(.notheme),
    html.skin-theme-clientpref-night .navbox-abovebelow:not(.notheme),
    html.skin-theme-clientpref-night .navbox-title:not(.notheme) {
        background: inherit !important;
        color: inherit !important;
        border-color: var(--border-color-subtle,#c8ccd1) !important
    }

    html.skin-theme-clientpref-night .mw-parser-output [style*='background'] {
        color: #202122
    }

    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) [bgcolor] a:not(.mw-selflink),
    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox)[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a:not(.mw-selflink),
    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a:not(.mw-selflink),
    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a:not(.mw-selflink),
    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a:not(.mw-selflink) {
        color: var(--color-base-fixed,#202122);
        text-decoration: underline
    }

    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) [bgcolor] a.new,
    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox)[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
    html.skin-theme-clientpref-night body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a.new {
        text-decoration-style: wavy
    }
}

@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .infobox td:not(.notheme),
    html.skin-theme-clientpref-os .infobox th:not(.notheme),
    html.skin-theme-clientpref-os .infobox-above:not(.notheme),
    html.skin-theme-clientpref-os .infobox p:not(.notheme),
    html.skin-theme-clientpref-os .infobox > div:not(.notheme),
    html.skin-theme-clientpref-os .infobox caption:not(.notheme),
    html.skin-theme-clientpref-os .infobox-header:not(.notheme),
    html.skin-theme-clientpref-os .skin-nightmode-reset-color:not(.notheme),
    html.skin-theme-clientpref-os .metadata:not(.notheme),
    html.skin-theme-clientpref-os .quotebox:not(.notheme),
    html.skin-theme-clientpref-os .side-box:not(.notheme),
    html.skin-theme-clientpref-os .side-box div:not(.notheme),
    html.skin-theme-clientpref-os .navbox:not(.notheme),
    html.skin-theme-clientpref-os .navbox-subgroup:not(.notheme),
    html.skin-theme-clientpref-os .navbox-group:not(.notheme),
    html.skin-theme-clientpref-os .navbox-even:not(.notheme),
    html.skin-theme-clientpref-os .navbox-abovebelow:not(.notheme),
    html.skin-theme-clientpref-os .navbox-title:not(.notheme) {
        background: inherit !important;
        color: inherit !important;
        border-color: var(--border-color-subtle,#c8ccd1) !important
    }

    html.skin-theme-clientpref-os .hatnote:not(.notheme),
    html.skin-theme-clientpref-os .infobox:not(.notheme) {
        color: var(--color-base,#202122) !important;
        background-color: var(--background-color-interactive-subtle,#f8f9fa) !important
    }

    html.skin-theme-clientpref-os .mw-parser-output [style*='background'] {
        color: #202122
    }

    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) [bgcolor] a:not(.mw-selflink),
    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox)[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a:not(.mw-selflink),
    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a:not(.mw-selflink),
    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a:not(.mw-selflink),
    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a:not(.mw-selflink) {
        color: var(--color-base-fixed,#202122);
        text-decoration: underline
    }

    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) [bgcolor] a.new,
    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox)[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
    html.skin-theme-clientpref-os body.ns-0 .mw-parser-output table:not(.infobox):not(.navbox-inner):not(.navbox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a.new {
        text-decoration-style: wavy
    }
}

@media screen {
    .skin-theme-clientpref-night .ns-100 .mw-parser-output :not(.notheme):not(a) {
        background: inherit !important;
        color: inherit !important;
        border-color: var(--border-color-subtle,#c8ccd1) !important
    }
}

@media screen and (prefers-color-scheme: dark) {
    .skin-theme-clientpref-os .ns-100 .mw-parser-output :not(.notheme):not(a) {
        background:inherit !important;
        color: inherit !important;
        border-color: var(--border-color-subtle,#c8ccd1) !important
    }
}

/* Calamity stuff starts here */
/* Logo fixes */
.mw-header {
  grid-template: auto / 22.7rem minmax(0,1fr);
  grid-template-areas: 'headerStart headerEnd';
}

.mw-logo {
  margin: 6px 0 6px 15px;
}

@media (max-width: 768px) {
  .mw-logo {
    margin: 6px 0 6px 12px;
  }

  .mw-logo-wordmark {
    width: 14em !important;
    height: 2.625em !important;
  }
}

.mw-header .vector-header-start {
  gap: 0px;
}

/* Disable weird bg colour */
@media screen and (prefers-color-scheme: dark) {
  body {
    background-color: var(--background-color-base,#fff);
  }
}

/* fixes broken infobox colours in dark mode */
html.skin-theme-clientpref-night .mw-parser-output .navbox-list {
  border-left-color: #54595d !important;
  border-top-color: #54595d !important;
}

/* Don't display some stuff on the main page */
/*.page-Main_Page .mw-heading,*/
.page-Main_Page .mw-logo,
.page-Main_Page .vector-page-toolbar-container,
.page-Main_Page .vector-page-titlebar,
.page-Main_Page #catlinks,
.page-Main_Page #p-lang-btn {
	display: none !important;
}

.page-Main_Page .mw-heading3 {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 15px;
}
.page-Main_Page .mw-heading3::before,
.page-Main_Page .mw-heading3::after {
  content: "";
  flex: 1;
  height: 2px;
  background: white;
}

/* Don't redlink the discussion tab */
a:where(.new:not([role='button'])) {
  color: var(--color-progressive,#36c) !important;
}
Retrieved from "https://www.calamity.wiki/index.php?title=MediaWiki:Vector-2022.css&oldid=19708"