Difference between revisions of "Template:Navbox"

From Nookipedia, the Animal Crossing wiki
m (Protected "Template:Navbox": High-risk template ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
(Switching to using built-in mw-collapsible classes)
Line 1: Line 1:
 
<includeonly><div class="nomobile">
 
<includeonly><div class="nomobile">
−
{| class="collapsible {{#switch:{{{State|}}}|Show = uncollapsed|Hide = collapsed|#default = collapsed}}" width="{{{Width|90%}}}" align="center" style="{{roundy|14px}} background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); padding: 4px; margin: 10px auto;"
+
{| class="mw-collapsible {{#switch:{{{State|}}}|Show = |Hide = mw-collapsed|#default = mw-collapsed}}" width="{{{Width|90%}}}" align="center" style="{{roundy|14px}} background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); padding: 4px; margin: 10px auto;"
 
|-
 
|-
 
! width="80%" align="center" style="font-family: Coustard; font-weight: normal; color: {{{TextColor|}}}; {{roundy|9px}}" | {{#if: {{{Icon|}}} | [[File:{{{Icon}}}|{{{IconSize|24px}}}|left|link=]] | }} {{#if: {{{Link|}}} | [[{{{Link|}}}|<span style="font-size: 1.3em; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Title|Navbox}}}</span>]] | <span style="font-size: 1.3em; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Title|Navbox}}}</span> }}
 
! width="80%" align="center" style="font-family: Coustard; font-weight: normal; color: {{{TextColor|}}}; {{roundy|9px}}" | {{#if: {{{Icon|}}} | [[File:{{{Icon}}}|{{{IconSize|24px}}}|left|link=]] | }} {{#if: {{{Link|}}} | [[{{{Link|}}}|<span style="font-size: 1.3em; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Title|Navbox}}}</span>]] | <span style="font-size: 1.3em; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Title|Navbox}}}</span> }}
Line 133: Line 133:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList|}}}
Line 146: Line 146:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList2|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList2|}}}
Line 159: Line 159:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList3|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList3|}}}
Line 172: Line 172:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList4|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList4|}}}
Line 185: Line 185:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList5|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList5|}}}
Line 198: Line 198:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList6|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList6|}}}
Line 211: Line 211:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList7|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList7|}}}
Line 224: Line 224:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList8|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList8|}}}
Line 237: Line 237:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList9|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList9|}}}
Line 250: Line 250:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList10|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList10|}}}
Line 263: Line 263:
 
{{!-}}  
 
{{!-}}  
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
 
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList11|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidth|minmax(180px, 1fr)}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList11|}}}
Line 282: Line 282:
  
 
--><div class="onlymobile">
 
--><div class="onlymobile">
−
{| class="collapsible {{#switch:{{{State|}}}|Show = uncollapsed|Hide = collapsed|#default = collapsed}}" width="100%" align="center" style="{{roundy|14px}} background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); padding: 2px; margin: 10px auto;"
+
{| class="mw-collapsible {{#switch:{{{State|}}}|Show = |Hide = mw-collapsed|#default = mw-collapsed}}" width="100%" align="center" style="{{roundy|14px}} background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); padding: 2px; margin: 10px auto;"
 
|-
 
|-
 
! width="80%" align="center" style="font-family: Coustard; font-weight: normal; color: {{{TextColor|}}} {{roundy|9px}}"| {{#if: {{{Icon|}}} | [[File:{{{Icon}}}|{{{IconSize|24px}}}|left|link=]] | }} {{#if: {{{Link|}}} | [[{{{Link|}}}|<span style="font-size: 1.3em; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Title|Navbox}}}</span>]] | <span style="font-size: 1.3em; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Title|Navbox}}}</span> }}
 
! width="80%" align="center" style="font-family: Coustard; font-weight: normal; color: {{{TextColor|}}} {{roundy|9px}}"| {{#if: {{{Icon|}}} | [[File:{{{Icon}}}|{{{IconSize|24px}}}|left|link=]] | }} {{#if: {{{Link|}}} | [[{{{Link|}}}|<span style="font-size: 1.3em; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Title|Navbox}}}</span>]] | <span style="font-size: 1.3em; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Title|Navbox}}}</span> }}
Line 421: Line 421:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList|}}}
Line 434: Line 434:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList2|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList2|}}}
Line 447: Line 447:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList3|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList3|}}}
Line 460: Line 460:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList4|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList4|}}}
Line 473: Line 473:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList5|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList5|}}}
Line 486: Line 486:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList6|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList6|}}}
Line 499: Line 499:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList7|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList7|}}}
Line 512: Line 512:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList8|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList8|}}}
Line 525: Line 525:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList9|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList9|}}}
Line 538: Line 538:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList10|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList10|}}}
Line 551: Line 551:
 
{{!-}}  
 
{{!-}}  
 
{{!}}
 
{{!}}
−
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
+
{{{!}} class{{=}}"mw-collapsible mw-collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList11|}}}
 
{{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{NavWidthMobile|{{{NavWidth|minmax(140px, 1fr)}}}}}}); grid-row-gap: {{{NavRowGap|3px}}}; grid-column-gap: {{{NavColGap|5px}}}; justify-content: center;" {{!}} {{{NavList11|}}}

