MediaWiki:Vector.css

From Ro'vali Wiki
Revision as of 23:27, 23 July 2026 by AvaliProtodragon (talk | contribs) (Revert footer stuff nvm)
Jump to navigation Jump to search

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

/* Vector Tabs */

/* Borders */
.vector-menu-tabs li {
	border-width: 1px;
	border-bottom-width: 0;
	border-style: solid;
	border-color: var(--border-color-base);
}

/* Change background colors of vector tabs */
.vector-menu-tabs li,
#p-cactions {
	background-image: linear-gradient(
        to top,
        var(--border-color-base) 0,
        var(--background-color-base) 2px,
        var(--background-color-base) 100%);
}

/* Change background colors of vector tabs when selected */
.vector-menu-tabs-legacy li.selected {
	background-image: none;
	background-color: var(--background-color-base);
}

#p-cactions {
    z-index: 5;
}

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

/* Fine tuning */
#ca-nstab-mediawiki, #ca-view, #ca-viewsource, #ca-edit, #ca-history {
    border-right-width: 0px;
}

.vector-menu-tabs {
	margin-left: -1px;
	margin-top: -1px;
}

/* 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;
}*/