MediaWiki:Gadget-ResponsiveDesktop.css

/* Some fixes for responsive desktop skins */

body {
   background:#8CCC6D;
}

.mw-body, body.skin--responsive .pBody {
   border:1px solid #007500;
}

.wikiEditor-ui .wikiEditor-ui-view, #content, #footer {
  border-color: #007500;
}

textarea {
  border-color: #007500;
}

/* 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;
	}
    #mp-body > tbody > tr > td {
        display: block !important;
        width: auto !important;
    }
	.skin--responsive #sidebar .portlet[role="navigation"] {
		display: none !important;
	}
    .mw-changeslist-legend {
        width:98%;
    }
}
@media all and (max-width: 850px) {
	body.skin-timeless .mobileonly {
		display: revert;
	}
}