User:ScottyWZ/timeless.css

/* Colors */ @media screen { :root { --x-footer-border: #aa0038; } outline-color: var(--x-link); } .suggestions .suggestions-result-current { background-color: var(--x-accent); } .mw-body h1.firstHeading { border-bottom-color: #013; } color: #013; border-bottom-color: #013; } border-bottom-color: var(--x-link); } border-bottom-color: var(--x-footer-border); } border-bottom-color: var(--x-newlink); } }
 * 1) searchInput {
 * 1) mw-page-header-links li.selected {
 * 1) mw-page-header-links li:hover {
 * 1) mw-content-container {
 * 1) mw-page-header-links li.new:hover {

@media screen { /* Reduce padding in search bar */ padding: 0 0.625em; } top: -0.1em; right: -0.125em; } /* Fix vertical alignment of Wikipedia logo */ margin-top: -0.0625em; } /* Hide username outside of user dropdown */ display: none; } /* Add margin below TOC title */ .toctogglecheckbox:not(:checked) ~ .toctitle { margin-bottom: 1em; } /* Keep TOC width consistent when hidden */ .toctogglecheckbox:checked ~ ul { display: block; visibility: collapse; height: 0; margin: 0; } /* Remove underline from header links */ text-decoration: none; } }
 * 1) searchInput {
 * 1) searchButton, #mw-searchButton {
 * 1) p-logo-text {
 * 1) personal h2 span {
 * 1) p-logo-text a:hover, #mw-page-header-links a:hover {

@media screen and (max-width: 550px) { /* Put Wikipedia logo on first line of header on narrower mobile screens */ position: absolute; top: 1.125em; left: 3.5em; } }
 * 1) p-logo-text {

@media screen and (max-width: 850px) { /* Reduce horizontal spacing between alerts/notices icons and tools/user icons * on mobile */ right: 7em; } }
 * 1) personal-extra {

@media screen and (min-width: 851px) and (max-width: 1099px) { /* Remove border between first and second lines of header */ border-top-color: transparent; } /* Fix vertical alignment of second line of header */ margin-top: -0.375em; } }
 * 1) mw-header-nav-hack {
 * 1) mw-site-navigation, #mw-related-navigation {

/* Allow user menu icon to be styled with a CSS filter * Note: PNGs are used beecause SVG background images do not get filtered. */ @media screen { background: none; } content: " "; display: inline-block; position: absolute; top: 7px; right: 27px; width: 20px; height: 20px; background-image: url("/w/skins/Timeless/resources/images/user-grey.png"); background-repeat: no-repeat; filter: var(--js-accent-filter); } } @media screen and (max-width: 850px) { body #personal h2:before { top: 0; right: 0px; width: 30px; height: 30px; background-image: url("/w/skins/Timeless/resources/images/user-large-grey.png"); } }
 * 1) personal h2 {
 * 1) personal h2:before {