User:Dorsal Axe/common.css

/*================================================== COLORS

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


 * root {

/* Global border radius */ --default-border-radius: 20px; --template-outer-radius: 14px; --template-inner-radius: 9px;

/* Template Alpha values */ --opacity-full: 100%; --opacity-high: 80%; --opacity-mid: 60%; --opacity-low: 40%; /* Template Lightness values */ --primary-lightness: 70%; --secondary-lightness: 80%; --shadow-lightness: 40%; --text-lightness: 30%;

/* Template Hue & Saturation values */ --art-color-h: 23; --art-color-s: 61%; --bug-color-h: 78; --bug-color-s: 76%; --event-color-h: 215; --event-color-s: 100%; --fashion-color-h: 322; --fashion-color-s: 49%; --fashion-subcolor-h: 320; --fashion-subcolor-s: 45%; --film-color-h: 318; --film-color-s: 69%; --fish-color-h: 200; --fish-color-s: 100%; --flora-color-h: 350; --flora-color-s: 100%; --fossil-color-h: 43; --fossil-color-s: 74%; --furniture-color-h: 106; --furniture-color-s: 50%; --gameplay-color-h: 163; --gameplay-color-s: 58%; --gameplay-subcolor-h: 160; --gameplay-subcolor-s: 61%; --geography-color-h: 120; --geography-color-s: 50%; --islander-color-h: 45; --islander-color-s: 75%; --location-color-h: 146; --location-color-s: 42%; --manga-color-h: 318; --manga-color-s: 34%; --merchandise-color-h: 193; --merchandise-color-s: 53%; --minigame-color-h: 782; --minigame-color-s: 75%; --museum-color-h: 60; --museum-color-s: 31%; --music-color-h: 0; --music-color-s: 59%; --nookipedia-color-h: 99; --nookipedia-color-s: 45%; --publication-color-h: 248; --publication-color-s: 53%; --pwp-color-h: 50; --pwp-color-s: 95%; --realworld-color-h: 60; --realworld-color-s: 20%; --seacreature-color-h: 215; --seacreature-color-s: 100%; --special-color-h: 81; --special-color-s: 87%; --species-color-h: 276; --species-color-s: 56%; --ssb-color-h: 34; --ssb-color-s: 57%; --ssb-subcolor-h: 39; --ssb-subcolor-s: 77%; --system-color-h: 0; --system-color-s: 0%; --series-color-h: 39; --series-color-s: 100%; --series-subcolor-h: 42; --series-subcolor-s: 73%; --tools-color-h: 34; --tools-color-s: 93%; --updates-color-h: 144; --updates-color-s: 39%; --villager-color-h: 195; --villager-color-s: 52%; --season-color-h: 96; --season-color-s: 70%; --spring-color-h: 333; --spring-color-s: 83%; --summer-color-h: 191; --summer-color-s: 84%; --autumn-color-h: 29; --autumn-color-s: 87%; --winter-color-h: 241; --winter-color-s: 59%;

--test-color: 0 100%; /* Theme colors */ /*--springtheme-primary: 95 39% 48% --springtheme-secondary: --summertheme-primary: --summertheme-secondary: --autumntheme-primary: --autumntheme-secondary: --wintertheme-primary: --wintertheme-secondary: --darktheme-primary: --darktheme-secondary: */ /* Special theme colors */ /*--halloweentheme-primary: --halloweentheme-secondary: --pctheme-primary: --pctheme-secondary: --nhtheme-primary: --nhtheme-secondary: */ }

