https://wiki.poke-nexus.com/index.php?action=history&feed=atom&title=Template%3ATable_filters%2Fstyles.css 2026-10-20T20:45:14Z Revision history for this page on the wiki MediaWiki 1.46.2 https://wiki.poke-nexus.com/index.php?title=Template:Table_filters/styles.css&diff=37&oldid=prev 2026-10-20T20:01:31Z

<p>Sync from repository</p> <p><b>New page</b></p><div>/* Shared table filters */<br /> <br /> .pn-table-filters-row {<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> gap: 1rem;<br /> margin-block: 0.45rem 0.35rem;<br /> }<br /> <br /> .pn-table-filters {<br /> display: flex;<br /> align-items: center;<br /> gap: 0.15rem;<br /> min-width: 0;<br /> padding-inline: 0.35rem;<br /> overflow-x: auto;<br /> white-space: nowrap;<br /> }<br /> <br /> .pn-table-filter {<br /> flex: 0 0 auto;<br /> }<br /> <br /> .pn-table-filter a,<br /> .pn-table-filter--active {<br /> display: inline-block;<br /> padding: 0.5rem 0.65rem;<br /> border-radius: 0.35rem;<br /> font-size: 0.875rem;<br /> font-weight: 500;<br /> line-height: 1.2;<br /> text-decoration: none;<br /> }<br /> <br /> .pn-table-filter a {<br /> color: var(--color-progressive, #0b7f88);<br /> }<br /> <br /> .pn-table-filter a:hover {<br /> background-color: var(--background-color-interactive-subtle, #eee6d8);<br /> color: var(--color-progressive--hover, #086a72);<br /> text-decoration: none;<br /> }<br /> <br /> .pn-table-filter--active {<br /> background-color: var(--background-color-neutral, #e0d6c4);<br /> color: var(--color-emphasized, #211d19);<br /> font-weight: 700;<br /> }<br /> <br /> /* Optional controls such as search */<br /> <br /> .pn-table-filters__controls {<br /> flex: 0 0 auto;<br /> margin-inline-start: auto;<br /> }<br /> <br /> @media (max-width: 900px) {<br /> .pn-table-filters-row {<br /> align-items: stretch;<br /> flex-direction: column;<br /> gap: 0.35rem;<br /> }<br /> <br /> .pn-table-filters {<br /> padding-inline: 0;<br /> }<br /> <br /> .pn-table-filters__controls {<br /> width: 100%;<br /> align-self: stretch;<br /> margin-inline-start: 0;<br /> }<br /> }<br /> <br /> @media (max-width: 719px) {<br /> .pn-table-filter a,<br /> .pn-table-filter--active {<br /> padding-inline: 0.55rem;<br /> }<br /> <br /> .pn-table-filters__controls {<br /> align-self: stretch;<br /> }<br /> }</div>

WikiSync