MediaWiki:Gadget-ResponsiveDesktop.css

/* Some fixes for responsive desktop skins */

/* Text indicators */
@media all and (max-width: 850px) {
	#mw-indicator-shortcut {
		display: none;
	}
}

/* Standard changes */
@media all and (max-width: 550px) {
	#bodyContent {
		overflow: visible !important;
	}
	.ui-dialog {
		max-width: 98% !important;
	}
	.infobox {
		margin: 1em 0 !important;
	}
	.infobox, .nav-right,
	#mw-content-text table {
		float: none !important;
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#mw-content-text table > tbody {
		width: 100% !important;
		display: table !important;
	}
	#mw-content-text table.wikitable {
		border: 0 !important;
		min-width: 55% !important;
	}
	#mw-content-text table.wikitable > tbody {
		width: calc(100% - 1px) !important;
	}
	#mw-content-text table.wikitable > thead + tbody {
		display: table-row-group !important;
	}
	.floatleft, .floatright {
		max-width: 45% !important;
	}
	body div.thumb {
		float: none !important;
		width: auto !important;
		max-width: none !important;
		display: block !important;
		margin: 1em 0;
	}
	body div.thumbinner {
		width: 100% !important;
		box-sizing: border-box;
	}
	div.thumb, div.thumbinner {
		overflow: auto !important;
	}
	div.autoResize > iframe {
		margin: 0 auto !important;
	}
	div.thumbinner > div {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	div.thumbcaption {
		margin-top: 3px !important;
	}
	div.thumbimage {
		max-width: max-content;
	}
	ul.gallery {
		text-align: center;
	}
	div.gallerytext {
		text-align: left;
	}
	center div.gallerytext,
	.gallery.center div.gallerytext,
	.gallery[style*="center"] div.gallerytext {
		text-align: center;
	}
	caption {
		display: block;
	}
	a.feedlink {
		padding-left: 16px;
	}
	body.skin-monobook .mobileonly {
		display: revert;
	}
}
@media all and (max-width: 850px) {
	body.skin-timeless .mobileonly {
		display: revert;
	}
}