The Petit Planet Wiki - User contributions [en]

MediaWiki:Tooltip.css

2025-11-16T10:41:22Z

ReisuDesign:

/*** For [[Template:Tt]] ***/
/* Force disable default hover tooltip on mobile and enable the toggle */
.skin-fandommobile .hover-tooltip { display: none; }
.skin-fandommobile .custom-tt-wrapper.giw-collapsible .mw-collapsible-toggle { display: inline !important; }

/** Text styling **/
/* Override collapsible stylings */
.custom-tt-wrapper.giw-collapsible .mw-collapsible-toggle {
padding: 0;
border: none;
position: relative;
/* Allow text selection */
-moz-user-select: inherit;
-webkit-user-select: inherit;
-ms-user-select: inherit;
user-select: inherit;
font-weight: inherit;
}
.custom-tt-wrapper.giw-collapsible .mw-collapsible-content,
.custom-tt-wrapper.giw-collapsible .mw-collapsible-content ul,
.custom-tt-wrapper.giw-collapsible .mw-collapsible-content ol {
font-weight: normal;
}

.text-tooltip { cursor: help; }

/*** The tooltip's toggle version ***/
.toggle-tooltip.giw-collapsible, .text-tooltip {
border-bottom-color: rgb(128, 128, 128);
border-bottom-width: 2px;
border-bottom-style: dotted;
> .toggle-tooltip.custom-tt { cursor: pointer; }
}

/** Desktop: enabled through gadget **/
/* Container */
.skin-fandomdesktop .custom-tt-wrapper:not(.giw-extra-effect-wrapper) {
.oo-ui-popupWidget-popup {
background: var(--background-color-base);
color: var(--color-base);
border-radius: 5px 0 5px 5px;
border: 1px solid var(--color-progressive);
padding: 6px;
text-align: center;
font-size: 14px;
font-weight: normal;
line-height: 1.75;
white-space: normal;
font-family: rubik,RubikSupplement,helvetica,arial,sans-serif;
}
.oo-ui-popupWidget-anchor {
--background-color-base--secondary: var(--color-progressive);
}
}

.skin-fandomdesktop .mw-collapsible-content.custom-tt-toright { border-radius: 0 5px 5px 5px; }
.skin-fandomdesktop .mw-collapsible-content.custom-tt-toright:before {
border-top:0 solid transparent;
border-bottom:10px solid var(--color-progressive);
border-right:10px solid transparent;
border-left:0 solid transparent;
left:-1px;
right: unset;
}

/** Mobile: enabled by default (attr:title does not work) **/
/* Container */
.skin-fandommobile .custom-tt-wrapper .mw-collapsible-toggle-expanded + .mw-collapsible-content.custom-tt {
position: fixed;
z-index: 10005;
width: 100%;
height: 125px;
background: var(--background-color-base);
color: var(--color-base);
border-radius: 0 0 5px 5px;
border: 1px solid var(--color-progressive);
min-width: 150px;
min-height: 25px;
padding: 6px;
text-align: center;
bottom: 0;
left: 0;
margin: 0;
overflow-y: scroll;
/* avoid inheriting font changes from use in <h2> and all that */
text-transform: none;
font-size: 14px;
font-weight: normal;
line-height: 1.75;
font-family: rubik,RubikSupplement,helvetica,arial,sans-serif;
}
/* Container header */
.skin-fandommobile .custom-tt-wrapper .mw-collapsible-toggle-expanded + .mw-collapsible-content.custom-tt:before {
content: "ⓘ Tooltip content:";
display: block;
text-align: left;
margin: 2px 0;
width: 100%;
border-bottom: 1px solid var(--color-progressive);

}
/* Tooltip surrogate toggle on container header */
.skin-fandommobile .custom-tt-wrapper .mw-collapsible-toggle-expanded:after {
content: "x" !important;
position: fixed;
z-index: 10006;
bottom: 90px;
right: 15px;
font-size: 30px;
font-family: rubik,RubikSupplement,helvetica,arial,sans-serif;
text-transform: none;
}
/* Tooltip surrogate toggle on backdrop overlay */
.skin-fandommobile .custom-tt-wrapper .mw-collapsible-toggle-expanded:before {
background: black;
position: fixed;
height: calc(100% - 125px);
width: 100%;
top: 0;
left: 0;
opacity: 0.6;
z-index: 10004;
}

/** For [[Template:Extra Effect]] **/
:root .theme-fandomdesktop-dark, :root .theme-fandommobile-dark {
--extra-effect-bg: #0c0c0cd6;
}

:root .theme-fandomdesktop-light, :root .theme-fandommobile-light {
--extra-effect-bg: #ecececd6;
}

@keyframes extra-effect-appear {
from {
transform: translate(0px, 15px);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
}

.mediawiki .giw-extra-effect-wrapper:not(.mw-collapsible) {
padding:0;
border-bottom-style:solid;
border-bottom-width:1px
}
.giw-extra-effect.oo-ui-popupWidget-popup {
font-size:16px;
border-radius:5px;
background:var(--extra-effect-bg, #0c0c0cd6);
backdrop-filter:blur(3px);
border:1px solid var(--border-color-base);
animation:extra-effect-appear 0.25s;
}
.custom-tt + .oo-ui-floatableElement-floatable {
margin: 5px 0px;
.oo-ui-popupWidget-popup {
padding: 10px;
}
.oo-ui-clippableElement-clippable {
overflow: visible !important;
overflow-y: visible !important;
max-width: unset !important;
width: fit-content !important;
height: fit-content !important;
}
}

.giw-extra-effect .giw-extra-effect-header {
display: block;
font-weight: bold;
border-bottom: 1px solid var(--border-color-base);
margin-bottom: 2px;
}

.skin-fandommobile .giw-extra-effect-wrapper .mw-collapsible-toggle-expanded + .mw-collapsible-content.giw-extra-effect {
position: fixed;
z-index: 10005;
width: 100%;
height: 300px;
background: var(--extra-effect-bg, #0c0c0cd6);
color: var(--color-base);
border-radius: 0 0 5px 5px;
border: 1px solid var(--border-color-base);
min-width: 150px;
min-height: 25px;
bottom: 0;
left: 0;
margin: 0;
overflow-y: scroll;
max-width: 100vw;
}

.skin-fandommobile .custom-tt-wrapper .mw-collapsible-toggle-expanded.giw-extra-effect:after {
bottom: 265px;
}

.skin-fandommobile .custom-tt-wrapper .mw-collapsible-toggle-expanded.giw-extra-effect:before {
height: calc(100% - 300px);
}

/* replace info icon with fandom's higher res version */
.custom-tt-wrapper[data-tt-text="ⓘ"] .toggle-tooltip {
font-size: 0;
&:before {
content: 'ℹ';
font-size: 12px;
font-family: FANDOM-Icons;
}
}

MediaWiki:Formatting.css

2025-11-16T10:40:07Z

ReisuDesign:

code, .custom-formatting-code:not(.custom-formatting-plain) {
background-color: var(--background-color-3);
border-radius: 5px;
padding: 0px 4px;
margin-right: 5px;
font-family: monospace;
}
/* For [[Module:Formatting]] */
.custom-formatting-code {
display: inline-block;
line-height: 21px;
}
.custom-formatting-code.code-block-table { display: table; }
span.variable { opacity: 0.65; }
span.variable::after {
opacity: 0.65;
content: ">";
}
span.variable::before {
opacity: 0.65;
content: "<";
}
.custom-formatting-nested { display: none; }
.custom-formatting-resulting { display: inline; }
.custom-formatting-code .custom-formatting-nested { display: inline-block; }
.custom-formatting-code .custom-formatting-resulting { display: none; }

MediaWiki:Edittools.css

2025-11-16T10:39:43Z

ReisuDesign:

.edittools div.mw-collapsible {
padding: 0;
display: inline;
}

#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

.edittools .mw-collapsible-toggle-default::before, .edittools .mw-collapsible-toggle-default::after {
content:'' !important;
}

.edittools .mw-collapsible-toggle-default span {
background-color: var(--background-color-8);
padding: 0 4px;
border-radius: 10px;
margin-left: 5px;
font-weight: 700;
color: var(--color-base);

:hover {
background-color: var(--background-color-9);
}
}

Template:CustomTabs/styles.css

2025-11-16T10:39:00Z

ReisuDesign:

/* For Template:CustomTabs */

/* Hide dummy infobox layout junk on desktop */
aside.pi-theme-dummy,
aside.pi-theme-dummy ~ aside.portable-infobox + p > br:first-child,
aside.pi-theme-dummy ~ aside.portable-infobox + p:empty + p > br:first-child {
display: none;
}

.custom-tabs {
display: flex;
flex-direction: row;
gap: 5px;
width: 100%;
margin: 5px 0;
flex-wrap: wrap;
justify-content: space-evenly;

> span {
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
text-align: center;
transition: 0.25s;
}

a,
.selflink,
span.new {
display: flex;
width: 100%;
height: 100%;
padding: 8px 10px;
border-radius: 10px;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 900 !important;
}

/* Apply Color Scheme */
span {
&.active-tab {
background-color: var(--active-tab-background-color);

strong,
a:not(.new) {
color: var(--active-tab-color);
}
}

&.inactive-tab {
background: var(--inactive-tab-background-color);

a:not(.new) {
color: var(--inactive-tab-color);
}

&:hover {
background: var(--inactive-tab-hover-background-color);

a:not(.new) {
color: var(--inactive-tab-hover-color);
}
}
}
}
}

/* Mobile 2-column layout */
.skin-fandommobile {
.custom-tabs {
display: grid;
grid-template-columns: repeat(2, 50%);
grid-auto-flow: row;

a,
.selflink,
span.new {
font-size: 90%;
}
}
}

/* Default Color Scheme */
.custom-tabs-default {
--active-tab-background-color: var(--theme-accent-color);
--active-tab-color: var(--color-base);
--inactive-tab-background-color: var(--background-color-1);
--inactive-tab-color: var(--color-base);
--inactive-tab-hover-background-color: var(--background-color-3);
--inactive-tab-hover-color: var(--inactive-tab-color);

.skin-theme-clientpref-night &, .skin-theme-clientpref-os & {
--active-tab-color: var(--background-color-base);
}
}

MediaWiki:Gadget-Card.css

2025-11-16T10:38:17Z

ReisuDesign:

.card-container {
display: inline-flex;
flex-direction: column;
align-items: center;
position: relative;
vertical-align: top;
text-align: center;
gap: 2px;
margin: 2px;

&.wds-dropdown {
&::before,
&::after {
display: none !important;
}
}
}

.card-wrapper {
display: block;
position: relative;
}

.card-body {
display: block;
width: min-content;
border-radius: 45px;
overflow: hidden;
background: var(--background-color-3);
text-align: center;

&:hover {
outline: solid 2px var(--background-color-2);
}
}

.mini-card {
.card-body {
border-radius: 30px;
background: none;
background: var(--background-color-3);
}

.card-image-container,
.card-image-container figure {
width: 48px;
height: 48px;
border-bottom-right-radius: initial;
background-size: cover !important;
}

.card-image-container img {
width: 48px;
height: 48px;
}

.card-caption {
width: 48px;
}
}

.card-image-container,
.card-image-container figure {
display: flex;
width: 74px;
height: 74px;
border-bottom-right-radius: 14px;
overflow: hidden;
align-items: center;
justify-content: center;
}

/* Mini on desktop – override */
.mini-card {
.card-image-container,
.card-image-container figure {
width: 56px;
height: 56px;
}

.card-image-container img {
width: 56px;
height: 56px;
}

.card-caption {
width: 56px;
}

.card-image-container a.new {
height: 56px;
width: 56px;
background-image: var(--unknown-img);
}

.card-mobile-text {
display: none;
}
}

/* Mobile adjustments */
.skin-fandommobile {
.mini-card .card-icon img {
width: 10px;
height: 10px;
}

.card-image-container img {
border: none;
width: 70px;
height: 70px;
object-fit: contain;
}

.mini-card .card-image-container img {
width: 45px;
height: 45px;
}

.card-image-container figure {
margin-bottom: 0;
}

/* Mobile List Mode */
.card-mobile-list {
.card-container {
display: block;
text-align: left;
margin: 0;
}

.card-body,
.card-body:hover,
.card-image-container {
background: none;
box-shadow: none;
outline: none;
}

.card-stars,
.card-set-container,
.card-equipped,
.card-text,
.card-caption,
.card-refinement,
.card-constellation,
.card-equipped {
display: none;
}

.card-image-container img {
width: 30px;
height: 30px;
}

.card-wrapper,
.card-body,
.card-image-container,
.card-image-container figure,
.card-image-container figure a {
display: inline;
}

.card-icon,
.card-icon-right {
position: relative;
}
}
}

/* Card text */
.card-text {
display: block;
font-size: 13px;
line-height: 24px;
height: 24px;
background-color: var(--background-color-base);
border-radius: 12px !important;
min-width: 20px !important;
padding: 0 2px;
overflow-wrap: anywhere;
position: absolute;
right: 0;
bottom: 0;
text-align: center;

&.multi-line {
height: auto;
}
}

.card-text-small {
font-size: 10px;
line-height: 14px;
}

.card-text-smaller {
font-size: 8px;
line-height: 14px;
}

.card-font {
color: #a29b84;
font-family: "PetitPlanet";
}

/* Icon positions */
.card-icon {
position: absolute;
top: 1px;
left: 1px;
line-height: 0;
z-index: 1;
}

.card-icon-right {
position: absolute;
top: 1px;
right: 1px;
line-height: 0;
}

.card-icon-bottom-left {
position: absolute;
bottom: 17px;
left: 1px;
line-height: 0;
}

.card-icon-bottom-right {
position: absolute;
bottom: 17px;
right: 1px;
line-height: 0;
}

/* Stars */
.card-stars {
display: block;
height: 16px;
width: 100%;
position: absolute;
top: 62px;
line-height: 0;
pointer-events: none;
}

/* Caption */
.card-caption {
width: 74px;
line-height: 1;
font-size: 12px;
hyphens: auto;
overflow-wrap: break-word;

&.auto-width {
width: min-content;
max-width: 100%;
min-width: 100%;
hyphens: none;
overflow-wrap: normal;
}
}

/* Unknown fallback */
.card-image-container a.new {
display: block;
height: 74px;
width: 74px;
background-image: var(--unknown-img);
background-size: cover;
font-size: 0;
}

.mini-card .card-image-container a.new {
height: 48px;
width: 48px;
}

/* Card List */
.card-list-container {
text-align: left;
}

Template:Quote/styles.css

2025-11-16T10:37:01Z

ReisuDesign:

@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Text:wght@200..700&display=swap');

blockquote.pull-quote {
border: none !important;
border-radius: 20px;
position: relative;
margin-left: 0;
padding: 0;
margin-top: 5px !important;
padding-top: 0px;
padding-left:0;
display: flow-root;

&:has(.pull-quote__source) {
margin-top: 25px !important;
}
}

.pull-quote__text {

p {
position: relative;
background-color: var(--background-color-2);
padding: 20px 20px;
border-radius: 20px;
margin-bottom: 0;
font-weight: 500;
}

p:after {
content: '”';
font-family: "Stack Sans Text", sans-serif;
font-size: 70px;
position: absolute;
right: 20px;
bottom: -78px;
font-weight: initial;
color: var(--background-color-8);
}
}

.pull-quote__source {
background-color: var(--theme-accent-color);
padding: 5px 15px;
border-radius: 10px;
position: absolute;
top: -10px;
left: 10px;
width: fit-content;
font-size: 13px;
color: var(--color-base);
font-weight: 500;
font-family: 'PetitPlanet';

a {
color: var(--color-base);
}

cite {
font-style: normal !important;
}
}

Template:Documentation/styles.css

2025-11-16T10:36:12Z

ReisuDesign:

/*Documentation*/
.template-documentation {
overflow: hidden;
}

.template-documentation .template-documentation-header,
.template-documentation .template-documentation-footer,
.doctable th.doc-header {
padding: 1em;
background-color: var(--background-color-2);
border: 1px solid var(--border-color-subtle);
border-radius: 10px;
}

.template-documentation .template-documentation-footer {
font-size: 100%;
text-align: right;
}

.template-documentation .template-documentation-langs {
background-color: #F6F6F6;
background-color: rgba(var(--theme-border-color--rgb, 246,246,246), 0.15);
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 0.5em;
}

.template-documentation .template-documentation-langs li {
margin: 0 0 0 1em;
padding: 0.5em 0 0;
}

.template-documentation .template-documentation-langs li.selected {
order: -1;
}

.template-documentation .template-documentation-langs li.selected a {
color: black;
font-weight: bold;
}

.template-documentation .template-documentation-content {
overflow-y: auto;
padding: 1em;
}

.doctable {
border: none;
border-spacing: 5px;
}

.doctable th.doc-header {
padding: 15px;
background-color: var(--background-color-1);
}

.doctable tr.links td {
padding: 0;
}

.doctable tr.links td a,
.doctable tr.links td .mw-selflink {
padding: 5px;
display: block;
font-size: 1rem;
text-align: center;
text-decoration: none;
transition: 0.1s;
border-radius: 10px;
margin-top: 5px
}

.doctable tr.links td a {
background-color: var(--background-color-2);
color: var(--theme-page-background-color);
font-weight: 700;
background-image: none; /*Hide external link icon */
}

.doctable tr.links td a:hover,
.doctable tr.links td .mw-selflink {
background-color: var(--theme-accent-color);
color: var(--color-base);
transition: 0.1s;
}

.skin-theme-clientpref-night .doctable tr.links td a:hover,
.skin-theme-clientpref-night .doctable tr.links td .mw-selflink,
.skin-theme-clientpref-os .doctable tr.links td a:hover,
.skin-theme-clientpref-os .doctable tr.links td .mw-selflink {
color: var(--page-background-color);
}

/* Edits appearence of buttons on Header 8 */
.template-documentation-header #doc_editlinks {
color: transparent;
/* hide text including [ and ] */
a {
color: inherit;
/* restore link color */
color: var(--color-base);
/* or your normal link color */
background-color: var(--background-color-4) !important;
padding: 2px 8px !important;
border-radius: 10px !important;
transition: ease .15s;
}

a:hover {
text-decoration: none;
background-color: var(--background-color-7) !important;
transition: ease .15s;
.skin-theme-clientpref-day & {
background-color: var(--background-color-6) !important;
}
}

a:not(:last-child) {
margin-right: -5px;
}

a::before,
a::after {
content: '';
/* no [ ] before or after */
}
}

MediaWiki:Tables.css

2025-11-16T10:34:58Z

ReisuDesign:

.article-table, .wikitable {
border-radius: 10px;
border-spacing: 0px !important;
overflow: hidden;
border: 1px solid transparent !important;

th {
background-color: var(--background-color-4) !important;
padding: 8px 15px;
text-align: left;
}

td {
padding: 3px 15px;
background-color: var(--background-color-1);
}

tr:nth-child(odd) td {
background-color: var(--background-color-2);
}
}

.wikitable td, .wikitable th {
border-color: transparent !important;
}

MediaWiki:Gadget-Navbox.css

2025-11-16T10:33:44Z

ReisuDesign:

.portable-infobox.pi-theme-navbox {
box-sizing: border-box;
float: none;
margin: 0;
/* fallback width */
width: 100%;
/* (1px border + 0.5em padding) * 2 = 16px
width: calc(100% - 1em - 2px); */
}

.portable-infobox.pi-theme-navbox .pi-data-value {
flex-basis: 100%;
width: 100%;
}

.portable-infobox.pi-theme-navbox .pi-data-label {
flex-basis: 200px;
}

.navbox {
width: 100%;
font-size: 88%;
margin: auto;
clear: both;
text-align: center;
border-radius: 10px !important;
overflow: hidden;
}

.navbox td {
padding: 0 !important;
}

.navbox-inner,
.navbox-subgroup {
width: 100%;
}

.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em;
line-height: 1.5em;
text-align: center;
}

th.navbox-group {
white-space: nowrap;
text-align: left;
/* Align Left cuz read words LTR, skim left side charaters first */
}

.skin-fandommobile th.navbox-group {
white-space: normal;
}

.navbox,
.navbox-subgroup {
background: var(--theme-page-background-color);
}

.navbox-list {
line-height: 1.5em;
}

table.navbox table.navbox {
margin-top: 0;
}

table.navbox + table.navbox {
margin-top: -1px;
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0;
}

.page-content .navbox .hlist dl,
.page-content .navbox .hlist ol,
.page-content .navbox .hlist ul {
margin: 0;
padding: 0;
}

.hlist dd,
.hlist dt,
.hlist li {
display: inline;
}

.hlist .inline,
.hlist .inline dl,
.hlist .inline ol,
.hlist .inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}

