User:Samlovesmath/Sandbox: Difference between revisions

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)&nbsp;&nbsp;<span style="font-size:small; opacity:50%">*quote color</span>
* color1 (#098959)&nbsp;&nbsp;<span style="font-size:small; opacity:50%">*quote color</span>
* color1_grad (#0F6D4C)&nbsp;&nbsp;<span style="font-size:small; opacity:50%">*lower background gradient color</span>
* color2 (#6DD48C)&nbsp;&nbsp;<span style="font-size:small; opacity:50%">*same hue as roster select, brightened for clarity</span>
* color2 (#6DD48C)&nbsp;&nbsp;<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 14, 2026'''''</span>
(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-parent" style="position: relative; font-family:Retail Demo, Open Sans, PT Serif; width:fit-content; float: right; border-collapse: collapse;>
<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-background" style="overflow:hidden; width:100%; position:absolute;">[[File:Geist select background.png|x700px|right]]</div>
<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>


{| class="infobox" style=" margin:0px; width:250px; padding-top:0px; color:#FFEFD7; background-image: linear-gradient(180deg, {{#var:color1}}b3 300px, {{#var:color1}} 700px); background-color: transparent; position: relative; top:0px; right: 0px;"
! colspan="2" style="color: #FFEFD7; font-size: {{{font-size|25px}}}; font-family:Retail Demo, Open Sans, PT Serif; font-weight: bold; text-shadow: 1.2px 2px 3px black, 1.2px 1.2px 0.1px #A69885;border-bottom: none;" |
{{#ifeq: {{{no_icon|}}}|true|<div style="display: center; justify-content: space-between">|<div style="display: flex; justify-content: space-between">}}
<div style="width: 50px;"></div>
<div style="margin-top:4px;font-family:Valve Occult, Forevs Demo, Retail Demo, Open Sans, PT Serif;line-height:30px; filter:drop-shadow(1px 1px 2px black);">{{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 style="padding-left: 10px;">{{#ifeq: {{{no_icon|}}}|true||[[Image:{{{icon|{{#invoke:HeroData|get_hero_var|{{#var:hero_key_or_en}}|Name}}}}}.png|frameless|center|35px]]}}</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; font-family:'Retail Demo','Open Sans','PT Serif','Palatino','FreeSerif','Liberation Serif', serif; 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>]]
! 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>]]: