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) { .mw-body-content { overflow: visible !important; }	.infobox { margin: 1em 0 !important; }	.infobox, .nav-right, #mw-content-text table { float: none !important; width: auto !important; overflow: auto !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; min-width: 0 !important; }	#mw-content-text table > tbody { width: 100% !important; display: table !important; }	body div.thumb { float: none !important; width: auto !important; max-width: none !important; margin: 1em 0; }	div.thumb, div.thumbinner { overflow: auto !important; }	div.noresize > map ~ img { max-width: none !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; }   #sidebar .portlet[role="navigation"] { display: none !important; } }

@media all and (max-width: 850px) { body.skin-timeless .mobileonly { display: revert; } }

@media screen and (min-width: 551px) { body.skin--responsive li#ca-talk { margin-right: .5em; } }

/* main page responsive fixes */ @media all and (max-width:550px) { body.page-Metroidpedia #welcome > tbody > tr > td { display: block !important; } body.page-Metroidpedia #mp-body > tbody > tr > td { display: block !important; width: 100% !important; } body.page-Metroidpedia #mp-body > tbody > tr > td + td { margin-top: 5px !important; } body.page-Metroidpedia #mp-body { width: 100% !important; float: none !important; } }

/* Custom changes */ @media all and (max-width: 550px) { /* Tabber boxes */ .tabber { display: block; float: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }	.tabber.goleft, .tabber.goright { margin-bottom: 1em !important; }	.tabber.goleft .tabbertab, .tabber.goright .tabbertab { text-align: center !important; }	.tabber.info { margin: 0 0 1em !important; } }