Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-31 20:22:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
fcd1def69752e4e94de164b3d14432b2c2ce0ae8
roll20-character-sheets/Log Horizon TRPG/LHsheet.html
T
LukeMc b20d783150 Retrigger full upload
2024-06-03 13:15:14 -04:00

1240 lines
78 KiB
HTML
Raw Blame History

<div style="min-height: 1000px;">
<div style="background-color: white; height: 3.5em; width: 815px; border: 1px solid black;">
<div style="float: left; margin-left: 5px; margin-top: 8px; width: 25em;">
<input style="height: 1em; width: 100%; border: none; border-bottom: 1px solid black; background-color: white; box-shadow: inset 0px 0px 0px 0px black;" type=text name="attr_name"/>
<b style="margin-left: 5px;"><span data-i18n="Name">Name</span></b>
</div>
<div style="float: left; margin-left: 5px; margin-top: 8px; width: 3em;">
<input type=number style="height: 1em; width: 3em; border: none; border-bottom: 1px solid black; background-color: white; box-shadow: inset 0px 0px 0px 0px black;" name="attr_cr" value="1" />
<b style="margin-left: 3px;"><span data-i18n="Rank">Rank</span></b>
</div>
<div style="float: left; margin-left: 5px; width: 9em;">
<div class="tooltip2" style=" margin-left: 0.5em;">
<span class="tooltiptext2" style="width: 20em;" data-i18n="Racememo">Each character gets 5 bonus points that they can add to their base stats (Strength, Dexterity, Power or Intelligence). However, at Rank 1 no stat can be higher than 7. If you choose Human you also get an additional +1 bonus to two stats of your choice. You cannot add them to the same stat.</span>
<select type=text style="width: 9em; height: 2em; border: none; border-bottom: 1px solid black; font-size: 12px; background-color: white; box-shadow: inset 0px 0px 0px 0px black; margin: 0; margin-bottom: 2px;" name="attr_race">
<option value="0">---</option>
<option value="1" data-i18n="Human">Human</option>
<option value="2" data-i18n="Elf">Elf</option>
<option value="3" data-i18n="Dwarf">Dwarf</option>
<option value="4" data-i18n="Half-Alv">Half-Alv</option>
<option value="5" data-i18n="Werecat">Werecat</option>
<option value="6" data-i18n="Wolf Fang">Wolf Fang</option>
<option value="7" data-i18n="Fox Tail">Fox Tail</option>
<option value="8" data-i18n="Race of Ritual">Race of Ritual</option>
</select>
<b style="margin-left: 8px;"><span data-i18n="Race">Race</span></b>
</div>
<input type="hidden" name="attr_raceSTRbonus" value="0">
<input type="hidden" name="attr_raceDEXbonus" value="0">
<input type="hidden" name="attr_racePOWbonus" value="0">
<input type="hidden" name="attr_raceINTbonus" value="0">
<input type="hidden" name="attr_raceHPbonus" value="0">
<input type="hidden" name="attr_raceFateBonus" value="0">
</div>
<div style="float: left; margin-left: 5px; width: 9em;">
<select type=text style="width: 9em; height: 2em; border: none; border-bottom: 1px solid black; font-size: 12px; background-color: white; box-shadow: inset 0px 0px 0px 0px black; margin: 0; margin-bottom: 2px;" name="attr_class">
<option value="0">---</option>
<option value="1" data-i18n="Guardian">Guardian</option>
<option value="2" data-i18n="Samurai">Samurai</option>
<option value="3" data-i18n="Monk">Monk</option>
<option value="4" data-i18n="Cleric">Cleric</option>
<option value="5" data-i18n="Druid">Druid</option>
<option value="6" data-i18n="Kannagi">Kannagi</option>
<option value="7" data-i18n="Assassin">Assassin</option>
<option value="8" data-i18n="Swashbuckler">Swashbuckler</option>
<option value="9" data-i18n="Bard">Bard</option>
<option value="10" data-i18n="Sorcerer">Sorcerer</option>
<option value="11" data-i18n="Summoner">Summoner</option>
<option value="12" data-i18n="Enchanter">Enchanter</option>
</select>
<b style="margin-left: 8px;"><span data-i18n="Class">Class</span></b>
<input type="hidden" name="attr_classSTRbonus" value="0">
<input type="hidden" name="attr_classDEXbonus" value="0">
<input type="hidden" name="attr_classPOWbonus" value="0">
<input type="hidden" name="attr_classINTbonus" value="0">
<input type="hidden" name="attr_classHPbonus" value="0">
<input type="hidden" name="attr_classHPmod" value="0">
</div>
<div style="float: left; margin-left: 5px; margin-top: 8px; width: 13em;">
<input type=text style="height: 1em; width: 13em; border: none; border-bottom: 1px solid black; background-color: white; box-shadow: inset 0px 0px 0px 0px black;" name="attr_subClass" />
<b><span data-i18n="Subclass">Subclass</span></b>
</div>
</div>
<div style="min-height: 700px;">
<div style="margin-top: 3px; float: left;">
<div class="stat">
<div class="statBorder">
<input class="statMod" style="resize: horizontal; width: 36px;" type=text name="attr_STRmod" value=((@{STRtotal}-(@{STRtotal}%3))/3) disabled="disabled"/>
<input class="baseStat" style="resize: horizontal; width: 20px;" type=text name="attr_STRtotal" value=(((@{STR}+@{cr})-1)+@{classSTRbonus}+@{raceSTRbonus}) disabled="disabled"/>
<div class="baseStatBorder"></div>
</div>
</div>
<p style="font-size: 8px; margin-left: 6px; margin-bottom: 1px;"><b><span data-i18n="STRENGTH">STRENGTH</span></b></p>
<div class="stat">
<div class="statBorder">
<input class="statMod" style="resize: horizontal; width: 36px;" type=text name="attr_DEXmod" value=((@{DEXtotal}-(@{DEXtotal}%3))/3) disabled="disabled"/>
<input class="baseStat" style="resize: horizontal; width: 20px;" type=text name="attr_DEXtotal" value=(((@{DEX}+@{cr})-1)+@{classDEXbonus}+@{raceDEXbonus}) disabled="disabled"/>
<div class="baseStatBorder"></div>
</div>
</div>
<p style="font-size: 8px; margin-left: 6px; margin-bottom: 1px;"><b><span data-i18n="DEXTERITY">DEXTERITY</span></b></p>
<div class="stat">
<div class="statBorder">
<input class="statMod" style="resize: horizontal; width: 36px;" type=text name="attr_POWmod" value=((@{POWtotal}-(@{POWtotal}%3))/3) disabled="disabled"/>
<input class="baseStat" style="resize: horizontal; width: 20px;" type=text name="attr_POWtotal" value=(((@{POW}+@{cr})-1)+@{classPOWbonus}+@{racePOWbonus}) disabled="disabled"/>
<div class="baseStatBorder"></div>
</div>
</div>
<p style="font-size: 8px; margin-left: 14px; margin-bottom: 1px;"><b><span data-i18n="POWER">POWER</span></b></p>
<div class="stat">
<div class="statBorder">
<input class="statMod" style="resize: horizontal; width: 36px;" type=text name="attr_INTmod" value=((@{INTtotal}-(@{INTtotal}%3))/3) disabled="disabled"/>
<input class="baseStat" style="resize: horizontal; width: 20px;" type=text name="attr_INTtotal" value=(((@{INT}+@{cr})-1)+@{classINTbonus}+@{raceINTbonus}) disabled="disabled"/>
<div class="baseStatBorder"></div>
</div>
</div>
<p style="font-size: 8px; margin-left: 1px; margin-bottom: 1px;"><b><span data-i18n="INTELLIGENCE">INTELLIGENCE</span></b></p>
<input type="hidden" name="attr_highMod" value="0">
</div>
<div style="margin-left: 5px; width: 130px; margin-top: 5px; float: left;">
<button style="font-size: 12px;" class="checkBtn" type=roll value="&{template:default} {{name=Athletics}} {{Roll=[[@{baseDie}+[[@{STRmod}]]+@{athleticsBonus} ]]}}">&nbsp;<span data-i18n="Athletics (STR)">Athletics (STR)</span></button>
<button style="font-size: 12px;" class="checkBtn" type=roll value="&{template:default} {{name=Endurance}} {{Roll=[[@{baseDie}+[[@{STRmod}]]+@{enduranceBonus} ]]}}">&nbsp;<span data-i18n="Endurance (STR)">Endurance (STR)</span></button>
<button style="font-size: 12px;" class="checkBtn" type=roll value="&{template:default} {{name=Disable}} {{Roll=[[@{baseDie}+[[@{DEXmod}]]+@{disableBonus} ]]}}">&nbsp;<span data-i18n="Disable (DEX)">Disable (DEX)</span></button>
<button style="font-size: 12px;" class="checkBtn" type=roll value="&{template:default} {{name=Operate}} {{Roll=[[@{baseDie}+[[@{DEXmod}]]+@{operateBonus} ]]}}">&nbsp;<span data-i18n="Operate (DEX)">Operate (DEX)</span></button>
<button style="font-size: 12px;" class="checkBtn" type=roll value="&{template:default} {{name=Perception}} {{Roll=[[@{baseDie}+[[@{POWmod}]]+@{perceptionBonus} ]]}}">&nbsp;<span data-i18n="Perception (POW)">Perception (POW)</span></button>
<button style="font-size: 12px;" class="checkBtn" type=roll value="&{template:default} {{name=Negotiation}} {{Roll=[[@{baseDie}+[[@{POWmod}]]+@{negotiationBonus} ]]}}">&nbsp;<span data-i18n="Negotiation (POW)">Negotiation (POW)</span></button>
<button style="font-size: 12px;" class="checkBtn" type=roll value="&{template:default} {{name=Knowledge}} {{Roll=[[@{baseDie}+[[@{INTmod}]]+@{knowledgeBonus} ]]}}">&nbsp;<span data-i18n="Knowledge (INT)">Knowledge (INT)</span></button>
<button style="font-size: 12px;" class="checkBtn" type=roll value="&{template:default} {{name=Analyze}} {{Roll=[[@{baseDie}+[[@{INTmod}]]+@{analyzeBonus} ]]}}">&nbsp;<span data-i18n="Analyze (INT)">Analyze (INT)</span></button>
<button style="font-size: 14px; color: #C3FAFF; margin-top: 8px;" class="checkBtn" type=roll value="&{template:default} {{name=Initiative}}{{Roll=[[2d6+[[@{STRmod}+@{INTmod}+@{hand1initiative}+@{hand2initiative}+@{armorInitiative}+@{accessory1initiative}+@{accessory2initiative}+@{accessory3initiative}]]+@{initiativeBonus} &{tracker}]]}}">&nbsp;<span data-i18n="Initiative">Initiative</span></button>
<button style="font-size: 14px;" class="checkBtn" type=roll value="&{template:default} {{name=Evasion}} {{Roll=[[@{defBaseDie}+[[@{DEXmod}]]+@{evasionBonus} ]]}}">&nbsp;<span data-i18n="Evasion">Evasion</span></button>
<button style="font-size: 14px;" class="checkBtn" type=roll value="&{template:default} {{name=Resistance}} {{Roll=[[@{defBaseDie}+[[@{POWmod}]]+@{resistanceBonus} ]]}}">&nbsp;<span data-i18n="Resistance">Resistance</span></button>
<button style="font-size: 14px;" class="checkBtn" type=roll value="&{template:default} {{name=Accuracy}} {{Roll=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}]]}}">&nbsp;<span data-i18n="Accuracy">Accuracy</span></button>
</div>
<input type="hidden" name="attr_accuracyTotal" value="[[@{highMod}+@{hand1accuracy}+@{hand2accuracy}+@{accessory1accuracy}+@{accessory2accuracy}+@{accessory3accuracy}]]">
<div style="width: 322px; float: left; margin-top: 5px;">
<div style="float: left; margin-left: 10px; height: 100px; width: 100px; background-image: url(https://i.imgur.com/YIdl9Nr.png);">
<div>
<input name="attr_HP" class="iconInput" value="0" style='width: 2em; height: 1em; font-size: 20px; text-align: center; margin-left: 10px; margin-top: 15px; float: left;' type="text" value="0">
<input name="attr_HP_max" class="iconInput" style='width: 2em; height: 1em; font-size: 20px; text-align: center; margin-top: 15px; float: left;' type="text" disabled="disabled" value=@{classHPbonus}+(@{classHPmod}*(@{cr}-1))+@{raceHPbonus}+@{HPbonus}-@{fatigue}>
<input type="text" name="attr_barrier" class="iconInput" value="0" style='width: 2.5em; height: 1em; font-size: 14px; text-align: center; float: left; margin-left: 13px; margin-top: 8px;'>
<p style="margin-top: -18px; float: left; margin-left: -1px;"><b>/</b></p>
<input type="text" name="attr_tempHP" class="iconInput" value="0" style='width: 2.5em; height: 1em; font-size: 14px; text-align: center; float: left; margin-top: 8px;'>
</div>
<div>
<p style="margin-left: 21px; margin-top: -3px; font-size: 8px;"><b><span data-i18n="Barrier">Barrier</span> &nbsp; <span data-i18n="Temp.">Temp.</span></b></p>
</div>
</div>
<div style="float: left; margin-left: 10px;">
<div style="margin-left: 2px; margin-top: 5px; height: 50px; width: 50px; background-image: url(https://i.imgur.com/eXp0WGb.png); background-size: contain;">
<input name="attr_hate" class="iconInput" style="width: 2em; margin-left: 9px; margin-top: 14px; font-size: 16px; text-align: center;" type="text" value="0">
<b style="position: absolute; margin-left: -27px; margin-top: 31px; font-size: 10px;"><span data-i18n="Hate">Hate</span></b>
</div>
<div style="width: 50px; height: 35px; margin-top: 5px; margin-left: 2px; background-color: white; border: solid 1px black; border-radius: 5px;">
<input type="text" name="attr_fatigue" class="iconInput" value="0" style="font-size: 16px; width: 3em; text-align: center;">
<b style="font-size: 10px; position: absolute; margin-top: 20px; margin-left: -39px;"><span data-i18n="Fatigue">Fatigue</span></b>
</div>
</div>
<div style="float: left; background-image: url(https://i.imgur.com/zzSYrKx.png); height: 100px; width: 100px; margin-left: 10px;">
<input name="attr_PDEFtotal" class="iconInput" style="margin-top: 25px; margin-left: 10px; width: 2em; font-size: 18px; text-align: center; float: left;" type="text" value=(@{STRmod}*2)+@{PDEFbonus}+@{hand1pdef}+@{hand2pdef}+@{armorpdef}+@{accessory1pdef}+@{accessory2pdef}+@{accessory3pdef} disabled="disabled">
<input name="attr_MDEFtotal" class="iconInput" style="margin-top: 25px; margin-left: 5px; width: 2em; font-size: 18px; text-align: center; float: left;" type="text" value=(@{INTmod}*2)+@{MDEFbonus}+@{hand1mdef}+@{hand2mdef}+@{armormdef}+@{accessory1mdef}+@{accessory2mdef}+@{accessory3mdef} disabled="disabled">
</div>
<div style=" height: 35px; margin-left: 20px; background-color: white; border: solid 1px black; border-radius: 5px; float: left; margin-top: 6px;">
<input type="text" name="attr_fate" class="iconInput" value="0" style="font-size: 18px; width: 2em; text-align: center; float: left;">
<p style="float: left; margin-top: 5px;"><b>/</b></p>
<input type="text" name="attr_fate_max" class="iconInput" disabled="disabled" value=@{fateBonus}+@{raceFateBonus} style="font-size: 18px; width: 2em; text-align: center; float: left;">
<b style="position: absolute; font-size: 10px; margin-left: -65px; margin-top: 20px;"><span data-i18n="Fate Points">Fate Points</span></b>
</div>
<div style="margin-top: 5px; margin-left: 26px; float: left; background-color: white; border: solid 1px black; border-radius: 5px; width: 50px; height: 35px;">
<input type="text" name="attr_speed" class="iconInput" value=(2+@{speedBonus})*@{speedPenalty} disabled="disabled" style="font-size: 16px; width: 2em; text-align: center; margin-left: 6px;">
<b style="position: absolute; margin-left: -8px; margin-top: 5px; font-size: 10px;">Sq.</b>
<b style="font-size: 10px; position: absolute; margin-top: 20px; margin-left: -29px;"><span data-i18n="Speed">Speed</span></b>
</div>
<div style="float: left; margin-top: 5px; margin-left: 30px;">
<div>
<img src="https://i.imgur.com/MtDON5t.png" style="height: 25px; width: 25px; float: left;">
<input name="attr_attack" style="float: left; width: 3em; height: 25px; text-align: center; font-size: 18px; margin-left: 5px; background-color: white;" type="text" value=[[@{attackBonus}+@{hand1attack}+@{hand2attack}+@{accessory1attack}+@{accessory2attack}+@{accessory3attack}]] disabled="disabled">
</div>
<div>
<img src="https://i.imgur.com/JnimR1I.png" style="height: 25px; width: 25px; float: left;">
<input name="attr_magic" style="float: left; width: 3em; height: 25px; text-align: center; font-size: 18px; margin-top: 5px; margin-left: 5px; background-color: white;" type="text" value=[[@{magicBonus}+@{hand1magic}+@{hand2magic}+@{accessory1magic}+@{accessory2magic}+@{accessory3magic}]] disabled="disabled">
</div>
<div>
<img src="https://i.imgur.com/1mCzGC6.png" style="height: 25px; width: 25px; float: left;">
<input name="attr_recovery" style="float: left; width: 3em; height: 25px; text-align: center; font-size: 18px; margin-top: 5px; margin-left: 5px; background-color: white;" type="text" value=@{recoveryBonus} disabled="disabled">
</div>
</div>
<div style="float: left; position: absolute; margin-top: 160px; margin-left: 10px;">
<b style="color: #002B06;"><span data-i18n="Regen">Regen</span></b>
<input type="text" name="attr_regen" class="iconInput" style="font-size: 12px; height: 17px; background-color: white; width: 2em; margin-left: 3px;"><br>
<b style="color: #002B06;"><span data-i18n="Cancel">Cancel</span></b>
<input type="text" name="attr_cancel" class="iconInput" style="font-size: 12px; height: 17px; background-color: white; width: 2em;"><br>
<div style="margin-top: 10px;">
<input type="checkbox" name="attr_dazed" value=1>
<b style="color: #2B0100;"><span data-i18n="Dazed">Dazed</span></b><br>
<input type="checkbox" value=1 name="attr_rigor">
<b style="color: #2B0100;"><span data-i18n="Rigor">Rigor</span></b><br>
<input type="checkbox" name="attr_confused" value=1>
<b style="color: #2B0100;"><span data-i18n="Confused">Confused</span></b><br>
</div>
</div>
<div style="float: left; margin-left: 105px; position: absolute; margin-top: 160px;">
<b style="color: #2B0100;"><span data-i18n="Decay">Decay</span></b>
<input type="text" name="attr_decay" class="iconInput" style="font-size: 12px; height: 17px; background-color: white; width: 2em; margin-left: 6px;"><br>
<b style="color: #2B0100;"><span data-i18n="Pursuit">Pursuit</span></b>
<input type="text" name="attr_pursuit" class="iconInput" style="font-size: 12px; height: 17px; background-color: white; width: 2em;"><br>
<div style="margin-top: 10px;">
<input type="checkbox" value=1 name="attr_staggered">
<b style="color: #2B0100;"><span data-i18n="Staggered">Staggered</span></b><br>
<input type="checkbox" name="attr_afflicted">
<b style="color: #2B0100;"><span data-i18n="Afflicted">Afflicted</span></b><br>
<input type="checkbox" name="attr_overconfident">
<b style="color: #2B0100;"><span data-i18n="Overconfident">Overconfident</span></b><br>
</div>
</div>
<div style="position: absolute; margin-top: 270px;">
<b style="color: #002B06; margin-left: 30px;"><span data-i18n="Cancel: Spec.">Cancel: Spec.</span></b>
<b style="color: #2B0100; margin-left: 75px;"><span data-i18n="Weakness">Weakness</span></b><br>
<input type="text" name="attr_resistance" class="iconInput" style="font-size: 12px; height: 14px; background-color: white; width: 12em; margin-top: -3px; margin-left: 5px;">
<input type="text" name="attr_weakness" class="iconInput" style="font-size: 12px; height: 14px; background-color: white; width: 12em; margin-top: -3px; margin-left: 5px;">
</div>
<input type="hidden" name="attr_speedPenalty" value=(1-@{rigor})>
<input type="hidden" name="attr_baseDie" value=[[(2-@{staggered}-@{confused})]]d6>
<input type="hidden" name="attr_defBaseDie" value=[[(2-@{dazed}-@{confused})]]d6>
</div>
<div style="position: absolute; margin-top: 320px; margin-left: 5px;">
<div style="background-color: #808182; border-radius: 3px; width: 123px; margin-left: 63px;">
<b style="color: white; margin-left: 5px;">&nbsp; &nbsp; <span data-i18n="Bonuses">Bonuses</span> &nbsp; &nbsp; &nbsp; &nbsp;</b> <input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<div class="bonusDiv" style="overflow: hidden; color: white; font-size: 10px; width: 380px; height: 207px; border-radius: 3px; background-color: #808182;">
<div style="margin-bottom: 5px;">
<div style="margin-left: 20px; float: left;">
<b style="margin-left: 4px;"><span data-i18n="STR">STR</span></b><br>
<input class="bonusInput" style="height: 15px;" type=text name="attr_STR" value="0"/>
</div>
<div style="float: left; margin-left: 35px;">
<b style="margin-left: 2px;"><span data-i18n="DEX">DEX</span></b><br>
<input class="bonusInput" style="height: 15px;" type=text name="attr_DEX" value="0"/>
</div>
<div style="float: left; margin-left: 32px;">
<b style="margin-left: 1px;"><span data-i18n="POW">POW</span></b><br>
<input class="bonusInput" style="height: 15px;" type=text name="attr_POW" value="0"/>
</div>
<div style="float: left; margin-left: 33px;">
<b style="margin-left: 6px;"><span data-i18n="INT">INT</span></b><br>
<input class="bonusInput" style="height: 15px;" type=text name="attr_INT" value="0"/>
</div>
<div style="float: left; margin-left: 30px;">
<b style="margin-left: 8px;"><span data-i18n="HP">HP</span></b><br>
<input class="bonusInput" style="height: 15px;" type="text" name="attr_HPbonus" value="0">
</div>
<div style="float: left; margin-left: 30px;">
<b style="margin-left: 5px;"><span data-i18n="Fate">Fate</span></b><br>
<input class="bonusInput" style="height: 15px;" type="text" name="attr_fateBonus" value="0">
</div>
</div><br><br>
<div style="margin-bottom: 5px;">
<div style="float: left; margin-left: 16px;">
<b style="margin-left: 5px;"><span data-i18n="Attack">Attack</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 4px;" type="text" name="attr_attackBonus" value="0">
</div>
<div style="float: left; margin-left: 29px;">
<b style="margin-left: 5px;"><span data-i18n="Magic">Magic</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 4px;" type="text" name="attr_magicBonus" value="0">
</div>
<div style="float: left; margin-left: 20px;">
<b style="margin-left: 5px;"><span data-i18n="Recovery">Recovery</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 12px;" type="text" name="attr_recoveryBonus" value="0">
</div>
<div style="float: left; margin-left: 10px;">
<b style="margin-left: 5px;"><span data-i18n="P. Defense">P. Defense</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 15px;" type="text" name="attr_PDEFbonus" value="0">
</div>
<div style="float: left; margin-left: 6px;">
<b style="margin-left: 5px;"><span data-i18n="M. Defense">M. Defense</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 15px;" type="text" name="attr_MDEFbonus" value="0">
</div>
<div style="float: left; margin-left: 2px;">
<b style="margin-left: 13px;"><span data-i18n="Speed">Speed</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 15px;" type="text" name="attr_speedBonus" value="0">
</div>
</div><br><br>
<div style="margin-bottom: 5px;">
<div style="float: left; margin-left: 12px;">
<b style="margin-left: 5px;"><span data-i18n="Athletics">Athletics</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 8px;" type="text" name="attr_athleticsBonus" value="0">
</div>
<div style="float: left; margin-left: 8px;">
<b style="margin-left: 5px;"><span data-i18n="Endurance">Endurance</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 18px;" type="text" name="attr_enduranceBonus" value="0">
</div>
<div style="float: left; margin-left: 18px;">
<b style="margin-left: 5px;"><span data-i18n="Disable">Disable</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 5px;" type="text" name="attr_disableBonus" value="0">
</div>
<div style="float: left; margin-left: 20px;">
<b style="margin-left: 5px;"><span data-i18n="Operate">Operate</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 7px;" type="text" name="attr_operateBonus" value="0">
</div>
</div><br><br>
<div style="margin-bottom: 5px;">
<div style="float: left; margin-left: 5px;">
<b style="margin-left: 5px;"><span data-i18n="Perception">Perception</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 15px;" type="text" name="attr_perceptionBonus" value="0">
</div>
<div style="float: left; margin-left: 5px;">
<b style="margin-left: 5px;"><span data-i18n="Negotiation">Negotiation</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 18px;" type="text" name="attr_negotiationBonus" value="0">
</div>
<div style="float: left; margin-left: 5px;">
<b style="margin-left: 5px;"><span data-i18n="Knowledge">Knowledge</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 15px;" type="text" name="attr_knowledgeBonus" value="0">
</div>
<div style="float: left; margin-left: 10px;">
<b style="margin-left: 5px;"><span data-i18n="Analyze">Analyze</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 10px;" type="text" name="attr_analyzeBonus" value="0">
</div>
</div><br><br>
<div>
<div style="float: left; margin-left: 10px;">
<b style="margin-left: 5px;"><span data-i18n="Initiative">Initiative</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 10px;" type="text" name="attr_initiativeBonus" value="0">
</div>
<div style="float: left; margin-left: 19px;">
<b style="margin-left: 5px;"><span data-i18n="Evasion">Evasion</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 10px;" type="text" name="attr_evasionBonus" value="0">
</div>
<div style="float: left; margin-left: 13px;">
<b style="margin-left: 5px;"><span data-i18n="Resistance">Resistance</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 16px;" type="text" name="attr_resistanceBonus" value="0">
</div>
<div style="float: left; margin-left: 10px;">
<b style="margin-left: 5px;"><span data-i18n="Accuracy">Accuracy</span></b><br>
<input class="bonusInput" style="height: 15px; margin-left: 11px;" type="text" name="attr_accuracyBonus" value="0">
</div>
</div>
</div>
</div>
<div>
<div style="position: absolute; width: 200px; margin-left: 280px;">
<b style="float: left; margin-left: 25px;"><span data-i18n="Gold">Gold</span></b><input type="text" name="attr_gold" class="iconInput" value="0" style="float: left; width: 4em; background-color: white; padding: 0; border-radius: 3px; margin-left: 21px; text-align: center;">
<br>
<b style="float: left; margin-left: 10px; margin-top: 10px;"><span data-i18n="Inventory">Inventory</span></b> <input type="text" name="attr_inventoryCurrent" class="iconInput" placeholder="0" style="float: left; width: 1.5em; background-color: white; padding: 0; border-radius: 3px; margin-left: 10px; text-align: center; margin-top: 10px;">
<b style="float: left; margin-left: 3px; margin-right: 3px; margin-top: 10px;">/</b>
<input type="text" disabled="disabled" name="attr_inventoryMax" class="iconInput" value=2+@{bagCapacity} style="float: left; width: 1.5em; background-color: white; padding: 0; border-radius: 3px; text-align: center; margin-top: 10px;"><br>
<textarea name="attr_equipment" style="height: 200px; width: 200px; max-width: 200px; max-height: 500px; background-attachment: local;
background-image:
linear-gradient(to right, white 10px, transparent 10px),
linear-gradient(to left, white 10px, transparent 10px),
repeating-linear-gradient(white, white 20px, #ccc 20px, #ccc 21px, white 21px);
line-height: 21px;
padding: 2px 10px;"></textarea>
</div>
<div style="background-color: #808182; border-radius: 3px; width: 270px; margin-top: 10px;">
<div style="background-color: #808182; border-radius: 3px; width: 100%;">
<b style="color: white; margin-left: 5px; font-size: 10px;"><span data-i18n="Right Hand">Right Hand</span></b><br>
<input name="attr_hand1namelabel" type=text value='@{hand1}' disabled="disabled" class="skillName" style='font-size: 12px; width: 175px; height: 14px; float: left;'>
<input name="attr_hand1rangelabel" type=text value='@{hand1range}' disabled="disabled" class="skillName" style='font-size: 12px; width: 3.5em; height: 14px; float: left; text-align: right;'>
<input name="attr_hand1rangeTypeLabel" type=text value='(Sq.)' disabled="disabled" class="skillName" style='font-size: 12px; width: 3em; height: 14px; float: left;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<div class="bonusDiv" style="overflow: hidden; color: white; font-size: 10px; width: 100%; border-radius: 3px; background-color: #808182;">
<div class="propertyDivs" style="margin-left: 0;">
<input type=text name=attr_hand1 placeholder="Name" style='width: 18em; height:1.5em; margin-left: 5px;'>
<input type=text name=attr_hand1rank placeholder="Rank" style='width: 3.5em; height:1.5em; margin-left: 5px;'>
<br>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Attack">Attack</span></b><br>
<input type=text name=attr_hand1attack value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Magic">Magic</span></b><br>
<input type=text name=attr_hand1magic value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="P. Def">P. Def</span></b><br>
<input type=text name=attr_hand1Pdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="M. Def">M. Def</span></b><br>
<input type=text name=attr_hand1Mdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 7px;">
<b style='color: white; '><span data-i18n="Accuracy">Accuracy</span></b><br>
<input type=text name=attr_hand1accuracy value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white; margin-left: 10px;'><span data-i18n="Range">Range</span></b><br>
<select name="attr_hand1range" style='width: 5em; height: 15px; font-size: 12px; padding: 0;'>
<option value="">-</option>
<option value="Close" data-i18n="Close">Close</option>
<option value="1">1 sq.</option>
<option value="2">2 sq.</option>
<option value="3">3 sq.</option>
<option value="4">4 sq.</option>
</select>
</div>
<div style="float: left; margin-left: 7px;">
<b style='color: white; margin-left: 5px;'><span data-i18n="Initiative">Initiative</span></b><br>
<input type=text name=attr_hand1initiative value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<div class="tooltip2" style="margin-left: 30px;"><p style=" height: 15px; width: 15px; text-align: center; background-color: #4F2F15; color: white; border: 1px solid #4F2F15; border-radius: 10px; font-size: 12px;">?</p>
<span class="tooltiptext2" style="font-size: 12px;" data-i18n="RhandMemo">If your equipment gives a bonus to a stat that's not included here, or if it adds dice as a bonus, you will need to add it manually in the Bonuses section.</span>
</div>
<br>
<textarea name=attr_hand1desc placeholder="Description" style='width: 100%; height: 40px; font-size: 11px; line-height: 1em;'></textarea>
</div>
</div>
</div>
<div style="background-color: #60636B; border-radius: 3px; width: 100%;">
<b style="color: white; margin-left: 5px; font-size: 10px;"><span data-i18n="Left Hand">Left Hand</span></b><br>
<input name="attr_hand2namelabel" type=text value='@{hand2}' disabled="disabled" class="skillName" style='font-size: 12px; width: 175px; height: 14px; float: left;'>
<input name="attr_hand2rangelabel" type=text value='@{hand2range}' disabled="disabled" class="skillName" style='font-size: 12px; width: 3.5em; height: 14px; float: left; text-align: right;'>
<input name="attr_hand2rangeTypeLabel" type=text value='(Sq.)' disabled="disabled" class="skillName" style='font-size: 12px; width: 3em; height: 14px; float: left;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<div class="bonusDiv" style="overflow: hidden; color: white; font-size: 10px; width: 100%; border-radius: 3px; background-color: #60636B;">
<div class="propertyDivs" style="margin-left: 0;">
<input type=text name=attr_hand2 placeholder="Name" style='width: 18em; height:1.5em; margin-left: 5px;'>
<input type=text name=attr_hand2rank placeholder="Rank" style='width: 3.5em; height:1.5em; margin-left: 5px;'>
<br>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Attack">Attack</span></b><br>
<input type=text name=attr_hand2attack value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Magic">Magic</span></b><br>
<input type=text name=attr_hand2magic value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="P. Def">P. Def</span></b><br>
<input type=text name=attr_hand2Pdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="M. Def">M. Def</span></b><br>
<input type=text name=attr_hand2Mdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 7px;">
<b style='color: white; '><span data-i18n="Accuracy">Accuracy</span></b><br>
<input type=text name=attr_hand2accuracy value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white; margin-left: 10px;'><span data-i18n="Range">Range</span></b><br>
<select name="attr_hand2range" style='width: 5em; height: 15px; font-size: 12px; padding: 0;'>
<option value="">-</option>
<option value="Close" data-i18n="Close">Close</option>
<option value="1">1 sq.</option>
<option value="2">2 sq.</option>
<option value="3">3 sq.</option>
<option value="4">4 sq.</option>
</select>
</div>
<div style="float: left; margin-left: 7px;">
<b style='color: white; margin-left: 5px;'><span data-i18n="Initiative">Initiative</span></b><br>
<input type=text name=attr_hand2initiative value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<div class="tooltip2" style="margin-left: 30px;"><p style=" height: 15px; width: 15px; text-align: center; background-color: #4F2F15; color: white; border: 1px solid #4F2F15; border-radius: 10px; font-size: 12px;">?</p>
<span class="tooltiptext2" style="font-size: 12px;" data-i18n="LhandMemo">If your equipment gives a bonus to a stat that's not included here, or if it adds dice as a bonus, you will need to add it manually in the Bonuses section.</span>
</div>
<br>
<textarea name=attr_hand2desc placeholder="Description" style='width: 100%; height: 40px; font-size: 11px; line-height: 1em;'></textarea>
</div>
</div>
</div>
<div style="background-color: #808182; border-radius: 3px; width: 100%;">
<b style="color: white; margin-left: 5px; font-size: 10px;"><span data-i18n="Armor">Armor</span></b><br>
<input name="attr_armornamelabel" type=text value='@{armor}' disabled="disabled" class="skillName" style='font-size: 12px; width: 254px; height: 14px; float: left;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<div class="bonusDiv" style="overflow: hidden; color: white; font-size: 10px; width: 100%; border-radius: 3px; background-color: #808182;">
<div class="propertyDivs" style="margin-left: 0;">
<input type=text name=attr_armor placeholder="Name" style='width: 18em; height:1.5em; margin-left: 5px;'>
<input type=text name=attr_armorrank placeholder="Rank" style='width: 3.5em; height:1.5em; margin-left: 5px;'>
<br>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="P. Def">P. Def</span></b><br>
<input type=text name=attr_armorPdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="M. Def">M. Def</span></b><br>
<input type=text name=attr_armorMdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 7px;">
<b style='color: white; margin-left: 5px;'><span data-i18n="Initiative">Initiative</span></b><br>
<input type=text name=attr_armorInitiative value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<div class="tooltip2" style="margin-left: 110px;"><p style=" height: 15px; width: 15px; text-align: center; background-color: #4F2F15; color: white; border: 1px solid #4F2F15; border-radius: 10px; font-size: 12px;">?</p>
<span class="tooltiptext2" style="font-size: 12px;" data-i18n="ArmorMemo">If your equipment gives a bonus to a stat that's not included here, or if it adds dice as a bonus, you will need to add it manually in the Bonuses section.</span>
</div>
<br>
<textarea name=attr_armordesc placeholder="Description" style='width: 280px; height: 40px; font-size: 11px; line-height: 1em; margin-top: 5px;'></textarea>
</div>
</div>
</div>
<div style="background-color: #60636B; border-radius: 3px; width: 100%;">
<b style="color: white; margin-left: 5px; font-size: 10px;"><span data-i18n="Accessory">Accessory</span></b><br>
<input name="attr_accessory1namelabel" type=text value='@{accessory1}' disabled="disabled" class="skillName" style='font-size: 12px; width: 254px; height: 14px; float: left;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<div class="bonusDiv" style="overflow: hidden; color: white; font-size: 10px; width: 100%; border-radius: 3px; background-color: #60636B;">
<div class="propertyDivs" style="margin-left: 0;">
<input type=text name=attr_accessory1 placeholder="Name" style='width: 18em; height:1.5em; margin-left: 5px;'>
<input type=text name=attr_accessory1rank placeholder="Rank" style='width: 3.5em; height:1.5em; margin-left: 5px;'>
<br>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Attack">Attack</span></b><br>
<input type=text name=attr_accessory1attack value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Magic">Magic</span></b><br>
<input type=text name=attr_accessory1magic value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 30px;">
<b style='color: white;'><span data-i18n="P. Def">P. Def</span></b><br>
<input type=text name=attr_accessory1Pdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="M. Def">M. Def</span></b><br>
<input type=text name=attr_accessory1Mdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div class="tooltip2" style="margin-left: 63px;"><p style=" height: 15px; width: 15px; text-align: center; background-color: #4F2F15; color: white; border: 1px solid #4F2F15; border-radius: 10px; font-size: 12px;">?</p>
<span class="tooltiptext2" style="font-size: 12px;" data-i18n="AccessoryMemo">If your equipment gives a bonus to a stat that's not included here, or if it adds dice as a bonus, you will need to add it manually in the Bonuses section.</span>
</div>
<br>
<div style="float: left; margin-left: 41px;">
<b style='color: white; '><span data-i18n="Accuracy">Accuracy</span></b><br>
<input type=text name=attr_accessory1accuracy value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<div style="float: left; margin-left: 15px;">
<b style='color: white; margin-left: 5px;'><span data-i18n="Initiative">Initiative</span></b><br>
<input type=text name=attr_accessory1initiative value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<br>
<textarea name=attr_accessory1desc placeholder="Description" style='width: 100%; height: 40px; font-size: 11px; line-height: 1em;'></textarea>
</div>
</div>
</div>
<div style="background-color: #808182; border-radius: 3px; width: 100%;">
<b style="color: white; margin-left: 5px; font-size: 10px;"><span data-i18n="Accessory">Accessory</span></b><br>
<input name="attr_accessory2namelabel" type=text value='@{accessory2}' disabled="disabled" class="skillName" style='font-size: 12px; width: 254px; height: 14px; float: left;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<div class="bonusDiv" style="overflow: hidden; color: white; font-size: 10px; width: 100%; border-radius: 3px; background-color: #808182;">
<div class="propertyDivs" style="margin-left: 0;">
<input type=text name=attr_accessory2 placeholder="Name" style='width: 18em; height:1.5em; margin-left: 5px;'>
<input type=text name=attr_accessory2rank placeholder="Rank" style='width: 3.5em; height:1.5em; margin-left: 5px;'>
<br>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Attack">Attack</span></b><br>
<input type=text name=attr_accessory2attack value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Magic">Magic</span></b><br>
<input type=text name=attr_accessory2magic value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 30px;">
<b style='color: white;'><span data-i18n="P. Def">P. Def</span></b><br>
<input type=text name=attr_accessory2Pdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="M. Def">M. Def</span></b><br>
<input type=text name=attr_accessory2Mdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div class="tooltip2" style="margin-left: 63px;"><p style=" height: 15px; width: 15px; text-align: center; background-color: #4F2F15; color: white; border: 1px solid #4F2F15; border-radius: 10px; font-size: 12px;">?</p>
<span class="tooltiptext2" style="font-size: 12px;" data-i18n="AccessoryMemo">If your equipment gives a bonus to a stat that's not included here, or if it adds dice as a bonus, you will need to add it manually in the Bonuses section.</span>
</div>
<br>
<div style="float: left; margin-left: 41px;">
<b style='color: white; '><span data-i18n="Accuracy">Accuracy</span></b><br>
<input type=text name=attr_accessory2accuracy value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<div style="float: left; margin-left: 15px;">
<b style='color: white; margin-left: 5px;'><span data-i18n="Initiative">Initiative</span></b><br>
<input type=text name=attr_accessory2initiative value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<br>
<textarea name=attr_accessory2desc placeholder="Description" style='width: 100%; height: 40px; font-size: 11px; line-height: 1em;'></textarea>
</div>
</div>
</div>
<div style="background-color: #60636B; border-radius: 3px; width: 100%;">
<b style="color: white; margin-left: 5px; font-size: 10px;"><span data-i18n="Accessory">Accessory</span></b><br>
<input name="attr_accessory3namelabel" type=text value='@{accessory3}' disabled="disabled" class="skillName" style='font-size: 12px; width: 254px; height: 14px; float: left;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<div class="bonusDiv" style="overflow: hidden; color: white; font-size: 10px; width: 100%; border-radius: 3px; background-color: #60636B;">
<div class="propertyDivs" style="margin-left: 0;">
<input type=text name=attr_accessory3 placeholder="Name" style='width: 18em; height:1.5em; margin-left: 5px;'>
<input type=text name=attr_accessory3rank placeholder="Rank" style='width: 3.5em; height:1.5em; margin-left: 5px;'>
<br>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Attack">Attack</span></b><br>
<input type=text name=attr_accessory3attack value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Magic">Magic</span></b><br>
<input type=text name=attr_accessory3magic value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 30px;">
<b style='color: white;'><span data-i18n="P. Def">P. Def</span></b><br>
<input type=text name=attr_accessory3Pdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="M. Def">M. Def</span></b><br>
<input type=text name=attr_accessory3Mdef value=0 style='width: 3em; height:1.5em;'>
</div>
<div class="tooltip2" style="margin-left: 63px;"><p style=" height: 15px; width: 15px; text-align: center; background-color: #4F2F15; color: white; border: 1px solid #4F2F15; border-radius: 10px; font-size: 12px;">?</p>
<span class="tooltiptext2" style="font-size: 12px;" data-i18n="AccessoryMemo">If your equipment gives a bonus to a stat that's not included here, or if it adds dice as a bonus, you will need to add it manually in the Bonuses section.</span>
</div>
<br>
<div style="float: left; margin-left: 41px;">
<b style='color: white; '><span data-i18n="Accuracy">Accuracy</span></b><br>
<input type=text name=attr_accessory3accuracy value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<div style="float: left; margin-left: 15px;">
<b style='color: white; margin-left: 5px;'><span data-i18n="Initiative">Initiative</span></b><br>
<input type=text name=attr_accessory3initiative value=0 style='width: 3em; height:1.5em; margin-left: 10px;'>
</div>
<br>
<textarea name=attr_accessory3desc placeholder="Description" style='width: 100%; height: 40px; font-size: 11px; line-height: 1em;'></textarea>
</div>
</div>
</div>
<div style="background-color: #808182; border-radius: 3px; width: 100%;">
<b style="color: white; margin-left: 5px; font-size: 10px;"><span data-i18n="Bag">Bag</span></b><br>
<input name="attr_bagnamelabel" type=text value='@{bagname}' disabled="disabled" class="skillName" style='font-size: 12px; width: 254px; height: 14px; float: left;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<div class="bonusDiv" style="overflow: hidden; color: white; font-size: 10px; width: 100%; border-radius: 3px; background-color: #808182;">
<div class="propertyDivs" style="margin-left: 0;">
<input type=text name=attr_bagname placeholder="Name" style='width: 18em; height:1.5em; margin-left: 5px;'>
<input type=text name=attr_bagrank placeholder="Rank" style='width: 3.5em; height:1.5em; margin-left: 5px;'>
<br>
<div style="float: left; margin-left: 10px;">
<b style='color: white;'><span data-i18n="Capacity Incr.">Capacity Incr.</span></b><br>
<input type=text name=attr_bagCapacity value=0 style='width: 3em; height:1.5em; margin-left: 20px;'>
</div>
<div class="tooltip2" style="margin-left: 170px;"><p style=" height: 15px; width: 15px; text-align: center; background-color: #4F2F15; color: white; border: 1px solid #4F2F15; border-radius: 10px; font-size: 12px;">?</p>
<span class="tooltiptext2" style="font-size: 12px;" data-i18n="BagMemo">If your equipment gives a bonus to a stat that's not included here, or if it adds dice as a bonus, you will need to add it manually in the Bonuses section.</span>
</div>
<br>
</div>
<textarea name=attr_bagdesc placeholder="Description" style='width: 100%; height: 50px; font-size: 11px; line-height: 1em;'></textarea>
</div>
</div>
</div>
<textarea name="attr_notes" placeholder="Notes" style="width: 260px; margin-top: 10px;"></textarea>
</div>
</div>
<div style="width: 300px; position: absolute; margin-left: 517px; margin-top: 2px;">
<b><span data-i18n="Combat Skills">Combat Skills</span></b>
<fieldset class=repeating_cSkills>
<div class="repeatingDiv" class="skillBtn" style="background-color: #808182; margin-bottom: 3px;">
<button class="skillRollBtn" type=roll value="&{template:default} {{name=@{cName}&nbsp; &nbsp; SR@{SR}}} @{cCostCB} @{cTimingCB} @{cTargetCB} @{cRangeCB} @{cLimitCB} @{cCheck} @{cAddCB} {{Effect=@{cEffect}}}"></button>
<input name="attr_cNamelabel" type=text value='@{cName}' disabled="disabled" class="skillName" style='font-size: 14px; width: 90%; height:1.5em; margin-left: 5px;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<p class="skillLabelText" style="margin-left: 5px; cursor: default;">SR:</p>
<input name="attr_SRlabel" type=text value='@{SR}' disabled="disabled" class="skillLabel" style='width: 1.5em; position: absolute; margin-top: -3px; margin-left: -6px; box-shadow: inset 0px 0px 0px 0px black; cursor: default;'>
<p class="skillLabelText" style="cursor: default;">&nbsp;&nbsp;/</p>
<input name="attr_SRlabel" type=text value='@{maxSR}' disabled="disabled" class="skillLabel" style='width: 1.5em; position: absolute; margin-top: -3px; margin-left: -4px; box-shadow: inset 0px 0px 0px 0px black; cursor: default;'>
<p class="skillLabelText" style="margin-left: 10px; cursor: default;"><span data-i18n="Timing:">Timing:</span></p>
<input name="attr_timingLabel" type=text value='@{cTiming}' disabled="disabled" class="skillLabel" style='width: 8em; margin-top: -3px; box-shadow: inset 0px 0px 0px 0px black; cursor: default;'>
<input name="attr_additionalLabel" type=text value='@{cAdd}' disabled="disabled" class="skillLabel" style='width: 12.5em; margin-top: -3px; box-shadow: inset 0px 0px 0px 0px black; cursor: default; text-align: right;'>
<div class="properties" style="overflow: hidden;">
<div class="propertyDivs">
<b style=' font-size: 75%; color: white;'><span data-i18n="Name">Name</span></b><br>
<input type=text name=attr_cName style='width: 18em; height:1.5em;'>
</div>
<div class="propertyDivs">
<b style=' font-size: 75%; margin-left: 8px; color: white;'><span data-i18n="SR">SR</span></b><br>
<input type=number name=attr_SR value="1" style='width: 4em; height:1.5em;'>
</div>
<div class="propertyDivs">
<b style=' font-size: 75%; color: white;'><span data-i18n="Max SR">Max SR</span></b><br>
<input type=number name=attr_maxSR value="1" style='width: 4em; height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_cCostCB' value='{{Cost=@{cCost}}}' checked="false" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Cost">Cost</span></b><br>
<input type=text name=attr_cCost placeholder="0 Hate" style='width: 6em; height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_cTargetCB' value='{{Target=@{cTarget}}}' checked="true" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Target">Target</span></b><br>
<input type=text name=attr_cTarget style='width: 8em;height:1.5em;'>
</div><br>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_cTimingCB' value='{{Timing=@{cTiming}}}' checked="true" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Timing">Timing</span></b><br>
<input type=text name=attr_cTiming style='width: 6em;height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_cRangeCB' value='{{Range=@{cRange}}}' checked="false" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Range">Range</span></b><br>
<input type=text name=attr_cRange style='width: 5em;height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_cLimitCB' value='{{Limit=@{cLimit}}}' checked="false" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Limit">Limit</span></b><br>
<input type=text name=attr_cLimit style='width: 8em;height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_cAddCB' value='{{tags=@{cAdd}}}' />
<b style=' font-size: 75%; color: white;'>Tags</b><br>
<input type=text name=attr_cAdd placeholder="Training, Prep, etc." style='width: 10.5em;height:1.5em;'>
</div>
<br>
<div class="propertyDivs" style="background-color: #60636B;">
<b style=' font-size: 75%; margin-left: 4em; color: white;'><span data-i18n="Check">Check</span></b><br>
<select name=attr_cCheck style='width: 125px; height: 14px; font-size: 10px; padding: 0;'>
<option value="">None</option>
<option value="{{Accuracy=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}+@{cAccBonus}]] vs. Evasion}}{{Damage=[[@{cDamage}@{cDamageBonus}+[[@{statDamage}]]+[[(@{cSRdamage}*@{SR})]]@{cSRdamageType} ]] @{cDamageType}}}" data-i18n="Acc vs Eva">Acc vs Eva</option>
<option value="{{Accuracy=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}+@{cAccBonus}]] vs. Resistance}}{{Damage=[[@{cDamage}@{cDamageBonus}+[[@{statDamage}]]+[[(@{cSRdamage}*@{SR})]]@{cSRdamageType} ]] @{cDamageType}}}" data-i18n="Acc vs Res">Acc vs Res</option>
<option value="{{Accuracy=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}+@{cAccBonus}]] vs. Evasion}}" data-i18n="Acc vs Eva (no damage)">Acc vs Eva (no damage)</option>
<option value="{{Accuracy=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}+@{cAccBonus}]] vs. Resistance}}" data-i18n="Acc vs Res (no damage)">Acc vs Res (no damage)</option>
<option value="{{Check=Auto}} {{Damage=[[@{cDamage}@{cDamageBonus}+[[@{statDamage}]]+[[(@{cSRdamage}*@{SR})]]@{cSRdamageType} ]] @{cDamageType}}}" data-i18n="Auto">Auto</option>
<option value="{{Check=Auto}}" data-i18n="Auto (No damage)">Auto (No damage)</option>
<option value="{{Healing=[[@{cDamage}@{cDamageBonus}+[[@{statDamage}]]+[[(@{cSRdamage}*@{SR})]]@{cSRdamageType} ]]}}" data-i18n="Healing">Healing</option>
<option value="{{Check=[[@{cCustomCheck}]]}}" data-i18n="Custom">Custom</option>
<option value="{{Check=[[@{cCustomCheck}]]}} {{Damage=[[@{cDamage}@{cDamageBonus}
+[[@{statDamage}]]+[[(@{cSRdamage}*@{SR})]]@{cSRdamageType} ]] @{cDamageType}}}" data-i18n="Custom w/ Damage">Custom w/ Damage</option>
</select><br>
<input type=text name=attr_cCustomCheck placeholder="Custom Check" style='width: 125px; height:1.5em; margin-top: -10px;'><br>
<div class="tooltip" style=" margin-left: 0.5em; margin-bottom: 4px;">
<span class="tooltiptext" style="width: 15em;" data-i18n="SkillMemo">Only use this if the skill has an additional accuracy bonus that other skills do not.</span>
<b style=' font-size: 75%; margin-left: 10px; color: white;'><span data-i18n="Acc. Bonus">Acc. Bonus</span></b>
<input type=text value="0" name=attr_cAccBonus style='margin-left: 5px; font-size: 10px; width: 2.5em; height: 14px;'>
</div>
</div>
<div class="propertyDivs" style="background-color: #60636B; height: 84px;">
<b style=' font-size: 75%; margin-left: 42px; color: white;'><span data-i18n="Damage / Healing">Damage / Healing</span></b>
<br>
<input type=text value="0" placeholder="0d6+0" name=attr_cDamage style='position: absolute; margin-left: 5px; width: 5em; height: 14px;'>
<select name="attr_cDamageBonus" style='margin-left: 58px; width: 50px; height: 14px; font-size: 10px; padding: 0;'>
<option value="">-</option>
<option value=+@{attack} data-i18n="+Attack">+Attack</option>
<option value=+@{magic} data-i18n="+Magic">+Magic</option>
<option value=+@{recovery} data-i18n="+Recovery">+Recovery</option>
<option value=+@{magic}+@{recovery} data-i18n="+Mag+Rec">+Mag+Rec</option>
</select>
<select name="attr_cDamageType" style='width: 50px; height: 14px; font-size: 10px; padding: 0;'>
<option value="">-</option>
<option value="Physical" data-i18n="Physical">Physical</option>
<option value="Magical" data-i18n="Magical">Magical</option>
<option value="Direct" data-i18n="Direct">Direct</option>
<option value="Flame" data-i18n="Flame">Flame</option>
<option value="Shock" data-i18n="Shock">Shock</option>
<option value="Frost" data-i18n="Frost">Frost</option>
<option value="Spirit" data-i18n="Spirit">Spirit</option>
<option value="Blight" data-i18n="Blight">Blight</option>
<option value="Holy" data-i18n="Holy">Holy</option>
<option value="Penetrating" data-i18n="Penetrating">Penetrating</option>
</select><br>
<select name="attr_statDamage" style='width: 70px; height: 14px; font-size: 10px; padding: 0; margin-left: 10px; margin-top: 5px;'>
<option value="0">None</option>
<option value=(@{STRmod}*@{statDamageMulti}) data-i18n="STR">STR</option>
<option value=(@{DEXmod}*@{statDamageMulti}) data-i18n="DEX">DEX</option>
<option value=(@{POWmod}*@{statDamageMulti}) data-i18n="POW">POW</option>
<option value=(@{INTmod}*@{statDamageMulti}) data-i18n="INT">INT</option>
<option value=(@{STRtotal}*@{statDamageMulti}) data-i18n="Base STR">Base STR</option>
<option value=(@{DEXtotal}*@{statDamageMulti}) data-i18n="Base DEX">Base DEX</option>
<option value=(@{POWtotal}*@{statDamageMulti}) data-i18n="Base POW">Base POW</option>
<option value=(@{INTtotal}*@{statDamageMulti}) data-i18n="Base INT">Base INT</option>
</select>
<b style="color: white; margin-top: -5px; font-size: 75%;">X</b>
<input type=text name="attr_statDamageMulti" value="0" style='position: absolute; margin-left: 2px; margin-top: 5px; font-size: 10px; width: 4em; height: 14px;'>
<br>
<input type=text value="0" name=attr_cSRdamage style='position: absolute; margin-left: 10px; font-size: 10px; width: 2.5em; height: 14px;'>
<select name="attr_cSRdamageType" style="font-size: 10px; height: 14px; width: 4em; margin-left: 38px; padding: 0;">
<option value="">-</option>
<option value="d6">D6</option>
</select>
<b style='font-size: 75%; color: white; position: absolute; margin-left: 5px;'>X SR</b>
</div>
<br>
<textarea name=attr_cEffect placeholder="Effect" style='width: 100%; height: 50px; font-size: 11px; line-height: 1em;'></textarea>
</div>
</div>
</fieldset>
<b><span data-i18n="General Skills">General Skills</span></b>
<fieldset class=repeating_generalSkills>
<div class="repeatingDiv" class="skillBtn" style="background-color: #808182; margin-bottom: 3px;">
<button class="skillRollBtn" type=roll value="&{template:default} {{name=@{gName}&nbsp; &nbsp; SR@{SR}}} @{gCostCB} @{gTimingCB} @{gTargetCB} @{gRangeCB} @{gLimitCB} @{gcheck} @{gAddCB} {{Effect=@{gEffect}}}"></button>
<input name="attr_gNamelabel" type=text value='@{gName}' disabled="disabled" class="skillName" style='font-size: 14px; width: 90%; height:1.5em; margin-left: 5px;'>
<input type="checkbox" name="condenseCB" class="condenseCB" checked="true" style="opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1;" /><span></span>
<p class="skillLabelText" style="margin-left: 5px; cursor: default;">SR:</p>
<input name="attr_SRlabel" type=text value='@{SR}' disabled="disabled" class="skillLabel" style='width: 1.5em; position: absolute; margin-top: -3px; margin-left: -6px; box-shadow: inset 0px 0px 0px 0px black; cursor: default;'>
<p class="skillLabelText" style="cursor: default;">&nbsp;&nbsp;/</p>
<input name="attr_SRlabel" type=text value='@{maxSR}' disabled="disabled" class="skillLabel" style='width: 1.5em; position: absolute; margin-top: -3px; margin-left: -4px; box-shadow: inset 0px 0px 0px 0px black; cursor: default;'>
<p class="skillLabelText" style="margin-left: 10px; cursor: default;"><span data-i18n="Timing:">Timing:</span></p>
<input name="attr_timingLabel" type=text value='@{gTiming}' disabled="disabled" class="skillLabel" style='width: 8em; margin-top: -3px; box-shadow: inset 0px 0px 0px 0px black; cursor: default;'>
<input name="attr_additionalLabel" type=text value='@{gAdd}' disabled="disabled" class="skillLabel" style='width: 12.5em; margin-top: -3px; box-shadow: inset 0px 0px 0px 0px black; cursor: default; text-align: right;'>
<div class="properties" style="overflow: hidden;">
<div class="propertyDivs">
<b style=' font-size: 75%; color: white;'><span data-i18n="Name">Name</span></b><br>
<input type=text name=attr_gName style='width: 18em; height:1.5em;'>
</div>
<div class="propertyDivs">
<b style=' font-size: 75%; margin-left: 8px; color: white;'><span data-i18n="SR">SR</span></b><br>
<input type=number name=attr_SR value="1" style='width: 4em; height:1.5em;'>
</div>
<div class="propertyDivs">
<b style=' font-size: 75%; color: white;'><span data-i18n="Max SR">Max SR</span></b><br>
<input type=number name=attr_maxSR value="1" style='width: 4em; height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_gCostCB' value='{{Cost=@{gCost}}}' checked="false" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Cost">Cost</span></b><br>
<input type=text name=attr_gCost placeholder="0 Hate" style='width: 6em; height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_gTargetCB' value='{{Target=@{gTarget}}}' checked="true" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Target">Target</span></b><br>
<input type=text name=attr_gTarget style='width: 8em;height:1.5em;'>
</div><br>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_gTimingCB' value='{{Timing=@{gTiming}}}' checked="true" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Timing">Timing</span></b><br>
<input type=text name=attr_gTiming style='width: 6em;height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_gRangeCB' value='{{Range=@{gRange}}}' checked="false" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Range">Range</span></b><br>
<input type=text name=attr_gRange style='width: 5em;height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_gLimitCB' value='{{Limit=@{gLimit}}}' checked="false" />
<b style=' font-size: 75%; color: white;'><span data-i18n="Limit">Limit</span></b><br>
<input type=text name=attr_gLimit style='width: 8em;height:1.5em;'>
</div>
<div class="propertyDivs">
<input class="propertyCB" type='checkbox' name='attr_gAddCB' value='{{Tags=@{gAdd}}}' />
<b style=' font-size: 75%; color: white;'>Tags</b><br>
<input type=text name=attr_gAdd placeholder="Training, Prep, etc." style='width: 10.5em;height:1.5em;'>
</div>
<br>
<div class="propertyDivs" style="background-color: #60636B;">
<b style=' font-size: 75%; margin-left: 4em; color: white;'><span data-i18n="Check">Check</span></b><br>
<select name=attr_gcheck style='width: 125px; height: 14px; font-size: 10px; padding: 0;'>
<option value="">None</option>
<option value="{{Accuracy=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}+@{gAccBonus}]] vs. Evasion}}{{Damage=[[@{gDamage}@{gDamageBonus}+[[@{statDamage}]]+[[(@{gSRdamage}*@{SR})]]@{gSRdamageType} ]] @{gDamageType}}}" data-i18n="Acc vs Eva">Acc vs Eva</option>
<option value="{{Accuracy=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}+@{gAccBonus}]] vs. Resistance}}{{Damage=[[@{gDamage}@{gDamageBonus}+[[@{statDamage}]]+[[(@{gSRdamage}*@{SR})]]@{gSRdamageType} ]] @{gDamageType}}}" data-i18n="Acc vs Res">Acc vs Res</option>
<option value="{{Accuracy=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}+@{gAccBonus}]] vs. Evasion}}" data-i18n="Acc vs Eva (no damage)">Acc vs Eva (no damage)</option>
<option value="{{Accuracy=[[@{baseDie}+@{accuracyTotal}+@{accuracyBonus}+@{gAccBonus}]] vs. Resistance}}" data-i18n="Acc vs Res (no damage)">Acc vs Res (no damage)</option>
<option value="{{Check=Auto}} {{Damage=[[@{gDamage}@{gDamageBonus}+[[@{statDamage}]]+[[(@{gSRdamage}*@{SR})]]@{gSRdamageType} ]] @{gDamageType}}}" data-i18n="Auto">Auto</option>
<option value="{{Check=Auto}}" data-i18n="Auto (No damage)">Auto (No damage)</option>
<option value="{{Healing=[[@{gDamage}@{gDamageBonus}+[[@{statDamage}]]+[[(@{gSRdamage}*@{SR})]]@{gSRdamageType} ]]}}" data-i18n="Healing">Healing</option>
<option value="{{Check=[[@{gCustomCheck}]]}}" data-i18n="Custom">Custom</option>
<option value="{{Check=[[@{gCustomCheck}]]}} {{Damage=[[@{gDamage}@{gDamageBonus}
+[[@{statDamage}]]+[[(@{gSRdamage}*@{SR})]]@{gSRdamageType} ]] @{gDamageType}}}" data-i18n="Custom w/ Damage">Custom w/ Damage</option>
</select><br>
<input type=text name=attr_gCustomCheck placeholder="Custom Check" style='width: 125px; height:1.5em; margin-top: -10px;'><br>
<div class="tooltip" style=" margin-left: 0.5em; margin-bottom: 4px;">
<span class="tooltiptext" style="width: 15em;">Only use this if the skill has an additional accuracy bonus that other skills do not.</span>
<b style=' font-size: 75%; margin-left: 10px; color: white;'><span data-i18n="Acc. Bonus">Acc. Bonus</span></b>
<input type=text value="0" name=attr_gAccBonus style='margin-left: 5px; font-size: 10px; width: 2.5em; height: 14px;'>
</div>
</div>
<div class="propertyDivs" style="background-color: #60636B; height: 84px;">
<b style=' font-size: 75%; margin-left: 42px; color: white;'><span data-i18n="Damage / Healing">Damage / Healing</span></b>
<br>
<input type=text value="0" placeholder="0d6+0" name=attr_gDamage style='position: absolute; margin-left: 5px; width: 5em; height: 14px;'>
<select name="attr_gDamageBonus" style='margin-left: 58px; width: 50px; height: 14px; font-size: 10px; padding: 0;'>
<option value="">-</option>
<option value=+@{attack} data-i18n="+Attack">+Attack</option>
<option value=+@{magic} data-i18n="+Magic">+Magic</option>
<option value=+@{recovery} data-i18n="+Recovery">+Recovery</option>
<option value=+@{magic}+@{recovery} data-i18n="+Mag+Rec">+Mag+Rec</option>
</select>
<select name="attr_gDamageType" style='width: 50px; height: 14px; font-size: 10px; padding: 0;'>
<option value="">-</option>
<option value="Physical" data-i18n="Physical">Physical</option>
<option value="Magical" data-i18n="Magical">Magical</option>
<option value="Direct" data-i18n="Direct">Direct</option>
<option value="Flame" data-i18n="Flame">Flame</option>
<option value="Shock" data-i18n="Shock">Shock</option>
<option value="Frost" data-i18n="Frost">Frost</option>
<option value="Spirit" data-i18n="Spirit">Spirit</option>
<option value="Blight" data-i18n="Blight">Blight</option>
<option value="Holy" data-i18n="Holy">Holy</option>
<option value="Penetrating" data-i18n="Penetrating">Penetrating</option>
</select><br>
<select name="attr_statDamage" style='width: 70px; height: 14px; font-size: 10px; padding: 0; margin-left: 10px; margin-top: 5px;'>
<option value="0">None</option>
<option value=(@{STRmod}*@{statDamageMulti}) data-i18n="STR">STR</option>
<option value=(@{DEXmod}*@{statDamageMulti}) data-i18n="DEX">DEX</option>
<option value=(@{POWmod}*@{statDamageMulti}) data-i18n="POW">POW</option>
<option value=(@{INTmod}*@{statDamageMulti}) data-i18n="INT">INT</option>
<option value=(@{STRtotal}*@{statDamageMulti}) data-i18n="Base STR">Base STR</option>
<option value=(@{DEXtotal}*@{statDamageMulti}) data-i18n="Base DEX">Base DEX</option>
<option value=(@{POWtotal}*@{statDamageMulti}) data-i18n="Base POW">Base POW</option>
<option value=(@{INTtotal}*@{statDamageMulti}) data-i18n="Base INT">Base INT</option>
</select>
<b style="color: white; margin-top: -5px; font-size: 75%;">X</b>
<input type=text name="attr_statDamageMulti" value="0" style='position: absolute; margin-left: 2px; margin-top: 5px; font-size: 10px; width: 4em; height: 14px;'>
<br>
<input type=text value="0" name=attr_gSRdamage style='position: absolute; margin-left: 10px; font-size: 10px; width: 2.5em; height: 14px;'>
<select name="attr_gSRdamageType" style="font-size: 10px; height: 14px; width: 4em; margin-left: 38px; padding: 0;">
<option value="">-</option>
<option value="d6">D6</option>
</select>
<b style='font-size: 75%; color: white; position: absolute; margin-left: 5px;'>X SR</b>
</div>
<br>
<textarea name=attr_gEffect placeholder="Effect" style='width: 100%; height: 50px; font-size: 11px; line-height: 1em;'></textarea>
</div>
</div>
</fieldset>
</div>
</div>
</div>
<b style="vertical-align: bottom;">Log Horizon TRPG Sheet</b> v0.2
<script type="text/worker">
on("change:STRmod change:DEXmod change:POWmod change:INTmod", function() {
getAttrs(["STR", "cr", "classSTRbonus", "raceSTRbonus", "DEX", "classDEXbonus", "raceDEXbonus", "POW", "classPOWbonus", "racePOWbonus", "INT", "classINTbonus", "raceINTbonus"], function(values) {
let str = parseInt(values.STR) + parseInt(values.cr) + parseInt(values.classSTRbonus) + parseInt(values.raceSTRbonus) -1;
let dex = parseInt(values.DEX) + parseInt(values.cr) + parseInt(values.classDEXbonus) + parseInt(values.raceDEXbonus) -1;
let pow = parseInt(values.POW) + parseInt(values.cr) + parseInt(values.classPOWbonus) + parseInt(values.racePOWbonus) -1;
let int = parseInt(values.INT) + parseInt(values.cr) + parseInt(values.classINTbonus) + parseInt(values.raceINTbonus) - 1;
str = (str - (str % 3)) / 3;
dex = (dex - (dex % 3)) / 3;
pow = (pow - (pow % 3)) / 3;
int = (int - (int % 3)) / 3;
let highest = Math.max(str, dex, pow, int);
setAttrs({
highMod: highest,
});
});
});
/*
on("change:rigor", function() {
getAttrs(["baseSpeed"], function(values) {
});
});*/
/*on("change:hand1range", function() {
getAttrs(["hand1range"], function(values) {
var val = values.hand1Range;
var type;
if(val == 1){
type = "Sq.";
}
else{
type = "";
}
setAttrs({
hand1rangeTypeLabel: type,
});
});
});*/
on('change:class', () => {
getAttrs(['class'], (values) => {
const val = parseInt(values['class']);
let hpBonus;
let hpModBonus;
let strBonus;
let dexBonus;
let powBonus;
let intBonus;
switch (val) {
case 1:
hpBonus = 50;
hpModBonus = 8;
strBonus = 4;
dexBonus = 2;
powBonus = 1;
intBonus = 3;
break;
case 2:
hpBonus = 50;
hpModBonus = 8;
strBonus = 4;
dexBonus = 2;
powBonus = 2;
intBonus = 2;
break;
case 3:
hpBonus = 55;
hpModBonus = 9;
strBonus = 4;
dexBonus = 4;
powBonus = 2;
intBonus = 0;
break;
case 4:
hpBonus = 40;
hpModBonus = 6;
strBonus = 3;
dexBonus = 0;
powBonus = 4;
intBonus = 3;
break;
case 5:
hpBonus = 35;
hpModBonus = 5;
strBonus = 2;
dexBonus = 1;
powBonus = 4;
intBonus = 3;
break;
case 6:
hpBonus = 40;
hpModBonus = 5;
strBonus = 1;
dexBonus = 3;
powBonus = 4;
intBonus = 2;
break;
case 7:
hpBonus = 40;
hpModBonus = 5;
strBonus = 2;
dexBonus = 4;
powBonus = 3;
intBonus = 1;
break;
case 8:
hpBonus = 40;
hpModBonus = 6;
strBonus = 3;
dexBonus = 4;
powBonus = 2;
intBonus = 1;
break;
case 9:
hpBonus = 40;
hpModBonus = 5;
strBonus = 2;
dexBonus = 4;
powBonus = 2;
intBonus = 2;
break;
case 10:
hpBonus = 35;
hpModBonus = 4;
strBonus = 0;
dexBonus = 3;
powBonus = 3;
intBonus = 4;
break;
case 11:
hpBonus = 35;
hpModBonus = 5;
strBonus = 1;
dexBonus = 2;
powBonus = 3;
intBonus = 4;
break;
case 12:
hpBonus = 35;
hpModBonus = 4;
strBonus = 2;
dexBonus = 2;
powBonus = 2;
intBonus = 4;
break;
default:
hpBonus = 0;
hpModBonus = 0;
strBonus = 0;
dexBonus = 0;
powBonus = 0;
intBonus = 0;
break;
}
setAttrs({
classHPbonus: hpBonus,
classHPmod: hpModBonus,
classSTRbonus: strBonus,
classDEXbonus: dexBonus,
classPOWbonus: powBonus,
classINTbonus: intBonus,
});
});
});
on('change:race', () => {
getAttrs(['race'], (values) => {
const val = parseInt(values['race']);
let hpBonus;
let fateBonus;
let strBonus;
let dexBonus;
let powBonus;
let intBonus;
switch (val) {
case 1:
hpBonus = 8;
fateBonus = 1;
strBonus = 0;
dexBonus = 0;
powBonus = 0;
intBonus = 0;
break;
case 2:
hpBonus = 8;
fateBonus = 1;
strBonus = 0;
dexBonus = 1;
powBonus = 1;
intBonus = 0;
break;
case 3:
hpBonus = 16;
fateBonus = 0;
strBonus = 1;
dexBonus = 0;
powBonus = 1;
intBonus = 0;
break;
case 4:
hpBonus = 8;
fateBonus = 1;
strBonus = 0;
dexBonus = 1;
powBonus = 0;
intBonus = 1;
break;
case 5:
hpBonus = 8;
fateBonus = 1;
strBonus = 1;
dexBonus = 1;
powBonus = 0;
intBonus = 0;
break;
case 6:
hpBonus = 16;
fateBonus = 0;
strBonus = 2;
dexBonus = 0;
powBonus = 0;
intBonus = 0;
break;
case 7:
hpBonus = 8;
fateBonus = 1;
strBonus = 0;
dexBonus = 0;
powBonus = 1;
intBonus = 1;
break;
case 8:
hpBonus = 0;
fateBonus = 2;
strBonus = 0;
dexBonus = 0;
powBonus = 0;
intBonus = 2;
break;
default:
hpBonus = 0;
fateBonus = 0;
strBonus = 0;
dexBonus = 0;
powBonus = 0;
intBonus = 0;
break;
}
setAttrs({
raceHPbonus: hpBonus,
raceFateBonus: fateBonus,
raceSTRbonus: strBonus,
raceDEXbonus: dexBonus,
racePOWbonus: powBonus,
raceINTbonus: intBonus,
});
});
});
</script>
Reference in New Issue View Git Blame Copy Permalink