MediaWiki:Vector-2022.css

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.

.vector-feature-zebra-design-disabled body {
    background-color: #321616; /* @background-color-interactive-subtle */
}

.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu {
    background-color: #242424; /* @background-color-base */
}

h1, h2, h3, h4, h5, h6 {
    color: #DDD; /* @color-base */
}

.catlinks, figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption {
    background: #161616;
}

figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element, .catlinks {
    border-color: #080808;
}

.wikitable {
  background: #242424;
}
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #331616;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
  border-color: #494949;
}

.mw-parser-output div.documentation, .mw-parser-output div.documentation-metadata {
    /* Over-qualifying this selector makes it take precedence */
    background-color: #03130a;
}

label.cdx-button:enabled, label.cdx-button.cdx-button--fake-button--enabled {
    color: #DDD;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color:#ff6464;
}
.oo-ui-window-frame {
    color: #101010;
}

@media (max-width: 720px) {
    .mw-logo .mw-logo-container {
        display: none;
    }
    .mw-logo .mw-logo-icon {
        display: block;
    }
}
@media (min-width: 720px) {
    .mw-logo .mw-logo-icon {
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    /* this is it. this is the worst CSS i've ever written before in my life. */
    .mw-logo .mw-logo-container {
        display: none;
    }
    .mw-logo .mw-logo-icon {
        display: block;
        width: 100%;
        object-fit: cover;
        overflow: visible;
        object-position: top;
    }
    .vector-main-menu-container {
        padding-top: 124px;
        position: relative;
    }
    .vector-menu-content-list a[href=\/w\/Main_Page]::before {
        position: absolute;
        top: -70px;
        left: 0;
        right: 0;
        bottom: 200px;
        content: '';
    }
}