// Full-size images // // Inline and floated full-size images will be styled like so. // // Example wikitext: // This is an [[File:Book.png]] inline image. // [[File:Book.png|left]]Left-aligned image // [[File:Book.png|right]]Right-aligned image // // Markup: //
//

This is an inline image.

//
Left-aligned image
//
Right-aligned image
//
// // Styleguide 1.3. @import 'mediawiki.mixins.less'; @import '../../minerva.less/minerva.variables'; @import '../../minerva.less/minerva.mixins'; .content { img { // Matches commonElements.css vertical-align: middle; } // Applied to divs containing aligned, full-size images .floatright { /* @noflip */ clear: right; /* @noflip */ float: right; /* @noflip */ margin: 0 0 0.6em 0.6em; } // Applied to divs containing aligned, full-size images .floatleft { /* @noflip */ clear: left; /* @noflip */ float: left; /* @noflip */ margin: 0 0.6em 0.6em 0; } // Prevent inline styles on images in wikitext // Note we restrict to img's to avoid conflicts with VisualEditor shields // See bug T64460 a > img, a > .lazy-image-placeholder, // due to lazy loading images we also must consider imgs inside noscript tags (T191893) noscript > img, { // make sure that images in articles don't cause a horizontal scrollbar // on small screens max-width: 100% !important; } // Note height auto is only applied to images. Not neeed for the lazy-image-placeholder which is // a gray box and will cause reflows. noscript > img, a > img { height: auto !important; } // bug T22030 .noresize { max-width: 100%; overflow-x: auto; a > img { max-width: none !important; } } }