MediaWiki:Gadget-vector-themed.css

background: #fafffe; border: 0 solid; margin-bottom: -5em; margin-left: 12.5em; margin-top: 156px; padding-bottom: 50px; }
 * 1) content {

background: var(--th-color-tertiary) var(--th-nookipedia-footer) repeat-x bottom; height: 100px; margin-left: 12.5em; margin-top: 0; margin-bottom: 5em; padding: 1em 1.25em 5em 1.25em; border-radius: 0 0 0 20px; background-size: var(--th-footer-size); }
 * 1) footer {

padding-top: 0.5em; }
 * 1) footer ul {

margin-left: 13em; }
 * 1) left-navigation {

font-family: Coustard, "Linux Libertine", Georgia, Times, serif; margin-top: 196px; }
 * 1) left-navigation,
 * 2) right-navigation {

background: none; }
 * 1) mw-page-base,
 * 2) right-navigation div.menu ul li {

margin-left: 10px; top: 45px; }
 * 1) mw-panel {

background: var(--sidebar-background); border-radius: 10px; padding-bottom: 0.3em; padding-left: 1.5em; }
 * 1) mw-panel .vector-menu-portal .body {

list-style-image: var(--th-list); }
 * 1) mw-panel .vector-menu-portal .body ul {

background: var(--sidebar-color); background-image: none; border-radius: 10px; margin: 0 0 10px; padding: 0.4em; }
 * 1) mw-panel .vector-menu-portal {

margin: 0; padding-top: 7px; }
 * 1) mw-panel .vector-menu-portal .body {

background: none; border-radius: 0; color: var(--sidebar-text); font-family: Coustard, "Linux Libertine", Georgia, Times, serif; font-size: 1.2em; margin: 0; text-align: center; }
 * 1) mw-panel .vector-menu-portal h3 {

color: #67ad42; }
 * 1) mw-head .vector-menu span,
 * 2) mw-head .vector-menu-tabs a,
 * 3) mw-head .vector-menu-tabs a:visited,
 * 4) mw-head .vector-menu-dropdown a,
 * 5) mw-head .vector-menu-dropdown a:visited {

background-position: left; height: 160px; width: 179px; }
 * 1) p-logo a {

background-color: var(--p-personal-color); border-radius: 0 0 0 5px; padding: 5px; right: 0; top: 0; font-family: Coustard, "Linux Libertine", Georgia, Times, serif; }
 * 1) p-personal {

display: inline-block; }
 * 1) pt-userpage a {

font-size: 0.75em; }
 * 1) p-personal li {

background: url(https://dodo.ac/np/images/thumb/8/82/Furniture_NH_Inv_Icon.png/30px-Furniture_NH_Inv_Icon.png) no-repeat; padding-left: 20px; background-position: -0.3em -0.2em; background-size: 2.167em 2.167em; }
 * 1) pt-anonuserpage,
 * 2) pt-userpage a {

color: #000; }
 * 1) pt-mytalk > .mw-echo-alert {

color: var(--th-p-text-color); }
 * 1) p-personal li a,
 * 2) pt-anonuserpage,
 * 3) pt-userpage a {

.mw-body h1, .mw-body h2 { color: var(--th-color-primary); font-family: Coustard, "Linux Libertine", Georgia, Times, serif; text-shadow: 0 1px var(--th-color-tertiary); }

.mw-wiki-logo { background-image: var(--th-logo); background-size: 179px; }

.vectorMenu li { background: var(--th-color-secondary); border-radius: 0; width: 100%; margin: 0 4px 0 0; }

body { background: var(--th-background); }

body.page-Main_Page h1.firstHeading, body.page-Main_Page #siteSub { display: none; }

.vector-menu-tabs .vector-menu-content ul li, background: var(--th-color-secondary); border-radius: 10px 10px 0 0; margin: 0 4px 0 0; }
 * 1) mw-head .vectorMenu h3 {

.vector-menu-tabs .vector-menu-content ul li.selected { background: var(--nookipedia-bg-color); }

color: var(--th-color-primary); }
 * 1) mw-head .vector-menu span,
 * 2) mw-head .vector-menu-tabs a,
 * 3) mw-head .vector-menu-tabs a:visited,
 * 4) mw-head .vector-menu-dropdown a,
 * 5) mw-head .vector-menu-dropdown a:visited {

/* Hide beta social media icons */ display: none; }
 * 1) n-Discord,
 * 2) n-Facebook,
 * 3) n-Twitter,
 * 4) n-Instagram {

/* Style Discord link in sidebar Adapted with permission from Runescape Wiki implementation by User: JaydenKieran https: //runescape.wiki/w/MediaWiki: Vector.css https: //runescape.wiki/w/User: JaydenKieran */ list-style-image: none; }	background-color: #5865F2; border-radius: 5px; color: #fff; display: block; font-size: 12px; font-weight: 700; left: -18px; padding: 6px 0 5px calc(21px + 5.5px * 2); position: relative; transition: 0.2s ease; width: 103px; }	font-weight: 400; }	background: url(https://dodo.ac/np/images/f/f6/Discord_Icon_White.svg) no-repeat; background-size: 17px 13px; content: ""; height: 13px; left: 7px; position: absolute; top: 5px; width: 25px; }	background-color: #1122d7; text-decoration: none; }
 * 1) p-Community #n-Discord-Server {
 * 1) p-Community #n-Discord-Server a {
 * 1) p-Community #n-Discord-Server a::before {
 * 1) p-Community #n-Discord-Server a::after {
 * 1) p-Community #n-Discord-Server a:hover {

