MediaWiki:Timeless.css

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



/* Copied from https://github.com/wikimedia/mediawiki-skins-Timeless/blob/81bcee7d53f76d40436db9e516bcf59d24571c73/resources/screen-mobile.less#L299 */ /* Redefining it here to remove confusion about where the class comes from. */ @media screen and (max-width: 850px) { .nomobile { display: none; } }

/* Icons */ @media screen and (max-width: 850px) { #site-navigation h2 { background-image: url("//cdn.wikimg.net/en/zeldawiki/images/b/b1/Wiki_Icon_Timeless_Menu_Large_Dark.svg"); }	#site-tools h2 { background-image: url("//cdn.wikimg.net/en/zeldawiki/images/b/b6/Wiki_Icon_Timeless_Gear_Large_Dark.svg"); }	#user-tools h2 { background-image: url("//cdn.wikimg.net/en/zeldawiki/images/e/e3/Wiki_Icon_Timeless_User_Large_Dark.svg") } } @media screen and (min-width: 851px) { #personal h2 { background-image: url("//cdn.wikimg.net/en/zeldawiki/images/4/48/Wiki_Icon_Timeless_User_Dark.svg"); } } .tools-inline li[id^='ca-nstab-'] a { background-image: url("//cdn.wikimg.net/en/zeldawiki/images/4/44/Wiki_Icon_Timeless_Page_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/4/48/Wiki_Icon_Timeless_Talk_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/a/a9/Wiki_Icon_Timeless_Star_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/5/5e/Wiki_Icon_Timeless_Star_Filled_Dark.svg"); } .tools-inline li a { background-image: url("//cdn.wikimg.net/en/zeldawiki/images/0/0a/Wiki_Icon_Timeless_Page_Misc_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/e/eb/Wiki_Icon_Timeless_Pencil_Dark.svg"); } .client-js #ca-edit a { background-image: url("//cdn.wikimg.net/en/zeldawiki/images/7/7c/Wiki_Icon_Timeless_Pencil_Source_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/7/72/Wiki_Icon_Timeless_Brackets_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/b/bb/Wiki_Icon_Timeless_Clock_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/8/88/Wiki_Icon_Timeless_Gear_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/3/34/Wiki_Icon_Timeless_Languages_Dark.svg"); } .dropdown-toggle:after, .sidebar-chunk h2:after, background-image: url("//cdn.wikimg.net/en/zeldawiki/images/2/29/Wiki_Icon_Timeless_Arrow_Down_Dark.svg"); }	background-image: url("//cdn.wikimg.net/en/zeldawiki/images/d/d3/Wiki_Icon_Timeless_Puzzle_Dark.svg"); }
 * 1) ca-talk a {
 * 1) ca-watch a {
 * 1) ca-unwatch a {
 * 1) ca-edit a, .client-js #ca-ve-edit a, .mw-editsection {
 * 1) ca-viewsource a {
 * 1) ca-history a {
 * 1) ca-more span {
 * 1) ca-languages span {
 * 1) user-tools h2:after,
 * 1) mw-site-navigation h2:after,
 * 2) mw-related-navigation h2:after {
 * 1) t-contributions a {

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

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

background-color: var(--mw-bg-body); border-color: var(--mw-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(--mw-border); }	background-color: var(--mw-bg-surface); border-color: var(--mw-border); box-shadow: var(--zw-box-shadow-2); }	border-bottom-color: var(--mw-bg-surface); }
 * 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(--mw-bg-page); } } @media screen and (min-width: 851px) and (max-width: 1099px) { #mw-site-navigation .sidebar-inner, #mw-related-navigation .sidebar-inner { background-color: var(--mw-bg-surface); border-color: var(--mw-border); 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(--mw-bg-surface); } } @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(--mw-border); }
 * 1) mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {

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

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

background-color: var(--mw-bg-page); border-color: var(--mw-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(--mw-text); }

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

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

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

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

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

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

/* File pages */ ul#filetoc { margin-left: 0; }   display: inline; list-style-type: none; padding-right: 2em; } .mw_metadata { background-color: transparent; border: 1px solid var(--mw-border); border-radius: var(--zw-border-radius-2); color: var(--mw-text); padding: 0.25rem; } .mw_metadata tr th, .mw_metadata tr td { border-color: var(--mw-border); border-radius: var(--zw-border-radius-2); }
 * 1) filetoc li {