MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin, which is currently the active mobile skin.



/* Navigation */ background-color: var(--zw-background-body); padding-right: 0; }
 * 1) mw-header-container {

color: white; }
 * 1) p-logo-text a {

background-color: var(--zw-background-body); border-color: var(--zw-border); box-shadow: var(--zw-box-shadow-3); }
 * 1) mw-header-nav-hack {

.color-left { background: #b32424; } .color-middle { background: #00af89; } .color-right { background: #2a4b8d; }

.sidebar-inner, .dropdown { border-color: var(--zw-border); }	background-color: var(--zw-background-mediawiki); box-shadow: var(--zw-box-shadow-2); }	border-bottom-color: var(--zw-background-mediawiki); }
 * 1) personal .dropdown {
 * 1) personal .dropdown:before, #personal .dropdown:after {

/* An easter egg that appears only on desktop widths on pages significantly shorter than the sidebar. */	/* The default is a howling cat >_> */ background-image: url(//cdn.wikimg.net/en/zeldawiki/images/2/2c/ZWSW.png); background-position: center center; }
 * 1) mw-content-container {

@media screen and (max-width: 850px) { #mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner, #personal .dropdown { background-color: var(--zw-background-page); } } @media screen and (min-width: 851px) and (max-width: 1099px) { #mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner { background-color: var(--zw-background-mediawiki); box-shadow: var(--zw-box-shadow-2); }	#mw-site-navigation .sidebar-chunk h2 span:before, #mw-site-navigation .sidebar-chunk h2 span:after, #mw-related-navigation .sidebar-inner:before, #mw-related-navigation .sidebar-inner:after { border-bottom-color: var(--zw-background-mediawiki); } } @media screen and (max-width: 1099px) { .color-right, .color-middle, .color-left { background: #00af89; } } @media screen and (max-width: 1339px) { .color-right { background: #00af89; } }

background-color: transparent; border-color: var(--zw-border); }   border-bottom-color: var(--zw-border); }
 * 1) mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
 * 1) mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {

.sidebar-inner h3 { color: var(--zw-text); }

/* Content */ background-color: var(--zw-background-body); }
 * 1) mw-content-container {

background-color: var(--zw-background-page); border-color: var(--zw-border); }
 * 1) mw-content {

all: unset; text-align: center; }
 * 1) localNotice {

.mw-body { border: none; } .mw-headline, .mw-body h1, .mw-body h2 { font-family: var(--zw-font-family-sans); }

.tools-inline li.selected a { color: var(--zw-text); }

.mw-dismissable-notice { border: none; background: none; }

.collapsible-heading .mw-ui-icon { filter: var(--zw-text-filter); }

.thumbinner .thumbimage, .thumbborder { border: none; }

.mw-body li.gallerybox div.thumb { background-color: var(--zw-background-mediawiki); border-color: var(--zw-border); }

color: var(--zw-text); padding-left: var(--zw-space-2) }
 * 1) catlinks {

/* Footer */ background-color: var(--zw-background-page); } .mw-footer-container a { color: var(--zw-link); } .mw-footer-container a:hover, .mw-footer-container a:visited:hover { color: var(--zw-link-hover); } .mw-footer-container a:visited { color: var(--zw-link-visited); }
 * 1) content-bottom-stuff, #mw-data-after-content {