User:Wauteurz/common.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.

/*	These changes have been made assuming the following user configurations:
 *	Text:		Small (but theoretically works with any)
 *	Width:		Wide (but theoretically works with any)
 *	Contents:	Pinned to left sidebar
 *	Tools:		Pinned to right sidebar */

/*	Removing excess padding of the left and right sidebar and condensing it */
.vector-column-start {
	margin-top: 0.5rem;
	line-height: 0.85rem;
}
.vector-column-end {
	margin-top: 0.5rem;
	line-height: 0.85rem;
}
/*	This then keeps the right bar's sticky container slightly skewered from the left bar. */
@media (min-width: 1120px) {
	.client-js.vector-sticky-header-enabled .vector-sticky-pinned-container {
		top: 4.25rem;
	}
}


/*	Giving page title (despite being often blanked) a consistent height */
.vector-page-titlebar {
	min-height: 2.475rem;
}

/*	Suppress "switch to old look"-button */
.vector-main-menu-action-opt-out {
	display: none;
}

/*	All side menu headings as bold */
.vector-pinnable-element .vector-menu-heading {
	font-weight: bold;
}
.vector-pinnable-element .vector-menu-subheading {
	font-weight: bold;
}

/*	Suppress sitenotice container */
.vector-sitenotice-container {
	display:none;
}

/* Compacting footer */
.mw-footer-container {
	padding-bottom: 0.25rem;
}
.noprint#footer-icons {
	position: absolute;
	bottom: 0.25rem;
	right: 3.25rem;
}

/*	Making TOC arrows into compass arrows 
 *	Has a render error: Renders larger before fitting to correct size. */
.mw-ui-icon-wikimedia-expand {
	-webkit-mask-image: url("https://upload.wikimedia.org/wikipedia/commons/c/c8/Notification-icon-Wikivoyage-logo-black-single-arrow.svg");
	mask-image: url("https://upload.wikimedia.org/wikipedia/commons/c/c8/Notification-icon-Wikivoyage-logo-black-single-arrow.svg");
	transform: rotate(90deg);
	background: #006699;
	max-width: 0.75rem;
	max-height: 0.75rem;
}

/*	Suppress Parsoid icon (irrelevant to average reader) */
.mw-parsoid-icon {
	display:none;
}

/*	Watchlist star into gold */
.vector-icon.mw-ui-icon-wikimedia-star {
	-webkit-mask-image: url(https://en.wikivoyage.org/w/load.php?modules=skins.vector.icons&image=star&format=original&lang=en&skin=vector-2022&version=1vb1h);
	mask-image: url(https://en.wikivoyage.org/w/load.php?modules=skins.vector.icons&image=star&format=original&lang=en&skin=vector-2022&version=1vb1h);
	background-color: goldenrod;
}
.vector-icon.mw-ui-icon-wikimedia-unStar {
	-webkit-mask-image: url(https://en.wikivoyage.org/w/load.php?modules=skins.vector.icons&image=unStar&format=original&lang=en&skin=vector-2022&version=1vb1h);
	mask-image: url(https://en.wikivoyage.org/w/load.php?modules=skins.vector.icons&image=unStar&format=original&lang=en&skin=vector-2022&version=1vb1h);
	background-color: goldenrod;
}