https://classic.pgnrp.com/index.php?action=history&feed=atom&title=Template%3AButton%2Fstyles.css 2026-04-08T20:47:29Z Revision history for this page on the wiki MediaWiki 1.43.1 https://classic.pgnrp.com/index.php?title=Template:Button/styles.css&diff=95&oldid=prev 2025-05-21T05:33:32Z

<p>Created page with &quot;<span class="autocomment">Important is needed because of weird externa link rules: </span> .tg-button &gt; a { border: 1px solid transparent; border-radius: var(--tg-border-radius-small); height: 36px; padding: 0 1rem !important; color: var(--tg-color-emphasized) !important; display: flex; align-items: center; justify-content: center; gap: 0.5rem; line-height: 1; font-size: var(--tg-font-size-small); font-weight: var(--tg-font-weight-medium); text-dec...&quot;</p> <p><b>New page</b></p><div>/* Important is needed because of weird externa link rules */<br /> .tg-button &gt; a {<br /> border: 1px solid transparent;<br /> border-radius: var(--tg-border-radius-small);<br /> height: 36px;<br /> padding: 0 1rem !important;<br /> color: var(--tg-color-emphasized) !important;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> gap: 0.5rem;<br /> line-height: 1;<br /> font-size: var(--tg-font-size-small);<br /> font-weight: var(--tg-font-weight-medium);<br /> text-decoration: none;<br /> }<br /> <br /> .tg-button &gt; a:hover {<br /> background-color: var(--background-color-button-quiet--hover) !important;<br /> }<br /> <br /> .tg-button &gt; a:active {<br /> background-color: var(--background-color-button-quiet--active) !important;<br /> }<br /> <br /> .tg-button.tg-button--framed &gt; a {<br /> border-color: var(--tg-border-color-interactive);<br /> }<br /> <br /> .tg-button.tg-button--icon &gt; a {<br /> padding-left: 0.5rem !important;<br /> padding-right: 0.5rem !important;<br /> font-size: 0;<br /> gap: 0;<br /> }<br /> <br /> .tg-button.tg-button--primary &gt; a {<br /> color: var(--tg-color-inverted-progressive) !important;<br /> background-color: var(--tg-color-progressive) !important;<br /> }<br /> <br /> .tg-button.tg-button--primary &gt; a:hover {<br /> background-color: var(--tg-color-progressive--hover) !important;<br /> }<br /> <br /> .tg-button.tg-button--primary &gt; a:active {<br /> background-color: var(--tg-color-progressive--active) !important;<br /> }<br /> <br /> .tg-button.tg-button--secondary &gt; a {<br /> border-color: var(--tg-color-progressive) !important;<br /> color: var(--tg-color-progressive) !important;<br /> }<br /> <br /> .tg-button.tg-button--secondary &gt; a:hover {<br /> border-color: var(--tg-color-progressive--hover) !important;<br /> background-color: var(--tg-color-progressive--hover) !important;<br /> color: var(--tg-color-inverted-progressive) !important;<br /> }<br /> <br /> .tg-button.tg-button--secondary &gt; a:active {<br /> border-color: var(--tg-color-progressive--active) !important;<br /> background-color: var(--tg-color-progressive--active) !important;<br /> color: var(--tg-color-inverted-progressive) !important;<br /> }</div>

Maegnus