Obsidian Portal - Campaign websites for Dungeons and Dragons and other tabletop RPGs

kallak_PF2e

Author: Kallak

Slug: kallak_PF2e

System: Pathfinder RPG 2e

DST Source Code

Note: This is the latest, unapproved DST code. Only the DST author can use an unapproved DST, and even then only they can see it. If it's a new DST, then it's invisible to everyone else. If modifying a previously approved DST, then everyone else uses the most recent approved version.

HTML Template

<div class="sheet-container">
	<!-- TOP SECTION -->
	<div class="section">
		<!-- PORTRAIT -->
		<div class="block portrait w242">
			<div class="dsf dsf_avatar_image"></div>
		</div>
		<!-- BASIC INFO, LEVEL, HERO POINTS and XP -->
		<div class="block w490 basic-info">
			<div class="input-row">
				<div class="input w150">
					<div class="input-label">Name</div>
					<span class="dsf dsf_name readonly"></span>
				</div>
				<div class="spacer"></div>
				<div class="input w150">
					<div class="input-label">Player</div>
					<span class="dsf dsf_player readonly">[NPC]</span>
				</div>
				<div class="spacer"></div>
				<div class="input w160">
					<div class="input-label">Campaign</div>
					<span class="dsf dsf_campaign readonly"></span>
				</div>
			</div>
			<div class="input-row">
				<div class="input w250">
					<div class="input-label">Ancestry and Heritage</div>
					<div class="dsf dsf_ancestry_and_heritage"></div>
				</div>
				<div class="spacer"></div>
				<div class="input w221">
					<div class="input-label">Background</div>
					<div class="dsf dsf_background"></div>
				</div>
			</div>
			<div class="input-row">
				<div class="input w70">
					<div class="input-label">Size</div>
					<div class="dsf dsf_size"></div>
				</div>
				<div class="spacer"></div>]
				<div class="input w401">
					<div class="input-label">Class</div>
					<div class="dsf dsf_class"></div>
				</div>
			</div>
			<div class="input-row">
				<div class="input w150">
					<div class="input-label">Alignment</div>
					<div class="dsf dsf_alignment"></div>
				</div>
				<div class="spacer"></div>
				<div class="input w150">
					<div class="input-label">Deity</div>
					<div class="dsf dsf_deity"></div>
				</div>
				<div class="spacer"></div>
				<div class="input w160">
					<div class="input-label">Traits</div>
					<div class="dsf dsf_traits"></div>
				</div>
			</div>
			<div class="input">
				<div class="input-label">Languages</div>
				<div class="dsf dsf_languages"></div>
			</div>
			<div class="input-row">
				<div class="big-input w81">
					<div class="big-input-label">Level</div>
					<div class="dsf dsf_level"></div>
				</div>
				<div class="big-spacer"></div>
				<div class="big-input w100">
					<div class="big-input-label">Hero Points</div>
					<div class="dsf dsf_hero_points"></div>
				</div>
				<div class="big-spacer"></div>
				<div class="big-input w140">
					<div class="big-input-label">Experience Points</div>
					<div class="dsf dsf_experience"></div>
				</div>
				<div class="big-spacer"></div>
				<div class="big-input w140">
					<div class="big-input-label">Next Level</div>
					<div class="dsf dsf_next_level"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- EDITABLE-ONLY NOTES -->
	<div class="sheet-notes">
		<div>
			Some values on this sheet are automatically calculated and do not require input from you.
		</div>
		<div>
			Areas shaded blue represent values that you need to insert.
		</div>
	</div>
	<!-- PAGE/TAB MENU -->
	<div class="menu">
		<div class="tab tab-1" onclick="kallak_PF2e_tabClick(this,'1');">
			Statistics
		</div>
		<div class="tab tab-2" onclick="kallak_PF2e_tabClick(this,'2');">
			Feats
		</div>
		<div class="tab tab-3" onclick="kallak_PF2e_tabClick(this,'3');">
			Actions
		</div>
		<div class="tab tab-4" onclick="kallak_PF2e_tabClick(this,'4');">
			Spells
		</div>
		<div class="tab tab-5" onclick="kallak_PF2e_tabClick(this,'5');">
			About
		</div>
	</div>
	<!-- PAGE ONE -->
	<div class="page page-1">
		<div class="section">
			<!-- ABILITIES SCORES and DC -->
			<div class="block w242">
				<div class="block-header">Ability Scores</div>
				<div class="attr-top-labels w242">
					<div class="w160"></div>
					<div class="top-label w30">Score</div>
					<div class="spacer"></div>
					<div class="top-label w30">Mod.</div>
				</div>
				<div class="attr">
					<div class="attr-label w140">(STR) Strength</div>
					<div class="attr-value-box w30">
						<div class="dsf dsf_str"></div>
					</div>
					<div class="attr-mod-box w30">
						<div class="dsf dsf_str_mod"></div>
					</div>
				</div>
				<div class="attr">
					<div class="attr-label w140">(DEX) Dexterity</div>
					<div class="attr-value-box w30">
						<div class="dsf dsf_dex"></div>
					</div>
					<div class="attr-mod-box w30">
						<div class="dsf dsf_dex_mod"></div>
					</div>
				</div>
				<div class="attr">
					<div class="attr-label w140">(CON) Constitution</div>
					<div class="attr-value-box w30">
						<div class="dsf dsf_con"></div>
					</div>
					<div class="attr-mod-box w30">
						<div class="dsf dsf_con_mod"></div>
					</div>
				</div>
				<div class="attr">
					<div class="attr-label w140">(INT) Intelligence</div>
					<div class="attr-value-box w30">
						<div class="dsf dsf_int"></div>
					</div>
					<div class="attr-mod-box w30">
						<div class="dsf dsf_int_mod"></div>
					</div>
				</div>
				<div class="attr">
					<div class="attr-label w140">(WIS) Wisdom</div>
					<div class="attr-value-box w30">
						<div class="dsf dsf_wis"></div>
					</div>
					<div class="attr-mod-box w30">
						<div class="dsf dsf_wis_mod"></div>
					</div>
				</div>
				<div class="attr">
					<div class="attr-label w140">(CHA) Charisma</div>
					<div class="attr-value-box w30">
						<div class="dsf dsf_cha"></div>
					</div>
					<div class="attr-mod-box w30">
						<div class="dsf dsf_cha_mod"></div>
					</div>
				</div>
				<div class="block-header">Class DC</div>
				<div class="dc-total">
					<div class="dsf dsf_dc_total"></div>
				</div>
				<div class="dc-container">
					<div class="dc-row">
						<div class="dc-label w40">BASE</div>
						<div class="w40">= 10</div>
					</div>
					<div class="spacer"></div>
					<div class="dc-row">
						<div class="dc-label w20">KEY</div>
						<div class="dsf dsf_dc_key"></div>
					</div>
					<div class="spacer"></div>
					<div class="dc-row">
						<div class="dc-label w30">PROF</div>
						<div class="dsf dsf_dc_prof"></div>
					</div>
					<div class="spacer"></div>
					<div class="dc-row">
						<div class="dc-label">
							<div class="teml">T</div>
							<div class="teml">E</div>
							<div class="teml">M</div>
							<div class="teml">L</div>
						</div>
						<div class="">
							<span class="dsf dsf_dc_teml_t checkbox"></span>
							<span class="dsf dsf_dc_teml_e checkbox"></span>
							<span class="dsf dsf_dc_teml_m checkbox"></span>
							<span class="dsf dsf_dc_teml_l checkbox"></span>
						</div>
					</div>
					<div class="spacer"></div>
					<div class="dc-row">
						<div class="dc-label w30">ITEM</div>
						<div class="dsf dsf_dc_item"></div>
					</div>
				</div>
			</div>
			<!-- ARMOR CLASS and SAVING THROWS) -->
			<div class="block w284">
				<div class="block-header">Armor Class</div>
				<div class="dc-total">
					<div class="dsf dsf_armor_total"></div>
				</div>
				<div class="dc-container">
					<div class="dc-row">
						<div class="dc-label">BASE</div>
						<div class="">= 10</div>
					</div>
					<div class="spacer"></div>
					<div class="dc-row">
						<div class="dc-label">
							<span class="">DEX</span>
							<div class="spacer"></div>
							<span class="">CAP</span>
						</div>
						<div class="num-slash-num">
							<div class="dsf dsf_dex_mod"></div>
							<span class="">or</span>
							<div class="dsf dsf_armor_cap"></div>
						</div>
					</div>
					<div class="spacer"></div>
					<div class="dc-row">
						<div class="dc-label">PROF</div>
						<div class="dsf dsf_armor_prof"></div>
					</div>
					<div class="spacer"></div>
					<div class="dc-row">
						<div class="dc-label">
							<div class="teml">T</div>
							<div class="teml">E</div>
							<div class="teml">M</div>
							<div class="teml">L</div>
						</div>
						<div class="">
							<span class="dsf dsf_armor_teml_t checkbox"></span>
							<span class="dsf dsf_armor_teml_e checkbox"></span>
							<span class="dsf dsf_armor_teml_m checkbox"></span>
							<span class="dsf dsf_armor_teml_l checkbox"></span>
						</div>
					</div>
					<div class="spacer"></div>
					<div class="dc-row">
						<div class="dc-label">ITEM</div>
						<div class="dsf dsf_armor_item"></div>
					</div>
				</div>
				<div class="shield-container">
					<!-- ARMOR -->
					<div class="armor-row">
						<div class=""><!-- teml row -->
							<div class="">
								<div class="dc-row">
									<span class="teml-label">Unarmored</span>
									<div class="dc-label">
										<div class="teml">T</div>
										<div class="teml">E</div>
										<div class="teml">M</div>
										<div class="teml">L</div>
									</div>
									<div class="">
										<span class="dsf dsf_unarmored_teml_t checkbox"></span>
										<span class="dsf dsf_unarmored_teml_e checkbox"></span>
										<span class="dsf dsf_unarmored_teml_m checkbox"></span>
										<span class="dsf dsf_unarmored_teml_l checkbox"></span>
									</div>
								</div>
								<div class="dc-row">
									<span class="teml-label">Light</span>
									<div class="dc-label">
										<div class="teml">T</div>
										<div class="teml">E</div>
										<div class="teml">M</div>
										<div class="teml">L</div>
									</div>
									<div class="">
										<span class="dsf dsf_light_teml_t checkbox"></span>
										<span class="dsf dsf_light_teml_e checkbox"></span>
										<span class="dsf dsf_light_teml_m checkbox"></span>
										<span class="dsf dsf_light_teml_l checkbox"></span>
									</div>
								</div>
								<div class="dc-row">
									<span class="teml-label">Medium</span>
									<div class="dc-label">
										<div class="teml">T</div>
										<div class="teml">E</div>
										<div class="teml">M</div>
										<div class="teml">L</div>
									</div>
									<div class="">
										<span class="dsf dsf_medium_teml_t checkbox"></span>
										<span class="dsf dsf_medium_teml_e checkbox"></span>
										<span class="dsf dsf_medium_teml_m checkbox"></span>
										<span class="dsf dsf_medium_teml_l checkbox"></span>
									</div>
								</div>
								<div class="dc-row">
									<span class="teml-label">Heavy</span>
									<div class="dc-label">
										<div class="teml">T</div>
										<div class="teml">E</div>
										<div class="teml">M</div>
										<div class="teml">L</div>
									</div>
									<div class="">
										<span class="dsf dsf_heavy_teml_t checkbox"></span>
										<span class="dsf dsf_heavy_teml_e checkbox"></span>
										<span class="dsf dsf_heavy_teml_m checkbox"></span>
										<span class="dsf dsf_heavy_teml_l checkbox"></span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- SHIELD -->
					<div class="shield-container">
						<div class="dc-row">
							<div class="dc-label">Shield</div>
							<div class="dsf dsf_shield_total"></div>
						</div>
						<div class="spacer"></div>
						<div class="dc-row">
							<div class="dc-label">Hardness</div>
							<div class="dsf dsf_shield_hardness"></div>
						</div>
						<div class="spacer"></div>
						<div class="dc-row">
							<div class="dc-label">
								<span class="">Max HP</span>
								<div class="spacer"></div>
								<span class="">BT</span>
							</div>
							<div class="num-slash-num">
								<div class="w40">
									<div class="dsf dsf_shield_max_hp"></div>
								</div>
								<div class="">/</div>
								<div class="dsf dsf_shield_bt"></div>
							</div>
						</div>
						<div class="spacer"></div>
						<div class="dc-row">
							<div class="dc-label">Current HP</div>
							<div class="dsf dsf_shield_current_hp"></div>
						</div>
					</div>
				</div>
				<div class="block-header">Saving Throws</div>
				<div class="">saving throw stuff</div>
			</div>
			<!-- HIT POINTS and PERCEPTION -->
			<div class="block w200">
				<div class="block-header">Hit Points</div>
				<div class="">hp stuff</div>
				<div class="block-header">Perception</div>
				<div class="">perception stuff</div>
			</div>
		</div>
		<div class="section">
			<div class="block w366">
				<!-- SPEED -->
				<div class="">
					<div class="">SPEED</div>
					<div class="dsf dsf_speed"></div>
					<div class="">Feet</div>
					<div class="">
						<div class="">Movement Types & Notes</div>
						<div class="dsf dsf_movement_notes"></div>
					</div>
				</div>
				<!-- MELEE STRIKES, RANGED STRIKES, WPN PROFICIENCIES -->
				<div class="block-header">Melee Strikes</div>
				<div class="block-header">Ranged Strikes</div>
				<div class="block-header">Weapon Proficiencies</div>
			</div>
			<!-- SKILLS -->
			<div class="block w366">
				<div class="block-header">Skills</div>
			</div>
		</div>
	</div>
	<!-- PAGE TWO -->
	<div class="page page-2" style="display:none">
		<div class="section">
			<div class="block w366">
				<!-- ANCESTRY FEATS AND ABILITIES -->
				<div class="block-header">Ancestry Feats and Abilities</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_ancestry_feats_1"></div>
					</div>
					<div class="feat-label w81">
						<span>Special 1st</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_ancestry_feats_2"></div>
					</div>
					<div class="feat-label w81">
						<span>Heritage 1st</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_ancestry_feats_3"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 1st</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_ancestry_feats_4"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 5th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_ancestry_feats_5"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 9th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_ancestry_feats_6"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 13th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_ancestry_feats_7"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 17th</span>
					</div>
				</div>
				<!-- SKILL FEATS -->
				<div class="block-header">Skill Feats</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_1"></div>
					</div>
					<div class="feat-label w81">
						<span>Background</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_2"></div>
					</div>
					<div class="feat-label w81">
						<span>2nd</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_3"></div>
					</div>
					<div class="feat-label w81">
						<span>4th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_4"></div>
					</div>
					<div class="feat-label w81">
						<span>6th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_5"></div>
					</div>
					<div class="feat-label w81">
						<span>8th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_6"></div>
					</div>
					<div class="feat-label w81">
						<span>10th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_7"></div>
					</div>
					<div class="feat-label w81">
						<span>12th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_8"></div>
					</div>
					<div class="feat-label w81">
						<span>14th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_9"></div>
					</div>
					<div class="feat-label w81">
						<span>16th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_10"></div>
					</div>
					<div class="feat-label w81">
						<span>18th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_skill_feats_11"></div>
					</div>
					<div class="feat-label w81">
						<span>20th</span>
					</div>
				</div>
				<!-- GENERAL FEATS -->
				<div class="block-header">General Feats</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_general_feats_1"></div>
					</div>
					<div class="feat-label w81">
						<span>3rd</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_general_feats_2"></div>
					</div>
					<div class="feat-label w81">
						<span>7th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_general_feats_3"></div>
					</div>
					<div class="feat-label w81">
						<span>11th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_general_feats_4"></div>
					</div>
					<div class="feat-label w81">
						<span>15th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_general_feats_5"></div>
					</div>
					<div class="feat-label w81">
						<span>19th</span>
					</div>
				</div>
			</div>
			<div class="block w366">
				<!-- CLASS FEATS AND ABILITIES -->
				<div class="block-header">Class Feats and Abilities</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_1"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 1st</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_2"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 1st</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_3"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 1st</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_4"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 2nd</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_5"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 3rd</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_6"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 4th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_7"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 5th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_8"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 6th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_9"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 7th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_10"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 8th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_11"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 9th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_12"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 10th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_13"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 11th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_14"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 12th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_15"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 13th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_16"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 14th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_17"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 15th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_18"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 16th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_19"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 17th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_20"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 18th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_21"></div>
					</div>
					<div class="feat-label w81">
						<span>Feature 19th</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_class_feats_22"></div>
					</div>
					<div class="feat-label w81">
						<span>Feat 20th</span>
					</div>
				</div>
				<!-- BONUS FEATS -->
				<div class="block-header">Bonus Feats</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_bonus_feats_1"></div>
					</div>
					<div class="feat-label w81">
						<span>Bonus</span>
					</div>
				</div>
				<div class="feat-container">
					<div class="feat-name w278">
						<div class="dsf dsf_bonus_feats_2"></div>
					</div>
					<div class="feat-label w81">
						<span>Bonus</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- PAGE THREE -->
	<div class="page page-3" style="display:none">
		<div class="section">
			<div class="block w738">
				<div class="block-header">Actions and Activities</div>
			</div>
			<div class="block w738">
				<div class="single-action w738">
					<div class="action-row">
						<div class="action-pair w490">
							<div class="action-value w366">
								<div class="dsf dsf_action_name"></div>
							</div>
							<div class="action-label w110">Name</div>
						</div>
						<div class="action-pair w248">
							<div class="action-value w150">
								<div class="dsf dsf_action_page"></div>
							</div>
							<div class="action-label w84">Book & Page</div>
						</div>
					</div>
					<div class="action-row">
						<div class="action-pair w490">
							<div class="action-value w366">
								<div class="dsf dsf_action_traits"></div>
							</div>
							<div class="action-label w110">Traits</div>
						</div>
						<div class="action-pair w248">
							<div class="action-value w150">
								<div class="dsf dsf_action_actions"></div>
							</div>
							<div class="action-label w84">Actions</div>
						</div>
					</div>
					<div class="action-row">
						<div class="action-label w731 action-unique">Description</div>
						<div class="action-value w731">
							<div class="dsf dsf_action_desc"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="block w738">
				<div class="block-header">Free Actions and Reactions</div>
			</div>
		</div>
	</div>
	<!-- PAGE FOUR -->
	<div class="page page-4" style="display:none">
		<div class="">PAGE FOUR</div>
	</div>
	<!-- PAGE FIVE -->
	<div class="page page-5" style="display:none">
		<div class="section">
			<div class="block w490">
				<div class="block-header">Personality</div>
				<div class="input">
					<div class="input-label">Attitude</div>
					<div class="dsf dsf_attitude"></div>
				</div>
				<div class="input">
					<div class="input-label">Beliefs</div>
					<div class="dsf dsf_beliefs"></div>
				</div>
				<div class="input">
					<div class="input-label">Likes</div>
					<div class="dsf dsf_likes"></div>
				</div>
				<div class="input">
					<div class="input-label">Dislikes</div>
					<div class="dsf dsf_dislikes"></div>
				</div>
				<div class="input">
					<div class="input-label">Catchphrases</div>
					<div class="dsf dsf_catchphrases"></div>
				</div>
			</div>
			<div class="block w242">
				<div class="block-header">Physical Details</div>
				<div class="input">
					<div class="input-label">Ethnicity</div>
					<div class="dsf dsf_ethnicity"></div>
				</div>
				<div class="input">
					<div class="input-label">Nationality</div>
					<div class="dsf dsf_nationality"></div>
				</div>
				<div class="input">
					<div class="input-label">Birthplace</div>
					<div class="dsf dsf_birthplace"></div>
				</div>
				<div class="input-row">
					<div class="input w50">
						<div class="input-label">Age</div>
						<div class="dsf dsf_age"></div>
					</div>
					<div class="spacer"></div>
					<div class="input w81">
						<div class="input-label">Height</div>
						<div class="dsf dsf_height"></div>
					</div>
					<div class="spacer"></div>
					<div class="input w81">
						<div class="input-label">Weight</div>
						<div class="dsf dsf_weight"></div>
					</div>
				</div>
				<div class="input">
					<div class="input-label">Gender & Pronouns</div>
					<div class="dsf dsf_gender"></div>
				</div>
			</div>
			<div class="block w738">
				<div class="block-header">Appearance</div>
				<div class="dsf dsf_appearance"></div>
			</div>
			<div class="block w738">
				<div class="block-header">Campaign Notes</div>
			</div>
			<div class="block w366">
				<div class="input h181">
					<div class="input-label">Notes</div>
					<div class="dsf dsf_notes"></div>
				</div>
			</div>
			<div class="block w366">
				<div class="input h57">
					<div class="input-label">Allies</div>
					<div class="dsf dsf_allies"></div>
				</div>
				<div class="input h57">
					<div class="input-label">Enemies</div>
					<div class="dsf dsf_enemies"></div>
				</div>
				<div class="input h57">
					<div class="input-label">Organizations</div>
					<div class="dsf dsf_organizations"></div>
				</div>
			</div>
			<div class="block w738">
				<div class="block-header">Character Biography</div>
				<div class="sheet-notes">
					Please use the Biography textfield below to insert the character's biography.
				</div>
				<div class="dsf dsf_bio"></div>
			</div>
		</div>
		
	</div>
	<!-- SHEET FOOTER -->
	<div class="section">
		<div class="footer">
			<span>Pathfinder 2nd Edition Character Sheet Template by:</span>
			<span class="dsf dsf_dst_author readonly"></span>
		</div>
	</div>
