https://wiki.projectbasis.world/index.php?action=history&feed=atom&title=Template%3AMultiple_image%2Fstyles.css 2026-07-21T17:20:39Z Revision history for this page on the wiki MediaWiki 1.46.0 https://wiki.projectbasis.world/index.php?title=Template:Multiple_image/styles.css&diff=6421&oldid=prev 2026-07-20T05:05:21Z

<p>Created page with &quot;<span class="autocomment">--- Missing Thumbnail Border Fix ---: </span> .thumb { margin-bottom: 0.5em; border: 0; } .thumbinner { border: 1px solid #ccc; <span class="autocomment">This is the border/outline: </span> padding: 3px; background-color: #f9f9f9; overflow: hidden; } .tright { float: right; clear: right; margin: 0.5em 0 1.3em 1.4em; } .tleft { float: left; clear: left; margin: 0.5em 1.4em 1.3em 0; } .tnone { margin: 0.5em auto; } <span class="autocomment">--- Original Template Code ---: </span> .multiimageinner { display: flex; fle...&quot;</p> <p><b>New page</b></p><div>/* --- Missing Thumbnail Border Fix --- */<br /> .thumb {<br /> margin-bottom: 0.5em;<br /> border: 0;<br /> }<br /> .thumbinner {<br /> border: 1px solid #ccc; /* This is the border/outline */<br /> padding: 3px;<br /> background-color: #f9f9f9;<br /> overflow: hidden;<br /> }<br /> .tright {<br /> float: right;<br /> clear: right;<br /> margin: 0.5em 0 1.3em 1.4em;<br /> }<br /> .tleft {<br /> float: left;<br /> clear: left;<br /> margin: 0.5em 1.4em 1.3em 0;<br /> }<br /> .tnone {<br /> margin: 0.5em auto;<br /> }<br /> <br /> /* --- Original Template Code --- */<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 /> .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 /> 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 /> 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>

Juls