MediaWiki:Vector.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.

/* All CSS here will be loaded for users of the Vector skin */

/* horizontal lines */
.vector-page-titlebar::after {
    background-color: var(--color-base);
}

.vector-page-toolbar-container {
    box-shadow: 0 1px var(--color-base);
}


/* BECOME DARK MODE BUT CONTINUED */

#mw-panel,
#p-logo,
#p-navigation,
#p-navigation .pBody,
#p-tb,
#p-tb-label,
#p-tb .body,
#p-search,
#p-search .pBody,
#p-cactions,
#p-cactions h3,
#p-pageoptions,
#p-pageoptions h3,
#p-personal,
#p-personal h3,
#vector-sitenotice-container {
    background-color: var(--background-color-base);
    font-family: "Roboto Mono", sans-serif;
    border-color: var(--background-color-base);

}

/* Text */

.vector-menu {
	font-family: 'Roboto Mono', monospace !important;
    font-weight: 400;
    font-style: normal;
}

/* SVG images */

.vector-menu-content-list {
    list-style-image: initial;
    fill: var(--avali-orange);
}

/* Other */

/* Move navigation panel down */
#mw-panel {
	margin-top: 5em;
}

/* Remove ugly gradient from top of wiki */
#mw-page-base {
	background-color: var(--background-color-base);
	background-image: none;
}

/* Page head (top of page) */

.vector-menu-tabs-legacy li,
#p-cactions {
	background-image: linear-gradient(
        to top,
        var(--border-color-base) 0,
        var(--background-color-base) 1px,
        var(--background-color-base) 100%);
}

/*.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background-image: none;
}*/


/* Unused stuff */

/* Wiki background image (UNUSED) */
/*body {    
    background-image: url(https://rovali.avali.zone/images/1/11/Background_Image.png);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/