Jump to content

Template:CharacterInfobox: Difference between revisions

From TheRaspyDragon
No edit summary
No edit summary
Line 1: Line 1:
<div class="infobox" style="border: 1px solid var(--color-border, #a2a9b1); background-color: var(--color-surface-1, #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;">
<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;">
<table style="width: 100%; background: transparent; border-spacing: 0 4px;">
<table style="width: 100%; background: transparent; border-spacing: 0 4px;">
<tr>
<tr>
Line 12: Line 12:
}}
}}
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0); width: 38%;">Level</th>
<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(--color-border-subtle, #eaecf0);">{{{level|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{level|—}}}</td>
</tr>
</tr>
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">Size</th>
<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(--color-border-subtle, #eaecf0);">{{{size|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{size|—}}}</td>
</tr>
</tr>
{{#if:{{{key_ability|}}}|
{{#if:{{{key_ability|}}}|
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">Key Ability</th>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Key Ability</th>
<td style="padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">{{{key_ability}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{key_ability}}}</td>
</tr>
</tr>
}}
}}
{{#if:{{{hero_points|}}}|
{{#if:{{{hero_points|}}}|
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">Hero Points</th>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Hero Points</th>
<td style="padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">{{{hero_points}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{hero_points}}}</td>
</tr>
</tr>
}}
}}
Line 38: Line 38:
{{#if:{{{hp|}}}|
{{#if:{{{hp|}}}|
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">HP</th>
<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(--color-border-subtle, #eaecf0);">{{{hp}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{hp}}}</td>
</tr>
</tr>
}}
}}
{{#if:{{{ac|}}}|
{{#if:{{{ac|}}}|
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">AC</th>
<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(--color-border-subtle, #eaecf0);">{{{ac}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{ac}}}</td>
</tr>
</tr>
}}
}}
{{#if:{{{fortitude|}}}{{{reflex|}}}{{{will|}}}|
{{#if:{{{fortitude|}}}{{{reflex|}}}{{{will|}}}|
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0); vertical-align: top;">Saving Throws</th>
<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(--color-border-subtle, #eaecf0);"><b>Fort</b> {{{fortitude|—}}}, <b>Ref</b> {{{reflex|—}}}, <b>Will</b> {{{will|—}}}</td>
<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>
</tr>
}}
}}
{{#if:{{{perception|}}}|
{{#if:{{{perception|}}}|
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">Perception</th>
<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(--color-border-subtle, #eaecf0);">{{{perception}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{perception}}}</td>
</tr>
</tr>
}}
}}
{{#if:{{{speed|}}}|
{{#if:{{{speed|}}}|
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0);">Speed</th>
<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(--color-border-subtle, #eaecf0);">{{{speed}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{speed}}}</td>
</tr>
</tr>
}}
}}
{{#if:{{{attributes|}}}|
{{#if:{{{attributes|}}}|
<tr>
<tr>
<th colspan="2" style="background-color: var(--color-surface-2, #cbd5e1); color: var(--color-base, #1e293b); text-align: center; font-weight: bold; padding: 3px; border-radius: 2px; font-size: 90%;">Attributes</th>
<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>
</tr>
<tr>
<tr>
<td colspan="2" style="text-align: center; padding: 6px; font-size: 85%; border-bottom: 1px solid var(--color-border-subtle, #eaecf0); background-color: var(--color-surface-2, #f1f5f9);">{{{attributes}}}</td>
<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>
</tr>
}}
}}
{{#if:{{{languages|}}}|
{{#if:{{{languages|}}}|
<tr>
<tr>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0); vertical-align: top;">Languages</th>
<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0); vertical-align: top;">Languages</th>
<td style="padding: 4px; border-bottom: 1px solid var(--color-border-subtle, #eaecf0); font-size: 90%;">{{{languages}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0); font-size: 90%;">{{{languages}}}</td>
</tr>
</tr>
}}
}}
</table>
</table>
</div>
</div>

Revision as of 00:03, 24 June 2026

CharacterInfobox
Level
Size