Jump to content

User:BrandonXLF/FloatHead.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/*** Float Head ***/

/* Makes the side menu float and makes it scroll-able */
/* Documentation at [[en:w:User:BrandonXLF/FloatHead]] */
/* By [[en:w:User:BrandonXLF]] */
/* Based off of [[en:w:User:Rezonansowy/FloatHead.css]] */

/* head */
#mw-head {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

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

/* Background */
#mw-page-base {
	position: fixed;
	top: -1px;
	right: 0;
	left: 0;
	z-index: 3;
	height: 5em;
	width: 100%;
}

#mw-head,
#mw-panel {
	z-index: 4;
}

#mw-head-base {
	margin-top: 0;
}

/* Visual editor toolbar */
.ve-active .ve-init-mw-desktopArticleTarget {
	margin-top: 4em;
}

.ve-init-mw-desktopArticleTarget > .ve-ui-toolbar > .oo-ui-toolbar-bar {
	position: fixed !important;
	top: 5.714em !important;
	right: -0.004em !important;
	left: 12.647em !important;
}

/* StickyTableHeaders gadget */
.jquery-tablesorter > thead,
.mw-sticky-header > thead {
	top: 5rem !important;
}