Revision as of 17:19, March 11, 2021

Template documentation (view)

Emotion Surprise NH Icon.png
This template is complex or is transcluded on a large number of pages.
Due to the sensitive nature of this template, caution is advised before editing. Any changes should first be tested in a sandbox. Please consider discussing planned changes on the talk page or with staff members before implementing them.
Emotion Surprise NH Icon.png
This template is complex or is transcluded on a large number of pages.
Due to the sensitive nature of this template, caution is advised before editing. Any changes should first be tested in a sandbox. Please consider discussing planned changes on the talk page or with staff members before implementing them.

Usage

{{Navbox
 | Title          = 
 | Link           = 
 | Icon           = 
 | IconSize       = 
 | Image          = 
 | PrimaryColor   = 
 | SecondaryColor = 
 | Width          =

 | Above          =
 | Group          = 
 | GroupLink      = 
 | List           = 

 | Below          =
 | BelowLink      =
}}

This template is intended to be used for all navboxes, as it allows them to be easily created and maintained and gives them a consistent visual style and functionality. It is very complex, and has been designed to adapt to the many different needs of various navboxes across the wiki. This template is mobile-friendly and will appear with repositioned elements on mobile devices.

The following parameters primarily set the visual style of the template:

  • Title sets the displayed heading of the navbox.
  • Link sets a linked page for the navbox title.
  • Icon is an optional parameter that allows an image or text to appear in the upper-left corner of the navbox.
  • IconSize is an optional parameter that allows a custom size for the icon to be specified.
  • Image sets the image file to be displayed on the right side of the navbox.
  • PrimaryColor sets the display colors of the infobox. Requires hue and saturation values in in HSL format, as other colors on the template are adjusted dynamically based on these values.
  • SecondaryColor allows a complimentary color to be specified. Requires hue and saturation values in in HSL format, as other colors on the template are adjusted dynamically based on these values.
  • Width allows a custom width to be specified for the navbox (for style reasons this parameter should normally not be used)

The following parameters primarily set the content of the template:

  • Above sets a text heading to be displayed above the group and list.
  • Group sets a text heading for the group, which appears to the left of the list.
  • GroupLink sets sets a linked page for the group heading text.
  • List sets the content that appears in the list. This should always be wikilinks to articles, and each link should be separated with a bullet (•) symbol.

The following parameters set the content of the navbox footer. This should be used to link to the topic's category, project page or relevant image category. It can also be used for broad topic links that don't fit into any of the groups in the navbox.

  • Below sets the text of a link that will appear in the footer.
  • BelowLink sets the linked page for the specified text.

The infobox template supports up to 10 groups with lists and 5 footer links. When adding more than one, you must append the sequential number to the names of the parameters like so. Failing to this will result in display errors. 

 | Above2         =
 | Group2         =
 | Group2Link     =
 | List2          =

 | Below2         = 
 | Below2Link     =

Example

{{Navbox
 | Title          = Fashion
 | Icon           = Tops NH Icon cropped.png
 | Image          = [[File:Gracie NLWa.png|40px|link=]]
 | PrimaryColor   = 322 49

 | Group          = Clothing
 | List           = [[Clothes]] • [[Accessories]] • [[Bottoms]] • [[Dress|Dresses]] • [[Headgear]] • [[Shoes]] • [[Socks]] • [[Tops]] • [[Umbrellas]] • [[Wigs]]

 | Group2         = Concepts
 | List2          = [[Design]]s • [[Look]] • [[Hairstyle]] • [[Mii mask]]

 | Group3         = Merchants
 | List3          = [[Able Sisters]] • [[GracieGrace]] • [[Kicks (shop)|Kicks]] • [[Shampoodle]]

 | Group4         = Designers
 | List4          = [[Gracie]] • [[Harriet]] • [[Kicks]] • [[Label]] • [[Mabel]] • [[Sable]]

 | Below          = Category
 | BelowLink      = :Category:Furniture
 | Below2         = Project
 | Below2Link     = Nookipedia:Project Fashion
}}
Fashion
Clothing Clothes • Accessories • Bottoms • Dresses • Headgear • Shoes • Socks • Tops • Umbrellas • Wigs Gracie NLWa.png
Concepts Designs • Look • Hairstyle • Mii mask
Merchants Able Sisters • GracieGrace • Kicks • Shampoodle
Designers Gracie • Harriet • Kicks • Label • Mabel • Sable
Category • Project
Fashion
Clothing
Clothes • Accessories • Bottoms • Dresses • Headgear • Shoes • Socks • Tops • Umbrellas • Wigs
Concepts
Designs • Look • Hairstyle • Mii mask
Merchants
Able Sisters • GracieGrace • Kicks • Shampoodle
Designers
Gracie • Harriet • Kicks • Label • Mabel • Sable
Category • Project
Retrieved from "https://nookipedia.com/w/index.php?title=Template:Navbox&oldid=545720"