User:Samlovesmath/Sandbox: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Samlovesmath (talk | contribs) No edit summary |
Samlovesmath (talk | contribs) Lady Geist Info Box - cleanup for title |
||
| Line 4: | Line 4: | ||
Uses new variables: | Uses new variables: | ||
* color1 (#098959) <span style="font-size:small; opacity:50%">*quote color</span> | * color1 (#098959) <span style="font-size:small; opacity:50%">*quote color</span> | ||
* color1_grad (#0F6D4C) <span style="font-size:small; opacity:50%">*lower background gradient color</span> | |||
* color2 (#6DD48C) <span style="font-size:small; opacity:50%">*same hue as roster select, brightened for clarity</span> | * color2 (#6DD48C) <span style="font-size:small; opacity:50%">*same hue as roster select, brightened for clarity</span> | ||
* background image ([[:File:Geist_select_background.png|Geist_select_background.png]]) | * background image ([[:File:Geist_select_background.png|Geist_select_background.png]]) | ||
<span style="font-size:small; opacity:50%">'''''WIP -- Last edited: Feb | (Note: Only properly viewable with [[User:Samlovesmath/common.css]], and with site's default Common.css disabled.) | ||
<span style="font-size:small; opacity:50%">'''''WIP -- Last edited: Feb 15, 2026'''''</span> | |||
<!-- | <!-- | ||
-->{{#vardefine:color1|\#098959}} <!-- custom color1 | -->{{#vardefine:color1|\#098959}} <!-- custom color1 | ||
-->{{#vardefine:color1_grad|\#0F6D4C}} <!-- custom color1 (gradient end) | |||
-->{{#vardefine:color2|\#6DD48C}} <!-- custom color2 | -->{{#vardefine:color2|\#6DD48C}} <!-- custom color2 | ||
-->{{#vardefine:key|hero_ghost}}<!-- key text | -->{{#vardefine:key|hero_ghost}}<!-- key text | ||
| Line 17: | Line 21: | ||
-->{{#vardefine:hero_key_or_en|{{#var:key}}}} <!-- en | -->{{#vardefine:hero_key_or_en|{{#var:key}}}} <!-- en | ||
-->{{#vardefine:hero_en|{{#invoke:Lang|get_string|{{#var:key}}|lang_code_override=en}}}}<!-- en | -->{{#vardefine:hero_en|{{#invoke:Lang|get_string|{{#var:key}}|lang_code_override=en}}}}<!-- en | ||
-->{{#vardefine:quotemark|"}} <!-- for inserting into html | |||
--> | --> | ||
<div class="infobox- | <div class="infobox"> | ||
<div class="infobox-background">[[File:Geist select background.png|x700px|right]]</div> | |||
{| class="infobox-content" style="background-image: linear-gradient(180deg, {{#var:color1}}b3 300px, {{#var:color1_grad}} 700px); background-color: transparent;" | |||
! colspan="2" class="infobox-title" style="font-size: {{{font-size|25px}}};" | | |||
<div class="infobox- | <div class="infobox-title-hero" style="display: flex; justify-content: space-between"> | ||
<div class="infobox-title-hero-left"></div> | |||
<div class="infobox-title-hero-middle">{{If lang|{{#ifeq: {{{no_name|}}}|true|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}|{{Template:Icon/White|[[File:{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}_name.png|130px|class=notpageimage]]}}}}|{{{name|{{#invoke:Lang|get_string|{{#var:key}}}}}}}}}</div> | |||
<div class="infobox-title-hero-right"><div> | |||
<div class="infobox-title-hero-tornbox" style={{#var:quotemark}}background-color:{{#var:color2}};{{#var:quotemark}}></div> | |||
<div class="infobox-title-hero-icon">{{#ifeq: {{{no_icon|}}}|true||[[Image:{{{icon|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}}}}}.png|frameless|center|35px]]}}</div></div> | |||
</div> | |||
|- | |- | ||
! colspan="2" class="infobox-image" style="margin:auto; border:none; --secondaryColor: {{#var:color2}};" |<div style="overflow:hidden; border-radius:15px; padding:0px; background-color: var(--secondaryColor); max-width:190px; height:auto; margin:auto; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);">[[File:{{{card|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}} card.png}}}|190px|alt={{{BASEPAGENAME}}}]]</div> | ! colspan="2" class="infobox-image" style="margin:auto; border:none; --secondaryColor: {{#var:color2}};" |<div style="overflow:hidden; border-radius:15px; padding:0px; background-color: var(--secondaryColor); max-width:190px; height:auto; margin:auto; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);">[[File:{{{card|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}} card.png}}}|190px|alt={{{BASEPAGENAME}}}]]</div> | ||
| Line 37: | Line 48: | ||
<span class=""><b style="color: #FFEFD7; font-size: 18px; font-family:'Retail Demo', 'Open Sans', 'PT Serif','Palatino','FreeSerif','Liberation Serif', serif; font-style: bold; text-shadow: 1.5px 1.5px rgba(0, 0, 0, 0.7); color:#FFEFD7;text-align:center;position:relative">{{#invoke:Lang|get_string|Citadel_HeroPage_BaseStats}}</b></span> | <span class=""><b style="color: #FFEFD7; font-size: 18px; font-family:'Retail Demo', 'Open Sans', 'PT Serif','Palatino','FreeSerif','Liberation Serif', serif; font-style: bold; text-shadow: 1.5px 1.5px rgba(0, 0, 0, 0.7); color:#FFEFD7;text-align:center;position:relative">{{#invoke:Lang|get_string|Citadel_HeroPage_BaseStats}}</b></span> | ||
|-style="vertical-align:middle;" | |-style="vertical-align:middle;" | ||
! colspan="2" style="position:relative; border-radius:7px; background-color:#d5903f; font-size:16px; | ! colspan="2" style="position:relative; border-radius:7px; background-color:#d5903f; font-size:16px; font-weight:bold; text-shadow:1.5px 1.5px 2px rgba(0, 0, 0, 0.7); color:#FFEFD7; text-align:center; border-bottom:none" | [[Stats#Weapon|<span style="font-weight: bold; text-shadow: 0px 2px 4px black,1.2px 1.2px rgba(0, 0, 0, 0.7); color:#FFEFD7; border-bottom: none">{{#invoke:Lang|get_string|CitadelHeroStats_Weapon}}</span>]] | ||
|-style="vertical-align:middle;" | |-style="vertical-align:middle;" | ||
| style="width:124px;font-size: 15px;text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.8);text-align:right;color: #afafaf; height:29.5px" | [[Damage per second{{If_lang}}|<span style="color:#afafaf">{{#invoke:Lang|get_string|DPS_label}}</span>]]: | | style="width:124px;font-size: 15px;text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.8);text-align:right;color: #afafaf; height:29.5px" | [[Damage per second{{If_lang}}|<span style="color:#afafaf">{{#invoke:Lang|get_string|DPS_label}}</span>]]: | ||