Difference between revisions of "Template:Navbox"

From Nookipedia, the Animal Crossing wiki
(Add category)
(Additional fix)
(22 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 128: Line 128:
 
|- {{#if:{{{NavGroup|}}}|
 
|- {{#if:{{{NavGroup|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}}" align="center" {{!}} {{#if: {{{NavGroupLink|}}} | [[{{{NavGroupLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup|}}}</span>]] | {{{NavGroup|}}} }}
+
{{!}} 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: {{{NavGroupLink|}}} | [[{{{NavGroupLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup|}}}</span>]] | {{{NavGroup|}}} }}
 
<!-- NAVLIST -->
 
<!-- NAVLIST -->
 
{{#if:{{{NavList|}}}|  
 
{{#if:{{{NavList|}}}|  
Line 135: Line 135:
 
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}  
 
{{!-}}
 
{{!-}}
{{{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|}}}
 +
{{!}}} }}
 +
}}
 +
<!-- 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: {{{NavGroupLink2|}}} | [[{{{NavGroupLink2|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup2|}}}</span>]] | {{{NavGroup2|}}} }}
 +
<!-- NAVLIST2 -->
 +
{{#if:{{{NavList2|}}}|
 +
{{!-}}
 +
{{!}} 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;" {{!}} {{{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 141: Line 271:
 
|- {{#if:{{{BelowLink|}}}|
 
|- {{#if:{{{BelowLink|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}} padding:0 55px 0 0;" align="center" {{!}} [[{{{BelowLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below|}}}</span>]] {{#if:{{{Below2Link|}}}|• [[{{{Below2Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below2|}}}</span>]] }} {{#if:{{{Below3Link|}}}|• [[{{{Below3Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below3|}}}</span>]] }}{{#if:{{{Below4Link|}}}|• [[{{{Below4Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below4|}}}</span>]] }}{{#if:{{{Below5Link|}}}|• [[{{{Below5Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below5|}}}</span>]]}}}}
+
{{!}} colspan="{{#if: {{{Image|}}}|3|2}}" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundy|9px}} padding:0 55px 0 0;" align="center" {{!}} [[{{{BelowLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below|}}}</span>]] {{#if:{{{Below2Link|}}}|• [[{{{Below2Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below2|}}}</span>]] }} {{#if:{{{Below3Link|}}}|• [[{{{Below3Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below3|}}}</span>]] }} {{#if:{{{Below4Link|}}}|• [[{{{Below4Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below4|}}}</span>]] }} {{#if:{{{Below5Link|}}}|• [[{{{Below5Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below5|}}}</span>]]}}}}
 
|}
 
|}
 
|}</div><!--
 
|}</div><!--
Line 152: Line 282:
  
 
--><div class="onlymobile">
 
