Template:Infobox item: Difference between revisions

FamousPup (talk | contribs)
Fix item infobox on mobile
Grelgn (talk | contribs)
No edit summary
Line 1: Line 1:
<onlyinclude>
<onlyinclude>
<div style="float:right; display:inline-block; width:512px; max-width: 100%; position:right; vertical-align:top;">
<div style="float:right; display:inline-block; width:512px; max-width: 100%; position:right; vertical-align:top; font-family: 'Retail Demo';">
{|- style="text-align:left; border-collapse:collapse; border-radius: 7px 7px 0px 0px; width:512px; max-width:512px; height:30px; color: #FFEFD7; font-size:26px; {{
{|- style="text-align:left; border-collapse:collapse; border-radius: 7px 7px 0px 0px; width:512px; max-width:512px; height:30px; color: #FFEFD7; font-size:26px; {{
#switch: {{{item_type}}}|
#switch: {{{item_type}}}|
Line 8: Line 8:
  | background-color: #C97A03;}}"
  | background-color: #C97A03;}}"
|-
|-
| colspan="2"|<span style="margin-left:8px; margin-top:8px; font-weight:bold;">{{{item_name|Heroic Aura}}}</span>
| colspan="2"|<span style="margin-left:8px; margin-top:8px; font-weight:bold; text-shadow: 2px 2px rgba(0, 0, 0, 0.2); ">{{{item_name|Heroic Aura}}}</span>
| style="vertical-align:bottom;"|<div style="margin:0 8px -2px 8px; font-size:80%; text-align:center; {{
| style="vertical-align:bottom;"|<div style="margin:0 8px -2px 8px; font-size:80%; text-align:center; font-weight: bold; {{
#switch: {{{item_type}}}|
#switch: {{{item_type}}}|
  | Weapon = background-color: #A36202;
  | Weapon = background-color: #A36202;
Line 74: Line 74:
| display: none;"}}
| display: none;"}}
|}
|}
{|- style="text-align:left; border-collapse:collapse; width:512px; max-width:512px; color: #FFEFD7; {{
{|- style="text-align:left; border-collapse:collapse; width:512px; max-width:512px; color: #FFEFD7; font-family: 'Retail Demo Regular'; {{
#switch: {{{item_type}}}
#switch: {{{item_type}}}
  | Weapon = background-color: #80550F;
  | Weapon = background-color: #80550F;
Line 113: Line 113:
  | Spirit = background-color: #43265B; color: #C1B2A8;
  | Spirit = background-color: #43265B; color: #C1B2A8;
  | background-color: #583B0E; color: #C4B49E;}}">
  | background-color: #583B0E; color: #C4B49E;}}">
{|- style="text-align:left; border-collapse:collapse; width:512px; max-width:512px; {{
{|- style="text-align:left; border-collapse:collapse; width:512px; max-width:512px; font-weight:bold; {{
#switch: {{{item_type}}}
#switch: {{{item_type}}}
  | Weapon = background-color: #583B0E; color: #C4B49E;
  | Weapon = background-color: #583B0E; color: #C4B49E;
Line 123: Line 123:
  "
  "
  {{!}}-  
  {{!}}-  
  {{!}} ''Passive'' {{!}}{{!}} style="text-align:center; width:55px; max-width:80px; background-color: #0C1414; color: #FFEFD7" {{!}} {{{passive1_cooldown}}}
  {{!}} ''Passive'' {{!}}{{!}} style="text-align:center; width:55px; max-width:80px; background-color: #0C1414; color: #FFEFD7" font-weight: bold; {{!}} {{{passive1_cooldown}}}
| display: none;"}}
| display: none;"}}
|}
|}
Line 139: Line 139:
  "
  "
  {{!}}-
  {{!}}-
  ! <span style="margin-left:8px;">{{{passive1_description}}}</span>
  ! <span style="margin-left:8px; font-family: 'Retail Demo Regular';">{{{passive1_description}}}</span>
| display: none;"}}
| display: none;"}}
</div>
</div>
<div style="margin-left:0.5em; {{#ifeq:{{{has_passive1|}}}|true|display:inline-block|display:none}}">
<div style="margin-left:0.5em; {{#ifeq:{{{has_passive1|}}}|true|display:inline-block|display:none}}">
{|- style="text-align:left; width:500px; max-width:480px; border-radius:8px; color: #FFEFD7; {{
{|- style="text-align:left; width:500px; max-width:480px; border-radius:8px; color: #FFEFD7; font-family: 'Retail Demo Regular'; {{
#switch: {{{item_type}}}
#switch: {{{item_type}}}
  | Weapon = background-color: #67430A;
  | Weapon = background-color: #67430A;
Line 245: Line 245:
</div>
</div>
<div style="{{#ifeq:{{{has_active1|}}}|true|display:inline|display:none}}">
<div style="{{#ifeq:{{{has_active1|}}}|true|display:inline|display:none}}">
{|- style="text-align:left; border-collapse:collapse; width:512px; max-width:512px; color: #FFEFD7; {{
{|- style="text-align:left; border-collapse:collapse; width:512px; max-width:512px; color: #FFEFD7; font-weight: bold; {{
#switch: {{{item_type}}}
#switch: {{{item_type}}}
  | Weapon = background-color: #583B0E;
  | Weapon = background-color: #583B0E;
Line 270: Line 270:
  "
  "
  {{!}}-  
  {{!}}-  
  ! <span style="margin-left:8px;">{{{active1_description}}}</span>
  ! <span style="margin-left:8px; font-family: 'Retail Demo Regular';">{{{active1_description}}}</span>
| display: none;"}}
| display: none;"}}
<div style="margin-left:0.5em; margin-right:0.5em; {{#ifeq:{{{has_active1|}}}|true|display:inline-block|display:none}}">
<div style="margin-left:0.5em; margin-right:0.5em; {{#ifeq:{{{has_active1|}}}|true|display:inline-block|display:none}}">
{|- style="text-align:left; width:480px; max-width:480px; border-radius:5px; color: #FFEFD7; {{
{|- style="text-align:left; width:480px; max-width:480px; border-radius:5px; color: #FFEFD7; font-family: 'Retail Demo Regular'; {{
#switch: {{{item_type}}}
#switch: {{{item_type}}}
  | Weapon = background-color: #67430A;
  | Weapon = background-color: #67430A;