Update AdventurePack.html (#5600)

Changed sheet from using tables and divs
This commit is contained in:
Kerry Harrison
2019-10-28 13:33:39 -05:00
committed by Cassie Levett
parent 5f82a8182f
commit bc31ed1c4c
+332 -209
View File
@@ -1,211 +1,334 @@
<div class="sheet">
<div class="sheet-col">
<table>
<tr>
<td><label style="text-align: right;padding-top: 10px;">Name:</label></td><td><input type="text" name="attr_name" /></td>
<td><label style="text-align: right;padding-top: 10px;">Class:</label></td><td><input type="text" style="width: 100px;" name="attr_class" /></td>
<td><label style="text-align: right;padding-top: 10px;">Level:</label></td><td><input type="number" name="attr_level" /></td>
<td><label style="text-align: right;padding-top: 10px;">Race:</label></td><td><input type="text" style="width: 100px;" name="attr_race" /></td>
<td><label style="text-align: right;padding-top: 10px;">Align:</label></td><td style="padding-top: 10px;"><select style="width: 75px;" name="attr_align" class="align">
<option value="Good">Good</option>
<option value="Neutral">Neutral</option>
<option value="Evil">Evil</option>
</select></td>
</tr>
</table>
</div>
<hr />
<div class="sheet-3colrow">
<h3 style="background:#000;color:#fff;text-align:center;margin-bottom: 10px;">Combat Info</h3>
<table>
<tbody>
<tr>
<td><label style="text-align: right;padding-top: 10px;">Initative:</label></td><td><input type="number" name="attr_INIT" value=0 /></td>
<td>&nbsp;</td>
<td><label style="text-align: right;padding-top: 10px;">Speed:</label></td><td><input type="number" name="attr_Speed" value=30 /></td>
<td>&nbsp;</td>
<td><label style="text-align: right;padding-top: 10px;">AC:</label></td><td><input type="number" name="attr_AC" value=0 /></td>
<td>&nbsp;</td>
<td><label style="text-align: right;padding-top: 10px;">HP:</label></td><td><input type="number" name="attr_HP" value=1 /></td>
<td><label style="text-align: right;padding-top: 10px;">Max HP:</label></td><td><input type="number" name="attr_HP_max" value=1 /></td>
</tr>
</tbody>
</table>
<table style='border-collapse: collapse; border-spacing: 0;'>
<tr>
<td>Weapon Name</td>
<td>Type</td>
<td title="Bonus to Attack for selected weapon">ATK</td>
<td title="click here to roll attack for selected weapon">Attack</td>
<td title="Enter Roll (eg:2D6)">Damage</td>
<td title="Max Weapon Range">Range</td>
<td style="background:#999;color:#fff;" title="Type of Ammo">Ammo</td>
<td style="background:#999;color:#fff;" title="Enter Current Ammo">Qty</td>
<td style="background:#999;color:#fff;" title="Enter Max Ammo">Max</td>
</tr>
<tr>
<td><input type="text" name="attr_meleename" /></td>
<td><input type="text" style="width: 80px;" value="Melee" disabled=true /></td>
<td><input type="number" name="attr_ATKMelee" class="sheet-short" value=0 /></td>
<td><button type='roll' value='/roll 1d20 + @{ATKMelee} + @{STRMod}' name='meleeattack'></button></td>
<td><input type="text" style="width:100px;" name="attr_meleedamageroll" /></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><input type="text" name="attr_rangedname" /></td>
<td><input type="text" style="width: 80px;" value="Ranged" disabled=true /></td>
<td><input type="number" name="attr_ATKRange" class="sheet-short" value=0 /></td>
<td><button type='roll' value='/roll 1d20 + @{ATKRange} + @{DEXMod}' name='rangeattack'></button></td>
<td><input type="text" style="width:100px;" name="attr_rangedamageroll" /></td>
<td><input type="number" name="attr_range" class="sheet-short" value=0 /></td>
<td><input type="text" style="width:100px;" name="attr_ammoname" /></td>
<td><input type="number" name="attr_ammo" class="sheet-short" value=0 /></td>
<td><input type="number" name="attr_ammo_max" class="sheet-short" value=0 /></td>
</tr>
<!-- 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">
<tr>
<td><input type="text" name="attr_weaponname" ></td>
<td style="padding-top: 10px;"><select style="width: 80px;" name="attr_weapontype"><option value="Melee">Melee</option><option value="Ranged">Ranged</option></select></td>
<td><input type="number" name="attr_attackbonus" class="sheet-short" value=0></td>
<td><button type='roll' value='/roll 1d20 + @{attackbonus} + @{STRMod}' name='meleeattack'></button></td>
<td><input type="text" style="width:100px;" name="attr_damageroll"></td>
<td><input type="number" name="attr_range" class="sheet-short" value=0></td>
<td><input type="text" style="width:100px;" name="attr_ammoname"></td>
<td><input type="number" name="attr_ammo" class="sheet-short" value=0></td>
<td><input type="number" name="attr_ammo_max" class="sheet-short" value=0></td>
</tr>
</fieldset>
-->
</table>
</div>
<div class="sheet-3colrow">
<div class="sheet-col">
<hr />
<h3 style="background:#000;color:#fff;text-align:center;margin-bottom: 10px;">Skills</h3>
<table>
<thead>
<tr><td width=120>Skill</td><td width=50>Value</td><td width=50>Check</td></tr>
</thead>
<tbody>
<tr><td><label>Diplomacy:</label></td><td><input type="number" name="attr_diplomacy" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{diplomacy} + @{ChaMod}' name='DiplomacyCheck'></button></td></tr>
<tr><td><label>Disable Device:</label></td><td><input type="number" name="attr_disable" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{disable} + @{DexMod}' name='DisableCheck'></button></td></tr>
<tr><td><label>Hide:</label></td><td><input type="number" name="attr_hide" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{hide} + @{DexMod}' name='HideCheck'></button></td></tr>
<tr><td><label>Listen:</label></td><td><input type="number" name="attr_listen" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{listen} + @{WisMod}' name='ListenCheck'></button></td></tr>
<tr><td><label>Move Silently:</label></td><td><input type="number" name="attr_silent" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{silent} + @{DexMod}' name='MoveSilentCheck'></button></td></tr>
<tr><td><label>Open Lock:</label></td><td><input type="number" name="attr_open" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{open} + @{DexMod}' name='OpenLockCheck'></button></td></tr>
<tr><td><label>Search:</label></td><td><input type="number" name="attr_search" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{search} + @{IntMod}' name='SearchCheck'></button></td></tr>
<tr><td><label>Spot:</label></td><td><input type="number" name="attr_spot" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{spot} + @{WisMod}' name='SpotCheck'></button></td></tr>
</tbody>
</table>
</div>
<div class="sheet-col">
<hr />
<h3 style="background:#000;color:#fff;text-align:center;margin-bottom: 10px;">Ability Scores</h3>
<table>
<thead>
<tr><td width=100>Ability</td><td width=50>Score</td><td width=50>Mod</td></tr>
</thead>
<tbody>
<tr><td><label>Strength:</label></td><td><input type="number" name="attr_STR" value=0 /></td><td><input type="number" name="attr_STRMod" value="floor(@{STR}/2-5)" disabled=true></tr></td>
<tr><td><label>Dexterity:</label></td><td><input type="number" name="attr_DEX" value=0 /></td><td><input type="number" name="attr_DEXMod" value="floor(@{DEX}/2-5)" disabled=true></tr></td>
<tr><td><label>Constitution:</label></td><td><input type="number" name="attr_CON" value=0 /></td><td><input type="number" name="attr_CONMod" value="floor(@{CON}/2-5)" disabled=true></tr></td>
<tr><td><label>Intelligence:</label></td><td><input type="number" name="attr_INT" value=0 /></td><td><input type="number" name="attr_INTMod" value="floor(@{INT}/2-5)" disabled=true></tr></td>
<tr><td><label>Wisdom:</label></td><td><input type="number" name="attr_WIS" value=0 /></td><td><input type="number" name="attr_WISMod" value="floor(@{WIS}/2-5)" disabled=true></tr></td>
<tr><td><label>Charisma:</label></td><td><input type="number" name="attr_CHA" value=0 /></td><td><input type="number" name="attr_CHAMod" value="floor(@{CHA}/2-5)" disabled=true></tr></td>
</tbody>
</table>
</div>
<div class="sheet-col">
<hr />
<h3 style="background:#000;color:#fff;text-align:center;margin-bottom: 10px;">Saving Throws</h3>
<table>
<thead>
<tr><td width=100>Save</td><td width=50>Value</td><td width=50>Check</td></tr>
</thead>
<tbody>
<tr><td><label>Fortitude:</label></td><td><input type="number" name="attr_FORT" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{FORT} + @{ConMod}' name='FortSave'></button></td></tr>
<tr><td><label>Reflex:</label></td><td><input type="number" name="attr_REFL" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{REFL} + @{DexMod}' name='ReflexSave'></button></td></tr>
<tr><td><label>Will:</label></td><td><input type="number" name="attr_WILL" value="0" /></td><td><button type='roll' value='/roll 1d20 + @{WILL} + @{WisMod}' name='WillSave'></button></td></tr>
</tbody>
</table>
<hr />
<h3 style="background:#000;color:#fff;text-align:center;margin-bottom: 10px;">Info</h3>
<table>
<thead>
<tr style="Font-Style: Bold;">
<td width=100><label>Gold Pieces</label></td><td width=100><label>Experience Points</label></td>
</tr>
</thead>
<tbody>
<tr><td><input type="number" name="attr_GP" value="0" />&nbsp;Gp</td><td><input type="number" name="attr_XP" value="0" />&nbsp;Xp</td></tr>
</tbody>
</table>
</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>
<table>
<tr style="font-weight: bold;">
<td>Worn</td><td>&nbsp;</td><td>Equipment</td>
</tr>
</table>
<fieldset name="repeating_gear" class="repeating_gear">
<table>
<tr>
<td><input type="checkbox" name="itemworn" class="left" /></td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td><input type="text" style="width:360px;" name="attr_gear" /></td>
</tr>
</table>
<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>
</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 name="repeating_feats" class="repeating_feats">
<ul>
<fieldset name="repeating_feats" class="repeating_feats">
<li><input style="width:395px;" type="text" name="attr_featname" /></li>
<li><textarea style="height:50px; width: 385px;" name="attr_featdesc"></textarea></li>
</fieldset>
</ul>
</div>
</div>
<h3 style="background:#000;color:#fff;text-align:center;margin-bottom: 10px;"> Spells </h3>
<div class="sheet-2colrow">
<div class="sheet-col">
<table>
<tr style="font-weight: bold;">
<td>Used</td><td>&nbsp;</td><td>Zero-Level Spells</td>
</tr>
</table>
<fieldset name="repeating_cantrip" class="repeating_cantrip">
<table>
<tr>
<td><input type="checkbox" name="spellused" class="left"></td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><input style="width:360px;" type="text" name="attr_cantrip" /></td>
</tr>
</table>
</fieldset>
</div>
<div class="sheet-col">
<table>
<tr style="font-weight: bold;">
<td>Used</td><td>&nbsp;</td><td>1st-Level Spells</td>
</tr>
</table>
<fieldset name="repeating_spells-1st" class="repeating_spells-1st">
<table>
<tr>
<td><input type="checkbox" name="spellused" class="left"></td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td><td><input style="width:360px;" type="text" name="attr_spells-1st" /></td>
</tr>
</table>
</fieldset>
</div>
</div>
</div>
</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>