User:Dorsal Axe/timeless.css

/* CSS placed here will affect users of the Timeless-Dark skin which has three responsive layouts: desktop, tablet and mobile. */

/* NOTE: This skin is the only one used for Mobile View, so any changes here will affect ALL mobile users.

Mobile-specific CSS unrelated to the Timeless skin itself should be placed MediaWiki:Mobile.css instead of here.

Please test any changes to ensure the site appears correctly in all three layouts before committing them.

/* ========= */ /* Site Logo */ /* ========= */

/* Style and hide plaintext site name */ font-family: 'Coustard', sans-serif; font-weight: bold; color: transparent; }
 * 1) p-banner.mw-wiki-title {

/* Show banner logo in place of plaintext site name */ background-image: url("https://dodo.ac/np/images/1/1e/Nookipedia_Logo_Outlined.png"); background-size: 141px auto; background-repeat: no-repeat; background-position: center center; }
 * 1) p-logo-text {

/* Reposition banner logo on mobile */ @media (max-width: 832px) { #p-logo-text { position: absolute; top: 15px; left: 50px; } }

/* Use special ACNH-themed logo in place of standard logo on desktop */ .mw-wiki-logo { background-image: url("https://dodo.ac/np/images/2/21/Nookipedia_Leaf_%26_Text_(NH).png"); background-size: 160px auto; }

/* =========== */ /* Line colors */ /* =========== */

/* Top header line colors */ .color-left, .color-middle, .color-right { background: #ccf3ff; }

/* Sidebar header line colors */ .sidebar-inner h3 { border-bottom: solid 2px #ccf3ff !important; }

/* Page title line color and thickness */ border-bottom: solid 2px #515961; }
 * 1) firstHeading {

/* Set section header line color and thickness */ .mw-parser-output h2 { border-bottom: solid 2px #515961; }

/* ========================= */ /* Header and footer styling */ /* ========================= */

/* Disable Alert/Notice icons on mobile as they don't work properly */ @media (max-width: 832px) { #personal-extra { display: none; } }

/* Move site tools button further right on mobile */ @media (max-width: 832px) { #site-tools { position: absolute; top: 0; right: -20px; } }

/* Header background image and color */ background: url("https://dodo.ac/np/images/f/fa/NHStargazing.jpg") center top no-repeat #120F3D; }
 * 1) mw-header-container {

/* Fancy header background for tablet mode */ @media screen and (min-width: 833px) and (max-width: 1082px) { #mw-header-container { background: url("https://dodo.ac/np/images/f/fa/NHStargazing.jpg") #120F3D center top; background-attachment: fixed; } }

/* Category background color */ background : #000033; }
 * 1) content-bottom-stuff {

/* Footer background image, color, and placement */ color: #001133; background: #000033; background-image: url("https://dodo.ac/np/images/a/af/Fence_Backdrop.png"); background-size: 310px auto; border: none; box-shadow:none; margin-top: 2em } /* Footer (adaptation for mobile) */ @media (max-width: 832px) { #mw-footer-container { background-position: center bottom; background-repeat: repeat-x; }	/* Hide "Creative Commons" and "Powered by MediaWiki" icons */ #f-copyrightico, #f-poweredbyico { display: none; } }
 * 1) mw-footer-container {

/* Change footer text color from default white */ color: inherit; }
 * 1) mw-footer-container a {

/* Remove border and box-shadow from Category section */ border: none; box-shadow: none; }
 * 1) catlinks {

/* =============== */ /* Content styling */ /* =============== */

/* Border collapse to separate (Timeless sets this to collapse by default) */ table { border-collapse: separate; }

/* Body background colors, borders and box-shadows */ body                  {background  : #000033; color: white;}
 * 1) mw-content, #mw-content-container, #content {background : #000033; border: none; box-shadow: none;}
 * 2) mw-header-nav-hack   {background  : url("https://dodo.ac/np/images/f/fa/NHStargazing.jpg") center top #7AD3FF; background-attachment: fixed; border-top: none;}
 * 3) mw-site-navigation   {background: none; border: none; box-shadow: none;}
 * 4) siteSub              {display     :  none;}

/* Background color for code text box */ pre, .mw-code { background-color: #192b4d; border: #1f3560; }

/* Remove background, border and shadows for SiteNotice container */ .mw-dismissable-notice { background: none; border-style: none; box-shadow: none; }

/* Fonts for page and section headings */ .mw-body h1, .mw-body h2 { font-family: Coustard, Linux Libertine, Georgia, Times, serif; text-shadow: 0 1px #02304b; color: #ccf3ff; }

/* Make infoboxes take up 100% at small widths */ @media (max-width: 600px) { .infobox { width: 100% !important; } }

/* Hide TOC for now as it's currently empty */ display: none; }
 * 1) toc {

/* Reduce padding around content at small widths */ @media (max-width: 1100px) { #mw-content { padding: .5em 1em 1.5em; } }

/* =============== */ /* Sidebar styling */ /* =============== */ @media screen and (min-width: 1083px) { #mw-site-navigation .sidebar-chunk { background: #18294e; border: solid #27417A 5px; border-radius: 14px; }

#mw-related-navigation .sidebar-chunk { background: #18294e; border: solid #27417A 5px; border-radius: 14px; }

#site-tools .sidebar-chunk { background: #18294e; border: solid #27417A 5px; border-radius: 14px; }

#page-tools .sidebar-chunk { background: #18294e; border: solid #27417A 5px; border-radius: 14px; } }

/* Sidebar header text */ font-family: Coustard, Linux Libertine, Georgia, Times, serif; font-weight: 200; color: #ccf3ff; }
 * 1) site-navigation, #mw-related-navigation, #site-tools {

/* ================*/ /* DARK MODE TEST */ /* ================*/ /* @media(prefers-color-scheme: dark) { */

/* Dark Mode search box */ #searchInput { color: black; }	#simpleSearch { border: inset 1px #FFF; border-radius: 3px; background: #FFF; opacity: 0.5; }	/* Image thumbnails */ .mw-body li.gallerybox div.thumb { background: #171452; border: solid #110f3e; } /* } */