Template:Infobox item: Difference between revisions

cleanup header styling
starting to fix this awful infobox, fix has components section
Tags: Mobile edit Mobile web edit
Line 1: Line 1:
<onlyinclude>
<onlyinclude>
<div class="infobox_template infobox_item" style="float:right; display:inline-block; width:512px; max-width: 100%; position:right; vertical-align:top; font-family: 'Retail Demo Bold',serif;">
<div class="infobox_template infobox_item" style="float:right; display:inline-block; width:512px; max-width:100%; position:right; vertical-align:top; font-family: 'Retail Demo Bold',serif;">
{| style="text-align:left; border-radius: 8px 8px 0px 0px; width:512px; max-width:512px; height:30px; color: #FFEFD7; font-size:26px; padding: 12px; {{
{| style="text-align:left; border-radius:8px 8px 0px 0px; border-collapse:collapse; width:512px; max-width:512px; height:30px; color: #FFEFD7; font-size:26px; padding:12px; {{
#switch: {{{item_type}}}|
#switch: {{{item_type}}}|
  | Weapon = background-color: #C97A03;
  | Weapon = background-color: #C97A03;
Line 7: Line 7:
  | Spirit = background-color: #8B56B4;
  | Spirit = background-color: #8B56B4;
  | background-color: #C97A03;}}"
  | background-color: #C97A03;}}"
! colspan="2"; style="width: 280px;" |<span style="font-weight:bold; text-shadow: 2px 2px rgba(0, 0, 0, 0.2); ">{{{item_name|Heroic Aura}}}</span>
! colspan="2"; style="width:280px; padding:5px 12px;" |<span style="font-weight:bold; text-shadow: 2px 2px rgba(0, 0, 0, 0.2); ">{{{item_name|Heroic Aura}}}</span>
! style="vertical-align:bottom;" |<div style="font-size:80%; text-align: center; font-weight: bold; width: 100px; {{
! style="vertical-align:bottom;" |<div style="font-size:80%; text-align: center; font-weight: bold; width: 100px; {{
#switch: {{{item_type}}}|
#switch: {{{item_type}}}|
Line 29: Line 29:
  | +0
  | +0
}}</div>
}}</div>
| rowspan ="2" style="text-align:right;"|<span>[[File:{{{item_icon|{{{item_name|Heroic Aura}}}}}}.png|64px]]</span>
| rowspan="2" style="text-align:right;" |<span>[[File:{{{item_icon|{{{item_name|Heroic Aura}}}}}}.png|64px]]</span>
|-
|-
| colspan="2"| {{Souls|{{{souls|3,000}}}|size=22px|Shadow=text-shadow: 2px 2px rgba(0, 0, 0, 0.3);}}
| colspan="2" style="padding:5px 12px;" | {{Souls|{{{souls|3,000}}}|size=22px|Shadow=text-shadow: 2px 2px rgba(0, 0, 0, 0.3);}}
| style="vertical-align:top;"|<div style="font-size:50%; text-align:center; width: 100px; margin-top: -4px; line-height: 1.4em;{{
| style="vertical-align:top;"|<div style="font-size:50%; text-align:center; width: 100px; margin-top: -4px; line-height: 1.4em;{{
#switch: {{{item_type}}}|
#switch: {{{item_type}}}|
Line 44: Line 44:
  | Weapon<br>Damage
  | Weapon<br>Damage
}}</div>
}}</div>
|}
|-
<div style="{{#ifeq:{{{has_components|}}}|true|display:inline|display:none;}}">
{{#ifeq:{{{has_components|}}}|true|
{|- style="text-align:left; width:512px; max-width:512px; height:28px; padding: 0 12px; {{
! colspan="4" style="text-align:left; padding:0 12px; {{
#switch: {{{item_type}}}
#switch: {{{item_type}}}
  | Weapon = background-color: #9E630C; color: #DCCFC6;
  | Weapon = background-color: #9E630C; color: #DCCFC6;
  | Vitality = background-color: #203500; color: #C7C9C6;
  | Vitality = background-color: #203500; color: #C7C9C6;
  | Spirit = background-color: #372248; color: #C9C7CB;
  | Spirit = background-color: #372248; color: #C9C7CB;
  | background-color: #9E630C; color: #DCCFC6;}} {{
  | background-color: #9E630C; color: #DCCFC6;}}" {{!}} <span style="font-weight:bold; font-size:16px;"> COMPONENTS:<br>{{ItemIcon|{{{component1_name|Basic Magazine}}}}}</span>|
#ifeq: {{{has_components|}}}|true
}}
|
"
{{!}}-
! <span style="font-weight:bold; font-size:16px;"> COMPONENTS: <br> <span>{{Item|{{{component1_name}}}}}</span></span>
| display: none;"}}
|}
|}
</div>
{|- style="text-align:left; width:512px; padding: 0 12px; max-width:512px; color: #FFEFD7; {{
{|- style="text-align:left; width:512px; padding: 0 12px; max-width:512px; color: #FFEFD7; {{
#switch: {{{item_type}}}
#switch: {{{item_type}}}