roll20-character-sheets/Path of Paper/path_of_paper.html

<!-- character -->
<div style="float: left">
    <div style="float: left"><img src="http://i.imgur.com/hQBwOzE.png" alt="PoE" style="float: left; width:78; height:78;"></img><br></div>
    <div style="float: left; width: 30px;">&nbsp;</div><div style="float: left"><input type="text" name="attr_character_name" style="width: 220px;"> <br>Name</div>
    <div style="float: left"><input type="text" name="attr_gender" style="width: 100px;"> <br>Gender</div>
    <br>
    <div style="float: left; width: 30px;">&nbsp;</div><div style="float: left"><input type="number" name="attr_lvl" style="width: 50px;"> <br>Level</div>
    <br>
</div>

<div style="clear:both"></div>
<br>
<div style="float: left">
<!-- stats -->
<table cellpadding="20">
<tr>
    <td colspan="2">
        <table>
            <tr>
                <td class="sheet-statlabel-big" colspan="2">Max</td>
                <td class="sheet-statlabel-big" style="color:#ff4d4d;" colspan="2">Damage<br>Taken</td>
                <td class="sheet-statlabel-big" colspan="2">Modifiers</td>
                <td class="sheet-statlabel-big" colspan="2">Total</td>
            </tr>
            <tr>
                <td class="sheet-statlabel" style="color:#cc0000;">Life</td>
                <td class="sheet-statlabel" style="color:#00ffff;">ES</td>
                <td class="sheet-statlabel" style="color:#cc0000;">Life</td>
                <td class="sheet-statlabel" style="color:#00ffff;">ES</td>
                <td class="sheet-statlabel" style="color:#cc0000;">Life</td>
                <td class="sheet-statlabel" style="color:#00ffff;">ES</td>
                <td class="sheet-statlabel" style="color:#cc0000;">Life</td>
                <td class="sheet-statlabel" style="color:#00ffff;">ES</td>
            </tr>
            <tr>
                <td><input class="sheet-inputbox" type="number" name="attr_life_max" style="height: 24px; width: 60px; color:#cc0000; background-color:#bfbfbf;" value="floor(10+(@{str})+@{life_mods})" disabled="true"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_es_max" style="height: 24px; width: 60px; color:#008080; background-color:#bfbfbf;" value="floor(@{es_mods})" disabled="true"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_life_taken" style="height: 24px; width: 60px; color:#cc0000;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_es_taken" style="height: 24px; width: 60px; color:#008080;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_life_mods" style="height: 24px; width: 60px; color:#cc0000;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_es_mods" style="height: 24px; width: 60px; color:#008080;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_life" style="height: 24px; width: 60px; color:#cc0000; font-weight: bold; background-color:#bfbfbf;" value="floor((@{life_max})-@{life_taken})" disabled="true"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_es" style="height: 24px; width: 60px; color:#008080; font-weight: bold; background-color:#bfbfbf;" value="floor((@{es_max})-@{es_taken})" disabled="true"></td>
            </tr>
        </table>
    </td>
    <td>
        <table>
            <tr>
                <th>Stats</th><th>Base</th><th>Per lvl</th><th>Modifiers</th><th>TOTAL</th>
            </tr>
            <tr>
                <td class="sheet-statlabel-big" style="color:#cc0000;">STR<br></td>
                <td><input class="sheet-inputbox" type="number" name="attr_strbase" style="height: 24px; width: 40px; color:#cc0000; background-color:#bfbfbf;" value="10" disabled="true"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_strlvl" style="height: 24px; width: 50px; color:#cc0000;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_strmods" style="height: 24px; width: 50px; color:#cc0000;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_str" style="height: 24px; width: 50px; color:#cc0000; font-weight: bold; background-color:#bfbfbf;" value="@{strbase}+@{strlvl}+@{strmods}" disabled="true"></td>
            </tr>
            <tr>
                <td class="sheet-statlabel-big" style="color:#00cc00;">DEX<br></td>
                <td><input class="sheet-inputbox" type="number" name="attr_dexbase" style="height: 24px; width: 40px; color:#008000; background-color:#bfbfbf;" value="10" disabled="true"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_dexlvl" style="height: 24px; width: 50px; color:#008000;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_dexmods" style="height: 24px; width: 50px; color:#008000;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_dex" style="height: 24px; width: 50px; color:#008000; font-weight: bold; background-color:#bfbfbf;" value="@{dexbase}+@{dexlvl}+@{dexmods}" disabled="true"></td>
            </tr>
            <tr>
                <td class="sheet-statlabel-big" style="color:#3399ff;">INT<br></td>
                <td><input class="sheet-inputbox" type="number" name="attr_intbase" style="height: 24px; width: 40px; color:#0066ff; background-color:#bfbfbf;" value="10" disabled="true"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_intlvl" style="height: 24px; width: 50px; color:#0066ff;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_intmods" style="height: 24px; width: 50px; color:#0066ff;" value="0"></td>
                <td><input class="sheet-inputbox" type="number" name="attr_int" style="height: 24px; width: 50px; color:#0066ff; font-weight: bold; background-color:#bfbfbf;" value="@{intbase}+@{intlvl}+@{intmods}" disabled="true"></td>
            </tr>
        </table>
    </td>
