MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */ /* Background */ body { background: var(--background-color, #f3f3f3); color: var(--text, #000000); }

background: var(--background, url(https://cdn.famiwiki.net/5/51/Wiki-background.png)); background-attachment: fixed; background-position: center center; background-size: cover; }
 * 1) mw-content-container {

/* Top nav */ background: var(--page-content-background, #ffffff); color: var(--text, #000); }
 * 1) mw-header-container {

color: transparent !important; }	background-image: var(--wordmark, url('https://cdn.famiwiki.net/2/21/FamiWiki_Wordmark.png')); background-size: 141px auto; background-repeat: no-repeat; background-position: center center; }
 * 1) p-logo-text a {
 * 1) p-logo-text {

.color-left, .color-middle, .color-right { background: var(--primary-color, #711520); }

font-family: sans-serif; }
 * 1) personal h2 {

background: var(--page-content-background, #ffffff); }
 * 1) personal .dropdown, #simpleSearch, #mw-header-nav-hack {

/* Sidebar */ border-radius: 2em; background: transparent; }
 * 1) mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {

background: var(--page-content-background, #ffffff); border-radius: 2em; }
 * 1) mw-site-navigation .sidebar-inner {

font-weight: bold; font-size: 20px; color: var(--primary-color, #711520); border-bottom: solid 2px var(--primary-color, #711520); }
 * 1) mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {

list-style: inside; }
 * 1) mw-site-navigation .sidebar-chunk ul, #mw-site-navigation .sidebar-chunk li, #mw-related-navigation .sidebar-chunk ul, #mw-related-navigation .sidebar-chunk li {

/* Page content */ .mw-body h1.firstHeading { border-bottom: solid 4px var(--primary-color, #711520); }

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-weight: bold; font-family: sans-serif; color: var(--primary-color, #711520); }

border-bottom: none !important; background: var(--page-content-background, #ffffff); }
 * 1) mw-content {

border-bottom: solid 4px var(--primary-color, #711520); }
 * 1) mw-content-container {

/* Footer */ .mw-footer-container { background-color: var(--footer-color, #f3f3f3); color: var(--footer-text, #000); }

.mw-footer-container a { color: var(--footer-link, #414d5e); }

.mw-footer-container a:hover { color: var(--footer-link-hover, #535f6f); }

.mw-footer-container a:visited { color: var(--footer-link-visited, #5c7fac); }

.mw-footer-container a:visited:hover { color: var(--footer-link-visited-hover, #7791b5); }

/* Move category to the bottom */ display: none; }
 * 1) catlinks-sidebar {

display: inherit !important; border-top: 3px solid #cccccc; padding-bottom: 2em; margin: 0 2em; padding: 1em 0 1em; }	border-top: 0; }
 * 1) catlinks {
 * 1) catlinks.catlinks-allhidden {

background-color: var(--page-content-background, #ffffff); }
 * 1) content-bottom-stuff {

@media screen and (min-width: 1100px) { #content-bottom-stuff { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } }

/* Mobile/tablet adjustments */ @media screen and (max-width: 1099px) { .catlinks li { border-left: 1px solid #a2a9b1 !important; }	.catlinks li:first-child { padding-left: 0.25em !important; border-left: 0 !important; } }

@media screen and (min-width: 1100px) { #content-bottom-stuff { border: solid #eaecf0; border-top: none; border-width: 1px 1px 0.2em; }	#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background: var(--page-content-background, #ffffff); } }

@media screen and (max-width: 850px) { #menus-cover { background: var(--page-content-background, #eaecf0); } }