.hlist dt:after {
content: ":"
}

.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}

.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}

.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}

.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}

.hlist dd dd.hlist-last-child:after,
.hlist dd dt.hlist-last-child:after,
.hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after,
.hlist dt dt.hlist-last-child:after,
.hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after,
.hlist li dt.hlist-last-child:after,
.hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}

.hlist ol {
counter-reset: listitem;
}

.hlist ol > li {
counter-increment: listitem;
}

.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}

.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}

.navbar ul {
display: inline;
white-space: nowrap;
}

.mw-body-content .navbar ul {
line-height: inherit;
}

.navbar li {
word-spacing: -0.125em;
}

.navbox .navbar {
display: block;
font-size: 100%;
}

.navbox-title .navbar {
float: left;
text-align: left;
margin-right: 0.5em;
width: 6em;
}

.collapseButton {
float: right;
font-weight: normal;
margin-left: 0.5em;
text-align: right;
width: auto;
}

.navbox .collapseButton {
width: 6em;
}

.mw-collapsible-toggle {
font-weight: normal;
text-align: right;
}

.navbox .mw-collapsible-toggle {
width: 6em;
}

/* Portable Navbox */
.pi-theme-navbox {
--pi-secondary-background: var(--color-progressive);
--pi-secondary-background--label: var(--theme-body-text-color);
padding: 0 3px;
}
.pi-theme-navbox .pi-data {
padding: 0;
}

.portable-infobox.pi-theme-navbox :is(.pi-data-label, .pi-data-value) {
line-height: 1.5em;
font-size: .7em;
padding: 0.25em 1em;
}
.portable-infobox.pi-theme-navbox .pi-data-label {
display: flex;
align-items: center;
justify-content: flex-start;
/* Align Left cuz read words LTR, skim left side charaters first */
flex-basis: 200px;
background-color: var(--custom-tertiary-color);
color: var(--custom-tertiary-color-text);
}
.portable-infobox.pi-theme-navbox .pi-data-value {
flex-basis: 100%;
}
.portable-infobox.pi-theme-navbox .pi-data:nth-child(odd) .pi-data-value {
background-color: var(--theme-page-background-color--secondary);
}

/* For Template:Characters_Navbox */
.navbox-list-top > div > div {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

/* align left when navbox list contains cards */
.navbox-list:has(div > .card-list-container) > div,
.navbox-list:has(div > div > .card-list-container) > div {
text-align: left;
}

/* Adds Unknown image for not uploaded files and hides redlink */
.navbox-list a.new[href*="Special:Upload"] {
display: inline-flex;
width: 45px;
height: 45px;
background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png/revision/latest/scale-to-width-down/45);
background-size: cover;
vertical-align: middle;
font-size: 0;
}

/* Hide empty sub-navboxes (second rule is for the spacing row) */
.navbox-inner tr:has(> td.navbox-list:only-child > .navbox-subgroup tr:only-child > th.navbox-title),
.navbox-inner tr:has(+ tr > td.navbox-list:only-child > .navbox-subgroup tr:only-child > th.navbox-title) {
display: none !important;
}

/* Gallery for mobile */
.skin-fandommobile .navbox-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;

.article-media-thumbnail {
margin-bottom: 0;
}

.article-media-placeholder {
border: none;
}

br,
figcaption {
display: none;
}
}

/* Navbox colors */
.navbox-title a,
.navbox-group a {
color: var(--color-progressive);
}

.navbox-title,
.navbox-group,
.navbox-title .mw-collapsible-text {
color: var(--color-base);
}

.navbox-odd {
background: var(--background-color-1);
}

.navbox-subgroup .navbox-title {
background: var(--background-color-2);
}

.navbox-subgroup .navbox-subgroup .navbox-title {
background: var(--background-color-6);
}

.navbox-title {
background: var(--background-color-4);
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
color: var(--color-base);
background: var(--pi-rows-color)!important;
}

.navbox-image {
background: var(--pi-rows-color);
}

.navbox-even {
background: var(--theme-page-background-color--secondary);
}

MediaWiki:Gadget-Infobox.css

2025-11-16T10:32:07Z

ReisuDesign:

/*infobox*/
.portable-infobox {
min-width: 340px;
background: var(--background-color-1);
border-radius: 20px;
padding: 10px;
}

.pi-title {
background-color: var(--theme-accent-color);
text-align: center;
border-radius: 10px;
color: var(--color-base);
margin-bottom: 5px !important;
}

.skin-theme-clientpref-night .pi-title,
.skin-theme-clientpref-os .pi-title {
color: var(--page-background-color);
}

.pi-data {
background-color: var(--background-color-3);
border-radius: 10px;
margin-bottom: 5px;
border: none;
}

.pi-data:last-child {
margin-bottom: 0;
}

.pi-data-label {
color: var(--color-progressive);
font-family: 'Inter' !important;
font-weight: 700 !important;
}

.portable-infobox .pi-data-label {
flex: 95px;
}

.pi-image img {
border-radius: 10px;
overflow: hidden;
margin-bottom: 5px !important;
}

.pi-media-collection-tabs {
gap: 5px;
align-items: stretch !important;
margin-bottom: 2px !important;
}

.pi-media-collection-tabs .current {
background-color: var(--background-color-6) !important;
}

.pi-media-collection-tabs li {
border-radius: 10px !important;
background-color: var(--background-color-3) !important;
}

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
max-width: none !important;
flex-grow: 1;
}

.pi-header {
background-color: transparent !important;
text-align: center;
font-weight: 500 !important;
}

/* Group Styling */
.pi-horizontal-group {
margin-bottom: 5px;
border: 1px solid transparent !important;
border-spacing: 5px 0;
border-collapse: collapse;
border-radius: 10px;
overflow: hidden;
}

.pi-horizontal-group {
td , th {
border-color: var(--background-color-1) !important;
border-width: 5px !important;
background-color: var(--background-color-3);
}
}

.pi-group {
border: none;
}

Template:Color/styles.css

2025-11-16T10:31:16Z

ReisuDesign:

/* Colors */
/* Night, Dark */
.skin-theme-clientpref-night {
--background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg");
--background-color-base: #0d0f1e !important;
--color-base: #fefdde !important;

--theme-accent-color: #ffed76;
--theme-accent-color--rgb: 255, 237, 118;
--color-progressive: #51d5e3 !important;
--color-progressive--hover: #8ce4ed !important;

--background-color-0: var(--background-color-base);
--background-color-1: oklch(0.25 0.0278 277.52);
--background-color-2: oklch(0.30 0.0278 277.52);
--background-color-3: oklch(0.35 0.0278 277.52);
--background-color-4: oklch(0.40 0.0278 277.52);
--background-color-5: oklch(0.45 0.0278 277.52);
--background-color-6: oklch(0.50 0.0278 277.52);
--background-color-7: oklch(0.55 0.0278 277.52);
--background-color-8: oklch(0.60 0.0278 277.52);
--background-color-9: oklch(0.65 0.0278 277.52);
--background-color-10: oklch(0.70 0.0278 277.52);

--border-color-base: #292c41 !important;
--border-color-subtle: #212337 !important;
--theme-page-background-color--secondary: #20242C;
--theme-page-text-color-inverse: #43403D;

--group-color: #998a6b;
--border-color: #716243;
--title-color: #ceb582;
--subtitle-color: #ceb582;

--pi-border: #292c41 !important;
--pi-tabber-bg-color: #353847;
--pi-tabber-color: #B2B2B4;
--pi-title-bg-color: var(--theme-accent-color);
--pi-title-color: var(--theme-page-background-color);
--pi-header-bg-color: #21232C;
--pi-header-color: var(--theme-accent-color);
--pi-rows-color: #272935;

--header-link-border-color-1: #3d285a;
--header-link-border-color-2: #2f295c;
--mobile-lightbox-border-color: var(--theme-border-color);

--table-ascension-bg-color: #2C2E3A;

--color-buzz: #2095EF;
--color-bp: #cc8000;
--color-menu: #D3BC8E;
--color-new: #41be3a;
--color-old: #e35045;
--color-help: #e0bb00;
--color-catch: #85cdae;

--custom-tabs-active-color: var(--page-background-color);
}

/* OS, Auto */
@media screen and (prefers-color-scheme: dark) {
.skin-theme-clientpref-os {
--background-image: url("https://petitplanet.wiki/images/b/b4/Background_Dark.jpg");
--background-color-base: #0d0f1e !important;
--color-base: #fefdde !important;

--theme-accent-color: #ffed76;
--theme-accent-color--rgb: 255, 237, 118;
--color-progressive: #51d5e3 !important;
--color-progressive--hover: #8ce4ed !important;

--background-color-0: var(--background-color-base);
--background-color-1: oklch(0.25 0.0278 277.52);
--background-color-2: oklch(0.30 0.0278 277.52);
--background-color-3: oklch(0.35 0.0278 277.52);
--background-color-4: oklch(0.40 0.0278 277.52);
--background-color-5: oklch(0.45 0.0278 277.52);
--background-color-6: oklch(0.50 0.0278 277.52);
--background-color-7: oklch(0.55 0.0278 277.52);
--background-color-8: oklch(0.60 0.0278 277.52);
--background-color-9: oklch(0.65 0.0278 277.52);
--background-color-10: oklch(0.70 0.0278 277.52);

--border-color-base: #292c41 !important;
--border-color-subtle: #212337 !important;
--theme-page-background-color--secondary: #20242C;
--theme-page-text-color-inverse: #43403D;

--group-color: #998a6b;
--border-color: #716243;
--title-color: #ceb582;
--subtitle-color: #ceb582;

--pi-border: #292c41 !important;
--pi-tabber-bg-color: #353847;
--pi-tabber-color: #B2B2B4;
--pi-title-bg-color: var(--theme-accent-color);
--pi-title-color: var(--theme-page-background-color);
--pi-header-bg-color: #21232C;
--pi-header-color: var(--theme-accent-color);
--pi-rows-color: #272935;

--header-link-border-color-1: #3d285a;
--header-link-border-color-2: #2f295c;
--mobile-lightbox-border-color: var(--theme-border-color);

--table-ascension-bg-color: #2C2E3A;

--color-buzz: #2095EF;
--color-bp: #cc8000;
--color-menu: #D3BC8E;
--color-new: #41be3a;
--color-old: #e35045;
--color-help: #e0bb00;
--color-catch: #85cdae;

--custom-tabs-active-color: var(--page-background-color);
}
}

/* Day, Light */
.skin-theme-clientpref-day {
--background-image: url("https://petitplanet.wiki/images/c/c3/Background_Light.jpg");
--background-color-base: #f6f9dd !important;
--color-base: #5a4a3c !important;

--theme-accent-color: #eac863;
--theme-accent-color--rgb: 234, 200, 99;
--color-progressive: #3893a5 !important;
--color-progressive--hover: #246d7b !important;

--background-color-0: var(--background-color-base);
--background-color-1: oklch(0.94 0.04 107.5);
--background-color-2: oklch(0.92 0.045 105);
--background-color-3: oklch(0.87 0.045 105);
--background-color-4: oklch(0.82 0.045 105);
--background-color-5: oklch(0.77 0.045 105);
--background-color-6: oklch(0.72 0.045 105);
--background-color-7: oklch(0.67 0.045 105);
--background-color-8: oklch(0.62 0.045 105);
--background-color-9: oklch(0.57 0.045 105);
--background-color-10: oklch(0.52 0.045 105);

--border-color-base: #cdbaaa !important;
--border-color-subtle: #ddcaba !important;

--color-buzz: #0075EB;
--color-bp: #cc8000;
--color-menu: #937C6E;
--color-new: #317e2a;
--color-old: #932015;
--color-help: #BB8010;
--color-catch: #68b996;
}

.text-buzz, .text-buzz * { color: var(--color-buzz); }
.bg-buzz { background-color: var(--color-buzz); }

.text-bp, .text-bp * { color: var(--color-bp); }
.bg-bp { background-color: var(--color-bp); }

.text-menu, .text-menu * { color: var(--color-menu); }
.bg-menu { background-color: var(--color-menu); }

.text-new, .text-new * { color: var(--color-new); }
.bg-new { background-color: var(--color-new); }

.text-old, .text-old * { color: var(--color-old); }
.bg-old { background-color: var(--color-old); }

.text-help, .text-help * { color: var(--color-help); }
.bg-help { background-color: var(--color-help); }

.text-catch, .text-catch * { color: var(--color-catch); }
.bg-catch { background-color: var(--color-catch); }

MediaWiki:Common.css

2025-11-16T10:28:31Z

ReisuDesign:

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=El+Messiri:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

/* Imports caching */
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:MessageBox.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Quote.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Change History.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Hatnote.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Card.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Recipe.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Edittools.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Formatting.css&action=raw&ctype=text/css");

:root {
--unknown-img: url("https://petitplanet.wiki/images/d/dd/Unknown.png");
}

body {
background: var(--background-image) no-repeat fixed center center / cover !important;
}

body, h1, h2, h3, h4 {
color: var(--color-base);
}

.mw-logo-wordmark {
width: initial !important;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

/* Main page header */
.mp-header-container {
background-color: var(--background-color-2);
border-radius: 20px;
padding: 1rem;
margin-bottom: 1rem;
}

.skin-theme-clientpref-day .mp-header-wordmark img {
filter: invert(1);
}

MediaWiki:Vector-2022.css

2025-11-16T10:27:22Z

ReisuDesign:

/* Header */
.mw-header {
top: 10px;
background-color: transparent !important;
}

/* Page Container */
.mw-page-container {
background-color: var(--background-color-base) !important;
border-radius: 40px;
margin-top: 20px;
}

/* Apply margin to page container and sticky header in Wide Mode on larger screens */
@media screen and (min-width: 1680px) {
.vector-feature-limited-width-clientpref-0, .vector-sticky-header {
margin-left: 2rem;
margin-right: 2rem;
}
}

/* Apply margin to page container and sticky header on smaller screens */
@media screen and (max-width: 1680px) {
.mw-page-container, .vector-sticky-header {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}

/* Reduce footer container padding */
.mw-footer-container {
padding-bottom: 2rem;
}

/* Typography */
.mw-body h1 {
font-size: 48px !important;
}

.mw-body h2 {
border-color: var(--border-color-base) !important;
border-width: 2px;
}

.mw-body h3 {
font-weight: normal;
}

/* Heading Border Color */
.mw-heading1, h1, .mw-heading2, h2 {
border-color: #212337 !important;
}

/* Links */
a,
a:visited,
.vector-menu-tabs .mw-list-item a:visited,
.vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--color-progressive);
}

