MediaWiki:Gadget-Theme-Autumn.css
From Nookipedia, the Animal Crossing wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*==================================================
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;
}
}
