https://wiki.poke-nexus.com/index.php?action=history&feed=atom&title=Template%3AWiki_table%2Fstyles.css
Template:Wiki table/styles.css - Revision history
2026-10-20T20:45:11Z
Revision history for this page on the wiki
MediaWiki 1.46.2
https://wiki.poke-nexus.com/index.php?title=Template:Wiki_table/styles.css&diff=27&oldid=prev
WikiSync: Sync from repository
2026-10-20T20:01:29Z
<p>Sync from repository</p>
<p><b>New page</b></p><div>/* ==========================================================<br />
PokeNexus Wiki — Shared table styles<br />
<br />
Usage:<br />
- Add class="pn-table" to a normal MediaWiki table.<br />
- For wide tables, wrap it in .pn-table-wrap.<br />
<br />
Example markup will come in the next step.<br />
========================================================== */<br />
<br />
/* ==========================================================<br />
Responsive wrapper<br />
========================================================== */<br />
<br />
.pn-table-wrap {<br />
max-width: 100%;<br />
<br />
overflow-x: auto;<br />
<br />
margin-block: 1rem 1.5rem;<br />
}<br />
<br />
/* ==========================================================<br />
Base table<br />
========================================================== */<br />
<br />
.pn-table {<br />
width: 100%;<br />
<br />
margin-block: 1rem 1.5rem;<br />
<br />
border: 1px solid #cbbda8;<br />
border-collapse: separate;<br />
border-spacing: 0;<br />
border-radius: 0.45rem;<br />
<br />
background-color: var(--background-color-base, #f7f1e7);<br />
<br />
color: var(--color-base, #312b25);<br />
<br />
overflow: hidden;<br />
<br />
font-size: inherit;<br />
line-height: 1.4;<br />
}<br />
<br />
.pn-table-wrap .pn-table {<br />
margin-block: 0;<br />
<br />
min-width: 36rem;<br />
}<br />
<br />
/* ==========================================================<br />
Header<br />
========================================================== */<br />
<br />
.pn-table th {<br />
padding: 0.65rem 0.8rem;<br />
<br />
background-color: var(--background-color-neutral, #e0d6c4);<br />
<br />
color: var(--color-emphasized, #211d19);<br />
<br />
border-right: 1px solid #cbbda8;<br />
border-bottom: 1px solid #b29f86;<br />
<br />
font-weight: 700;<br />
text-align: left;<br />
}<br />
<br />
.pn-table th:last-child {<br />
border-right: 0;<br />
}<br />
<br />
/* ==========================================================<br />
Cells<br />
========================================================== */<br />
<br />
.pn-table td {<br />
padding: 0.6rem 0.8rem;<br />
<br />
border-right: 1px solid #ddd2c1;<br />
border-bottom: 1px solid #ddd2c1;<br />
<br />
vertical-align: top;<br />
}<br />
<br />
.pn-table td:last-child {<br />
border-right: 0;<br />
}<br />
<br />
.pn-table tr:last-child td {<br />
border-bottom: 0;<br />
}<br />
<br />
/* ==========================================================<br />
Alternating rows<br />
========================================================== */<br />
<br />
.pn-table tbody tr:nth-child(even) {<br />
background-color: var(--background-color-neutral-subtle, #eee6d8);<br />
}<br />
<br />
/* ==========================================================<br />
Row hover<br />
========================================================== */<br />
<br />
.pn-table tbody tr:hover {<br />
background-color: var(--background-color-interactive-subtle, #eee6d8);<br />
}<br />
<br />
/* ==========================================================<br />
Links<br />
========================================================== */<br />
<br />
.pn-table a:not(.new) {<br />
font-weight: 500;<br />
}<br />
<br />
/* ==========================================================<br />
Compact variant<br />
========================================================== */<br />
<br />
.pn-table--compact th,<br />
.pn-table--compact td {<br />
padding: 0.45rem 0.65rem;<br />
}<br />
<br />
/* ==========================================================<br />
Dark appearance<br />
========================================================== */<br />
<br />
html.skin-theme-clientpref-night .pn-table {<br />
border-color: #54595d;<br />
}<br />
<br />
html.skin-theme-clientpref-night .pn-table th {<br />
border-right-color: #54595d;<br />
border-bottom-color: #72777d;<br />
}<br />
<br />
html.skin-theme-clientpref-night .pn-table td {<br />
border-right-color: #54595d;<br />
border-bottom-color: #54595d;<br />
}<br />
<br />
@media screen and (prefers-color-scheme: dark) {<br />
html.skin-theme-clientpref-os .pn-table {<br />
border-color: #54595d;<br />
}<br />
<br />
html.skin-theme-clientpref-os .pn-table th {<br />
border-right-color: #54595d;<br />
border-bottom-color: #72777d;<br />
}<br />
<br />
html.skin-theme-clientpref-os .pn-table td {<br />
border-right-color: #54595d;<br />
border-bottom-color: #54595d;<br />
}<br />
}</div>
WikiSync