/* Radio Buttons */
.cdx-radio__input:enabled:checked + .cdx-radio__icon {
border-color: var(--color-progressive);
}

.cdx-radio__icon {
background-color: var(--background-color-2);
}

/* Code Blocks */
code {
border: none;
background-color: var(--background-color-3);
border-radius: 5px;
padding: 2px 5px;
}

pre {
border-radius: 10px;
border: none;
background-color: var(--background-color-1);
color: var(--color-base);
}

/* Hide the Vector-2022 "switch back" link in sidebar */
.vector-main-menu-action-opt-out {
display: none;
}

/* Search Bar */
#p-search {
display: flex;
justify-content: center;
align-items: center;
}

.cdx-search-input--has-end-button {
background-color: transparent !important;
border: none !important;
}

.cdx-text-input__input {
background-color: var(--background-color-base) !important;
border-radius: 20px !important;
border: none;
margin-right: 20px !important;
}

.cdx-search-input__input-wrapper {
margin-right: 10px !important;
}

.cdx-typeahead-search {
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--theme-accent-color) !important;
color: var(--background-color-base);
font-family: "Inter" !important;
border: 1px solid var(--theme-accent-color);
border-radius: 20px;
}

.skin-theme-clientpref-day & {
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
background-color: #FFED76 !important;
color: var(--color-base);
border: 1px solid #FFED76;
}
}
}

#searchform > div > button, #searchform > button {
border: 1px solid var(--theme-accent-color);

&:hover {
border-color: var(--color-progressive);
}
}

/* User & Search Actions */
#ca-uls {
background: var(--background-color-3);
border-radius: 20px;

span {
color: var(--color-base) !important;
}

&:hover {
background: var(--background-color-4);
}

& > a {
border-radius: 20px;
&:hover {
border-color: var(--color-progressive);
}
}
}

input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
box-shadow: none;
background: var(--background-color-3);
border-radius: 20px;
}

#pt-userpage-2 a:not(.mw-selflink) {
color: var(--color-base) !important;
font-weight: 700;
margin-right: 5px;
}

#searchform > div > button:hover {
border: 1px solid var(--color-progressive);
}

/* Categories Box */
.catlinks {
border-radius: 10px;
border: none;
background-color: var(--background-color-1);
padding: 10px 20px;
}

/* Sticky Containers */
.vector-pinned-container {
padding: 16px;
border-radius: 20px;
.skin-theme-clientpref-night &, .skin-theme-clientpref-os & {
background: var(--background-color-1);
}
.skin-theme-clientpref-day & {
background: var(--background-color-2);
}
}

.vector-sticky-pinned-container::after {
background: none !important;
}

.vector-icon:not(.mw-echo-notifications-badge) {
background-color: var(--color-base) !important;
}

/* Sticky Header */
.vector-header-container {
.vector-sticky-header {
background-color: var(--background-color-3) !important;
color: var(--color-base);
border: 0;
}
.skin-theme-clientpref-night & .vector-sticky-header,
.skin-theme-clientpref-os & .vector-sticky-header {
background-color: var(--background-color-6) !important;
}
.skin-theme-clientpref-night & .vector-sticky-header span,
.skin-theme-clientpref-os & .vector-sticky-header span {
color: var(--color-base);
}
}

/* Toolbar */
.vector-page-toolbar-container {
box-shadow: none;
align-items: center;
}

/* Tabs */
.vector-menu-tabs .mw-list-item.vector-tab-noicon,
.vector-page-toolbar-container .vector-dropdown {
margin: 0 5px !important;
}

#left-navigation,
#p-views {
.vector-menu-content-list li a {
color: var(--color-base);
background-color: var(--background-color-2);
padding: 7px 14px;
border-radius: 20px;
border: 0;
font-weight: 700;

&:hover {
background-color: var(--background-color-3);
text-decoration: none;
}
}

.vector-menu-tabs .mw-list-item.selected a,
.selected a {
background-color: var(--theme-accent-color) !important;
color: var(--color-base) !important;
border: 0;
}
}

.vector-menu-content a {
color: var(--color-base);
font-weight: 700;
}

#p-views .vector-menu-content-list {
#ca-watch, #ca-unwatch {
& > a {
margin: 0 5px;
padding: 0;
}
}
}

.skin-theme-clientpref-night #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-night #p-views .selected a,
.skin-theme-clientpref-os #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-os #p-views .selected a {
color: var(--background-color-base) !important;
}

/* Watch Button */
#p-views .vector-menu-content-list #ca-watch > a {
margin: 0 5px;
padding: 0;
}

/* Dropdowns */
.vector-page-toolbar-container .vector-dropdown .vector-dropdown-label {
padding: 0;
}

.vector-dropdown-content {
border: 1px solid var(--border-color-muted, #404244);
border-radius: 10px;

.vector-menu-heading {
color: var(--color-base);
}
}

.vector-page-tools-dropdown {
background: var(--background-color-2);
border-radius: 20px;

&:hover {
background: var(--background-color-3);
}

#vector-page-tools-dropdown-label {
font-weight: 700;
color: var(--color-base);
padding: 0 14px;
border-radius: 20px;
}
}

.vector-pinnable-header-label {
font-family: "Inter" !important;
font-weight: bold;
}

.vector-pinnable-header, .vector-pinnable-element .vector-menu-heading {
border-bottom: 1px solid var(--border-color-base) !important;
}

.vector-dropdown-content {
border: 1px solid var(--border-color-base) !important;
}

.vector-pinnable-header-toggle-button {
background-color: var(--background-color-3);
border-radius: 10px;
&:hover {
background-color: var(--background-color-4);
}
}

/* Misc */
/* Remove forced position on title bar */
.vector-page-titlebar {
position: inherit !important;
}

.vector-page-titlebar::after {
height: 0;
}

.vector-dropdown .vector-dropdown-content {
background-color: var(--background-color-base) !important;

a span {
color: var(--color-base) !important;
}
}

.vector-sticky-header-context-bar {
border-color: var(--color-base);
}

/* Edit Section Buttons */
.mw-editsection {
.mw-editsection-bracket {
display: none !important;
}

a {
background-color: var(--background-color-3);
color: var(--color-base);
padding: 2px 8px;
border-radius: 10px;

&:hover {
text-decoration: none;
background-color: var(--background-color-5);
}
}
}

Template:Color/styles.css

2025-11-16T10:12:15Z

ReisuDesign: need to edit colors, they'll be back soon

Module:Time Ago/i18n

2025-11-15T11:20:19Z

ReisuDesign: Created page with "return { ['en'] = { ['future'] = 'In $1', ['future-low'] = 'in $1', ['past'] = '$1 ago', ['year'] = '$1 {{plural:$2|year|years}}', ['month'] = '$1 {{plural:$2|month|months}}', ['week'] = '$1 {{plural:$2|week|weeks}}', ['day'] = '$1 {{plural:$2|day|days}}', ['hour'] = '$1 {{plural:$2|hour|hours}}', ['minute'] = '$1 {{plural:$2|minute|minutes}}', ['second'] = '$1 {{plural:$2|second|seconds}..."

return {
['en'] = {
['future'] = 'In $1',
['future-low'] = 'in $1',
['past'] = '$1 ago',
['year'] = '$1 {{plural:$2|year|years}}',
['month'] = '$1 {{plural:$2|month|months}}',
['week'] = '$1 {{plural:$2|week|weeks}}',
['day'] = '$1 {{plural:$2|day|days}}',
['hour'] = '$1 {{plural:$2|hour|hours}}',
['minute'] = '$1 {{plural:$2|minute|minutes}}',
['second'] = '$1 {{plural:$2|second|seconds}}',
['parse-error'] = 'First parameter cannot be parsed as a date or time.'
}
}

Module:Time Ago

2025-11-15T11:19:52Z

ReisuDesign: Created page with "local p = {} local lang = mw.language.getContentLanguage() local lib = require('Module:Feature') local search = lib.inArray local ne = lib.isNotEmpty local i18n = require('Module:I18n').loadMessages('Time Ago') local units = { { terms = {'year','y'}, higher = {''}, insec = 31557600 }, { terms = {'month','mth'}, higher = {'year','y'}, insec = 2629800 }, { terms = {'week','w'}, higher = {'year','y','month','mth'}, insec = 604800 }, { terms = {'d..."

local p = {}
local lang = mw.language.getContentLanguage()
local lib = require('Module:Feature')
local search = lib.inArray
local ne = lib.isNotEmpty
local i18n = require('Module:I18n').loadMessages('Time Ago')

local units = {
{
terms = {'year','y'},
higher = {''},
insec = 31557600
},
{
terms = {'month','mth'},
higher = {'year','y'},
insec = 2629800
},
{
terms = {'week','w'},
higher = {'year','y','month','mth'},
insec = 604800
},
{
terms = {'day','d'},
higher = {'year','y','month','mth','week','w'},
insec = 86400
},
{
terms = {'hour','h'},
higher = {'year','y','month','mth','week','w','day','d'},
insec = 3600
},
{
terms = {'minute','min'},
higher = {'year','y','month','mth','week','w','day','d','hour','h'},
insec = 60
},
{
terms = {'second','s'},
higher = {'year','y','month','mth','week','w','day','d','hour','h','minute','min'},
insec = 1
}
}

function p.main( frame )
local args = require( 'Module:Arguments' ).getArgs( frame, {
wrappers = {'Template:Time Ago'}
})

return p._main(args)
end

function p._main(args)
-- Check that a timestamp was entered, return blank if it wasn't.
if not args[1] then return '' end

-- Check that the entered timestamp is valid. If it isn't, then give an error message.
local success, inputTime = pcall(lang.formatDate, lang, 'xnU', args[1])
assert(success, i18n:msg('parse-error'))

--Output formats
if args.include then
return p.include(args,inputTime)
else
return p.last(args,inputTime)
end
end

function p.include(args,inputTime)
local output = ''
local include = lib.split(args.include,',')
if (type(include) == 'string') then include = {include} end
local hidelabel = tostring(args['hidelabel']) == '1'
local hidefixes = tostring(args['hidefixes']) == '1'

-- Store the difference between the current time and the inputted time, as well as its absolute value.
local timeDiff = lang:formatDate('xnU') - inputTime
local absTimeDiff = math.abs(timeDiff)

