Difference between revisions of "User:Dorsal Axe/common.css"
From Nookipedia, the Animal Crossing wiki
Dorsal Axe (talk | contribs) |
Dorsal Axe (talk | contribs) |
||
| Line 758: | Line 758: | ||
margin: 10px; | margin: 10px; | ||
width: 180px; | width: 180px; | ||
| − | background-color: hsl(var(--template-color, 0 0%) var(--lightness-primary, 70%)); | + | background-color: hsl(var(--template-color, 0 0%) var(--lightness-primary-override, var(--lightness-primary, 70%))); |
border-radius: 18px; | border-radius: 18px; | ||
padding: 6px; | padding: 6px; | ||
| Line 768: | Line 768: | ||
padding: 4px; | padding: 4px; | ||
font-family: Coustard; | font-family: Coustard; | ||
| − | color: hsl(var(--template-color, 0 0%) var(--lightness-text, 20%)) | + | color: hsl(var(--template-color, 0 0%) var(--lightness-text-override, var(--lightness-text, 20%))); |
font-size: 1.3em | font-size: 1.3em | ||
| + | } | ||
| + | |||
| + | #navbox-help-inner { | ||
| + | margin: 0 auto; | ||
| + | width: 170px; | ||
| + | background-color: hsl(var(--template-color, 0 0%) var(--lightness-tertiary-override, var(--lightness-tertiary, 90%))); | ||
| + | border-radius: 13px; | ||
| + | text-align: center; | ||
| + | padding: 5px; | ||
} | } | ||
| Line 777: | Line 786: | ||
font-family: Coustard; | font-family: Coustard; | ||
font-size: 0.89em; | font-size: 0.89em; | ||
| − | background: hsl(var(--template-color, 0 0%) var(--lightness- | + | background: hsl(var(--template-color, 0 0%) var(--lightness-secondary-override, var(--lightness-secondary, 85%))); |
border-radius: 15px; | border-radius: 15px; | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
Revision as of 09:16, May 20, 2024
/* Tables */
.table-top {
background: hsl(var(--template-color, 47 96%) var(--lightness-primary-override, var(--lightness-primary, 70%)));
}
.table-top tr {
border-bottom: 4px solid hsl(var(--template-color, 47 96%) var(--lightness-primary-override, var(--lightness-primary, 70%)));;
}
.table-top td {
padding: 8px 0;
}
.table-top th {
padding: 8px 0;
}
/*==================================================
TABS
==================================================*/
.tabs-tabbox > .tabs-label {
margin: 0 3px 5px 3px;
border: none;
border-radius: 7px;
position: relative;
display: inline-block;
vertical-align: bottom;
font-family: 'Coustard';
color: #555;
}
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
background-color: #d5f3ba;
}
.tabs-tabbox > .tabs-container {
margin-top: -1px;
padding: 2px 6px;
border-radius: 8px;
position: relative;
border: none;
width: inherit;
max-width: inherit;
min-width: inherit;
z-index: 1;
}
/* Tabs */
.tab-article {
-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;
border-radius: 7px 7px 0 0;
text-align:center;
padding: 3px 5px;
margin: 0;
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;
}
/*==================================================
STATIONERY TEST
==================================================*/
.stationery {
background: url(https://dodo.ac/np/images/1/1c/Notebook_Paper_CF.png);
background-size: 256px 192px;
}
/*==================================================
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;
}
}
/* 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: url(https://dodo.ac/np/images/0/07/Nookipedia_-_Leaf_Background_Spring.jpg) #e9f5f2;
}
.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; }
*/
/*==================================================
LETTERS
==================================================*/
/* PG Letter Textures */
.letter-airmail-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-sparkly-pg {
background: url(https://dodo.ac/np/images/b/b0/Sparkly_Paper_PG.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-bamboo-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-orange-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-essay-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-panda-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-ranch-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-steel-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-blossom-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-cloudy-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-vine-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-petal-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-snowy-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-rainyday-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-watermelon-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-deepsea-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-starrysky-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-daisy-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-bluebell-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-mapleleaf-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-woodcut-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-octopus-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-festive-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-skyline-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-museum-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-fortune-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-stageshow-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-thick-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-spooky-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-noodle-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-neat-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-horsetail-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-felt-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-parchment-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-cool-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-elegant-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-lacy-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-polkadot-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-dizzy-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-rainbow-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-hotneon-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-coolneon-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-aloha-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-ribbon-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-fantasy-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-woodland-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-ginkgo-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-fireworks-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-winter-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-gyroid-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-ivy-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-wing-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-dragon-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-tile-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-misty-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-simple-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-honeybee-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-mystic-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-sunset-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-lattice-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-dainty-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-daisy-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-butterfly-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-newyears-pg {
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
background-size: 256px 192px;
}
.letter-inky-pg {
background: url(https://dodo.ac/np/images/2/2a/Inky_Paper_PG.png);
background-size: 256px 192px;
}
/* CF Letter Textures */
.letter-academy-cf {
background: url(https://dodo.ac/np/images/4/4c/Academy_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-airmail-cf {
background: url(https://dodo.ac/np/images/3/36/Airmail_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-auction-cf {
background: url(https://dodo.ac/np/images/7/74/Auction_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-bejeweled-cf {
background: url(https://dodo.ac/np/images/e/e1/Bejeweled_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-buttercup-cf {
background: url(https://dodo.ac/np/images/f/f6/Buttercup_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-cloudy-cf {
background: url(https://dodo.ac/np/images/9/90/Cloudy_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-cool-cf {
background: url(https://dodo.ac/np/images/2/26/Cool_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-cow-cf {
background: url(https://dodo.ac/np/images/4/4b/Cow_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-elegant-cf {
background: url(https://dodo.ac/np/images/b/be/Elegant_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-flowery-cf {
background: url(https://dodo.ac/np/images/4/44/Flowery_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-fourleaf-cf {
background: url(https://dodo.ac/np/images/b/b6/Four-Leaf_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-hamburger-cf {
background: url(https://dodo.ac/np/images/7/7f/Hamburger_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-lined-cf {
background: url(https://dodo.ac/np/images/d/db/Lined_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-mapleleaf-cf {
background: url(https://dodo.ac/np/images/b/b9/Maple-Leaf_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-notebook-cf {
background: url(https://dodo.ac/np/images/6/6c/Notebook_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-polkadot-cf {
background: url(https://dodo.ac/np/images/f/ff/Polka-Dot_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-ribbon-cf {
background: url(https://dodo.ac/np/images/a/ae/Ribbon_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-star-cf {
background: url(https://dodo.ac/np/images/c/c8/Star_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-tartan-cf {
background: url(https://dodo.ac/np/images/e/ef/Tartan_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
.letter-townview-cf {
background: url(https://dodo.ac/np/images/6/6d/Town-View_Paper_CF_Texture.png);
background-repeat: no-repeat;
background-size: contain;
}
/* Sub-infoboxes */
.subinfobox {
table-layout: fixed;
border-radius: var(--template-outer-radius, 15px);
border-spacing: 2px;
margin-left: 10px;
margin-bottom: 10px;
max-width: 700px;
padding: 5px;
background-color: hsl(var(--template-color, 0 0%) var(--lightness-primary-override, var(--lightness-primary, 70%)));
}
table.subinfobox td {
background-color: var(--cell-background, hsl(0 100% 100%));
}
/* This class will try to fallback to regular color if subcolor is undefined */
table.subinfobox th {
background-color: hsl(var(--template-subcolor, var(--template-color, 0 0%)) var(--lightness-secondary-override, var(--lightness-secondary, 85%)));
}
/* This class will try to fallback to regular color if subcolor is undefined */
table.subinfobox tr {
background-color: hsl(var(--template-subcolor, var(--template-color, 0 0%)) var(--lightness-tertiary-override, var(--lightness-tertiary, 90%)));
}
.button-gallery {
background: #BF84F1;
border-radius: 9px;
padding: 5px 0;
width:100%;
font-family: Coustard;
color: white;
text-shadow: 2px 2px 0 #9230e8;
}
.button-updatehistory {
background: #5fb983;
border-radius: 9px;
padding: 5px 0;
width:100%;
font-family: Coustard;
color: white;
text-shadow: 2px 2px 0 #27593b;
}
.noticebox {
margin: 10px auto;
width: 89%;
background-color: hsl(var(--template-color, 0 0%) var(--lightness-primary-override, var(--lightness-noticebox-primary, 55%)));
border-radius: 18px;
padding: 3px 6px 6px 6px;
text-align: center;
}
#noticebox-left-img {
display: table-cell;
vertical-align: middle;
padding: 8px 10px 5px 5px;
}
#noticebox-header {
display: table-cell;
width: 100%;
text-align: left;
padding: 8px 0 0 0;
font-family: Coustard;
color: #fff;
text-shadow: 2px 2px 0 hsl(var(--template-color, 0 0%) var(--lightness-shadow, 45%));
font-size: 1.4em;
}
#noticebox-right-img {
display: table-cell;
width: 40px;
vertical-align: middle;
padding: 8px 5px 5px 10px;
}
#noticebox-text {
margin: 0 auto;
width: auto;
vertical-align: middle;
text-align: left;
background-color: hsl(var(--template-color, 0 0%) var(--lightness-secondary-override, var(--lightness-noticebox-secondary, 85%)));
border-radius: 13px;
padding: 5px 15px 5px 15px;
font-size: 1.0em;
}
/* Mobile adjustments */
@media screen and (max-width: 850px) {
.noticebox {
margin-bottom:;
width: 96%;
}
#noticebox-left-img {
line-height: 38px;
width: 25px;
}
#noticebox-header {
font-size: 1.1em;
}
#noticebox-right-img {
display: none;
}
#noticebox-text {
font-size: 0.9em;
}
}
/* Help navbox */
.navbox-help {
float: right;
margin: 10px;
width: 180px;
background-color: hsl(var(--template-color, 0 0%) var(--lightness-primary-override, var(--lightness-primary, 70%)));
border-radius: 18px;
padding: 6px;
text-align: center;
}
#navbox-help-header {
margin: 0 auto;
padding: 4px;
font-family: Coustard;
color: hsl(var(--template-color, 0 0%) var(--lightness-text-override, var(--lightness-text, 20%)));
font-size: 1.3em
}
#navbox-help-inner {
margin: 0 auto;
width: 170px;
background-color: hsl(var(--template-color, 0 0%) var(--lightness-tertiary-override, var(--lightness-tertiary, 90%)));
border-radius: 13px;
text-align: center;
padding: 5px;
}
#navbox-help-item {
margin: 3px auto;
text-align: middle;
font-family: Coustard;
font-size: 0.89em;
background: hsl(var(--template-color, 0 0%) var(--lightness-secondary-override, var(--lightness-secondary, 85%)));
border-radius: 15px;
padding: 4px;
}
