Files
roll20-character-sheets/Pathfinder_Cazra/sheet.html
T

4916 lines
218 KiB
HTML

<input type="text" name="attr_debug" style="display: none" value=" "/>
<div class="top">
<div class="pfLogo"></div>
<div class="topStats" style="margin-bottom: 1em">
<div>
<div class="labelledUnderlined" style="width: 2.5in">
<label>Character Name</label>
<div class="inner">
<input type="text" name="attr_character_name"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Player Name</label>
<div class="inner">
<input type="text" name="attr_player_name"/>
</div>
</div>
</div>
<div>
<div class="labelledUnderlined" style="width: 1.5in">
<label>Race</label>
<div class="inner">
<input type="text" name="attr_race"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 2in">
<label>Classes and levels</label>
<div class="inner">
<input type="text" name="attr_classes"/>
</div>
</div>
<div class="labelledBoxH" style="float: right">
<label>XP</label>
<div class="inner">
<input type="number" name="attr_xp"/>
</div>
</div>
</div>
<div>
<div class="labelledUnderlined" style="width: 3in">
<label>Active Status Conditions</label>
<div class="inner">
<input type="text" name="attr_activeConditions"/>
</div>
</div>
<div class="labelledBoxH" style="float: right">
<label>HP</label>
<div class="inner">
<div class="fraction">
<input type="number" name="attr_hp"/><span>/</span>
<input type="number" name="attr_hp_max"/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tabsContainer">
<div class="tab">
<input type="radio" id="tab_1" name="mainTabs" checked="checked"/>
<label for="tab_1">Core</label>
<div class="tabPanel">
<div class="coreTab">
<div>
<div class="inlineBlock" style="vertical-align: top; width: 3.2in">
<table class="abilityScores">
<thead>
<tr>
<th>Ability Name</th>
<th>Base Score</th>
<th>Temp +/-</th>
<th>Modifier</th>
</tr>
</thead>
<tbody>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="shortname">str</div>
<div class="longname">Strength</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=str_mod}} {{result=[[1d20 + @{str_mod}]]}}"></button>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_str" value="10"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_str_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_str_mod"></span></div>
<input type="hidden" name="attr_str_mod"/>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="shortname">dex</div>
<div class="longname">Dexterity</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=dex_mod}} {{result=[[1d20 + @{dex_mod}]]}}"></button>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_dex" value="10"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_dex_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="shortname">con</div>
<div class="longname">Constitution</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=con_mod}} {{result=[[1d20 + @{con_mod}]]}}"></button>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_con" value="10"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_con_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_con_mod"></span></div>
<input type="hidden" name="attr_con_mod"/>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="shortname">int</div>
<div class="longname">Intelligence</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=int_mod}} {{result=[[1d20 + @{int_mod}]]}}"></button>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_int" value="10"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_int_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="shortname">wis</div>
<div class="longname">Wisdom</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=wis_mod}} {{result=[[1d20 + @{wis_mod}]]}}"></button>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_wis" value="10"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_wis_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="shortname">cha</div>
<div class="longname">Charisma</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=cha_mod}} {{result=[[1d20 + @{cha_mod}]]}}"></button>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_cha" value="10"/>
</div>
</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_cha_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</td>
</tr>
</tbody>
</table>
</div>
<div class="inlineBlock" style="vertical-align: top; width: 5in">
<div>
<div class="labelledUnderlined" style="width:1in">
<label>Gender</label>
<div class="inner">
<input type="text" name="attr_gender"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 0.6in">
<label>Age</label>
<div class="inner">
<input type="text" name="attr_age"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 0.7in">
<label>Height</label>
<div class="inner">
<input type="text" name="attr_height"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 0.7in">
<label>Weight</label>
<div class="inner">
<input type="text" name="attr_weight"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 1.2in">
<label>Size</label>
<div class="inner">
<select name="attr_size">
<option>Choose One </option>
<option value="-8">Colossal</option>
<option value="-4">Gargantuan</option>
<option value="-2">Huge</option>
<option value="-1">Large</option>
<option value="0">Medium</option>
<option value="1">Small</option>
<option value="2">Tiny</option>
<option value="4">Diminuitive</option>
<option value="8">Fine</option>
</select>
</div>
</div>
</div>
<div>
<div class="labelledUnderlined">
<label>Homeland</label>
<div class="inner">
<input type="text" name="attr_homeland"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 1.5in">
<label>Deity</label>
<div class="inner">
<input type="text" name="attr_deity"/>
</div>
</div>
<div class="labelledUnderlined" style="width: 1.2in">
<label>Alignment</label>
<div class="inner">
<select name="attr_alignment">
<option value="LG">Lawful Good</option>
<option value="NG">Neutral Good</option>
<option value="CG">Chaotic Good</option>
<option value="LN">Lawful Neutral</option>
<option value="N" selected="selected">Neutral</option>
<option value="CG">Chaotic Neutral</option>
<option value="LE">Lawful Evil</option>
<option value="NE">Neutral Evil</option>
<option value="CL">Chaotic Evil</option>
</select>
</div>
</div>
</div>
<div>
<div class="labelledUnderlined" style="width: 100%">
<label>Factions</label>
<div class="inner">
<input type="text" name="attr_factions"/>
</div>
</div>
</div>
<div>
<div class="floatLeft">
<div class="labelledAbove" style="width: 3in">
<label>Appearance</label>
<div class="inner">
<textarea name="attr_appearance" style="height: 1.2in"></textarea>
</div>
</div>
</div>
<div class="floatRight">
<div class="labelledAbove" style="width: 1.8in">
<label>Languages</label>
<div class="inner">
<textarea name="attr_languages" style="height: 1.2in"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="height: 0.6in">
<div class="floatLeft">
<div class="inlineBlock initiative">
<div class="inlineBlock" style="vertical-align: middle">
<div class="blackBox">
<div class="rollButton">
<div class="shortname">Initiative</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=init}} {{result=[[1d20 + @{init}]]}}{{notes=@{init_notes}}}"></button>
</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_init"></span></div>
<input type="hidden" name="attr_init"/>
</div>
</div>
<div class="mathOperator">= </div>
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_init_misc" value="0"/>
</div>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em; width: 1in">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_init_notes"/>
</div>
</div>
</div>
</div>
<div class="floatRight">
<div class="labelledBoxV" style="vertical-align: top">
<label>Movement &amp; Speeds</label>
<div class="inner">
<input type="text" name="attr_movement" style="width: 1.8in"/>
</div>
</div>
<div class="labelledBoxV" style="vertical-align: top">
<label>Senses</label>
<div class="inner">
<input type="text" name="attr_senses" style="width: 1.8in"/>
</div>
</div>
</div>
</div>
<h3>Defenses</h3>
<div>
<div class="ac">
<div class="inlineBlock" style="vertical-align: middle">
<div class="blackBox">
<div class="shortname">AC</div>
<div class="longname">Armor Class</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_ac"></span></div>
<input type="hidden" name="attr_ac"/>
</div>
</div>
<div class="mathOperator">= 10 +</div>
<div class="fieldBox">
<label>Equipment</label>
<div class="inner">
<input type="number" name="attr_ac_equipment" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="labelledUnderlined">
<label>Size</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_size"></span></div>
<input type="hidden" name="attr_size"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_ac_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Temp</label>
<div class="inner">
<input type="number" name="attr_ac_temp" value="0"/>
</div>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em; width: 3in">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_ac_notes"/>
</div>
</div>
</div>
</div>
<div>
<div class="inlineBlock" style="float: left">
<div style="vertical-align: middle">
<div>
<div class="labelledBoxH" style="width: 1.4in">
<label>Touch</label>
<div class="inner">
<div class="readOnlyBox" style="width: 0.25in"><span name="attr_ac_touch"></span></div>
<input type="hidden" name="attr_ac_touch"/>
</div>
</div>
</div>
<div>
<div class="labelledBoxH" style="width: 1.4in">
<label>Flat-Footed</label>
<div class="inner">
<div class="readOnlyBox" style="width: 0.25in"><span name="attr_ac_flatfoot"></span></div>
<input type="hidden" name="attr_ac_flatfoot"/>
</div>
</div>
</div>
</div>
</div>
<div class="inlineBlock" style="float: right">
<div style="vertical-align: middle">
<div class="labelledBoxV" style="width: 1in">
<label>Damage Reduction</label>
<div class="inner">
<input type="text" name="attr_damage_reduction"/>
</div>
</div>
<div class="labelledBoxV" style="width: 1in">
<label>Spell Resistance</label>
<div class="inner">
<input type="number" name="attr_spell_resistance"/>
</div>
</div>
<div class="inlineBlock" style="vertical-align: top">
<div>
<div class="labelledBoxH" style="width: 4.5in">
<label>Resistances</label>
<div class="inner">
<input type="text" name="attr_resistances" style="width: 3.4in"/>
</div>
</div>
</div>
<div>
<div class="labelledBoxH" style="width: 4.5in">
<label>Immunities</label>
<div class="inner">
<input type="text" name="attr_immunities" style="width: 3.4in"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="inlineBlock">
<table class="savingThrows">
<thead>
<tr>
<th>Saving Throws</th>
<th>Total</th>
<th></th>
<th>Base Save</th>
<th></th>
<th>Ability Mod</th>
<th></th>
<th>Equipment</th>
<th></th>
<th>Misc +/-</th>
<th></th>
<th>Temp +/-</th>
<th style="width: 30%"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="saveName">Fortitude</div>
<div class="abilityName">Constitution</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=fort}} {{result=[[1d20 + @{fort}]]}}{{notes=@{fort_notes}}}"></button>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_fort"></span></div>
<input type="hidden" name="attr_fort"/>
</td>
<td>
<div class="mathOperator">=</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_fort_base" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_con_mod"></span></div>
<input type="hidden" name="attr_con_mod"/>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_fort_equipment" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_fort_misc" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_fort_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="labelledUnderlined" style="margin-left: 1em; width: 100%">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_fort_notes"/>
</div>
</div>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="saveName">Reflex</div>
<div class="abilityName">Dexterity</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=ref}} {{result=[[1d20 + @{ref}]]}}{{notes=@{ref_notes}}}"></button>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_ref"></span></div>
<input type="hidden" name="attr_ref"/>
</td>
<td>
<div class="mathOperator">=</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ref_base" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ref_equipment" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ref_misc" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_ref_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="labelledUnderlined" style="margin-left: 1em; width: 100%">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_ref_notes"/>
</div>
</div>
</td>
</tr>
<tr>
<td class="blackBox">
<div class="rollButton">
<div class="saveName">Will</div>
<div class="abilityName">Wisdom</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=will}} {{result=[[1d20 + @{will}]]}}{{notes=@{will_notes}}}"></button>
</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_will"></span></div>
<input type="hidden" name="attr_will"/>
</td>
<td>
<div class="mathOperator">=</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_will_base" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_will_equipment" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_will_misc" value="0"/>
</div>
</div>
</td>
<td>
<div class="mathOperator">+</div>
</td>
<td>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_will_temp" value="0"/>
</div>
</div>
</td>
<td>
<div class="labelledUnderlined" style="margin-left: 1em; width: 100%">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_will_notes"/>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<h3>Attacks</h3>
<div class="inlineBlock" style="margin-top: 1.5em; vertical-align: top; width: 1in">
<div class="labelledBoxV">
<label>Base Attack Bonus</label>
<div class="inner">
<input type="number" name="attr_bab" value="0"/>
</div>
</div>
</div>
<div class="inlineBlock" style="margin-bottom: 1em; vertical-align: top; width: 80%">
<div class="attacks">
<div class="head">
<label class="inlineBlock" style="padding-left: 1.5in; width: 0.55in">Total</label>
<label class="inlineBlock" style="width: 0.4in">BAB</label>
<label class="inlineBlock" style="width: 0.4in">Ability Mod</label>
<label class="inlineBlock" style="width: 0.4in">Size</label>
<label class="inlineBlock" style="width: 0.6in">Equipment</label>
<label class="inlineBlock" style="width: 0.65in">Misc +/-</label>
<label class="inlineBlock">Temp +/-</label>
</div>
<div class="body" style="width: 8in">
<fieldset class="repeating_attacks">
<div style="margin-bottom: 1em">
<div class="inlineBlock blackBox">
<div class="rollButton">
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=attack}} {{result=[[1d20 + @{attack}]]}}{{notes=@{attack_notes}}}"></button>
<input type="text" name="attr_attack_name"/>
<select name="attr_attack_ability">
<option value="Choose One">Choose One</option>
<option value="str">Strength</option>
<option value="dex">Dexterity</option>
<option value="con">Constitution</option>
<option value="int">Intelligence</option>
<option value="wis">Wisdom</option>
<option value="cha">Charisma</option>
</select>
</div>
</div>
<div class="readOnlyBox"><span name="attr_attack"></span></div>
<input type="hidden" name="attr_attack"/>
<div class="mathOperator">=</div>
<div class="readOnlyBox" style="width: 0.25in"><span name="attr_attack_bab"></span></div>
<input type="hidden" name="attr_attack_bab"/>
<div class="mathOperator">+</div>
<div class="readOnlyBox" style="width: 0.25in"><span name="attr_attack_ability_mod"></span></div>
<input type="hidden" name="attr_attack_ability_mod"/>
<div class="mathOperator">+</div>
<div class="readOnlyBox" style="width: 0.25in"><span name="attr_attack_size"></span></div>
<input type="hidden" name="attr_attack_size"/>
<div class="mathOperator">+</div>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_attack_equipment" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_attack_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<div class="inner">
<input type="number" name="attr_attack_temp" value="0"/>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em; width: 1.5in">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_attack_notes"/>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div>
<div class="cmb">
<div class="blackBox" style="width: 1in">
<div class="rollButton">
<div class="shortname">CMB</div>
<div class="longname">Combat Maneuver Bonus</div>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=cmb}} {{result=[[1d20 + @{cmb}]]}}"></button>
</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cmb"></span></div>
<input type="hidden" name="attr_cmb"/>
</div>
</div>
<div class="mathOperator">=</div>
<div class="labelledUnderlined">
<label>BAB</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_bab"></span></div>
<input type="hidden" name="attr_bab"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="labelledUnderlined">
<label>Str mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_str_mod"></span></div>
<input type="hidden" name="attr_str_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="labelledUnderlined">
<label>Size</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cmb_size"></span></div>
<input type="hidden" name="attr_cmb_size"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_cmb_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Temp</label>
<div class="inner">
<input type="number" name="attr_cmb_temp" value="0"/>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em; width: 2.6in">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_cmb_notes"/>
</div>
</div>
</div>
<div class="cmd">
<div class="blackBox" style="width: 1in">
<div class="shortname">CMD</div>
<div class="longname">Combat Maneuver Defense</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cmd"></span></div>
<input type="hidden" name="attr_cmd"/>
</div>
</div>
<div class="mathOperator">= 10 +</div>
<div class="labelledUnderlined">
<label>BAB</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_bab"></span></div>
<input type="hidden" name="attr_bab"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="labelledUnderlined">
<label>Str mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_str_mod"></span></div>
<input type="hidden" name="attr_str_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="labelledUnderlined">
<label>Size</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cmd_size"></span></div>
<input type="hidden" name="attr_cmd_size"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_cmd_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Temp</label>
<div class="inner">
<input type="number" name="attr_cmd_temp" value="0"/>
</div>
</div>
<div class="labelledUnderlined" style="margin-left: 1em">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_cmd_notes"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_2" name="mainTabs"/>
<label for="tab_2">Skills</label>
<div class="tabPanel">
<div class="skillsTab">
<div class="labelledBoxH">
<label>Armor Penalty</label>
<div class="inner">
<input type="number" name="attr_armor_penalty" value="0"/>
</div>
</div>
<div class="skillsHead">
<label class="inlineBlock" style="width: 0.6in">Class Skill?</label>
<label class="inlineBlock" style="width: 1.9in"></label>
<label class="inlineBlock" style="width: 0.75in">Total</label>
<label class="inlineBlock" style="width: 0.75in"></label>
<label class="inlineBlock" style="width: 0.75in">Ranks</label>
<label class="inlineBlock" style="width: 0.75in">Misc</label>
<label class="inlineBlock" style="width: 2in">Notes</label>
</div>
<div class="skillsBody">
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_acrobatics_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Acrobaticsª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=acrobatics}} {{result=[[1d20 + @{acrobatics}]]}}{{notes=@{acrobatics_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_acrobatics"></span></div>
<input type="hidden" name="attr_acrobatics"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_acrobatics_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_acrobatics_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_acrobatics_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_appraise_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Appraise</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=appraise}} {{result=[[1d20 + @{appraise}]]}}{{notes=@{appraise_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_appraise"></span></div>
<input type="hidden" name="attr_appraise"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_appraise_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_appraise_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_appraise_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_bluff_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Bluff</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=bluff}} {{result=[[1d20 + @{bluff}]]}}{{notes=@{bluff_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_bluff"></span></div>
<input type="hidden" name="attr_bluff"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_bluff_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_bluff_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_bluff_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_climb_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Climbª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=climb}} {{result=[[1d20 + @{climb}]]}}{{notes=@{climb_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_climb"></span></div>
<input type="hidden" name="attr_climb"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Str mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_str_mod"></span></div>
<input type="hidden" name="attr_str_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_climb_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_climb_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_climb_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_craft1_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Craft</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=craft1}} {{result=[[1d20 + @{craft1}]]}}{{notes=@{craft1_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft1_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_craft1"></span></div>
<input type="hidden" name="attr_craft1"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft1_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft1_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft1_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_craft2_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Craft</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=craft2}} {{result=[[1d20 + @{craft2}]]}}{{notes=@{craft2_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft2_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_craft2"></span></div>
<input type="hidden" name="attr_craft2"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft2_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft2_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft2_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_craft3_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Craft</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=craft3}} {{result=[[1d20 + @{craft3}]]}}{{notes=@{craft3_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft3_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_craft3"></span></div>
<input type="hidden" name="attr_craft3"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft3_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft3_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft3_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_craft4_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Craft</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=craft4}} {{result=[[1d20 + @{craft4}]]}}{{notes=@{craft4_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft4_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_craft4"></span></div>
<input type="hidden" name="attr_craft4"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft4_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft4_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft4_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_craft5_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Craft</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=craft5}} {{result=[[1d20 + @{craft5}]]}}{{notes=@{craft5_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft5_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_craft5"></span></div>
<input type="hidden" name="attr_craft5"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft5_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_craft5_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_craft5_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_diplomacy_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Diplomacy</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=diplomacy}} {{result=[[1d20 + @{diplomacy}]]}}{{notes=@{diplomacy_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_diplomacy"></span></div>
<input type="hidden" name="attr_diplomacy"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_diplomacy_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_diplomacy_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_diplomacy_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_disable_device_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Disable device*ª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=disable_device}} {{result=[[1d20 + @{disable_device}]]}}{{notes=@{disable_device_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_disable_device"></span></div>
<input type="hidden" name="attr_disable_device"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_disable_device_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_disable_device_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_disable_device_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_disguise_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Disguise</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=disguise}} {{result=[[1d20 + @{disguise}]]}}{{notes=@{disguise_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_disguise"></span></div>
<input type="hidden" name="attr_disguise"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_disguise_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_disguise_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_disguise_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_escape_artist_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Escape artistª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=escape_artist}} {{result=[[1d20 + @{escape_artist}]]}}{{notes=@{escape_artist_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_escape_artist"></span></div>
<input type="hidden" name="attr_escape_artist"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_escape_artist_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_escape_artist_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_escape_artist_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_fly_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Flyª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=fly}} {{result=[[1d20 + @{fly}]]}}{{notes=@{fly_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_fly"></span></div>
<input type="hidden" name="attr_fly"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_fly_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_fly_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_fly_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_handle_animal_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Handle animal*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=handle_animal}} {{result=[[1d20 + @{handle_animal}]]}}{{notes=@{handle_animal_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_handle_animal"></span></div>
<input type="hidden" name="attr_handle_animal"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_handle_animal_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_handle_animal_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_handle_animal_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_heal_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Heal</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=heal}} {{result=[[1d20 + @{heal}]]}}{{notes=@{heal_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_heal"></span></div>
<input type="hidden" name="attr_heal"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_heal_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_heal_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_heal_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_intimidate_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Intimidate</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=intimidate}} {{result=[[1d20 + @{intimidate}]]}}{{notes=@{intimidate_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_intimidate"></span></div>
<input type="hidden" name="attr_intimidate"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_intimidate_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_intimidate_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_intimidate_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_arcana_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(arcana)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_arcana}} {{result=[[1d20 + @{knowledge_arcana}]]}}{{notes=@{knowledge_arcana_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_arcana"></span></div>
<input type="hidden" name="attr_knowledge_arcana"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_arcana_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_arcana_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_arcana_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_dungeoneering_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(dungeoneering)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_dungeoneering}} {{result=[[1d20 + @{knowledge_dungeoneering}]]}}{{notes=@{knowledge_dungeoneering_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_dungeoneering"></span></div>
<input type="hidden" name="attr_knowledge_dungeoneering"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_dungeoneering_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_dungeoneering_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_dungeoneering_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_engineering_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(engineering)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_engineering}} {{result=[[1d20 + @{knowledge_engineering}]]}}{{notes=@{knowledge_engineering_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_engineering"></span></div>
<input type="hidden" name="attr_knowledge_engineering"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_engineering_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_engineering_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_engineering_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_geography_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(geography)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_geography}} {{result=[[1d20 + @{knowledge_geography}]]}}{{notes=@{knowledge_geography_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_geography"></span></div>
<input type="hidden" name="attr_knowledge_geography"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_geography_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_geography_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_geography_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_history_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(history)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_history}} {{result=[[1d20 + @{knowledge_history}]]}}{{notes=@{knowledge_history_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_history"></span></div>
<input type="hidden" name="attr_knowledge_history"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_history_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_history_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_history_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_local_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(local)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_local}} {{result=[[1d20 + @{knowledge_local}]]}}{{notes=@{knowledge_local_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_local"></span></div>
<input type="hidden" name="attr_knowledge_local"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_local_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_local_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_local_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_nature_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(nature)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_nature}} {{result=[[1d20 + @{knowledge_nature}]]}}{{notes=@{knowledge_nature_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_nature"></span></div>
<input type="hidden" name="attr_knowledge_nature"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_nature_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_nature_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_nature_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_nobility_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(nobility)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_nobility}} {{result=[[1d20 + @{knowledge_nobility}]]}}{{notes=@{knowledge_nobility_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_nobility"></span></div>
<input type="hidden" name="attr_knowledge_nobility"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_nobility_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_nobility_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_nobility_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_planes_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(planes)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_planes}} {{result=[[1d20 + @{knowledge_planes}]]}}{{notes=@{knowledge_planes_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_planes"></span></div>
<input type="hidden" name="attr_knowledge_planes"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_planes_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_planes_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_planes_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_knowledge_religion_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Knowledge(religion)*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=knowledge_religion}} {{result=[[1d20 + @{knowledge_religion}]]}}{{notes=@{knowledge_religion_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_knowledge_religion"></span></div>
<input type="hidden" name="attr_knowledge_religion"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_religion_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_knowledge_religion_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_knowledge_religion_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_linguistics_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Linguistics*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=linguistics}} {{result=[[1d20 + @{linguistics}]]}}{{notes=@{linguistics_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_linguistics"></span></div>
<input type="hidden" name="attr_linguistics"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_linguistics_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_linguistics_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_linguistics_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_perception_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Perception</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=perception}} {{result=[[1d20 + @{perception}]]}}{{notes=@{perception_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_perception"></span></div>
<input type="hidden" name="attr_perception"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perception_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perception_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perception_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_perform1_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Perform</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=perform1}} {{result=[[1d20 + @{perform1}]]}}{{notes=@{perform1_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform1_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_perform1"></span></div>
<input type="hidden" name="attr_perform1"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform1_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform1_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform1_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_perform2_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Perform</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=perform2}} {{result=[[1d20 + @{perform2}]]}}{{notes=@{perform2_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform2_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_perform2"></span></div>
<input type="hidden" name="attr_perform2"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform2_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform2_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform2_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_perform3_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Perform</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=perform3}} {{result=[[1d20 + @{perform3}]]}}{{notes=@{perform3_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform3_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_perform3"></span></div>
<input type="hidden" name="attr_perform3"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform3_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform3_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform3_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_perform4_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Perform</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=perform4}} {{result=[[1d20 + @{perform4}]]}}{{notes=@{perform4_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform4_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_perform4"></span></div>
<input type="hidden" name="attr_perform4"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform4_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform4_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform4_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_perform5_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Perform</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=perform5}} {{result=[[1d20 + @{perform5}]]}}{{notes=@{perform5_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform5_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_perform5"></span></div>
<input type="hidden" name="attr_perform5"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform5_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_perform5_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_perform5_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_profession1_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Profession*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=profession1}} {{result=[[1d20 + @{profession1}]]}}{{notes=@{profession1_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession1_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_profession1"></span></div>
<input type="hidden" name="attr_profession1"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession1_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession1_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession1_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_profession2_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Profession*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=profession2}} {{result=[[1d20 + @{profession2}]]}}{{notes=@{profession2_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession2_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_profession2"></span></div>
<input type="hidden" name="attr_profession2"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession2_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession2_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession2_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_profession3_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Profession*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=profession3}} {{result=[[1d20 + @{profession3}]]}}{{notes=@{profession3_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession3_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_profession3"></span></div>
<input type="hidden" name="attr_profession3"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession3_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession3_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession3_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_profession4_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Profession*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=profession4}} {{result=[[1d20 + @{profession4}]]}}{{notes=@{profession4_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession4_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_profession4"></span></div>
<input type="hidden" name="attr_profession4"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession4_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession4_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession4_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_profession5_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Profession*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=profession5}} {{result=[[1d20 + @{profession5}]]}}{{notes=@{profession5_notes}}}"></button>(
<div class="labelledUnderlined" style="width: 1in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession5_subskill" placeholder="type"/>
</div>
</div>)
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_profession5"></span></div>
<input type="hidden" name="attr_profession5"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession5_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_profession5_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_profession5_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_ride_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Rideª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=ride}} {{result=[[1d20 + @{ride}]]}}{{notes=@{ride_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_ride"></span></div>
<input type="hidden" name="attr_ride"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_ride_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_ride_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_ride_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_sense_motive_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Sense motive</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=sense_motive}} {{result=[[1d20 + @{sense_motive}]]}}{{notes=@{sense_motive_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_sense_motive"></span></div>
<input type="hidden" name="attr_sense_motive"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_sense_motive_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_sense_motive_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_sense_motive_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_sleight_of_hand_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Sleight of hand*ª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=sleight_of_hand}} {{result=[[1d20 + @{sleight_of_hand}]]}}{{notes=@{sleight_of_hand_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_sleight_of_hand"></span></div>
<input type="hidden" name="attr_sleight_of_hand"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_sleight_of_hand_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_sleight_of_hand_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_sleight_of_hand_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_spellcraft_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Spellcraft*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=spellcraft}} {{result=[[1d20 + @{spellcraft}]]}}{{notes=@{spellcraft_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spellcraft"></span></div>
<input type="hidden" name="attr_spellcraft"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Int mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_int_mod"></span></div>
<input type="hidden" name="attr_int_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_spellcraft_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_spellcraft_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_spellcraft_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_stealth_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Stealthª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=stealth}} {{result=[[1d20 + @{stealth}]]}}{{notes=@{stealth_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_stealth"></span></div>
<input type="hidden" name="attr_stealth"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Dex mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_dex_mod"></span></div>
<input type="hidden" name="attr_dex_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_stealth_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_stealth_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_stealth_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_survival_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Survival</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=survival}} {{result=[[1d20 + @{survival}]]}}{{notes=@{survival_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_survival"></span></div>
<input type="hidden" name="attr_survival"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Wis mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_wis_mod"></span></div>
<input type="hidden" name="attr_wis_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_survival_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_survival_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_survival_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_swim_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Swimª</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=swim}} {{result=[[1d20 + @{swim}]]}}{{notes=@{swim_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_swim"></span></div>
<input type="hidden" name="attr_swim"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Str mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_str_mod"></span></div>
<input type="hidden" name="attr_str_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_swim_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_swim_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_swim_notes"/>
</div>
</div>
</div>
<div class="skill" style="width: 8.5in">
<div class="inlineBlock" style="text-align: center; width: 0.25in">
<input type="checkbox" name="attr_use_magic_device_class" value="1"/>
</div>
<div class="inlineBlock" style="width: 2.2in">
<div class="name blackBox">
<div class="rollButton"><span>Use magic device*</span>
<button type="roll" value="&amp;{template:pf} {{charName=@{character_name}}} {{attr=use_magic_device}} {{result=[[1d20 + @{use_magic_device}]]}}{{notes=@{use_magic_device_notes}}}"></button>
</div>
</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label></label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_use_magic_device"></span></div>
<input type="hidden" name="attr_use_magic_device"/>
</div>
</div>
<div class="mathOperator">=</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined">
<label>Cha mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_cha_mod"></span></div>
<input type="hidden" name="attr_cha_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_use_magic_device_ranks" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="inlineBlock" style="width: 0.75in">
<div class="labelledUnderlined" style="width: 0.5in">
<label></label>
<div class="inner">
<input type="number" name="attr_use_magic_device_misc" value="0"/>
</div>
</div>
<div class="mathOperator">+</div>
</div>
<div class="labelledUnderlined" style="width: 2.5in">
<label></label>
<div class="inner">
<input type="text" name="attr_use_magic_device_notes"/>
</div>
</div>
</div>
</div><span style="font-size: 0.8em">* Trained only, ª Armor penalty</span>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_3" name="mainTabs"/>
<label for="tab_3">Specials/Feats</label>
<div class="tabPanel">
<div class="specialFeatsTab">
<div class="inlineBlock" style="float: left; width: 45%">
<h2>Racial Abilities</h2>
<fieldset class="repeating_raceabilities">
<div class="card specialAbility">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Ability name"/>
</div>
<div class="labelledBoxH uses">
<label>Uses</label>
<div class="inner">
<div class="fraction">
<input type="number" name="attr_uses"/><span>/</span>
<input type="number" name="attr_uses_max"/>
</div>
</div>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
<h2>Class Abilities</h2>
<fieldset class="repeating_classabilities">
<div class="card specialAbility">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Ability name"/>
</div>
<div class="labelledBoxH uses">
<label>Uses</label>
<div class="inner">
<div class="fraction">
<input type="number" name="attr_uses"/><span>/</span>
<input type="number" name="attr_uses_max"/>
</div>
</div>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
<h2>Other Abilities</h2>
<fieldset class="repeating_otherabilities">
<div class="card specialAbility">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Ability name"/>
</div>
<div class="labelledBoxH uses">
<label>Uses</label>
<div class="inner">
<div class="fraction">
<input type="number" name="attr_uses"/><span>/</span>
<input type="number" name="attr_uses_max"/>
</div>
</div>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
<div class="inlineBlock" style="float: right; width: 45%">
<h2>Feats</h2>
<fieldset class="repeating_feats">
<div class="card feat">
<div class="head">
<div class="labelledBoxH level">
<label>Lv</label>
<div class="inner">
<select name="attr_level" style="width: 0.5in">
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
<option value="9">9</option>
<option value="11">11</option>
<option value="13">13</option>
<option value="15">15</option>
<option value="17">17</option>
<option value="19">19</option>
<option value="b">bonus</option>
</select>
</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Feat name" style="width: 2.8in"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
<h2>Traits</h2>
<fieldset class="repeating_traits">
<div class="card trait">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Trait name"/>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
<h2>Favored Class Options</h2>
<div class="card">
<div class="body">
<textarea name="attr_favoredClassOptions" style="height: 3in"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_4" name="mainTabs"/>
<label for="tab_4">Equipment</label>
<div class="tabPanel">
<div class="gearTab">
<div class="specialGear">
<h2>Special Gear</h2>
<fieldset class="repeating_specialGear">
<div class="card specialItem">
<div class="head">
<div class="name">
<input type="text" name="attr_name" placeholder="Item name" style="width: 2.3in"/>
</div>
<div class="floatRight">
<div class="labelledBoxH type">
<label>Type</label>
<div class="inner">
<select name="attr_type" style="width: 1in">
<option value="Main hand">Main hand</option>
<option value="Off hand">Off hand</option>
<option value="Armor">Armor</option>
<option value="Belt">Belt</option>
<option value="Body">Body</option>
<option value="Chest">Chest</option>
<option value="Eyes">Eyes</option>
<option value="Feet">Feet</option>
<option value="Hands">Hands</option>
<option value="Head">Head</option>
<option value="Headband">Headband</option>
<option value="Neck">Neck</option>
<option value="Ring 1">Ring 1</option>
<option value="Ring 2">Ring 2</option>
<option value="Shield">Shield</option>
<option value="Shoulders">Shoulders</option>
<option value="Wrists">Wrists</option>
<option value="Other">Other</option>
<option value="Slotless">Slotless</option>
</select>
</div>
</div>
<div class="labelledBoxH count">
<label>Count</label>
<div class="inner">
<input type="number" name="attr_count" style="width: 0.5in"/>
</div>
</div>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
<div class="mundaneGear">
<h2>Mundane Gear</h2>
<textarea name="attr_mundaneGear" style="height: 5in"></textarea>
<div class="money">
<h2>Money</h2>
<div class="centeredH">
<div class="labelledBoxV">
<label>PP</label>
<div class="inner">
<input type="number" name="attr_money_pp"/>
</div>
</div>
<div class="labelledBoxV">
<label>GP</label>
<div class="inner">
<input type="number" name="attr_money_gp"/>
</div>
</div>
<div class="labelledBoxV">
<label>SP</label>
<div class="inner">
<input type="number" name="attr_money_sp"/>
</div>
</div>
<div class="labelledBoxV">
<label>CP</label>
<div class="inner">
<input type="number" name="attr_money_cp"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_5" name="mainTabs"/>
<label for="tab_5">Magic</label>
<div class="tabPanel">
<div class="magicTab">
<h2>Spellcaster Class</h2>
<div style="height: 0.5in">
<div class="labelledBoxH">
<label>Caster Level</label>
<div class="inner">
<input type="number" name="attr_caster_level" style="width: 0.4in" value="0"/>
</div>
</div>
<div class="labelledBoxH">
<label>Ability</label>
<div class="inner">
<select name="attr_caster_ability" style="width: 1in">
<option value="Choose One">Choose One</option>
<option value="str">Strength</option>
<option value="dex">Dexterity</option>
<option value="con">Constitution</option>
<option value="int">Intelligence</option>
<option value="wis">Wisdom</option>
<option value="cha">Charisma</option>
</select>
</div>
</div>
<div class="inlineBlock saveDc" style="vertical-align: top">
<div class="blackBox" style="font-size: 0.8em">
<div class="shortname">Base DC</div>
</div>
<div class="labelledUnderlined">
<label>Total</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_dc_base"></span></div>
<input type="hidden" name="attr_spell_dc_base"/>
</div>
</div>
<div class="mathOperator">= 10 +</div>
<div class="labelledUnderlined">
<label>Ability Mod</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_dc_ability_mod"></span></div>
<input type="hidden" name="attr_spell_dc_ability_mod"/>
</div>
</div>
<div class="mathOperator">+</div>
<div class="fieldBox">
<label>Misc</label>
<div class="inner">
<input type="number" name="attr_spell_dc_misc" value="0"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Conditional Modifiers</label>
<div class="inner">
<input type="text" name="attr_spell_dc_notes"/>
</div>
</div>
</div>
</div>
<div class="specialization">
<div class="labelledBoxH">
<label>Specialty School/Domain</label>
<div class="inner">
<input type="text" name="attr_magic_specialty"/>
</div>
</div>
<div class="labelledBoxH">
<label>Restricted Schools</label>
<div class="inner">
<input type="text" name="attr_magic_restriction"/>
</div>
</div>
<h2>Spellbook</h2>
<div class="spells">
<div class="inlineBlock" style="float: left; width: 45%">
<div class="spellLevel">
<div class="head">
<h3>Level 0 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_0_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_0_dc"></span></div>
<input type="hidden" name="attr_spell_level_0_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel0">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 1 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_1_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_1_dc"></span></div>
<input type="hidden" name="attr_spell_level_1_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel1">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 2 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_2_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_2_dc"></span></div>
<input type="hidden" name="attr_spell_level_2_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel2">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 3 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_3_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_3_dc"></span></div>
<input type="hidden" name="attr_spell_level_3_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel3">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 4 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_4_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_4_dc"></span></div>
<input type="hidden" name="attr_spell_level_4_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel4">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
<div class="inlineBlock" style="float: right; width: 45%">
<div class="spellLevel">
<div class="head">
<h3>Level 5 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_5_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_5_dc"></span></div>
<input type="hidden" name="attr_spell_level_5_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel5">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 6 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_6_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_6_dc"></span></div>
<input type="hidden" name="attr_spell_level_6_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel6">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 7 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_7_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_7_dc"></span></div>
<input type="hidden" name="attr_spell_level_7_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel7">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 8 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_8_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_8_dc"></span></div>
<input type="hidden" name="attr_spell_level_8_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel8">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="spellLevel">
<div class="head">
<h3>Level 9 Spells</h3>
<div class="floatRight">
<div class="labelledUnderlined">
<label>Spells per day</label>
<div class="inner">
<input type="number" name="attr_spell_level_9_per_day" style="padding: 0; width: 1in"/>
</div>
</div>
<div class="labelledUnderlined">
<label>Save DC</label>
<div class="inner">
<div class="readOnlyBox"><span name="attr_spell_level_9_dc"></span></div>
<input type="hidden" name="attr_spell_level_9_dc"/>
</div>
</div>
</div>
</div>
<div class="body">
<fieldset class="repeating_spellslevel9">
<!-- Look! I made a Touhou reference!-->
<div class="spell card">
<div class="head">
<div class="prepared" title="Prepared?">
<input type="checkbox" name="attr_prepared"/>
<div>P</div>
</div>
<div class="name">
<input type="text" name="attr_name" placeholder="Spell name"/>
</div>
<div class="school">
<select name="attr_school">
<option value="Choose School">Choose School</option>
<option value="abjuration">Abjuration</option>
<option value="conjuration">Conjuration</option>
<option value="divination">Divination</option>
<option value="enchantment">Enchantment</option>
<option value="evocation">Evocation</option>
<option value="illusion">Illusion</option>
<option value="necromancy">Necromancy</option>
<option value="transmutation">Transmutation</option>
<option value="universal">Universal</option>
</select>
</div>
</div>
<div class="body">
<div class="description">
<textarea name="attr_description" placeholder="Description"></textarea>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab_6" name="mainTabs"/>
<label for="tab_6">Notes</label>
<div class="tabPanel">
<div class="notesTab">
<textarea name="attr_notes" style="height: 6in"></textarea>
</div>
</div>
</div>
</div>
<script type="text/worker">/**
* Forces an update on a list of numerical fields, also making sure that
* any undefined fields are set to 0.
* @param {string[]} attrs
* @param {function} cb
*/
function forceUpdate(attrs, cb) {
parseAttrs(attrs, values => {
let tempValues = {};
_.each(attrs, attr => {
tempValues[attr] = -9999;
});
setAttrs(tempValues);
setAttrs(values);
});
}
function onChange(attrs, cb) {
attrs = _.map(attrs, attr => {
return 'change:' + attr;
}).join(' ');
on(attrs, cb);
}
function onChangeParse(attrs, cb) {
onChange(attrs, () => {
parseAttrs(attrs, cb);
});
}
/**
* Gets the specified attributes and parses them as an integer or 0.
*/
function parseAttrs(attrs, cb) {
getAttrs(attrs, function(values) {
_.each(attrs, function(attr) {
if(_.isUndefined(values[attr]))
values[attr] = 0;
else if(!isNaN(values[attr]))
values[attr] = parseInt(values[attr]);
});
cb(values);
});
}
// Update funcs
function updateAbilityMod(attr, values) {
var mod = Math.floor((values[attr]+ values[attr + '_temp'] - 10)/2);
setAttrs({
[attr + '_mod']: mod
});
}
function updateSkill(skill, ability, hasArmorPen, values) {
var total = values[ability + '_mod'] + values[skill + '_ranks'] + values[skill + '_misc'];
if(values[skill + '_class'] && values[skill + '_ranks'] > 0)
total += 3;
if(hasArmorPen)
total += values.armor_penalty;
setAttrs({
[skill]: total
});
}
// Change events
// Ability modifiers
onChangeParse(['str', 'str_temp'], values => {
updateAbilityMod('str', values);
});
onChangeParse(['dex', 'dex_temp'], values => {
updateAbilityMod('dex', values);
});
onChangeParse(['con', 'con_temp'], values => {
updateAbilityMod('con', values);
});
onChangeParse(['int', 'int_temp'], values => {
updateAbilityMod('int', values);
});
onChangeParse(['wis', 'wis_temp'], values => {
updateAbilityMod('wis', values);
});
onChangeParse(['cha', 'cha_temp'], values => {
updateAbilityMod('cha', values);
});
// Initiative
onChangeParse(['dex_mod', 'init_misc'], values => {
setAttrs({
init: values.dex_mod + values.init_misc
});
});
// AC
onChangeParse(['ac_equipment', 'dex_mod', 'size', 'ac_misc', 'ac_temp'], values => {
setAttrs({
ac: 10 + values.ac_equipment + values.dex_mod + values.size + values.ac_misc + values.ac_temp,
ac_touch: 10 + values.dex_mod + values.size + values.ac_misc + values.ac_temp,
ac_flatfoot: 10 + values.ac_equipment + values.size + values.ac_misc + values.ac_temp,
});
});
// Saving throws
onChangeParse(['fort_base', 'con_mod', 'fort_equipment', 'fort_misc', 'fort_temp'], values => {
setAttrs({
fort: values.fort_base + values.con_mod + values.fort_equipment + values.fort_misc + values.fort_temp
});
});
onChangeParse(['ref_base', 'dex_mod', 'ref_equipment', 'ref_misc', 'ref_temp'], values => {
setAttrs({
ref: values.ref_base + values.dex_mod + values.ref_equipment + values.ref_misc + values.ref_temp
});
});
onChangeParse(['will_base', 'wis_mod', 'will_equipment', 'will_misc', 'will_temp'], values => {
setAttrs({
will: values.will_base + values.wis_mod + values.will_equipment + values.will_misc + values.will_temp
});
});
// Attacks
onChangeParse(['bab', 'size'], values => {
getSectionIDs('repeating_attacks', ids => {
_.each(ids, id => {
var prefix = 'repeating_attacks_' + id + '_';
setAttrs({
[prefix + 'attack_bab']: values.bab,
[prefix + 'attack_size']: values.size
});
});
});
});
onChangeParse(['str_mod', 'dex_mod', 'con_mod', 'int_mod', 'wis_mod', 'cha_mod'], values => {
getSectionIDs('repeating_attacks', ids => {
_.each(ids, id => {
var repAbility = 'repeating_attacks_' + id + '_attack_ability';
parseAttrs([repAbility], attackValues => {
var repAbilityMod = 'repeating_attacks_' + id + '_attack_ability_mod';
var abilityMod = attackValues[repAbility] + '_mod';
setAttrs({
[repAbilityMod]: values[abilityMod]
});
});
});
});
});
var testCounter = 0;
on('change:repeating_attacks', (evt) => {
forceUpdate(['bab', 'size']);
testCounter++;
setAttrs({debug: testCounter})
getSectionIDs('repeating_attacks', ids => {
_.each(ids, id => {
var prefix = 'repeating_attacks_' + id + '_attack';
var repAbility = 'repeating_attacks_' + id + '_attack_ability';
var attrNames = _.map(['ability', 'bab', 'ability_mod', 'size', 'equipment', 'misc', 'temp'], name => {
return prefix + '_' + name;
});
attrNames = attrNames.concat(['str_mod', 'dex_mod', 'con_mod', 'int_mod', 'wis_mod', 'cha_mod']);
parseAttrs(attrNames, values => {
var repAbilityMod = 'repeating_attacks_' + id + '_attack_ability_mod';
var abilityModName = values[repAbility] + '_mod';
setAttrs({
[prefix]: values[prefix + '_bab'] + values[abilityModName] + values[prefix + '_size'] + values[prefix + '_equipment'] + values[prefix + '_misc'] + values[prefix + '_temp'],
[prefix + '_ability_mod']: values[abilityModName]
}, { silent: true });
});
});
});
});
// CMB/CMD
onChangeParse(['size'], values => {
setAttrs({
cmb_size: -values.size,
cmd_size: -values.size
});
});
onChangeParse(['bab', 'str_mod', 'cmb_size', 'cmb_misc', 'cmb_temp'], values => {
setAttrs({
cmb: values.bab + values.str_mod + values.cmb_size + values.cmb_misc + values.cmb_temp
});
});
onChangeParse(['bab', 'str_mod', 'dex_mod', 'cmd_size', 'cmd_misc', 'cmd_temp'], values => {
setAttrs({
cmd: 10 + values.bab + values.str_mod + values.dex_mod + values.cmd_size + values.cmd_misc + values.cmd_temp
});
});
// Skills
var skills = [
{ skill: 'acrobatics', ability: 'dex', armorPenalty: true },
{ skill: 'appraise', ability: 'int', armorPenalty: false },
{ skill: 'bluff', ability: 'cha', armorPenalty: false },
{ skill: 'climb', ability: 'str', armorPenalty: true },
{ skill: 'craft1', ability: 'int', armorPenalty: false },
{ skill: 'craft2', ability: 'int', armorPenalty: false },
{ skill: 'craft3', ability: 'int', armorPenalty: false },
{ skill: 'craft4', ability: 'int', armorPenalty: false },
{ skill: 'craft5', ability: 'int', armorPenalty: false },
{ skill: 'diplomacy', ability: 'cha', armorPenalty: false },
{ skill: 'disable_device', ability: 'dex', armorPenalty: true },
{ skill: 'disguise', ability: 'cha', armorPenalty: false },
{ skill: 'escape_artist', ability: 'dex', armorPenalty: true },
{ skill: 'fly', ability: 'dex', armorPenalty: true },
{ skill: 'handle_animal', ability: 'cha', armorPenalty: false },
{ skill: 'heal', ability: 'wis', armorPenalty: false },
{ skill: 'intimidate', ability: 'cha', armorPenalty: false },
{ skill: 'knowledge_arcana', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_dungeoneering', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_engineering', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_geography', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_history', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_local', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_nature', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_nobility', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_planes', ability: 'int', armorPenalty: false },
{ skill: 'knowledge_religion', ability: 'int', armorPenalty: false },
{ skill: 'linguistics', ability: 'int', armorPenalty: false },
{ skill: 'perception', ability: 'wis', armorPenalty: false },
{ skill: 'perform1', ability: 'cha', armorPenalty: false },
{ skill: 'perform2', ability: 'cha', armorPenalty: false },
{ skill: 'perform3', ability: 'cha', armorPenalty: false },
{ skill: 'perform4', ability: 'cha', armorPenalty: false },
{ skill: 'perform5', ability: 'cha', armorPenalty: false },
{ skill: 'profession1', ability: 'wis', armorPenalty: false },
{ skill: 'profession2', ability: 'wis', armorPenalty: false },
{ skill: 'profession3', ability: 'wis', armorPenalty: false },
{ skill: 'profession4', ability: 'wis', armorPenalty: false },
{ skill: 'profession5', ability: 'wis', armorPenalty: false },
{ skill: 'ride', ability: 'dex', armorPenalty: true },
{ skill: 'sense_motive', ability: 'wis', armorPenalty: false },
{ skill: 'sleight_of_hand', ability: 'dex', armorPenalty: true },
{ skill: 'spellcraft', ability: 'int', armorPenalty: false },
{ skill: 'stealth', ability: 'dex', armorPenalty: true },
{ skill: 'survival', ability: 'wis', armorPenalty: false },
{ skill: 'swim', ability: 'str', armorPenalty: true },
{ skill: 'use_magic_device', ability: 'cha', armorPenalty: false }
];
_.each(skills, skillTuple => {
var skill = skillTuple.skill
var ability = skillTuple.ability;
var hasArmorPen = skillTuple.armorPenalty;
onChangeParse([skill + '_class', ability + '_mod', skill + '_ranks', skill + '_misc', 'armor_penalty'], values => {
updateSkill(skill, ability, hasArmorPen, values);
});
});
onChange(['caster_ability'], () => {
getAttrs(['caster_ability'], values => {
var caster_ability = values.caster_ability;
parseAttrs([caster_ability + '_mod'], values => {
setAttrs({
spell_dc_ability_mod: values[caster_ability + '_mod']
});
});
});
});
onChangeParse(['spell_dc_ability_mod', 'spell_dc_misc'], values => {
setAttrs({
spell_dc_base: 10 + values.spell_dc_ability_mod + values.spell_dc_misc
});
});
onChangeParse(['spell_dc_base'], values => {
setAttrs({
spell_level_0_dc: values.spell_dc_base,
spell_level_1_dc: values.spell_dc_base + 1,
spell_level_2_dc: values.spell_dc_base + 2,
spell_level_3_dc: values.spell_dc_base + 3,
spell_level_4_dc: values.spell_dc_base + 4,
spell_level_5_dc: values.spell_dc_base + 5,
spell_level_6_dc: values.spell_dc_base + 6,
spell_level_7_dc: values.spell_dc_base + 7,
spell_level_8_dc: values.spell_dc_base + 8,
spell_level_9_dc: values.spell_dc_base + 9
});
});
on('sheet:opened', () => {
forceUpdate([
'str', 'dex', 'con', 'int', 'wis', 'cha',
'bab', 'size'
]);
});
</script>
<rolltemplate class="sheet-rolltemplate-pf">
<table>
<thead>
<tr>
<th>{{charName}} &#x21D2; {{attr}}</th>
</tr>
</thead>
<tbody>
<tr>
<td>Result {{result}}</td>
</tr>{{#notes}}
<tr>
<td class="notes">
<div>Notes:</div>
<div>{{notes}}</div>
</td>
</tr>{{/notes}}
</tbody>
</table>
</rolltemplate>