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

Hunter: The Vigil

Author: tendonin

Slug: Tendonin_nWoD_Hunter

Type: GameCharacter

System: World of Darkness

DST Source Code

HTML Template

<div class="wrapper csx">

	<div class="tabs">
		<a class="tab fluff tab_fluff" title="Characterization"></a>
		<a class="tab equipment tab_equipment" title="Backgrounds & Combat"></a>
		<a class="tab magic tab_magic" title="Charms & Spells"></a>
		<a class="tab crunch tab_crunch active" title="Characteristics"></a>
	</div>
	
	<div class="uicontainer">
	
		<div class="formatBar">
			<button type="button" class="boldButton" title="Bold (Ctrl+B)"></button>
			<button type="button" class="italicButton" title="Italic (Ctrl+I)"></button>
			<button type="button" class="underlineButton" title="Underline (Ctrl+U)"></button>
			<button type="button" class="indentButton" title="Indent (Ctrl+Tab)"></button>
		</div>
	
		<div class="tipBox">
			<div class="corner topLeft"></div>
			<div class="corner topRight"></div>
			<div class="corner bottomLeft"></div>
			<div class="corner bottomRight"></div>
			<div class="contentBox">
				<div class="tipArea edit"></div>
			</div>
		</div>
	
	</div>
	
	<div class="main" style="display:block;">
		<!--
		<img alt="" src="https://innersecure.net/~omnichr/external/op/dst/images/solar/brass-corner-top-left.png" class="corner_top_left" />
		<img alt="" src="https://innersecure.net/~omnichr/external/op/dst/images/solar/brass-corner-top-right.png" class="corner_top_right" />
		<img alt="" src="https://innersecure.net/~omnichr/external/op/dst/images/solar/brass-corner-bottom-left.png" class="corner_bottom_left" />
		<img alt="" src="https://innersecure.net/~omnichr/external/op/dst/images/solar/brass-corner-bottom-right.png" class="corner_bottom_right" />
		<img alt="" src="https://innersecure.net/~omnichr/external/op/dst/images/solar/brass-bottom.png" class="brass_bottom" />
		-->
		
		<div class="pagehead">
			<div class="head">
				<span class="name readonly dsf dsf_name singlerow">Edit Character Name</span>
			</div>
			<span class="dsf dsf_type typev singlerow" style="text-align:right;" defaultString="Edit Character Type">Edit Character Type</span> &#8226; <span class="readonly dsf dsf_campaign">Campaign Name</span>
		</div>

		<div class="page page_crunch active">
			
			
			<!-- Attributes -->
			<div class="section">
				<div class="head">ATTRIBUTES</div>
				<div class="AttribGroup column thirdwidth colspace">
					<div class="row">Intelligence<span class="readonly pips pipsRange_5 dsf dsf_intelligence"></span></div>
					<div class="row">Wits<span class="readonly pips pipsRange_5 dsf dsf_wits"></span></div>
					<div class="row">Resolve<span class="readonly pips pipsRange_5 dsf dsf_resolve"></span></div>
				</div>
				<div class="AttribGroup column thirdwidth colspace">
					<div class="row">Strength<span class="readonly pips pipsRange_5 dsf dsf_strength"></span></div>
					<div class="row">Dexterity<span class="readonly pips pipsRange_5 dsf dsf_dexterity"></span></div>
					<div class="row">Stamina<span class="readonly pips pipsRange_5 dsf dsf_stamina"></span></div>
				</div>
				<div class="AttribGroup column thirdwidth colspace">
					<div class="row">Presence<span class="readonly pips pipsRange_5 dsf dsf_presence"></span></div>
					<div class="row">Manipulation<span class="readonly pips pipsRange_5 dsf dsf_manipulation"></span></div>
					<div class="row">Composure<span class="readonly pips pipsRange_5 dsf dsf_composure"></span></div>
				</div>
			</div>
			
			<span class="column thirdwidth colspace">
		
				<!-- Abilities -->
				<div class="section">
					<div class="head">SKILLS</div>
					<div class="group">
						<div class ="SkillTypeHead">Mental</div>
						<div class ="SkillTypeDesc"> (<i>-3 unskilled</i>) </div>
						<div class="row"><span class="readonly check dsf dsf_academics_favored"></span>Academics<span class="readonly pips pipsRange_5 dsf dsf_academics"></span></div>
						<div class="row"><span class="readonly check dsf dsf_computer_favored"></span>Computer<span class="readonly pips pipsRange_5 dsf dsf_computer"></span></div>
						<div class="row"><span class="readonly check dsf dsf_crafts_favored"></span>Crafts<span class="readonly pips pipsRange_5 dsf dsf_crafts"></span></div>
						<div class="row"><span class="readonly check dsf dsf_investigation_favored"></span>Investigation<span class="readonly pips pipsRange_5 dsf dsf_investigation"></span></div>
						<div class="row"><span class="readonly check dsf dsf_medicine_favored"></span>Medicine<span class="readonly pips pipsRange_5 dsf dsf_medicine"></span></div>
						<div class="row"><span class="readonly check dsf dsf_occult_favored"></span>Occult<span class="readonly pips pipsRange_5 dsf dsf_occult"></span></div>
						<div class="row"><span class="readonly check dsf dsf_politics_favored"></span>Politics<span class="readonly pips pipsRange_5 dsf dsf_politics"></span></div>
						<div class="row"><span class="readonly check dsf dsf_science_favored"></span>Science<span class="readonly pips pipsRange_5 dsf dsf_science"></span></div>
					</div>
					<div class="group">
						<div class ="SkillTypeHead">Physical</div>
						<div class ="SkillTypeDesc"> (<i>-1 unskilled</i>) </div>
						<div class="row"><span class="readonly check dsf dsf_athletics_favored"></span>Athletics<span class="readonly pips pipsRange_5 dsf dsf_athletics"></span></div>
						<div class="row"><span class="readonly check dsf dsf_brawl_favored"></span>Brawl<span class="readonly pips pipsRange_5 dsf dsf_brawl"></span></div>
						<div class="row"><span class="readonly check dsf dsf_drive_favored"></span>Drive<span class="readonly pips pipsRange_5 dsf dsf_drive"></span></div>
						<div class="row"><span class="readonly check dsf dsf_firearms_favored"></span>Firearms<span class="readonly pips pipsRange_5 dsf dsf_firearms"></span></div>			
						<div class="row"><span class="readonly check dsf dsf_larceny_favored"></span>Larceny<span class="readonly pips pipsRange_5 dsf dsf_larceny"></span></div>
						<div class="row"><span class="readonly check dsf dsf_stealth_favored"></span>Stealth<span class="readonly pips pipsRange_5 dsf dsf_stealth"></span></div>						
						<div class="row"><span class="readonly check dsf dsf_survival_favored"></span>Survival<span class="readonly pips pipsRange_5 dsf dsf_survival"></span></div>
						<div class="row"><span class="readonly check dsf dsf_weaponry_favored"></span>Weaponry<span class="readonly pips pipsRange_5 dsf dsf_weaponry"></span></div>
					</div>
					<div class="group">
						<div class ="SkillTypeHead">SOCIAL</div>
						<div class ="SkillTypeDesc"> (<i>-1 unskilled</i>) </div>
						<div class="row"><span class="readonly check dsf dsf_animal_ken_favored"></span>Animal Ken<span class="readonly pips pipsRange_5 dsf dsf_animal_ken"></span></div>
						<div class="row"><span class="readonly check dsf dsf_empathy_favored"></span>Empathy<span class="readonly pips pipsRange_5 dsf dsf_empathy"></span></div>
						<div class="row"><span class="readonly check dsf dsf_expression_favored"></span>Expression<span class="readonly pips pipsRange_5 dsf dsf_Expression"></span></div>
						<div class="row"><span class="readonly check dsf dsf_Intimidation_favored"></span>Intimidation<span class="readonly pips pipsRange_5 dsf dsf_intimidation"></span></div>
						<div class="row"><span class="readonly check dsf dsf_persuasion_favored"></span>Persuasion<span class="readonly pips pipsRange_5 dsf dsf_persuasion"></span></div>
						<div class="row"><span class="readonly check dsf dsf_socialize_favored"></span>Socialize<span class="readonly pips pipsRange_5 dsf dsf_socialize"></span></div>
						<div class="row"><span class="readonly check dsf dsf_streetwise_favored"></span>Streetwise<span class="readonly pips pipsRange_5 dsf dsf_streetwise"></span></div>
						<div class="row"><span class="readonly check dsf dsf_subterfuge_favored"></span>Subterfuge<span class="readonly pips pipsRange_5 dsf dsf_subterfuge"></span></div>
					</div>
				</div>
			</span>

			
			<span class="column twothirdwidth">
			
				<!-- Other Traits -->
				<div class="section twothirdwidth">
					<div class="head text-align:center"> OTHER TRAITS </div> 
					<div class="group">
						<div class="row">Willpower: <span class="readonly pips pipsRange_10 dsf dsf_willpower"></span></div>
						<div class="row">Health Levels: <span class="readonly pips pipsRange_10 dsf dsf_health"></span></div>
						<div class="row">Morality: <span class="dsf dsf_Morality right singlerow" defaultString=" 7 "> 7 </span></div>
					</div>
				</div>
				
				<!-- Merits and Flaws -->
				<div class="section twothirdwidth">
					<div class="head">MERITS & FLAWS
						<span class="interface trash"></span>
						<span class="interface add addto_merits_flaws" title="Add Merit or Flaw"></span>
					</div>
					<ul class="group list list_merits_flaws">
						<li class="proto item">
							<div class="handle"><div></div></div>
							<span class="edit dslf dslf_name pips5label singlerow" defaultString="Merit of Flaw">Merit or Flaw</span>
							<span class="tip dslf dslf_tip"></span>
							<span class="pips pipsRange_5 dslf readonly dslf_rating">1</span>
						</li>
						<span class="oldfields hidden">[{"mutation":"merit","tip":"merit_tip"},{"mutation":"flaw","tip":"flaw_tip"}]</span>
						<span class="dsf dsf_merits_flaws readonly hidden"></span>
					</ul>
				</div>
				
				<!-- Specialties -->
				<div class="section twothirdwidth">
					<div class="head">SPECIALTIES
						<span class="interface trash"></span>
						<span class="interface add addto_specialties" title="Add Specialty"></span>
					</div>
					<ul class="group list list_specialties">
						<li class="proto item">
							<div class="handle"><div></div></div>
							<span class="edit dslf dslf_name fullcolumn singlerow" defaultString="Skill : Specialty">Skill : Specialty</span>
						</li>
						<span class="oldfields hidden">[{"name":"specialty_type","rating":"specialty_value"}]</span>
						<span class="dsf dsf_specialties readonly hidden"></span>
					</ul>
				</div>		

				<!-- Experience -->
				<div class="section twothirdwidth">
					<div class="head">EXPERIENCE</div> 
					<div class="group">
						<div class="row">Experience Received / Spent: <span class="dsf dsf_Experience right singlerow" defaultString="0xp / 0xp">0xp / 0xp</span></div>
						<br>
						<div class="row">Practical XP Received / Spent: <span class="dsf dsf_Practical_Experience_spent right singlerow" defaultString="0xp / 0xp">0xp / 0xp</span></div>
					</div>
				</div>				
			
			</span>
			
		</div>
		
		<div class="page page_magic active">
			
			<!-- Virtue -->
			<div class="column halfwidth ">
				<div class="ShortSection">
					<div class="head">VIRTUE</div>
					<div class="group">
						<span class="dsf dsf_virtue singlerow" defaultString="Character's Defining Virtue...">Character's Defining Virtue...</span>
					</div>
				</div>
			</div>
			
			<!-- Profession -->
			<div class="column halfwidth ">
				<div class="ShortSection">
					<div class="head">PROFESSION</div>
					<div class="group">
						<span class="dsf dsf_profession singlerow" defaultString="Character's day-to-day Profession">Character's day-to-day Profession</span>
					</div>
				</div>
			</div>
						
			<!-- Vice -->	
			<div class="column halfwidth ">	
				<div class="ShortSection">
					<div class="head">VICE</div>
					<div class="group">
						<span class="dsf dsf_vice singlerow" defaultString="Character's Defining Vice...">Character's Defining Vice...</span>
					</div>
				</div>
			</div>
			
			<!-- Compact/Conspiracy -->			
			<div class="column halfwidth ">
				<div class="ShortSection">
					<div class="head">COMPACT/CONSPIRACY</div>
					<div class="group">
						<span class="dsf dsf_compact singlerow" defaultString="Compact or Conspiracy the Character belongs to...">Compact or Conspiracy the Character belongs to...</span>
					</div>
				</div>
			</div>

			<!-- Derangements -->
			<div class="ShortSection">
				<div class="head">DERANGEMENTS
					<span class="interface trash"></span>
					<span class="interface add addto_derangements" title="Add Derangement"></span>
				</div>
				<ul class="group list list_derangements">
					<li class="proto item">
						<div class="handle"><div></div></div>
						<span class="edit dslf dslf_name fullwidth singlerow" defaultString="Derangement Name">Derangement Name</span>
						<span class="tip dslf dslf_tip"></span>
					</li>
					<span class="oldfields hidden">[{"name":"derangement_name","tip":"derangement_tootip"}]</span>
					<span class="dsf dsf_derangements readonly hidden"></span>
				</ul>
			</div>
			
			<!-- Tactics -->
			<div class="section">
				<div class="head">TACTICS
					<span class="interface trash"></span>
					<span class="interface add addto_tactics" title="Add Tactic"></span>
					<span class="interface balance balance_tactics"></span>
					<span class="interface readonly check dsf dsf_tactics_autobalance autobalance autobalance_tactics">1</span>
				</div>
				<ul class="group list list_tactics twocolumn">
					<div class="column colspace"></div>
					<div class="column"></div>
					<li class="proto item">
						<div class="handle"><div></div></div>
						<span class="edit dslf dslf_name fullcolumn singlerow" defaultString="Tactic Name">Tactic Name</span>
						<span class="tip dslf dslf_tip"></span>
					</li>
					<span class="oldfields hidden">[{"name":"tactic_name","tip":"tactic_tootip"}]</span>
					<span class="dsf dsf_tactics readonly hidden"></span>
				</ul>
			</div>
		
			<!-- Endowments -->
			<div class="section">
				<div class="head">ENDOWMENTS
					<span class="interface trash"></span>
					<span class="interface add addto_spells" title="Add Spell"></span>
					<span class="interface balance balance_spells"></span>
					<span class="interface readonly check dsf dsf_spells_autobalance autobalance autobalance_spells">1</span>
				</div>
				<ul class="group list list_spells twocolumn">
					<div class="column colspace"></div>
					<div class="column"></div>
					<li class="proto item">
						<div class="handle"><div></div></div>

						<span class="edit dslf dslf_name pips5labelwtip singlerow" defaultString="Endowment">Endowment</span>
						<span class="tip dslf dslf_tip"></span>
						<span class="pips pipsRange_5 dslf readonly dslf_rating">1</span>
					</li>
					<span class="oldfields hidden">[{"name":"sorcery","tip":"sorcery_tootip"}]</span>
					<span class="dsf dsf_spells readonly hidden"></span>
				</ul>
			</div>
			
		</div>
		
		<div class="page page_equipment active">
			
			<!-- Equipment -->
			<div class="section">
				<div class="head">EQUIPMENT
					<span class="interface trash"></span>
					<span class="interface add addto_equipment" title="Add Item"></span>
					<span class="interface balance balance_equipment"></span>
					<span class="interface readonly check dsf dsf_equipment_autobalance autobalance autobalance_equipment">1</span>
				</div>
				<ul class="group list list_equipment twocolumn">
					<div class="column colspace"></div>
					<div class="column"></div>
					<li class="proto item">
						<div class="handle"><div></div></div>
						<span class="edit dslf dslf_name fullcolumn singlerow" defaultString="Item Name">Item Name</span>
						<span class="tip dslf dslf_tip"></span>
					</li>
					<span class="oldfields hidden">[{"name":"equipment_name","tip":"equipment_tootip"}]</span>
					<span class="dsf dsf_equipment readonly hidden"></span>
				</ul>
			</div>
		
			<!-- Combat Stats -->
			<div class="section">
				<div class="head">COMBAT STATS</div>
				<div class="AttribGroup column statwidth colspace">
					<div class="row">Size: <span class="dsf dsf_size right singlerow" defaultString=" 5 "> 5 </span></div>
					<div class="row">Speed: <span class="dsf dsf_speed right singlerow" defaultString="Strength + Dex + 5">Strength + Dex + 5</span></div>
					<div class="row">Defense: <span class="dsf dsf_soak right singlerow" defaultString="Lower of Wits and Dex">Lower of Wits and Dex</span></div>
					<div class="row">Initiative: <span class="dsf dsf_hardness right singlerow" defaultString="fast">fast</span></div>					
				</div>
				<div class="AttribGroup column statwidth colspace">
					<br>
					<br>
					<div class="row">Armor: <span class="dsf dsf_hardness right singlerow" defaultString="0 / 0">0 / 0</span></div>
					<div class="bulletproofrow">Bulletproof:  <span class="readonly check dsf dsf_bulletproof"></span></div>				
				</div>
			</div>

			<!-- Attacks -->
			<div class="section attacks">
				<div class="head">ATTACKS
					<span class="interface trash"></span>
					<span class="interface add addto_attacks" title="Add Attack"></span>
				</div>
				<div class="labelrow">
					<span class="attackname">Attack</span>
					<span class="bonus">Bonus</span>
					<span class="dicepool">Dice</span>
					<span class="range">Range</span>
					<span class="clip">Clip</span>
					<span class="size">Size</span>
					<span class="tags">Notes</span>
				</div>
				<ul class="group list list_attacks">
					<li class="proto item">
						<div class="handle"><div></div></div>
						<span class="edit dslf typea dslf_name attackname singlerow" defaultString="Attack Name">Attack Name</span>
						<span class="edit dslf typed dslf_bonus bonus singlerow" defaultString="Bonus">Bonus</span>
						<span class="edit dslf typed dslf_dicepool dicepool singlerow" defaultString="Dice">Dice</span>
						<span class="edit dslf typed dslf_range range singlerow" defaultString="Range">Range</span>
						<span class="edit dslf typed dslf_clip clip singlerow" defaultString="Clip">Clip</span>
						<span class="edit dslf typed dslf_size size singlerow" defaultString="Size">Size</span>					
						<span class="edit dslf typed dslf_tags tags singlerow" defaultString="Notes">Notes</span>
					</li>
					<span class="oldfields hidden">[{"name":"attack_attackname","bonus":"attack_bonus","dicepool":"attack_dicepool","range":"attack_range","clip":"attack_clip","size":"attack_size","tags":"attack_tags"}]</span>
					<span class="dsf dsf_attacks readonly hidden"></span>
				</ul>
			</div>
		
		</div>

		<div class="page page_fluff active">

			<!-- Appearance -->
			<div class="section">
				<div class="head">APPEARANCE</div>
				<div class="group">
					<div class="portraitholder">
						<span class="portrait readonly dsf dsf_avatar_image">.</span>
					</div>
					<span class="dsf dsf_appearance" defaultString="Character appearance...">Character appearance...</span>
				</div>
			</div>
			
			<!-- Biography -->
			<div class="section">
				<div class="head">BIOGRAPHY</div>
				<div class="group">
					<span class="dsf dsf_desc fullwidth" defaultString="Character's history and backstory...">Character's history and backstory...</span>
				</div>
			</div>
			
			<!-- Motivation -->
			<div class="section">
				<div class="head">MOTIVATION</div>
				<div class="group">
					<span class="dsf dsf_motivation fullwidth" defaultString="Character's reason for doing what they do...">Character's reason for doing what they do...</span>
				</div>
			</div>



		</div>
		
		<div class="page_foot">
			<div class="head"></div>
			Character By <span class="align_right dsf dsf_player readonly">Player</span> &#8226; Sheet By <span class="align_left dsf dsf_dst_author readonly">Author</span>
		</div>
	</div>
	