.style-art { background: hsl(var(--art-color-h) var(--art-color-s) var(--primary-lightness)); } .style-bug { background: hsl(var(--bug-color-h) var(--bug-color-s) var(--primary-lightness)); } .style-event { background: hsl(var(--event-color-h) var(--event-color-s) var(--primary-lightness)); } .style-fashion { background: hsl(var(--fashion-color-h) var(--fashion-color-s) var(--primary-lightness)); } .style-fashionsub { background: hsl(var(--fashion-subcolor-h) var(--fashion-subcolor-s) var(--secondary-lightness)); } .style-film { background: hsl(var(--film-color-h) var(--film-color-s) var(--primary-lightness)); } .style-fish { background: hsl(var(--fish-color-h) var(--fish-color-s) var(--primary-lightness)); } .style-flora { background: hsl(var(--flora-color-h) var(--flora-color-s) var(--primary-lightness)); } .style-fossil { background: hsl(var(--fossil-color-h) var(--fossil-color-s) var(--primary-lightness)); } .style-furniture { background: hsl(var(--furniture-color-h) var(--furniture-color-s) var(--primary-lightness)); } .style-gameplay { background: hsl(var(--gameplay-color-h) var(--gameplay-color-s) var(--primary-lightness)); } .style-gameplaysub { background: hsl(var(--gameplay-subcolor-h) var(--gameplay-subcolor-s) var(--secondary-lightness)); } .style-geography { background: hsl(var(--geography-color-h) var(--geography-color-s) var(--primary-lightness)); } .style-location { background: hsl(var(--location-color-h) var(--location-color-s) var(--primary-lightness)); } .style-islander { background: hsl(var(--islander-color-h) var(--islander-color-s) var(--primary-lightness)); } .style-manga { background: hsl(var(--manga-color-h) var(--manga-color-s) var(--primary-lightness)); } .style-merchandise { background: hsl(var(--merchandise-color-h) var(--merchandise-color-s) var(--primary-lightness)); } .style-minigame { background: hsl(var(--minigame-color-h) var(--minigame-color-s) var(--primary-lightness)); } .style-museum { background: hsl(var(--museum-color-h) var(--museum-color-s) var(--primary-lightness)); } .style-music { background: hsl(var(--music-color-h) var(--music-color-s) var(--primary-lightness)); } .style-nookipedia { background: hsl(var(--nookipedia-color-h) var(--nookipedia-color-s) var(--primary-lightness)); } .style-publication { background: hsl(var(--publication-color-h) var(--publication-color-s) var(--primary-lightness)); } .style-pwp { background: hsl(var(--pwp-color-h) var(--pwp-color-s) var(--primary-lightness)); } .style-realworld { background: hsl(var(--realworld-color-h) var(--realworld-color-s) var(--primary-lightness)); } .style-seacreature { background: hsl(var(--seacreature-color-h) var(--seacreature-color-s) var(--primary-lightness)); } .style-special { background: hsl(var(--special-color-h) var(--special-color-s) var(--primary-lightness)); } .style-species { background: hsl(var(--species-color-h) var(--species-color-s) var(--primary-lightness)); } .style-ssb { background: hsl(var(--ssb-color-h) var(--ssb-color-s) var(--primary-lightness)); } .style-ssbsub { background: hsl(var(--ssb-subcolor-h) var(--ssb-subcolor-s) var(--secondary-lightness)); } .style-system { background: hsl(var(--system-color-h) var(--system-color-s) var(--primary-lightness)); } .style-series { background: hsl(var(--series-color-h) var(--series-color-s) var(--primary-lightness)); } .style-seriessub { background: hsl(var(--series-subcolor-h) var(--series-subcolor-s) var(--secondary-lightness)); } .style-tools { background: hsl(var(--tools-color-h) var(--tools-color-s) var(--primary-lightness)); } .style-updates { background: hsl(var(--updates-color-h) var(--updates-color-s) var(--primary-lightness)); } .style-villager { background: hsl(var(--villager-color-h) var(--villager-color-s) var(--primary-lightness)); } .style-season { background: hsl(var(--season-color-h) var(--season-color-s) var(--primary-lightness)); } .style-spring { background: hsl(var(--spring-color-h) var(--spring-color-s) var(--primary-lightness)); } .style-summer { background: hsl(var(--summer-color-h) var(--summer-color-s) var(--primary-lightness)); } .style-autumn { background: hsl(var(--autumn-color-h) var(--autumn-color-s) var(--primary-lightness)); } .style-winter { background: hsl(var(--winter-color-h) var(--winter-color-s) var(--primary-lightness)); }

.style-test { background: hsl(var(--test-color) var(--primary-lightness)); }

/*================================================== STATIONERY TEST

=
=====================================*/ .stationery { background: url(https://dodo.ac/np/images/5/59/Notebook_paper.png); background-size: 250px 100px; }

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

=
=====================================*/ /* Patrollers */ .mw-userlink[title="User:Decomposer"], .mw-userlink[title="User:Paviinka"], .mw-userlink[title="User:Ruthless Cutie"], .mw-userlink[title="User:AgentParadox"], .mw-userlink[title="User:BladeofEvilsBane"], .mw-userlink[title="User:HylianAngel"], .mw-userlink[title="User:TurtleCrossing"], .mw-userlink[title="User:PanchamBro"], 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:ZCJigglypuff"], .mw-userlink[title="User:Dorsal Axe"], .mw-userlink[title="User:AlexBot2004"], .mw-userlink[title="User:Lampshade59276"], 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:Drago"], .mw-userlink[title="User:Sunmarsh"], .mw-userlink[title="User:Vmario97"], a.whocrat, #whocrats a { background:url(//dodo.ac/np/images/thumb/6/68/Lottie_PC_icon.png/16px-Lottie_PC_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; }

/* 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: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"], a.whoformer, #whoformers a { background:url(//dodo.ac/np/images/thumb/8/8c/Tortimer_aF_Character_Icon.png/16px-Tortimer_aF_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; } }