Jump to content

Template:CharacterInfobox: Difference between revisions

From TheRaspyDragon
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="infobox" style="border: 1px solid #a2a9b1; background-color: #f8f9fa; color: #202122; margin: 0.5em 0 0.5em 1em; padding: 0.5em; float: right; clear: right; width: 290px; font-size: 88%; line-height: 1.5em; font-family: sans-serif; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius: 4px;">
<div class="infobox" style="border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-neutral, #f8f9fa); color: var(--color-base, #202122); margin: 0.5em 0 0.5em 1em; padding: 0.5em; float: right; clear: right; width: 290px; font-size: 88%; line-height: 1.5em; font-family: sans-serif; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius: 4px;">
{| style="width: 100%; background: transparent; border-spacing: 0 4px;"
<table style="width: 100%; background: transparent; border-spacing: 0 4px;">
|-
<tr>
! colspan="2" style="font-size: 140%; text-align: center; background-color: #5c1d24; color: white; padding: 6px; border-radius: 3px;" | {{{name|{{PAGENAME}}}}}
<th colspan="2" style="font-size: 140%; text-align: center; background-color: #5c1d24; color: white; padding: 6px; border-radius: 3px;">{{{name|{{PAGENAME}}}}}</th>
|-
</tr>
{{#if:{{{portrait|}}}|
{{#if:{{{portrait|}}}|
{{!}}-
<tr>
{{!}} colspan="2" style="text-align: center; padding: 5px;" {{!}} {{{portrait}}}#.webp
<td colspan="2" style="text-align: center; padding: 5px;">
}}
<div class="infobox-portrait">{{{portrait}}}#.webp</div>
|-
</td>
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0; width: 38%;" | Level
</tr>
| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{level|—}}}
|-
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | Size
| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{size|—}}}
|-
{{#if:{{{traits|}}}|
{{!}}-
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" {{!}} Traits
{{!}} style="padding: 4px; border-bottom: 1px solid #eaecf0;" {{!}} {{{traits}}}
}}
}}
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0); width: 38%;">Level</th>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{level|—}}}</td>
</tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Size</th>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{size|—}}}</td>
</tr>
{{#if:{{{key_ability|}}}|
{{#if:{{{key_ability|}}}|
{{!}}-
<tr>
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" {{!}} Key Ability
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Key Ability</th>
{{!}} style="padding: 4px; border-bottom: 1px solid #eaecf0;" {{!}} {{{key_ability}}}
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{key_ability}}}</td>
</tr>
}}
}}
{{#if:{{{hero_points|}}}|
{{#if:{{{hero_points|}}}|
{{!}}-
<tr>
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" {{!}} Hero Points
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Hero Points</th>
{{!}} style="padding: 4px; border-bottom: 1px solid #eaecf0;" {{!}} {{{hero_points}}}
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{hero_points}}}</td>
</tr>
}}
{{#if:{{{hp|}}}{{{ac|}}}{{{fortitude|}}}{{{reflex|}}}{{{will|}}}{{{perception|}}}{{{speed|}}}|
<tr>
<th colspan="2" style="background-color: #5c1d24; color: white; text-align: center; font-weight: bold; padding: 4px; border-radius: 2px; font-size: 95%;">Defenses & Combat</th>
</tr>
}}
{{#if:{{{hp|}}}|
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">HP</th>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{hp}}}</td>
</tr>
}}
{{#if:{{{ac|}}}|
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">AC</th>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{ac}}}</td>
</tr>
}}
{{#if:{{{fortitude|}}}{{{reflex|}}}{{{will|}}}|
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0); vertical-align: top;">Saving Throws</th>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);"><b>Fort</b> {{{fortitude|—}}}, <b>Ref</b> {{{reflex|—}}}, <b>Will</b> {{{will|—}}}</td>
</tr>
}}
{{#if:{{{perception|}}}|
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Perception</th>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{perception}}}</td>
</tr>
}}
{{#if:{{{speed|}}}|
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Speed</th>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{speed}}}</td>
</tr>
}}
{{#if:{{{last_kill|}}}{{{last_downed|}}}|
<tr>
<th colspan="2" style="background-color: #5c1d24; color: white; text-align: center; font-weight: bold; padding: 4px; border-radius: 2px; font-size: 95%;">Combat Record</th>
</tr>
}}
{{#if:{{{last_kill|}}}|
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Last Kill</th>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{last_kill}}}</td>
</tr>
}}
}}
|-
{{#if:{{{last_downed|}}}|
! colspan="2" style="background-color: #5c1d24; color: white; text-align: center; font-weight: bold; padding: 4px; border-radius: 2px; font-size: 95%;" | Defenses & Combat
<tr>
|-
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Last Downed By</th>
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | HP
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{last_downed}}}</td>
| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{hp|}}}
</tr>
|-
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | AC
| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{ac|—}}}
|-
{{#if:{{{fortitude|}}}{"+reflex|""}{"+will|""}|
{{!}}-
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0; vertical-align: top;" {{!}} Saving Throws
{{!}} style="padding: 4px; border-bottom: 1px solid #eaecf0;" {{!}} **Fort** {{{fortitude|—}}}, **Ref** {{{reflex|—}}}, **Will** {{{will|—}}}
}}
}}
|-
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | Perception
| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{perception|—}}}
|-
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | Speed
| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{speed|—}}}
|-
{{#if:{{{attributes|}}}|
{{#if:{{{attributes|}}}|
{{!}}-
<tr>
! colspan="2" style="background-color: #cbd5e1; color: #1e293b; text-align: center; font-weight: bold; padding: 3px; border-radius: 2px; font-size: 90%;" {{!}} Attributes
<th colspan="2" style="background-color: var(--background-color-neutral-subtle, #cbd5e1); color: var(--color-base, #1e293b); text-align: center; font-weight: bold; padding: 3px; border-radius: 2px; font-size: 90%;">Attributes</th>
{{!}}-
</tr>
{{!}} colspan="2" style="text-align: center; padding: 6px; font-size: 85%; border-bottom: 1px solid #eaecf0; background-color: #f1f5f9;" {{!}} {{{attributes}}}
<tr>
<td colspan="2" style="text-align: center; padding: 6px; font-size: 85%; border-bottom: 1px solid var(--border-color-subtle, #eaecf0); background-color: var(--background-color-neutral-subtle, #f1f5f9);">{{{attributes}}}</td>
</tr>
}}
}}
{{#if:{{{languages|}}}|
{{#if:{{{languages|}}}|
{{!}}-
<tr>
! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0; vertical-align: top;" {{!}} Languages
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0); vertical-align: top;">Languages</th>
{{!}} style="padding: 4px; border-bottom: 1px solid #eaecf0; font-size: 90%;" {{!}} {{{languages}}}
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0); font-size: 90%;">{{{languages}}}</td>
</tr>
}}
}}
|}
</table>
</div>
</div>

Latest revision as of 04:36, 11 July 2026

CharacterInfobox
Level
Size