Template:Hero card2 - Revision history

Jannepg: hero card redesign

2026-05-22T15:15:57Z

hero card redesign

@@ Line 1: / Line 1: @@
-<templatestyles src="Hero card2/styles.css" />
+<templatestyles src="Template:Hero card2/styles.css" /><includeonly><!--
 <includeonly>
-<div class="HeroCard2 {{#ifeq: {{{herolabs|false}}} | true | herolabs | }}" style="--card-size: {{{card_size|132}}}px; --herolabs-text-size: {{{herolabs_text_size|6}}}px; --text-size: {{{text_size|{{{text-size|24}}}}}}px;"><span class="HeroCard2-image">[[File:{{{Image|{{{link|{{{name|Abrams}}}}}}}}} vertical.png|{{{card_size|132}}}px|link={{{link|{{{name|Abrams}}}}}}{{{subpage|}}}|alt={{{name|Abrams}}}]]</span>
+vars:
-   <p class="HeroCard2-herolabs-text">{{#invoke:Lang|get_string|MyRosterHeroLabsHero|fallback_str=en}}</p>
+  heroName (1) / default Abrams
-   <p class="HeroCard2-name">{{{name|Abrams}}}</p>
+  cardSize
-   <div class="HeroCard2-sticker">
+  textSize
-    <div class="HeroCard2-sticker-inner">[[File:Herolabs_icon_backer.png|{{{sticker_size|56}}}px|link={{{link|{{{name|Abrams}}}}}}{{{subpage|}}}]]</div>
+  isHeroLabs
-  </div>
+  overrideDisplayName
 </div></includeonly><noinclude>{{Documentation}}</noinclude>

Gammaton32: replaced cards with verticals

2026-05-20T19:30:09Z

replaced cards with verticals

← Older revision		Revision as of 19:30, 20 May 2026
Line 1:		Line 1:
	<templatestyles src="Hero card2/styles.css" />		<templatestyles src="Hero card2/styles.css" />
	<includeonly>		<includeonly>
	<div class="HeroCard2 {{#ifeq: {{{herolabs\|false}}} \| true \| herolabs \| }}" style="--card-size: {{{card_size\|132}}}px; --herolabs-text-size: {{{herolabs_text_size\|6}}}px; --text-size: {{{text_size\|{{{text-size\|24}}}}}}px;"><span class="HeroCard2-image">[[File:{{{Image\|{{{link\|{{{name\|Abrams}}}}}}}}} ~~card~~.png\|{{{card_size\|132}}}px\|link={{{link\|{{{name\|Abrams}}}}}}{{{subpage\|}}}\|alt={{{name\|Abrams}}}]]</span>		<div class="HeroCard2 {{#ifeq: {{{herolabs\|false}}} \| true \| herolabs \| }}" style="--card-size: {{{card_size\|132}}}px; --herolabs-text-size: {{{herolabs_text_size\|6}}}px; --text-size: {{{text_size\|{{{text-size\|24}}}}}}px;"><span class="HeroCard2-image">[[File:{{{Image\|{{{link\|{{{name\|Abrams}}}}}}}}} vertical.png\|{{{card_size\|132}}}px\|link={{{link\|{{{name\|Abrams}}}}}}{{{subpage\|}}}\|alt={{{name\|Abrams}}}]]</span>
	<p class="HeroCard2-herolabs-text">{{#invoke:Lang\|get_string\|MyRosterHeroLabsHero\|fallback_str=en}}</p>		<p class="HeroCard2-herolabs-text">{{#invoke:Lang\|get_string\|MyRosterHeroLabsHero\|fallback_str=en}}</p>
	<p class="HeroCard2-name">{{{name\|Abrams}}}</p>		<p class="HeroCard2-name">{{{name\|Abrams}}}</p>

Jannepg: Improved formatting

2026-05-14T01:23:03Z

Improved formatting

← Older revision		Revision as of 01:23, 14 May 2026
Line 1:		Line 1:
	<templatestyles src="Hero card2/styles.css" />		<templatestyles src="Hero card2/styles.css" />
	<includeonly><div class="HeroCard2 {{#ifeq: {{{herolabs\|false}}} \| true \| herolabs \| }}" style="--card-size: {{{card_size\|132}}}px; --herolabs-text-size: {{{herolabs_text_size\|6}}}px; --text-size: {{{text_size\|{{{text-size\|24}}}}}}px;"><span class="HeroCard2-image">[[File:{{{Image\|{{{link\|{{{name\|Abrams}}}}}}}}} card.png\|{{{card_size\|132}}}px\|link={{{link\|{{{name\|Abrams}}}}}}{{{subpage\|}}}\|alt={{{name\|Abrams}}}]]</span><p class="HeroCard2-herolabs-text">{{#invoke:Lang\|get_string\|MyRosterHeroLabsHero\|fallback_str=en}}</p><p class="HeroCard2-name">{{{name\|Abrams}}}</p><div class="HeroCard2-sticker"><div class="HeroCard2-sticker-inner">[[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 {{#ifeq: {{{herolabs\|false}}} \| true \| herolabs \| }}" style="--card-size: {{{card_size\|132}}}px; --herolabs-text-size: {{{herolabs_text_size\|6}}}px; --text-size: {{{text_size\|{{{text-size\|24}}}}}}px;"><span class="HeroCard2-image">[[File:{{{Image\|{{{link\|{{{name\|Abrams}}}}}}}}} card.png\|{{{card_size\|132}}}px\|link={{{link\|{{{name\|Abrams}}}}}}{{{subpage\|}}}\|alt={{{name\|Abrams}}}]]</span>
			<p class="HeroCard2-herolabs-text">{{#invoke:Lang\|get_string\|MyRosterHeroLabsHero\|fallback_str=en}}</p>
			<p class="HeroCard2-name">{{{name\|Abrams}}}</p>
			<div class="HeroCard2-sticker">
			<div class="HeroCard2-sticker-inner">[[File:Herolabs_icon_backer.png\|{{{sticker_size\|56}}}px\|link={{{link\|{{{name\|Abrams}}}}}}{{{subpage\|}}}]]</div>
			</div>
			</div></includeonly><noinclude>{{Documentation}}</noinclude>

LVL: Moved css to styles.css

2026-05-12T16:44:34Z

Moved css to styles.css

← Older revision		Revision as of 16:44, 12 May 2026
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.05s all 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: 2px; 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: -2px 0 0 #10130D ,2px 0 0 #10130D, 0 -2px 0 #10130D, 0 2px 0 #10130D ,-2px -2px 0 #10130D, 2px -2px 0 #10130D, -2px 2px 0 #10130D, 2px 2px 0 #10130D, 0 0 6px #10130D; 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>		<templatestyles src="Hero card2/styles.css" />
			<includeonly><div class="HeroCard2 {{#ifeq: {{{herolabs\|false}}} \| true \| herolabs \| }}" style="--card-size: {{{card_size\|132}}}px; --herolabs-text-size: {{{herolabs_text_size\|6}}}px; --text-size: {{{text_size\|{{{text-size\|24}}}}}}px;"><span class="HeroCard2-image">[[File:{{{Image\|{{{link\|{{{name\|Abrams}}}}}}}}} card.png\|{{{card_size\|132}}}px\|link={{{link\|{{{name\|Abrams}}}}}}{{{subpage\|}}}\|alt={{{name\|Abrams}}}]]</span><p class="HeroCard2-herolabs-text">{{#invoke:Lang\|get_string\|MyRosterHeroLabsHero\|fallback_str=en}}</p><p class="HeroCard2-name">{{{name\|Abrams}}}</p><div class="HeroCard2-sticker"><div class="HeroCard2-sticker-inner">[[File:Herolabs_icon_backer.png\|{{{sticker_size\|56}}}px\|link={{{link\|{{{name\|Abrams}}}}}}{{{subpage\|}}}]]</div></div></div></includeonly><noinclude>{{Documentation}}</noinclude>

Jannepg: The contrast between some of the hero portraits and the hero name was poor and made it straining on the eyes to read. Added a stronger text-shadow to the hero name and moved it up slightly to fix the issue.

2026-05-09T21:52:43Z

The contrast between some of the hero portraits and the hero name was poor and made it straining on the eyes to read. Added a stronger text-shadow to the hero name and moved it up slightly to fix the issue.

← Older revision		Revision as of 21:52, 9 May 2026
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.05s all 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>		<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.05s all 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: 2px; 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: -2px 0 0 #10130D ,2px 0 0 #10130D, 0 -2px 0 #10130D, 0 2px 0 #10130D ,-2px -2px 0 #10130D, 2px -2px 0 #10130D, -2px 2px 0 #10130D, 2px 2px 0 #10130D, 0 0 6px #10130D; 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>

Kai at 11:46, 5 May 2026

2026-05-05T11:46:10Z

← Older revision		Revision as of 11:46, 5 May 2026
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\|}}}\|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>		<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.05s all 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>

Kai: alt text for SEO

2026-04-13T18:37:47Z

alt text for SEO

← Older revision		Revision as of 18:37, 13 April 2026
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>

TheMilkMan: Added center justification so hero portraits on mobile won't get the sides of the images cutoff

2026-02-15T19:41:36Z

Added center justification so hero portraits on mobile won't get the sides of the images cutoff

← Older revision		Revision as of 19:41, 15 February 2026
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>[[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\|}}}]]</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>

Gammaton32: optimized fonts

2025-12-19T16:24:14Z

optimized fonts

← Older revision		Revision as of 16:24, 19 December 2025
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>[[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~~, Valve Pulp~~, Forevs Demo, Open Sans, PT Serif~~, Palatino, Georgia, 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>[[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>

Gammaton32: valve occult font

2025-12-19T16:20:51Z

valve occult font

← Older revision		Revision as of 16:20, 19 December 2025
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>[[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 Pulp', 'Forevs Demo', 'Open Sans', 'PT Serif','Palatino','Georgia',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>[[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, Valve Pulp, Forevs Demo, Open Sans, PT Serif, Palatino, Georgia, 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>