Template:HeroRosterCard: Difference between revisions

Jump to navigation Jump to search
valve pulp font, adjusted font size for localized names
LVL (talk | contribs)
Mobile responsiveness improvements
Tags: Mobile edit Mobile web edit
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; width: 100%; max-width: 720px; box-sizing: border-box;">
{|- 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;"
{|- 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: 30%; min-width: 120px;" | <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|100%px|x300px|link={{{hero|Abrams}}}{{If_lang}}]]</div>
| style="text-align:center; background-color: #FCEED4; height:45px; font-size:40px; color:#000000; line-height:8px; vertical-align: middle;" colspan="2" | {{If lang
| style="text-align:center; background-color: #FCEED4; height:45px; font-size: clamp(24px, 5vw, 40px); color:#000000; line-height:8px; vertical-align: middle; border-top-right-radius: 55px;" 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;"
|- style="background-color: #FCEED4; font-size: clamp(14px, 1.8vw, 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; border-bottom-right-radius: 55px;"
| {{AbilityCircle|name={{{Ability1|Siphon Life}}}|iconsize=48|bgsize=69}}  {{AbilityCircle|name={{{Ability2|Shoulder Charge}}}|iconsize=48|bgsize=69}}  {{AbilityCircle|name={{{Ability3|Infernal Resilience}}}|iconsize=48|bgsize=69}}  {{AbilityCircle|name={{{Ability4|Seismic Impact}}}|iconsize=48|bgsize=69}}
| {{AbilityCircle|name={{{Ability1|Siphon Life}}}|iconsize=48|bgsize=69}}  {{AbilityCircle|name={{{Ability2|Shoulder Charge}}}|iconsize=48|bgsize=69}}  {{AbilityCircle|name={{{Ability3|Infernal Resilience}}}|iconsize=48|bgsize=69}}  {{AbilityCircle|name={{{Ability4|Seismic Impact}}}|iconsize=48|bgsize=69}}
|}
|}