Jump to content

User:Izno/timeless.css

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.
/* adjust the accent colors */
:root {
	--grey-accent: #72777d;
}

.color-middle,
.color-left,
.color-right {
	background: var(--grey-accent);
}

.mw-first-heading,
.tools-inline li.selected,
.mw-body h1.firstHeading {
	border-bottom-color: var(--grey-accent);
}

/* hide a couple items in the user dropdown */
li#pt-betafeatures,
li#pt-sandbox {
	display: none;
}

/* full width content box */
.ts-inner {
	max-width: none;
}

/* DOC: pretty sure this is for floating table headers */
@media screen and (min-width: 851px) {
	.skin-timeless .jquery-tablesorter > thead,
	.skin-timeless .mw-sticky-header > thead {
		top: 0;
	}
}

@media screen and (max-width: 361px) { /* device-specific */
	/* allow IP links to wrap in watchlist */
	.mw-special-Watchlist .mw-anonuserlink {
		overflow-wrap: anywhere;
	}
	
	/* search box goes to 100%; FIXME shouldn't be necessary */
	form.searchbox {
		width: 100%;
	}
}