</tr>
</table>

<table cellpadding="20">
<tr>
    <td>
      <table>
          <tr>
              <td class="sheet-statlabel-big" style="color:#0066ff;" colspan="2">Mana</td>
          </tr>
          <tr>
              <td class="sheet-statlabel">Max</td>
              <td class="sheet-statlabel">Current</td>
          </tr>
          <tr>
              <td><input class="sheet-inputbox" type="number" name="attr_mana_max" style="height: 24px; width: 60px; color:#0066ff;" value="2"></td>
              <td><input class="sheet-inputbox" type="number" name="attr_mana_current" style="height: 24px; width: 60px; color:#0066ff; font-weight:bold;" value="2"></td>
          </tr>
      </table>
    </td>
    <td>
      <table cellpadding="2">
          <tr>
            <td class="sheet-statlabel-big" colspan="2" style="color:#996633;">Armour<br>Reduction</td>
            <td class="sheet-statlabel-big" colspan="2" style="color:#cc33ff;">Elemental<br>Resistance</td>
            <td class="sheet-statlabel-big">Threshold</td>
          </tr>
          <tr>
            <td class="sheet-statlabel">Modifiers</td>
            <td class="sheet-statlabel">Total</td>
            <td class="sheet-statlabel">Modifiers</td>
            <td class="sheet-statlabel">Total</td>
            <td class="sheet-statlabel" coldspan="2"></td>
          </tr>
          <tr>
            <td><input class="sheet-inputbox" type="number" name="attr_ar_mods" style="height: 24px; width: 50px;" value="0"></td>
            <td><input class="sheet-inputbox" type="number" name="attr_ar_total" style="height: 24px; width: 50px; font-weight: bold; color:#000000; background-color:#bfbfbf;" value="@{ar_mods}+floor((@{dex})*0.5)" disabled="true"></td>
            <td><input class="sheet-inputbox" type="number" name="attr_er_mods" style="height: 24px; width: 50px;" value="0"></td>
            <td><input class="sheet-inputbox" type="number" name="attr_er_total" style="height: 24px; width: 50px; font-weight: bold; color:#000000; background-color:#bfbfbf;" value="@{er_mods}+floor((@{int})*0.5)" disabled="true"></td>
            <td coldspan="2"><input class="sheet-inputbox" type="number" name="attr_threshold" style="height: 24px; width: 60px; font-weight: bold; color:#000000;" value="10"></td>
          </tr>
      </table>
    </td>
    <td>
      <table>
          <tr>
            <td><img src="http://i.imgur.com/QGaZgj6.png" alt="Flasks" style="width:78; height:156;"></td>
            <td class="sheet-statlabel-big">Total<br>charges</td>
            <td class="sheet-statlabel-big">Affix<br>1</td>
            <td class="sheet-statlabel-big">Affix<br>2</td>
            <td class="sheet-statlabel-big">Current<br>charges</td>
          </tr>
          <tr>
            <td class="sheet-statlabel-big-gray">Flask 1</td>
            <td><input class="sheet-inputbox" type="number" name="attr_flaskmax1" style="height: 24px; width: 40px;" value="10"></td>
            <td><input class="sheet-inputbox" type="text" name="attr_flask11" style="height: 24px; width: 60px;"></td>
            <td><input class="sheet-inputbox" type="text" name="attr_flask12" style="height: 24px; width: 60px;"></td>
            <td><input class="sheet-inputbox" type="number" name="attr_flaskcharges1" style="height: 24px; width: 40px; font-weight: bold;" value="10"></td>
          </tr>
          <tr>
            <td class="sheet-statlabel-big-gray">Flask 2</td>
            <td><input class="sheet-inputbox" type="number" name="attr_flaskmax2" style="height: 24px; width: 40px;" value="10"></td>
            <td><input class="sheet-inputbox" type="text" name="attr_flask21" style="height: 24px; width: 60px;"></td>
            <td><input class="sheet-inputbox" type="text" name="attr_flask22" style="height: 24px; width: 60px;"></td>
            <td><input class="sheet-inputbox" type="number" name="attr_flaskcharges2" style="height: 24px; width: 40px; font-weight: bold;" value="10"></td>
          </tr>
      </table>
    </td>
  </tr>
  </table>
