Caleb Cooper: 1 revision imported

2020-01-28T15:04:33Z

1 revision imported

New page

@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 .vertical-navbox,
.mw-body-content .navbox,
.mw-body-content .navbox > .navbox-inner {
width: 100% !important;
box-sizing: border-box;
display: table;
}

/* Single column refs */
.mw-body-content .references-column-count,
.mw-body-content .column-count {
-moz-column-width: 35em;
-webkit-column-width: 35em;
column-width: 35em;
}

.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;
}
}
}

MediaWiki:Gadget-responsiveContentBaseTimeless.css - Revision history

Caleb Cooper: 1 revision imported