MediaWiki:Common.css: Difference between revisions
PastorLance (talk | contribs) Created page with "→CSS placed here will be applied to all skins: →Images should be responsive: res-img { max-width:100%; height:auto; }" |
Keep large images within page width and preserve proportions across the wiki |
||
| Line 5: | Line 5: | ||
max-width:100%; | max-width:100%; | ||
height:auto; | height:auto; | ||
} | |||
/* Keep large wiki content images inside the page at their original proportions. */ | |||
.mw-parser-output img, | |||
.mw-parser-output .mw-file-element { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
/* Constrain older thumbnails and newer MediaWiki figure wrappers too. */ | |||
.mw-parser-output .thumb, | |||
.mw-parser-output .thumbinner, | |||
.mw-parser-output figure { | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | } | ||
Latest revision as of 14:01, 29 September 2026
/* CSS placed here will be applied to all skins */
/* Images should be responsive */
res-img {
max-width:100%;
height:auto;
}
/* Keep large wiki content images inside the page at their original proportions. */
.mw-parser-output img,
.mw-parser-output .mw-file-element {
max-width: 100%;
height: auto;
}
/* Constrain older thumbnails and newer MediaWiki figure wrappers too. */
.mw-parser-output .thumb,
.mw-parser-output .thumbinner,
.mw-parser-output figure {
max-width: 100%;
box-sizing: border-box;
}