https://zoophilia.wiki/index.php?action=history&feed=atom&title=Template%3ASort_under%2Fstyles.css 2026-05-10T12:52:12Z Revision history for this page on the wiki MediaWiki 1.45.3 https://zoophilia.wiki/index.php?title=Template:Sort_under/styles.css&diff=134147&oldid=prev 2026-01-01T23:13:01Z

<p>Import TemplateStyles from English Wikipedia</p> <p><b>New page</b></p><div>/** Reposition sort arrows under column header text in the same cell.<br /> *<br /> * Table classes:<br /> * - sort-under (consensus right)<br /> * - sort-under-center<br /> *<br /> * Tested:<br /> * - Windows 10: (all skins) Chrome, Firefox, Edge.<br /> * - Android Galaxy S21 (MinervaNeue): Chrome, Firefox.<br /> * - Wikipedia Android app.<br /> * - Print: Not styled.<br /> * - No JavaScript.<br /> *<br /> * Note: Can&#039;t align {{Static row numbers}} column label after sorting<br /> * when exactly one header row is followed by any &quot;sorttop&quot; rows.<br /> * See Phab:T355492 - &quot;Move sorttop rows from thead to second tbody.&quot;<br /> * Lint error: thead tr:first-child:has(+ tr.sorttop)::before {}<br /> */<br /> @media screen {<br /> /* Reclaim old space. */<br /> .sort-under.sortable.wikitable th.headerSort,<br /> .sort-under-center.sortable.wikitable th.headerSort {<br /> padding-right: 0.4em;<br /> }<br /> <br /> .sort-under.sortable:not(.wikitable) th.headerSort,<br /> .sort-under-center.sortable:not(.wikitable) th.headerSort {<br /> padding-right: 1px;<br /> }<br /> <br /> body.skin-minerva .sort-under.sortable.wikitable th.headerSort,<br /> body.skin-minerva .sort-under-center.sortable.wikitable th.headerSort {<br /> padding-right: 0.2em;<br /> }<br /> <br /> body.skin-timeless .sort-under.sortable.wikitable th.headerSort,<br /> body.skin-timeless .sort-under-center.sortable.wikitable th.headerSort {<br /> padding-right: 0.5em;<br /> }<br /> <br /> /* Reposition arrows. */<br /> html.client-js .sort-under.sortable th.headerSort {<br /> background-position: right bottom 0.2em;<br /> }<br /> <br /> html.client-js .sort-under-center.sortable th.headerSort {<br /> background-position: center bottom 0.2em;<br /> }<br /> <br /> /* Add new space. */<br /> .sort-under.sortable th.headerSort,<br /> .sort-under.sortable th.unsortable,<br /> .sort-under-center.sortable th.headerSort,<br /> .sort-under-center.sortable th.unsortable {<br /> padding-bottom: 1em;<br /> }<br /> <br /> body.skin-timeless .sort-under.sortable.wikitable th.headerSort,<br /> body.skin-timeless .sort-under.sortable.wikitable th.unsortable,<br /> body.skin-timeless .sort-under-center.sortable.wikitable th.headerSort,<br /> body.skin-timeless .sort-under-center.sortable.wikitable th.unsortable {<br /> padding-bottom: 1.2em;<br /> }<br /> <br /> body.skin-timeless .sort-under.sortable:not(.wikitable) th.headerSort,<br /> body.skin-timeless .sort-under.sortable:not(.wikitable) th.unsortable,<br /> body.skin-timeless .sort-under-center.sortable:not(.wikitable) th.headerSort,<br /> body.skin-timeless .sort-under-center.sortable:not(.wikitable) th.unsortable,<br /> body.skin-minerva .sort-under.sortable:not(.wikitable) th.headerSort,<br /> body.skin-minerva .sort-under.sortable:not(.wikitable) th.unsortable,<br /> body.skin-minerva .sort-under-center.sortable:not(.wikitable) th.headerSort,<br /> body.skin-minerva .sort-under-center.sortable:not(.wikitable) th.unsortable {<br /> padding-bottom: 0.8em;<br /> }<br /> <br /> /* Align {{static row numbers}} column header text. */<br /> .static-row-numbers.sort-under.sortable thead tr:only-child::before,<br /> .static-row-numbers.sort-under-center.sortable thead tr:only-child::before {<br /> padding-bottom: 0.9em;<br /> }<br /> <br /> body.skin-timeless .static-row-numbers.sort-under.sortable thead tr:only-child::before,<br /> body.skin-timeless .static-row-numbers.sort-under-center.sortable thead tr:only-child::before,<br /> body.skin-minerva .static-row-numbers.sort-under.sortable thead tr:only-child::before,<br /> body.skin-minerva .static-row-numbers.sort-under-center.sortable thead tr:only-child::before {<br /> padding-bottom: 0.8em;<br /> }<br /> <br /> /* Adjust {{vertical header}} space. */<br /> .sort-under.sortable th.ts-vertical-header.headerSort,<br /> .sort-under-center.sortable th.ts-vertical-header.headerSort {<br /> padding-right: 0.4em;<br /> padding-top: 0.4em;<br /> }<br /> }<br /> <br /> /* Increase touch screen button spacing for fat-finger error on header link. */<br /> @media screen and (pointer: coarse) {<br /> /* Arrows. */<br /> html.client-js .sort-under.sortable.wikitable th.headerSort {<br /> background-position: right bottom 0.5em;<br /> }<br /> <br /> html.client-js .sort-under-center.sortable.wikitable th.headerSort {<br /> background-position: center bottom 0.5em;<br /> }<br /> <br /> /* Space. */<br /> .sort-under.sortable.wikitable th.headerSort,<br /> .sort-under.sortable.wikitable th.unsortable,<br /> .sort-under-center.sortable.wikitable th.headerSort,<br /> .sort-under-center.sortable.wikitable th.unsortable {<br /> padding-bottom: 1.6em;<br /> }<br /> <br /> body.skin-timeless .sort-under.sortable.wikitable th.headerSort,<br /> body.skin-timeless .sort-under.sortable.wikitable th.unsortable,<br /> body.skin-timeless .sort-under-center.sortable.wikitable th.headerSort,<br /> body.skin-timeless .sort-under-center.sortable.wikitable th.unsortable {<br /> padding-bottom: 1.8em;<br /> }<br /> <br /> /* {{Static row numbers}}. */<br /> .static-row-numbers.sort-under.sortable.wikitable thead tr:only-child::before,<br /> .static-row-numbers.sort-under-center.sortable.wikitable thead tr:only-child::before {<br /> padding-bottom: 1.5em;<br /> }<br /> <br /> body.skin-timeless .static-row-numbers.sort-under.sortable.wikitable thead tr:only-child::before,<br /> body.skin-timeless .static-row-numbers.sort-under-center.sortable.wikitable thead tr:only-child::before,<br /> body.skin-minerva .static-row-numbers.sort-under.sortable.wikitable thead tr:only-child::before,<br /> body.skin-minerva .static-row-numbers.sort-under-center.sortable.wikitable thead tr:only-child::before {<br /> padding-bottom: 1.4em;<br /> }<br /> }</div>

SockyPaws