MediaWiki:Gadget-StickyTableHeaders.css

This page is loaded as a part of the StickyTableHeaders gadget, used by 5,231 users.

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. *//* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */.jquery-tablesorter > thead,.mw-sticky-header > thead {    position: -webkit-sticky;    position: sticky;    top: 0;}/* This does not seem to work, possibly due to the absolute/relative hacking mess of timeless */@media screen and (max-width: 1099px) and (min-width: 851px) {.skin-timeless .jquery-tablesorter > thead,.skin-timeless .mw-sticky-header > thead {top: 3.125em;}}@media screen and (min-width: 1100px) {.skin-timeless .jquery-tablesorter > thead,.skin-timeless .mw-sticky-header > thead {top: 6em;}}@media screen and (min-width: 1000px) {.skin-vector-2022.vector-sticky-header-visible .jquery-tablesorter > thead,.skin-vector-2022.vector-sticky-header-visible .mw-sticky-header > thead {top: 3.125rem;}}.jquery-tablesorter > tfoot,.mw-sticky-header > tfoot {    position: -webkit-sticky;    position: sticky;    bottom: 0;}/* On mobile, where we have tables in overflowable boxes to avoid viewport overflows, * by using display:block, sticky never works though :( */