https://wiki.perfecttower2.com/w/index.php?action=history&feed=atom&title=Template%3AInfobox%2Fstyles.css 2026-10-07T14:15:48Z Revision history for this page on the wiki MediaWiki 1.43.11 https://wiki.perfecttower2.com/w/index.php?title=Template:Infobox/styles.css&diff=4194&oldid=prev 2026-10-06T11:50:45Z

<p>Styles for Module:Infobox (TPT2 brand kit infobox beside the article)</p> <p><b>New page</b></p><div>/* Template:Infobox/styles.css (TemplateStyles) for Module:Infobox.<br /> * The look is the kit&#039;s .tpt-infobox; this sheet only places it beside the article.<br /> * Brand tokens: one var(--tpt-*) per colour or calc(), without var() fallbacks (TemplateStyles rule). */<br /> <br /> .wiki-infobox {<br /> float: right;<br /> clear: right;<br /> width: calc(var(--tpt-size-wiki-aside) - 20px);<br /> margin: 0 0 24px 24px;<br /> border-top-width: 3px;<br /> border-top-style: solid;<br /> border-top-color: var(--tpt-accent-fill);<br /> }<br /> <br /> /* Building infoboxes: the top edge in the building&#039;s color. */<br /> .wiki-infobox[class*=&quot;tpt-fac-&quot;] {<br /> border-top-color: var(--tpt-fac);<br /> }<br /> <br /> .wiki-infobox .tpt-infobox__title {<br /> font-size: 26px;<br /> }<br /> <br /> .wiki-infobox .tpt-infobox__head .tpt-label {<br /> display: block;<br /> margin-top: 4px;<br /> }<br /> <br /> .wiki-infobox .tpt-infobox__media {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> aspect-ratio: 16 / 10;<br /> overflow: hidden;<br /> }<br /> <br /> .wiki-infobox .tpt-infobox__media img {<br /> display: block;<br /> max-width: 100%;<br /> max-height: 100%;<br /> width: auto;<br /> height: auto;<br /> object-fit: contain;<br /> }<br /> <br /> .wiki-infobox .tpt-infobox__rows dd &gt; p {<br /> margin: 0;<br /> }<br /> <br /> .wiki-infobox .tpt-infobox__section {<br /> padding: 10px 16px 6px;<br /> background-color: var(--tpt-surface-alt);<br /> border-top: 1px solid var(--tpt-line);<br /> border-bottom: 1px solid var(--tpt-line);<br /> color: var(--tpt-ink-muted);<br /> }<br /> <br /> @media screen and (max-width: 719px) {<br /> .wiki-infobox {<br /> float: none;<br /> width: auto;<br /> margin: 0 0 20px;<br /> }<br /> }</div>

Speedybrain