--><div class="onlymobile">
{| class="collapsible {{#switch:{{{State|}}}|Show = uncollapsed|Hide = collapsed|#default = uncollapsed}}" width="{{{Width|90%}}}" align="center" style="{{roundy|14px}} background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); padding: 2px; margin: 10px auto;"
+
{| 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 166: Line 296:
 
|- {{#if:{{{Above|}}}|
 
|- {{#if:{{{Above|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{AboveLink|}}} | [[{{{AboveLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above|}}}</span>]] | {{{Above|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{AboveLink|}}} | [[{{{AboveLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above|}}}</span>]] | {{{Above|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 1 -->
 
<!-- GROUP 1 -->
Line 178: Line 308:
 
|- {{#if:{{{Above2|}}}|
 
|- {{#if:{{{Above2|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above2Link|}}} | [[{{{Above2Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above2|}}}</span>]] | {{{Above2|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above2Link|}}} | [[{{{Above2Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above2|}}}</span>]] | {{{Above2|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 2 -->
 
<!-- GROUP 2 -->
Line 190: Line 320:
 
|- {{#if:{{{Above3|}}}|
 
|- {{#if:{{{Above3|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above3Link|}}} | [[{{{Above3Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above3|}}}</span>]] | {{{Above3|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above3Link|}}} | [[{{{Above3Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above3|}}}</span>]] | {{{Above3|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 3 -->
 
<!-- GROUP 3 -->
Line 202: Line 332:
 
|- {{#if:{{{Above4|}}}|
 
|- {{#if:{{{Above4|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above4Link|}}} | [[{{{Above4Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above4|}}}</span>]] | {{{Above4|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above4Link|}}} | [[{{{Above4Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above4|}}}</span>]] | {{{Above4|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 4 -->
 
<!-- GROUP 4 -->
Line 214: Line 344:
 
|- {{#if:{{{Above5|}}}|
 
|- {{#if:{{{Above5|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above5Link|}}} | [[{{{Above5Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above5|}}}</span>]] | {{{Above5|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above5Link|}}} | [[{{{Above5Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above5|}}}</span>]] | {{{Above5|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 5 -->
 
<!-- GROUP 5 -->
Line 226: Line 356:
 
|- {{#if:{{{Above6|}}}|
 
|- {{#if:{{{Above6|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above6Link|}}} | [[{{{Above6Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above6|}}}</span>]] | {{{Above6|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above6Link|}}} | [[{{{Above6Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above6|}}}</span>]] | {{{Above6|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 6 -->
 
<!-- GROUP 6 -->
Line 238: Line 368:
 
|- {{#if:{{{Above7|}}}|
 
|- {{#if:{{{Above7|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above7Link|}}} | [[{{{Above7Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above7|}}}</span>]] | {{{Above7|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above7Link|}}} | [[{{{Above7Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above7|}}}</span>]] | {{{Above7|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 7 -->
 
<!-- GROUP 7 -->
Line 250: Line 380:
 
|- {{#if:{{{Above8|}}}|
 
|- {{#if:{{{Above8|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above8Link|}}} | [[{{{Above8Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above8|}}}</span>]] | {{{Above8|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above8Link|}}} | [[{{{Above8Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above8|}}}</span>]] | {{{Above8|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 8 -->
 
<!-- GROUP 8 -->
Line 262: Line 392:
 
|- {{#if:{{{Above9|}}}|
 
|- {{#if:{{{Above9|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above9Link|}}} | [[{{{Above9Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above9|}}}</span>]] | {{{Above9|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above9Link|}}} | [[{{{Above9Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above9|}}}</span>]] | {{{Above9|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 9 -->
 
<!-- GROUP 9 -->
Line 274: Line 404:
 
|- {{#if:{{{Above10|}}}|
 
|- {{#if:{{{Above10|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above10Link|}}} | [[{{{Above10Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above10|}}}</span>]] | {{{Above10|}}} }}'''
+
{{!}} style="background: hsl({{{PrimaryColor|0 0}}}% {{#if:{{{OverridePrimary|}}}|{{{OverridePrimary}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} '''{{#if: {{{Above10Link|}}} | [[{{{Above10Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above10|}}}</span>]] | {{{Above10|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 10 -->
 
<!-- GROUP 10 -->
Line 282: Line 412:
 
{{!-}}
 
{{!-}}
 
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" align="center" {{!}} <font size="2">{{{List10|}}}</font>
 
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" align="center" {{!}} <font size="2">{{{List10|}}}</font>
 +
}}
 +
<!-- NAVGROUP -->
 +
|- {{#if:{{{NavGroup|}}}|
 +
{{!-}}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideNavGroup|}}}|{{{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: {{{NavGroupLink|}}} | [[{{{NavGroupLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup|}}}</span>]] | {{{NavGroup|}}} }}
 +
<!-- NAVLIST -->
 +
{{#if:{{{NavList|}}}|
 +
{{!-}}
 +
{{!}}
 +
{{{!}} 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|}}}
 +
{{!}}} }}
 +
}}
 +
<!-- 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: {{{NavGroupLink2|}}} | [[{{{NavGroupLink2|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{NavGroup2|}}}</span>]] | {{{NavGroup2|}}} }}
 +
<!-- NAVLIST2 -->
 +
{{#if:{{{NavList2|}}}|
 +
{{!-}}
 +
{{!}}
 +
{{{!}} 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|}}}
 +
{{!}}} }}
 +
}}
 +
<!-- 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|}}}
 +
{{!}}} }}
 
}}
 
}}
 
<!-- BELOW -->
 
<!-- BELOW -->
 
|- {{#if:{{{BelowLink|}}}|
 
|- {{#if:{{{BelowLink|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundybottom|9px}} padding:0 55px 0 0;" align="center" {{!}} [[{{{BelowLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below|}}}</span>]] {{#if:{{{Below2Link|}}}|• [[{{{Below2Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below2|}}}</span>]] }} {{#if:{{{Below3Link|}}}|• [[{{{Below3Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below3|}}}</span>]] }}{{#if:{{{Below4Link|}}}|• [[{{{Below4Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below4|}}}</span>]] }}{{#if:{{{Below5Link|}}}|• [[{{{Below5Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below5|}}}</span>]]}}}}
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|80%}}); color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}}); {{roundybottom|9px}}" align="center" {{!}} [[{{{BelowLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below|}}}</span>]] {{#if:{{{Below2Link|}}}|• [[{{{Below2Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below2|}}}</span>]] }} {{#if:{{{Below3Link|}}}|• [[{{{Below3Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below3|}}}</span>]] }} {{#if:{{{Below4Link|}}}|• [[{{{Below4Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below4|}}}</span>]] }} {{#if:{{{Below5Link|}}}|• [[{{{Below5Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Below5|}}}</span>]]}}}}
 
|}
 
|}
 
|}</div></includeonly>
 
|}</div></includeonly>
 
<noinclude>{{Documentation}}[[Category:Navbox templates]]</noinclude>
 
<noinclude>{{Documentation}}[[Category:Navbox templates]]</noinclude>

Revision as of 14:08, December 2, 2020

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
}}