Template:Ability card v2/Card: Difference between revisions
Jump to navigation
Jump to search
Match in game card - added subtly gap between ability charge and cooldown boxes, and increased cast cooldown text size. |
m Reduced some font sizes to match the main page text sizes more closely |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly>{{anchor|{{{name}}}}}<div style="font-size: | <includeonly>{{anchor|{{{name}}}}}<div style="font-size: 0.9rem; line-height: 1.4; font-family: 'Retail Demo Regular', 'PT Serif', serif; color: #FFEFD7; display:flex; flex-direction:column; background: rgb(52,52,52); background: linear-gradient(90deg, rgba(52,52,52,1) 0%, rgba(66,66,66,1) 14%, rgba(77,77,77,1) 100%); align-items: center; width: 100%; max-width: 500px; border-radius: 4px;"> | ||
<!-- HEADER --> | <!-- HEADER --> | ||
Line 5: | Line 5: | ||
<div style="display:flex; flex-direction:row; justify-content: space-between; background: #121212; font-size: calc(1em - 2px); border-radius: 13px; padding: 0 8px 14px 8px"> | <div style="display:flex; flex-direction:row; justify-content: space-between; background: #121212; font-size: calc(1em - 2px); border-radius: 13px; padding: 0 8px 14px 8px"> | ||
<div style="display:flex; flex-direction:column;"> | <div style="display:flex; flex-direction:column;"> | ||
<div style="font-size: 1. | <div style="font-size: 1.3rem;"> | ||
<span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%); padding: 0 5px 0 7px">[[File:{{{icon}}}|45px|link=]]</span><span style="font-family:Retail Demo bold;">{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}}</span> | <span style="filter: brightness(0) saturate(100%) invert(98%) sepia(19%) saturate(1458%) hue-rotate(301deg) brightness(102%) contrast(109%); padding: 0 5px 0 7px">[[File:{{{icon}}}|45px|link=]]</span><span style="font-family:Retail Demo bold;">{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{{name}}}}}</span> | ||
</div> | </div> | ||
Line 18: | Line 18: | ||
<div style="display:flex; flex-direction:row; justify-content: flex-end; margin-bottom: 5px; margin-right: 20px;"> | <div style="display:flex; flex-direction:row; justify-content: flex-end; margin-bottom: 5px; margin-right: 20px;"> | ||
{{Ability_card_v2/HeaderAttr|{{{num_of_charges|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|20px|link=]]|style=margin-right: 0;}} | {{Ability_card_v2/HeaderAttr|{{{num_of_charges|}}}|icon=[[File:AttributeIconMaxChargesIncrease.png|20px|link=]]|style=margin-right: 0;}} | ||
{{Ability_card_v2/HeaderAttr|{{{charge_cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|16px|link= | {{Ability_card_v2/HeaderAttr|{{{charge_cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldownBetweenChargeUses.png|16px|link=Ability Cooldown]]|style=margin-left: 1px; margin-right: 0}} | ||
</div> | </div> | ||
{{Ability_card_v2/HeaderAttr|{{{cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|20px|link= | {{Ability_card_v2/HeaderAttr|{{{cooldown|}}}|uom=s|icon=[[File:AttributeIconTechCooldown.png|20px|link=Ability Cooldown]]}} | ||
</div> | </div> | ||
</div> | </div> | ||
Line 36: | Line 36: | ||
<!-- NOTES --> | <!-- NOTES --> | ||
{{#if: {{{notes|}}}| | {{#if: {{{notes|}}}| | ||
<div style="align-self: flex-start; margin: 10px 0 10px 20px; font-size: 0. | <div style="align-self: flex-start; margin: 10px 0 10px 20px; font-size: 0.8rem;"> | ||
<div style="font-size:1. | <div style="font-size:1.15rem;"> {{#if: {{{name_link|}}}| | ||
{{#vardefine:notes_localized|{{#invoke:Dictionary|translate|Notes|show_needs_translation=false}}}} | {{#vardefine:notes_localized|{{#invoke:Dictionary|translate|Notes|show_needs_translation=false}}}} | ||
[[{{{name_link}}}/{{#var:notes_localized}}|{{#var:notes_localized}}]] | [[{{{name_link}}}/{{#var:notes_localized}}|{{#var:notes_localized}}]] | ||
Line 43: | Line 43: | ||
{{#invoke:Dictionary|translate|Notes}} | {{#invoke:Dictionary|translate|Notes}} | ||
}} </div> | }} </div> | ||
<div class="mw-collapsible mw-collapsed" style="align-self: flex-start; margin: 10px 0 10px 20px; font-size: 0. | <div class="mw-collapsible mw-collapsed" style="align-self: flex-start; margin: 10px 0 10px 20px; font-size: 0.8rem;"> | ||
<div> | <div> | ||
{{{notes}}} | {{{notes}}} | ||
Line 52: | Line 52: | ||
<code><nowiki>Eg. {{#invoke:Abilities/card|get_ability_card|<hero_name>|<ability_number>|<link_on_name>|<notes>}} | <code><nowiki>Eg. {{#invoke:Abilities/card|get_ability_card|<hero_name>|<ability_number>|<link_on_name>|<notes>}} | ||
</nowiki></code> | </nowiki></code> | ||
{{#invoke:Abilities/card|get_ability_card|Abrams| | {{#invoke:Abilities/card|get_ability_card|Abrams|2|false}} | ||
</noinclude> | </noinclude> |
Latest revision as of 22:59, 26 November 2024
Eg. {{#invoke:Abilities/card|get_ability_card|<hero_name>|<ability_number>|<link_on_name>|<notes>}}