Template:Infobox item: Difference between revisionsGive feedback

Browse history interactively

← Older edit Newer edit →

VisualWikitext

@@ Line 126: / Line 126: @@
 {{!}} colspan=4 class="passive-description" style="text-align:left; padding:2px 12px; {{!}} {{{passive1_description}}}|}}
 }}
-{{#if:{{{passive1_stat1|}}}|
+{{!}}-
-{{{!}} class="passive-stats" style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
+{{!}} colspan=4 style="padding:0;" {{!}}<!--
+-->{{#vardefine:p1_main_count|{{#expr:{{#if:{{{passive1_main1|}}}|1|0}}+{{#if:{{{passive1_main2|}}}|1|0}}+{{#if:{{{passive1_main3|}}}|1|0}}+{{#if:{{{passive1_main4|}}}|1|0}}+{{#if:{{{passive1_main5|}}}|1|0}}+{{#if:{{{passive1_main6|}}}|1|0}}+{{#if:{{{passive1_main7|}}}|1|0}}}}}}<!--
+-->{{#vardefine:p1_has_alt|{{#if:{{{passive1_alt1|}}}|1|0}}}}<!--
+-->{{#vardefine:p1_bg|{{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
-  | Weapon = background-color: #67430A;
+  | Weapon = #67430A
-  | Vitality = background-color: #3D5B0E;
+  | Vitality = #3D5B0E
-  | Spirit = background-color: #3a2231;
+  | Spirit = #3a2231
- | background-color: #67430A;}}"
+ | #67430A}}}}<!--
-{{!}}-
+-->{{#ifexpr:{{#var:p1_main_count}} > 0 |<!--
-{{#if:{{{passive1_stat1|}}}|
+-->{{#ifexpr:{{#var:p1_main_count}} = 1 and {{#var:p1_has_alt}} = 1 |<!--
-{{!}}-
+  ** 1 main + alt: side by side 1:2 ratio **
-{{!}} class="passive-stat" {{!}} {{{passive1_stat1}}}|}}
+--><div style="display:flex; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
-{{#if:{{{passive1_stat2|}}}|
+--><div style="flex:1; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main1}}}</div><!--
-{{!}}-
+--><div style="flex:2; border-radius:8px; padding:4px 8px; background-color:{{#var:p1_bg}};" class="passive-alt-stats"><!--
-{{!}} class="passive-stat" {{!}} {{{passive1_stat2}}}|}}
+-->{{#if:{{{passive1_alt1|}}}|<div class="passive-stat">{{{passive1_alt1}}}</div>}}<!--
-{{#if:{{{passive1_stat3|}}}|
+-->{{#if:{{{passive1_alt2|}}}|<div class="passive-stat">{{{passive1_alt2}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{passive1_alt3|}}}|<div class="passive-stat">{{{passive1_alt3}}}</div>}}<!--
-{{!}} class="passive-stat" {{!}} {{{passive1_stat3}}}|}}
+-->{{#if:{{{passive1_alt4|}}}|<div class="passive-stat">{{{passive1_alt4}}}</div>}}<!--
-{{#if:{{{passive1_stat4|}}}|
+-->{{#if:{{{passive1_alt5|}}}|<div class="passive-stat">{{{passive1_alt5}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{passive1_alt6|}}}|<div class="passive-stat">{{{passive1_alt6}}}</div>}}<!--
-{{!}} class="passive-stat" {{!}} {{{passive1_stat4}}}|}}
+-->{{#if:{{{passive1_alt7|}}}|<div class="passive-stat">{{{passive1_alt7}}}</div>}}<!--
-{{#if:{{{passive1_stat5|}}}|
+--></div><!--
-{{!}}-
+--></div>|<!--
-{{!}} class="passive-stat" {{!}} {{{passive1_stat5}}}|}}
+  ** Multiple mains (no alt alongside): grid up to 3 per row **
-{{#if:{{{passive1_stat6|}}}|
+--><div style="display:flex; flex-wrap:wrap; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
-{{!}}-
+-->{{#if:{{{passive1_main1|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main1}}}</div>}}<!--
-{{!}} class="passive-stat" {{!}} {{{passive1_stat6}}}|}}
+-->{{#if:{{{passive1_main2|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main2}}}</div>}}<!--
-{{#if:{{{passive1_stat7|}}}|
+-->{{#if:{{{passive1_main3|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main3}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{passive1_main4|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main4}}}</div>}}<!--
-{{!}} class="passive-stat" {{!}} {{{passive1_stat7}}}|}}
+-->{{#if:{{{passive1_main5|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main5}}}</div>}}<!--
-{{!}}}<!--end of inner passive1 stat box-->
+-->{{#if:{{{passive1_main6|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main6}}}</div>}}<!--
-}}
+-->{{#if:{{{passive1_main7|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p1_bg}};" class="passive-main-stat passive-stat">{{{passive1_main7}}}</div>}}<!--
+--></div><!--
+-->{{#ifexpr:{{#var:p1_has_alt}} = 1 |<!--
+  ** Multiple mains + alt below separately **
+--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p1_bg}};" class="passive-alt-stats"><!-- FIXED --><!--
+-->{{#if:{{{passive1_alt1|}}}|<div class="passive-stat">{{{passive1_alt1}}}</div>}}<!--
+-->{{#if:{{{passive1_alt2|}}}|<div class="passive-stat">{{{passive1_alt2}}}</div>}}<!--
+-->{{#if:{{{passive1_alt3|}}}|<div class="passive-stat">{{{passive1_alt3}}}</div>}}<!--
+-->{{#if:{{{passive1_alt4|}}}|<div class="passive-stat">{{{passive1_alt4}}}</div>}}<!--
+-->{{#if:{{{passive1_alt5|}}}|<div class="passive-stat">{{{passive1_alt5}}}</div>}}<!--
+-->{{#if:{{{passive1_alt6|}}}|<div class="passive-stat">{{{passive1_alt6}}}</div>}}<!--
+-->{{#if:{{{passive1_alt7|}}}|<div class="passive-stat">{{{passive1_alt7}}}</div>}}<!--
+--></div>}}<!--
+-->}}}}
 |-<!--start of passive2 section-->
 {{#if:{{{passive2_description|}}}|
@@ Line 170: / Line 186: @@
 {{!}} colspan=4 class="passive-description" style="text-align:left; padding:2px 12px; {{!}} {{{passive2_description}}}|}}
 }}
-{{#if:{{{passive2_stat1|}}}|
+{{!}}-
-{{{!}} class="passive-stats" style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
+{{!}} colspan=4 style="padding:0;" {{!}}<!--
+-->{{#vardefine:p2_main_count|{{#expr:{{#if:{{{passive2_main1|}}}|1|0}}+{{#if:{{{passive2_main2|}}}|1|0}}+{{#if:{{{passive2_main3|}}}|1|0}}+{{#if:{{{passive2_main4|}}}|1|0}}+{{#if:{{{passive2_main5|}}}|1|0}}}}}}<!--
+-->{{#vardefine:p2_has_alt|{{#if:{{{passive2_alt1|}}}|1|0}}}}<!--
+-->{{#vardefine:p2_bg|{{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
-  | Weapon = background-color: #67430A;
+  | Weapon = #67430A
-  | Vitality = background-color: #3D5B0E;
+  | Vitality = #3D5B0E
-  | Spirit = background-color: #3a2231;
+  | Spirit = #3a2231
- | background-color: #67430A;}}"
+ | #67430A}}}}<!--
-{{!}}-
+-->{{#ifexpr:{{#var:p2_main_count}} > 0 |<!--
-{{#if:{{{passive2_stat1|}}}|
+-->{{#ifexpr:{{#var:p2_main_count}} = 1 and {{#var:p2_has_alt}} = 1 |<!--
-{{!}}-
+  ** 1 main + alt: side by side 1:2 ratio **
-{{!}} class="passive-stat" {{!}} {{{passive2_stat1}}}|}}
+--><div style="display:flex; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
-{{#if:{{{passive2_stat2|}}}|
+--><div style="flex:1; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main1}}}</div><!--
-{{!}}-
+--><div style="flex:2; border-radius:8px; padding:4px 8px; background-color:{{#var:p2_bg}};" class="passive-alt-stats"><!--
-{{!}} class="passive-stat" {{!}} {{{passive2_stat2}}}|}}
+-->{{#if:{{{passive2_alt1|}}}|<div class="passive-stat">{{{passive2_alt1}}}</div>}}<!--
-{{#if:{{{passive2_stat3|}}}|
+-->{{#if:{{{passive2_alt2|}}}|<div class="passive-stat">{{{passive2_alt2}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{passive2_alt3|}}}|<div class="passive-stat">{{{passive2_alt3}}}</div>}}<!--
-{{!}} class="passive-stat" {{!}} {{{passive2_stat3}}}|}}
+-->{{#if:{{{passive2_alt4|}}}|<div class="passive-stat">{{{passive2_alt4}}}</div>}}<!--
-{{#if:{{{passive2_stat4|}}}|
+-->{{#if:{{{passive2_alt5|}}}|<div class="passive-stat">{{{passive2_alt5}}}</div>}}<!--
-{{!}}-
+--></div><!--
-{{!}} class="passive-stat" {{!}} {{{passive2_stat4}}}|}}
+--></div>|<!--
-{{#if:{{{passive2_stat5|}}}|
+  ** Multiple mains: grid up to 3 per row **
-{{!}}-
+--><div style="display:flex; flex-wrap:wrap; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
-{{!}} class="passive-stat" {{!}} {{{passive2_stat5}}}|}}
+-->{{#if:{{{passive2_main1|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main1}}}</div>}}<!--
-{{!}}}<!--end of inner passive2 stat box-->
+-->{{#if:{{{passive2_main2|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main2}}}</div>}}<!--
-}}
+-->{{#if:{{{passive2_main3|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main3}}}</div>}}<!--
+-->{{#if:{{{passive2_main4|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main4}}}</div>}}<!--
+-->{{#if:{{{passive2_main5|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:p2_bg}};" class="passive-main-stat passive-stat">{{{passive2_main5}}}</div>}}<!--
+--></div><!--
+-->{{#ifexpr:{{#var:p2_has_alt}} = 1 |<!--
+--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:p2_bg}};" class="passive-alt-stats"><!-- FIXED --><!--
+-->{{#if:{{{passive2_alt1|}}}|<div class="passive-stat">{{{passive2_alt1}}}</div>}}<!--
+-->{{#if:{{{passive2_alt2|}}}|<div class="passive-stat">{{{passive2_alt2}}}</div>}}<!--
+-->{{#if:{{{passive2_alt3|}}}|<div class="passive-stat">{{{passive2_alt3}}}</div>}}<!--
+-->{{#if:{{{passive2_alt4|}}}|<div class="passive-stat">{{{passive2_alt4}}}</div>}}<!--
+-->{{#if:{{{passive2_alt5|}}}|<div class="passive-stat">{{{passive2_alt5}}}</div>}}<!--
+--></div>}}<!--
+-->}}}}
 |-<!--start of active 1 section-->
 {{#if:{{{active1_description|}}}|
@@ Line 209: / Line 240: @@
 {{!}} colspan=4 class="active-description" style="text-align:left; padding:2px 12px; {{!}} {{{active1_description}}}|}}
 }}
-{{#if:{{{active1_stat1|}}}|
+{{!}}-
-{{{!}} class="active-stats" style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
+{{!}} colspan=4 style="padding:0;" {{!}}<!--
+-->{{#vardefine:a1_main_count|{{#expr:{{#if:{{{active1_main1|}}}|1|0}}+{{#if:{{{active1_main2|}}}|1|0}}+{{#if:{{{active1_main3|}}}|1|0}}+{{#if:{{{active1_main4|}}}|1|0}}+{{#if:{{{active1_main5|}}}|1|0}}+{{#if:{{{active1_main6|}}}|1|0}}+{{#if:{{{active1_main7|}}}|1|0}}+{{#if:{{{active1_main8|}}}|1|0}}}}}}<!--
+-->{{#vardefine:a1_has_alt|{{#if:{{{active1_alt1|}}}|1|0}}}}<!--
+-->{{#vardefine:a1_bg|{{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
-  | Weapon = background-color: #67430A;
+  | Weapon = #67430A
-  | Vitality = background-color: #3D5B0E;
+  | Vitality = #3D5B0E
-  | Spirit = background-color: #3a2231;
+  | Spirit = #3a2231
-  | Seasonal = background-color: #35454f;
+  | Seasonal = #35454f
- | background-color: #67430A;}}"
+ | #67430A}}}}<!--
-{{!}}-
+-->{{#ifexpr:{{#var:a1_main_count}} > 0 |<!--
-{{#if:{{{active1_stat1|}}}|
+-->{{#ifexpr:{{#var:a1_main_count}} = 1 and {{#var:a1_has_alt}} = 1 |<!--
-{{!}}-
+  ** 1 main + alt: side by side 1:2 ratio **
-{{!}} class="active-stat" {{!}} {{{active1_stat1}}}|}}
+--><div style="display:flex; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
-{{#if:{{{active1_stat2|}}}|
+--><div style="flex:1; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main1}}}</div><!--
-{{!}}-
+--><div style="flex:2; border-radius:8px; padding:4px 8px; background-color:{{#var:a1_bg}};" class="active-alt-stats"><!--
-{{!}} class="active-stat" {{!}} {{{active1_stat2}}}|}}
+-->{{#if:{{{active1_alt1|}}}|<div class="active-stat">{{{active1_alt1}}}</div>}}<!--
-{{#if:{{{active1_stat3|}}}|
+-->{{#if:{{{active1_alt2|}}}|<div class="active-stat">{{{active1_alt2}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{active1_alt3|}}}|<div class="active-stat">{{{active1_alt3}}}</div>}}<!--
-{{!}} class="active-stat" {{!}} {{{active1_stat3}}}|}}
+-->{{#if:{{{active1_alt4|}}}|<div class="active-stat">{{{active1_alt4}}}</div>}}<!--
-{{#if:{{{active1_stat4|}}}|
+-->{{#if:{{{active1_alt5|}}}|<div class="active-stat">{{{active1_alt5}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{active1_alt6|}}}|<div class="active-stat">{{{active1_alt6}}}</div>}}<!--
-{{!}} class="active-stat" {{!}} {{{active1_stat4}}}|}}
+-->{{#if:{{{active1_alt7|}}}|<div class="active-stat">{{{active1_alt7}}}</div>}}<!--
-{{#if:{{{active1_stat5|}}}|
+-->{{#if:{{{active1_alt8|}}}|<div class="active-stat">{{{active1_alt8}}}</div>}}<!--
-{{!}}-
+--></div><!--
-{{!}} class="active-stat" {{!}} {{{active1_stat5}}}|}}
+--></div>|<!--
-{{#if:{{{active1_stat6|}}}|
+  ** Multiple mains: grid up to 3 per row **
-{{!}}-
+--><div style="display:flex; flex-wrap:wrap; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
-{{!}} class="active-stat" {{!}} {{{active1_stat6}}}|}}
+-->{{#if:{{{active1_main1|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main1}}}</div>}}<!--
-{{#if:{{{active1_stat7|}}}|
+-->{{#if:{{{active1_main2|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main2}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{active1_main3|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main3}}}</div>}}<!--
-{{!}} class="active-stat" {{!}} {{{active1_stat7}}}|}}
+-->{{#if:{{{active1_main4|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main4}}}</div>}}<!--
-{{#if:{{{active1_stat8|}}}|
+-->{{#if:{{{active1_main5|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main5}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{active1_main6|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main6}}}</div>}}<!--
-{{!}} class="active-stat" {{!}} {{{active1_stat8}}}|}}
+-->{{#if:{{{active1_main7|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main7}}}</div>}}<!--
-{{!}}}<!--end of inner active1 stat box-->
+-->{{#if:{{{active1_main8|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a1_bg}};" class="active-main-stat active-stat">{{{active1_main8}}}</div>}}<!--
-{{!}}-
+--></div><!--
+-->{{#ifexpr:{{#var:a1_has_alt}} = 1 |<!--
+--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a1_bg}};" class="active-alt-stats"><!-- FIXED --><!--
+-->{{#if:{{{active1_alt1|}}}|<div class="active-stat">{{{active1_alt1}}}</div>}}<!--
+-->{{#if:{{{active1_alt2|}}}|<div class="active-stat">{{{active1_alt2}}}</div>}}<!--
+-->{{#if:{{{active1_alt3|}}}|<div class="active-stat">{{{active1_alt3}}}</div>}}<!--
+-->{{#if:{{{active1_alt4|}}}|<div class="active-stat">{{{active1_alt4}}}</div>}}<!--
+-->{{#if:{{{active1_alt5|}}}|<div class="active-stat">{{{active1_alt5}}}</div>}}<!--
+-->{{#if:{{{active1_alt6|}}}|<div class="active-stat">{{{active1_alt6}}}</div>}}<!--
+-->{{#if:{{{active1_alt7|}}}|<div class="active-stat">{{{active1_alt7}}}</div>}}<!--
+-->{{#if:{{{active1_alt8|}}}|<div class="active-stat">{{{active1_alt8}}}</div>}}<!--
+--></div>}}<!--
+-->}}}}
+|-
 {{#if:{{{active2_description|}}}|
 {{!}} colspan=4 class="active-description" style="text-align:left; padding:2px 12px; {{!}} {{{active2_description}}}|}}
-}}
+{{!}}-
-{{#if:{{{active2_stat1|}}}|
+{{!}} colspan=4 style="padding:0;" {{!}}<!--
-{{{!}} class="active-stats" style="text-align:left; width:300px; max-width:280px; border-radius:8px; margin:6px auto; {{
+-->{{#vardefine:a2_main_count|{{#expr:{{#if:{{{active2_main1|}}}|1|0}}+{{#if:{{{active2_main2|}}}|1|0}}+{{#if:{{{active2_main3|}}}|1|0}}+{{#if:{{{active2_main4|}}}|1|0}}+{{#if:{{{active2_main5|}}}|1|0}}}}}}<!--
+-->{{#vardefine:a2_has_alt|{{#if:{{{active2_alt1|}}}|1|0}}}}<!--
+-->{{#vardefine:a2_bg|{{
 #switch: {{{item_type|{{#invoke:ItemData|get_type|{{#var:item_key_or_en}}|raw=true}}}}}
-  | Weapon = background-color: #67430A;
+  | Weapon = #67430A
-  | Vitality = background-color: #3D5B0E;
+  | Vitality = #3D5B0E
-  | Spirit = background-color: #3a2231;
+  | Spirit = #3a2231
-  | Seasonal = background-color: #35454f;
+  | Seasonal = #35454f
- | background-color: #67430A;}}"
+ | #67430A}}}}<!--
-{{!}}-
+-->{{#ifexpr:{{#var:a2_main_count}} > 0 |<!--
-{{#if:{{{active2_stat1|}}}|
+-->{{#ifexpr:{{#var:a2_main_count}} = 1 and {{#var:a2_has_alt}} = 1 |<!--
-{{!}}-
+  ** 1 main + alt: side by side 1:2 ratio **
-{{!}} class="active-stat" {{!}} {{{active2_stat1}}}|}}
+--><div style="display:flex; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
-{{#if:{{{active2_stat2|}}}|
+--><div style="flex:1; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main1}}}</div><!--
-{{!}}-
+--><div style="flex:2; border-radius:8px; padding:4px 8px; background-color:{{#var:a2_bg}};" class="active-alt-stats"><!--
-{{!}} class="active-stat" {{!}} {{{active2_stat2}}}|}}
+-->{{#if:{{{active2_alt1|}}}|<div class="active-stat">{{{active2_alt1}}}</div>}}<!--
-{{#if:{{{active2_stat3|}}}|
+-->{{#if:{{{active2_alt2|}}}|<div class="active-stat">{{{active2_alt2}}}</div>}}<!--
-{{!}}-
+-->{{#if:{{{active2_alt3|}}}|<div class="active-stat">{{{active2_alt3}}}</div>}}<!--
-{{!}} class="active-stat" {{!}} {{{active2_stat3}}}|}}
+-->{{#if:{{{active2_alt4|}}}|<div class="active-stat">{{{active2_alt4}}}</div>}}<!--
-{{#if:{{{active2_stat4|}}}|
+-->{{#if:{{{active2_alt5|}}}|<div class="active-stat">{{{active2_alt5}}}</div>}}<!--
-{{!}}-
+--></div><!--
-{{!}} class="active-stat" {{!}} {{{active2_stat4}}}|}}
+--></div>|<!--
-{{#if:{{{active2_stat5|}}}|
+  ** Multiple mains: grid up to 3 per row **
-{{!}}-
+--><div style="display:flex; flex-wrap:wrap; gap:4px; margin:6px auto; width:300px; max-width:280px;"><!--
-{{!}} class="active-stat" {{!}} {{{active2_stat5}}}|}}
+-->{{#if:{{{active2_main1|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main1}}}</div>}}<!--
-{{!}}}<!--end of inner active2 stat box-->
+-->{{#if:{{{active2_main2|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main2}}}</div>}}<!--
-}}
+-->{{#if:{{{active2_main3|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main3}}}</div>}}<!--
+-->{{#if:{{{active2_main4|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main4}}}</div>}}<!--
+-->{{#if:{{{active2_main5|}}}|<div style="flex:1 1 calc(33.33% - 4px); min-width:80px; border-radius:8px; padding:4px 8px; text-align:center; background-color:{{#var:a2_bg}};" class="active-main-stat active-stat">{{{active2_main5}}}</div>}}<!--
+--></div><!--
+-->{{#ifexpr:{{#var:a2_has_alt}} = 1 |<!--
+--><div style="box-sizing:border-box; border-radius:8px; margin:6px auto; width:300px; max-width:280px; padding:4px 8px; background-color:{{#var:a2_bg}};" class="active-alt-stats"><!-- FIXED --><!--
+-->{{#if:{{{active2_alt1|}}}|<div class="active-stat">{{{active2_alt1}}}</div>}}<!--
+-->{{#if:{{{active2_alt2|}}}|<div class="active-stat">{{{active2_alt2}}}</div>}}<!--
+-->{{#if:{{{active2_alt3|}}}|<div class="active-stat">{{{active2_alt3}}}</div>}}<!--
+-->{{#if:{{{active2_alt4|}}}|<div class="active-stat">{{{active2_alt4}}}</div>}}<!--
+-->{{#if:{{{active2_alt5|}}}|<div class="active-stat">{{{active2_alt5}}}</div>}}<!--
+--></div>}}<!--
+-->}}}}
 |-
 {{#if:{{{component1_name|}}}|

Template:Infobox item: Difference between revisionsGive feedback

Monster Domosed (talk | contribs)

Navigation menu