Template:CharacterInfobox: Difference between revisions

From TheRaspyDragon
Jump to navigation Jump to search
No edit summary
No edit summary
Tag: Reverted
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;">
<style>
<table style="width: 100%; background: transparent; border-spacing: 0 4px;">
.pf2e-infobox {
    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;">
    <td colspan="2" style="text-align: center; padding: 5px;">{{{portrait|}}}#.webp</td>
<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 #eaecf0; width: 38%;">Level</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{level|—}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #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 #eaecf0;">Size</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{size|—}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #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 #eaecf0;">Key Ability</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{key_ability}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #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 #eaecf0;">Hero Points</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{hero_points}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{hero_points|—}}}</td>
</tr>
</tr>
}}
<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>
<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 #eaecf0;">HP</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{hp|—}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{hp|—}}}</td>
</tr>
</tr>
<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 #eaecf0;">AC</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{ac|—}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #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 #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 #eaecf0;"><b>Fort</b> {{{fortitude|—}}}, <b>Ref</b> {{{reflex|—}}}, <b>Will</b> {{{will|—}}}</td>
</tr>
</tr>
}}
<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 #eaecf0;">Perception</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{perception|—}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{perception|—}}}</td>
</tr>
</tr>
<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 #eaecf0;">Speed</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{speed|—}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #eaecf0;">{{{speed|—}}}</td>
</tr>
</tr>
{{#if:{{{attributes|}}}|
<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: #cbd5e1; color: #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 #eaecf0; background-color: #f1f5f9;">{{{attributes}}}</td>
    <td colspan="2" style="text-align: center; padding: 6px; font-size: 85%; border-bottom: 1px solid #eaecf0; background-color: #f1f5f9;">{{{attributes|—}}}</td>
</tr>
</tr>
}}
{{#if:{{{languages|}}}|
<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 #eaecf0; vertical-align: top;">Languages</th>
<td style="padding: 4px; border-bottom: 1px solid #eaecf0; font-size: 90%;">{{{languages}}}</td>
    <td style="padding: 4px; border-bottom: 1px solid #eaecf0; font-size: 90%;">{{{languages|—}}}</td>
</tr>
</tr>
}}
</table>
</table>
</div>
</div>

Revision as of 05:46, 30 May 2026

<style> .pf2e-infobox {

   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>

CharacterInfobox
#.webp
Level
Size
Key Ability
Hero Points
Defenses & Combat
HP
AC
Saving Throws Fort —, Ref —, Will
Perception
Speed
Attributes
Languages