roll20-character-sheets/Spire/Spire.html

<div class="sheet-container">

<div class="sheet-topSection">
	<div class="sheet-wideBox">
		<div><div class="sheet-inlineText">Player Name</div> <input type="text" name="attr_playerName"></div>
		<div><div class="sheet-inlineText">Character Name</div> <input type="text" name="attr_characterName"></div>
		<div><div class="sheet-inlineText">Class</div> <input type="text" name="attr_class"></div>
		<div><div class="sheet-inlineText">Durance</div> <input type="text" name="attr_durance"></div>
	</div>
	<div class="sheet-narrowBox" style="text-align: right;">
		<button type="roll" class="sheet-spireButton" title="roll dice" name="roll_normal" value="/roll ?{How many d10's?|1}d10kh1sa for ?{Purpose of roll?} ... Note: extra 10s add +1 stress"></button>
	</div>
</div>

<div class="sheet-middleSection">

	
	<div class="sheet-narrowCol">
		<div class="sheet-tallBox" style="text-align: right;">
			<h3>Skills</h3>
			<div>Compel <input type="checkbox" name="attr_skillCompel" /></div>
			<div>Deceive <input type="checkbox" name="attr_skillDeceive" /></div>
			<div>Fight <input type="checkbox" name="attr_skillFight" /></div>
			<div>Fix <input type="checkbox" name="attr_skillFix" /></div>
			<div>Investigate <input type="checkbox" name="attr_skillInvestigate" /></div>
			<div>Pursue <input type="checkbox" name="attr_skillPursue" /></div>
			<div>Resist <input type="checkbox" name="attr_skillResist" /></div>
			<div>Sneak <input type="checkbox" name="attr_skillSneak" /></div>
			<div>Steal <input type="checkbox" name="attr_skillSteal" /></div>
		</div>
		<div class="sheet-tallBox" style="text-align: right;">
			<h3>Domains</h3>
			<div>Academia <input type="checkbox" name="attr_domainAcademia"/></div>
			<div>Crime <input type="checkbox" name="attr_domainCrime"/></div>
			<div>Commerce <input type="checkbox" name="attr_domainCommerce"/></div>
			<div>High Society <input type="checkbox" name="attr_domainHighSociety"/></div>
			<div>Low Society <input type="checkbox" name="attr_domainLowSociety"/></div>
			<div>Occult <input type="checkbox" name="attr_domainOccult"/></div>
			<div>Order <input type="checkbox" name="attr_domainOrder"/></div>
			<div>Religion <input type="checkbox" name="attr_domainReligion"/></div>
			<div>Technology <input type="checkbox" name="attr_domainTechnology"/></div>			
		</div>			
	</div>

	<div class="sheet-wideCol">
		<div>
			<div class="sheet-shortBox">
				<h3>Knacks</h3>
			
				<textarea name="attr_knacks" placeholder="knacks"></textarea>
			
			</div>
			<div class="sheet-shortBox">
				<h3>Equipment</h3>
				<textarea name="attr_equipment" placeholder="equipment"></textarea>
			</div>
		</div>
		<div class="sheet-giantBox">
			<h3>Abilities</h3>
			<fieldset class="repeating_Abilities">
				<div>
					<h2>								
						<input type="text" name="attr_AbilityTitle" class="sheet-playbookDetailTitle" placeholder="Ability Name"/>
					</h2>				
					<textarea name="attr_AbilityDetails" rows="2" placeholder="Ability" ></textarea>
				<div>
			</fieldset>
		</div>			
	</div>
	
	<div class="sheet-narrowCol">
		<div class="sheet-shortBox">
			<h3>Refresh</h3>
			<textarea name="attr_refresh" placeholder="refresh"></textarea>
		</div>
		<div class="sheet-tallBox">
			<h3>Bonds</h3>
			<textarea name="attr_bonds" placeholder="bonds"></textarea>
		</div>		
	</div>

	

</div>

<div class="sheet-bottomSection">
	<div class="sheet-wideBox">
		<h3>Free Slots, Resistances, Current Stress</h3>
		<div>
			<input type="checkbox" name="attr_blood1"/>
			<input type="checkbox" name="attr_blood2"/>
			<input type="checkbox" name="attr_blood3"/>
			<input type="checkbox" name="attr_blood4"/>
			<input type="checkbox" name="attr_blood5"/>			
			<div class="sheet-inlineText">Blood </div>
			<input type="text" name="attr_stressBlood"/>
		</div>
		<div>
			<input type="checkbox" name="attr_mind1"/>
			<input type="checkbox" name="attr_mind2"/>
			<input type="checkbox" name="attr_mind3"/>
			<input type="checkbox" name="attr_mind4"/>
			<input type="checkbox" name="attr_mind5"/>			
			<div class="sheet-inlineText">Mind </div>
			<input type="text" name="attr_stressMind"/>
		</div>
		<div>
			<input type="checkbox" name="attr_silver1"/>
			<input type="checkbox" name="attr_silver2"/>
			<input type="checkbox" name="attr_silver3"/>
			<input type="checkbox" name="attr_silver4"/>
			<input type="checkbox" name="attr_silver5"/>			
			<div class="sheet-inlineText">Silver </div>
			<input type="text" name="attr_stressSilver"/>
		</div>
		<div>
			<input type="checkbox" name="attr_Shadow1"/>
			<input type="checkbox" name="attr_Shadow2"/>
			<input type="checkbox" name="attr_Shadow3"/>
			<input type="checkbox" name="attr_Shadow4"/>
			<input type="checkbox" name="attr_Shadow5"/>			
			<div class="sheet-inlineText">Shadow </div>
			<input type="text" name="attr_stressShadow"/>
		</div>
		<div>
			<input type="checkbox" name="attr_reputation1"/>
			<input type="checkbox" name="attr_reputation2"/>
			<input type="checkbox" name="attr_reputation3"/>
			<input type="checkbox" name="attr_reputation4"/>
			<input type="checkbox" name="attr_reputation5"/>			
			<div class="sheet-inlineText">Reputation </div>
			<input type="text" name="attr_stressReputation"/>
		</div>
		<div>
			<input type="checkbox" name="attr_armour1"/>
			<input type="checkbox" name="attr_armour2"/>
			<input type="checkbox" name="attr_armour3"/>
			<input type="checkbox" name="attr_armour4"/>
			<input type="checkbox" name="attr_armour5"/>			
			<div class="sheet-inlineText">Armour </div>
			<input type="text" name="attr_stressArmour"/>
		</div>

		<div>
			Total Stress <input type="text" name="attr_totalStress"/>
		</div>
	</div>
	<div class="sheet-tallBox">
		<h3>Fallout</h3>
		<textarea name="attr_fallout" placeholder="fallout"></textarea>
	</div>			

</div>

</div>