https://mindpowe.red/wiki/index.php?action=history&feed=atom&title=Template%3AMultiple_image%2Fstyles.css 2026-04-06T01:40:35Z Revision history for this page on the wiki MediaWiki 1.34.2 https://mindpowe.red/wiki/index.php?title=Template:Multiple_image/styles.css&diff=1753&oldid=prev 2019-10-25T23:51:40Z

<p>add class for center aligned thumb caption</p> <p><b>New page</b></p><div>/* {{pp-template}} */<br /> /* this is a block */<br /> .thumbinner {<br /> display: flex;<br /> flex-direction: column;<br /> }<br /> <br /> .trow {<br /> display: flex;<br /> flex-direction: row;<br /> clear: left;<br /> flex-wrap: wrap;<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* this is a cell */<br /> .tsingle {<br /> margin: 1px;<br /> float: left;<br /> }<br /> <br /> .theader {<br /> clear: both;<br /> font-weight: bold;<br /> text-align: center;<br /> align-self: center;<br /> background-color: transparent;<br /> width: 100%;<br /> }<br /> <br /> .thumbcaption {<br /> text-align: left;<br /> background-color: transparent;<br /> }<br /> <br /> .thumbcaption-center {<br /> text-align: center;<br /> background-color: transparent;<br /> }<br /> <br /> .text-align-left {<br /> text-align: left;<br /> }<br /> <br /> .text-align-right {<br /> text-align: right;<br /> }<br /> <br /> .text-align-center {<br /> text-align: center;<br /> }<br /> <br /> @media all and ( max-width: 720px ) {<br /> .thumbinner {<br /> /* not !important usage can be removed when these are no longer inline styles<br /> inside Template:Multiple image and media query using min-width is introduced */<br /> width: 100% !important;<br /> box-sizing: border-box;<br /> max-width: none !important;<br /> align-items: center;<br /> }<br /> .trow {<br /> justify-content: center;<br /> }<br /> .tsingle {<br /> /* not !important usage can be removed when these are no longer inline styles<br /> inside Template:Multiple image and media query using min-width is introduced */<br /> float: none !important;<br /> max-width: 100% !important;<br /> box-sizing: border-box;<br /> text-align: center;<br /> }<br /> .thumbcaption {<br /> text-align: center;<br /> }<br /> }</div>

imported>Frietjes