MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Note that Common.css does not load in Mobile View. Copy any CSS that you want to also work on mobile into Mobile.css. */

/* Coustard font */ @font-face { font-family: 'Coustard'; font-style: normal; font-weight: 400; src: local('Coustard Regular'), local('Coustard-Regular'), url(https://fonts.gstatic.com/s/coustard/v11/3XFpErgg3YsZ5fqUU-UIt2TMR_Tc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Hide Main Page Title */ body.page-Main_Page h1.firstHeading { display:none; } body.page-Main_Page #siteSub { display:none; }

/* Main page header images */ .main-page-header { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/* Tagline */
 * 1) siteSub { display:block; font-weight:normal; font-size:small;}

/* Top Icons */ div.topicon { position: absolute; top: -3.8em; margin-right: -10px; display: block !important; }

/* Galleries */ .gallery.mw-gallery-traditional { text-align: center; }

/* Thumbnails */ .thumbinner { min-width: 100px; text-align: center; }

/* Tables */ .table-items { background: #FFDD66; } .table-items tr { border-bottom: 4px solid #FFDD66; } .table-items td { padding: 8px 0px; } .table-items th { padding: 8px 0px; } .table-fish { background: #4F9FC6; } .table-fish tr { border-bottom: 4px solid #4F9FC6; } .table-fish td { padding: 8px 0px; } .table-fish th { padding: 8px 0px; } .table-bugs { background: #77AC3F; } .table-bugs tr { border-bottom: 4px solid #77AC3F; } .table-bugs td { padding: 8px 0px; } .table-bugs th { padding: 8px 0px; } .table-villagers { background: #8CBCD1; } .table-villagers tr { border-bottom: 4px solid #8CBCD1; } .table-villagers td { padding: 8px 0px; } .table-villagers th { padding: 8px 0px; } .table-music { background: #E08585; } .table-music tr { border-bottom: 4px solid #E08585; } .table-music td { padding: 8px 0px; } .table-music th { padding: 8px 0px; }

/* Grass Backgrounds */ .grassSpring { background: url(https://dodo.ac/np/images/c/ce/MainPageGrass-Spring.png) repeat; }

.grassSummer { background: url(https://dodo.ac/np/skins/nookipedia/summer/water-summer.png) repeat; }

.grassFall { background: url(https://dodo.ac/np/images/4/4a/MainPageGrass-Fall.png) repeat; }

.grassWinter { background: url(https://dodo.ac/np/images/5/5e/MainPageGrass-Winter.png) repeat; }

.grassBirthday { background: url(https://dodo.ac/np/images/b/b0/MainPageGrass-Birthday.png) repeat; }

/* Rounded Corners */ .roundy { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px; } .roundytl { border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; -icab-border-top-left-radius: 20px; -o-border-top-left-radius: 20px; } .roundytr { border-top-right-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-right-radius: 20px; } .roundybl { border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; } .roundybr { border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; } .roundybottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-left-radius: 20px; -khtml-border-bottom-right-radius: 20px; -icab-border-bottom-left-radius: 20px; -icab-border-bottom-right-radius: 20px; -o-border-bottom-left-radius: 20px; -o-border-bottom-right-radius: 20px; } .roundytop { border-top-left-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-top-left-radius: 20px; -o-border-top-right-radius: 20px; } .roundyleft { border-top-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-top-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; -icab-border-top-left-radius: 20px; -icab-border-bottom-left-radius: 20px; -o-border-top-left-radius: 20px; -o-border-bottom-left-radius: 20px; } .roundyright { border-bottom-right-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topright: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; -khtml-border-top-right-radius: 20px; -icab-border-bottom-right-radius: 20px; -icab-border-top-right-radius: 20px; -o-border-bottom-right-radius: 20px; -o-border-top-right-radius: 20px; }

table.roundlast tr:last-child td:last-child { border-bottom-right-radius: 16px; -moz-border-radius-bottomright: 16px; -webkit-border-bottom-right-radius: 16px; -khtml-border-bottom-right-radius: 16px; -icab-border-bottom-right-radius: 16px; -o-border-bottom-right-radius: 16px; }

table.roundCorners tr:first-child td:first-child { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; } table.roundCorners tr:first-child td:last-child { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; } table.roundCorners tr:last-child td:first-child { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; } table.roundCorners tr:last-child td:last-child { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

/* Infoboxes */ .infobox { table-layout: fixed; border-radius: 15px; border-spacing: 2px; margin-left: 10px; margin-bottom: 10px; width: 320px; padding: 5px; float:right; }

/* Tabs */ .tab-article { border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; -khtml-border-radius: 7px 7px 0 0; -icab-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; text-align:center; padding: 3px 5px; margin: 0px; border: 2px solid #78AB46; background-color: #A5D97B; white-space: nowrap; cursor:pointer; }

span.tab-article:hover, div.tab:hover, td.tab:hover { background-color:#B1E48C; }

.tabselected { background-color:#9ACE74 !important; border-bottom: 2px solid #9ACE74; }

.tabcontainer p { margin:0; }

/* CSS fallback for tabber when JS is unavailable */ .nookipedia-tabber { border: 1px solid #a2a9b1; padding: 1em; } .nookipedia-tab-header { font-size: larger; font-weight: bold; border-bottom: 2px solid #666; margin-bottom: 1em; } .client-js .nookipedia-tabber { display: none }

/* Table Column Coloring for Guide: Coffee Preferences */ .coffee td:nth-child(1), .coffee td:nth-child(5) { background-color: #dcf6d3; }

/* Column text alignment for villager ideal gift tables */ .idealgifts td { text-align: center; } .idealgifts td:nth-child(1) { text-align: left; }

.onlymobile { display:none; }

/* No margin */ .no-margin { margin: 0px; } .no-margin p { margin: 0px; }

/* Gridding */ .grid-container-2-col { display: grid; grid-template-columns: auto auto; } .grid-item { border: 0px solid; padding: 1px 0px; }

/* Flex boxes */ .flex-container { display: flex; flex-wrap: wrap; } .flex-item { flex: 1; } @media (max-width: 1000px) { .flex-container { display: block; } }

/* PC villager info flex boxes */ .pc-villager-flex-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .pc-villager-flex-item { margin: 0 auto; } .pc-villager-left { flex: 1; } .pc-villager-right { flex: 4; } .pc-villager-data { text-align: left; } @media (max-width: 800px) { .pc-villager-flex-container { display: block; } .pc-villager-data { text-align: center; } }

/* Villager house flex boxes */ .house-flex-container { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: center; align-items: center; } .house-flex-item { flex: 1; margin: 0 auto; } .house-img { width: 360px; max-height: 275px; } .house-img img { max-width: 100%; width: 360px; max-height: 275px; height: auto; object-fit: contain; } @media (max-width: 1500px) { .house-flex-container { display: block; } .house-img { max-height: none; } .house-img img { width: 360px; max-height: none; height: auto; } }

/* NH Items */ .nh_item-flex-container { display: flex; flex-wrap: wrap; }

.nh_item-flex-item { flex-grow: 1; }

.nh_item-var { flex-grow: 0; width: 36px; }

.nh_item-var-img { display: inline-block; vertical-align: top; padding:12px 0 0 0; }

.nh_item-var-title { line-height: 1.4em; max-height: 2.8em; overflow: hidden; word-wrap: break-word; }

.nh_item-var-data { display: inline-block; font-size: .9em; vertical-align: top; padding:12px 0 0 0; width: 90px; }

.nh_item-lang { overflow: hidden; word-wrap: anywhere; margin: 0px 3px; width: 30%; }

.nh_item-divider { background-color: transparent; border-bottom: 1px solid #efba00; }

/* Try to use nearest neighbor scaling for pixelated images */ .sprite { image-rendering: optimizeSpeed; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; }

/* Style tables with 'styled' class */ table.styled { margin: 10px; background: #66A6FF; border: 4px solid #66A6FF; border-radius: 14px; } table.styled td { background: #FFFFFF; } table.styled th { background: #CCE0FF; } table.styled tr:first-child th { font-weight: normal; font-family: Coustard; font-size: 1.0em; padding: 0px 5px; text-align: center; background-color: #b3d2ff; } table.styled tr:first-child th:first-child { border-top-left-radius: 9px; } table.styled tr:first-child th:last-child { border-top-right-radius: 9px; } table.styled tr:last-child > :first-child { border-bottom-left-radius: 9px; } table.styled tr:last-child > :last-child { border-bottom-right-radius: 9px; }

/* Styling links to ARMS Institute */ background: url("https://dodo.ac/np/images/1/1c/NIWA_Arms.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://armswiki.org"] {

/* Styling links to Bulbapedia */ background: url("https://dodo.ac/np/images/8/8a/NIWA_Pokemon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://bulbapedia.bulbagarden.net/wiki"] {

/* Styling links to Dragon Quest Wiki*/ background: url("https://dodo.ac/np/images/3/31/NIWA_DQ.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://dragon-quest.org/wiki"] {

/* Styling links to Fire Emblem Wiki */ background: url("https://dodo.ac/np/images/a/a1/NIWA_Fire_Emblem.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://fireemblemwiki.org"] {

/* Styling links to F-Zero Wiki */ background: url("https://dodo.ac/np/images/7/78/NIWA_F-Zero.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://mutecity.org/wiki"] {

/* Styling links to Golden Sun Universe */ background: url("https://dodo.ac/np/images/0/05/NIWA_Golden_Sun.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://goldensunwiki.net/wiki"] {

/* Styling links to Hard Drop Wiki */ background: url("https://dodo.ac/np/images/8/8b/NIWA_Hard_Drop.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://harddrop.com/wiki"] {

/* Styling links to Icaruspedia */ background: url("https://dodo.ac/np/images/4/45/NIWA_Icarus.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.kidicaruswiki.org/"] {

/* Styling links to Inkipedia */ background: url("https://dodo.ac/np/images/8/89/NIWA_Splatoon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://splatoonwiki.org"] {

/* Styling links to Lylat Wiki */ background: url("https://dodo.ac/np/images/9/96/NIWA_Star_Fox.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://starfoxwiki.info/"] {

/* Styling links to Metroid Wiki */ background: url("https://dodo.ac/np/images/5/50/NIWA_Metroid.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://metroidwiki.org/wiki/"] {

/* Styling links to NintendoWiki */ background: url("https://dodo.ac/np/images/3/3d/NIWA_Nintendo.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="http://niwanetwork.org/wiki"] {

/* Styling links to Pikipedia */ background: url("https://dodo.ac/np/images/0/05/NIWA_Pikmin.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.pikminwiki.com"] {

/* Styling links to Pikmin Fanon */ background: url("https://dodo.ac/np/images/a/a4/Pikmin_Fanon.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.pikminfanon.com/"] {

/* Styling links to SmashWiki */ background: url("https://dodo.ac/np/images/b/b7/NIWA_Super_Smash_Bros.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.ssbwiki.com"] {

/* Styling links to Starfy Wiki */ background: url("https://dodo.ac/np/images/c/c0/NIWA_Starfy.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://starfywiki.org"] {

/* Styling links to StrategyWiki */ background: url("https://dodo.ac/np/images/f/f2/NIWA_Strategy.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://strategywiki.org"] {

/* Styling links to Super Mario Wiki */ background: url("https://dodo.ac/np/images/0/0e/NIWA_Mario.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://www.mariowiki.com"] {

/* Styling links to Wars Wiki */ background: url("https://dodo.ac/np/images/a/a1/NIWA_Wars.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://warswiki.org/wiki"] {

/* Styling links to WikiBound */ background: url("https://dodo.ac/np/images/d/dd/NIWA_EarthBound.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://wikibound.info/wiki"] {

/* Styling links to WiKirby */ background: url("https://dodo.ac/np/images/c/c0/NIWA_Kirby.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://wikirby.com/wiki"] {

/* Styling links to Zelda Wiki */ background: url("https://dodo.ac/np/images/0/0e/NIWA_Zelda.png") no-repeat scroll right center transparent; padding-right: 18px; }
 * 1) bodyContent a[href^="https://zelda.gamepedia.com"] {