Template:Ability card v2/Card: Difference between revisionsGive feedback
Gammaton32 (talk | contribs) font fix |
Gammaton32 (talk | contribs) updated with new style |
||
| Line 1: | Line 1: | ||
<includeonly>{{anchor|{{{name}}}}}<div style="font-size: 0.9rem; line-height: 1.4; font-family: 'Retail Demo', 'Open Sans', 'PT Serif', serif; color: #FFEFD7; display:flex; flex-direction:column; background: rgb(52,52,52); background: | <includeonly>{{anchor|{{{name}}}}}<div style="font-size: 0.9rem; line-height: 1.4; font-family: 'Retail Demo', 'Open Sans', 'PT Serif', serif; color: #FFEFD7; display:flex; flex-direction:column; background: rgb(52,52,52); background: #121013; 100%); align-items: center; width: 100%; max-width: 500px; border-radius: 13px 13px 4px 4px"> | ||
<!-- HEADER --> | <!-- HEADER --> | ||
<div style="width: 100%"> | <div style="width: 100%"> | ||
<div style="display:flex; flex-direction:row; justify-content: space-between; background: # | <div style="display:flex; flex-direction:row; justify-content: space-between; background: #121013; font-size: calc(1em - 2px); border-radius: 13px 13px 0 0; padding: 0 8px 14px 8px"> | ||
<div style="display:flex; flex-direction:column;"> | <div style="display:flex; flex-direction:column;"> | ||
<div style="font-size: | <div style="font-size: 2rem;"> | ||
<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','Open Sans'; font-weight: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: 'Valve Occult','Retail Demo','Open Sans'; font-weight:bold">{{#if:{{{name_link|}}}|[[{{{name_link}}}|{{{name}}}]]|{{uc:{{{name}}}}}}}</span> | ||
</div> | </div> | ||
<div style="display:flex; flex-direction:row; margin-left: 10px; height: 40px"> | <div style="display:flex; flex-direction:row; margin-left: 10px; height: 40px"> | ||