MediaWiki:Gadget-Theme-Autumn.css

/*================================================== THEMED ELEMENTS

=
=====================================*/ body .theme-background { background-color: #E7D5A6; } body .theme-border { border: 3px solid #8E5710; } body .theme-text { color: #8E5710; } body .theme-hr { background-color: #8E5710; }

/* Display Nookipedia text logo */ body .nookipedia-logo { background-image: url(https://dodo.ac/np/images/e/ed/Nookipedia_Logo_Outlined_%28Autumn%29.png); }

/* Social media icons */ body .social-icon-facebook { background-image: url(https://dodo.ac/np/images/a/a3/Facebook_Icon_Stylized_%28Autumn%29.png); } body .social-icon-twitter { background-image: url(https://dodo.ac/np/images/3/3d/Twitter_Icon_Stylized_%28Autumn%29.png); } body .social-icon-instagram { background-image: url(https://dodo.ac/np/images/e/ef/Instagram_Icon_Stylized_%28Autumn%29.png); } body .social-icon-discord { background-image: url(https://dodo.ac/np/images/b/b9/Discord_Icon_Stylized_%28Autumn%29.png); }

/* =================== */ /*       VECTOR       */ /* =================== */

.skin-vector #content { background: #FEF9E7; }

.skin-vector #footer { background-image: url(https://dodo.ac/np/images/a/af/Fence_Backdrop.png); }

.skin-vector #left-navigation, .skin-vector #right-navigation { color: #8E5710; }

.skin-vector #mw-panel .portal .body { background: #FEF9E7; }

.skin-vector #mw-panel .portal .body ul { list-style-image: url(https://dodo.ac/np/images/8/80/Leaf_Icon_%28Brown%29.png); }

.skin-vector #mw-panel div.portal { background: #8E5710; }

.skin-vector #mw-panel div.portal h3 { color: #FEF9E7; }

.skin-vector #p-cactions { background: #E7D5A6; }

.skin-vector #p-cactions span, .skin-vector .vectorMenu li a, .skin-vector .vectorMenu li a:visited, .skin-vector .vectorTabs span a, .skin-vector .vectorTabs span a:visited, .skin-vector .vectorTabs li.selected a, .skin-vector .vectorTabs li.selected a:visited, .skin-vector #right-navigation div.menu ul li a: link, .skin-vector #right-navigation div.menu ul li a:visited { color: #8E5710; }

.skin-vector .mw-body h1, .skin-vector .mw-body h2 { color: #8E5710; text-shadow: 0 1px #FEF9E7; }

.skin-vector .mw-wiki-logo { background-image: url(https://dodo.ac/np/images/thumb/9/99/Nookipedia_Leaf_%26_Text_%28Autumn%29.png/179px-Nookipedia_Leaf_%26_Text_%28Autumn%29.png); }

.skin-vector .vectorMenu li { background: #E7D5A6; }

.skin-vector .vectorTabs li.selected { background: #FEF9E7; }

body.skin-vector { background-color: #F7B67C; background-image: url(https://dodo.ac/np/images/4/4e/Nookipedia_-_Autumn_Sky_Background.png); background-position: right top; background-repeat: repeat-x; }

.skin-vector div.vectorMenu div.menu { background-color: #FEF9E7; }

.skin-vector div.vectorTabs ul li, .skin-vector #mw-head .vectorMenu h3 { background: #E7D5A6; }

/* =================== */ /* TIMELESS / MOBILE  */ /* =================== */

/* Show banner logo in place of plaintext site name */ .skin-timeless #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 */ .skin-timeless .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 */ .skin-timeless .color-left, .skin-timeless .color-middle, .skin-timeless .color-right { background: #8e5710 !important; }

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

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

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

/* Header background image and color */ .skin-timeless #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) { .skin-timeless #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 */ .skin-timeless #content-bottom-stuff { background: #fef9e7 !important; }

/* Footer background image, color, and placement */ .skin-timeless #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 */ body.skin-timeless                  {background: #fef9e7 !important;} .skin-timeless #mw-content, .skin-timeless #mw-content-container, .skin-timeless #content {background : #fef9e7 !important; border: none !important; box-shadow: none !important;} .skin-timeless #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 */ .skin-timeless pre, .skin-timeless .mw-code { background-color: #f8f9fa !important; }

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

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

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

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

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

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

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

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

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

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

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