Difference between revisions of "Template:Navbox"

From Nookipedia, the Animal Crossing wiki
m
(adding ten more rows to the navbox for PC Collection navbox)
Line 121: Line 121:
 
|- {{#if:{{{Group10|}}}|
 
|- {{#if:{{{Group10|}}}|
 
{{!-}}
 
{{!-}}
! 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%}}); {{roundybl|9px}}" width=12% align="center" {{!}} {{#if: {{{Group10Link|}}} | [[{{{Group10Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group10|}}}</span>]] | {{{Group10|}}}}}
+
! 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%}}); {{#if:{{{Group11|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group10Link|}}} | [[{{{Group10Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group10|}}}</span>]] | {{{Group10|}}} }}
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" {{!}} <font size="2">{{{List10|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List10|}}}</font>
 +
}}
 +
<!-- ABOVE 11 -->
 +
|- {{#if:{{{Above11|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above11Link|}}} | [[{{{Above11Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above11|}}}</span>]] | {{{Above11|}}} }}
 +
}}
 +
<!-- GROUP 11 -->
 +
|- {{#if:{{{Group11|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group12|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group11Link|}}} | [[{{{Group11Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group11|}}}</span>]] | {{{Group11|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List11|}}}</font>
 +
}}
 +
<!-- ABOVE 12 -->
 +
|- {{#if:{{{Above12|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above12Link|}}} | [[{{{Above12Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above12|}}}</span>]] | {{{Above12|}}} }}
 +
}}
 +
<!-- GROUP 12 -->
 +
|- {{#if:{{{Group12|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group13|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group12Link|}}} | [[{{{Group12Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group12|}}}</span>]] | {{{Group12|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List12|}}}</font>
 +
}}
 +
<!-- ABOVE 13 -->
 +
|- {{#if:{{{Above13|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above13Link|}}} | [[{{{Above13Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above13|}}}</span>]] | {{{Above13|}}} }}
 +
}}
 +
<!-- GROUP 13 -->
 +
|- {{#if:{{{Group13|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group14|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group13Link|}}} | [[{{{Group13Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group13|}}}</span>]] | {{{Group13|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List13|}}}</font>
 +
}}
 +
<!-- ABOVE 14 -->
 +
|- {{#if:{{{Above14|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above14Link|}}} | [[{{{Above14Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above14|}}}</span>]] | {{{Above14|}}} }}
 +
}}
 +
<!-- GROUP 14 -->
 +
|- {{#if:{{{Group14|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group15|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group14Link|}}} | [[{{{Group14Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group14|}}}</span>]] | {{{Group14|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List14|}}}</font>
 +
}}
 +
<!-- ABOVE 15 -->
 +
|- {{#if:{{{Above15|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above15Link|}}} | [[{{{Above15Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above15|}}}</span>]] | {{{Above15|}}} }}
 +
}}
 +
<!-- GROUP 15 -->
 +
|- {{#if:{{{Group15|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group16|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group15Link|}}} | [[{{{Group15Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group15|}}}</span>]] | {{{Group15|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List15|}}}</font>
 +
}}
 +
<!-- ABOVE 16 -->
 +
|- {{#if:{{{Above16|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above16Link|}}} | [[{{{Above16Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above16|}}}</span>]] | {{{Above16|}}} }}
 +
}}
 +
<!-- GROUP 16 -->
 +
|- {{#if:{{{Group16|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group17|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group16Link|}}} | [[{{{Group16Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group16|}}}</span>]] | {{{Group16|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List16|}}}</font>
 +
}}
 +
<!-- ABOVE 17 -->
 +
|- {{#if:{{{Above17|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above17Link|}}} | [[{{{Above17Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above17|}}}</span>]] | {{{Above17|}}} }}
 +
}}
 +
<!-- GROUP 17 -->
 +
|- {{#if:{{{Group17|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group18|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group17Link|}}} | [[{{{Group17Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group17|}}}</span>]] | {{{Group17|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List17|}}}</font>
 +
}}
 +
<!-- ABOVE 18 -->
 +
|- {{#if:{{{Above18|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above18Link|}}} | [[{{{Above18Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above18|}}}</span>]] | {{{Above18|}}} }}
 +
}}
 +
<!-- GROUP 18 -->
 +
|- {{#if:{{{Group18|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group19|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group18Link|}}} | [[{{{Group18Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group18|}}}</span>]] | {{{Group18|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List18|}}}</font>
 +
}}
 +
<!-- ABOVE 19 -->
 +
|- {{#if:{{{Above19|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above19Link|}}} | [[{{{Above19Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above19|}}}</span>]] | {{{Above19|}}} }}
 +
}}
 +
<!-- GROUP 19 -->
 +
|- {{#if:{{{Group19|}}}|
 +
{{!-}}
 +
! 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%}}); {{#if:{{{Group20|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group19Link|}}} | [[{{{Group19Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group19|}}}</span>]] | {{{Group19|}}} }}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List19|}}}</font>
 +
}}
 +
<!-- ABOVE 20 -->
 +
|- {{#if:{{{Above20|}}}|
 +
{{!-}}
 +
! colspan="2" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideGroup|}}}|{{{OverrideGroup}}}|70%}}); font-family: Coustard; font-weight: normal; color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});" width=12% align="center" {{!}} {{#if: {{{Above20Link|}}} | [[{{{Above20Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Above20|}}}</span>]] | {{{Above20|}}} }}
 +
}}
 +
<!-- GROUP 20 -->
 +
|- {{#if:{{{Group20|}}}|
 +
{{!-}}
 +
! 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%}}); {{roundybl|9px}}" width=12% align="center" {{!}} {{#if: {{{Group20Link|}}} | [[{{{Group20Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group20|}}}</span>]] | {{{Group20|}}}}}
 +
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" {{!}} <font size="2">{{{List20|}}}</font>
 
}}
 
}}
 
<!-- NAVGROUP -->
 
<!-- NAVGROUP -->

Revision as of 05:33, August 17, 2021

Template documentation (view)


Emotion Surprise NH Icon cropped.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 cropped.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
}}