MediaWiki:Mobile.css

Note: After saving, changes may not occur immediately. Click here to learn how to bypass your browser's cache.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Cmd-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (Cmd-Shift-R on a Mac)
Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Clear the cache in Tools → Preferences

For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* CSS placed here will affect users of the mobile site */

/* Hide desktop-only content */
.enws-hide-on-mobile {
	display: none;
}

/* Tablet specific styling */
@media all and (min-width: 768px) {
	#content .vertical-navbox, #content .navbox {
		display: inherit;
	}
}

caption {
    text-align: center;
}

/* Proofread Page specific */
#content .pagetext {
	text-align: justify;
}

.prp-page-image img {
	max-width: 100%;
	height: auto;
}

/* In what universe does it make sense to HIDE the TOC on smaller screens? 
 * By default in Minerva, TOCs are hidden under 768px, which completely torpedos
 * the ability to navigate a long page on a phone.
 * So make that behaviour the default always. */
.toc {
	display:table
}
.toc .toctitle {
	visibility:visible
}

/* on very small screens, fill the width */
@media screen and ( max-width: 720px ) {
	.toc {
		width: 100%;
	}
}

/* HACK! Chromium on mobile reserves a whole line for this,
 * maybe because the &#8203; isn't removed by JS */
.wst-toc-table .pagenum {
	display: none;
}

/* @end */