<table cellpadding="10">
  <tr>
      <td>
      <table>
        <tr>
          <td class="sheet-statlabel-big" colspan="6" style="width: 480px; color:#e6b800;">Attacking</td>
        </tr>
        <tr>
          <td class="sheet-statlabel" style="font-weight: bold; color:#e6b800;">WAM</td>
          <td class="sheet-statlabel">Flat added<br>Damage</td>
          <td class="sheet-statlabel">Lower enemy<br>threshold</td>
          <td class="sheet-statlabel" style="color:#cc0000;">Life<br>leech</td>
          <td class="sheet-statlabel" style="color:#0066ff;">Mana<br>leech</td>
          <td class="sheet-statlabel">Crit<br>damage</td>
        </tr>
        <tr>
          <td><input class="sheet-inputbox" type="number" name="attr_wam" value="1" style="width: 80px; text-align: center; font-weight: bold;"></td>
          <td><input class="sheet-inputbox" type="number" name="attr_flatdmg" value="0" style="width: 80px; text-align: center;"></td>
          <td><input class="sheet-inputbox" type="number" name="attr_enemyth" value="0" style="width: 80px; text-align: center;"></td>
          <td><input class="sheet-inputbox" type="number" name="attr_lifeleech" value="0" style="width: 80px; text-align: center;"></td>
          <td><input class="sheet-inputbox" type="number" name="attr_manaleech" value="0" style="width: 80px; text-align: center;"></td>
          <td><input class="sheet-inputbox" type="number" name="attr_critdmg" value="0" style="width: 80px; text-align: center;"></td>
        </tr>
      </table>
      </td>
    </tr>
  </table>
<!-- skills -->
<div style="float: right;">
        <table rowspan="2">
            <tr>
                <td class="sheet-statlabel-big">SKILLS</td>
                <td class="sheet-statlabel-big">Total</td>
                <td class="sheet-statlabel-big">Skill<br>points</td>
                <td class="sheet-statlabel-big">From<br>stats</td>
                <td class="sheet-statlabel-big">Modifiers</td>
            </tr>
            <tr>
                <td style="color:#cc0000">Athletics</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_athletics" style="background-color:#bfbfbf; color:#000000;" value="floor((@{athletics_stats})+@{athletics_mods}+@{athletics_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_athletics_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_athletics_stats" style="background-color:#bfbfbf;" value="floor((@{str})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_athletics_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#cc0000">Soul Endurance</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_endurance" style="background-color:#bfbfbf; color:#000000;" value="floor((@{endurance_stats})+@{endurance_mods}+@{endurance_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_endurance_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_endurance_stats" style="background-color:#bfbfbf;" value="floor((@{str})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_endurance_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#cc0000">Survival</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_survival" style="background-color:#bfbfbf; color:#000000;" value="floor((@{survival_stats})+@{survival_mods}+@{survival_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_survival_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_survival_stats" style="background-color:#bfbfbf;" value="floor((@{str})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_survival_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#008000">Stealth</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_stealth" style="background-color:#bfbfbf; color:#000000;" value="floor((@{stealth_stats})+@{stealth_mods}+@{stealth_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_stealth_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_stealth_stats" style="background-color:#bfbfbf;" value="floor((@{dex})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_stealth_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#008000">Soul Manipulation</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_manipulation" style="background-color:#bfbfbf; color:#000000;" value="floor((@{manipulation_stats})+@{manipulation_mods}+@{manipulation_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_manipulation_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_manipulation_stats" style="background-color:#bfbfbf;" value="floor((@{dex})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_manipulation_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#008000">Maneuver</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_maneuver" style="background-color:#bfbfbf; color:#000000;" value="floor((@{maneuver_stats})+@{maneuver_mods}+@{maneuver_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_maneuver_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_maneuver_stats" style="background-color:#bfbfbf;" value="floor((@{dex})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_maneuver_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#008000">Initiative</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_initiative" style="background-color:#bfbfbf; color:#000000;" value="floor((@{initiative_stats})+@{initiative_mods}+@{initiative_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_initiative_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_initiative_stats" style="background-color:#bfbfbf;" value="floor((@{dex})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_initiative_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#0066ff">Perception</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_perception" style="background-color:#bfbfbf; color:#000000;" value="floor((@{perception_stats})+@{perception_mods}+@{perception_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_perception_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_perception_stats" style="background-color:#bfbfbf;" value="floor((@{int})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_perception_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#0066ff">Lore</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_lore" style="background-color:#bfbfbf; color:#000000;" value="floor((@{lore_stats})+@{lore_mods}+@{lore_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_lore_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_lore_stats" style="background-color:#bfbfbf;" value="floor((@{int})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_lore_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#0066ff">Soulcraft</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_soulcraft" style="background-color:#bfbfbf; color:#000000;" value="floor((@{soulcraft_stats})+@{soulcraft_mods}+@{soulcraft_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_soulcraft_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_soulcraft_stats" style="background-color:#bfbfbf;" value="floor((@{int})/5)" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_soulcraft_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#000000">Intimidation</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_intimidation" style="background-color:#bfbfbf; color:#000000;" value="floor(@{intimidation_mods}+@{intimidation_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_intimidation_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_intimidation_stats" style="background-color:#bfbfbf;" value="-" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_intimidation_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#000000">Negotiation</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_negotiation" style="background-color:#bfbfbf; color:#000000;" value="floor(@{negotiation_mods}+@{negotiation_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_negotiation_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_negotiation_stats" style="background-color:#bfbfbf;" value="-" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_negotiation_mods" value="0"></td>
            </tr>
            <tr>
                <td style="color:#000000">Charm</td>
                <td><input class="sheet-skillsbox" type="number" name="attr_charm" style="background-color:#bfbfbf; color:#000000;" value="floor(@{charm_mods}+@{charm_points})" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_charm_points" value="0"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_charm_stats" style="background-color:#bfbfbf;" value="-" disabled="true"></td>
                <td><input class="sheet-skillsbox" type="number" name="attr_charm_mods" value="0"></td>
            </tr>
        </table>

        <div><img src="http://i.imgur.com/ILVc5Ct.png" alt="PoE" style="float: left; width:78; height:78;"></img><br></div>
        <div><img src="http://i.imgur.com/5fiedkA.png" alt="PoE" style="float: left; width:78; height:78;"></img><br></div>
        <div><img src="http://i.imgur.com/go1xjto.png" alt="PoE" style="float: left; width:78; height:78;"></img><br></div>
        <div><img src="http://i.imgur.com/nTrYkME.png" alt="PoE" style="float: left; width:78; height:78;"></img><br></div>
