User:Saag/AbilityCircle: Difference between revisions
No edit summary |
mNo edit summary |
||
| (21 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<div class="abilityImage" style="display:inline-block; width:{{{bgsize|128}}}px; height:{{{bgsize|128}}}px;"> | <div class="abilityImage" style="display:inline-block; width:{{{bgsize|128}}}px; height:{{{bgsize|128}}}px;"> | ||
<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|{{{bgsize|128}}}x{{{bgsize|128}}}px|link=]]</div> | <div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|{{{bgsize|128}}}x{{{bgsize|128}}}px|link=]]</div> | ||
<div class="ability-icon | <div class="ability-icon popover-wrapper nopreview" | ||
style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | ||
{{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{{ | {{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{#invoke:Abilities|get_ability_name|{{{hero_name}}}|{{{ability_num}}}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}} | ||
</div> | </div> | ||
<div class=" | <div class="popover-content" style="position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align:left; margin-top: -30px; max-width: 550px; min-width: 320px; width: 50vw; left: 0;"> | ||
{{Abilities/{{{ | <div style="max-width: 350px; height: 30px"></div> | ||
{{#invoke:Abilities/card|get_ability_card_test|{{{hero_name}}}|{{{ability_num}}}|true}} | |||
</div> | </div> | ||
| Line 16: | Line 17: | ||
Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]]. | Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]]. | ||
{{ | {{User:Saag/HeroRosterCard|Abrams|Ability1=Siphon Life|Ability2=Shoulder Charge|Ability3=Infernal Resilience|Ability4=Seismic Impact}} | ||
<noinclude> | <noinclude> | ||
<templatedata> | <templatedata> | ||
| Line 30: | Line 32: | ||
"default": "90" | "default": "90" | ||
}, | }, | ||
" | "hero_name": { | ||
"description": "Name of the ability", | "description": "Name of the Hero", | ||
"example": " | "example": "Bebop", | ||
"required": true | |||
}, | |||
"ability_num": { | |||
"description": "Number of the ability", | |||
"example": "1", | |||
"required": true | "required": true | ||
}, | }, | ||
| Line 41: | Line 48: | ||
}, | }, | ||
"paramOrder": [ | "paramOrder": [ | ||
" | "hero_name", | ||
"ability_num", | |||
"iconsize", | "iconsize", | ||
"bgsize", | "bgsize", | ||