Difference between revisions of "Template:Navbox"
Dorsal Axe (talk | contribs) (Adding a mobile override for navwidth, since it's tricky to get it to look right on both desktop and mobile using the same values) |
Dorsal Axe (talk | contribs) (Additional fix) |
||
(6 intermediate revisions by 3 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 154: | Line 154: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList3 --> | ||
{{#if:{{{NavList3|}}}| | {{#if:{{{NavList3|}}}| | ||
Line 167: | Line 167: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList4 --> | ||
{{#if:{{{NavList4|}}}| | {{#if:{{{NavList4|}}}| | ||
Line 180: | Line 180: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList5 --> | ||
{{#if:{{{NavList5|}}}| | {{#if:{{{NavList5|}}}| | ||
Line 193: | Line 193: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList6 --> | ||
{{#if:{{{NavList6|}}}| | {{#if:{{{NavList6|}}}| | ||
Line 206: | Line 206: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList7 --> | ||
{{#if:{{{NavList7|}}}| | {{#if:{{{NavList7|}}}| | ||
Line 219: | Line 219: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList8 --> | ||
{{#if:{{{NavList8|}}}| | {{#if:{{{NavList8|}}}| | ||
Line 232: | Line 232: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList9 --> | ||
{{#if:{{{NavList9|}}}| | {{#if:{{{NavList9|}}}| | ||
Line 245: | Line 245: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList10 --> | ||
{{#if:{{{NavList10|}}}| | {{#if:{{{NavList10|}}}| | ||
Line 258: | Line 258: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList11 --> | ||
{{#if:{{{NavList11|}}}| | {{#if:{{{NavList11|}}}| | ||
Line 282: | 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 423: | 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, {{{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 429: | 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 436: | 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, {{{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 442: | Line 442: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList3 --> | ||
{{#if:{{{NavList3|}}}| | {{#if:{{{NavList3|}}}| | ||
Line 449: | Line 449: | ||
{{{!}} 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, {{{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 455: | Line 455: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList4 --> | ||
{{#if:{{{NavList4|}}}| | {{#if:{{{NavList4|}}}| | ||
Line 462: | Line 462: | ||
{{{!}} 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, {{{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 468: | Line 468: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList5 --> | ||
{{#if:{{{NavList5|}}}| | {{#if:{{{NavList5|}}}| | ||
Line 475: | Line 475: | ||
{{{!}} 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, {{{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 481: | Line 481: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList6 --> | ||
{{#if:{{{NavList6|}}}| | {{#if:{{{NavList6|}}}| | ||
Line 488: | Line 488: | ||
{{{!}} 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, {{{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 494: | Line 494: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList7 --> | ||
{{#if:{{{NavList7|}}}| | {{#if:{{{NavList7|}}}| | ||
Line 501: | Line 501: | ||
{{{!}} 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, {{{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 507: | Line 507: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList8 --> | ||
{{#if:{{{NavList8|}}}| | {{#if:{{{NavList8|}}}| | ||
Line 514: | Line 514: | ||
{{{!}} 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, {{{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 520: | Line 520: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList9 --> | ||
{{#if:{{{NavList9|}}}| | {{#if:{{{NavList9|}}}| | ||
Line 527: | Line 527: | ||
{{{!}} 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, {{{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 533: | Line 533: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList10 --> | ||
{{#if:{{{NavList10|}}}| | {{#if:{{{NavList10|}}}| | ||
Line 540: | Line 540: | ||
{{{!}} 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, {{{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 546: | Line 546: | ||
|- {{#if:{{{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: {{{ | + | {{!}} 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 --> | <!-- NavList11 --> | ||
{{#if:{{{NavList11|}}}| | {{#if:{{{NavList11|}}}| | ||
Line 553: | Line 553: | ||
{{{!}} 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, {{{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 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 }}