Template:Character infobox: Difference between revisions

From Toon Wiki
(Create essential template)
(Add character infobox template)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="float: right; width: 300px; margin: 0 0 1em 1em; border: 1px solid #a2a9b1; background: #f8f9fa; border-radius: 2px;">
<div class="infobox character-infobox" style="float: right; width: 300px; margin: 0 0 1em 1em; border: 1px solid {{#switch:{{{nation|default}}}|air=#FF6600|water=#000066|earth=#003300|fire=#660000|#a2a9b1}}; background: #f8f9fa; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.12);">
<div style="background: #1a4d7a; color: white; padding: 8px 12px; font-size: 1.1em; font-weight: bold; text-align: center; border-radius: 2px 2px 0 0;">
<div style="background: {{#switch:{{{nation|default}}}|air=linear-gradient(135deg, #FF9900, #FF6600)|water=linear-gradient(135deg, #0066CC, #003399)|earth=linear-gradient(135deg, #228B22, #006633)|fire=linear-gradient(135deg, #CC0000, #8B0000)|linear-gradient(135deg, #2c5aa0, #1a4d7a)}}; color: white; padding: 12px 16px; font-size: 1.15em; font-weight: bold; text-align: center;">
{{{name|{{PAGENAME}}}}}
{{{name|{{PAGENAME}}}}}
</div>
</div>
{{#if:{{{image|}}}|<div style="text-align: center; padding: 8px;">[[File:{{{image}}}|280px]]</div>}}
{{#if:{{{image|}}}|<div class="infobox-image" style="text-align: center; padding: 10px; background: #fff;">{{{image}}}</div>}}
<table style="width: 100%; padding: 8px; font-size: 0.9em;">
<table style="width: 100%; border-collapse: collapse; font-size: 0.9em;">
{{#if:{{{nationality|}}}|<tr><th style="text-align: left; padding: 4px 8px; width: 40%;">Nationality</th><td style="padding: 4px 8px;">{{{nationality}}}</td></tr>}}
{{#if:{{{nationality|}}}|<tr><th style="text-align: left; padding: 8px 12px; width: 40%; background: #eaecf0; border-bottom: 1px solid #ddd;">Nationality</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{nationality}}}</td></tr>}}
{{#if:{{{ethnicity|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Ethnicity</th><td style="padding: 4px 8px;">{{{ethnicity}}}</td></tr>}}
{{#if:{{{ethnicity|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Ethnicity</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{ethnicity}}}</td></tr>}}
{{#if:{{{age|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Age</th><td style="padding: 4px 8px;">{{{age}}}</td></tr>}}
{{#if:{{{age|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Age</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{age}}}</td></tr>}}
{{#if:{{{born|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Born</th><td style="padding: 4px 8px;">{{{born}}}</td></tr>}}
{{#if:{{{birth|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Born</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{birth}}}</td></tr>}}
{{#if:{{{died|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Died</th><td style="padding: 4px 8px;">{{{died}}}</td></tr>}}
{{#if:{{{death|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Died</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{death}}}</td></tr>}}
{{#if:{{{gender|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Gender</th><td style="padding: 4px 8px;">{{{gender}}}</td></tr>}}
{{#if:{{{gender|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Gender</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{gender}}}</td></tr>}}
{{#if:{{{hair|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Hair color</th><td style="padding: 4px 8px;">{{{hair}}}</td></tr>}}
{{#if:{{{pronouns|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Pronouns</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{pronouns}}}</td></tr>}}
{{#if:{{{eye|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Eye color</th><td style="padding: 4px 8px;">{{{eye}}}</td></tr>}}
{{#if:{{{hair|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Hair color</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{hair}}}</td></tr>}}
{{#if:{{{position|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Position</th><td style="padding: 4px 8px;">{{{position}}}</td></tr>}}
{{#if:{{{eyes|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Eye color</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{eyes}}}</td></tr>}}
{{#if:{{{affiliation|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Affiliation</th><td style="padding: 4px 8px;">{{{affiliation}}}</td></tr>}}
{{#if:{{{skincolor|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Skin color</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{skincolor}}}</td></tr>}}
{{#if:{{{weapon|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Weapon</th><td style="padding: 4px 8px;">{{{weapon}}}</td></tr>}}
{{#if:{{{loveinterest|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Love interest</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{loveinterest}}}</td></tr>}}
{{#if:{{{bending|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Bending</th><td style="padding: 4px 8px;">{{{bending}}}</td></tr>}}
{{#if:{{{nickname|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Nickname</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{nickname}}}</td></tr>}}
{{#if:{{{fighting|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Fighting style</th><td style="padding: 4px 8px;">{{{fighting}}}</td></tr>}}
{{#if:{{{alias|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Alias</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{alias}}}</td></tr>}}
{{#if:{{{profession|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Profession</th><td style="padding: 4px 8px;">{{{profession}}}</td></tr>}}
{{#if:{{{position|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Position</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{position}}}</td></tr>}}
{{#if:{{{allies|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Allies</th><td style="padding: 4px 8px;">{{{allies}}}</td></tr>}}
{{#if:{{{affiliation|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Affiliation</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{affiliation}}}</td></tr>}}
{{#if:{{{enemies|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Enemies</th><td style="padding: 4px 8px;">{{{enemies}}}</td></tr>}}
{{#if:{{{weapon|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Weapon</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{weapon}}}</td></tr>}}
{{#if:{{{first|}}}|<tr><th style="text-align: left; padding: 4px 8px;">First appearance</th><td style="padding: 4px 8px;">{{{first}}}</td></tr>}}
{{#if:{{{fightingstyle|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Fighting style</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{fightingstyle}}}</td></tr>}}
{{#if:{{{last|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Last appearance</th><td style="padding: 4px 8px;">{{{last}}}</td></tr>}}
{{#if:{{{profession|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Profession</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{profession}}}</td></tr>}}
{{#if:{{{voice|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Voiced by</th><td style="padding: 4px 8px;">{{{voice}}}</td></tr>}}
{{#if:{{{allies|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Allies</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{allies}}}</td></tr>}}
{{#if:{{{enemies|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Enemies</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{enemies}}}</td></tr>}}
{{#if:{{{pred|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Predecessor</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{pred}}}</td></tr>}}
{{#if:{{{success|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Successor</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{success}}}</td></tr>}}
{{#if:{{{appearance|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">First appearance</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{appearance}}}</td></tr>}}
{{#if:{{{lastappearance|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Last appearance</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{lastappearance}}}</td></tr>}}
{{#if:{{{voice|}}}|<tr><th style="text-align: left; padding: 8px 12px; background: #eaecf0; border-bottom: 1px solid #ddd;">Voiced by</th><td style="padding: 8px 12px; border-bottom: 1px solid #eee;">{{{voice}}}</td></tr>}}
</table>
</table>
</div><noinclude>
</div><noinclude>
== Usage ==
Add <code>nation=air</code>, <code>nation=water</code>, <code>nation=earth</code>, or <code>nation=fire</code> for themed colors.
For image, use full wiki markup: <code>image=[[File:Example.png|280px]]</code> or a gallery tag.
[[Category:Infobox templates]]
[[Category:Infobox templates]]
</noinclude>
</noinclude>

Latest revision as of 23:14, 22 December 2025

Character infobox

Usage

Add nation=air, nation=water, nation=earth, or nation=fire for themed colors.

For image, use full wiki markup: image=File:Example.png or a gallery tag.