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.

/* CSS placed here will affect users of the Vector skin */
@media print {
    ol.references {display: none;}
}

.left-column {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: scroll;
}
/*** Float Side ***/

/* Makes the side menu float and makes it scrollable */
/* Documentation at [[en:w:User:BrandonXLF/FloatSide]] */
/* By [[en:w:User:BrandonXLF]] */

#mw-panel, /* Vector */
#quickbar, /* CologneBlue */
#mw_portlets, /* Modern */
#sidebar, /* Monobook */
#mw-site-navigation, /* Timeless */
#mw-related-navigation /* Timeless right */ {
	position: fixed;
	overflow: hidden;
	height: 100%;
}

/* side menu: fixed, with its own scroll bar */
#mw-panel {
	position: fixed !important;
	top: 0;
	bottom: 0;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
    scrollbar-width: none;
}

#mw-panel::-webkit-scrollbar {
	display: none;                /* Safari and older Chrome/Edge */
}

#mw-related-navigation /* Timeless right */ {
	right: calc(calc(calc(100% - 115em) / 2) - 1em);
	padding-bottom: 14em;
}

#mw-site-navigation /* Timeless */ {
	padding-bottom: 14em;
}

#mw-panel:hover, /* Vector */
#quickbar:hover, /* CologneBlue */
#mw_portlets:hover, /* Modern */
#sidebar:hover, /* Monobook */
#mw-site-navigation:hover, /* Timeless */
#mw-related-navigation:hover /* Timeless right */ {
	overflow-y: auto;
	overflow-x: hidden;
}

.skin-timeless #mw-content-wrapper /* Timeless */ {
	margin: 0 14em;
}

.skin-monobook .mw-wiki-logo /* Monobook */ {
	position: fixed;
}

/*** Float Head – legacy Vector only ***/
/* Documentation at [[en:w:User:BrandonXLF/FloatHead]] */

.skin-vector-legacy #mw-head {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.skin-vector-legacy #mw-head::before {
	position: absolute;
	content: '';
	top: -1px;
	left: 11em;
	right: 0;
	height: 100%;
	border-bottom: 1px solid #a7d7f9;
	z-index: -1;
}

.skin-vector-legacy #mw-page-base {
	position: fixed;
	top: -1px;
	right: 0;
	left: 0;
	z-index: 3;
	height: 5em;
	width: 100%;
}

.skin-vector-legacy #mw-head,
.skin-vector-legacy #mw-panel {
	z-index: 4;
}

.skin-vector-legacy #mw-head-base {
	margin-top: 0;
}

/* Side menu: fixed, scrollable, scroll bar hidden */
.skin-vector-legacy #mw-panel {
	position: fixed !important;
	top: 0;
	bottom: 0;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: none;
}
.skin-vector-legacy #mw-panel::-webkit-scrollbar {
	display: none;
}

/* Pages marked with <span class="no-inline-toc"></span> hide the TOC */
.skin-vector-legacy .mw-parser-output:has(.no-inline-toc) #toc {
	display: none;
}

/* Hide references when printing */
@media print {
	.skin-vector-legacy ol.references {
		display: none;
	}
}