MediaWiki:Gadget-responsiveContentBaseTimeless.css

@media ( max-width: 850px ) { table.tmbox:not( .mbox-small ), table.ambox:not( .mbox-small ), table.imbox:not( .mbox-small ), table.cmbox:not( .mbox-small ), table.ombox:not( .mbox-small ) { margin: 0; padding: 5px; box-sizing: border-box; border-collapse: separate; }	.mw-body-content td.mbox-image.mbox-image { float: left; padding: 0 4px; }

.mw-body-content td.mbox-imageright.mbox-imageright { float: right; padding: 0 4px; }

.mw-body-content td.mbox-text { display: block; width: auto; }	/* Main page fixes */ #mp-topbanner > tbody > tr { display: flex; flex-wrap: wrap; width: auto !important; }

#mp-topbanner > tbody > tr > td:nth-child( 1 ) { flex: 3 0 auto; width: auto !important; }

#mp-topbanner > tbody > tr > td:nth-child( n+2 ) { flex: 0 0 auto; width: auto !important; }

/* main page table */ #mp-upper > tbody > tr, #mp-upper > tbody > tr > *, #mp-bottom > tbody > tr, #mp-bottom > tbody > tr > *, #mp-tfp > table > tbody > tr, #mp-tfp > table > tbody > tr > * { display: block; width: 100% !important; max-width: 100%; box-sizing: border-box; } }

@media only screen and ( max-width: 550px ) { /* !important to ignore inline styles */ /* .mw-body-content to increase specificity */ .mw-body-content table { float: none !important; margin-left: auto !important; margin-right: auto !important; }

.mw-body-content table { overflow: auto; overflow-y: hidden; overflow-x: auto; max-width: 100% !important; }

.mw-body-content .thumb { float: none; clear: none; margin: 0.5em auto; }

.mw-body-content .thumbinner { margin: 0 auto; max-width: 100%; box-sizing: border-box; border: 0; background-color: transparent; }

.mw-body-content .thumbinner .thumbimage { max-width: 100%; height: auto; object-fit: contain; }

.mw-body-content .thumbimage { border: 0; background-color: transparent; }

.mw-body-content .thumbcaption > .magnify { display: none; }	/* amboxes become normal blocks */ .mw-body-content table.ambox > tbody, .mw-body-content table.ambox > tbody > tr { display: block; }

/* of which we hide some parts by default to shorten them */ .mw-body-content .ambox .mbox-image, .mw-body-content .ambox .mbox-text .hide-when-compact { display: none; cursor: pointer; }

.mw-body-content table.ambox { font-size: 80%; background-color: transparent; margin-left: 0 !important; padding: 0 !important; border-width: 0 0 0 3px; }

.mw-body-content .ambox .mbox-text-span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }

/* But we can flip a class to undo the hiding */ .ambox.mbox-expand .mbox-text-span { text-overflow: initial; white-space: normal; overflow: auto; }

.ambox.mbox-expand .mbox-text .hide-when-compact { display: inline; }	#firstHeading .mw-editsection, #coordinates { display: none; }	.mw-body-content .infobox, .mw-body-content .navbox, .mw-body-content .navbox > .navbox-inner { width: 100% !important; box-sizing: border-box; display: table; }

.mw-body-content .image > img { max-width: 100%; min-width: 20px; height: auto; object-fit: contain; }

.mw-body-content { word-wrap: break-word; } }

@media only screen and ( max-width: 550px ) and ( -webkit-min-device-pixel-ratio: 1.5 ), only screen and ( max-width: 550px ) and ( min-resolution: 1.5dppx ) { @supports ( object-fit: contain ) { .mw-body-content div.thumbinner { width: 100% !important; padding: 0 !important; }

.mw-body-content div.thumbinner .thumbimage { width: 100%; object-fit: contain; max-height: 60vh; }	} }