roll20-character-sheets/Adventure Pack/AdventurePack.html

<div class="sheet">
   <div class="sheet-col">
      <div class="divTable">
         <div class="divTableBody">
            <div class="divTableRow">
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">Name:</label></div>
               <div class="divTableCell"><input name="attr_name" type="text" /></div>
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">Class:</label></div>
               <div class="divTableCell"><input style="width: 100px;" name="attr_class" type="text" /></div>
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">Level:</label></div>
               <div class="divTableCell"><input name="attr_level" type="number" /></div>
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">Race:</label></div>
               <div class="divTableCell"><input style="width: 100px;" name="attr_race" type="text" /></div>
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">Align:</label></div>
               <div class="divTableCell">
                  <select class="align" style="width: 75px;" name="attr_align">
                     <option value="Good">Good</option>
                     <option value="Neutral">Neutral</option>
                     <option value="Evil">Evil</option>
                  </select>
               </div>
            </div>
         </div>
      </div>
   </div>
   <hr />
   <div class="sheet-3colrow">
      <h3 style="background: #000; color: #fff; text-align: center; margin-bottom: 10px;">Combat Info</h3>
      <div class="divTable">
         <div class="divTableBody">
            <div class="divTableRow">
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">Initative:</label></div>
               <div class="divTableCell"><input name="attr_INIT" type="number" value="0" /></div>
               <div class="divTableCell">&nbsp;</div>
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">Speed:</label></div>
               <div class="divTableCell"><input name="attr_Speed" type="number" value="30" /></div>
               <div class="divTableCell">&nbsp;</div>
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">AC:</label></div>
               <div class="divTableCell"><input name="attr_AC" type="number" value="0" /></div>
               <div class="divTableCell">&nbsp;</div>
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">HP:</label></div>
               <div class="divTableCell"><input name="attr_HP" type="number" value="1" /></div>
               <div class="divTableCell"><label style="text-align: right; padding-top: 10px;">Max HP:</label></div>
               <div class="divTableCell"><input name="attr_HP_max" type="number" value="1" /></div>
            </div>
         </div>
      </div>
      <div class="divTable">
         <div class="divTableBody">
            <div class="divTableRow">
               <div class="divTableCell">Weapon Name</div>
               <div class="divTableCell">Type</div>
               <div class="divTableCell">ATK</div>
               <div class="divTableCell">Attack</div>
               <div class="divTableCell">Damage</div>
               <div class="divTableCell">Range</div>
               <div class="divTableCell">Ammo</div>
               <div class="divTableCell">Qty</div>
               <div class="divTableCell">Max</div>
            </div>
            <div class="divTableRow">
               <div class="divTableCell"><input name="attr_meleename" type="text" /></div>
               <div class="divTableCell"><input style="width: 80px;" disabled="disabled" type="text" value="Melee" /></div>
               <div class="divTableCell"><input class="sheet-short" name="attr_ATKMelee" type="number" value="0" /></div>
               <div class="divTableCell"><button name="meleeattack" type="roll" value="/roll 1d20 + @{ATKMelee} + @{STRMod}"></button></div>
               <div class="divTableCell"><input style="width: 100px;" name="attr_meleedamageroll" type="text" /></div>
               <div class="divTableCell">&nbsp;</div>
               <div class="divTableCell">&nbsp;</div>
               <div class="divTableCell">&nbsp;</div>
               <div class="divTableCell">&nbsp;</div>
            </div>
            <div class="divTableRow">
               <div class="divTableCell"><input name="attr_rangedname" type="text" /></div>
               <div class="divTableCell"><input style="width: 80px;" disabled="disabled" type="text" value="Ranged" /></div>
               <div class="divTableCell"><input class="sheet-short" name="attr_ATKRange" type="number" value="0" /></div>
               <div class="divTableCell"><button name="rangeattack" type="roll" value="/roll 1d20 + @{ATKRange} + @{DEXMod}"></button></div>
               <div class="divTableCell"><input style="width: 100px;" name="attr_rangedamageroll" type="text" /></div>
               <div class="divTableCell"><input class="sheet-short" name="attr_range" type="number" value="0" /></div>
               <div class="divTableCell"><input style="width: 100px;" name="attr_ammoname" type="text" /></div>
               <div class="divTableCell"><input class="sheet-short" name="attr_ammo" type="number" value="0" /></div>
               <div class="divTableCell"><input class="sheet-short" name="attr_ammo_max" type="number" value="0" /></div>
            </div>
            <!-- I have left this in incase it's needed later, but as these sheets are just for the starter pack...
               <fieldset name="repeating_weapons" class="repeating_weapons">
                   <div class="divTableRow">
                       <div class="divTableCell"><input type="text" name="attr_weaponname" ></div>
                       <div class="divTableCell"><select style="width: 80px;" name="attr_weapontype"><option value="Melee">Melee</option><option value="Ranged">Ranged</option></select></div>
                       <div class="divTableCell"><input type="number" name="attr_attackbonus" class="sheet-short" value=0></div>
                       <div class="divTableCell"><button type='roll' value='/roll 1d20 + @{attackbonus} + @{STRMod}' name='meleeattack'></button></div>
                       <div class="divTableCell"><input type="text" style="width:100px;" name="attr_damageroll"></div>
                       <div class="divTableCell"><input type="number" name="attr_range" class="sheet-short" value=0></div>
                       <div class="divTableCell"><input type="text" style="width:100px;" name="attr_ammoname"></div>
                       <div class="divTableCell"><input type="number" name="attr_ammo" class="sheet-short" value=0></div>
                       <div class="divTableCell"><input type="number" name="attr_ammo_max" class="sheet-short" value=0></div>
                   </div>
               </fieldset>
               -->
         </div>
      </div>
   </div>
   <div class="sheet-3colrow">
      <div class="sheet-col">
         <hr />
         <h3 style="background: #000; color: #fff; text-align: center; margin-bottom: 10px;">Skills</h3>
         <div class="divTable">
            <div class="divTableHeading">
               <div class="divTableRow">
                  <div class="divTableCell">Skill</div>
                  <div class="divTableCell">Value</div>
                  <div class="divTableCell">Check</div>
               </div>
            </div>
            <div class="divTableBody">
               <div class="divTableRow">
                  <div class="divTableCell"><label>Diplomacy:</label></div>
                  <div class="divTableCell"><input name="attr_diplomacy" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="DiplomacyCheck" type="roll" value="/roll 1d20 + @{diplomacy} + @{ChaMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Disable Device:</label></div>
                  <div class="divTableCell"><input name="attr_disable" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="DisableCheck" type="roll" value="/roll 1d20 + @{disable} + @{DexMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Hide:</label></div>
                  <div class="divTableCell"><input name="attr_hide" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="HideCheck" type="roll" value="/roll 1d20 + @{hide} + @{DexMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Listen:</label></div>
                  <div class="divTableCell"><input name="attr_listen" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="ListenCheck" type="roll" value="/roll 1d20 + @{listen} + @{WisMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Move Silently:</label></div>
                  <div class="divTableCell"><input name="attr_silent" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="MoveSilentCheck" type="roll" value="/roll 1d20 + @{silent} + @{DexMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Open Lock:</label></div>
                  <div class="divTableCell"><input name="attr_open" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="OpenLockCheck" type="roll" value="/roll 1d20 + @{open} + @{DexMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Search:</label></div>
                  <div class="divTableCell"><input name="attr_search" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="SearchCheck" type="roll" value="/roll 1d20 + @{search} + @{IntMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Spot:</label></div>
                  <div class="divTableCell"><input name="attr_spot" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="SpotCheck" type="roll" value="/roll 1d20 + @{spot} + @{WisMod}"></button></div>
               </div>
            </div>
         </div>
      </div>
      <div class="sheet-col">
         <hr />
         <h3 style="background: #000; color: #fff; text-align: center; margin-bottom: 10px;">Ability Scores</h3>
         <div class="divTable">
            <div class="divTableHeading">
               <div class="divTableRow">
                  <div class="divTableCell">Ability</div>
                  <div class="divTableCell">Score</div>
                  <div class="divTableCell">Mod</div>
               </div>
            </div>
            <div class="divTableBody">
               <div class="divTableRow">
                  <div class="divTableCell"><label>Strength:</label></div>
                  <div class="divTableCell"><input name="attr_STR" type="number" value="0" /></div>
                  <div class="divTableCell"><input disabled="disabled" name="attr_STRMod" type="number" value="floor(@{STR}/2-5)" /></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Dexterity:</label></div>
                  <div class="divTableCell"><input name="attr_DEX" type="number" value="0" /></div>
                  <div class="divTableCell"><input disabled="disabled" name="attr_DEXMod" type="number" value="floor(@{DEX}/2-5)" /></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Constitution:</label></div>
                  <div class="divTableCell"><input name="attr_CON" type="number" value="0" /></div>
                  <div class="divTableCell"><input disabled="disabled" name="attr_CONMod" type="number" value="floor(@{CON}/2-5)" /></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Intelligence:</label></div>
                  <div class="divTableCell"><input name="attr_INT" type="number" value="0" /></div>
                  <div class="divTableCell"><input disabled="disabled" name="attr_INTMod" type="number" value="floor(@{INT}/2-5)" /></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Wisdom:</label></div>
                  <div class="divTableCell"><input name="attr_WIS" type="number" value="0" /></div>
                  <div class="divTableCell"><input disabled="disabled" name="attr_WISMod" type="number" value="floor(@{WIS}/2-5)" /></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Charisma:</label></div>
                  <div class="divTableCell"><input name="attr_CHA" type="number" value="0" /></div>
                  <div class="divTableCell"><input disabled="disabled" name="attr_CHAMod" type="number" value="floor(@{CHA}/2-5)" /></div>
               </div>
            </div>
         </div>
      </div>
      <div class="sheet-col">
         <hr />
         <h3 style="background: #000; color: #fff; text-align: center; margin-bottom: 10px;">Saving Throws</h3>
         <div class="divTable">
            <div class="divTableHeading">
               <div class="divTableRow">
                  <div class="divTableCell">Save</div>
                  <div class="divTableCell">Value</div>
                  <div class="divTableCell">Check</div>
               </div>
            </div>
            <div class="divTableBody">
               <div class="divTableRow">
                  <div class="divTableCell"><label>Fortitude:</label></div>
                  <div class="divTableCell"><input name="attr_FORT" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="FortSave" type="roll" value="/roll 1d20 + @{FORT} + @{ConMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Reflex:</label></div>
                  <div class="divTableCell"><input name="attr_REFL" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="ReflexSave" type="roll" value="/roll 1d20 + @{REFL} + @{DexMod}"></button></div>
               </div>
               <div class="divTableRow">
                  <div class="divTableCell"><label>Will:</label></div>
                  <div class="divTableCell"><input name="attr_WILL" type="number" value="0" /></div>
                  <div class="divTableCell"><button name="WillSave" type="roll" value="/roll 1d20 + @{WILL} + @{WisMod}"></button></div>
               </div>
            </div>
         </div>
         <hr />
         <h3 style="background: #000; color: #fff; text-align: center; margin-bottom: 10px;">Info</h3>
         <div class="divTable">
            <div class="divTableHeading">
               <div class="divTableRow">
                  <div class="divTableCell"><label>Gold Pieces</label></div>
                  <div class="divTableCell"><label>Experience Points</label></div>
               </div>
            </div>
            <div class="divTableBody">
               <div class="divTableRow">
                  <div class="divTableCell"><input name="attr_GP" type="number" value="0" />&nbsp;Gp</div>
                  <div class="divTableCell"><input name="attr_XP" type="number" value="0" />&nbsp;Xp</div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <hr />
   <div class="sheet-2colrow">
      <div class="sheet-col">
         <h3 style="background: #000; color: #fff; text-align: center; margin-bottom: 10px;">Gear Carried / worn</h3>
         <div class="divTable">
            <div class="divTableBody">
               <div class="divTableRow">
                  <div class="divTableCell">Worn</div>
                  <div class="divTableCell">&nbsp;</div>
                  <div class="divTableCell">Equipment</div>
               </div>
            </div>
         </div>
         <fieldset class="repeating_gear" name="repeating_gear">
            <div class="divTable">
               <div class="divTableBody">
                  <div class="divTableRow">
                     <div class="divTableCell"><input class="left" name="itemworn" type="checkbox" /></div>
                     <div class="divTableCell">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                     <div class="divTableCell"><input style="width: 360px;" name="attr_gear" type="text" /></div>
                  </div>
               </div>
            </div>
         </fieldset>
      </div>
      <div class="sheet-col">
         <h3 style="background: #000; color: #fff; text-align: center; margin-bottom: 10px;">Special / Feats</h3>
         <!-- using an unordered list doesn't work! Boo! -->
         <fieldset class="repeating_feats" name="repeating_feats">
            <fieldset class="repeating_feats" name="repeating_feats">
               <ul>
                  <li><input style="width: 395px;" name="attr_featname" type="text" /></li>
                  <li><textarea style="height: 50px; width: 385px;" name="attr_featdesc"></textarea></li>
               </ul>
            </fieldset>
         </fieldset>
      </div>
   </div>
   <h3 style="background: #000; color: #fff; text-align: center; margin-bottom: 10px;">Spells</h3>
   <div class="sheet-2colrow">
      <div class="sheet-col">
         <div class="divTable">
            <div class="divTableBody">
               <div class="divTableRow">
                  <div class="divTableCell">Used</div>
                  <div class="divTableCell">&nbsp;</div>
                  <div class="divTableCell">Zero-Level Spells</div>
               </div>
            </div>
         </div>
         <fieldset class="repeating_cantrip" name="repeating_cantrip">
            <div class="divTable">
               <div class="divTableBody">
                  <div class="divTableRow">
                     <div class="divTableCell"><input class="left" name="spellused" type="checkbox" /></div>
                     <div class="divTableCell">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                     <div class="divTableCell"><input style="width: 360px;" name="attr_cantrip" type="text" /></div>
                  </div>
               </div>
            </div>
         </fieldset>
      </div>
      <div class="sheet-col">
         <div class="divTable">
            <div class="divTableBody">
               <div class="divTableRow">
                  <div class="divTableCell">Used</div>
                  <div class="divTableCell">&nbsp;</div>
                  <div class="divTableCell">1st-Level Spells</div>
               </div>
            </div>
         </div>
         <fieldset class="repeating_spells-1st" name="repeating_spells-1st">
            <div class="divTable">
               <div class="divTableBody">
                  <div class="divTableRow">
                     <div class="divTableCell"><input class="left" name="spellused" type="checkbox" /></div>
                     <div class="divTableCell">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                     <div class="divTableCell"><input style="width: 360px;" name="attr_spells-1st" type="text" /></div>
                  </div>
               </div>
            </div>
         </fieldset>
      </div>
   </div>
</div>