local ValueTable = {'','','','','','',''}
local trueVal = {}
for k,v in ipairs(units) do
local Value = 0
local i,IsIn = false,false
for K,V in ipairs(include) do
if (absTimeDiff >= v.insec and (search(v.terms,V))) then i = true end
end
while i == true do
Value=Value+1
absTimeDiff = absTimeDiff - v.insec
if absTimeDiff < v.insec then i = false end
end
if Value > 0 then
if hidelabel then
ValueTable[k] = tostring(Value)
else
ValueTable[k] = i18n:msg(v.terms[1], Value, (Value > 1 and 2 or 1))
end
end
end
for k,v in ipairs(ValueTable) do
if ne(v) then
trueVal[#trueVal+1] = v
end
end
if (#trueVal == 0) then
local start,i = false,true
for k,v in ipairs(units) do
if start then
if (absTimeDiff >= v.insec) then
local Value = 0
while i == true do
Value=Value+1
absTimeDiff = absTimeDiff - v.insec
if absTimeDiff < v.insec then i = false end
end
if hidelabel then
output = tostring(Value)
else
output = i18n:msg(v.terms[1], Value, (Value > 1 and 2 or 1))
end
if (timeDiff < 0 and (not hidefixes) and (not hidelabel) and ne(output)) then output = i18n:msg('future' .. (ne(args.lowercase) and '-low' or ''), output) end
if (timeDiff > 0 and (not hidefixes) and (not hidelabel) and ne(output)) then output = i18n:msg('past', output) end
return output
end
elseif search(v.terms,include[#include]) then
start = true
end
end
end
output = table.concat(trueVal,', ')
if (timeDiff < 0 and (not hidefixes) and (not hidelabel) and ne(output)) then output = i18n:msg('future' .. (ne(args.lowercase) and '-low' or ''), output) end
if (timeDiff > 0 and (not hidefixes) and (not hidelabel) and ne(output)) then output = i18n:msg('past', output) end
return output
end

function p.last(args,inputTime)
local output = ''
local last = args.last or 'sweet potato'
local hidelabel = tostring(args['hidelabel']) == '1'
local hidefixes = tostring(args['hidefixes']) == '1'

-- Store the difference between the current time and the inputted time, as well as its absolute value.
local timeDiff = lang:formatDate('xnU') - inputTime
local absTimeDiff = math.abs(timeDiff)

local ValueTable = {'','','','','','',''}
local trueVal = {}
for k,v in ipairs(units) do
local Value = 0
local i = false
if (absTimeDiff >= v.insec and (not search(v.higher,last))) then i = true end
for iter=1,k do
if (lib.isEmpty(ValueTable[iter]) and absTimeDiff >= v.insec) then
i = true
else
i = false
end
end
while i == true do
Value=Value+1
absTimeDiff = absTimeDiff - v.insec
if absTimeDiff < v.insec then i = false end
end
if Value > 0 then
if hidelabel then
ValueTable[k] = tostring(Value)
else
ValueTable[k] = i18n:msg(v.terms[1], Value, (Value > 1 and 2 or 1))
end
end
end
for k,v in ipairs(ValueTable) do
if (((not search(units[k].higher,last)) or search(units[k].terms,last)) and ne(v)) then
trueVal[#trueVal+1] = v
elseif ((#trueVal == 0) and ne(v)) then
trueVal[1] = v
end
end
output = table.concat(trueVal,', ')
if (timeDiff < 0 and (not hidefixes) and (not hidelabel) and ne(output)) then output = i18n:msg('future' .. (ne(args.lowercase) and '-low' or ''), output) end
if (timeDiff > 0 and (not hidefixes) and (not hidelabel) and ne(output)) then output = i18n:msg('past', output) end
return output
end

return p

Template:Time Ago

2025-11-15T11:19:26Z

ReisuDesign: Created page with "<includeonly>{{#invoke:Time Ago|main}}</includeonly><noinclude>{{Documentation}}</noinclude>"

<includeonly>{{#invoke:Time Ago|main}}</includeonly><noinclude>{{Documentation}}</noinclude>

Template:Dress Up Infobox

2025-11-14T23:25:23Z

ReisuDesign: Created page with "<includeonly><infobox> <title source="title"> <default>{{PAGENAME|{{{title}}}}}</default> </title> <image source="image"> <caption source="caption-image"/> </image> <group layout="horizontal> <data source="category"> <label>Category</label> <format>{{{category}}}</format> </data> <data source="type"> <label>Type</label> <format>{{{type}}}</format> </data> </group> <data source="quality"> <label>Quality</label> <..."

<includeonly><infobox>
<title source="title">
<default>{{PAGENAME|{{{title}}}}}</default>
</title>
<image source="image">
<caption source="caption-image"/>
</image>
<group layout="horizontal>
<data source="category">
<label>Category</label>
<format>[[{{{category}}}]]</format>
</data>
<data source="type">
<label>Type</label>
<format>[[{{{type}}}]]</format>
</data>
</group>
<data source="quality">
<label>Quality</label>
</data>
<data source="set">
<label>Set</label>
<format>[[{{{set}}}]]</format>
</data>
<data source="tags">
<label>Tags</label>
<format>{{List|{{{tags}}}}}</format>
</data>
<data source="source">
<label>Source</label>
<format>{{List|{{{source}}}}}</format>
</data>
<data source="sell">
<label>Selling Price</label>
<format>{{Item|Dough|x={{{sell}}}}}</format>
</data>
</infobox>{{Namespace|main=[[Category:Dress Up|{{#if:{{{id|}}}|{{{id}}}}}]]{{#if:{{{category|}}}|[[Category:{{{category}}}]][[Category:{{{category}}}s]]}}{{#if:{{{type|}}}|[[Category:{{{type}}}]]}}{{#if:{{{tags|}}}|{{Cat List|{{{tags}}}|{item} Dress Up|{{#if:{{{category|}}}|[[Category:{item} {{{category}}}]]}}{{#if:{{{type|}}}|[[Category:{item}{{{type}}}]]}}}}}}}}</includeonly><noinclude>{{Documentation|type=Infobox}}</noinclude>

Template:Cat List

2025-11-14T22:50:11Z

ReisuDesign: Created page with "<includeonly>{{Array|{{{1}}}|;|Category:{{{2}}}{{#if:{{{3|}}}|{{{3}}}}}}}</includeonly><noinclude>{{Documentation|type=Data}}</noinclude>"

<includeonly>{{Array|{{{1}}}|;|[[Category:{{{2}}}]]{{#if:{{{3|}}}|{{{3}}}}}}}</includeonly><noinclude>{{Documentation|type=Data}}</noinclude>

Frostia

2025-11-14T22:40:06Z

ReisuDesign:

{{Neighbor Tabs}}
{{Neighbor Infobox
|name = Frostia
|title = Beneath the Gaze of the Stars
|image = Frostia Splash Art.png
|role = Mystic Scholar
|birthday = September 9
|galaxy = Norvanya
|loves = Quill Pen & Astrology Book
|likes = Butterfly;Bookshelf;Desk;Purple;
|dislikes =
|about = My three swaying tails shimmer with a faint glow during divination.
}}
'''Frostia''' is an upcoming [[Neighbor]] in ''[[Petit Planet]].''

==Profile==
Frostia peers through her telescope into the night's sky, her tails glowing faintly in the darkness. No one knows her true origin, but that has never stopped her from seeking answers in the unknown.

Documenting mysterious phenomena in her thesis, she is, perhaps, one of the mysteries she seeks.

==Other Languages==
{{Other Languages
|en = Frostia
|zhs = 幻雪
|ja = フロスティア
}}

==Change History==
{{Change History|introduced=Pre-Release}}

==References==
{{Reflist}}

==Navigation==
{{Neighbor Navbox}}

Yunguo/Story

2025-11-14T22:34:46Z

ReisuDesign:

{{Upcoming}}
{{Stub}}
{{Neighbor Tabs}}
{{Neighbor Stories
|s1_title = The Not-So-Blushy Blushberry
|s1_reward = 100
|s1_text = At the foot of [[Zhuxi Mountain]], beside the rice paddies, a few water bottles and bamboo baskets lay by the path, left there by villagers who had been working since morning. Only after hours of toil did they finally sit down for a sip of tea.

Someone jocked that most of the baskets held crops or tools, but the Yuns'? Theirs carried their two-year-old granddaughter, Blushberry.

Unlike other grey-furred toddlers, this little one looked, from the moment she was born, like a fluffy sun fallen into the bamboo grove, red and radiant, like ripe fruit on harvest day. A pity though. No matter what anyone tried, she never smiled. The moment a stranger came near, she'd shrink away. And on bad days, she'd burst into loud, panicked wails.

So lately, her grandparents had been carrying her around in a bamboo basket, hoping she'd get used to being around people, some kind of training or exposure or whatever they call it.

But little Blushberry had never budged from the depths of her basket. The Skies Above as their witness all anyone had seen were two fuzzy ears poking out.

{{tx|insert picture}}

Now, the basket had gone quiet. Perhaps she was asleep. They decided to sneak a peek— It was empty.

Empty?!

Zhuxi Mountain was in an uproar. The chestnut vendor hollered it mid-stir to his costumer. The postman, cooling off in the shade, passed it to the sugsar painting artist. The repairman fixing a bike tire called it out to the passing peddler—

"The Yuns' kid is missing!"

Did it matter if anyone actually knew who the Yun family was? Not a bit. Just spread the word. Nothing could go wrong if everyone helped look. Blushberry—that was the kid who never smiled, the one who burst into tears the moment she saw a stranger.

Gran'mama was at the well in front of the bamboo house, washing mugwort leaves when she caught wind of it. She always boiled them in summer for the little one's bath, to keep the mosquitoes away and keep the rash at bay... "Wait, who did you say was missin'?"

"Told you mah, her grandpa's no good at mindin' kids." Gran'mama grabbed her palm fan and charged down the mountain.

The search party for Blushberry stirred the entire mountain. By the time the sun was about to set, everyone finally let a breath of relief.

{{tx|insert Image}}

In the rice field, a small hill of green [[Archiboos]] tumbled apart, revealing a giggling mudball of a child, clutching an armful of enormous fruits and vegetables.

"That can't be Blushberry, can it? Blushberry never smiles. She just cries when she sees people."

But who else could it be, red as a ripened fuit, like the setting sun through the bamboo grove?

The story spread from one to ten, ten to a hundred, until it became a local legend. They said that they, Yunguo grew herself a heart, right there in the rice field. And no one could explain how.

|s2_title = The Farmer and the Seed
|s2_reward =
|s2_text = It was the tail end of yet another winter break. Down in the southern chill, Yunguo was hoping for snow. If the mountain got snowed in, she wouldn't have to go back to kindergarten.

"Schoolbag's mended. Hm? The water bottle's cracked? Better pick a sturdier one this time..."

Yunguo crouched beside Gran'mama in the little vegetable patch by their front door, digging at t il with her tiny spade and gazing up at the sky, listening to Gran'mama chatter on about the things to prepare for school. Suddenly she interrupted.

"Gran'mama, do I look strange? Do I smell strange?"

Gran'mama's hands paused from loosening the soil. She leaned close to Yunguo's little head and carefully sniffed all around before giving a serious answer.

"Yes, you do."

Hearing Gran'mama's answer, Yunguo thought, I really am no good.

"Could my Blushberry be from that seed?"

The two stared at each other in puzzled silence.

Grandma cleared her throat and began to tell story.

There once was seed, round as a rice dumpling. Anyone who saw it fell in love with it right away. It was said to grow into the most beautiful and one-of-a-kind flower in the world, though no one had ever seen it bloom.

{{tx|insert Image}}

{{tx}}

|s3_title = My Summer with Them
|s3_reward =
|s3_text = {{tx}}

|s4_title =
|s4_reward =
|s4_text = {{tx}}
}}

Template:Neighbor Stories

2025-11-14T22:29:07Z

ReisuDesign:

<includeonly><h2>{{#if:{{{s1_title|}}}|{{{s1_title|}}}|???}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{#if:{{{s1_reward|}}}|{{{s1_reward|}}}|?}}}}</td></tr>
{{#if:{{{s1_req|}}}|<tr><th>Requirement</th><td>{{{s1_req}}}</td></tr>}}
</table>
{{#if:{{{s1_text|}}}|{{{s1_text|}}}|???}}

<h2>{{#if:{{{s2_title|}}}|{{{s2_title|}}}|???}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{#if:{{{s2_reward|}}}|{{{s2_reward|}}}|?}}}}</td></tr>
{{#if:{{{s2_req|}}}|<tr><th>Requirement</th><td>{{{s2_req}}}</td></tr>}}
</table>
{{#if:{{{s2_text|}}}|{{{s2_text|}}}|???}}

<h2>{{#if:{{{s3_title|}}}|{{{s3_title|}}}|???}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{#if:{{{s3_reward|}}}|{{{s3_reward|}}}|?}}}}</td></tr>
{{#if:{{{s3_req|}}}|<tr><th>Requirement</th><td>{{{s3_req}}}</td></tr>}}
</table>
{{#if:{{{s3_text|}}}|{{{s3_text|}}}|???}}

<h2>{{#if:{{{s4_title|}}}|{{{s4_title|}}}|???}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{#if:{{{s4_reward|}}}|{{{s4_reward|}}}|?}}}}</td></tr>
{{#if:{{{s4_req|}}}|<tr><th>Requirement</th><td>{{{s4_req}}}</td></tr>}}
</table>
{{#if:{{{s4_text|}}}|{{{s4_text|}}}|???}}</includeonly><noinclude>{{Documentation|type=Design}}</noinclude>

Template:Neighbor Stories

2025-11-14T22:28:24Z

ReisuDesign:

<includeonly><h2>{{{s1_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{#if:{{{s1_reward|}}}|{{{s1_reward|}}}|?}}}}</td></tr>
{{#if:{{{s1_req|}}}|<tr><th>Requirement</th><td>{{{s1_req}}}</td></tr>}}
</table>
{{#if:{{{s1_text|}}}|{{{s1_text|}}}|???}}

<h2>{{{s2_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{#if:{{{s2_reward|}}}|{{{s2_reward|}}}|?}}}}</td></tr>
{{#if:{{{s2_req|}}}|<tr><th>Requirement</th><td>{{{s2_req}}}</td></tr>}}
</table>
{{#if:{{{s2_text|}}}|{{{s2_text|}}}|???}}

<h2>{{{s3_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{#if:{{{s3_reward|}}}|{{{s3_reward|}}}|?}}}}</td></tr>
{{#if:{{{s3_req|}}}|<tr><th>Requirement</th><td>{{{s3_req}}}</td></tr>}}
</table>
{{#if:{{{s3_text|}}}|{{{s3_text|}}}|???}}

<h2>{{{s4_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{#if:{{{s4_reward|}}}|{{{s4_reward|}}}|?}}}}</td></tr>
{{#if:{{{s4_req|}}}|<tr><th>Requirement</th><td>{{{s4_req}}}</td></tr>}}
</table>
{{#if:{{{s4_text|}}}|{{{s4_text|}}}|???}}</includeonly><noinclude>{{Documentation|type=Design}}</noinclude>

Template:Neighbor Stories

2025-11-14T22:26:56Z

ReisuDesign:

<includeonly><h2>{{{s1_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{{s1_reward|?}}}}}</td></tr>
{{#if:{{{s1_req|}}}|<tr><th>Requirement</th><td>{{{s1_req}}}</td></tr>}}
</table>
{{#if:{{{s1_text|}}}|{{{s1_text|}}}|???}}

<h2>{{{s2_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{{s2_reward|?}}}}}</td></tr>
{{#if:{{{s2_req|}}}|<tr><th>Requirement</th><td>{{{s2_req}}}</td></tr>}}
</table>
{{#if:{{{s2_text|}}}|{{{s2_text|}}}|???}}

<h2>{{{s3_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{{s3_reward|?}}}}}</td></tr>
{{#if:{{{s3_req|}}}|<tr><th>Requirement</th><td>{{{s3_req}}}</td></tr>}}
</table>
{{#if:{{{s3_text|}}}|{{{s3_text|}}}|???}}

<h2>{{{s4_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{{s4_reward|?}}}}}</td></tr>
{{#if:{{{s4_req|}}}|<tr><th>Requirement</th><td>{{{s4_req}}}</td></tr>}}
</table>
{{#if:{{{s4_text|}}}|{{{s4_text|}}}|???}}</includeonly><noinclude>{{Documentation|type=Design}}</noinclude>

Template:Neighbor Stories

2025-11-14T22:08:11Z

ReisuDesign: Created page with "<includeonly><h2>{{{s1_title|???}}}</h2> <table class="wikitable"> <tr><th>Reward</th><td>{{Item|Dough|x={{{s1_reward|?}}}}}</td></tr> {{#if:{{{s1_req|}}}|<tr><th>Requirement</th><td>{{{s1_req}}}</td></tr>}} </table> {{{s1_text|???}}} <h2>{{{s2_title|???}}}</h2> <table class="wikitable"> <tr><th>Reward</th><td>{{Item|Dough|x={{{s2_reward|?}}}}}</td></tr> {{#if:{{{s2_req|}}}|<tr><th>Requirement</th><td>{{{s2_req}}}</td></tr>}} </table> {{{s2_text|???}}} <h2>{{{s3_title|..."

<includeonly><h2>{{{s1_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{{s1_reward|?}}}}}</td></tr>
{{#if:{{{s1_req|}}}|<tr><th>Requirement</th><td>{{{s1_req}}}</td></tr>}}
</table>
{{{s1_text|???}}}

<h2>{{{s2_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{{s2_reward|?}}}}}</td></tr>
{{#if:{{{s2_req|}}}|<tr><th>Requirement</th><td>{{{s2_req}}}</td></tr>}}
</table>
{{{s2_text|???}}}

<h2>{{{s3_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{{s3_reward|?}}}}}</td></tr>
{{#if:{{{s3_req|}}}|<tr><th>Requirement</th><td>{{{s3_req}}}</td></tr>}}
</table>
{{{s3_text|???}}}

<h2>{{{s4_title|???}}}</h2>
<table class="wikitable">
<tr><th>Reward</th><td>{{Item|Dough|x={{{s4_reward|?}}}}}</td></tr>
{{#if:{{{s4_req|}}}|<tr><th>Requirement</th><td>{{{s4_req}}}</td></tr>}}
</table>
{{{s4_text|???}}}</includeonly><noinclude>{{Documentation|type=Design}}</noinclude>

Yunguo

2025-11-14T21:56:15Z

ReisuDesign:

{{Upcoming}}
{{Stub}}
{{Neighbor Tabs}}
{{Neighbor Infobox
|name = Yunguo
|title = No Crop Comes Easy
|image = Yunguo Splash Art.png
|birthday = September 19
|role = Cultivator
|galaxy = Hexia
|loves = Gran'mama's Veggie Fried Rice;Bamboo Apple Slushie;Apple;Bamboo
|likes = Farm Decor;Green
|dislikes = Black
|about = Water crops across the planet to help them grow better.
}}

'''Yunguo''' is a [[Neighbor]] in ''[[Petit Planet]].''

==Profile==
Yunguo crouches in the field, carefully checking on each plant: Are they well-watered? Properly fed? No signs of pests? She wants them to grow strong, so everyone can enjoy a hearty harvest.

"Yeeek! Y-You scared me..." Once again, shy little Yunguo is caught off guard by a sudden visitor, throwing up her hands and blushing intensely.

==Other Languages==
{{Other Languages
|en = Yunguo
|zhs = 云果
|ja = ユンカ
}}

==Change History==
{{Change History|introduced=Pre-Release}}

==References==
{{Reflist}}

==Navigation==
{{Neighbor Navbox}}

Template:Neighbor Infobox

2025-11-14T21:18:44Z

ReisuDesign:

<includeonly><infobox>
<title source="name">
<default>{{PAGENAME}}</default>
</title>
<header>{{{title}}}</header>
<image source="image">
<caption source="caption-image"/>
</image>
<data source="birthday">
<label>Birthday</label>
</data>
<data source="role">
<label>Role</label>
</data>
<data source="galaxy">
<label>Galaxy</label>
</data>
<data source="loves">
<label>Loves</label>
<format>{{Item List|{{{loves}}}|mode=br}}</format>
</data>
<data source="likes">
<label>Likes</label>
<format>{{List|{{{likes}}}}}</format>
</data>
<data source="dislikes">
<label>Disikes</label>
<format>{{List|{{{dislikes}}}}}</format>
</data>
<data source="about">
<label>About</label>
<format>{{List|{{{about}}}}}</format>
</data>
</infobox>{{Namespace|main=[[Category:Neighbors]]{{#if:{{{galaxy|}}}|[[Category:{{{galaxy}}} Neighbors]]}}{{#if:{{{loves|}}}|{{Array|{{{loves}}}|;|[[Category:Neighbors Loving {item}]]}}}}{{#if:{{{likes|}}}|{{Array|{{{likes}}}|;|[[Category:Neighbors Liking {item}]]}}}}{{#if:{{{dislikes|}}}|{{Array|{{{dislikes}}}|;|[[Category:Neighbors Disliking {item}]]}}}}}}</includeonly><noinclude>{{Documentation|type=Infobox}}</noinclude>

MediaWiki:Vector-2022.css

2025-11-14T21:13:33Z

ReisuDesign: Adds patting in wide mode

/* Header */
.mw-header {
top: 10px;
background-color: transparent !important;
}

/* Page Container */
.mw-page-container {
background-color: var(--page-background-color) !important;
border-radius: 40px;
margin-top: 20px;
}

/* Typography */
.mw-body h1 {
font-size: 48px !important;
}

.mw-body h2 {
border-color: var(--theme-border-color) !important;
border-width: 2px;
}

.mw-body h3 {
font-weight: normal;
}

/* Heading Border Color */
.mw-heading1, h1, .mw-heading2, h2 {
border-color: #212337 !important;
}

/* Links */
a,
a:visited,
.vector-menu-tabs .mw-list-item a:visited,
.vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--theme-link-color);
}

/* Radio Buttons */
.cdx-radio__input:enabled:checked + .cdx-radio__icon {
border-color: var(--theme-link-color);
}

.cdx-radio__icon {
background-color: var(--theme-color-2);
}

/* Code Blocks */
code {
border: none;
background-color: var(--theme-color-3);
border-radius: 5px;
padding: 2px 5px;
}

pre {
border-radius: 10px;
border: none;
background-color: var(--theme-color-1);
color: var(--theme-color-10);
}

/* Hide the Vector-2022 "switch back" link in sidebar */
.vector-main-menu-action-opt-out {
display: none;
}

/* Search Bar */
#p-search {
display: flex;
justify-content: center;
align-items: center;
}

.cdx-search-input--has-end-button {
background-color: transparent !important;
border: none !important;
}

.cdx-text-input__input {
background-color: var(--page-background-color) !important;
border-radius: 20px !important;
border: none;
margin-right: 20px !important;
}

.cdx-search-input__input-wrapper {
margin-right: 10px !important;
}

.cdx-typeahead-search {
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
background-color: var(--theme-accent-color) !important;
color: var(--page-background-color);
font-family: "Inter" !important;
border: 1px solid var(--theme-accent-color);
border-radius: 20px;
}

.skin-theme-clientpref-day & {
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
background-color: #FFED76 !important;
color: var(--page-text-color);
border: 1px solid #FFED76;
}
}
}

#searchform > div > button, #searchform > button {
border: 1px solid var(--theme-accent-color);

&:hover {
border-color: var(--color-progressive);
}
}

/* User & Search Actions */
#ca-uls {
background: var(--theme-color-2);
border-radius: 20px;

span {
color: var(--page-text-color) !important;
}

&:hover {
background: var(--theme-color-3);
}

& > a {
border-radius: 20px;
&:hover {
border-color: var(--color-progressive);
}
}
}

input:focus:not(:active) + .cdx-button:not(.cdx-button--action-progressive) {
box-shadow: none;
background: var(--theme-color-3);
border-radius: 20px;
}

#pt-userpage-2 a:not(.mw-selflink) {
color: var(--page-text-color) !important;
font-weight: 700;
margin-right: 5px;
}

#searchform > div > button:hover {
border: 1px solid var(--color-progressive);
}

/* Categories Box */
.catlinks {
border-radius: 10px;
border: none;
background-color: var(--theme-color-1);
padding: 10px 20px;
}

/* Sticky Containers */
.vector-pinned-container {
padding: 16px;
border-radius: 20px;
.skin-theme-clientpref-night & {
background: var(--theme-color-1);
}
.skin-theme-clientpref-day & {
background: var(--theme-color-2);
}
}

.vector-sticky-pinned-container::after {
background: none !important;
}

.vector-icon:not(.mw-echo-notifications-badge) {
background-color: var(--page-text-color) !important;
}

/* Sticky Header */
.vector-header-container {
.vector-sticky-header {
background-color: var(--theme-color-3) !important;
color: var(--page-text-color);
border: 0;
}
.skin-theme-clientpref-night & .vector-sticky-header {
background-color: var(--theme-color-6) !important;
}
.skin-theme-clientpref-night & .vector-sticky-header span {
color: var(--page-text-color);
}
}

/* Toolbar */
.vector-page-toolbar-container {
box-shadow: none;
align-items: center;
}

/* Tabs */
.vector-menu-tabs .mw-list-item.vector-tab-noicon,
.vector-page-toolbar-container .vector-dropdown {
margin: 0 5px !important;
}

#left-navigation,
#p-views {
.vector-menu-content-list li a {
color: var(--page-text-color);
background-color: var(--theme-color-2);
padding: 7px 14px;
border-radius: 20px;
border: 0;
font-weight: 700;

&:hover {
background-color: var(--theme-color-3);
text-decoration: none;
}
}

.vector-menu-tabs .mw-list-item.selected a,
.selected a {
background-color: var(--theme-accent-color) !important;
color: var(--page-text-color) !important;
border: 0;
}
}

.vector-menu-content a {
color: var(--page-text-color);
font-weight: 700;
}

#p-views .vector-menu-content-list {
#ca-watch, #ca-unwatch {
& > a {
margin: 0 5px;
padding: 0;
}
}
}

.skin-theme-clientpref-night #left-navigation .vector-menu-tabs .mw-list-item.selected a,
.skin-theme-clientpref-night #p-views .selected a {
color: var(--page-background-color) !important;
}

/* Watch Button */
#p-views .vector-menu-content-list #ca-watch > a {
margin: 0 5px;
padding: 0;
}

/* Dropdowns */
.vector-page-toolbar-container .vector-dropdown .vector-dropdown-label {
padding: 0;
}

.vector-dropdown-content {
border: 1px solid var(--border-color-muted, #404244);
border-radius: 10px;

.vector-menu-heading {
color: var(--page-text-color);
}
}

.vector-page-tools-dropdown {
background: var(--theme-color-2);
border-radius: 20px;

&:hover {
background: var(--theme-color-3);
}

#vector-page-tools-dropdown-label {
font-weight: 700;
color: var(--page-text-color);
padding: 0 14px;
border-radius: 20px;
}
}

.vector-pinnable-header-label {
font-family: "Inter" !important;
font-weight: bold;
}

.vector-pinnable-header, .vector-pinnable-element .vector-menu-heading {
border-bottom: 1px solid var(--theme-border-color) !important;
}

.vector-dropdown-content {
border: 1px solid var(--theme-border-color) !important;
}

.vector-pinnable-header-toggle-button {
background-color: var(--theme-color-3);
border-radius: 5px;
&:hover {
background-color: var(--theme-color-4);
}
}

/* Misc */
/* Remove forced position on title bar */
.vector-page-titlebar {
position: inherit !important;
}

.vector-page-titlebar::after {
height: 0;
}

.vector-dropdown .vector-dropdown-content {
background-color: var(--page-background-color) !important;

a span {
color: var(--page-text-color) !important;
}
}

.vector-sticky-header-context-bar {
border-left: 3px solid var(--page-text-color);

.skin-theme-clientpref-night & {
border-left: 3px solid var(--page-background-color);
}
}

/* Edit Section Buttons */
.mw-editsection {
.mw-editsection-bracket {
display: none !important;
}

a {
background-color: var(--theme-color-3);
color: var(--page-text-color);
padding: 2px 8px;
border-radius: 10px;

&:hover {
text-decoration: none;
background-color: var(--theme-color-5);
}
}
}

/* Adds patting in wide mode */
.vector-feature-limited-width-clientpref-0 {
padding: 0 20px 20px 20px !important;
}

Luca Arbor

2025-11-14T10:42:09Z

ReisuDesign:

{{Upcoming}}{{Wip}}{{Stub}}
{{Terminology Infobox
|title = Luca Arbor
|image = Luca Arbor.png
|type = Progression
}}
'''Luca Arbor''' is a tree that grants Galaxy upgrades.

==Growth==
{| class="wikitable"
!Level||Upgrade||Description||Cost
|-
|Lv. 1||Beach Region||As the Luca Arbor grows, your planet expands to reveal a beach region where you can beachcomb and forage for items.||{{Item|Luca|x=1}}
|-
|||Mysterious [[Archiboo]]||Mysterious little creatures called Archiboo have appeared all over the place. Go find out where they are!||{{Item|Luca|x=1}}
|-
|Lv. 2||Luca: Starlined Meadows||||
|-
|||Terrain: Dirt Mound||||{{Item|Luca|x=1}}
|-
|||Farming Plots +10||||
|-
|Lv. 3||Luca: Neighbor's Unique Luca||||
|-
|||Farming Plots +10||||
|-
|||Ecology: Potato Seeds||||
|-
|Lv. 4||Mountain Region||||
|-
|||Farming Plots +10||||
|-
|||Ecology: Cabbage Seeds||||
|-
|Lv. 5||Luca: Neighbor's Unique Luca||||
|-
|||Farming Plots +10||||
|-
|||Ecology: Peach Tree||||
|-
|Lv. 6||Meteor Shower||||
|-
|||Farming Plots +5||||
|-
|Lv. 7||Luca Fruit Slot +1||||
|-
|||Farming Plots +5||||
|-
|Lv. 8||Luca Fruit Slot +1||||
|-
|||Farming Plots +5||||
|-
|Lv. 9||Luca Fruit Slot +1||||
|-
|||Farming Plots +5||||
|-
|Lv. 10||Luca Fruit Slot +1||||
|}

Luca Arbor

2025-11-14T10:39:09Z

ReisuDesign: Created page with "{{Upcoming}}{{Wip}}{{Stub}} {{Terminology Infobox |title = Luca Arbor |image = Luca Arbor.png }} '''Luca Arbor''' is a tree that grants Galaxy upgrades. ==Growth== {| class="wikitable" !Level||Upgrade||Description||Cost |- |Lv. 1||Beach Region||As the Luca Arbor grows, your planet expands to reveal a beach region where you can beachcomb and forage for items.||{{Item|Luca|x=1}} |- |||Mysterious Archiboo||Mysterious little creatures called Archiboo have appeared all o..."

{{Upcoming}}{{Wip}}{{Stub}}
{{Terminology Infobox
|title = Luca Arbor
|image = Luca Arbor.png
}}
'''Luca Arbor''' is a tree that grants Galaxy upgrades.

==Growth==
{| class="wikitable"
!Level||Upgrade||Description||Cost
|-
|Lv. 1||Beach Region||As the Luca Arbor grows, your planet expands to reveal a beach region where you can beachcomb and forage for items.||{{Item|Luca|x=1}}
|-
|||Mysterious [[Archiboo]]||Mysterious little creatures called Archiboo have appeared all over the place. Go find out where they are!||{{Item|Luca|x=1}}
|-
|Lv. 2||Luca: Starlined Meadows||||
|-
|||Terrain: Dirt Mound||||{{Item|Luca|x=1}}
|-
|||Farming Plots +10||||
|-
|Lv. 3||Luca: Neighbor's Unique Luca||||
|-
|||Farming Plots +10||||
|-
|||Ecology: Potato Seeds||||
|-
|Lv. 4||Mountain Region||||
|-
|||Farming Plots +10||||
|-
|||Ecology: Cabbage Seeds||||
|-
|Lv. 5||Luca: Neighbor's Unique Luca||||
|-
|||Farming Plots +10||||
|-
|||Ecology: Peach Tree||||
|-
|Lv. 6||Meteor Shower||||
|-
|||Farming Plots +5||||
|-
|Lv. 7||Luca Fruit Slot +1||||
|-
|||Farming Plots +5||||
|-
|Lv. 8||Luca Fruit Slot +1||||
|-
|||Farming Plots +5||||
|-
|Lv. 9||Luca Fruit Slot +1||||
|-
|||Farming Plots +5||||
|-
|Lv. 10||Luca Fruit Slot +1||||
|}

Template:Wip

2025-11-14T10:38:44Z

ReisuDesign: Created page with "<includeonly>{{MessageBox |class = underconstruction |image = |imagewidth = 65px |header = This page is currently being created, expanded, or restructured. |text = Join the [https://discord.gg/raBBPv65 Discord] to contact the editors currently working on this page, or leave a message on their user walls.<hr /> |comment = Last edit: '''{{REVISIONUSER}}''' at '''{{#time: Y-m-d H:i:s|{{REVISIONTIMESTAMP}}}} (UTC)''' ({{Time..."

<includeonly>{{MessageBox
|class = underconstruction
|image =
|imagewidth = 65px
|header = This page is currently being created, expanded, or restructured.
|text = Join the [https://discord.gg/raBBPv65 Discord] to contact the editors currently working on this page, or leave a message on their user walls.<hr />
|comment = Last edit: '''[[User:{{REVISIONUSER}}|{{REVISIONUSER}}]]''' at '''{{#time: Y-m-d H:i:s|{{REVISIONTIMESTAMP}}}} (UTC)''' ({{Time Ago|{{REVISIONTIMESTAMP}}|last=h|lowercase=1}}). If this was over two weeks ago, please contact the editor who placed the tag before removing it.<br>{{{1|}}}
|id = under-construction
}}{{Namespace|main=[[Category:Under Construction]]|file=[[Category:Under Construction]]}}</includeonly><noinclude>{{Documentation|type=Notice}}</noinclude>

Nalo

2025-11-14T09:46:56Z

ReisuDesign: Created page with "{{Upcoming}} {{Stub}} {{Neighbor Infobox |name = Nalo |title = |image = Nalo Render.png |birthday = |role = |galaxy = |loves = |likes = |dislikes = |about = }}  '''Nalo''' is a Neighbor in ''Petit Planet.''  ==Other Languages== {{Other Languages |en = Nalo |zhs = |ja = }} ==Change History== {{Change History|introduced=Coziness Test}} ==References== {{Reflist}} ==Navigation== {{Neighbor N..."

{{Upcoming}}
{{Stub}}
{{Neighbor Infobox
|name = Nalo
|title =
|image = Nalo Render.png
|birthday =
|role =
|galaxy =
|loves =
|likes =
|dislikes =
|about =
}}

'''Nalo''' is a [[Neighbor]] in ''[[Petit Planet]].''

==Other Languages==
{{Other Languages
|en = Nalo
|zhs =
|ja =
}}

==Change History==
{{Change History|introduced=Coziness Test}}

==References==
{{Reflist}}

==Navigation==
{{Neighbor Navbox}}

Module:Navbox

2025-11-13T23:07:28Z

ReisuDesign: Created page with "-- version 1.2.5 -- config table for RANGER. -- If you want to change the default config, DO NOT change it here, -- please do it via the `onLoadConfig` hook in Module:Navbox/Hooks. local config = { default_navbox_class = "navigation-not-searchable", -- Base value of the `class` parameter. default_title_class = nil, -- Base value of the `title_class` parameter. default_above_class = nil, -- Base value of the `above_class` parameter. default_below_class =..."

-- version 1.2.5

-- config table for RANGER.
-- If you want to change the default config, DO NOT change it here,
-- please do it via the `onLoadConfig` hook in [[Module:Navbox/Hooks]].
local config = {
default_navbox_class = "navigation-not-searchable", -- Base value of the `class` parameter.
default_title_class = nil, -- Base value of the `title_class` parameter.
default_above_class = nil, -- Base value of the `above_class` parameter.
default_below_class = nil, -- Base value of the `below_class` parameter.
default_section_class =nil, -- Base value of the `section_class` parameter.
default_header_class = nil, -- Base value of the `header_class` parameter.
default_group_class = nil, -- Base value of the `group_class` parameter.
default_list_class = 'hlist', -- Base value of the `list_class` parameter.

default_header_state = nil, -- Base value of the `state` parameter.

editlink_hover_message_key = 'Navbox-edit-hover', -- The system message name for hover text of the edit icon.

auto_flatten_top_level = true, -- If true, when a section has only one list with no content and no corresponding group but has sublists, these sublists will be moved to top level.
-- This helps make the hierarchy of sections and content clearer.
-- An example:
-- {{navbox
-- ...
-- |header1 = Items
-- | group1.1 = Weapons
-- | list1.1 = Swords · Guns · Wands
-- | group1.2 = Armors
-- | list1.2 = Head pieces · Capes
-- |header2 = NPCs
-- | group2.1 = Town NPCs
-- | list2.1 = Guide · Witch
-- ...
-- }}
-- will be equal to:
-- {{navbox
-- ...
-- |header1 = Items
-- | group2 = Weapons
-- | list2 = Swords · Guns · Wands
-- | group3 = Armors
-- | list3 = Head pieces · Capes
-- |header5 = NPCs
-- | group6 = Town NPCs
-- | list6 = Guide · Witch
-- ...
-- }}

custom_render_handle = nil, -- usually for debugging purposes only. if set, it should be a function accept 2 parameters: `dataTree` and `args`, and return a string as module output.
}

---------------------------------------------------------------------

-- Argument alias.
local CANONICAL_NAMES = {
['titlestyle'] = 'title_style',
['listclass'] = 'list_class',
['groupstyle'] = 'group_style',
['collapsible'] = 'state',
['editlink'] = 'meta',
['editlinks'] = 'meta',
['editicon'] = 'meta',
['edit_link'] = 'meta',
['edit_links'] = 'meta',
['edit_icon'] = 'meta',
['navbar'] = 'meta',
['name'] = 'template',
['evenodd'] = 'striped',
['class'] = 'navbox_class',
['css'] = 'navbox_style',
['style'] = 'navbox_style',
['group'] = '1:group',
['list'] = '1:list',
}

local DEFAULT_ARGS = {
['meta'] = true,
}

local STATES = {
['no'] = '',
['off'] = '',
['plain'] = '',
['collapsed'] = 'mw-collapsible mw-collapsed',
['expanded'] = 'mw-collapsible',
}

local BOOL_FALSE = {
['no'] = true,
['off'] = true,
['false'] = true,
}

local STRIPED = {
['odd'] = 'striped-odd',
['swap'] = 'striped-odd',
['y'] = 'striped-even',
['yes'] = 'striped-even',
['on'] = 'striped-even',
['even'] = 'striped-even',
['striped'] = 'striped-even',
}

local NAVBOX_CHILD_INDICATOR = '!!C$H$I$L$D!!'
local NAVBOX_CHILD_INDICATOR_LENGTH = string.len( NAVBOX_CHILD_INDICATOR )

local CLASS_PREFIX = 'ranger-'

---------------------------------------------------------------------

local p = {}
local h = {} -- non-public
local hooks = mw.title.new('Module:Navbox/Hooks').exists and require('Module:Navbox/Hooks') or {}

---------------------------------------------------------------------

-- For templates: {{#invoke:navbox|main|...}}
function p.main(frame)
local args = p.mergeArgs(frame)
return p.build(args, true)
end

-- For modules: return require('module:navbox').build(args)
-- By default this method will skip the arguments sanitizing phase
-- (and onSanitizeArgsStart/onSanitizeArgsEnd hooks).
-- Set `doParseArgs` to true to do arguments sanitizing.
-- If `customConfig` table is provided, it will be merged into default config table (after onLoadConfig()).
-- If `customHooks` table is provided, all default hook handles will be overrided, unprovided hooks will be empty.
function p.build(args, doParseArgs, customConfig, customHooks)
if customHooks then
hooks = customHooks
end

if doParseArgs then
args = h.parseArgs(args)
end

h.runHook('onLoadConfig', config, args)

if customConfig then
for k,v in pairs(customConfig) do
config[k] = v
end
end

--merge default args
for k,v in pairs(DEFAULT_ARGS) do
if args[k] == nil then
args[k] = DEFAULT_ARGS[k]
end
end

h.runHook('onBuildTreeStart', args)
local dataTree = h.buildDataTree(args)
h.runHook('onBuildTreeEnd', dataTree, args)

if type(config.custom_render_handle) == 'function' then
return config.custom_render_handle(dataTree, args)
else
return h.render(dataTree)
end
end

-- merge args from frame and frame:getParent()
-- It may be used when creating custom wrapping navbox module.
--
-- For example, Module:PillNavbox
--
-- local RANGER = require('Module:Navbox')
-- local p = {}
-- function p.main(frame)
-- return RANGER.build(RANGER.mergeArgs(frame), true, {
-- default_navbox_class = 'pill', -- use "pill" style by default.
-- })
-- end
-- return p
--
function p.mergeArgs(frame)
local inputArgs = {}

for k, v in pairs(frame.args) do
v = mw.text.trim(tostring(v))
if v ~= '' then
inputArgs[k] = v
end
end

for k, v in pairs(frame:getParent().args) do
v = mw.text.trim(v)
if v ~= '' then
inputArgs[k] = v
end
end

return inputArgs
end

------------------------------------------------------------------------

-- equivalent to mw.text.split(str, div, true) for non-empty separator, but can be over 60x faster, since the latter is Unicode-aware.
-- Original version credit: http://richard.warburton.it.
function h.explode(div, str)
if (div=='') then return nil end
local pos,arr = 0,{}
-- for each divider found
for st,sp in function() return string.find(str,div,pos,true) end do
arr[#arr+1] = string.sub(str,pos,st-1) -- Attach chars left of current divider
pos = sp+1 -- Jump past current divider
end
arr[#arr+1] = string.sub(str,pos) -- Attach chars right of last divider
return arr
end

function h.parseArgs(inputArgs)
h.runHook('onSanitizeArgsStart', inputArgs)

local args = {}

for k, v in pairs(inputArgs) do
if type(k) == 'string' then
-- all named args have already been trimmed
local key = h.normalizeKey(k)
args[key] = h.normalizeValue(key, v)
else
args[k] = mw.text.trim(v) -- keep number-index arguments (for {{navbox|child|...}})
end
end

h.runHook('onSanitizeArgsEnd', args, inputArgs)

return args
end

-- Normalize the name string of arguments.
-- the normalized form is (index:)?name, in which:
-- index is number index such as 1, 1.3, 1.2.45,
-- name is in lowercase underscore-case, such as group, group_style
-- e.g: header_state, 1.3:list_style
-- the input argument name can be:
-- * camel-case: listStyle, ListStyle
-- * space separated: list style
-- * prefix+index+postfix?, and can be in camel-case or space/hyphen separated or mixed: list 1 style, list1, list1Style, list1_style
-- * index.name: 1.3.list
-- * index_name: 1.3_list (Space separated are treated as underscore separated, therefore 1.3 list are vaild too)
function h.normalizeKey(s)
-- camel-case to lowercase underscore-case
s = s:gsub('%l%f[%u]', '%0_') -- listStyle to list_style
s = (s:gsub(' ', '_')):lower() -- space to underscore
s = s:gsub('%l%f[%d]', '%0_') -- group1* to group_1*
s = s:gsub('%d%f[%l]', '%0_') -- *1style to *1_style

-- number format x_y_z to x.y.z
s = s:gsub('(%d)_%f[%d]', '%1%.')

-- move index to the beginning:
-- group_1.2_style to 1.2:group_style
-- group_1 to 1:group
s = s:gsub('^([%l_]+)_([%d%.]+)', '%2:%1')

-- support index.name and index_name:
-- 1.2.group / 1.2_group to 1.2:group
s = s:gsub('^([%d%.]+)[%._]%f[%l]', '%1:')

-- now the key should be in normalized form, if the origin key is vaild

-- standardize *_css to *_style
s = s:gsub('_css$', '_style')
-- standardize *collapsible to *state
s = s:gsub('collapsible$', 'state')

-- standardize all aliases to the canonical name
return CANONICAL_NAMES[s] or s
end

function h.normalizeValue(k, v)
k = tostring(k)
if k:find('_style$') then
v = (v .. ';'):gsub(';;', ';')
return v
elseif k:find('state$') then
return STATES[v]
elseif k == 'striped' then
return STRIPED[v]
elseif k == 'meta' then
return not BOOL_FALSE[v]
elseif v:sub(1, 2) == '{|' or v:match('^[*:;#]') then
-- Applying nowrap to lines in a table does not make sense.
-- Add newlines to compensate for trim of x in |parm=x in a template.
return '\n' .. v ..'\n'
end
return v
end

-- parse arguments, convert them to structured data tree
function h.buildDataTree(args)
-- parse args to a tree
local tree = h.buildTree(args)

-- build root navbox data
local data = h.buildNavboxData(tree.info)

-- Recursively build section tree
if tree.children then
data.sections = h.buildSections(tree.children, {
listClass = h.mergeAttrs(args.list_class, config.default_list_class),
listStyle = args.list_style,
groupClass = h.mergeAttrs(args.group_class, config.default_group_class),
groupStyle = args.group_style,
sectionClass = h.mergeAttrs(args.section_class, config.default_section_class),
sectionStyle = args.section_style,
headerClass = h.mergeAttrs(args.header_class, config.default_header_class),
headerStyle = args.header_style,
headerState = args.header_state or config.default_header_state,
})
end
if args[1] == 'child' then
data.CHILD_MODE = true
end

return data
end

function h.buildSections(list, defaults)
local sections = {}
local section = nil
for k, node in h.orderedPairs(list) do
local info = node.info or {}
--start a new section if needed
if info.header or not section then
section = {
class = h.mergeAttrs(info.section_class, defaults.sectionClass),
style = h.mergeAttrs(info.section_style, defaults.sectionStyle),
body = {}
}
-- Section header if needed.
-- If the value of a `|header_n=` is two or more consecutive "-" characters (e.g. --, -----),
-- it means start a new section without header, and the new section will be not collapsable.
if info.header and not string.match(info.header, '^%-%-+$') then
section.header = {
content = info.header,
class = h.mergeAttrs(info.header_class, defaults.headerClass),
style = h.mergeAttrs(info.header_style, defaults.headerStyle),
}
section.state = info.state or defaults.headerState or 'mw-collapsible'
end
sections[#sections+1] = section
end
-- above/below for this section
if info.above then
section.above = {
content = info.above,
class= h.mergeAttrs(info.above_class, config.default_above_class),
style = info.above_style,
}
end
if info.below then
section.below = {
content = info.below,
class= h.mergeAttrs(info.below_class, config.default_below_class),
style = info.below_style,
}
end
-- this group+list row
if info.group or info.list or node.children then
local row = {}
section.body[#section.body+1] = row
if info.group then
row.group = {
content = info.group,
class = h.mergeAttrs(info.group_class, defaults.groupClass),
style = h.mergeAttrs(info.group_style, defaults.groupStyle),
}
end
if info.list then
if string.sub(info.list, 1, NAVBOX_CHILD_INDICATOR_LENGTH) == NAVBOX_CHILD_INDICATOR then
-- it is from {{navbox|child| ... }}
row.sections = mw.text.jsonDecode(string.sub(info.list, NAVBOX_CHILD_INDICATOR_LENGTH+1))
else
row.list = {
content = info.list,
class = h.mergeAttrs(info.list_class, defaults.listClass),
style = h.mergeAttrs(info.list_style, defaults.listStyle),
}
end
end
-- sub-nodes, will override {{navbox|child| ... }}
if node.children then
row.sections = h.buildSections(node.children, defaults)
end
end
end
-- flatten if needed:
-- If a section has only one list with no content and no corresponding group but has sublists, these sublists will be moved to upper level.
if config.auto_flatten_top_level then
for _, sect in ipairs(sections) do
if #sect.body == 1 then
local node = sect.body[1]
if not node.group and not node.list and node.sections and #node.sections == 1 and not node.sections[1].header then
sect.body = node.sections[1].body
end
end
end
end
return sections
end

function h.buildNavboxData(info)
local data = {
state = info.state or 'mw-collapsible', -- here we need a default value for empty input
striped = info.striped,
class = h.mergeAttrs(info.navbox_class, config.default_navbox_class),
style = info.navbox_style,
}

-- data for titlebar
if info.title or info.meta or data.state ~= '' then
data.title = {
content = info.title,
class = h.mergeAttrs(info.title_class, config.default_title_class),
style = info.title_style,
}
if info.meta then
data.metaLinks = {
link = info.meta_link, -- will be used as [[$link|$text]]
url = info.meta_url, -- will be used as [$url $text], only if there is no data.metaLinks.link
text = info.meta_text, --hovertext
}
if not info.meta_link and not info.meta_url then
-- default link target
local title = mw.title.new(info.template or mw.getCurrentFrame():getParent():getTitle(), 'Template')
if not title then
error('Invalid title ' .. info.template)
end
data.metaLinks.link = title.fullText
end
if not info.meta_text then
local msg = mw.message.new(config.editlink_hover_message_key)
data.metaLinks.text = msg:exists() and msg:plain() or 'View or edit this template'
end
end
end

-- above/below
if info.above then
data.above = {
content = info.above,
class= h.mergeAttrs(info.above_class, config.default_above_class),
style = info.above_style,
}
end

if info.below then
data.below = {
content = info.below,
class= h.mergeAttrs(info.below_class, config.default_below_class),
style = info.below_style,
}
end

return data
end

-- parse arguments, convert them into a tree based on their index
-- each node on tree is { info = { #data for this node# }, children = {#children nodes#} }
function h.buildTree(args, defaults)
local tree = { info = {} }
local check = function(key, value)
local index, name = string.match(key, '^([%d%.]+):(.+)$')

-- no number index found, for root node
if not index then
tree.info[key] = value
return
end

-- filter invalid number index
if string.match(index, '^%.') or string.match(index, '%.$') or string.match(index, '%.%.') then
return
end

-- find the node that matches the index in the tree
local arr = h.explode('.', index)
local node = tree
for _, v in ipairs(arr) do
v = tonumber(v)
if not node.children then
node.children = {}
end
if not node.children[v] then
node.children[v] = { info = {} }
end
node = node.children[v]
end

node.info[name] = value
end
for k,v in pairs(args) do
check(k, v)
end
return tree
end

function h.render(data)
-- handle {{navbox|child|...}} syntax
if data.CHILD_MODE then
return NAVBOX_CHILD_INDICATOR..mw.text.jsonEncode(data.sections)
end

----- normal case -----

local out = mw.html.create()

-- build navbox container
local navbox = out:tag('div')
:attr('role', 'navigation'):attr('aria-label', 'Navbox')
:addClass(CLASS_PREFIX..'navbox')
:addClass(data.class)
:addClass(data.striped)
:addClass(data.state)
:cssText(data.style)

--title bar
if data.title then
local titlebar = navbox:tag('div'):addClass(CLASS_PREFIX..'title')
titlebar:tag('div'):addClass('mw-collapsible-toggle-placeholder')
if data.metaLinks then
titlebar:node(h.renderMetaLinks(data.metaLinks))
end
if data.title then
titlebar:addClass(data.title.class):tag('div')
:addClass(CLASS_PREFIX..'title-text')
:addClass(data.title.class)
:cssText(data.title.style)
:wikitext(data.title.content)
end
end

--above
if data.above then
navbox:tag('div')
:addClass(CLASS_PREFIX..'above mw-collapsible-content')
:addClass(data.above.class)
:cssText(data.above.style)
:wikitext(data.above.content)
:attr('id', (not data.title) and mw.uri.anchorEncode(data.above.content) or nil) -- id for aria-labelledby attribute, if no title
end

-- sections
if data.sections then
h.renderSections(data.sections, navbox, 0, true)
else
-- Insert a blank section for completely empty navbox to ensure it behaves correctly when collapsed.
if not data.above and not data.below then
navbox:tag('div'):addClass(CLASS_PREFIX..'section mw-collapsible-content')
end
end

--below
if data.below then
navbox:tag('div')
:addClass(CLASS_PREFIX..'below mw-collapsible-content')
:addClass(data.below.class)
:cssText(data.below.style)
:wikitext(data.below.content)
end
return tostring(out)..'[[Category:Pages with navboxes]]' -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports
end

function h.renderSections(data, container, level, even)
for i,sect in ipairs(data) do
--section box
local section = container:tag('div')
:addClass(CLASS_PREFIX..'section mw-collapsible-content')
:addClass(sect.class)
:addClass(sect.state)
:cssText(sect.style)
-- section header
if sect.header then
section:tag('div')
:addClass(CLASS_PREFIX..'header')
:addClass(sect.header.class)
:cssText(sect.header.style)
:tag('div'):addClass('mw-collapsible-toggle-placeholder'):done()
:tag('div'):addClass(CLASS_PREFIX..'header-text'):wikitext(sect.header.content)
end
-- above:
if sect.above then
section:tag('div')
:addClass(CLASS_PREFIX..'above mw-collapsible-content')
:addClass(sect.above.class)
:cssText(sect.above.style)
:wikitext(sect.above.content)
end
-- body: groups&lists
local box = section:tag('div'):addClass(CLASS_PREFIX..'section-body mw-collapsible-content')
even = h.renderBody(sect.body, box, level, (level==0) and true or even) -- reset even status each section
-- below:
if sect.below then
section:tag('div')
:addClass(CLASS_PREFIX..'below mw-collapsible-content')
:addClass(sect.below.class)
:cssText(sect.below.style)
:wikitext(sect.below.content)
end
end
return even
end

function h.renderMetaLinks(info)
local box = mw.html.create('span'):addClass(CLASS_PREFIX..'meta')
local meta = box:tag('span'):addClass('nv nv-view')

if info.link then
meta:wikitext('[['..info.link..'|')
:tag('span'):wikitext(info.text):attr('title', info.text):done()
:wikitext(']]')
elseif info.url then
meta:wikitext('['..info.url..' ')
:tag('span'):wikitext(info.text):attr('title', info.text):done()
:wikitext(']')
end

return box
end

function h.renderBody(info, box, level, even)
local count = 0
for _,v in h.orderedPairs(info) do
if v.group or v.list or v.sections then
count = count + 1
-- row container
local row = box:tag('div'):addClass(CLASS_PREFIX..'row')
-- group cell
if v.group or (v.sections and level > 0 and not v.list) then
local groupCell = row:tag('div')
:addClass(CLASS_PREFIX..'group level-'..level)
:addClass((level > 0) and CLASS_PREFIX..'subgroup' or nil)
local groupContentWrap = groupCell:tag('div'):addClass(CLASS_PREFIX..'wrap')
if v.group then
groupCell:addClass(v.group.class):cssText(v.group.style)
groupContentWrap:wikitext(v.group.content)
else
groupCell:addClass('empty')
row:addClass('empty-group-list')
end
else
row:addClass('empty-group')
end
-- list cell
local listCell = row:tag('div'):addClass(CLASS_PREFIX..'listbox')
if not v.list and not v.sections then
listCell:addClass('empty')
row:addClass('empty-list')
end
if v.list or (v.group and not v.sections) then
--listCell:node(h.renderList(v['list'] or '', k, level, args))
even = not even -- flip even/odd status
local cell = listCell:tag('div')
:addClass(CLASS_PREFIX..'wrap')
:addClass(even and CLASS_PREFIX..'even' or CLASS_PREFIX..'odd')
if v.list then
cell:addClass(v.list.class):cssText(v.list.style)
:tag('div'):addClass(CLASS_PREFIX..'list'):wikitext(v.list.content)
end
end
if v.sections then
local sublistBox = listCell:tag('div'):addClass(CLASS_PREFIX..'sublist level-'..level)
even = h.renderSections(v.sections, sublistBox, level+1, even)
end
end
end
if count > 0 then
box:css('--count', count) -- for flex-grow
end
return even
end

-- pairs, but sort the keys alphabetically
function h.orderedPairs(t, f)
local a = {}
for n in pairs(t) do table.insert(a, n) end
table.sort(a, f)
local i = 0 -- iterator variable
local iter = function () -- iterator function
i = i + 1
if a[i] == nil then return nil
else return a[i], t[a[i]]
end
end
return iter
end

-- For cascading parameters, such as style or class, they are merged in exact order (from general to specific).
-- Any parameter starting with multiple hyphens(minus signs) will terminate the cascade.
-- An example:
-- For group_1.1, its style is affected by parameters |group_1.1_style=... , |subgroup_level_1_style=... , and |subgroup_style=... .
-- If we have |group_1.1_style= color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; ,
-- the style of group_1.1 will be style="color:green; font-weight: bold; color: red;" ;
-- if we have |group_1.1_style= -- color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; ,
-- the style of group_1.1 will be style="color: red;" only, and the cascade is no longer performed for |subgroup_level_1_style and |subgroup_style.
function h.mergeAttrs(...)
local trim = mw.text.trim
local s = ''
for i=1, select('#', ...) do
local v = trim(select(i, ...) or '')
local str = string.match(v, '^%-%-+(.*)$')
if str then
s = trim(str..' '..s)
break
else
s = trim(v..' '..s)
end
end
if s == '' then s = nil end
return s
end

function h.runHook(key, ...)
if hooks[key] then
hooks[key](...)
end
end

-----------------------------------------------
return p

Template:Navbox/Draft

2025-11-13T23:05:51Z

ReisuDesign: Created page with "<includeonly>{{#invoke:Navbox|main}}</includeonly><noinclude>{{Navbox/Draft |name = Navbox |title = Navbox |bodyclass = hlist |group1 = Group 1 |list1 = List 1 |group2 = Group 2 |list2 = {{Navbox|child |evenodd = swap |group1 = Group 2.1 |list1 = List 2.1 |group2 = Group 2.2 |list2 = List 2.2 |group3 = Group 2.3 |list3 = List 2.3 }} |group3 = Group 3 |list3 = * List 3 * List * List }}</noinclude>"

<includeonly>{{#invoke:Navbox|main}}</includeonly><noinclude>{{Navbox/Draft
|name = Navbox
|title = Navbox
|bodyclass = hlist

|group1 = Group 1
|list1 = List 1

|group2 = Group 2
|list2 =
{{Navbox|child
|evenodd = swap
|group1 = Group 2.1
|list1 = List 2.1
|group2 = Group 2.2
|list2 = List 2.2
|group3 = Group 2.3
|list3 = List 2.3
}}

|group3 = Group 3
|list3 =
* List 3
* List
* List
}}</noinclude>

Template:Mbox

2025-11-13T22:53:46Z

ReisuDesign: Redirected page to Template:MessageBox

#REDIRECT [[Template:MessageBox]]
[[Category:Redirect Pages]]

Template:Navbox

2025-11-13T21:55:58Z

ReisuDesign:

<includeonly>{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=</div>|none=|#default=<table cellspacing="0" class="navbox-border navbox" style="border-spacing:0;{{{bodystyle|}}};{{{style|}}}"><tr><td style="padding:2px;">}}<table cellspacing="0" class="nowraplinks {{{bodyclass|}}} {{#if:{{{title|}}}|{{#switch:{{{state|}}}|plain=|#default={{#ifeq:{{lc:{{{collapsible}}}}}|no||mw-collapsible}} {{#if:{{{state|}}}|mw-{{{state}}}}}}}}} {{#switch:{{{border|{{{1|}}}}}}|subgroup|child|none=navbox-subgroup" style="border-spacing:0;{{{bodystyle|}}};{{{style|}}}|#default=navbox-inner" style="border-spacing:0;background:transparent;color:inherit}};{{{innerstyle|}}};">{{#if:{{{title|}}}|<tr>{{#if:{{{titlegroup|}}}|<td class="navbox-group" style="{{{titlegroupstyle|}}}">{{{titlegroup|}}}</td><th style="border-left:2px solid #1DE9B6; width:100%;|<th style="}}{{{basestyle|}}};{{{titlestyle|}}}" colspan={{#expr:2{{#if:{{{imageleft|}}}|+1}}{{#if:{{{image|}}}|+1}}{{#if:{{{titlegroup|}}}|-1}}}} class="navbox-title">{{#ifeq:{{lc:{{{collapsible}}}}}|no||<div class="hidden" style="float:left;width:6em;text-align:left"> </div>}}{{#ifeq:{{{state|}}}|plain|<div style="float:right;width:6em"> </div>}}<span class="{{{titleclass|}}}" style="font-size:{{#switch:{{{border|{{{1|}}}}}}|subgroup|child|none=100|#default=110}}%;">{{{title}}}</span></th></tr>}}{{#if:{{{above|}}}|{{#if:{{{title|}}}|<tr style="height:2px;"><td></td></tr>}}<tr><td class="navbox-abovebelow {{{aboveclass|}}}" style="{{{basestyle|}}};{{{abovestyle|}}}" colspan="{{#expr:2{{#if:{{{imageleft|}}}|+1}}{{#if:{{{image|}}}|+1}}}}"><div>
{{{above}}}</div></td></tr>}}{{#if:{{{list1|}}}|{{#if:{{{title|}}}{{{above|}}}|<tr style="height:2px;"><td></td></tr>}}<tr>{{#if:{{{imageleft|}}}|<td class="navbox-image {{{imageclass|}}}" style="width:0%;padding:0px 2px 0px 0px;{{{imageleftstyle|}}}" rowspan={{#expr:1{{#if:{{{list2|}}}|+2}}{{#if:{{{list3|}}}|+2}}{{#if:{{{list4|}}}|+2}}{{#if:{{{list5|}}}|+2}}{{#if:{{{list6|}}}|+2}}{{#if:{{{list7|}}}|+2}}{{#if:{{{list8|}}}|+2}}{{#if:{{{list9|}}}|+2}}{{#if:{{{list10|}}}|+2}}{{#if:{{{list11|}}}|+2}}{{#if:{{{list12|}}}|+2}}{{#if:{{{list13|}}}|+2}}{{#if:{{{list14|}}}|+2}}{{#if:{{{list15|}}}|+2}}{{#if:{{{list16|}}}|+2}}{{#if:{{{list17|}}}|+2}}{{#if:{{{list18|}}}|+2}}{{#if:{{{list19|}}}|+2}}{{#if:{{{list20|}}}|+2}}}}><div>
{{{imageleft}}}</div></td>}}{{#if:{{{group1|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group1style|}}}">{{{group1}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list1style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list1padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list1}}}
</div></td>{{#if:{{{image|}}}|<td class="navbox-image {{{imageclass|}}}" style="width:0%;padding:0px 0px 0px 2px;{{{imagestyle|}}}" rowspan={{#expr:1{{#if:{{{list2|}}}|+2}}{{#if:{{{list3|}}}|+2}}{{#if:{{{list4|}}}|+2}}{{#if:{{{list5|}}}|+2}}{{#if:{{{list6|}}}|+2}}{{#if:{{{list7|}}}|+2}}{{#if:{{{list8|}}}|+2}}{{#if:{{{list9|}}}|+2}}{{#if:{{{list10|}}}|+2}}{{#if:{{{list11|}}}|+2}}{{#if:{{{list12|}}}|+2}}{{#if:{{{list13|}}}|+2}}{{#if:{{{list14|}}}|+2}}{{#if:{{{list15|}}}|+2}}{{#if:{{{list16|}}}|+2}}{{#if:{{{list17|}}}|+2}}{{#if:{{{list18|}}}|+2}}{{#if:{{{list19|}}}|+2}}{{#if:{{{list20|}}}|+2}}}}><div>
{{{image}}}</div></td>}}</tr>}}{{#if:{{{list2|}}}|{{#if:{{{title|}}}{{{above|}}}{{{list1|}}}|<tr style="height:2px"><td></td></tr>}}<tr>{{#if:{{{group2|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group2style|}}}">{{{group2}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list2style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list2padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list2}}}
</div></td></tr>}}{{#if:{{{list3|}}}|{{#if:{{{title|}}}{{{above|}}}{{{list1|}}}{{{list2|}}}|<tr style="height:2px"><td></td></tr>}}<tr>{{#if:{{{group3|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group3style|}}}">{{{group3}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list3style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list3padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list3}}}
</div></td></tr>}}{{#if:{{{list4|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group4|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group4style|}}}">{{{group4}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list4style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list4padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list4}}}
</div></td></tr>}}{{#if:{{{list5|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group5|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group5style|}}}">{{{group5}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list5style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list5padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list5}}}
</div></td></tr>}}{{#if:{{{list6|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group6|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group6style|}}}">{{{group6}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list6style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list6padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list6}}}
</div></td></tr>}}{{#if:{{{list7|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group7|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group7style|}}}">{{{group7}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list7style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list7padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list7}}}
</div></td></tr>}}{{#if:{{{list8|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group8|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group8style|}}}">{{{group8}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list8style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list8padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list8}}}
</div></td></tr>}}{{#if:{{{list9|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group9|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group9style|}}}">{{{group9}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list9style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list9padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list9}}}
</div></td></tr>}}{{#if:{{{list10|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group10|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group10style|}}}">{{{group10}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list10style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list10padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list10}}}
</div></td></tr>}}{{#if:{{{list11|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group11|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group11style|}}}">{{{group11}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list11style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list11padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list11}}}
</div></td></tr>}}{{#if:{{{list12|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group12|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group12style|}}}">{{{group12}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list12style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list12padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list12}}}
</div></td></tr>}}{{#if:{{{list13|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group13|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group13style|}}}">{{{group13}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list13style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list13padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list13}}}
</div></td></tr>}}{{#if:{{{list14|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group14|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group14style|}}}">{{{group14}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list14style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list14padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list14}}}
</div></td></tr>}}{{#if:{{{list15|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group15|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group15style|}}}">{{{group15}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list15style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list15padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list15}}}</div></td></tr>}}{{#if:{{{list16|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group16|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group16style|}}}">{{{group16}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list16style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list16padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list16}}}
</div></td></tr>}}{{#if:{{{list17|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group17|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group17style|}}}">{{{group17}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list17style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list17padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list17}}}
</div></td></tr>}}{{#if:{{{list18|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group18|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group18style|}}}">{{{group18}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list18style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list18padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list18}}}
</div></td></tr>}}{{#if:{{{list19|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group19|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group19style|}}}">{{{group19}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{oddstyle|}}};{{{list19style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|even|{{{evenodd|odd}}}}} {{{listclass|}}}"><div style="padding:{{{list19padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list19}}}
</div></td></tr>}}{{#if:{{{list20|}}}|<tr style="height:2px"><td></td></tr><tr>{{#if:{{{group20|}}}|<th scope="row" class="navbox-group {{{groupclass|}}}" style="{{{basestyle|}}};{{#if:{{{groupwidth|}}}|width:{{{groupwidth}}};}}{{{groupstyle|}}};{{{group20style|}}}">{{{group20}}}</th><td style="text-align:left;border-left-width:2px;border-left-style:solid;|<td colspan=2 style="}}{{#if:{{{groupwidth|}}}||width:100%;}}padding:0px;{{{liststyle|}}};{{{evenstyle|}}};{{{list20style|}}}" class="navbox-list navbox-{{#ifeq:{{{evenodd|}}}|swap|odd|{{{evenodd|even}}}}} {{{listclass|}}}"><div style="padding:{{{list20padding|{{{listpadding|0em 0.25em}}}}}}">
{{{list20}}}
</div></td></tr>}}{{#if:{{{below|}}}|{{#if:{{{title|}}}{{{above|}}}{{{list1|}}}{{{list2|}}}{{{list3|}}}|<tr style="height:2px;"><td></td></tr>}}<tr><td class="navbox-abovebelow {{{belowclass|}}}" style="{{{basestyle|}}};{{{belowstyle|}}}" colspan="{{#expr:2{{#if:{{{imageleft|}}}|+1}}{{#if:{{{image|}}}|+1}}}}"><div>
{{{below}}}</div></td></tr>}}</table>{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=<div>|none=|#default=</td></tr></table>}}{{#ifeq:{{NAMESPACE}}|{{ns:10}}|{{#ifeq:{{{border|{{{1|}}}}}}|child||{{#ifeq:{{{border|{{{1|}}}}}}|subgroup||{{#switch:{{lc:{{SUBPAGENAME}}}}
|doc
|sandbox
|testcases =
|#default = {{#switch:{{{bodyclass|}}}
|plainlist
|hlist
|hlist hnum
|hlist vcard
|vcard hlist =
|#default = {{#switch:{{{listclass|}}}
|plainlist
|hlist
|hlist hnum
|hlist vcard
|vcard hlist =
}}
}}
}}
}}}}}}{{#ifeq:{{NAMESPACE}}|{{ns:10}}|{{#switch:{{lc:{{SUBPAGENAME}}}}
|sandbox
|testcases =
|#default = {{#switch:{{{liststyle|}}}
|padding: 0.25em 0; line-height: 1.3em;
|padding:0.25em 0; line-height:1.4em; width:auto;
|#default =
}}
}}}}</includeonly><noinclude>{{Documentation|type=Navbox}}</noinclude>

MediaWiki:Gadget-Navbox.css

2025-11-13T21:51:26Z

ReisuDesign:

.portable-infobox.pi-theme-navbox {
box-sizing: border-box;
float: none;
margin: 0;
/* fallback width */
width: 100%;
/* (1px border + 0.5em padding) * 2 = 16px
width: calc(100% - 1em - 2px); */
}

.portable-infobox.pi-theme-navbox .pi-data-value {
flex-basis: 100%;
width: 100%;
}

.portable-infobox.pi-theme-navbox .pi-data-label {
flex-basis: 200px;
}

.navbox {
width: 100%;
font-size: 88%;
margin: auto;
clear: both;
text-align: center;
border-radius: 10px !important;
overflow: hidden;
}

.navbox td {
padding: 0 !important;
}

.navbox-inner,
.navbox-subgroup {
width: 100%;
}

.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em;
line-height: 1.5em;
text-align: center;
}

th.navbox-group {
white-space: nowrap;
text-align: left;
/* Align Left cuz read words LTR, skim left side charaters first */
}

.skin-fandommobile th.navbox-group {
white-space: normal;
}

.navbox,
.navbox-subgroup {
background: var(--theme-page-background-color);
}

.navbox-list {
line-height: 1.5em;
}

table.navbox table.navbox {
margin-top: 0;
}

table.navbox + table.navbox {
margin-top: -1px;
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0;
}

.page-content .navbox .hlist dl,
.page-content .navbox .hlist ol,
.page-content .navbox .hlist ul {
margin: 0;
padding: 0;
}

.hlist dd,
.hlist dt,
.hlist li {
display: inline;
}

.hlist .inline,
.hlist .inline dl,
.hlist .inline ol,
.hlist .inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}

.hlist dt:after {
content: ":"
}

.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}

.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}

.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}

.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}

.hlist dd dd.hlist-last-child:after,
.hlist dd dt.hlist-last-child:after,
.hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after,
.hlist dt dt.hlist-last-child:after,
.hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after,
.hlist li dt.hlist-last-child:after,
.hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}

.hlist ol {
counter-reset: listitem;
}

.hlist ol > li {
counter-increment: listitem;
}

.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}

.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}

.navbar ul {
display: inline;
white-space: nowrap;
}

.mw-body-content .navbar ul {
line-height: inherit;
}

.navbar li {
word-spacing: -0.125em;
}

.navbox .navbar {
display: block;
font-size: 100%;
}

.navbox-title .navbar {
float: left;
text-align: left;
margin-right: 0.5em;
width: 6em;
}

.collapseButton {
float: right;
font-weight: normal;
margin-left: 0.5em;
text-align: right;
width: auto;
}

.navbox .collapseButton {
width: 6em;
}

.mw-collapsible-toggle {
font-weight: normal;
text-align: right;
}

.navbox .mw-collapsible-toggle {
width: 6em;
}

/* Portable Navbox */
.pi-theme-navbox {
--pi-secondary-background: var(--theme-link-color);
--pi-secondary-background--label: var(--theme-body-text-color);
padding: 0 3px;
}
.pi-theme-navbox .pi-data {
padding: 0;
}

.portable-infobox.pi-theme-navbox :is(.pi-data-label, .pi-data-value) {
line-height: 1.5em;
font-size: .7em;
padding: 0.25em 1em;
}
.portable-infobox.pi-theme-navbox .pi-data-label {
display: flex;
align-items: center;
justify-content: flex-start;
/* Align Left cuz read words LTR, skim left side charaters first */
flex-basis: 200px;
background-color: var(--custom-tertiary-color);
color: var(--custom-tertiary-color-text);
}
.portable-infobox.pi-theme-navbox .pi-data-value {
flex-basis: 100%;
}
.portable-infobox.pi-theme-navbox .pi-data:nth-child(odd) .pi-data-value {
background-color: var(--theme-page-background-color--secondary);
}

/* For Template:Characters_Navbox */
.navbox-list-top > div > div {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

/* align left when navbox list contains cards */
.navbox-list:has(div > .card-list-container) > div,
.navbox-list:has(div > div > .card-list-container) > div {
text-align: left;
}

/* Adds Unknown image for not uploaded files and hides redlink */
.navbox-list a.new[href*="Special:Upload"] {
display: inline-flex;
width: 45px;
height: 45px;
background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png/revision/latest/scale-to-width-down/45);
background-size: cover;
vertical-align: middle;
font-size: 0;
}

/* Hide empty sub-navboxes (second rule is for the spacing row) */
.navbox-inner tr:has(> td.navbox-list:only-child > .navbox-subgroup tr:only-child > th.navbox-title),
.navbox-inner tr:has(+ tr > td.navbox-list:only-child > .navbox-subgroup tr:only-child > th.navbox-title) {
display: none !important;
}

/* Gallery for mobile */
.skin-fandommobile .navbox-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;

.article-media-thumbnail {
margin-bottom: 0;
}

.article-media-placeholder {
border: none;
}

br,
figcaption {
display: none;
}
}

/* Navbox colors */
.navbox-title a,
.navbox-group a {
color: var(--theme-link-color);
}

.navbox-title,
.navbox-group,
.navbox-title .mw-collapsible-text {
color: var(--page-text-color);
}

.navbox-odd {
background: var(--theme-color-1);
}

.navbox-subgroup .navbox-title {
background: var(--theme-color-2);
}

.navbox-subgroup .navbox-subgroup .navbox-title {
background: var(--theme-color-6);
}

.navbox-title {
background: var(--theme-color-4);
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
color: var(--theme-page-text-color);
background: var(--pi-rows-color)!important;
}

.navbox-image {
background: var(--pi-rows-color);
}

.navbox-even {
background: var(--theme-page-background-color--secondary);
}

Template:Creatures by Category Table

2025-11-13T17:45:52Z

ReisuDesign:

<includeonly>{{#dpl:
|namespace =
|category = Creature<&>{{{1}}}
|uses = Template:Creature Infobox
|include = {Creature Infobox}:%PAGE%:number:%PAGE%{{#if:{{{notype|}}}||:type}}:habitat:distribution:time
|table = class="wikitable sortable",-,Image,No.,Name{{#if:{{{notype|}}}||,Type}},Habitat,Distribution,Active Time
|tablerow = [[File:%% Icon.png|50px|link=%%]],%%,[[%%]]{{#if:{{{notype|}}}||,%%}},%%,%%,%%
|ordermethod = sortkey
}}</includeonly><noinclude>{{Documentation|type=DPL Tables}}</noinclude>

Template:Neighbors by Category Table

2025-11-13T17:45:21Z

ReisuDesign:

<includeonly>{{#dpl:
|namespace =
|category = Neighbors{{#if:{{{1|}}}|<&>{{{1}}}}}
|uses = Template:Neighbor Infobox
|include = {Neighbor Infobox}:%PAGE%:%PAGE%{{#if:{{{nogalaxy|}}}||:galaxy}}:role:birthday
|table = class="wikitable sortable",-,Image,Name{{#if:{{{nogalaxy|}}}||,Galaxy}},Role,Birthday
|tablerow = [[File:%% Icon.png|50px|link=%%]],[[%%]]{{#if:{{{nogalaxy|}}}||,²{#switch:%%¦Hexia¦Norvanya¦Taffeh={{Item|%%}}¦#default=%%}²}},%%,%%
|ordermethod = sortkey
}}</includeonly><noinclude>{{Documentation|type=DPL Tables|content={{Neighbors by Category Table}}}}</noinclude>

MediaWiki:Tables.css

2025-11-13T17:45:18Z

ReisuDesign: Undo revision 1624 by ReisuDesign (talk)

.article-table, .wikitable {
border-radius: 10px;
border-spacing: 0px !important;
overflow: hidden;
border: 1px solid transparent !important;

th {
background-color: var(--theme-color-4) !important;
padding: 8px 15px;
text-align: left;
}

td {
padding: 3px 15px;
background-color: var(--theme-color-1);
}

tr:nth-child(odd) td {
background-color: var(--theme-color-2);
}
}

.wikitable td, .wikitable th {
border-color: transparent !important;
}

MediaWiki:Tables.css

2025-11-13T17:44:38Z

ReisuDesign:

.article-table, .wikitable {
border-radius: 10px;
border-spacing: 0px !important;
overflow: hidden;
border: 1px solid transparent !important;

th {
background-color: var(--theme-color-4) !important;
padding: 8px 15px;
text-align: left;
}

td {
padding: 3px 15px;
background-color: var(--theme-color-1);
}

tr:nth-child(odd) td {
background-color: var(--theme-color-2);
}
}

Main Page

2025-11-13T13:50:54Z

ReisuDesign:

<div class="mp-header-container">
<div class="mp-header-wordmark">
[[File:Wiki logo.png|link=|alt=Petit Planet Wiki|center]]
</div>
<div class="mp-header-description" style="text-align: center;">
[[Petit Planet|About]] • [https://planet.hoyoverse.com/en-us/home Official Website] • [https://www.hoyolab.com/home HoYoLAB Community Forums] • [https://planet.hoyoverse.com/en-us/home Official News] • [https://x.com/PetitPlanetGame Official X]

''[[Petit Planet]]'' is an upcoming cosmic life simulation game developed and published by [[HoYoverse]].<br />
This wiki is an English resource for information about the global version of the game.<br />
There are '''unmarked spoilers''' on this wiki.

This wiki currently has [[Special:Statistics|'''{{NUMBEROFARTICLES}} articles''']] and [[Special:Statistics|'''{{NUMBEROFFILES}} files.''']]
</div>
</div>


<center>
{| class="article-table" style="text-align:center;"
!<center>Content<center>
|-
|{{Card List|1=Mobai{link=Neighbors $ caption=Neighbors};
Sanke Koi{link=Fish $ caption=Fish};
Kabuto Beetle{link=Insect $ caption=Insect};
Bean-Shaped Fist Crab{link=Shore-Dweller $ caption=Shore-Dweller};
Fresh Start Mint Bed{link=Furniture $ caption=Furniture};
Fragrant Fruit Fusion Tea{link=Dishes $ caption=Dishes};
Wildgrass{link=Plants $ caption=Plants};
Luca{link=Items $ caption=Items};
Hardy Craftsman Top{link=Outfits $ caption=Outfits}
|delim=;}}
|}
</center>



__NOTOC__

MediaWiki:Edittools

2025-11-13T13:41:14Z

ReisuDesign:

<div id="edittools-description">Below are commonly used wikitext from [[MediaWiki:Edittools]]. Click on any to insert them in the edit box.</div><table class="wikitable edittools"><tr><th>File Pages</th><td>{{F|<charinsert><nowiki>==Summary==</nowiki></charinsert>}}{{F|<charinsert><nowiki>==Licensing==</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Fairuse}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{File|+}}</nowiki></charinsert>}}</td></tr><tr><th>Dynamic Page List</th><td>{{F|<charinsert><nowiki>¦</nowiki></charinsert>}}{{F|<charinsert><nowiki>²</nowiki></charinsert>}}{{F|<charinsert><nowiki>«</nowiki></charinsert>}}{{F|<charinsert><nowiki>»</nowiki></charinsert>}}{{F|<charinsert><nowiki>²{+¦}²</nowiki></charinsert>}}{{F|<charinsert><nowiki>«+»</nowiki></charinsert>}}{{F|<charinsert><nowiki>«/+»</nowiki></charinsert>}}{{F|<charinsert><nowiki>«!--+--»</nowiki></charinsert>}}</td></tr><tr><th>[[Template:Array|Array in DPL]]</th><td>{{F|<charinsert><nowiki>¹</nowiki></charinsert>}}{{F|<charinsert><nowiki>^2{</nowiki></charinsert>}}{{F|<charinsert><nowiki>}^2</nowiki></charinsert>}}{{F|<charinsert><nowiki>^2{+¹}^2</nowiki></charinsert>}}</td></tr><tr><th>[[mw:Help:Extension:ParserFunctions|Parser Functions]]</th><td>{{F|<charinsert><nowiki>{{#if:+||}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#if:<condition>|<result if true>|<result if false>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#ifeq:+|||}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#ifeq:<text1>|<text2>|<result if text1=text2>|<result if text1≠text2>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#expr:+}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#expr:<mathematical expression>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#switch:+||#default=}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#switch:<text1>|<text2>=<result if text1=text2>|<text3>=<result if text1=text3>|#default=<result if no valid match>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#replace:+||}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#replace:<text1>|<plain text to find in text1>|<plain text to insert in place of the text found>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#titleparts:+}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#replace:<page name>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#tag:+|}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#tag:<name of html tag>|<content inside html tag>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}</td></tr><tr><th>Markup</th><td>{{F|<charinsert><nowiki>{{+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>|</nowiki></charinsert>}}{{F|<charinsert>[+]</charinsert>}}{{F|<charinsert>[[+]]</charinsert>}}{{F|<charinsert>[[Category:+]]</charinsert>}}{{F|<charinsert><nowiki>#REDIRECT [[+]]
[[Category:Redirect Pages]]</nowiki></charinsert>}}{{F|<charinsert><code>+</code></charinsert>}}{{F|<charinsert><includeonly>+</includeonly></charinsert>}}{{F|<charinsert><noinclude>+</noinclude></charinsert>}}{{F|<charinsert><nowiki>+</nowiki></charinsert>}}{{F|<charinsert><nowiki></nowiki></charinsert>}}{{F|<charinsert><nowiki><br></nowiki></charinsert>}}{{F|<charinsert>§</charinsert>}}</td></tr><tr><th>Notices</th><td>{{F|<charinsert><nowiki>{{Stub|+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Stub Dialogue}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Upcoming}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Under Construction}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Placeholder|+}}</nowiki></charinsert>}}</td></tr><tr><th>[[mw:Help:Magic Words|Magic Words]]</th><td>{{F|<charinsert><nowiki>{{!}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{formatnum:+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{lc:+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{uc:+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{PAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{FULLPAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{ROOTPAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{BASEPAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{SUBPAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{DISPLAYTITLE:+|noreplace}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>__TOC__</nowiki></charinsert>}}{{F|<charinsert><nowiki>__NOTOC__</nowiki></charinsert>}}{{F|<charinsert><nowiki>__EXPECTUNUSEDCATEGORY__</nowiki></charinsert>}}{{F|<charinsert><nowiki>__HIDDENCAT__</nowiki></charinsert>}}</td></tr><tr><th>HTML Entities</th><td>{{F|<charinsert><nowiki>&mdash+;</nowiki></charinsert>}}{{F|<charinsert><nowiki>&nbsp+;</nowiki></charinsert>}}{{F|<charinsert><nowiki>&comma+;</nowiki></charinsert>}}{{F|<charinsert><nowiki>&shy+;</nowiki></charinsert>}}</td></tr>{{#if:{{#pos:{{FULLPAGENAME}}|Talk:}}|<tr><th>Sign your username</th><td>{{F|<charinsert>[[User:ReisuDesign|ReisuDesign]] ([[User talk:ReisuDesign|talk]]) 18:44, 12 November 2025 (UTC)</charinsert>}}</td></tr>}}</table>

File:Fragrant Fruit Fusion Tea Icon.png

2025-11-13T13:41:04Z

ReisuDesign: {{Placeholder|release}} {{File|Dish Icons}} ==Licensing== {{Fairuse}}

== Summary ==
{{Placeholder|release}}
{{File|Dish Icons}}

==Licensing==
{{Fairuse}}

File:Luca Icon.png

2025-11-13T13:39:36Z

ReisuDesign: {{Placeholder|release}} {{File|Item Icons}} ==Licensing== {{Fairuse}}

== Summary ==
{{Placeholder|release}}
{{File|Item Icons}}

==Licensing==
{{Fairuse}}

MediaWiki:Common.css

2025-11-13T12:32:49Z

ReisuDesign:

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@400;700&family=Noto+Sans+SC:wght@400;700&family=Noto+Sans+TC:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+Avestan:wght@400;700&family=El+Messiri:wght@400;700&family=Noto+Sans+Hebrew:wght@400;700&display=swap');

/* Imports caching */
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Documentation.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:MessageBox.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Tables.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Quote.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Navbox.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Font.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Colors.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Change History.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Hatnote.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Card.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Recipe.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:CustomTabs.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Edittools.css&action=raw&ctype=text/css");
@import url("https://petitplanet.wiki/index.php?title=MediaWiki:Formatting.css&action=raw&ctype=text/css");

:root {
--unknown-img: url("https://petitplanet.wiki/images/d/dd/Unknown.png");
}

body {
background: var(--background-image) no-repeat fixed center center / cover !important;
}

body, h1, h2, h3, h4 {
color: var(--page-text-color);
}

.mw-logo-wordmark {
width: initial !important;
}

.mobileHide, .mobile-only, .no-desktop { display: none; }

/* Main page header */
.mp-header-container {
background-color: var(--theme-color-1);
border-radius: 20px;
padding: 1rem;
margin-bottom: 1rem;
.skin-theme-clientpref-night & {
background-color: var(--theme-color-2);
}
}

.skin-theme-clientpref-day .mp-header-wordmark img {
filter: invert(1);
}

/* Main page cards */
.mp-card-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.5rem;
}

.mp-card {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--theme-color-1);
border-radius: 8px;
width: 7rem;
height: 8.5rem;
.skin-theme-clientpref-night & {
background-color: var(--theme-color-2);
}
}

.mp-card-text {
text-align: center;
background: var(--theme-accent-color);
border-radius: 6px;
padding: 0 0.25rem;
width: 5.5rem;
font-size: min(1em, 16px);
}

.mp-card:hover {
background: var(--theme-color-3);
.mp-card-text {
background: var(--theme-accent-color);
}
}

.mp-card-text a {
color: var(--page-text-color);
.skin-theme-clientpref-night & {
color: var(--page-background-color);
}
&:hover {
text-decoration: none;
}
}

.mp-card-icon img {
justify-self: center;
width: 6rem;
height: 6rem;
}

MediaWiki:Edittools.css

2025-11-13T12:32:22Z

ReisuDesign:

.edittools div.mw-collapsible {
padding: 0;
display: inline;
}

#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

.edittools .mw-collapsible-toggle-default::before, .edittools .mw-collapsible-toggle-default::after {
content:'' !important;
}

.edittools .mw-collapsible-toggle-default span {
background-color: var(--theme-color-8);
padding: 0 4px;
border-radius: 10px;
margin-left: 5px;
font-weight: 700;
color: var(--page-text-color);

:hover {
background-color: var(--theme-color-9);
}
}

MediaWiki:Formatting.css

2025-11-13T12:31:38Z

ReisuDesign: Created page with "code, .custom-formatting-code:not(.custom-formatting-plain) { background-color: var(--theme-color-3); border-radius: 5px; padding: 0px 4px; margin-right: 5px; font-family: monospace; } /* For Module:Formatting */ .custom-formatting-code { display: inline-block; line-height: 21px; } .custom-formatting-code.code-block-table { display: table; } span.variable { opacity: 0.65; } span.variable::after { opacity: 0.65; content: ">"; } span.variable::b..."

code, .custom-formatting-code:not(.custom-formatting-plain) {
background-color: var(--theme-color-3);
border-radius: 5px;
padding: 0px 4px;
margin-right: 5px;
font-family: monospace;
}
/* For [[Module:Formatting]] */
.custom-formatting-code {
display: inline-block;
line-height: 21px;
}
.custom-formatting-code.code-block-table { display: table; }
span.variable { opacity: 0.65; }
span.variable::after {
opacity: 0.65;
content: ">";
}
span.variable::before {
opacity: 0.65;
content: "<";
}
.custom-formatting-nested { display: none; }
.custom-formatting-resulting { display: inline; }
.custom-formatting-code .custom-formatting-nested { display: inline-block; }
.custom-formatting-code .custom-formatting-resulting { display: none; }

MediaWiki:Edittools.css

2025-11-13T12:15:57Z

ReisuDesign:

/* MediaWiki:Edittools styling */

.edittools div.mw-collapsible {
padding: 0;
display: inline;
}

#edittools-description {
margin-top: 1em;
margin-bottom: 0.7em;
}

.edittools .mw-collapsible-toggle-default::before, .edittools .mw-collapsible-toggle-default::after {
content:'' !important;
}

.edittools .mw-collapsible-toggle-default span {
background-color: var(--theme-color-8);
padding: 0 4px;
border-radius: 10px;
margin-left: 5px;
font-weight: 700;
color: var(--page-text-color);
}

MediaWiki:Edittools

2025-11-13T11:07:44Z

ReisuDesign:

<div id="edittools-description">Below are commonly used wikitext from [[MediaWiki:Edittools]]. Click on any to insert them in the edit box.</div><table class="wikitable edittools">{{Namespace|file=<tr><th>File Pages</th><td>{{F|<charinsert><nowiki>==Summary==</nowiki></charinsert>}}{{F|<charinsert><nowiki>==Licensing==</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Fairuse}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{File|+}}</nowiki></charinsert>}}</td></tr>}}<tr><th>Dynamic Page List</th><td>{{F|<charinsert><nowiki>¦</nowiki></charinsert>}}{{F|<charinsert><nowiki>²</nowiki></charinsert>}}{{F|<charinsert><nowiki>«</nowiki></charinsert>}}{{F|<charinsert><nowiki>»</nowiki></charinsert>}}{{F|<charinsert><nowiki>²{+¦}²</nowiki></charinsert>}}{{F|<charinsert><nowiki>«+»</nowiki></charinsert>}}{{F|<charinsert><nowiki>«/+»</nowiki></charinsert>}}{{F|<charinsert><nowiki>«!--+--»</nowiki></charinsert>}}</td></tr><tr><th>[[Template:Array|Array in DPL]]</th><td>{{F|<charinsert><nowiki>¹</nowiki></charinsert>}}{{F|<charinsert><nowiki>^2{</nowiki></charinsert>}}{{F|<charinsert><nowiki>}^2</nowiki></charinsert>}}{{F|<charinsert><nowiki>^2{+¹}^2</nowiki></charinsert>}}</td></tr><tr><th>[[mw:Help:Extension:ParserFunctions|Parser Functions]]</th><td>{{F|<charinsert><nowiki>{{#if:+||}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#if:<condition>|<result if true>|<result if false>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#ifeq:+|||}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#ifeq:<text1>|<text2>|<result if text1=text2>|<result if text1≠text2>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#expr:+}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#expr:<mathematical expression>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#switch:+||#default=}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#switch:<text1>|<text2>=<result if text1=text2>|<text3>=<result if text1=text3>|#default=<result if no valid match>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#replace:+||}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#replace:<text1>|<plain text to find in text1>|<plain text to insert in place of the text found>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#titleparts:+}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#replace:<page name>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}{{F|<charinsert><nowiki>{{#tag:+|}}</nowiki></charinsert>{{Collapsible|<nowiki>{{#tag:<name of html tag>|<content inside html tag>}}</nowiki>||no_left_arrow=1|collapsed=1}}}}</td></tr><tr><th>Markup</th><td>{{F|<charinsert><nowiki>{{+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>|</nowiki></charinsert>}}{{F|<charinsert>[+]</charinsert>}}{{F|<charinsert>[[+]]</charinsert>}}{{F|<charinsert>[[Category:+]]</charinsert>}}{{F|<charinsert><nowiki>#REDIRECT [[+]]
[[Category:Redirect Pages]]</nowiki></charinsert>}}{{F|<charinsert><code>+</code></charinsert>}}{{F|<charinsert><includeonly>+</includeonly></charinsert>}}{{F|<charinsert><noinclude>+</noinclude></charinsert>}}{{F|<charinsert><nowiki>+</nowiki></charinsert>}}{{F|<charinsert><nowiki></nowiki></charinsert>}}{{F|<charinsert><nowiki><br></nowiki></charinsert>}}{{F|<charinsert>§</charinsert>}}</td></tr><tr><th>Notices</th><td>{{F|<charinsert><nowiki>{{Stub|+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Stub Dialogue}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Upcoming}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Under Construction}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{Placeholder|+}}</nowiki></charinsert>}}</td></tr><tr><th>[[mw:Help:Magic Words|Magic Words]]</th><td>{{F|<charinsert><nowiki>{{!}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{formatnum:+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{lc:+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{uc:+}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{PAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{FULLPAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{ROOTPAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{BASEPAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{SUBPAGENAME}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>{{DISPLAYTITLE:+|noreplace}}</nowiki></charinsert>}}{{F|<charinsert><nowiki>__TOC__</nowiki></charinsert>}}{{F|<charinsert><nowiki>__NOTOC__</nowiki></charinsert>}}{{F|<charinsert><nowiki>__EXPECTUNUSEDCATEGORY__</nowiki></charinsert>}}{{F|<charinsert><nowiki>__HIDDENCAT__</nowiki></charinsert>}}</td></tr><tr><th>HTML Entities</th><td>{{F|<charinsert><nowiki>&mdash+;</nowiki></charinsert>}}{{F|<charinsert><nowiki>&nbsp+;</nowiki></charinsert>}}{{F|<charinsert><nowiki>&comma+;</nowiki></charinsert>}}{{F|<charinsert><nowiki>&shy+;</nowiki></charinsert>}}</td></tr>{{#if:{{#pos:{{FULLPAGENAME}}|Talk:}}|<tr><th>Sign your username</th><td>{{F|<charinsert>[[User:ReisuDesign|ReisuDesign]] ([[User talk:ReisuDesign|talk]]) 18:44, 12 November 2025 (UTC)</charinsert>}}</td></tr>}}</table>