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; } }

/* 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; }   width: 95% !important; } body.page-Metroidpedia #mw-content-text { overflow: clip !important; } display:block !important; }   padding-right: 0 !important; padding-bottom: 0 !important; }   max-width: none !important; margin-left: -9px !important; margin-right: -7px !important; } display:block !important; width:100% !important; } margin-top:5px !important; } }
 * 1) mp-body input.mw-ui-input {
 * 1) welcome > tbody > tr > td {
 * 1) welcome > tbody > tr > td:last-of-type {
 * 1) mw-content-text #mp-body {
 * 1) mp-body > tbody > tr > td {
 * 1) mp-body > tbody > tr > td + td {

/* 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; } }