Jump to content

Template:CharacterInfobox: Difference between revisions

From TheRaspyDragon
No edit summary
Tag: Reverted
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
<style>
<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;">
.pf2e-infobox {
<table style="width: 100%; background: transparent; border-spacing: 0 4px;">
    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;
}
.pf2e-infobox table {
    width: 100%;
    background: transparent;
    border-spacing: 0 4px;
}
.pf2e-infobox img {
    max-width: 260px !important;
    height: auto !important;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
}
</style>
 
<div class="pf2e-infobox">
<table>
<tr>
<tr>
    <th colspan="2" style="font-size: 140%; text-align: center; background-color: #5c1d24; color: white; padding: 6px; border-radius: 3px;">{{{name|{{PAGENAME}}}}}</th>
<th colspan="2" style="font-size: 140%; text-align: center; background-color: #5c1d24; color: white; padding: 6px; border-radius: 3px;">{{{name|{{PAGENAME}}}}}</th>
</tr>
</tr>
{{#if:{{{portrait|}}}|
<tr>
<tr>
    <td colspan="2" style="text-align: center; padding: 5px;">{{{portrait|}}}#.webp</td>
<td colspan="2" style="text-align: center; padding: 5px;">
<div class="infobox-portrait">{{{portrait}}}#.webp</div>
</td>
</tr>
</tr>
}}
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #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 #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 #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 #eaecf0;">{{{size|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{size|—}}}</td>
</tr>
</tr>
{{#if:{{{key_ability|}}}|
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #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 #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|}}}|
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #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 #eaecf0;">{{{hero_points|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{hero_points}}}</td>
</tr>
</tr>
}}
{{#if:{{{hp|}}}{{{ac|}}}{{{fortitude|}}}{{{reflex|}}}{{{will|}}}{{{perception|}}}{{{speed|}}}|
<tr>
<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>
<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>
</tr>
}}
{{#if:{{{hp|}}}|
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #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 #eaecf0;">{{{hp|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{hp}}}</td>
</tr>
</tr>
}}
{{#if:{{{ac|}}}|
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #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 #eaecf0;">{{{ac|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{ac}}}</td>
</tr>
</tr>
}}
{{#if:{{{fortitude|}}}{{{reflex|}}}{{{will|}}}|
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #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 #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|}}}|
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #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 #eaecf0;">{{{perception|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{perception}}}</td>
</tr>
</tr>
}}
{{#if:{{{speed|}}}|
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #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 #eaecf0;">{{{speed|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{speed}}}</td>
</tr>
</tr>
}}
{{#if:{{{last_kill|}}}{{{last_downed|}}}|
<tr>
<tr>
    <th colspan="2" style="background-color: #cbd5e1; color: #1e293b; text-align: center; font-weight: bold; padding: 3px; border-radius: 2px; font-size: 90%;">Attributes</th>
<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>
</tr>
}}
{{#if:{{{last_kill|}}}|
<tr>
<tr>
    <td colspan="2" style="text-align: center; padding: 6px; font-size: 85%; border-bottom: 1px solid #eaecf0; background-color: #f1f5f9;">{{{attributes|—}}}</td>
<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>
</tr>
}}
{{#if:{{{last_downed|}}}|
<tr>
<tr>
    <th style="text-align: left; padding: 4px; border-bottom: 1px solid #eaecf0; vertical-align: top;">Languages</th>
<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 #eaecf0; font-size: 90%;">{{{languages|—}}}</td>
<td style="padding: 4px; border-bottom: 1px solid var(--border-color-subtle, #eaecf0);">{{{last_downed}}}</td>
</tr>
</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>
</table>
</div>
</div>

Latest revision as of 04:36, 11 July 2026

CharacterInfobox
Level
Size