Template:Character infobox: Difference between revisions

From Toon Wiki
VisualWikitext
(Create essential template)
(Improve styling with nation themes)
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: 4px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<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 style="text-align: center; padding: 10px; background: #fff;">[[File:{{{image}}}|280px]]</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: 6px 12px; width: 40%; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Nationality</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{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: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Ethnicity</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{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: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Age</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{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: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Born</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{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: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Died</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{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: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Gender</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{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:{{{hair|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Hair color</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{hair}}}</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:{{{eyes|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Eye color</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{eyes}}}</td></tr>}}
{{#if:{{{position|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Position</th><td style="padding: 4px 8px;">{{{position}}}</td></tr>}}
{{#if:{{{skincolor|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Skin color</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{skincolor}}}</td></tr>}}
{{#if:{{{affiliation|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Affiliation</th><td style="padding: 4px 8px;">{{{affiliation}}}</td></tr>}}
{{#if:{{{loveinterest|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Love interest</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{loveinterest}}}</td></tr>}}
{{#if:{{{weapon|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Weapon</th><td style="padding: 4px 8px;">{{{weapon}}}</td></tr>}}
{{#if:{{{position|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Position</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{position}}}</td></tr>}}
{{#if:{{{bending|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Bending</th><td style="padding: 4px 8px;">{{{bending}}}</td></tr>}}
{{#if:{{{affiliation|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Affiliation</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{affiliation}}}</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:{{{weapon|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Weapon</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{weapon}}}</td></tr>}}
{{#if:{{{profession|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Profession</th><td style="padding: 4px 8px;">{{{profession}}}</td></tr>}}
{{#if:{{{fightingstyle|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Fighting style</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{fightingstyle}}}</td></tr>}}
{{#if:{{{allies|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Allies</th><td style="padding: 4px 8px;">{{{allies}}}</td></tr>}}
{{#if:{{{profession|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Profession</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{profession}}}</td></tr>}}
{{#if:{{{enemies|}}}|<tr><th style="text-align: left; padding: 4px 8px;">Enemies</th><td style="padding: 4px 8px;">{{{enemies}}}</td></tr>}}
{{#if:{{{allies|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Allies</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{allies}}}</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:{{{enemies|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Enemies</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{enemies}}}</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:{{{pred|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Predecessor</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{pred}}}</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:{{{success|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Successor</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{success}}}</td></tr>}}
{{#if:{{{appearance|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">First appearance</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{appearance}}}</td></tr>}}
{{#if:{{{lastappearance|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Last appearance</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{lastappearance}}}</td></tr>}}
{{#if:{{{voice|}}}|<tr><th style="text-align: left; padding: 6px 12px; background: #eaecf0; border-bottom: 1px solid #c8ccd1;">Voiced by</th><td style="padding: 6px 12px; border-bottom: 1px solid #c8ccd1;">{{{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.
[[Category:Infobox templates]]
[[Category:Infobox templates]]
</noinclude>
</noinclude>

Revision as of 22:42, 22 December 2025

Character infobox

Usage

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

Retrieved from "https://toon.wiki/index.php?title=Template:Character_infobox&oldid=1835"