Difference between revisions of "User:Dorsal Axe/common.css"

From Nookipedia, the Animal Crossing wiki
 
(166 intermediate revisions by the same user not shown)
Line 227: Line 227:
 
}
 
}
  
−
/* Dark */
+
/* Varela Round */
−
:root {
+
@font-face {
−
--th-color-primary: hsl(200 100% 90%) !important;
+
  font-family: 'Varela Round';
−
--th-color-secondary: hsl(222 19% 18%) !important;
+
  font-style: normal;
−
--th-color-tertiary: hsl(235 61% 20%) !important;
+
  font-weight: 400;
−
--th-background: #141952 url(https://dodo.ac/np/images/6/6f/NH_Entering_Dream_1_Free_Summer_Update.png) top left repeat;
+
  font-display: swap;
−
/* --th-leaves: url(https://i.imgur.com/DxNTMSn.png); */
+
  src: url(https://fonts.gstatic.com/s/varelaround/v18/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
−
--th-img-thumbnail: hsl(235 38% 29%);
+
  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;
−
--th-list: url(https://dodo.ac/np/images/8/80/Leaf_Icon_%28Brown%29.png);
+
}
−
--th-nookipedia-text-main-page: url(https://dodo.ac/np/images/8/81/Nookipedia_Logo_Outlined_%28NH%29.png);
 
−
--th-discord: url(https://dodo.ac/np/images/8/80/Discord_Icon_Stylized_%28NH%29.png);
 
−
--th-twitter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><path fill="%23703a3c" d="M33.136 2.936c-4.392.026-8.662 2.451-10.952 6.196-.841 1.345-1.436 2.844-1.743 4.4-4.473-1.085-8.551-3.637-11.543-7.127-1.353-1.498-3.741-1.862-5.48-.837C2.1 6.281 1.426 7.691.993 9.061c-.913 2.84-.858 5.997.204 8.79C.24 19.068.141 20.72.483 22.181c.453 2.414 1.595 4.698 3.28 6.487-.296 1.339.232 2.669.921 3.797a13.53 13.53 0 0 0 1.884 2.575c-1.502.236-3.166-.07-4.486.851-1.856 1.105-2.615 3.654-1.686 5.6.523 1.242 1.675 2.047 2.876 2.561 3.56 1.747 7.476 2.776 11.434 3.006 2.782.017 5.595.041 8.32-.603 6.626-1.353 12.704-5.149 16.849-10.49 3.668-4.73 6.037-10.515 6.486-16.501.073-.558.023-1.166.133-1.694 1.11-1.096 2.402-2.098 3.09-3.534.685-1.459.512-3.265-.446-4.563.511-2.071-.731-4.374-2.729-5.109-1.33-.554-2.836-.286-4.097.328a16.96 16.96 0 0 1-1.33.503c-2.261-1.637-5.059-2.503-7.847-2.461z"/><path fill="%23fff" d="M42.476 15.927l.027 1.183c0 12.09-9.204 26.034-26.034 26.034v-.007c-4.972.007-9.84-1.417-14.025-4.102a18.61 18.61 0 0 0 2.178.132c4.12.004 8.122-1.379 11.364-3.924a9.16 9.16 0 0 1-8.548-6.354 9.12 9.12 0 0 0 4.131-.158 9.15 9.15 0 0 1-7.34-8.969v-.116a9.09 9.09 0 0 0 4.153 1.145c-4.02-2.687-5.26-8.035-2.832-12.217a25.97 25.97 0 0 0 18.858 9.559c-.737-3.178.27-6.508 2.647-8.742 3.685-3.464 9.481-3.287 12.946.397a18.36 18.36 0 0 0 5.811-2.221c-.683 2.118-2.113 3.917-4.022 5.06 1.814-.214 3.586-.699 5.254-1.44a18.59 18.59 0 0 1-4.566 4.74z"/></svg>');
 
−
--th-instagram: url(https://dodo.ac/np/images/0/09/Instagram_Icon_Stylized_%28NH%29.png);
 
−
--th-facebook: url(https://dodo.ac/np/images/a/a9/Facebook_Icon_Stylized_%28NH%29.png);
 
−
 
−
--nookipedia-bg-color: var(--th-color-tertiary);
 
−
--border: none;
 
−
--height: unset;
 
−
--p-personal-color: transparent;
 
−
/* --th-nookipedia-footer: url(https://i.imgur.com/eXTXhZj.jpg) !important; */
 
−
--th-footer-size: unset;
 
  
−
--sidebar-color: var(--th-color-primary);
+
/*==================================================
−
--sidebar-text: var(--th-color-tertiary);
+
  MAIN PAGE
−
--sidebar-background: var(--th-color-tertiary);
+
==================================================*/
  
−
--text-color: hsl(1 1% 100%);
+
/*.mainpage {
−
--link-color: hsl(200 100% 90%);
+
background: url(https://dodo.ac/np/images/0/07/Nookipedia_-_Leaf_Background_Spring.jpg) #e9f5f2;
−
--link-color-visited: hsl(245 100% 25%);
+
}
−
--editor-color: hsl(0 0% 0%);
 
−
--editor-background: hsl(210 17% 98%);
 
−
--editor-background-2: hsl(220 17% 93%);
 
−
--editor-border: hsl(220 17% 93%);
 
−
--editor-border-2: hsl(213 9% 80%);
 
−
--ace-gutter: hsl(0 0% 94%);
 
−
--ace-gutter-active: hsl(0 0% 86%);
 
−
--brightness: unset;
 
−
--selection: unset;;
 
−
--cell-background: hsl(0 100% 100%);
 
−
    --th-rc-border: hsl(212 9% 66%) ;
 
−
    --th-logo: url(https://i.imgur.com/KGRN41q.png);
 
  
−
--art-hs: 23 61%;
+
.mainpage-grid {
−
--bug-hs: 78 76%;
+
  display: grid;  
−
--design-hs: 353 72%;
+
  grid-auto-flow: row dense;  
−
--event-hs: 215 100%;
+
  grid-template-columns: 2fr 1fr;  
−
--fashion-hs: 322 49%;
+
  grid-template-rows: 1fr 1fr 1fr;  
−
--fashion-hs-sub: 320 45%;
+
  gap: 0px 0px;  
−
--film-hs: 318 69%;
+
  grid-template-areas:  
−
--fish-hs: 200 100%;
+
    "New-This-Month Recent-releases"
−
--flora-hs: 350 100%;
+
    "Featured-Fanart News"
−
--fossil-hs: 43 74%;
+
    "Trivia Birthdays";  
−
--furniture-hs: 106 50%;
+
  align-content: stretch;  
−
--gameplay-hs: 163 58%;
+
  justify-items: stretch;  
−
--gameplay-hs-sub: 160 61%;
 
−
--geography-hs: 120 50%;
 
−
--image-hs: 269 74%;
 
−
--islander-hs: 45 75%;
 
−
--item-hs: 50 95%;
 
−
--location-hs: 146 42%;
 
−
--manga-hs: 318 34%;
 
−
--merchandise-hs: 193 53%;
 
−
--minigame-hs: 782 75%;
 
−
--museum-hs: 60 31%;
 
−
--music-hs: 0 59%;
 
−
--nookipedia-hs: 99 45%;
 
−
--publication-hs: 248 53%;
 
−
--reaction-hs: 277 57%;
 
−
--realworld-hs: 60 20%;
 
−
--seacreature-hs: 215 100%;
 
−
--special-hs: 81 87%;
 
−
--species-hs: 276 56%;
 
−
--ssb-hs: 34 57%;
 
−
--ssb-hs-sub: 39 77%;
 
−
--system-hs: 0 0%;
 
−
--series-hs: 39 100%;
 
−
--series-hs-sub: 42 73%;
 
−
--tool-hs: 34 93%;
 
−
--town-hs: 101 28%;
 
−
--update-hs: 144 39%;
 
−
--user-hs: 50 70%;
 
−
--villager-hs: 195 52%;
 
−
--season-hs: 96 70%;
 
−
--spring-hs: 333 83%;
 
−
--summer-hs: 191 84%;
 
−
--autumn-hs: 29 87%;
 
−
--winter-hs: 241 59%;
 
 
}
 
}
 +
.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
 +
==================================================*/
  
−
body {
+
/* PG Letter Textures */
−
color: var(--text-color);
+
.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 color for code text box */
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
pre, .mw-code {
+
background-size: 256px 192px;
−
  background-color: hsl(235 61% 25%);
+
}
−
  border: hsl(235 61% 30%);
+
.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 {
−
#mw-content-container .sidebar-inner h3, #personal-inner h3 {
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
background-color: hsl(3 43% 42%) !important;
+
background-size: 256px 192px;
 
}
 
}
−
 
+
.letter-bluebell-pg {
−
/* Dropdown stylings on mobile and tablet */
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
@media screen and (max-width: 1099px) {
+
background-size: 256px 192px;
−
.sidebar-inner {
 
−
background-color: var(--th-color-tertiary) !important;
 
−
border: solid hsl(3 43% 42%) 2px !important;
 
−
}
 
 
}
 
}
−
 
+
.letter-mapleleaf-pg {
−
@media screen and (min-width: 1100px) {
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
/* Sidebar padding on desktop */
+
background-size: 256px 192px;
−
#mw-site-navigation {
 
−
padding-top: 35px;
 
−
}
 
−
/* Style sidebar chunks on desktop */
 
−
.sidebar-chunk {
 
−
background-color: var(--th-color-tertiary) !important;
 
−
border: solid hsl(3 43% 42%) 2px !important;
 
−
}
 
 
}
 
}
−
 
+
.letter-woodcut-pg {
−
/*==================================================
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
  TABLES
+
background-size: 256px 192px;
−
==================================================*/
 
−
 
 
−
/* Styled tables */
 
−
/* Use class="styled" to make a table use this appearance. You can combine this with one of the color classes below to theme the styled table */
 
−
table.styled {
 
−
margin: 10px;
 
−
background: hsl(var(--template-color, 0 0%) var(--lightness-primary-override, var(--lightness-primary, 20%)));
 
−
border: 4px solid hsl(var(--template-color) var(--lightness-primary-override, var(--lightness-primary, 20%)));
 
−
border-radius: 14px;
 
 
}
 
}
−
table.styled td {
+
.letter-octopus-pg {
−
background: var(--cell-background, hsl(0 100% 100%));
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
/* This class will try to fallback to regular color if subcolor is undefined */
+
.letter-festive-pg {
−
table.styled th {
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
background: hsl(var(--template-subcolor, var(--template-color, 0 0%)) var(--lightness-tertiary-override, var(--lightness-tertiary, 30%)));  
+
background-size: 256px 192px;
 
}
 
}
−
/* This class will try to fallback to regular color if subcolor is undefined */
+
.letter-skyline-pg {
−
table.styled tr:first-child th {
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
font-weight: normal;
+
background-size: 256px 192px;
−
font-family: Coustard;
 
−
font-size: 1.0em;
 
−
height: 40px;
 
−
padding: 0 5px;
 
−
text-align: center;
 
−
background-color: hsl(var(--template-subcolor, var(--template-color, 0 0%)) var(--lightness-secondary-override, var(--lightness-secondary, 25%)));
 
−
color: hsl(var(--template-color, 0 0%) var(--lightness-text-override, var(--lightness-text, 70%)));
 
 
}
 
}
−
table.styled tr:first-child th:first-child {
+
.letter-museum-pg {
−
border-top-left-radius: 9px;
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
border-bottom-left-radius: 0;
+
background-size: 256px 192px;
 
}
 
}
−
table.styled tr:first-child th:last-child {
+
.letter-fortune-pg {
−
border-top-right-radius: 9px;
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
border-bottom-left-radius: 0;
+
background-size: 256px 192px;
 
}
 
}
−
table.styled tr:last-child > :first-child {
+
.letter-stageshow-pg {
−
border-bottom-left-radius: 9px;
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
table.styled tr:last-child > :last-child {
+
.letter-thick-pg {
−
border-bottom-right-radius: 9px;
+
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);
−
  COLORS
+
background-size: 256px 192px;
−
==================================================*/
 
−
 
 
−
/* Test color */
 
−
.color-test {
 
−
--template-color: var(--test-red-hs);
 
−
--template-subcolor: var(--test-green-hs);
 
 
}
 
}
−
 
+
.letter-noodle-pg {
−
/* Gender colors */
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
.color-male {
+
background-size: 256px 192px;
−
--template-color: var(--male-hs);
 
 
}
 
}
−
.color-female {
+
.letter-neat-pg {
−
--template-color: var(--female-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
 
+
.letter-horsetail-pg {
−
/* Item colors */
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
.color-red {
+
background-size: 256px 192px;
−
--template-color: var(--red-hs);
 
 
}
 
}
−
.color-orange {
+
.letter-felt-pg {
−
--template-color: var(--orange-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-yellow {
+
.letter-parchment-pg {
−
--template-color: var(--yellow-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-green {
+
.letter-cool-pg {
−
--template-color: var(--green-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-aqua {
+
.letter-elegant-pg {
−
--template-color: var(--aqua-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-blue {
+
.letter-lacy-pg {
−
--template-color: var(--blue-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-purple {
+
.letter-polkadot-pg {
−
--template-color: var(--purple-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-pink {
+
.letter-dizzy-pg {
−
--template-color: var(--pink-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-beige {
+
.letter-rainbow-pg {
−
--template-color: var(--beige-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-brown {
+
.letter-hotneon-pg {
−
--template-color: var(--brown-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-gray {
+
.letter-coolneon-pg {
−
--template-color: var(--gray-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-black {
+
.letter-aloha-pg {
−
--template-color: var(--black-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-white {
+
.letter-ribbon-pg {
−
--template-color: var(--white-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
 
+
.letter-fantasy-pg {
−
/* Pocket Camp theme colors */
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
.color-civic {
+
background-size: 256px 192px;
−
--template-color: var(--civic-hs);
 
 
}
 
}
−
.color-cool {
+
.letter-woodland-pg {
−
--template-color: var(--cool-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-cute {
+
.letter-ginkgo-pg {
−
--template-color: var(--cute-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-elegant {
+
.letter-fireworks-pg {
−
--template-color: var(--elegant-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-harmonious {
+
.letter-winter-pg {
−
--template-color: var(--harmonious-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-hip {
+
.letter-gyroid-pg {
−
--template-color: var(--hip-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-historical {
+
.letter-ivy-pg {
−
--template-color: var(--historical-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-modern {
+
.letter-wing-pg {
−
--template-color: var(--modern-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-natural {
+
.letter-dragon-pg {
−
--template-color: var(--natural-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-rustic {
+
.letter-tile-pg {
−
--template-color: var(--rustic-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-sporty {
+
.letter-misty-pg {
−
--template-color: var(--sporty-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-generic {
+
.letter-simple-pg {
−
--template-color: var(--color-generic);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-special {
+
.letter-honeybee-pg {
−
--template-color: var(--color-special);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
 
+
.letter-mystic-pg {
−
/* Template colors */
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
/* Classes without subcolors fallback to regular Hue and Saturation values when "template-subcolor" is declared */
+
background-size: 256px 192px;
−
.color-art {
 
−
--template-color: var(--art-hs);
 
 
}
 
}
−
.color-bug {
+
.letter-sunset-pg {
−
--template-color: var(--bug-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-design {
+
.letter-lattice-pg {
−
--template-color: var(--design-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-event {
+
.letter-dainty-pg {
−
--template-color: var(--event-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-fashion {
+
.letter-daisy-pg {
−
--template-color: var(--fashion-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
−
--template-subcolor: var(--fashion-hs-sub);
+
background-size: 256px 192px;
 
}
 
}
−
.color-film {
+
.letter-butterfly-pg {
−
--template-color: var(--film-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-fish {
+
.letter-newyears-pg {
−
--template-color: var(--fish-hs);
+
background: url(https://dodo.ac/np/images/8/80/Airmail_Paper_PG.png);
 +
background-size: 256px 192px;
 
}
 
}
−
.color-flora {
+
.letter-inky-pg {
−
--template-color: var(--flora-hs);
+
background: url(https://dodo.ac/np/images/2/2a/Inky_Paper_PG.png);
−
--lightness-primary-override: var(--lightness-primary-flora);
+
background-size: 256px 192px;
−
--lightness-secondary-override: var(--lightness-secondary-flora);
 
−
--lightness-tertiary-override: var(--lightness-tertiary-flora);
 
 
}
 
}
−
.color-fossil {
+
 
−
--template-color: var(--fossil-hs);
+
/* 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;
 
}
 
}
−
.color-furniture {
+
.letter-airmail-cf {
−
--template-color: var(--furniture-hs);
+
background: url(https://dodo.ac/np/images/3/36/Airmail_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-gameplay {
+
.letter-auction-cf {
−
--template-color: var(--gameplay-hs);
+
background: url(https://dodo.ac/np/images/7/74/Auction_Paper_CF_Texture.png);
−
--template-subcolor: var(--gameplay-hs-sub);
+
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-geography {
+
.letter-bejeweled-cf {
−
--template-color: var(--geography-hs);
+
background: url(https://dodo.ac/np/images/e/e1/Bejeweled_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-image {
+
.letter-buttercup-cf {
−
--template-color: var(--gallery-hs);
+
background: url(https://dodo.ac/np/images/f/f6/Buttercup_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-islander {
+
.letter-cloudy-cf {
−
--template-color: var(--islander-hs);
+
background: url(https://dodo.ac/np/images/9/90/Cloudy_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-item {
+
.letter-cool-cf {
−
--template-color: var(--item-hs);
+
background: url(https://dodo.ac/np/images/2/26/Cool_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-location {
+
.letter-cow-cf {
−
--template-color: var(--location-hs);
+
background: url(https://dodo.ac/np/images/4/4b/Cow_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-manga {
+
.letter-elegant-cf {
−
--template-color: var(--manga-hs);
+
background: url(https://dodo.ac/np/images/b/be/Elegant_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-merchandise {
+
.letter-flowery-cf {
−
--template-color: var(--merchandise-hs);
+
background: url(https://dodo.ac/np/images/4/44/Flowery_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-minigame {
+
.letter-fourleaf-cf {
−
--template-color: var(--minigame-hs);
+
background: url(https://dodo.ac/np/images/b/b6/Four-Leaf_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-museum {
+
.letter-hamburger-cf {
−
--template-color: var(--museum-hs);
+
background: url(https://dodo.ac/np/images/7/7f/Hamburger_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-music {
+
.letter-lined-cf {
−
--template-color: var(--music-hs);
+
background: url(https://dodo.ac/np/images/d/db/Lined_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-nookipedia {
+
.letter-mapleleaf-cf {
−
--template-color: var(--nookipedia-hs);
+
background: url(https://dodo.ac/np/images/b/b9/Maple-Leaf_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-publication {
+
.letter-notebook-cf {
−
--template-color: var(--publication-hs);
+
background: url(https://dodo.ac/np/images/6/6c/Notebook_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-reaction {
+
.letter-polkadot-cf {
−
--template-color: var(--reaction-hs);
+
background: url(https://dodo.ac/np/images/f/ff/Polka-Dot_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-realworld {
+
.letter-ribbon-cf {
−
--template-color: var(--realworld-hs);
+
background: url(https://dodo.ac/np/images/a/ae/Ribbon_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-seacreature {
+
.letter-star-cf {
−
--template-color: var(--seacreature-hs);
+
background: url(https://dodo.ac/np/images/c/c8/Star_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-special {
+
.letter-tartan-cf {
−
--template-color: var(--special-hs);
+
background: url(https://dodo.ac/np/images/e/ef/Tartan_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-species {
+
.letter-townview-cf {
−
--template-color: var(--species-hs);
+
background: url(https://dodo.ac/np/images/6/6d/Town-View_Paper_CF_Texture.png);
 +
background-repeat: no-repeat;
 +
background-size: contain;
 
}
 
}
−
.color-ssb {
+
 
−
--template-color: var(--ssb-hs);
+
 
−
--template-subcolor: var(--ssb-hs-sub);
+
/* 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%)));
 
}
 
}
−
.color-system {
+
 
−
--template-color: var(--system-hs);
+
table.subinfobox td {
 +
background-color: var(--cell-background, hsl(0 100% 100%));
 
}
 
}
−
.color-series {
+
 
−
--template-color: var(--series-hs);
+
/* This class will try to fallback to regular color if subcolor is undefined */
−
--template-subcolor: var(--series-hs-sub);
+
table.subinfobox th {
 +
background-color: hsl(var(--template-subcolor, var(--template-color, 0 0%)) var(--lightness-secondary-override, var(--lightness-secondary, 85%)));
 
}
 
}
−
.color-tool {
+
 
−
--template-color: var(--tool-hs);
+
/* 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%)));
 
}
 
}
−
.color-town {
+
 
−
--template-color: var(--town-hs);
+
.button-gallery {
 +
background: #BF84F1;
 +
border-radius: 9px;
 +
padding: 5px 0;
 +
width:100%;
 +
font-family: Coustard;
 +
color: white;
 +
text-shadow: 2px 2px 0 #9230e8;
 
}
 
}
−
.color-update {
+
 
−
--template-color: var(--update-hs);
+
 
 +
.button-updatehistory {
 +
background: #5fb983;
 +
border-radius: 9px;
 +
padding: 5px 0;
 +
width:100%;
 +
font-family: Coustard;
 +
color: white;
 +
text-shadow: 2px 2px 0 #27593b;
 
}
 
}
−
.color-user {
+
 
−
--template-color: var(--user-hs);
+
.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;
 
}
 
}
−
.color-villager {
+
 
−
--template-color: var(--villager-hs);
+
#noticebox-left-img {
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
    padding: 8px 10px 5px 5px;
 
}
 
}
−
.color-season {
+
 
−
--template-color: var(--season-hs);
+
#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;
 
}
 
}
−
.color-spring {
+
 
−
--template-color: var(--spring-hs);
+
#noticebox-right-img {
 +
    display: table-cell;
 +
    width: 40px;
 +
    vertical-align: middle;
 +
    padding: 8px 5px 5px 10px;
 
}
 
}
−
.color-summer {
+
 
−
--template-color: var(--summer-hs);
+
#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;
 
}
 
}
−
.color-autumn {
+
 
−
--template-color: var(--autumn-hs);
+
/* 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;
 +
    }
 
}
 
}
−
.color-winter {
+
 
−
--template-color: var(--winter-hs);
+
tr#title {
 +
background-color: hsl(var(--template-color, 0 0%) var(--lightness-primary-override, var(--lightness-primary, 70%))) !important;
 
}
 
}

Latest revision as of 04:57, June 5, 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;
    }
}

tr#title {
	background-color: hsl(var(--template-color, 0 0%) var(--lightness-primary-override, var(--lightness-primary, 70%))) !important;
}
Retrieved from "https://nookipedia.com/w/index.php?title=User:Dorsal_Axe/common.css&oldid=1158297"