roll20-character-sheets-tester/Rangers of Shadow Deep/Rangers.html

<!-- === SHEET ===  -->
<div class="main">
	<!-- Name and Character Type -->
	<div class="linea" style="margin-bottom: 10px">
		<div class="columna" style="width:50%;">
			<div class="linea" style="margin-bottom: 10px;">
				<h3>Name</h3>
				<input type="text" class="stats-input" name="attr_name" style="width:90%;margin-bottom: 10px;"/>
			</div>
			<div class="linea" style="margin-bottom: 10px">
				<h3>Character Type</h3>
				<input type="radio" name="attr_chartype" value="ranger" checked> Ranger</input>&nbsp;&nbsp;
				<input type="radio" name="attr_chartype" value="companion"> Companion</input>&nbsp;&nbsp;
				<input type="radio" name="attr_chartype" value="npc"> NPC</input>
			</div>
			<div class="linea" style="margin-bottom: 10px">
			<input type="hidden" name="attr_chartype" class="showdetails" value="ranger"/>
				<div class="details1">
					<h4>Ranger Details</h4>
					<div class="columna" style="padding-right: 20px;">
						<div>Level</div>
						<input type="text" class="stats-input" name="attr_level"/>
					</div>
					<div class="columna" style="padding-right: 20px;">
						<div>Experience</div>
						<input type="text" class="stats-input" name="attr_experience"/>
					</div>
					<div class="columna" style="padding-right: 20px;">
						<div>Recruitment Points</div>
						<input type="text" class="stats-input" name="attr_recruit"/>
					</div>
					<div class="columna" style="padding-right: 20px;">
						<div>Is Poisoned?</div>
						<input type='checkbox' name="attr_poisoned"/>
					</div>
					<div class="columna" style="padding-right: 20px;">
						<div>Is Diseased?</div>
						<input type='checkbox' name="attr_diseased"/>
					</div>
				</div>
				<div class="details2">
					<h4>Companion Details</h4>
					<div class="columna"  style="padding-right: 20px;">
						<div>Companion Type</div>
						<input type="text" class="long" name="attr_companiontype"/>
					</div>
					<div class="columna"  style="padding-right: 20px;">
						<div>RP Cost</div>
						<input type="text" class="stats-input" name="attr_rpcost"/>
					</div>
					<div class="columna"  style="padding-right: 20px;">
						<div>Progression Points</div>
						<input type="text" class="stats-input" name="attr_progpoints"/>
					</div>
					<div class="columna" style="padding-right: 20px;">
						<div>Is Poisoned?</div>
						<input type='checkbox' name="attr_poisoned"/>
					</div>
					<div class="columna" style="padding-right: 20px;">
						<div>Is Diseased?</div>
						<input type='checkbox' name="attr_diseased"/>
					</div>
				</div>
				<div class="details3">
					<h4>NPC Details</h4>
					<div class="columna"  style="padding-right: 20px;">
						<div>XP Value</div>
						<input type="text" class="stats-input" name="attr_xpvalue"/>
					</div>
				</div>
			</div>
		</div>
		<div class="logo">
			<img src="http://www.gladius-games.com/images/RSDTitle.png"/>
		</div>
	</div>
	<hr class="fancy"/>
	<!-- Stats -->
	<h3>Stats</h3>
	<div class="linea">
		<div class="columna" style="width: 20%;">
			<div class="linea" style="margin-bottom: 10px;">
				<div class="columna">
					<button title="Fight" type="roll" name="roll_Fight" value="&{template:statroll} {{rollIsFight=true}} {{charname=@{character_name}}} {{Result=[[1d20cs20cf0+@{fight}]]}}">
					</button> 
				</div>
				<div class="rollLabel">
					Fight&nbsp;&nbsp;
				</div>
				<div class="columna-right">
					<input type="text" class="short" name="attr_fight"/>
				</div>
			</div>
			<div class="linea" style="margin-bottom: 10px;">
				<div class="columna">
					<button title="Shoot" type="roll" name="roll_Shoot" value="&{template:statroll} {{rollIsShoot=true}} {{charname=@{character_name}}} {{Result=[[1d20cs20cf0+@{shoot}]]}}">
					</button> 
				</div>
				<div class="rollLabel">
					Shoot&nbsp;&nbsp;
				</div>
				<div class="columna-right">
					<input type="text" class="short" name="attr_shoot"/>
				</div>
			</div>
			<div class="linea" style="margin-bottom: 10px;">
				<div class="columna">
					<button title="Will" type="roll" name="roll_Will" value="&{template:statroll} {{rollIsWill=true}} {{charname=@{character_name}}} {{Result=[[1d20cs21cf0+@{will}]]}}">
					</button>
				</div>
				<div class="rollLabel">
					Will&nbsp;&nbsp;
				</div>
				<div class="columna-right">
					<input type="text" class="short" name="attr_will"/>
				</div>
			</div>
		</div>
		<div class="columna" style="width: 22%;">
			<div class="linea" style="margin-bottom: 10px;">
				<div class="rollLabel">
					Armor (base)&nbsp;&nbsp;
				</div>
				<div class="columna-right">
					<input type="text" class="short" name="attr_armorbase"/>
				</div>
			</div>
			<div class="linea" style="margin-bottom: 10px;">
				<div class="rollLabel">
					Health (base)&nbsp;&nbsp;
				</div>
				<div class="columna-right">
					<input type="text" class="short" name="attr_healthmax"/>
				</div>
			</div>
		</div>
		<div class="columna" style="width: 24%;">
			<div class="linea" style="margin-bottom: 10px">
				<div class="rollLabel">
					Armor (total)&nbsp;&nbsp;
				</div>
				<div class="columna-right">
					<input type="text" class="short" name="attr_armortotal"/>
				</div>
			</div>
			<div class="linea" style="margin-bottom: 10px">
				<div class="rollLabel">
					Health (current)&nbsp;&nbsp;
				</div>
				<div class="columna-right">
					<input type="text" class="short" name="attr_healthcurrent"/>
				</div>
			</div>
		</div>
		<div class="columna" style="width: 16%;">
			<div class="linea" style="margin-bottom: 10px">
				<div class="rollLabel">
					Move&nbsp;&nbsp;
				</div>
				<div class="columna-right">
					<input type="text" class="short" name="attr_move"/>
				</div>
			</div>
		</div>
	</div>
	<hr class="fancy"/>
	<!-- Abilities -->
	<div class="linea">
		<div class="columna">
			<div class="linea" style="position:relative;">
				<div class="columna" style="width: 100%;">
					<h3>Heroic Abilities & Spells</h3>
				</div>
			</div>
			<fieldset class="repeating_skills">
				<div class="linea" style="margin-bottom: 10px">
					<div class="columna">
						<input type="text" class="skill-name" name="attr_skillname"/><input type="checkbox" name="attr_isused"/> Used
					</div>
				</div>
			</fieldset>
		</div>
	</div>
	<hr class="fancy"/>
	<!-- Skills -->
	<div class="linea">
		<div class="columna">
			<div class="linea" style="position:relative;">
				<div class="columna">
					<h3>Skills</h3>
				</div>
			</div>
			<div class="linea" style="position:relative;">
				<div class="columna">
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Acrobatics" type="roll" name="roll_acrobatics" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Acrobatics}} {{Result=[[1d20cs21cf0+@{acrobatics}]]}}">
							</button>
							Acrobatics&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_acrobatics"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="AncientLore" type="roll" name="roll_ancientlore" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Ancient Lore}} {{Result=[[1d20cs21cf0+@{lore}]]}}">
							</button>
							Ancient Lore&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_lore"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Armoury" type="roll" name="roll_armoury" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Armoury}} {{Result=[[1d20cs21cf0+@{armoury}]]}}">
							</button>
							Armoury&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_armoury"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Climb" type="roll" name="roll_climb" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Climb}} {{Result=[[1d20cs21cf0+@{climb}]]}}">
							</button>
							Climb&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_climb"/>
						</div>
					</div>
				</div>
				<div class="columna">
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Leadership" type="roll" name="roll_leadership" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Leadership}} {{Result=[[1d20cs21cf0+@{leader}]]}}">
							</button>
							Leadership&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_leader"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Navigation" type="roll" name="roll_navigation" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Navigation}} {{Result=[[1d20cs21cf0+@{nav}]]}}">
							</button>
							Navigation&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_nav"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Perception" type="roll" name="roll_perception" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Perception}} {{Result=[[1d20cs21cf0+@{perception}]]}}">
							</button>
							Perception&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_perception"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Pick Lock" type="roll" name="roll_lockpick" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Pick Lock}} {{Result=[[1d20cs21cf0+@{lockpick}]]}}">
							</button>
							Pick Lock&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_lockpick"/>
						</div>
					</div>
				</div>
				<div class="columna">
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Read runes" type="roll" name="roll_runes" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Read Runes}} {{Result=[[1d20cs21cf0+@{runes}]]}}">
							</button>
							Read Runes&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_runes"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Stealth" type="roll" name="roll_stealth" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Stealth}} {{Result=[[1d20cs21cf0+@{stealth}]]}}">
							</button>
							Stealth&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_stealth"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Strength" type="roll" name="roll_strength" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Strength}} {{Result=[[1d20cs21cf0+@{strength}]]}}">
							</button>
							Strength&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_strength"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Survival" type="roll" name="roll_survival" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Survival}} {{Result=[[1d20cs21cf0+@{survival}]]}}">
							</button>
							Survival&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_survival"/>
						</div>
					</div>
				</div>
				<div class="columna">
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Swim" type="roll" name="roll_swim" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Swim}} {{Result=[[1d20cs21cf0+@{swim}]]}}">
							</button>
							Swim&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_swim"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Track" type="roll" name="roll_track" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Track}} {{Result=[[1d20cs21cf0+@{track}]]}}">
							</button>
							Track&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_track"/>
						</div>
					</div>
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<button title="Traps" type="roll" name="roll_traps" value="&{template:statroll} {{rollIsSkill=true}} {{charname=@{character_name}}} {{skillname=Traps}} {{Result=[[1d20cs21cf0+@{traps}]]}}">
							</button>
							Traps&nbsp;&nbsp;
						</div>
						<div class="columna-right">
							<input type="text" class="short" name="attr_traps"/>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<hr class="fancy"/>
	<!-- Items -->
	<div class="linea" style="margin-bottom:10px;">
		<div class="columna">
			<h3>Items</h3>
		</div>
	</div>
	<div class="linea" style="margin-bottom:10px;">
		<div class="columna" style="width: 50%;">
			<div class="linea">
				<span class="inventory-label">
					1
				</span>
				<input type="text" name="attr_inventory1" class="inventory-input"/>
			</div>
			<div class="linea">
				<span class="inventory-label">
					2
				</span>
				<input type="text" name="attr_inventory2" class="inventory-input"/>
			</div>
			<div class="linea">
				<span class="inventory-label">
					3
				</span>
				<input type="text" name="attr_inventory3" class="inventory-input"/>
			</div>
		</div>
		<div class="columna" style="width: 50%;">
			<div class="linea">
				<span class="inventory-label">
					4
				</span>
				<input type="text" name="attr_inventory4" class="inventory-input"/>
			</div>
			<div class="linea">
				<span class="inventory-label">
					5
				</span>
				<input type="text" name="attr_inventory5" class="inventory-input"/>
			</div>
			<div class="linea">
				<span class="inventory-label">
					6
				</span>
				<input type="text" name="attr_inventory6" class="inventory-input"/>
			</div>
		</div>
	</div>
	<hr class="fancy"/>
	<!--Injuries -->
	<div class="linea">
		<input type="hidden" name="attr_chartype" class="showdetails" value="ranger"/>
		<div class="injuries">
			<div class="columna">
				<div class="linea" style="position:relative;">
					<div class="columna" style="width: 100%;">
						<h3>Permanent Injuries</h3>
					</div>
				</div>
				<fieldset class="repeating_injuries">
					<div class="linea" style="margin-bottom: 10px">
						<div class="columna">
							<input type="text" class="skill-name" name="attr_injuryname"/>
						</div>
					</div>
				</fieldset>
			</div>
		</div>
	</div>
	<hr class="fancy"/>
	<!-- Notes -->
	<div class="linea">
		<h3>Notes</h3>
		<textarea name="attr_notes"/>
	</div>
