Template:CharacterInfobox: Difference between revisions

CharacterInfobox
Level	—
Size	—

@@ 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: 260px; 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|}}}|
-<tr><td colspan="2" style="text-align: center; padding: 5px;">
+<tr>
-{{{portrait}}}
+<td colspan="2" style="text-align: center; padding: 5px;">
-</td></tr>
+<div class="infobox-portrait">{{{portrait}}}#.webp</div>
+</td>
+</tr>
 }}
-|-
+<tr>
-! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0; width: 40%;" | Level
+<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0); width: 38%;">Level</th>
-| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{level|—}}}
+<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{level|—}}}</td>
-|-
+</tr>
-! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | Size
+<tr>
-| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{size|—}}}
+<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>
-! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | Traits
+</tr>
-| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{traits|—}}}
+{{#if:{{{key_ability|}}}|
-|-
+<tr>
-! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | HP
+<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;" | {{{hp|—}}}
+<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{key_ability}}}</td>
-|-
+</tr>
-! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | AC
+}}
-| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{ac|—}}}
+{{#if:{{{hero_points|}}}|
-|-
+<tr>
-! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | Perception
+<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;" | {{{perception|—}}}
+<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{hero_points}}}</td>
-|-
+</tr>
-! style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0;" | Speed
+}}
-| style="padding: 4px; border-bottom: 1px solid #eaecf0;" | {{{speed|—}}}
+{{#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|}}}|
+<tr>
+<th style="text-align: left; padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">Last Downed By</th>
+<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{last_downed}}}</td>
+</tr>
+}}
+{{#if:{{{attributes|}}}|
+<tr>
+<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>
+<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|}}}|
+<tr>
+<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(--border-color-subtle, #eaecf0); font-size: 90%;">{{{languages}}}</td>
+</tr>
+}}
+</table>
 </div>

Latest revision as of 04:36, 11 July 2026