MediaWiki:Gadget-ResponsiveDesktop.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 4: Line 4:
@media all and (max-width: 550px) {
@media all and (max-width: 550px) {
.mw-body-content {
.mw-body-content {
overflow: clip !important;
overflow: visible !important;
}
}
.infobox, .tabber.info {
.infobox {
margin: 1em 0 !important;
margin: 1em 0 !important;
}
}
.infobox, .tabber.info,
.infobox, .nav-right,
#bodyContent table, .nav-right {
#mw-content-text table {
float: none !important;
float: none !important;
width: auto !important;
width: auto !important;
Line 19: Line 19:
margin-right: 0 !important;
margin-right: 0 !important;
}
}
#bodyContent table > tbody {
#mw-content-text table > tbody {
width: 100% !important;
width: 100% !important;
display: table !important;
display: table !important;

Revision as of 08:58, September 28, 2021

/* Some fixes for responsive desktop skins */

/* 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;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#mw-content-text table > tbody {
		width: 100% !important;
		display: table !important;
	}
	body div.thumb {
		float: none !important;
		max-width: none !important;
		margin: 1em 0;
	}
	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;
	}
	a.feedlink {
		padding-left: 16px !important;
	}
}