Template:HeroRosterCard: Difference between revisions

LVL (talk | contribs)
Set fixed width and height for cards to resolve layout issues caused by variable image sizes and text lengths.
valve pulp font, adjusted font size for localized names
Line 1: Line 1:
<onlyinclude>
<onlyinclude>
<div style="display:inline-block; margin: 15px 10px 15px 10px; width: 720px;">
<div style="display:inline-block; margin: 15px 10px 15px 10px; width: 720px;">
{|- style="width: 100%; text-align:left; background-image: linear-gradient(30deg, #e8be86, #fdf5e8); border-collapse:collapse; border-radius: 55px; font-size: 12px; color:#000000; font-family:'Retail Demo Regular','Open Sans', 'PT Serif','Palatino','Georgia',serif;"
{|- style="width: 100%; text-align:left; background-image: linear-gradient(30deg, #e8be86, #fdf5e8); border-collapse:collapse; border-radius: 55px; font-size: 12px; color:#000000; font-family:'Valve Pulp','Retail Demo Regular','Open Sans', 'PT Serif','Palatino','Georgia',serif;"
| rowspan="4" style="width: 300px;" | <div class="HeroCard2 hide-parent-td-mobile" style="height: 280px; display: flex; align-items: center; justify-content: center; transition: 0.08s transform ease-in-out;">[[File:{{{hero|Abrams}}} Render.png|256x300px|link={{{hero|Abrams}}}{{If_lang}}]]</div>
| rowspan="4" style="width: 300px;" | <div class="HeroCard2 hide-parent-td-mobile" style="height: 280px; display: flex; align-items: center; justify-content: center; transition: 0.08s transform ease-in-out;">[[File:{{{hero|Abrams}}} Render.png|256x300px|link={{{hero|Abrams}}}{{If_lang}}]]</div>
| style="text-align:center; font-family: 'Forevs Demo','Open Sans'; background-color: #FCEED4; height:45px; font-size:25px; color:#000000; line-height:8px; vertical-align: middle;" colspan="2" | {{If lang
| style="text-align:center; background-color: #FCEED4; height:45px; font-size:40px; color:#000000; line-height:8px; vertical-align: middle;" colspan="2" | {{If lang
   | <!-- 1st Parameter: English/Default -->
   | <!-- 1st Parameter: English/Default -->
     <div>{{#ifeq: {{{no_name|}}}|true|'''[[{{{hero_link|{{{hero|Abrams}}}}}}|<span style=color:#000000>{{{hero_loc|{{{hero|Abrams}}}}}}</span>]]'''|{{Template:Icon/Black|[[File:{{{hero|Abrams}}}_name.png|x40px|link={{{hero|Abrams}}}]]}}}}</div>
     <div>{{#ifeq: {{{no_name|}}}|true|'''[[{{{hero_link|{{{hero|Abrams}}}}}}|<span style=color:#000000>{{{hero_loc|{{{hero|Abrams}}}}}}</span>]]'''|{{Template:Icon/Black|[[File:{{{hero|Abrams}}}_name.png|x40px|link={{{hero|Abrams}}}]]}}}}</div>
Line 9: Line 9:
     '''[[{{{hero_link|{{{hero|Abrams}}}}}}{{If_lang}}|<span style=color:#000000>{{{hero_loc|{{{hero|Abrams}}}}}}</span>]]'''
     '''[[{{{hero_link|{{{hero|Abrams}}}}}}{{If_lang}}|<span style=color:#000000>{{{hero_loc|{{{hero|Abrams}}}}}}</span>]]'''
}}
}}
|- style="background-color: #FCEED4; font-size:25px; color:#000000; height:5px; text-align:center; font-weight:bold; font-family: 'Forevs Demo';"
|- style="background-color: #FCEED4; font-size:25px; color:#000000; height:5px; text-align:center; font-weight:bold;"
| {{#ifeq: {{{no_tags|}}}|true||{{#invoke:HeroData|get_hero_tag|{{{hero|Abrams}}}|1}} - {{#invoke:HeroData|get_hero_tag|{{{hero|Abrams}}}|2}} - {{#invoke:HeroData|get_hero_tag|{{{hero|Abrams}}}|3}}}}
| {{#ifeq: {{{no_tags|}}}|true||{{#invoke:HeroData|get_hero_tag|{{{hero|Abrams}}}|1}} - {{#invoke:HeroData|get_hero_tag|{{{hero|Abrams}}}|2}} - {{#invoke:HeroData|get_hero_tag|{{{hero|Abrams}}}|3}}}}
|- style="background-color:#FCEED4; font-size:14px; color:#000000; height:50px; text-align:center;"
|- style="background-color:#FCEED4; font-size:14px; color:#000000; height:50px; text-align:center;"