MediaWiki:Vector.css: Difference between revisions

/* 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 li {
	border-width: 2px;
	border-style: solid;
	border-color: var(--border-color-base);
}

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

/* Change background colors of vector tabs */
.vector-menu-tabs li,
#p-cactions {
	background-image: none;
	background-color: var(--background-color-base);
}

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

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