Template:Ability card v2/Card/MainBox: Difference between revisionsGive feedback
Gammaton32 (talk | contribs) changed "ifeq" functions to "switch" |
m Fixed vertical misalignment of icons and labels |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; height: | <div style="display:flex; flex-direction:column; flex-grow: 1; flex-basis: 0; height: 90px; padding: 10px 0px 10px 0px; margin: 3px;"> | ||
{{#if:{{{title|}}}|<div style="padding-bottom: 2px; font-size: 0.8rem; color: #9C9C9C; font-variant: small-caps;">'''{{{title}}}'''</div>|}}{{#switch: {{{scale_type}}}|melee = | {{#if:{{{title|}}}|<div style="padding-bottom: 2px; font-size: 0.8rem; color: #9C9C9C; font-variant: small-caps;">'''{{{title}}}'''</div>|}}{{#switch: {{{scale_type}}}|melee = | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
| Line 13: | Line 13: | ||
</div> | </div> | ||
</div>}} | </div>}} | ||
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: center; {{#switch: {{{scale_type}}} | melee | spirit = background: rgb(42,41,43); | <div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: space-between; align-items: center; max-height: 100%; overflow: hidden; {{#switch: {{{scale_type}}} | melee | spirit = background: rgb(42,41,43); | ||
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee | spirit = #583D6F | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px"> | background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee | spirit = #583D6F | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px"> | ||
<div style="font-weight: bold;"> | <div style="font-weight: bold;"> | ||
| Line 20: | Line 20: | ||
{{ValueAndUom|'''{{{value}}}'''|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}} | {{ValueAndUom|'''{{{value}}}'''|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}} | ||
}}</div> | }}</div> | ||
<div style="font-size: 0.8rem">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div> | <div style="font-size: 0.8rem; padding-bottom: 3px">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div> | ||
</div></div> | </div></div> | ||
</includeonly><noinclude> | </includeonly><noinclude> | ||
{{:Mirage}} | |||
{{Documentation}} | {{Documentation}} | ||
</noinclude> | </noinclude> | ||