User:Saag/Sandbox/Ability card v2/Card/StatusBox: Difference between revisionsGive feedback
mNo edit summary |
mNo edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 25: | Line 25: | ||
</div> | </div> | ||
</div>|}} | </div>|}} | ||
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: | <div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: center; align-items: center; {{#switch: {{{scale_type}}} | melee = background: rgb(36,37,36); | ||
background: radial-gradient(circle, rgba(36,37,36,1) 0%, rgba(66,55,47,1) 100%); | spirit = background: rgb(42,41,43); | background: radial-gradient(circle, rgba(36,37,36,1) 0%, rgba(66,55,47,1) 100%); | spirit = background: rgb(42,41,43); | ||
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); | power_increase = background: rgb(61,78,70); | background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%); | power_increase = background: rgb(61,78,70); | ||
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(61,78,70,1) 100%); |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee = #5b412b | spirit = #583D6F | power_increase = #48675a | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee | power_increase | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px"> | background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(61,78,70,1) 100%); |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee = #5b412b | spirit = #583D6F | power_increase = #48675a | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee | power_increase | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px"> | ||
<div style="font-size: 1rem; font-weight: bold; padding-top: 10px;">{{#if:{{{status_effect|}}}|{{Icon/Purple|[[File:Status {{{status_effect}}}.png|20px]]}}{{Lang|key=Citadel_StatusEffect{{{status_effect}}}}}}}</div> | <div style="font-size: 1rem; font-weight: bold; padding-top: 10px;">{{#if:{{{status_effect|}}}|{{Icon/Purple|[[File:Status {{{status_effect}}}.png|20px]]}}{{Lang|key=Citadel_StatusEffect{{{status_effect}}}}}}}</div> | ||
<div style="display:flex; flex-direction:row; align-items: center; gap: 5px"> | <div style="display:flex; flex-direction:row; align-items: center; gap: 5px; padding-left: 5px"> | ||
<div style="font-weight: bold;">{{ValueAndUom|'''{{{value}}}'''|id={{{key}}}|class=ability-attr|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}} | {{#if: {{{value|}}}|<div style="font-weight: bold;">{{ValueAndUom|'''{{{value}}}'''|id={{{key}}}|class=ability-attr|{{Lang|key={{{key}}}_postfix}}|uom_style=font-size: calc(1em - 2px); color: #B2B2B2}} | ||
</div> | </div>|<div style="font-weight: bold; font-size: 0.8rem; color: #B2B2B2;">Status Effect</div>}} | ||
<div style="font-size: 0.8rem;">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div> | <div style="font-size: 0.8rem;">{{#if:{{{label|}}}|{{{label}}}|{{Lang|key={{{key}}}_label}}}}</div> | ||
</div></div></div> | </div></div></div> | ||