Difference between revisions of "Template:Navbox"
Dorsal Axe (talk | contribs) (Tweak default grid widths on mobile) |
Dorsal Axe (talk | contribs) (Additional fix) |
||
(9 intermediate revisions by 4 users not shown) | |||
Line 2: | Line 2: | ||
{| 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="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;" | ||
|- | |- | ||
− | ! 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 141: | Line 141: | ||
|- {{#if:{{{NavGroup2|}}}| | |- {{#if:{{{NavGroup2|}}}| | ||
{{!-}} | {{!-}} | ||
− | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup2|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{ | + | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup2|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink2|}}} | [[{{{NavGroupLink2|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup2|}}}</span>]] | {{{NavGroup2|}}} }} |
<!-- NAVLIST2 --> | <!-- NAVLIST2 --> | ||
{{#if:{{{NavList2|}}}| | {{#if:{{{NavList2|}}}| | ||
Line 149: | Line 149: | ||
{{!-}} | {{!-}} | ||
{{!}} 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup3 --> | ||
+ | |- {{#if:{{{NavGroup3|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup3|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink3|}}} | [[{{{NavGroupLink3|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup3|}}}</span>]] | {{{NavGroup3|}}} }} | ||
+ | <!-- NavList3 --> | ||
+ | {{#if:{{{NavList3|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup4 --> | ||
+ | |- {{#if:{{{NavGroup4|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup4|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink4|}}} | [[{{{NavGroupLink4|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup4|}}}</span>]] | {{{NavGroup4|}}} }} | ||
+ | <!-- NavList4 --> | ||
+ | {{#if:{{{NavList4|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup5 --> | ||
+ | |- {{#if:{{{NavGroup5|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup5|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink5|}}} | [[{{{NavGroupLink5|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup5|}}}</span>]] | {{{NavGroup5|}}} }} | ||
+ | <!-- NavList5 --> | ||
+ | {{#if:{{{NavList5|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup6 --> | ||
+ | |- {{#if:{{{NavGroup6|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup6|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink6|}}} | [[{{{NavGroupLink6|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup6|}}}</span>]] | {{{NavGroup6|}}} }} | ||
+ | <!-- NavList6 --> | ||
+ | {{#if:{{{NavList6|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup7 --> | ||
+ | |- {{#if:{{{NavGroup7|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup7|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink7|}}} | [[{{{NavGroupLink7|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup7|}}}</span>]] | {{{NavGroup7|}}} }} | ||
+ | <!-- NavList7 --> | ||
+ | {{#if:{{{NavList7|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup8 --> | ||
+ | |- {{#if:{{{NavGroup8|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup8|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink8|}}} | [[{{{NavGroupLink8|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup8|}}}</span>]] | {{{NavGroup8|}}} }} | ||
+ | <!-- NavList8 --> | ||
+ | {{#if:{{{NavList8|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup9 --> | ||
+ | |- {{#if:{{{NavGroup9|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup9|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink9|}}} | [[{{{NavGroupLink9|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup9|}}}</span>]] | {{{NavGroup9|}}} }} | ||
+ | <!-- NavList9 --> | ||
+ | {{#if:{{{NavList9|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup10 --> | ||
+ | |- {{#if:{{{NavGroup10|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup10|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink10|}}} | [[{{{NavGroupLink10|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup10|}}}</span>]] | {{{NavGroup10|}}} }} | ||
+ | <!-- NavList10 --> | ||
+ | {{#if:{{{NavList10|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup11 --> | ||
+ | |- {{#if:{{{NavGroup11|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup11|}}}|{{{OverrideNavGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink11|}}} | [[{{{NavGroupLink11|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup11|}}}</span>]] | {{{NavGroup11|}}} }} | ||
+ | <!-- NavList11 --> | ||
+ | {{#if:{{{NavList11|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} colspan="{{#if: {{{Image|}}}|3|2}}" {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
{{!}}} }} | {{!}}} }} | ||
}} | }} | ||
Line 165: | Line 282: | ||
--><div class="onlymobile"> | --><div class="onlymobile"> | ||
− | {| class="collapsible {{#switch:{{{State|}}}|Show = uncollapsed|Hide = collapsed|#default = | + | {| 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;" |
|- | |- | ||
! 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 306: | Line 423: | ||
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}} | {{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}} | ||
{{!-}} | {{!-}} | ||
− | {{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{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 312: | Line 429: | ||
|- {{#if:{{{NavGroup2|}}}| | |- {{#if:{{{NavGroup2|}}}| | ||
{{!-}} | {{!-}} | ||
− | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup2|}}}|{{{OverrideNavGroup2}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{ | + | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup2|}}}|{{{OverrideNavGroup2}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink2|}}} | [[{{{NavGroupLink2|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup2|}}}</span>]] | {{{NavGroup2|}}} }} |
<!-- NAVLIST2 --> | <!-- NAVLIST2 --> | ||
{{#if:{{{NavList2|}}}| | {{#if:{{{NavList2|}}}| | ||
Line 319: | Line 436: | ||
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}} | {{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}} | ||
{{!-}} | {{!-}} | ||
− | {{!}} style="display: grid; grid-template-columns: repeat(auto-fill, {{{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|}}} |
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup3 --> | ||
+ | |- {{#if:{{{NavGroup3|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup3|}}}|{{{OverrideNavGroup3}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink3|}}} | [[{{{NavGroupLink3|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup3|}}}</span>]] | {{{NavGroup3|}}} }} | ||
+ | <!-- NavList3 --> | ||
+ | {{#if:{{{NavList3|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup4 --> | ||
+ | |- {{#if:{{{NavGroup4|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup4|}}}|{{{OverrideNavGroup4}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink4|}}} | [[{{{NavGroupLink4|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup4|}}}</span>]] | {{{NavGroup4|}}} }} | ||
+ | <!-- NavList4 --> | ||
+ | {{#if:{{{NavList4|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup5 --> | ||
+ | |- {{#if:{{{NavGroup5|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup5|}}}|{{{OverrideNavGroup5}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink5|}}} | [[{{{NavGroupLink5|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup5|}}}</span>]] | {{{NavGroup5|}}} }} | ||
+ | <!-- NavList5 --> | ||
+ | {{#if:{{{NavList5|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup6 --> | ||
+ | |- {{#if:{{{NavGroup6|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup6|}}}|{{{OverrideNavGroup6}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink6|}}} | [[{{{NavGroupLink6|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup6|}}}</span>]] | {{{NavGroup6|}}} }} | ||
+ | <!-- NavList6 --> | ||
+ | {{#if:{{{NavList6|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup7 --> | ||
+ | |- {{#if:{{{NavGroup7|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup7|}}}|{{{OverrideNavGroup7}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink7|}}} | [[{{{NavGroupLink7|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup7|}}}</span>]] | {{{NavGroup7|}}} }} | ||
+ | <!-- NavList7 --> | ||
+ | {{#if:{{{NavList7|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup8 --> | ||
+ | |- {{#if:{{{NavGroup8|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup8|}}}|{{{OverrideNavGroup8}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink8|}}} | [[{{{NavGroupLink8|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup8|}}}</span>]] | {{{NavGroup8|}}} }} | ||
+ | <!-- NavList8 --> | ||
+ | {{#if:{{{NavList8|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup9 --> | ||
+ | |- {{#if:{{{NavGroup9|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup9|}}}|{{{OverrideNavGroup9}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink9|}}} | [[{{{NavGroupLink9|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup9|}}}</span>]] | {{{NavGroup9|}}} }} | ||
+ | <!-- NavList9 --> | ||
+ | {{#if:{{{NavList9|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup10 --> | ||
+ | |- {{#if:{{{NavGroup10|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup10|}}}|{{{OverrideNavGroup10}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink10|}}} | [[{{{NavGroupLink10|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup10|}}}</span>]] | {{{NavGroup10|}}} }} | ||
+ | <!-- NavList10 --> | ||
+ | {{#if:{{{NavList10|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
+ | {{!}}} }} | ||
+ | }} | ||
+ | <!-- NavGroup11 --> | ||
+ | |- {{#if:{{{NavGroup11|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup11|}}}|{{{OverrideNavGroup11}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink11|}}} | [[{{{NavGroupLink11|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup11|}}}</span>]] | {{{NavGroup11|}}} }} | ||
+ | <!-- NavList11 --> | ||
+ | {{#if:{{{NavList11|}}}| | ||
+ | {{!-}} | ||
+ | {{!}} | ||
+ | {{{!}} class{{=}}"collapsible 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|}}} | ||
{{!}}} }} | {{!}}} }} | ||
}} | }} |
Revision as of 14:08, December 2, 2020
Template documentation (view)
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 }}