MediaWiki: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.

/* CSS placed here will be applied to all skins */


#p-logo-text a { white-space: nowrap; font-variant: normal; }

* {font-family: sans-serif !important}

#p-logo, #user-tools, #p-views, #mw-site-navigation, #mw-related-navigation, #mw-header-nav-hack, #p-namespaces, #ca-more {
	display: none;
}

#mw-content-container {
    background-image: none;
}

h4 {
    font-size: 1.3em !important;
}

h5 {
    font-size: 1.2em !important;
}

h6 {
    font-size: 1.1em !important;
}

/* BEGIN MobileEcho CSS */

@media screen and (max-width: 600px) {
	.oo-ui-popupWidget-anchor {
		display: none !important;;
	}

	.oo-ui-popupWidget {
		position: fixed;
		top: 0px !important;
		left: 0px !important;
		margin: 0px !important;
		width: 100vw !important;
		height: 100vh !important;
	}

	.oo-ui-popupWidget-popup {
		width: auto !important;
		height: 100% !important;
		padding: 1em;
		overflow-y: scroll;
	}

	.oo-ui-popupWidget-body {
		height:	max-content !important;
		width: 100% !important;
	}

	.oo-ui-popupWidget-footer {
		padding-bottom: 3em;
	}

	.oo-ui-popupWidget-head > .oo-ui-buttonWidget {
		right: 30px !important;
	}

	.mw-echo-ui-toggleReadCircleButtonWidget-circle {
		width: 30px !important;
		height: 30px !important;
	}

	.mobileecho-hide-overflow {
		overflow: hidden;
	}

	.mobileecho-close-button {
		display: inline-block;
		background-color: white;
		float: right !important;
	}
}

@media screen and (min-width: 601px) {
	.mobileecho-close-button {
		display: none;
	}
}

/* END MobileEcho CSS */