Difference between revisions of "Template:Navbox"

From Nookipedia, the Animal Crossing wiki
(Creating new navbox master template)
 
(Updating to new format)
Line 1: Line 1:
<!--
 
 
\\\  DESKTOP TEMPLATE  ///
 
 
-->
 
 
<includeonly><div class="nomobile">
 
<includeonly><div class="nomobile">
{| class="collapsible {{#switch:{{{State|}}}|Show = uncollapsed|Hide = collapsed|#default = uncollapsed}}" width="{{{Width|90%}}}" align="center" style="{{roundy|14px}} background:{{{PrimaryColor|#D3D3D3}}}; border: 2px solid {{{PrimaryColor|#D3D3D3}}}; padding: 2px; margin: 10px auto; <!--box-shadow: 3px 3px 3px {{{ShadowColor|#CCC}}};-->"
+
{| 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: 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: {{{TextColor}}};">{{{Title|Navbox}}}</span>]] | <span style="font-size: 1.3em; color: {{{TextColor}}};">{{{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> }}
 
|-
 
|-
 
|
 
|
{| width="100%" align="center" style="{{roundy|9px}} background: {{{SecondaryColor|#f2f2f2}}};"
+
{| width="100%" align="center" style="{{roundy|9px}} background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});"
 
<!-- PLAIN LIST -->
 
<!-- PLAIN LIST -->
 
|- {{#if:{{{PlainList|}}}|
 
|- {{#if:{{{PlainList|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" align="center" {{!}} <font size="2">{{{PlainList|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" align="center" {{!}} <font size="2">{{{PlainList|}}}</font>
 
}}
 
}}
 
<!-- ABOVE -->
 
<!-- ABOVE -->
 
|- {{#if:{{{Above|}}}|
 
|- {{#if:{{{Above|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{AboveLink|}}} | [[{{{AboveLink|}}}|<span style="color: {{{TextColor}}};">{{{Above|}}}</span>]] | {{{Above|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group|}}}|
 
|- {{#if:{{{Group|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group2|}}}|{{roundytl|9px}}|{{roundyleft|9px}} }}" width=12% align="center" {{!}} '''{{#if: {{{GroupLink|}}} | [[{{{GroupLink|}}}|<span style="color: {{{TextColor}}};">{{{Group|}}}</span>]] | {{{Group|}}} }}'''
+
{{!}} 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:{{{Group2|}}}|{{roundytl|9px}}|{{roundyleft|9px}} }}" width=12% align="center" {{!}} {{#if: {{{GroupLink|}}} | [[{{{GroupLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group|}}}</span>]] | {{{Group|}}} }}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" {{!}} <font size="2">{{{List|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List|}}}</font>
{{#if:{{{NavList|}}}|{{{NavList}}}}}
 
 
}}
 
}}
 
<!-- IMAGE -->
 
<!-- IMAGE -->
 
{{#if:{{{Image|}}}|
 
{{#if:{{{Image|}}}|
{{!}} width=100px style="background: {{{RowColor|#e6e6e6}}}; {{roundyright|9px}}" rowspan="{{#expr:1{{#if:{{{Above|}}}|+1}}{{#if:{{{Above2|}}}|+1}}{{#if:{{{List2|}}}|+1}}{{#if:{{{Above3|}}}|+1}}{{#if:{{{List3|}}}|+1}}{{#if:{{{Above4|}}}|+1}}{{#if:{{{List4|}}}|+1}}{{#if:{{{Above5|}}}|+1}}{{#if:{{{List5|}}}|+1}}{{#if:{{{Above6|}}}|+1}}{{#if:{{{List6|}}}|+1}}{{#if:{{{Above7|}}}|+1}}{{#if:{{{List7|}}}|+1}}{{#if:{{{Above8|}}}|+1}}{{#if:{{{List8|}}}|+1}}{{#if:{{{Above9|}}}|+1}}{{#if:{{{List9|}}}|+1}}{{#if:{{{Above10|}}}|+1}}{{#if:{{{List10|}}}|+1}}}}" align="center" {{!}} {{{Image|[[File:Nia.png|80px|link=]]}}}
+
{{!}} width="100px" style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}}); {{roundyright|9px}}" rowspan="{{#expr:1{{#if:{{{Above|}}}|+1}}{{#if:{{{Above2|}}}|+1}}{{#if:{{{List2|}}}|+1}}{{#if:{{{Above3|}}}|+1}}{{#if:{{{List3|}}}|+1}}{{#if:{{{Above4|}}}|+1}}{{#if:{{{List4|}}}|+1}}{{#if:{{{Above5|}}}|+1}}{{#if:{{{List5|}}}|+1}}{{#if:{{{Above6|}}}|+1}}{{#if:{{{List6|}}}|+1}}{{#if:{{{Above7|}}}|+1}}{{#if:{{{List7|}}}|+1}}{{#if:{{{Above8|}}}|+1}}{{#if:{{{List8|}}}|+1}}{{#if:{{{Above9|}}}|+1}}{{#if:{{{List9|}}}|+1}}{{#if:{{{Above10|}}}|+1}}{{#if:{{{List10|}}}|+1}}}}" align="center" {{!}} {{{Image|[[File:Nia.png|80px|link=]]}}}
 
}}
 
}}
 
<!-- ABOVE 2 -->
 
<!-- ABOVE 2 -->
 
|- {{#if:{{{Above2|}}}|
 
|- {{#if:{{{Above2|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above2Link|}}} | [[{{{Above2Link|}}}|<span style="color: {{{TextColor}}};">{{{Above2|}}}</span>]] | {{{Above2|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group2|}}}|
 
|- {{#if:{{{Group2|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group3|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} '''{{#if: {{{Group2Link|}}} | [[{{{Group2Link|}}}|<span style="color: {{{TextColor}}};">{{{Group2|}}}</span>]] | {{{Group2|}}} }}'''
+
{{!}} 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:{{{Group3|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group2Link|}}} | [[{{{Group2Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group2|}}}</span>]] | {{{Group2|}}} }}
{{!}} style="background: {{{RowColor|#e6e6e6}}};" {{!}} <font size="2">{{{List2|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" {{!}} <font size="2">{{{List2|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 3 -->
 
<!-- ABOVE 3 -->
 
|- {{#if:{{{Above3|}}}|
 
|- {{#if:{{{Above3|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above3Link|}}} | [[{{{Above3Link|}}}|<span style="color: {{{TextColor}}};">{{{Above3|}}}</span>]] | {{{Above3|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group3|}}}|
 
|- {{#if:{{{Group3|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group4|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} '''{{#if: {{{Group3Link|}}} | [[{{{Group3Link|}}}|<span style="color: {{{TextColor}}};">{{{Group3|}}}</span>]] | {{{Group3|}}} }}'''
+
{{!}} 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:{{{Group4|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group3Link|}}} | [[{{{Group3Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group3|}}}</span>]] | {{{Group3|}}} }}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" {{!}} <font size="2">{{{List3|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List3|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 4 -->
 
<!-- ABOVE 4 -->
 
|- {{#if:{{{Above4|}}}|
 
|- {{#if:{{{Above4|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above4Link|}}} | [[{{{Above4Link|}}}|<span style="color: {{{TextColor}}};">{{{Above4|}}}</span>]] | {{{Above4|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group4|}}}|
 
|- {{#if:{{{Group4|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group5|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} '''{{#if: {{{Group4Link|}}} | [[{{{Group4Link|}}}|<span style="color: {{{TextColor}}};">{{{Group4|}}}</span>]] | {{{Group4|}}} }}'''
+
{{!}} 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:{{{Group5|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group4Link|}}} | [[{{{Group4Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group4|}}}</span>]] | {{{Group4|}}} }}
{{!}} style="background: {{{RowColor|#e6e6e6}}};" {{!}} <font size="2">{{{List4|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" {{!}} <font size="2">{{{List4|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 5 -->
 
<!-- ABOVE 5 -->
 
|- {{#if:{{{Above5|}}}|
 
|- {{#if:{{{Above5|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above5Link|}}} | [[{{{Above5Link|}}}|<span style="color: {{{TextColor}}};">{{{Above5|}}}</span>]] | {{{Above5|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group5|}}}|
 
|- {{#if:{{{Group5|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group6|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} '''{{#if: {{{Group5Link|}}} | [[{{{Group5Link|}}}|<span style="color: {{{TextColor}}};">{{{Group5|}}}</span>]] | {{{Group5|}}} }}'''
+
{{!}} 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:{{{Group6|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group5Link|}}} | [[{{{Group5Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group5|}}}</span>]] | {{{Group5|}}} }}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" {{!}} <font size="2">{{{List5|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List5|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 6 -->
 
<!-- ABOVE 6 -->
 
|- {{#if:{{{Above6|}}}|
 
|- {{#if:{{{Above6|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above6Link|}}} | [[{{{Above6Link|}}}|<span style="color: {{{TextColor}}};">{{{Above6|}}}</span>]] | {{{Above6|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group6|}}}|
 
|- {{#if:{{{Group6|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group7|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} '''{{#if: {{{Group6Link|}}} | [[{{{Group6Link|}}}|<span style="color: {{{TextColor}}};">{{{Group6|}}}</span>]] | {{{Group6|}}} }}'''
+
{{!}} 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:{{{Group7|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group6Link|}}} | [[{{{Group6Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group6|}}}</span>]] | {{{Group6|}}} }}
{{!}} style="background: {{{RowColor|#e6e6e6}}};" {{!}} <font size="2">{{{List6|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" {{!}} <font size="2">{{{List6|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 7 -->
 
<!-- ABOVE 7 -->
 
|- {{#if:{{{Above7|}}}|
 
|- {{#if:{{{Above7|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above7Link|}}} | [[{{{Above7Link|}}}|<span style="color: {{{TextColor}}};">{{{Above7|}}}</span>]] | {{{Above7|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group7|}}}|
 
|- {{#if:{{{Group7|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group8|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} '''{{#if: {{{Group7Link|}}} | [[{{{Group7Link|}}}|<span style="color: {{{TextColor}}};">{{{Group7|}}}</span>]] | {{{Group7|}}} }}'''
+
{{!}} 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:{{{Group8|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group7Link|}}} | [[{{{Group7Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group7|}}}</span>]] | {{{Group7|}}} }}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" {{!}} <font size="2">{{{List7|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List7|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 8 -->
 
<!-- ABOVE 8 -->
 
|- {{#if:{{{Above8|}}}|
 
|- {{#if:{{{Above8|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above8Link|}}} | [[{{{Above8Link|}}}|<span style="color: {{{TextColor}}};">{{{Above8|}}}</span>]] | {{{Above8|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group8|}}}|
 
|- {{#if:{{{Group8|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group9|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} '''{{#if: {{{Group8Link|}}} | [[{{{Group8Link|}}}|<span style="color: {{{TextColor}}};">{{{Group8|}}}</span>]] | {{{Group8|}}} }}'''
+
{{!}} 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:{{{Group9|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group8Link|}}} | [[{{{Group8Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group8|}}}</span>]] | {{{Group8|}}} }}
{{!}} style="background: {{{RowColor|#e6e6e6}}};" {{!}} <font size="2">{{{List8|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" {{!}} <font size="2">{{{List8|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 9 -->
 
<!-- ABOVE 9 -->
 
|- {{#if:{{{Above9|}}}|
 
|- {{#if:{{{Above9|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above9Link|}}} | [[{{{Above9Link|}}}|<span style="color: {{{TextColor}}};">{{{Above9|}}}</span>]] | {{{Above9|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group9|}}}|
 
|- {{#if:{{{Group9|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{#if:{{{Group10|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} '''{{#if: {{{Group9Link|}}} | [[{{{Group9Link|}}}|<span style="color: {{{TextColor}}};">{{{Group9|}}}</span>]] | {{{Group9|}}} }}'''
+
{{!}} 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:{{{Group10|}}}||{{roundybl|9px}}}}" width=12% align="center" {{!}} {{#if: {{{Group9Link|}}} | [[{{{Group9Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group9|}}}</span>]] | {{{Group9|}}} }}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" {{!}} <font size="2">{{{List9|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" {{!}} <font size="2">{{{List9|}}}</font>
 
}}
 
}}
<!-- ABOVE -->
+
<!-- ABOVE 10 -->
 
|- {{#if:{{{Above10|}}}|
 
|- {{#if:{{{Above10|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Above10Link|}}} | [[{{{Above10Link|}}}|<span style="color: {{{TextColor}}};">{{{Above10|}}}</span>]] | {{{Above10|}}} }}'''
+
{{!}} colspan="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}}" 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 -->
 
|- {{#if:{{{Group10|}}}|
 
|- {{#if:{{{Group10|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundybl|9px}}" width=12% align="center" {{!}} '''{{#if: {{{Group10Link|}}} | [[{{{Group10Link|}}}|<span style="color: {{{TextColor}}};">{{{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%}}); {{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: {{{RowColor|#e6e6e6}}};" {{!}} <font size="2">{{{List10|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" {{!}} <font size="2">{{{List10|}}}</font>
}}}}
+
}}
 +
<!-- NAVGROUP -->
 +
|- {{#if:{{{NavGroup|}}}|
 +
{{!-}}
 +
{{!}} {{#if: {{{Image|}}}|colspan="3"|colspan="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}}" width=12% 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|}}}|
 +
{{!-}}
 +
{{!}} {{#if: {{{Image|}}}|colspan="3"|colspan="2"}} {{!}}
 +
{{{!}} class{{=}}"collapsible collapsed" colspan="12" width=100% align="center" style="{{roundybottom|9px}}
 +
{{!-}}
 +
{{{NavList}}}
 +
{{!}}} }}
 +
}}
 
<!-- BELOW -->
 
<!-- BELOW -->
 
|- {{#if:{{{BelowLink|}}}|
 
|- {{#if:{{{BelowLink|}}}|
 
{{!-}}
 
{{!-}}
{{!}} {{#if: {{{Image|}}}|colspan="3"|colspan="2"}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundy|9px}} padding:0 55px 0 0;" align="center" {{!}} [[{{{BelowLink|}}}|<span style="color: {{{TextColor}}};">{{{Below|}}}</span>]] {{#if:{{{Below2Link|}}}|• [[{{{Below2Link|}}}|<span style="color: {{{TextColor}}};">{{{Below2|}}}</span>]] }} {{#if:{{{Below3Link|}}}|• [[{{{Below3Link|}}}|<span style="color: {{{TextColor}}};">{{{Below3|}}}</span>]] }}{{#if:{{{Below4Link|}}}|• [[{{{Below4Link|}}}|<span style="color: {{{TextColor}}};">{{{Below4|}}}</span>]] }}{{#if:{{{Below5Link|}}}|• [[{{{Below5Link|}}}|<span style="color: {{{TextColor}}};">{{{Below5|}}}</span>]]}}}}
+
{{!}} {{#if: {{{Image|}}}|colspan="3"|colspan="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><!--
<!--
+
 
  
\\\  MOBILE TEMPLATE  ///
 
  
-->
+
MOBILE TEMPLATE
<div class="onlymobile">
+
 
{| class="collapsible {{#switch:{{{State|}}}|Show = uncollapsed|Hide = collapsed|#default = uncollapsed}}" width="{{{Width|90%}}}" align="center" style="{{roundy|14px}} background:{{{PrimaryColor|#D3D3D3}}}; border: 2px solid {{{PrimaryColor|#D3D3D3}}}; padding: 2px; margin: 10px auto; <!--box-shadow: 3px 3px 3px {{{ShadowColor|#CCC}}};-->"
+
 
 +
 
 +
--><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;"
 
|-
 
|-
! 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: {{{TextColor}}};">{{{Title|Navbox}}}</span>]] | <span style="font-size: 1.3em; color: {{{TextColor}}};">{{{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 152: Line 161:
 
|- {{#if:{{{PlainList|}}}|
 
|- {{#if:{{{PlainList|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" align="center" {{!}} <font size="2">{{{PlainList|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" align="center" {{!}} <font size="2">{{{PlainList|}}}</font>
 
}}
 
}}
 
<!-- ABOVE -->
 
<!-- ABOVE -->
 
|- {{#if:{{{Above|}}}|
 
|- {{#if:{{{Above|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{AboveLink|}}} | [[{{{AboveLink|}}}|<span style="color: {{{TextColor}}};">{{{Above|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 1 -->
 
<!-- GROUP 1 -->
 
|- {{#if:{{{Group|}}}|
 
|- {{#if:{{{Group|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundytop|9px}}" width=12% align="center" {{!}} '''{{#if: {{{GroupLink|}}} | [[{{{GroupLink|}}}|<span style="color: {{{TextColor}}};">{{{Group|}}}</span>]] | {{{Group|}}} }}'''
+
{{!}} 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%}}); {{roundytop|9px}}" width=12% align="center" {{!}} {{#if: {{{GroupLink|}}} | [[{{{GroupLink|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group|}}}</span>]] | {{{Group|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" align="center" {{!}} <font size="2">{{{List|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" align="center" {{!}} <font size="2">{{{List|}}}</font>
{{#if:{{{NavList|}}}|{{{NavList}}}}}
 
 
}}
 
}}
 
<!-- ABOVE 2 -->
 
<!-- ABOVE 2 -->
 
|- {{#if:{{{Above2|}}}|
 
|- {{#if:{{{Above2|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above2Link|}}} | [[{{{Above2Link|}}}|<span style="color: {{{TextColor}}};">{{{Above2|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 2 -->
 
<!-- GROUP 2 -->
 
|- {{#if:{{{Group2|}}}|
 
|- {{#if:{{{Group2|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group2Link|}}} | [[{{{Group2Link|}}}|<span style="color: {{{TextColor}}};">{{{Group2|}}}</span>]] | {{{Group2|}}} }}'''
+
{{!}} 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%}});" width=12% align="center" {{!}} {{#if: {{{Group2Link|}}} | [[{{{Group2Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group2|}}}</span>]] | {{{Group2|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{RowColor|#e6e6e6}}};" align="center" {{!}} <font size="2">{{{List2|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" align="center" {{!}} <font size="2">{{{List2|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 3 -->
 
<!-- ABOVE 3 -->
 
|- {{#if:{{{Above3|}}}|
 
|- {{#if:{{{Above3|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above3Link|}}} | [[{{{Above3Link|}}}|<span style="color: {{{TextColor}}};">{{{Above3|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 3 -->
 
<!-- GROUP 3 -->
 
|- {{#if:{{{Group3|}}}|
 
|- {{#if:{{{Group3|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group3Link|}}} | [[{{{Group3Link|}}}|<span style="color: {{{TextColor}}};">{{{Group3|}}}</span>]] | {{{Group3|}}} }}'''
+
{{!}} 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%}});" width=12% align="center" {{!}} {{#if: {{{Group3Link|}}} | [[{{{Group3Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group3|}}}</span>]] | {{{Group3|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" align="center" {{!}} <font size="2">{{{List3|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" align="center" {{!}} <font size="2">{{{List3|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 4 -->
 
<!-- ABOVE 4 -->
 
|- {{#if:{{{Above4|}}}|
 
|- {{#if:{{{Above4|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above4Link|}}} | [[{{{Above4Link|}}}|<span style="color: {{{TextColor}}};">{{{Above4|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 4 -->
 
<!-- GROUP 4 -->
 
|- {{#if:{{{Group4|}}}|
 
|- {{#if:{{{Group4|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group4Link|}}} | [[{{{Group4Link|}}}|<span style="color: {{{TextColor}}};">{{{Group4|}}}</span>]] | {{{Group4|}}} }}'''
+
{{!}} 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%}});" width=12% align="center" {{!}} {{#if: {{{Group4Link|}}} | [[{{{Group4Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group4|}}}</span>]] | {{{Group4|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{RowColor|#e6e6e6}}};" align="center" {{!}} <font size="2">{{{List4|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" align="center" {{!}} <font size="2">{{{List4|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 5 -->
 
<!-- ABOVE 5 -->
 
|- {{#if:{{{Above5|}}}|
 
|- {{#if:{{{Above5|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above5Link|}}} | [[{{{Above5Link|}}}|<span style="color: {{{TextColor}}};">{{{Above5|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 5 -->
 
<!-- GROUP 5 -->
 
|- {{#if:{{{Group5|}}}|
 
|- {{#if:{{{Group5|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group5Link|}}} | [[{{{Group5Link|}}}|<span style="color: {{{TextColor}}};">{{{Group5|}}}</span>]] | {{{Group5|}}} }}'''
+
{{!}} 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%}});" width=12% align="center" {{!}} {{#if: {{{Group5Link|}}} | [[{{{Group5Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group5|}}}</span>]] | {{{Group5|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" align="center" {{!}} <font size="2">{{{List5|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" align="center" {{!}} <font size="2">{{{List5|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 6 -->
 
<!-- ABOVE 6 -->
 
|- {{#if:{{{Above6|}}}|
 
|- {{#if:{{{Above6|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above6Link|}}} | [[{{{Above6Link|}}}|<span style="color: {{{TextColor}}};">{{{Above6|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 6 -->
 
<!-- GROUP 6 -->
 
|- {{#if:{{{Group6|}}}|
 
|- {{#if:{{{Group6|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group6Link|}}} | [[{{{Group6Link|}}}|<span style="color: {{{TextColor}}};">{{{Group6|}}}</span>]] | {{{Group6|}}} }}'''
+
{{!}} 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%}});" width=12% align="center" {{!}} {{#if: {{{Group6Link|}}} | [[{{{Group6Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group6|}}}</span>]] | {{{Group6|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{RowColor|#e6e6e6}}};" align="center" {{!}} <font size="2">{{{List6|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" align="center" {{!}} <font size="2">{{{List6|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 7 -->
 
<!-- ABOVE 7 -->
 
|- {{#if:{{{Above7|}}}|
 
|- {{#if:{{{Above7|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above7Link|}}} | [[{{{Above7Link|}}}|<span style="color: {{{TextColor}}};">{{{Above7|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 7 -->
 
<!-- GROUP 7 -->
 
|- {{#if:{{{Group7|}}}|
 
|- {{#if:{{{Group7|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group7Link|}}} | [[{{{Group7Link|}}}|<span style="color: {{{TextColor}}};">{{{Group7|}}}</span>]] | {{{Group7|}}} }}'''
+
{{!}} 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%}});" width=12% align="center" {{!}} {{#if: {{{Group7Link|}}} | [[{{{Group7Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group7|}}}</span>]] | {{{Group7|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" align="center" {{!}} <font size="2">{{{List7|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" align="center" {{!}} <font size="2">{{{List7|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 8 -->
 
<!-- ABOVE 8 -->
 
|- {{#if:{{{Above8|}}}|
 
|- {{#if:{{{Above8|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above8Link|}}} | [[{{{Above8Link|}}}|<span style="color: {{{TextColor}}};">{{{Above8|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 8 -->
 
<!-- GROUP 8 -->
 
|- {{#if:{{{Group8|}}}|
 
|- {{#if:{{{Group8|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group8Link|}}} | [[{{{Group8Link|}}}|<span style="color: {{{TextColor}}};">{{{Group8|}}}</span>]] | {{{Group8|}}} }}'''
+
{{!}} 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%}});" width=12% align="center" {{!}} {{#if: {{{Group8Link|}}} | [[{{{Group8Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group8|}}}</span>]] | {{{Group8|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{RowColor|#e6e6e6}}};" align="center" {{!}} <font size="2">{{{List8|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideRow|}}}|{{{OverrideRow}}}|90%}});" align="center" {{!}} <font size="2">{{{List8|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 9 -->
 
<!-- ABOVE 9 -->
 
|- {{#if:{{{Above9|}}}|
 
|- {{#if:{{{Above9|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above9Link|}}} | [[{{{Above9Link|}}}|<span style="color: {{{TextColor}}};">{{{Above9|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 9 -->
 
<!-- GROUP 9 -->
 
|- {{#if:{{{Group9|}}}|
 
|- {{#if:{{{Group9|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group9Link|}}} | [[{{{Group9Link|}}}|<span style="color: {{{TextColor}}};">{{{Group9|}}}</span>]] | {{{Group9|}}} }}'''
+
{{!}} 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%}});" width=12% align="center" {{!}} {{#if: {{{Group9Link|}}} | [[{{{Group9Link|}}}|<span style="color: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideText|}}}|{{{OverrideText}}}|30%}});">{{{Group9|}}}</span>]] | {{{Group9|}}} }}
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{AltRowColor|{{{SecondaryColor|}}}}}};" align="center" {{!}} <font size="2">{{{List9|}}}</font>
+
{{!}} style="background: hsl({{#if:{{{SecondaryColor|}}}|{{{SecondaryColor|}}}|{{{PrimaryColor|0 0}}}}}% {{#if:{{{OverrideSecondary|}}}|{{{OverrideSecondary}}}|95%}});" align="center" {{!}} <font size="2">{{{List9|}}}</font>
 
}}
 
}}
 
<!-- ABOVE 10 -->
 
<!-- ABOVE 10 -->
 
|- {{#if:{{{Above10|}}}|
 
|- {{#if:{{{Above10|}}}|
 
{{!-}}
 
{{!-}}
{{!}} colspan="2" style="background: {{{PrimaryColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Above10Link|}}} | [[{{{Above10Link|}}}|<span style="color: {{{TextColor}}};">{{{Above10|}}}</span>]] | {{{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|}}} }}'''
 
}}
 
}}
 
<!-- GROUP 10 -->
 
<!-- GROUP 10 -->
 
|- {{#if:{{{Group10|}}}|
 
|- {{#if:{{{Group10|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}};" width=12% align="center" {{!}} '''{{#if: {{{Group10Link|}}} | [[{{{Group10Link|}}}|<span style="color: {{{TextColor}}};">{{{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%}});" 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: {{{RowColor|#e6e6e6}}};" 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>
}}}}
+
}}
 
<!-- BELOW -->
 
<!-- BELOW -->
 
|- {{#if:{{{BelowLink|}}}|
 
|- {{#if:{{{BelowLink|}}}|
 
{{!-}}
 
{{!-}}
{{!}} style="background: {{{GroupColor|lightgrey}}}; color: {{{TextColor|grey}}}; {{roundybottom|9px}} padding:0 55px 0 0;" align="center" {{!}} [[{{{BelowLink|}}}|<span style="color: {{{TextColor}}};">{{{Below|}}}</span>]] {{#if:{{{Below2Link|}}}|• [[{{{Below2Link|}}}|<span style="color: {{{TextColor}}};">{{{Below2|}}}</span>]] }} {{#if:{{{Below3Link|}}}|• [[{{{Below3Link|}}}|<span style="color: {{{TextColor}}};">{{{Below3|}}}</span>]] }}{{#if:{{{Below4Link|}}}|• [[{{{Below4Link|}}}|<span style="color: {{{TextColor}}};">{{{Below4|}}}</span>]] }}{{#if:{{{Below5Link|}}}|• [[{{{Below5Link|}}}|<span style="color: {{{TextColor}}};">{{{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}} 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></includeonly><noinclude>{{Documentation}}</noinclude>
+
|}</div></includeonly><noinclude>{{Documentation}}

Revision as of 14:07, July 4, 2020

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
}}
Fashion
Clothing ClothesAccessoriesBottomsDressesHeadgearShoesSocksTopsUmbrellasWigs Gracie NLWa.png
Concepts DesignsLookHairstyleMii mask
Merchants Able SistersGracieGraceKicksShampoodle
Designers GracieHarrietKicksLabelMabelSable
CategoryProject
Fashion
Clothing
ClothesAccessoriesBottomsDressesHeadgearShoesSocksTopsUmbrellasWigs
Concepts
DesignsLookHairstyleMii mask
Merchants
Able SistersGracieGraceKicksShampoodle
Designers
GracieHarrietKicksLabelMabelSable
CategoryProject