.tocnumber {
    color: #333;
}

.toc,
#toc,
.catlinks,
.mw-gallery-traditional li.gallerybox div.thumb,
div.thumbinner {
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;
    box-shadow:  0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);
}

div.thumbinner {
    padding: 0;
}

div.thumbinner.mp-thumb {
    box-shadow: none;
}

html .thumbimage {
    border: none;
}

html .thumbcaption {
    line-height: 1.5;
    padding: 0.5em;
}

img.thumbborder {
    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;
}

.tmulti .tsingle {
    margin: 0 !important;
}

/* 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;
	}
}

.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 :( */