</div>

CSS

/* Font Imports */

@import url(https://fonts.googleapis.com/css?family=Cutive:400,700);
@import url(https://fonts.googleapis.com/css?family=Sanchez:400,700);

@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);

/* Component Includes */

@import url(https://chainsawxiv.github.io/DST/common/css/csx_exalted_common.css);


.csx .AttribGroup{
	margin:0px 0px 8px 0px;
	padding:0px 3px 0px 3px;
	position:relative;
	display:inline-block;
}

.csx .ShortSection{
	display:inline-block;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 2px 1px;
	min-height:50px;
}

/* Splat Specific: Checks */

div.ds_Tendonin_nWoD_Hunter .check .checkBorder{
	background-image:url('https://chainsawxiv.github.io/DST/common/images/check_border.svg');
}

div.ds_Tendonin_nWoD_Hunter .check .checkOff{
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/check_off.png');
}

div.ds_Tendonin_nWoD_Hunter.editable .check .checkOff:hover{
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/check_off_hover.png');
}

div.ds_Tendonin_nWoD_Hunter .check .checkOn{
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/check_on.png');
}

div.ds_Tendonin_nWoD_Hunter.editable .check .checkOn:hover{
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/check_on_hover.png');
}

/* Splat Specific: Pips */

div.ds_Tendonin_nWoD_Hunter .pipBorder{
	background-image:url('https://chainsawxiv.github.io/DST/common/images/pip_border.svg');
}

div.ds_Tendonin_nWoD_Hunter .pips .pipOff{
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/pip_off.png');
}

div.ds_Tendonin_nWoD_Hunter.editable .pips .pipOff:hover{
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/pip_off_hover.png');
}

div.ds_Tendonin_nWoD_Hunter .pips .pipOn{
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/pip_on.png');
}

div.ds_Tendonin_nWoD_Hunter.editable .pips .pipOn:hover{
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/pip_on_hover.png');
}

/* Splat Specific: Tabs */

div.ds_Tendonin_nWoD_Hunter .tab.crunch{
	background:
		url('https://chainsawxiv.github.io/DST/common/images/crunch.png') no-repeat 50% 50%,
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab01_inactive.png');
	background-size:
		61% 70%,
		100% 100%;
}
div.ds_Tendonin_nWoD_Hunter .tab.crunch:not(.active):hover{
	background-image:
		url('https://chainsawxiv.github.io/DST/common/images/crunch_hover.png'),
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab01_inactive.png');
}
div.ds_Tendonin_nWoD_Hunter .tab.crunch.active{
	background-image:
		url('https://chainsawxiv.github.io/DST/common/images/crunch.png'),
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab01_active.png');
}

div.ds_Tendonin_nWoD_Hunter .tab.magic{
	background:
		url('https://chainsawxiv.github.io/DST/common/images/magic.png') no-repeat 50% 50%,
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab02_inactive.png');
	background-size:
		61% 70%,
		100% 100%;
}
div.ds_Tendonin_nWoD_Hunter .tab.magic:not(.active):hover{
	background-image:
		url('https://chainsawxiv.github.io/DST/common/images/magic_hover.png'),
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab02_inactive.png');
}
div.ds_Tendonin_nWoD_Hunter .tab.magic.active{
	background-image:
		url('https://chainsawxiv.github.io/DST/common/images/magic.png'),
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab02_active.png');
}

div.ds_Tendonin_nWoD_Hunter .tab.equipment{
	background:
		url('https://chainsawxiv.github.io/DST/common/images/equipment.png') no-repeat 50% 50%,
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab03_inactive.png');
	background-size:
		61% 70%,
		100% 100%;
}
div.ds_Tendonin_nWoD_Hunter .tab.equipment:not(.active):hover{
	background-image:
		url('https://chainsawxiv.github.io/DST/common/images/equipment_hover.png'),
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab03_inactive.png');
}
div.ds_Tendonin_nWoD_Hunter .tab.equipment.active{
	background-image:
		url('https://chainsawxiv.github.io/DST/common/images/equipment.png'),
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab03_active.png');
}

div.ds_Tendonin_nWoD_Hunter .tab.fluff{
	background:
		url('https://chainsawxiv.github.io/DST/common/images/fluff.png') no-repeat 50% 50%,
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab04_inactive.png');
	background-size:
		61% 70%,
		100% 100%;
}
div.ds_Tendonin_nWoD_Hunter .tab.fluff:not(.active):hover{
	background-image:
		url('https://chainsawxiv.github.io/DST/common/images/fluff_hover.png'),
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab04_inactive.png');
}
div.ds_Tendonin_nWoD_Hunter .tab.fluff.active{
	background-image:
		url('https://chainsawxiv.github.io/DST/common/images/fluff.png'),
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/tab04_active.png');
}

/* Splat Specific: Tips */

div.ds_Tendonin_nWoD_Hunter .tipBox .corner.topLeft{
	background-size:15px 15px;
}
div.ds_Tendonin_nWoD_Hunter .tipBox .corner.topRight{
	background-size:15px 15px;
}
div.ds_Tendonin_nWoD_Hunter .tipBox .corner.bottomLeft{
	background-size:15px 15px;
}
div.ds_Tendonin_nWoD_Hunter .tipBox .corner.bottomRight{
	background-size:15px 15px;
}

div.ds_Tendonin_nWoD_Hunter .tipBox .contentBox{
	background:
		url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/background.jpg') top left no-repeat;
	background-size:
		730px 730px;
	background-color:#e4e5d5;
	border-color:#554220;
}


div.ds_Tendonin_nWoD_Hunter .tipBox .contentBox .tipArea,
div.ds_Tendonin_nWoD_Hunter .tipBox .contentBox .tipArea:hover{
	background-color:rgba(255,255,224,0.7);
	border:1px dotted rgba(0,0,0,0.3);
	border-radius:4px;
	font-family:'Sanchez', Sans Serif;
	color:#554220;
}

/* Splat Specific: Editable */

div.ds_Tendonin_nWoD_Hunter .dsf:not(.readonly),
div.ds_Tendonin_nWoD_Hunter .edit:not(.readonly),
div.ds_Tendonin_nWoD_Hunter .dsf_bio{
	font-family:'Sanchez',Sans Serif;
}

/* Splat Specific: Sheet */

div.ds_Tendonin_nWoD_Hunter .main{

	width:648px;
	padding:0px 40px 80px 40px;
	margin:40px 0px 20px 0px;
	
	background-image:url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/top.png'), 
					url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/bottom.png'), 
					url('https://chainsawxiv.github.io/DST/sheets/Tendonin_nWoD_Hunter/images/background.jpg');
	background-position:top left, bottom left, top left;
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-color:#e4e5d5;
	
	border-style:solid;
	border-width:1px;
	border-color:#554220;
	
	font-family:'Cutive', palatino, serif;
	font-size:14px;
	line-height:17px;
	color:#554220;
}


div.ds_Tendonin_nWoD_Hunter .dsf.fullwidth,
div.ds_Tendonin_nWoD_Hunter .edit.fullwidth{
	width:648px;
	min-height:50px;
	display:inline-block;
	line-height:17px;
	text-align:justify;
}

div.ds_Tendonin_nWoD_Hunter.editable .list .dsf.fullwidth,
div.ds_Tendonin_nWoD_Hunter.editable .list .edit.fullwidth{
	width:550px;
}


div.ds_Tendonin_nWoD_Hunter .name{
	display:inline-block;
	font-size:18pt;
	margin:0px 0px 9px 0px;
	width: 540px;
	height:16px;
}

div.ds_Tendonin_nWoD_Hunter .head{
	border-bottom:solid 1px #554220;
}

div.ds_Tendonin_nWoD_Hunter a{
	text-decoration:none;
	color:#554220;
}

div.ds_Tendonin_nWoD_Hunter .section a{
	text-decoration:underline;
}

div.ds_Tendonin_nWoD_Hunter .attacks .labelrow span{
	border-bottom:1px solid #A59270;
}

div.ds_Tendonin_nWoD_Hunter .dsf.dsf_type{
	font-family:'Cutive', palatino, serif;
}

div.ds_Tendonin_nWoD_Hunter .edit.pips5label{
	width:300px;
}

div.ds_Tendonin_nWoD_Hunter .edit.pips5labelwtip{
	width:210px;
}

div.ds_Tendonin_nWoD_Hunter .page_foot{
	text-align:center;
	width:600px;
	margin:22px 0px 0px 24px;
	padding:0px 0px 30px 0px;
	position:absolute;
	bottom:12px;
}


div.ds_Tendonin_nWoD_Hunter .statwidth{
	width:315px;
}

div.ds_Tendonin_nWoD_Hunter .thirdwidth{
	width:207px;
}

div.ds_Tendonin_nWoD_Hunter .twothirdwidth{
	width:431px;
}

div.ds_Tendonin_nWoD_Hunter .halfwidth{
	width:300px;
}


div.ds_Tendonin_nWoD_Hunter .SkillTypeHead{
	font-size:12pt;
	font-weight:normal;
	letter-spacing:3px;
	text-align:center;
}

div.ds_Tendonin_nWoD_Hunter .SkillTypeDesc{
	font-size:9pt;
	font-weight:normal;
	text-align:center;
}

/* Attack List */
div.ds_Tendonin_nWoD_Hunter .attacks .attackname{
	width:180px;
	margin-left:5px;
}

div.ds_Tendonin_nWoD_Hunter .editable .attacks .labelrow .attackname{
	margin-left:16px;
}

div.ds_Tendonin_nWoD_Hunter .editable .attacks .attackname{
	width:180px;
	margin-left:0px;
}

div.ds_Tendonin_nWoD_Hunter .attacks .bonus{
	display:inline-block;
	width:64px;
	text-align:center;
	margin-left:4px;
}

div.ds_Tendonin_nWoD_Hunter .attacks .dicepool,
div.ds_Tendonin_nWoD_Hunter .attacks .clip,
div.ds_Tendonin_nWoD_Hunter .attacks .range,
div.ds_Tendonin_nWoD_Hunter .attacks .size{
	display:inline-block;
	width:64px;
	text-align:center;
	margin-left:3px;
}

div.ds_Tendonin_nWoD_Hunter .bulletproofrow{
	float: right;
	position: relative;
	right: -5px;
	top: 2px;
}

/* List item stuff */

div.ds_Tendonin_nWoD_Hunter .dsf.fullcolumn,
div.ds_Tendonin_nWoD_Hunter .edit.fullcolumn{
	width:285px;
}

div.ds_Tendonin_nWoD_Hunter .list.twocolumn .column{
	width:310px;
}
div.ds_Tendonin_nWoD_Hunter .twocolumn li.item{
	width:312px;
}
div.ds_Tendonin_nWoD_Hunter.threecolumn .column{
	width:207px;
}
div.ds_Tendonin_nWoD_Hunter .threecolumn li.item{
	width:210px;
}
div.ds_Tendonin_nWoD_Hunter .list .column.colspace{
	margin-right:12px;
}


div.ds_Tendonin_nWoD_Hunter .dsf.dsf_appearance{
    width: auto;
	display:block;
}
div.ds_Tendonin_nWoD_Hunter .dsf.dsf_appearance p{
	margin-top:17px;
}
div.ds_Tendonin_nWoD_Hunter .dsf.dsf_appearance p:first-of-type{
	margin-top:0px;
}

Javascript

// Global Options
csx_opts = {
	'setupCallback': function(item){Tendonin_nWoD_Hunter_setup(item);},
	'uiContainer': function(){return document;},
	'defaultFieldValue':'Click to edit',
	'imagePath':'https://chainsawxiv.github.io/DST/common/images/',
	'preloadFiles':[
		'add.png',
		'add_hover.png',
		'balance.png',
		'balance_hover.png',
		'bold_active.png',
		'bold_hover.png',
		'bullet.png',
		'crunch.png',
		'crunch_hover.png',
		'equipment.png',
		'equipment_hover.png',
		'fb_back_bottom.png',
		'fb_back_main.png',
		'fb_back_top.png',
		'fluff.png',
		'fluff_hover.png',
		'grab.png',
		'grab_hover.png',
		'indent.png',
		'indent_active.png',
		'indent_hover.png',
		'italic.png',
		'italic_active.png',
		'italic_hover.png',
		'magic.png',
		'magic_hover.png',
		'tip.png',
		'tip_hover.png',
		'trash.png',
		'trash_active.png',
		'trash_hover.png',
		'underline.png',
		'underline_active.png',
		'underline_hover.png'
	],
};

// Master Startup
function Tendonin_nWoD_Hunter_dataPostLoad(data){

	csx_opts.defaultContext = document.getElementById(data.containerId);	
	csx_opts.uiContainer = csx_opts.defaultContext.querySelector('.uicontainer');
	csx_opts.isEditable = data.isEditable;

	// Include the shared script file
	var includes = document.createElement('script');
	includes.type = 'text/javascript';
	includes.src = 'https://chainsawxiv.github.io/DST/common/js/csx_exalted_common.js?v=dev001';
	includes.onload = function(){

		// Fix container properties
		csx_firstParentWithClass(csx_opts.defaultContext,'dynamic_sheet_container').style.overflow = 'visible';
		//csx_firstParentWithClass(csx_opts.defaultContext,'main-content-container').style.minWidth = '853px';
		
		// Set up the editing interface
		csx_opts.setupCallback();
		
	};
	document.body.appendChild(includes);
	
	// Preload rollover images 
	// Deferred to prevent blocking
	window.setTimeout(function(){
		if (document.images){
			for (var i = 0; i < csx_opts.preloadFiles.length; i++){
				var img = new Image();
				img.src = csx_opts.imagePath + csx_opts.preloadFiles[i];
			}
		}
	},500);
	
}

// Setup After Script Load
function Tendonin_nWoD_Hunter_setup(context){

	// Provide default context
	if (context == undefined)
		context = csx_opts.defaultContext;
	
	// Do setup for interfaces
	csx_pips(context);
	csx_check(context);
	csx_edit(context);
	csx_tip(context);
	csx_list(context);
	csx_tab(context);

}

// Shutdown Before Save
function Tendonin_nWoD_Hunter_dataPreSave(){

	// Default the context if not set
	var context = csx_opts.defaultContext;

	// Bake everything down to its field values
	var pips = context.querySelectorAll('.pips');
	for (var i = 0; i < pips.length; i++){
		if (pips[i].parentNode.className.match(/proto/))
			continue;
		pips[i].unrender();
	}
	
	var checks = context.querySelectorAll('.check');
	for (var i = 0; i < checks.length; i++)
		checks[i].unrender();

	var edits = context.querySelectorAll('.dsf:not(.readonly),.edit');
	for (var i = 0; i < edits.length; i++)
		edits[i].unrender();

	var lists = context.querySelectorAll('.list');
	for (var i = 0; i < lists.length; i++)
		lists[i].unrender();		
		
}

Back

Hunter: The Vigil

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account