User:PanchamBro/common.css

/*================================================== STAFF LINKS

=
=====================================*/ /* Patrollers */ .mw-userlink[title="User:Decomposer"], .mw-userlink[title="User:Ruthless Cutie"], .mw-userlink[title="User:AgentParadox"], .mw-userlink[title="User:BladeofEvilsBane"], .mw-userlink[title="User:The Jacketed Terrapin"], .mw-userlink[title="User:Chubby Bub"], .mw-userlink[title="User:Kalina70"], a.whopatrol, #whopatrollers a { background:url(//dodo.ac/np/images/thumb/1/16/Villager_NH_Character_Icon.png/16px-Villager_NH_Character_Icon.png) center left no-repeat; padding-left: 17px !important; }

/* Administrators */ .mw-userlink[title="User:Mario"], .mw-userlink[title="User:HylianAngel"], .mw-userlink[title="User:ZCJigglypuff"], .mw-userlink[title="User:Dorsal Axe"], .mw-userlink[title="User:Lampshade59276"], .mw-userlink[title="User:PanchamBro"], .mw-userlink[title="User:Vivian"], .mw-userlink[title="User:Drago"], a.whoadmin, #whoadmins a { background:url(//dodo.ac/np/images/thumb/9/91/Isabelle_NH_Character_Icon.png/16px-Isabelle_NH_Character_Icon.png) center left no-repeat; padding-left: 17px !important; }

/* Bureaucrats */ .mw-userlink[title="User:Sunmarsh"], .mw-userlink[title="User:AlexBot2004"], .mw-userlink[title="User:Vmario97"], a.whocrat, #whocrats a { background:url(//dodo.ac/np/images/thumb/7/78/Lottie_NH_Character_Icon.png/16px-Lottie_NH_Character_Icon.png) center left no-repeat; padding-left: 17px !important; }

/* Directors */ .mw-userlink[title="User:Jake"], .mw-userlink[title="User:SuperHamster"], a.whodirector, #whodirectors a { background:url(//dodo.ac/np/images/thumb/6/68/Tom_Nook_NH_Character_Icon.png/16px-Tom_Nook_NH_Character_Icon.png) center left no-repeat; padding-left: 17px !important; }

/* Bots */ .mw-userlink[title="User:Autotroph"], .mw-userlink[title="User:Bot"], .mw-userlink[title="User:HamsterMech"], .mw-userlink[title="User:Puppet"], .mw-userlink[title="User:Weavile"], .mw-userlink[title="User:Ribbot"], a.whobot, #whobots a { background:url(//dodo.ac/np/images/thumb/8/87/Ribbot_NH_Villager_Icon.png/16px-Ribbot_NH_Villager_Icon.png) center left no-repeat; padding-left: 17px !important; } .mw-userlink[title="User:Cephalobot"] { background:url(//dodo.ac/np/images/thumb/c/c3/Cephalobot_NH_Villager_Icon.png/16px-Cephalobot_NH_Villager_Icon.png) center left no-repeat; padding-left: 17px !important; }

/* Discord Staff */ .mw-userlink[title="User:PoizonMushro0m"], .mw-userlink[title="User:WeatherGeek"], .mw-userlink[title="User:Akuhime-sama"], .mw-userlink[title="User:Senor Mexicano"], .mw-userlink[title="User:TimeSword3D"], a.whodiscord, #whodiscord a { background:url(//dodo.ac/np/images/thumb/1/18/Discord_icon.png/16px-Discord_icon.png) center left no-repeat; padding-left: 17px !important; }

/* Former Staff */ .mw-userlink[title="User:AnimalCrossingFan12"], .mw-userlink[title="User:DataWizard"], .mw-userlink[title="User:AgentCarmen12"], .mw-userlink[title="User:Anteater99"], .mw-userlink[title="User:SnorlaxMonster"], .mw-userlink[title="User:Wookiee123"], .mw-userlink[title="User:Crazyguy20076"], .mw-userlink[title="User:RAP"], .mw-userlink[title="User:Zharkaer"], .mw-userlink[title="User:Pakkun"], .mw-userlink[title="User:SpideyCanThrash"], .mw-userlink[title="User:Grekox"], .mw-userlink[title="User:Imjon"], .mw-userlink[title="User:Miku51"], .mw-userlink[title="User:Heidy Isabel"], .mw-userlink[title="User:Trainiax"], .mw-userlink[title="User:Username1770"], .mw-userlink[title="User:Lotter"], .mw-userlink[title="User:Ocre"], .mw-userlink[title="User:Vulpes"], .mw-userlink[title="User:Dabtowner"], .mw-userlink[title="User:mlnintendo97"], .mw-userlink[title="User:Minifig-me"], .mw-userlink[title="User:C-Star55"], .mw-userlink[title="User:GoalieGuy6"], .mw-userlink[title="User:Sailor sofia"], .mw-userlink[title="User:MerrytonRyan"], .mw-userlink[title="User:Dragonfree97"], .mw-userlink[title="User:Leem01"], .mw-userlink[title="User:SuperAlpaca"], .mw-userlink[title="User:Sky"], .mw-userlink[title="User:LoneShadowStar"], .mw-userlink[title="User:Paviinka"], a.whoformer, #whoformers a { background:url(//dodo.ac/np/images/thumb/4/48/Tortimer_NH_Character_Icon.png/16px-Tortimer_NH_Character_Icon.png) center left no-repeat; padding-left: 17px !important; }

/*================================================== MISC

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

/* Zilla Slab font */ @font-face { font-family: 'Zilla Slab'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/zillaslab/v6/dFa6ZfeM_74wlPZtksIFajo6_Q.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; }

/* Libre Franklin font */ @font-face { font-family: 'Libre Franklin'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/librefranklin/v7/jizOREVItHgc8qDIbSTKq4XkRg8T88bjFuXOnduhHMWkANDJ.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; }

/* Varela Round */ @font-face { font-family: 'Varela Round'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/varelaround/v18/w8gdH283Tvk__Lua32TysjIfp8uP.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; }

/*================================================== MAIN PAGE

=
=====================================*/

.mainpage { background: var(--th-background); }

.mainpage-grid { display: grid; grid-auto-flow: row dense; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 0px 0px; grid-template-areas: "New-This-Month Recent-releases" "Featured-Fanart News" "Trivia Birthdays"; align-content: stretch; justify-items: stretch; } .New-This-Month { grid-area: 1 / 1 / 2 / 2; } .Recent-releases { grid-area: 1 / 2 / 2 / 3; } .News { grid-area: 2 / 2 / 3 / 3; } .Birthdays { grid-area: 3 / 2 / 4 / 3; } .Featured-Fanart { grid-area: 2 / 1 / 3 / 2; } .Trivia { grid-area: 3 / 1 / 4 / 2; }