https://wiki.randombell.com/index.php?action=history&feed=atom&title=Template%3AMultiple_image%2Fstyles.css 2026-04-14T17:34:14Z Revision history for this page on the wiki MediaWiki 1.44.0 https://wiki.randombell.com/index.php?title=Template:Multiple_image/styles.css&diff=1492&oldid=prev 2025-08-14T18:25:59Z

<p>Created page with &quot;<span class="autocomment">{{pp-template}}: </span> <span class="autocomment">this is a block: </span> .multiimageinner { display: flex; flex-direction: column; } .trow { display: flex; flex-direction: row; clear: left; flex-wrap: wrap; width: 100%; box-sizing: border-box; } <span class="autocomment">this is a cell: </span> .tsingle { margin: 1px; float: left; } .theader { clear: both; font-weight: bold; text-align: center; align-self: center; background-color: transparent; width: 100%; } .thumbcaption { background-color: transparent; }...&quot;</p> <p><b>New page</b></p><div>/* {{pp-template}} */<br /> /* this is a block */<br /> .multiimageinner {<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 /> 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 /> .tsingle .thumbcaption {<br /> text-align: left;<br /> }<br /> .trow &gt; .thumbcaption {<br /> text-align: center;<br /> }<br /> }<br /> <br /> @media screen {<br /> html.skin-theme-clientpref-night .multiimageinner span:not(.skin-invert-image):not(.skin-invert):not(.bg-transparent) img {<br /> background-color: white;<br /> }<br /> }<br /> @media screen and (prefers-color-scheme: dark) {<br /> html.skin-theme-clientpref-os .multiimageinner span:not(.skin-invert-image):not(.skin-invert):not(.bg-transparent) img {<br /> background-color: white;<br /> }<br /> }</div>

Randombell