MediaWiki:Gadget-mobileNavbox.css

@media screen and (max-width: 719px) {
	#content .navbox .mw-collapsible,
	#content .navbox .navbox-top,
	#content .navbox .navbox-middle,
	#content .navbox tbody,
	#content .navbox th,
	#content .navbox tr,
	#content .navbox td,
	#content .navbox table,
	#content table.navbox tbody,
	#content table.navbox.navbox,
	#content th .navbox-top,
	#content th .navbox-middle {
		display: block;
		overflow: hidden;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#content .navbox th:not(.navbox-top, .navbox-middle) {
		text-align: center;
		padding: 0 5px;
	}
	
	#content .navbox tr > td > ul > li > a:only-of-type,
	#content .navbox tr > td > ul > li > span > a > span,
	#content .navbox tr > td > ul > li > :is(small, sup, i),
	#content .navbox tr > td ul > li > .sprite-text,
	#content .navbox tr > td ul > li > span.pixel-image + a,
	#content .navbox > tbody > tr > th:is(.navbox-top, .navbox-middle) > a,
	#content .navbox tr > th > span.navbox-title .sprite-text {
		white-space: normal;
	}
	
	#content #mw-content-text .navbox tr td:not([colspan]) ul,
	#content #mw-content-text .navbox tr td:not([colspan]):has(span.sprite-file):not(:has(ul)) {
		padding-left: 3px;
		padding-right: 3px;
	}
	
	#content #mw-content-text .navbox ul {
		display: inherit;
	}
	
	#content .navbox td[colspan] div {
		margin-right: 0 !important;
	}
	
	#content .navbox .navbox-title,
	#content .navbox th {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		overflow-wrap: normal;
		white-space: normal;
		text-wrap: balance;
	}
	
	body:not(.mw-mf-amc-disabled) .navbox .navbox-navbar ~ .navbox-title {
		display: inline;
	}
	
	#content table.navbox.navbox {
		border-collapse: collapse;
	}
}

@media screen and (min-width: 720px) {
	#content table.navbox.navbox {
		border-collapse: separate;
	}
	
	#content .navbox td > table {
		margin: 0 0 0 -4px;
		border-collapse: separate;
	}
}

#content table.navbox ~ table.navbox {
	margin-top: 0.5em;
}

#content .navbox ul li:has(a > img, a + a):not(:has(ul)),
#content .navbox ul li:has(span.sprite-file, span.pixel-image):not(:has(ul)) {
	white-space: nowrap;
}

#content .navbox ul {
	overflow-wrap: anywhere;
}

#content .navbox .navbox-navbar {
	padding-left: 3px;
	margin-right: 5px;
	position: initial;
}

#content .navbox .navbox-title {
	padding: 0;
	padding-left: 3px;
}

#content .navbox .collapsetoggle {
	min-width: 55px;
	padding-right: 3px;
}

/* hide template edit buttons when advanced mode is off */
body.mw-mf-amc-disabled .navbox .navbox-navbar {
	display: none;
}