</div>

<rolltemplate class="sheet-rolltemplate-statroll">
	<div class="sheet-template-container">
		{{#rollIsFight}}
			<div class="sheet-template-header"><span class="fancy">{{charname}}</span> rolls Fight: </div>
			{{#Result}}<div class="sheet-template-row">Fight Roll: <span>{{Result}}</span></div>{{/Result}}
			{{#rollWasCrit() Result}}
				<div class="sheet-template-row"><span>Gets a Crit and may do +5 damage!</span></div>
			{{/rollWasCrit() Result}}
			{{#rollWasFumble() Result}}
				<div class="sheet-template-row"><span>Fumbles and misses!</span></div>
			{{/rollWasFumble() Result}}
		{{/rollIsFight}}
		{{#rollIsShoot}}
			<div class="sheet-template-header">{{charname}} rolls Shoot: </div>
			{{#Result}}<div class="sheet-template-row">Shoot Roll: <span>{{Result}}</span></div>{{/Result}}
			{{#rollWasCrit() Result}}
				<div class="sheet-template-row"><span>Gets a Crit and may do +5 damage!</span></div>
			{{/rollWasCrit() Result}}
			{{#rollWasFumble() Result}}
				<div class="sheet-template-row"><span>Fumbles and misses!</span></div>
			{{/rollWasFumble() Result}}
		{{/rollIsShoot}}
		{{#rollIsWill}}
			<div class="sheet-template-header">{{charname}} rolls Will: </div>
			{{#Result}}<div class="sheet-template-row">Will Roll: <span>{{Result}}</span></div>{{/Result}}
			{{#rollWasCrit() Result}}
				<div class="sheet-template-row"><span>Crit Success!</span></div>
			{{/rollWasCrit() Result}}
			{{#rollWasFumble() Result}}
				<div class="sheet-template-row"><span>Crit Fail!</span></div>
			{{/rollWasFumble() Result}}
		{{/rollIsWill}}
		{{#rollIsSkill}}
			<div class="sheet-template-header">{{charname}} rolls {{skillname}}: </div>
			{{#Result}}<div class="sheet-template-row">Skill Roll: <span>{{Result}}</span></div>{{/Result}}
		{{/rollIsSkill}}
	</div>
</rolltemplate>