https://classic.pgnrp.com/index.php?action=history&feed=atom&title=Navpills%2Fstyles.css 2026-04-08T19:21:11Z Revision history for this page on the wiki MediaWiki 1.43.1 https://classic.pgnrp.com/index.php?title=Navpills/styles.css&diff=28&oldid=prev 2025-05-21T03:12:39Z

<p>1 revision imported</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="en"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 03:12, 21 May 2025</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

Maegnus https://classic.pgnrp.com/index.php?title=Navpills/styles.css&diff=27&oldid=prev 2024-07-14T22:24:53Z

<p></p> <p><b>New page</b></p><div>.template-navpills {<br /> display: grid;<br /> gap: 0.5rem;<br /> grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));<br /> grid-auto-rows: 3rem;<br /> font-size: 0.875rem;<br /> }<br /> <br /> .template-navpill {<br /> position: relative;<br /> border: var(--tg-border-base);<br /> border-radius: var( --tg-border-radius-medium);<br /> font-weight: var(--tg-font-weight-medium);<br /> line-height: var(--tg-line-height-xx-small);<br /> overflow: hidden;<br /> }<br /> <br /> .template-navpill-background {<br /> position: absolute;<br /> inset: 0;<br /> pointer-events: none;<br /> }<br /> <br /> .template-navpill-background:after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> inset: 0;<br /> background: linear-gradient(to right, #000, transparent);<br /> transition: transform 250ms ease;<br /> }<br /> <br /> .template-navpill-background img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: cover;<br /> transition: 100ms ease;<br /> transition-property: transform;<br /> }<br /> <br /> .template-navpill:hover .template-navpill-background::after {<br /> transform: translateX(-100%);<br /> }<br /> <br /> .template-navpill:hover .template-navpill-background img {<br /> transform: scale(1.1);<br /> }<br /> <br /> .template-navpill &gt; a {<br /> position: relative;<br /> padding: 0 1rem;<br /> display: flex;<br /> align-items: center;<br /> color: var(--tg-color-emphasized);<br /> text-decoration: none;<br /> height: 100%;<br /> }<br /> <br /> .template-navpill &gt; .template-navpill-background + a {<br /> color: #fff;<br /> text-shadow: -1px 0 .2em #000, 0 1px .2em #000, 1px 0 .2em #000, 0 -1px .2em #000;<br /> }<br /> <br /> .template-navpill:hover {<br /> background: rgba(255, 255, 255, 0.3);<br /> }<br /> <br /> .template-navpill:active {<br /> background: rgba(255, 255, 255, 0.1);<br /> }</div>

lotr>Alistair3149