/* Vector fixes */ .vector-menu-tabs, .vector-menu-tabs a,	background-image: none; }
 * 1) mw-head .vector-menu-dropdown h3 {

.mw-logo-wordmark { color: transparent; font-size: 1.3em; font-family: "Coustard", sans-serif; font-weight: bold; }

.mw-logo-container { background: var(--th-nookipedia-text) no-repeat; background-size: 120px; }

.skin-vector #content { background: var(--nookipedia-bg-color); margin-top: var(--vector-hcon,45px); margin-bottom: 0; padding-bottom: 20px; }

.skin-vector #left-navigation, .skin-vector #right-navigation { margin-top: var(--vector-hnav,114px); }

.mw-prefs-buttons { background: var(--nookipedia-bg-color); }

/* Categories */ display: inherit; border-top: 3px solid #cccccc; padding-bottom: 2em; margin: 0 0.2em; padding: 0.5em 0 0.5em; }
 * 1) catlinks {

.catlinks { border: transparent; background-color: transparent; }	background: var(--th-leaves); border-bottom: var(--border); background-repeat: repeat-x; height: var(--height); background-size: var(--th-leaves-size); }
 * 1) mw-head {

/* Parity with Nookipedia Timeless */ /* TOC adjustments */ .mw-body .mw-parser-output h2 { border-bottom: 0; font-family: 'Coustard'; font-weight: normal; text-align: left; margin: 1.5em 0 0.5em; text-shadow: 0 1px var(--th-color-shadow); color: var(--th-color-primary); overflow: visible; }

.toc { background-color: var(--th-img-thumbnail); border: none; border-radius: 10px; box-shadow: none; } .mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after { content: ''; display: block; border-bottom: solid 2px #A2A9B1; overflow: hidden; } .mw-body .toc h2 { font-size: 1em; margin: 0; display: inline; font-weight: normal; } .toc .toctitle { direction: ltr; text-align: left; } .mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after { content: ''; display: block; border-bottom: solid 2px #A2A9B1; overflow: hidden; margin-top: 0.1em; } .toctogglespan { float: right; } div.toc { background-color: var(--th-img-thumbnail); border: none; border-radius: 10px; box-shadow: none; display: table; padding: 1.25em 1.75em; margin-top: 1em; margin-bottom: 1em; min-width: 15em; }

/* Image thumbnail adjustments */ div.thumbinner { background-color: var(--th-img-thumbnail); border: none; border-radius: 10px; box-shadow: none; min-width: 120px; text-align: center; padding: 0.75em; margin-left: auto; margin-right: auto; }

div.thumbinner .thumbimage { border: none; border-radius: 5px; background: transparent; }

.topicon { right:30px; position: absolute; top: 6em; display: block; }

/* Legacy Vector fixes */ .skin-vector-legacy #left-navigation, .skin-vector-legacy #right-navigation { margin-top: var(--vector-legacy-hnav,224px); } .skin-vector-legacy #content { background: var(--nookipedia-bg-color); margin-top: var(--vector-legacy-hcon,184px); margin-bottom: 0; padding-bottom: 20px; }

/* Temporarily main page fixes */ .nookipedia-logo { background-image: var(--th-nookipedia-text-main-page) !important; }

.social-icon-discord { background-image: var(--th-discord) !important; }

.social-icon-twitter { background-image: var(--th-twitter) !important; }

.social-icon-instagram { background-image: var(--th-instagram) !important; }

.social-icon-facebook { background-image: var(--th-facebook) !important; }