|
|
| Line 1: |
Line 1: |
| <templatestyles src="Template:ItemBox/styles.css"/><includeonly><!-- | | <templatestyles src="Template:ItemBox/styles.css" /><includeonly><!-- |
| -->{{#vardefine:item_key_or_en|{{{item_name|{{{1}}}}}}}}<!-- | | TODO: is imbue |
| -->{{#vardefine:tier|{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Tier}}}}<!-- | | TODO: text scaling with js |
| --><div class="HeroCard2" style="transition:0.1s transform ease-in-out;display:inline-block; margin-left:5px; border-radius:9px;"> | | |
| {|- style="font-family:'Retail Demo Regular',serif; text-align:center; border-collapse:collapse; width:100px !important; position:relative;" | | vars: |
| |<span class="item-link-wrapper" data-item-name="{{{item_name|{{{1}}}}}}"><div style="position:absolute; z-index:0; transform-origin: top; transform: scale(1, 1.1);">{{#if:{{{ignore|}}}|[[File:Weapon Card T1.png|100px|link={{#if:{{{link|}}}|{{{link}}}|{{{item_loc|{{{item_name|{{{1}}}}}}}}}}}]]|[[File:{{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Slot}} Card T{{#var:tier}}.png|100px|link={{#if:{{{link|}}}|{{{link}}}|{{{item_loc|{{{item_name|{{{1}}}}}}}}}}}]]}}</div></span><!--
| | itemName |
| --><div style="position:relative; pointer-events:none;"><!-- | | showTierTag |
| --><div class="paper-texture tex-1" style="position:absolute; z-index:5; mix-blend-mode:multiply; opacity:0.9;">[[File:Card PaperTexture 1.png|100px|link=]]</div><!-- | | |
| --><div class=" paper-texture tex-2" style=" position:absolute; z-index:5; mix-blend-mode:multiply; opacity:0.9;"> [[File:Card PaperTexture 2.png|100px|link=]]</div><!-- | | overrideDisplayName |
| --><div class=" paper-texture tex-3" style="position:absolute; z-index:5; mix-blend-mode:multiply; opacity:0.9;">[[File: Card PaperTexture 3.png| 100px|link=]]</div> <!-- | | |
| --><div class=" paper-wear wear-1" style=" position:absolute; z-index:6; mix-blend-mode:overlay; opacity:1; filter: sepia(70%)"> [[File:Card PaperWear 1.png|100px|link=]]</div> <!-- | | overrideTier |
| --><div class=" paper-wear wear-2" style="position:absolute; z-index:6; mix-blend-mode:overlay; opacity:0.8; filter: sepia(70%)"> [[File:Card PaperWear 2.png|100px|link=]]</div> <!-- | | overrideSlot |
| --><div class=" paper-wear wear-3" style="position:absolute; z-index:6; mix-blend-mode:overlay; opacity:1; filter: sepia(70%)"> [[File:Card PaperWear 3.png|100px|link=]]</div>< !-- | | |
| --><div class="paper-wear wear-4" style="position:absolute; z-index:6; mix-blend-mode:overlay; opacity:1; filter: sepia(70%)">[[File:Card PaperWear 4.png|100px|link=]]</div></div>
| | overrideIsActive |
| |- style="text-align:center; position:relative; pointer-events:none;"
| | overrideIsImbue |
| | < span class=" item-card-icon" style=" transition:0.1s transform ease- in-out; position:relative; bottom:-1px;">[[File: {{{item_name|{{{1}}}}}}.png|96px|link=]]</span>{{# if: {{{ignore|}} }||{{# ifeq: {{#invoke:ItemData|is_active|{{{item_name|{{{1}} }}}}}}|true|<div style=" position:relative; display:flex; justify-content:center; align-items:center; z-index:6;"><div style=" background-color:#161A13; color:#FFFFF5; border-radius:3px; padding:2px 2px; font-size:12px; margin:0; width:48px; height:16px; position:absolute; bottom:-9px; line-height:15px; letter-spacing:-0.5px; font-family:'Retail Demo Regular', serif;"> '''ACTIVE'''</div></div> }}}} | | |
| |- style="height:55px; font-size:14px; font-family:'Retail Demo Regular'; line-height:18px; position:relative; z-index:1; pointer-events:none; {{#if:{{{ignore|}}}|{{#switch: {{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Slot}}
| | overrideLinkTooltip |
| | Weapon = color: #e2c5a1 !important;
| | overrideLinkImage |
| | Armor = color: #b8dcc4 !important;
| | overrideLinkClick |
| | Tech = color: #ccbfda !important;
| | |
| | color: #000000;}}|color: #11140e; !important}}}}<!--
| | -->{{#vardefine:itemName|{{{itemName|{{{1}}}}}}}}<!-- |
| -->{{#ifexpr:{{#var:tier}} > 3|{{#switch: {{#invoke:ItemData|get_prop|{{#var:item_key_or_en}}|Slot}}
| | -->{{#vardefine:showTierTag|{{#ifeq:{{{showTierTag|}}}|true|showTierTag}}}}<!-- showTierTag / '' |
| | Weapon = color: #e2c5a1 !important;
| | |
| | Armor = color: #b8dcc4 !important;
| | -->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:itemName}}}}}}}<!-- |
| | Tech = color: #ccbfda !important;
| | -->{{#vardefine:fontSize|{{#invoke:ItemBox|getFontSize|{{#var:displayName}}}}}}<!-- |
| | color: #000000;}}|color: #11140e; !important}}"
| | |
| ! style="padding: 0 4px;" |{{{item_loc|{{{item_name|{{{1}}}}}}}}}
| | -->{{#vardefine:tier|ModTier{{{overrideTier|{{#invoke:ItemData|get_prop|{{#var:itemName}}|Tier}}}}}}}<!-- ModTier1, ModTier2, ModTier3, ModTier4, ModTier5 |
| |}</div></includeonly><noinclude>{{Documentation}}</noinclude>
| | -->{{#vardefine:slot|is{{{overrideSlot|{{#invoke:ItemData|get_prop|{{#var:itemName}}|Slot}}}}}}}<!-- isWeapon, isArmor, isTech |
| | |
| | -->{{#vardefine:isActive|{{{overrideIsActive|{{#invoke:ItemData|is_active|{{#var:itemName}}}}}}}}}<!-- true / false |
| | -->{{#vardefine:isActive|{{#ifeq:{{#var:isActive}}|true|isActiveItem}}}}<!-- isActiveItem / '' |
| | |
| | -->{{#vardefine:isImbue|{{{overrideIsImbue|{{#invoke:ItemData|is_imbue|{{#var:itemName}}}}}}}}}<!-- true / false |
| | -->{{#vardefine:isImbue|{{#ifeq:{{#var:isImbue}}|true|isImbueItem}}}}<!-- isImbueItem / '' |
| | |
| | -->{{#vardefine:linkTooltip|{{{overrideLinkTooltip|{{#var:itemName}}}}}}}<!-- |
| | -->{{#vardefine:linkImage|{{{overrideLinkImage|{{#var:itemName}}}}}}}<!-- |
| | -->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:itemName}}}}}}}<!-- |
| | --> |
| | <div class="CitadelShopMod {{#var:showTierTag}} {{#var:tier}} {{#var:slot}} {{#var:isActive}} {{#var:isImbue}}"> |
| | <div class="ModBackground"> |
| | |
| | <div class="modIconContainer"> |
| | <div class=" ModIconImage">[[File: {{#var:linkImage}}.png| 80px|link=]]</div> |
| | <div class=" TierContainer" > |
| | <div class="tier_bg_shadow"></div> |
| | <div class=" tier_bg"></div> |
| | <div class=" mod_tier_label"></div> |
| | </div> |
| | <p class="imbue_tag">{{#invoke:Lang|get_string|item_info_imbue}}</p> |
| | </div> |
| | <div class="mod_name_area"> |
| | <p class="modName" style="font-size:{{#var:fontSize}}px;">{{#var:displayName}}</p> |
| | </div> |
| | <div class=" paperWear">< /div > |
| | <div class="paperTexture"></div> |
| | <div class="paperBevel"></div> |
| | <p class="active_tag">{{#invoke:Lang|get_string|item_info_active}}</p> |
| | <div class="Outline"></div> |
| | </div> |
| | </div> |
| | <div class="item-link-wrapper" data-item-name="{{#var:linkTooltip}}">[[{{#var:linkClick}}|<span></span>]]</div> |
| | </div></includeonly><noinclude>{{Documentation}}</noinclude> |