</div>

CSS

.ds_kallak_PF2e .sheet-container {
	width:750px;
}
.ds_kallak_PF2e .sheet-notes {
	display:none;
}
.ds_kallak_PF2e.editable .sheet-notes {
	display:block;
	border:1px solid black;
	border-radius:6px;
	padding:6px;
	text-align:center;
	margin-top:6px;
	font-style:italic;
	font-variant:small-caps;
	box-shadow: 3px 3px 3px #cccccc;
}
.ds_kallak_PF2e .page {
	
}
.ds_kallak_PF2e .section {
	padding:3px;
	font-size:0px;
}
.ds_kallak_PF2e .block {
	display:inline-block;
	margin:0px 3px;
	font-size:16px;
	vertical-align:top;
}
.ds_kallak_PF2e .block-header {
	text-align:center;
	background-color:black;
	color:white;
	margin-top:6px;
	font-variant:small-caps;
	height:26px;
}
.ds_kallak_PF2e .input {
	border:1px solid black;
	margin-top:3px;
	padding:0px 3px;
	height:34px;
	box-shadow:1px 1px 1px #cccccc;
}
.ds_kallak_PF2e .input-label {
	font-size:12px;
	line-height:14px;
	font-variant:small-caps;
}
.ds_kallak_PF2e .input .dsf {
	padding-left:6px;
	line-height:1.1;
	font-size:16px;
}
.ds_kallak_PF2e .input-row {
	font-size:0px;
}
.ds_kallak_PF2e .input-row .input,
 .ds_kallak_PF2e .input-row .big-input {
	display:inline-block;
	vertical-align:top;
}
.ds_kallak_PF2e .portrait img {
	max-width:242px;
}
.ds_kallak_PF2e .w20 {
	width:20px;
}
.ds_kallak_PF2e .w30 {
	width:30px;
}
.ds_kallak_PF2e .w40 {
	width:40px;
}
.ds_kallak_PF2e .w50 {
	width:50px;
}
.ds_kallak_PF2e .w70 {
	width:70px;
}
.ds_kallak_PF2e .w81 {
	width:81px;
}
.ds_kallak_PF2e .w84 {
	width:84px;
}
.ds_kallak_PF2e .w100 {
	width:100px;
}
.ds_kallak_PF2e .w110 {
	width:110px;
}
.ds_kallak_PF2e .w140 {
	width:140px;
}
.ds_kallak_PF2e .w150 {
	width:150px;
}
.ds_kallak_PF2e .w160 {
	width:160px;
}
.ds_kallak_PF2e .w200 {
	width:200px;
}
.ds_kallak_PF2e .w221 {
	width:221px;
}
.ds_kallak_PF2e .w242 {
	width:242px;
}
.ds_kallak_PF2e .w248 {
	width:248px;
}
.ds_kallak_PF2e .w250 {
	width:250px;
}
.ds_kallak_PF2e .w278 {
	width:278px;
}
.ds_kallak_PF2e .w284 {
	width:284px;
}
.ds_kallak_PF2e .w366 {
	width:366px;
}
.ds_kallak_PF2e .w401 {
	width:401px;
}
.ds_kallak_PF2e .w490 {
	width:490px;
}
.ds_kallak_PF2e .w731 {
	width:731px;
}
.ds_kallak_PF2e .w738 {
	width:738px;
}
.ds_kallak_PF2e .h34 {
	height:34px;
}
.ds_kallak_PF2e .h57 {
	height:57px;
}
.ds_kallak_PF2e .h181 {
	height:181px;
}
.ds_kallak_PF2e .basic-info {
	vertical-align:bottom;
}
.ds_kallak_PF2e .spacer {
	width:3px;
	display:inline-block;
}
.ds_kallak_PF2e .big-spacer {
	width:7px;
	display:inline-block;
}
.ds_kallak_PF2e .big-input {
	text-align:center;
	border:1px solid black;
	margin-top:10px;
	height:57px;
	box-shadow:3px 3px 3px #cccccc;
}
.ds_kallak_PF2e .big-input-label {
	border-bottom:1px solid black;
	font-size:16px;
	background-color:#000000;
	color:white;
}
.ds_kallak_PF2e .big-input .dsf {
	font-size:20px;
}
.ds_kallak_PF2e.editable .dsf {
	background-color:#CDF;
	cursor:pointer;
}
.ds_kallak_PF2e.editable .dsf.readonly {
	background-color:white;
}
.ds_kallak_PF2e .menu {
	font-size:0px;
	margin-top:10px;
}
.ds_kallak_PF2e .tab {
	display:inline-block;
	font-size:20px;
	text-align:center;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:black;
	border-radius:6px 6px 0px 0px;
	/*width:184px;*/
	width:148px;
	cursor:pointer;
	font-variant:small-caps;
}
.ds_kallak_PF2e .attr {
	
}
.ds_kallak_PF2e .attr div {
	display:inline-block;
}
.ds_kallak_PF2e .attr-label {
	margin: 0px 10px 0px 6px;
}
.ds_kallak_PF2e .attr-value-box,
 .ds_kallak_PF2e .attr-mod-box {
	border:1px solid black;
	text-align:center;
}
.ds_kallak_PF2e .attr-mod-box {
	margin-left:6px;
}
.ds_kallak_PF2e .attr-top-labels {
	height:18px;
	line-height:18px;
}
.ds_kallak_PF2e .attr-top-labels div {
	display:inline-block;
}
.ds_kallak_PF2e .top-label {
	display:inline-block;
	font-size:12px;
	line-height:14px;
}
.ds_kallak_PF2e .dc-total {
	display:inline-block;
	border:1px solid black;
	border-radius:6px;
	font-size:22px;
	width:34px;
	height:34px;
	text-align:center;
	margin-top:6px;
	vertical-align:top;
}
.ds_kallak_PF2e .dc-container {
	font-size:0px;
	display:inline-block;
	vertical-align:top;
}
.ds_kallak_PF2e .dc-row {
	display:inline-block;
	font-size:12px;
	margin-top:6px;
	text-align:center;
	border:1px solid black;
	vertical-align:top;
}
.ds_kallak_PF2e .dc-row .dc-label {
	background-color:black;
	color:white;
	width:100%;
}
.ds_kallak_PF2e input[type="checkbox"] {
	margin:0px 0px;
}
.ds_kallak_PF2e .teml {
	width:13px;
	display:inline-block;
}
.ds_kallak_PF2e .shield-container {
	font-size:0px;
}
.ds_kallak_PF2e .num-slash-num div {
	display:inline-block;
}
.ds_kallak_PF2e .teml-label {
	font-size:12px;
}
.ds_kallak_PF2e .page-1 {

}
.ds_kallak_PF2e .page-2,
 .ds_kallak_PF2e .page-3, 
 .ds_kallak_PF2e .page-4, 
 .ds_kallak_PF2e .page-5 {
	display:none;
}
.ds_kallak_PF2e .tab-2,
 .ds_kallak_PF2e .tab-3,
 .ds_kallak_PF2e .tab-4,
 .ds_kallak_PF2e .tab-5 {
	background-color:#cccccc;
	border-bottom:1px solid black;
}
.ds_kallak_PF2e .feat-container {
	border:1px solid black;
	margin-top:6px;
	font-size:0px;
	box-shadow:1px 1px 1px #cccccc;
}
.ds_kallak_PF2e .feat-name {
	display:inline-block;
	padding:0px 1px 0px 3px;
	font-size:16px;
	vertical-align:top;
	height:24px;
}
.ds_kallak_PF2e .feat-label {
	display:inline-block;
	font-size:12px;
	font-variant:small-caps;
	background-color:#CCCCCC;
	height:24px;
	vertical-align:top;
	line-height:24px;
	border-left:1px solid black;
}
.ds_kallak_PF2e .feat-label span {
	margin-left:3px;
}
.ds_kallak_PF2e .footer {
	font-size:12px;
	font-variant:small-caps;
	text-align:center;
	border-top:1px solid black;
}
.ds_kallak_PF2e .dsf_appearance,
 .ds_kallak_PF2e .dsf_bio {
	min-height:100px;
}
.ds_kallak_PF2e.editable .dsf_bio {
	display:none;
}
.ds_kallak_PF2e .single-action {
	margin-top:6px;
	border-top:1px solid black;
	border-right:1px solid black;
	box-shadow:1px 1px 1px #cccccc;
}
.ds_kallak_PF2e .action-row {
	border-bottom:1px solid black;
}
.ds_kallak_PF2e .action-pair {
	display:inline-block;
	height:24px;
	font-size:0px;
}
.ds_kallak_PF2e .action-label {
	font-size:12px;
	font-variant:small-caps;
	background-color:#cccccc;
	padding-left:6px;
	display:inline-block;
	height:24px;
	line-height:24px;
	vertical-align:top;
}
.ds_kallak_PF2e .action-value {
	padding-left:6px;
	font-size:16px;
	display:inline-block;
	border-left:1px solid black;
	border-right:1px solid black;
	height:24px;
}
.ds_kallak_PF2e .action-unique {
	text-align:center;
	border-left:1px solid black;
	border-bottom:1px solid black;
}

