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; }	.skin--responsive #sidebar .portlet[role="navigation"] { display: none !important; }   body.skin--responsive #p-personal-toggle { background-image: url(https://static.miraheze.org/smashbroswiki/9/96/Smashball-icon.png); }   .mw-changeslist-legend { width:100%; } }

@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:850px) { body.page-Main_Page #welcome > tbody > tr > td { display: block !important; } body.page-Main_Page #mp-body > tbody > tr > td { display: block !important; width: 100% !important; } body.page-Main_Page #mp-body > tbody > tr > td + td { margin-top: 5px !important; } body.page-Main_Page #mp-body { width: 100% !important; float: none !important; } }

/* notice template fix */ @media all and (max-width: 550px) { .notice-template .image { float: left; display: flex; align-items: center; } }