</div>

<!-- gear and soul skills -->
<table>
    <tr>
      <td colspan="2">
        <br>
        <table cellpadding="10" cellspacing="0">
            <tr>
                <td colspan="3" class="sheet-statlabel-big-gray" style="font-size: 1.5em; width: 450px;">Soul Skills</td>
            </tr>
            <tr>
                <td><textarea name="attr_sstext" rows="2" cols="2"></textarea></td>
            </tr>
        </table>
      </td>
    </tr>
    <tr>
        <td colspan="2">
            <table cellpadding="10" cellspacing="0">
                <tr>
                    <td colspan="3" class="sheet-statlabel-big-gray" style="font-size: 1.5em; width: 450px;">Keystones</td>
                </tr>
                <tr>
                    <td><textarea name="attr_kstext" rows="2" cols="2"></textarea></td>
                </tr>
        </table>
    </tr>
    <tr>
        <td colspan="2">
            <table cellpadding="10" cellspacing="0">
                <tr>
                    <td colspan="3" class="sheet-statlabel-big-gray" style="font-size: 1.5em; width: 450px;">Gear</td>
                </tr>
                <tr>
                    <td><textarea name="attr_geartext" rows="2" cols="2"></textarea></td>
                </tr>
        </table>
    </tr>
    <tr>
        <td colspan="2">
            <table cellpadding="10" cellspacing="0">
                <tr>
                    <td colspan="3" class="sheet-statlabel-big-gray" style="font-size: 1.5em; width: 450px;">Inventory</td>
                </tr>
                <tr>
                    <td><textarea name="attr_bagtext" rows="2" cols="2"></textarea></td>
                </tr>
        </table>
    </tr>
    <tr>
        <td colspan="2">
            <table cellpadding="10" cellspacing="0">
                <tr>
                    <td colspan="3" class="sheet-statlabel-big-gray" style="font-size: 1.5em; width: 450px;">Miscellaneous</td>
                </tr>
                <tr>
                    <td><textarea name="attr_misctext" rows="2" cols="2"></textarea></td>
                </tr>
        </table>
    </tr>
</table>


</div>


<!--the end-->