Javascript

kallak_PF2e_context = {};
var $ = jQuery;
aisleten.characters.jeditablePlaceholder = "&nbsp;";
  
function kallak_PF2e_dataPostLoad(options) {
	kallak_PF2e_context = document.getElementById(options['containerId']);
	if (options.isEditable) {
		var containerId = "#" + options['containerId'];
	}
}

function kallak_PF2e_getElementsByClassName(className,elementType) {
	if (!elementType) {
		elementType = 'div';
	}
	var list = new Array();
	var divs = kallak_PF2e_context.getElementsByTagName(elementType);
	for (var i = 0; i < divs.length; i++) {
		if (divs[i].className.match(className)) {
			list[list.length] = divs[i];
		}
	}
	return list;
}

function kallak_PF2e_tabSwap(pageNum) {
	var pages = kallak_PF2e_getElementsByClassName('page-');
	for (var i = 0; i < pages.length; i++) {
		var tab = kallak_PF2e_getElementsByClassName('tab-' + (i + 1))[0];
		if (pages[i].className.match('page-' + pageNum)) {
			pages[i].style.display = 'block';
			tab.style.backgroundColor = '#FFFFFF';
			tab.style.borderBottom = '1px solid white'
		}
		else {
			pages[i].style.display = 'none';
			tab.style.backgroundColor = '#CCCCCC';
			tab.style.borderBottom = '1px solid black';
		}
	}
}

function kallak_PF2e_tabClick(tab,pageNum) {
	var page = kallak_PF2e_getElementsByClassName('page-' + pageNum)[0];
	if (page.style.display != 'none') {
		return;
	}
	else {
		kallak_PF2e_tabSwap(pageNum);
	}
}

Back

kallak_PF2e

Create Your Campaign

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.

kallak_PF2e

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.