MediaWiki:Gadget-Timeless-Autumn.css

/* Show banner logo in place of plaintext site name */ html #p-logo-text { background-image: url("https://dodo.ac/np/images/e/ed/Nookipedia_Logo_Outlined_%28Autumn%29.png") !important; }

/* Use special ACNH-themed logo in place of standard logo on desktop */ html .mw-wiki-logo { background-image: url("https://dodo.ac/np/images/9/99/Nookipedia_Leaf_%26_Text_%28Autumn%29.png") !important; }

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

/* Top header line colors */ html .color-left, html .color-middle, html .color-right { background: #8e5710 !important; }

/* Sidebar header line colors */ html #mw-related-navigation .sidebar-chunk h3, html #mw-site-navigation .sidebar-chunk h3, html #personal .dropdown h3 { border-bottom: solid 2px #8e5710 !important; }

/* Page title line color and thickness */ html #firstHeading { border-bottom: solid 2px #a2a9b1 !important; }

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

/* Header background image and color */ html #mw-header-container { background: url("https://dodo.ac/np/images/4/4e/Nookipedia_-_Autumn_Sky_Background.png") center #f7b67c !important; }

/* Fancy header background for tablet mode */ @media screen and (min-width: 833px) and (max-width: 1082px) { html #mw-header-container { background: url("https://dodo.ac/np/images/4/4e/Nookipedia_-_Autumn_Sky_Background.png") #f7b67c !important; background-attachment: fixed !important; } }

/* Category background color */ html #content-bottom-stuff { background: #fef9e7 !important; }

/* Footer background image, color, and placement */ html #mw-footer-container { color: #001133 !important; background: #fef9e7 !important; background-image: url("https://dodo.ac/np/images/a/af/Fence_Backdrop.png") !important; background-size: 310px auto !important; }

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

/* Body background colors, borders and box-shadows */ html body                  {background: #fef9e7 !important;} html #mw-content, html #mw-content-container, html #content {background : #fef9e7 !important; border: none !important; box-shadow: none !important;} html #mw-header-nav-hack   {background: url("https://dodo.ac/np/images/4/4e/Nookipedia_-_Autumn_Sky_Background.png") #f7b67c !important; background-attachment: fixed !important; border-top: none !important;}

/* Background color for code text box */ html pre, html .mw-code { background-color: #f8f9fa !important; }

/* Fonts for page and section headings */ html .mw-body h1, html .mw-body h2 { text-shadow: 0 1px #cdfef2 !important; color: #8e5710 !important; }

/* =============== */ /* Sidebar styling */ /* =============== */

/* Common */ html #personal .dropdown { background: #fdf3ce !important; border: solid #8e5710 5px !important; }

/* Desktop sidebars */ @media screen and (min-width: 1100px) { html #mw-site-navigation .sidebar-chunk { background: #fdf3ce !important; border: solid #8e5710 5px !important; }

html #mw-related-navigation .sidebar-chunk { background: #fdf3ce !important; border: solid #8e5710 5px !important; }

html #site-tools .sidebar-chunk { background: #fdf3ce !important; border: solid #8e5710 5px !important; }

html #page-tools .sidebar-chunk { background: #fdf3ce !important; border: solid #8e5710 5px !important; } }

/* Tablet and mobile sidebars */ @media screen and (max-width: 1082px) { html #mw-related-navigation .sidebar-inner { background: #fdf3ce !important; border: solid #8e5710 5px !important; }

html #mw-site-navigation .sidebar-inner { background: #fdf3ce !important; border: solid #8e5710 5px !important; }	html #personal .sidebar-inner { background: #fdf3ce !important; border: solid #8e5710 5px !important; } }

/* Tablet mode sidebar header text */ html #site-navigation, html #mw-site-navigation h2, html #mw-related-navigation h2, html #page-tools, html #site-tools, html #personal, html #personal-inner { color: #8e5710 !important; }

/* Desktop 'Your Account' header text */ @media screen and (min-width: 833px) { html #personal h2 { color: #424f57 !important; } }