From Wikipedia, the free encyclopedia
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 :( */
From Wikipedia, the free encyclopedia
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 :( */

Videos

Youtube | Vimeo | Bing

Websites

Google | Yahoo | Bing

Encyclopedia

Google | Yahoo | Bing

Facebook