Editing Template:LoA/Hero

<span name="container" style="float:left; width: 875px;">
<span name="image" style="display: block; overflow: hidden; height: 499px; text-align: center; background: #ff00ff url({{#replace:{{filepath:LoA_Hero_Background_{{#if: {{{image|}}}|{{{image}}}|_{{#replace:{{#explode: {{PAGENAME}}|/|-1}}|<nowiki> </nowiki>|_}}.jpg}}}}|http:}}) no-repeat; position: relative;">
<span name="main-container" style="display: block; position: relative; height: 595px; width: 340px; left: 25px; top: 25px;">
<span name="name-display" style="display: block; margin-bottom: 12px;"><span style="font-size: 140%; font-weight: bold; color:{{LoA/Color{{{color|}}}}}; background-color:rgba(64,64,64,0.77); padding: 5px; text-shadow: 0px 1px 0px #000000, 1px 0px 0px #000000, 1px 2px 0px #000000; border-top: 2px solid gold; border-bottom: 2px solid gold;"> '''{{#if: {{{name|}}}|{{{name}}}|{{#explode: {{PAGENAME}}|/|-1}}}}''' </span></span>
<span name="attribs-outer-container" style="display: block; height: {{#expr:160 {{#if: {{{hero_skill|}}}|+180}}{{#if: {{{teamwork_partner|}}}|+80}} +({{#ifexpr: {{#len:{{{cost}}}}} > 20|60|0}} ) }}px; background-color:rgba(64,64,64,0.77); color: #ffffff; border: 4px solid #c0c0c0;">
<span name="attribs-spacer" style="display: block; font-weight: bold; height: 15px;">&nbsp;</span>
<span name="hero-class-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="hero-class-label" style="display: inline-block; position: relative; width: 59%; font-weight: bold;">Hero Class</span>
<span name="hero-class-value" style="display: inline-block; position: relative; width: 39%; font-weight: bold; color:{{LoA/ColorGold}};">{{{class}}}</span>
</span>
<span name="hero-position-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="hero-position-label" style="display: inline-block; position: relative; width: 59%; font-weight: bold;">Hero Position</span>
<span name="hero-position-value" style="display: inline-block; position: relative; width: 39%; font-weight: bold; color:{{LoA/ColorGold}};">{{{position}}}</span>
</span>
<span name="hero-tavern-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="hero-tavern-label" style="display: inline-block; position: relative; width: 59%; font-weight: bold;">Tavern</span>
<span name="hero-tavern-value" style="display: inline-block; position: relative; width: 39%;">{{{tavern|Unknown}}}</span>
</span>
<span name="hero-cost-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="hero-cost-label" style="display: inline-block; position: relative; width: 59%; font-weight: bold; vertical-align:top;">Hero Cost</span>
<span name="hero-cost-value" style="display: inline-block; position: relative; width: 39%;">{{{cost}}}</span>
</span>
<span name="hero-position-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="hero-position-label" style="display: inline-block; position: relative; width: 59%; font-weight: bold;">Development growth</span>
<span name="hero-position-value" style="display: inline-block; position: relative; width: 39%; font-weight: bold; color:{{LoA/ColorStarGold}};">{{LoA/StarRating|{{{d_growth}}}}}</span>
</span>
{{#if: {{{hero_skill|}}}|
<span name="hero-skill-name-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="hero-skill-name-label" style="display: inline-block; position: relative; width: 90%; font-weight: bold;">Hero skill <span name="hero-skill" style="display: inline-block; position: relative; font-weight: bold; color:{{LoA/Color{{{color|}}}}};">{{{hero_skill}}}</span></span>
</span>
<span name="hero-skill-icon-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="hero-skill-icon" style="display: inline-block; position: relative; width: 64px;">{{#if: {{{hero_skill_icon|}}}|[[Image:LoA Skills {{{hero_skill_icon}}}]]|[[Image:LoA Skills none.png]]}}</span>
<span name="hero-skill" style="display: inline-block; position: absolute; margin:2% 2% 2% 2%; vertical-align:top; text-wrap:supress; color:{{LoA/Color{{{color|}}}}};">{{{hero_skill_desc}}}</span>
</span>}}{{#if: {{{teamwork_partner|}}}|
<span name="teamwork-skill-name-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="teamwork-skill-name-label" style="display: inline-block; position: relative; width: 90%; font-weight: bold;">Teamwork Skill <span name="hero-skill" style="display: inline-block; position: relative; font-weight: bold; color:{{LoA/Color{{{color|}}}}};">{{{hero_skill}}}+</span></span>
</span>
<span name="teamwork-skill-icon-container" style="display: block; margin:0 0 0 5%; text-align: left; width: 90%;">
<span name="teamwork-skill-icon" style="display: inline-block; position: relative; width: 64px;">{{#if: {{{hero_skill_icon|}}}|[[Image:LoA Skills {{{hero_skill_icon}}}]]|[[Image:LoA Skills none.png]]}}</span>
<span name="teamwork-skill" style="display: inline-block; position: absolute; margin:2% 2% 2% 2%; vertical-align:top; text-wrap:supress; color:#ffff00;">and <span style="color:{{LoA/Color{{{color|}}}}};"><nowiki>[</nowiki>{{{teamwork_partner}}}<nowiki>]</nowiki></span> Triggers while playing <span style="color:{{LoA/Color{{{color|}}}}};">Teamwork Skill</span> {{{hero_skill}}}+</span>
</span>
}}</span>
<span name="stats-container" style="position: absolute; top:425px; display: block; height: 30px; background-color:rgba(64,64,64,0.77); color: #ffffff; border: 2px solid gold; width: 825px;">
{{#if: {{{hp|}}}|<span style="display:inline-block; position: relative; top:25%; border-right: 1px solid #c0c0c0; padding-right: 5px; padding-left: 5px;">HP - {{{hp}}}</span>}}{{#if: {{{patk|}}}|<span style="display:inline-block; position: relative; top:25%; border-right: 1px solid #c0c0c0; padding-right: 5px; padding-left: 5px;">PATK - {{{patk}}}</span>}}{{#if: {{{matk|}}}|<span style="display:inline-block; position: relative; top:25%; border-right: 1px solid #c0c0c0; padding-right: 5px; padding-left: 5px;">MATK - {{{matk}}}</span>}}{{#if: {{{pdef|}}}|<span style="display:inline-block; position: relative; top:25%; border-right: 1px solid #c0c0c0; padding-right: 5px; padding-left: 5px;">PDEF - {{{pdef}}}</span>}}{{#if: {{{mdef|}}}|<span style="display:inline-block; position: relative; top:25%; border-right: 1px solid #c0c0c0; padding-right: 5px; padding-left: 5px;">MDEF - {{{mdef}}}</span>}}{{#if: {{{agi|}}}|<span style="display:inline-block; position: relative; top:25%; padding-right: 5px; padding-left: 5px;">Agility - {{{agi}}}</span>}}<noinclude>Stats go here</noinclude>
</span>
</span>
</span>
</span>
<div style="clear: both;"></div>
<span class="plainlinks">[http://zoywiki.com/Image:LoA_Hero_Background{{#if: {{{image|}}}|_{{#replace:{{{image}}}|<nowiki> </nowiki>|_}}|_{{#replace:{{#explode: {{PAGENAME}}|/|-1}}|<nowiki> </nowiki>|_}}.jpg}} Edit background image]</span>