https://wiki.perfecttower2.com/w/index.php?action=history&feed=atom&title=Template%3AMain_Page%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:Main_Page/styles.css&diff=4342&oldid=prev 2026-10-07T02:54:51Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 02:54, 7 October 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l60">Line 60:</td> <td colspan="2" class="diff-lineno">Line 60:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> color: inherit;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> color: inherit;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-decoration: none;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-decoration: none;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.mp-btn a.external::after {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"> display: none;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <!-- diff cache key tpt2_wiki:diff:1.41:old-4190:rev-4342:php=table --> </table>

Speedybrain https://wiki.perfecttower2.com/w/index.php?title=Template:Main_Page/styles.css&diff=4190&oldid=prev 2026-10-06T11:43:21Z

<p>Styles for the new Main Page (hero, status line, sections). Source: wiki repo onwiki/Template/Main Page/styles.css</p> <p><b>New page</b></p><div>/* Template:Main Page/styles.css (TemplateStyles) for the Main Page.<br /> * Hero, status line and section spacing. Cards come from Template:Hub card. */<br /> <br /> .mp-hero {<br /> position: relative;<br /> display: flex;<br /> flex-direction: column;<br /> gap: 16px;<br /> padding: 40px 36px 36px;<br /> margin: 8px 0 20px;<br /> background-color: var(--tpt-surface);<br /> border: 1px solid var(--tpt-line);<br /> border-radius: 4px;<br /> overflow: hidden;<br /> }<br /> <br /> .mp-hero::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> top: 0;<br /> right: 0;<br /> left: 0;<br /> height: 3px;<br /> background: linear-gradient(90deg, var(--tpt-brand-ember), var(--tpt-brand-sun));<br /> }<br /> <br /> .mp-hero &gt; * {<br /> position: relative;<br /> }<br /> <br /> .mp-hero__title {<br /> max-width: 16ch;<br /> }<br /> <br /> .mp-hero__lead {<br /> max-width: 60ch;<br /> color: var(--tpt-ink-muted);<br /> }<br /> <br /> .mp-hero__actions {<br /> display: flex;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> gap: 12px;<br /> margin-top: 8px;<br /> }<br /> <br /> /* Buttons: wikitext links can&#039;t carry classes, so the kit&#039;s button sits on a wrapper and the link fills it. */<br /> .mp-btn {<br /> padding: 0;<br /> }<br /> <br /> .mp-btn a,<br /> .mp-btn a:visited,<br /> .mp-btn a:hover {<br /> display: flex;<br /> align-items: center;<br /> height: 100%;<br /> padding: 0 18px;<br /> color: inherit;<br /> text-decoration: none;<br /> }<br /> <br /> .mp-btn a.external::after {<br /> display: none;<br /> }<br /> <br /> .mp-hero__note {<br /> color: var(--tpt-ink-subtle);<br /> }<br /> <br /> .mp-status {<br /> margin-bottom: 8px;<br /> }<br /> <br /> .mp-section-intro {<br /> color: var(--tpt-ink-muted);<br /> margin: -4px 0 0;<br /> }<br /> <br /> .mp-credit {<br /> margin-top: 32px;<br /> padding-top: 16px;<br /> border-top: 1px solid var(--tpt-line);<br /> font-size: 13px;<br /> line-height: 20px;<br /> color: var(--tpt-ink-subtle);<br /> }<br /> <br /> @media screen and (max-width: 719px) {<br /> .mp-hero {<br /> padding: 28px 20px 24px;<br /> }<br /> <br /> .mp-hero__title {<br /> font-size: 40px;<br /> line-height: 1.05;<br /> }<br /> <br /> .mp-hero__lead {<br /> font-size: 17px;<br /> line-height: 27px;<br /> }<br /> }</div>

Speedybrain