dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

/*** 
*
* @name RelevantPrint.css
* @author HumansCanWinElves
* @purpose Hiding irrelevant interface elements on print
*
***/

@media print {
	/**************************************************************************
    *                                                                         *
	* Sorted from top to bottom of the page, visually.                        *
	*                                                                         *
	* (Removing the ad from print should probably be okay even when used       *
	* sitewide. Also it seems like the ad is not even printed anyway, only    *
	* leaves a blank area)                                                    *
	*                                                                         *
	**************************************************************************/

	.top-ads-container, /* top ads */
	#global-top-navigation, /* global top bar */
	#global-explore-navigation, /* global sidebar */
	main.page__main .page-side-tools__wrapper, /* page tools on top left */
	#page-header .page-header__top, /* categories and languages on top */
	header.fandom-community-header .page-counter, /* number of pages in wiki */
	header.fandom-community-header .wiki-tools, /* top right toolbar */
	#community-navigation, /* sticky local navbar */
	nav.fandom-community-header__local-navigation, /* non-sticky local navbar */
	.page-header .page-header__actions, /* edit dropdown */
	.page-header__page-subtitle .subpages, /* backlink to parent page */
	.bottom-ads-container, /* bottom ads */
	main.page__main .page-footer, /* page footer with categories etc. */
	aside.page__right-rail, /* right rail */
	#mixed-content-footer, /* boxes with trending pages etc. */
	footer.global-footer, /* global links etc. on bottom */
	.notifications-placeholder, /* sitenotice etc. */
	#WikiaBar /* bottom toolbar */ {
		display: none !important;
	}

	body > .main-container {
		width: 80% !important;
		margin: 0 auto 0 0 !important;
	}

	body > .main-container .resizable-container {
		width: 80% !important;
		margin: auto !important;
		top: 0 !important;
	}

	/* Fix vertical alignment of wiki title with logo */
	.fandom-community-header__top-container {
		align-items: center !important;
	}

	img,
	figure {
		break-inside: avoid;
	}
}