Template:Hero card2: Difference between revisionsGive feedback
Rounded edges and increased shadow |
m Updated font |
||
| Line 1: | Line 1: | ||
<div class="HeroCard2" style="display:inline-block; border-radius: 8px; overflow:hidden; position: relative; background-image: linear-gradient(#A69885, #72695A); width: 132px; height: 179px; box-shadow: 10px 10px 10px #00000090; transition: 0.1s transform ease-in-out;"> | <div class="HeroCard2" style="display:inline-block; border-radius: 8px; overflow:hidden; position: relative; background-image: linear-gradient(#A69885, #72695A); width: 132px; height: 179px; box-shadow: 10px 10px 10px #00000090; transition: 0.1s transform ease-in-out;"> | ||
<span>[[File:{{{Image|{{{name|Abrams}}}}}} card.png|132px|link={{{name|Abrams}}}]]</span> | <span>[[File:{{{Image|{{{name|Abrams}}}}}} card.png|132px|link={{{name|Abrams}}}]]</span> | ||
<p style="position: absolute; bottom: 5px; text-align: center; width: 100%; font-family: 'PT Serif','Palatino','Georgia',serif | <p style="position: absolute; bottom: 5px; text-align: center; width: 100%; font-family: 'Forevs Demo Bold', 'PT Serif','Palatino','Georgia',serif; color: #FFEFD7; text-shadow: 0px 0px 8px black, 0px 0px 8px black, 0px 0px 8px black; font-size: {{{text-size|24}}}px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; text-overflow: ellipsis; pointer-events: none;">{{{name|Abrams}}}</p> | ||
<div style="display: {{#ifeq: {{{recommended|false}}} | true | inline| none }}; top:0; right:0; position: absolute;"><div position: relative;>[[File:Recommended icon backer.png| 64px|link={{{name|Abrams}}}]] | <div style="display: {{#ifeq: {{{recommended|false}}} | true | inline| none }}; top:0; right:0; position: absolute;"><div position: relative;>[[File:Recommended icon backer.png| 64px|link={{{name|Abrams}}}]] | ||
</div> | </div> | ||
</div> | </div> | ||
</div><noinclude>{{Documentation}}</noinclude> | </div><noinclude>{{Documentation}}</noinclude> | ||