Template:Hero card2: Difference between revisionsGive feedback
Jump to navigation
Jump to search
TheMilkMan (talk | contribs) Added center justification so hero portraits on mobile won't get the sides of the images cutoff |
alt text for SEO |
||
| Line 1: | Line 1: | ||
<includeonly><div class="HeroCard2" style="display:inline-block; border-radius: 8px; overflow:hidden; position: relative; background-image: {{#ifeq: {{{herolabs|false}}} | true | linear-gradient(#ce9b54, #674915)| }}; background-color:#423837; max-width: {{{card_size|132}}}px; width: 30%; height: auto; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); transition: 0.1s transform ease-in-out;"><span style="display: flex; justify-content: center;">[[File:{{{Image|{{{link|{{{name|Abrams}}}}}}}}} card.png|{{{card_size|132}}}px|link={{{link|{{{name|Abrams}}}}}}{{{subpage|}}}]]</span><p style="display: {{#ifeq: {{{herolabs|false}}} | true | block| none }}; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); text-align: center; width: fit-content; font-size: {{{herolabs_text_size|6}}}px; margin: 0; pointer-events: none; border-radius: 2px; background-color: #d36c16ee; padding: 1px 4px 0px 4px; font-family: Tahoma, sans-serif; color: white; font-weight: bold; max-height: 15px;">{{#invoke:Lang|get_string|MyRosterHeroLabsHero|fallback_str=en}}</p><p style="position: absolute; bottom: 0px; text-align: center; width: 100%; font-weight: bold; line-height:min(5vw, {{{text_size|{{{text-size|24}}}}}}px); font-family: Valve Occult, Forevs Demo, Open Sans, PT Serif; color: #FFEFD7; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 2px 4px rgba(0, 0, 0, 0.5); font-size: min(5vw, {{{text_size|{{{text-size|24}}}}}}px); letter-spacing: 0.5px; margin: 0; text-overflow: ellipsis; pointer-events: none;">{{{name|Abrams}}}</p><div style="display: {{#ifeq: {{{herolabs|false}}} | true | inline| none }}; top:0; right:0; position: absolute;"><div position: relative;>[[File:Herolabs_icon_backer.png | {{{sticker_size|56}}}px |link={{{link|{{{name|Abrams}}}}}}{{{subpage|}}}]]</div></div></div></includeonly><noinclude>{{Documentation}}</noinclude> | <includeonly><div class="HeroCard2" style="display:inline-block; border-radius: 8px; overflow:hidden; position: relative; background-image: {{#ifeq: {{{herolabs|false}}} | true | linear-gradient(#ce9b54, #674915)| }}; background-color:#423837; max-width: {{{card_size|132}}}px; width: 30%; height: auto; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); transition: 0.1s transform ease-in-out;"><span style="display: flex; justify-content: center;">[[File:{{{Image|{{{link|{{{name|Abrams}}}}}}}}} card.png|{{{card_size|132}}}px|link={{{link|{{{name|Abrams}}}}}}{{{subpage|}}}|alt={{{name|Abrams}}}]]</span><p style="display: {{#ifeq: {{{herolabs|false}}} | true | block| none }}; position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); text-align: center; width: fit-content; font-size: {{{herolabs_text_size|6}}}px; margin: 0; pointer-events: none; border-radius: 2px; background-color: #d36c16ee; padding: 1px 4px 0px 4px; font-family: Tahoma, sans-serif; color: white; font-weight: bold; max-height: 15px;">{{#invoke:Lang|get_string|MyRosterHeroLabsHero|fallback_str=en}}</p><p style="position: absolute; bottom: 0px; text-align: center; width: 100%; font-weight: bold; line-height:min(5vw, {{{text_size|{{{text-size|24}}}}}}px); font-family: Valve Occult, Forevs Demo, Open Sans, PT Serif; color: #FFEFD7; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 2px 4px rgba(0, 0, 0, 0.5); font-size: min(5vw, {{{text_size|{{{text-size|24}}}}}}px); letter-spacing: 0.5px; margin: 0; text-overflow: ellipsis; pointer-events: none;">{{{name|Abrams}}}</p><div style="display: {{#ifeq: {{{herolabs|false}}} | true | inline| none }}; top:0; right:0; position: absolute;"><div position: relative;>[[File:Herolabs_icon_backer.png | {{{sticker_size|56}}}px |link={{{link|{{{name|Abrams}}}}}}{{{subpage|}}}]]</div></div></div></includeonly><noinclude>{{Documentation}}</noinclude> | ||