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

Nobilis 3E Character Sheet

Slug: nobilis3e

System: Nobilis

DST Source Code

HTML Template

<div class="n3e_top_block">
	<div class="n3_basic_info_col">
		<span class="n3e_header n3e_basic_info_header n3e_name_header">Name:</span> <span class="dsf dsf_name readonly"></span> 
		<span class="n3e_header n3e_basic_info_header n3e_estate_header">Estates:</span> <span class="dsf dsf_estates"></span> 
	</div>
	<span class="dsf dsf_avatar_image readonly n3e_avatar_col"></span> 
</div>
<div class="n3e_table_container">
	<div class="n3e_table n3e_attributes">
		<span class="n3e_attribute_name n3e_header n3e_table_header"></span>
		<span class="n3e_attribute_value n3e_header n3e_table_header">Level</span>
		<span class="n3e_attribute_mp n3e_header n3e_table_header">MP</span>

		<span class="n3e_attribute_name">ASPECT</span> 
		<span class="dsf dsf_aspect n3e_attribute_value"></span>
		<span class="dsf dsf_aspect_mp n3e_attribute_mp"></span>
		
		<span class="n3e_attribute_name">DOMAIN</span> 
		<span class="dsf dsf_domain n3e_attribute_value"></span>
		<span class="dsf dsf_domain_mp n3e_attribute_mp"></span>
		
		<span class="n3e_attribute_name">PERSONA</span> 
		<span class="dsf dsf_persona n3e_attribute_value"></span>
		<span class="dsf dsf_persona_mp n3e_attribute_mp"></span>
		
		<span class="n3e_attribute_name">TREASURE</span> 
		<span class="dsf dsf_treasure n3e_attribute_value"></span>
		<span class="dsf dsf_treasure_mp n3e_attribute_mp"></span>
	</div>
	<div class="n3e_table n3e_estate_properties n3e_2span_alternate">
		<span class="n3e_text_col n3e_header n3e_table_header">Estate Properties</span>
		<span class="n3e_points_col"></span>

		<span class="dsf dsf_estate_prop1 n3e_text_col"></span> 
		<span class="dsf dsf_estate_prop1_points n3e_points_col"></span>

		<span class="dsf dsf_estate_prop2 n3e_text_col"></span> 
		<span class="dsf dsf_estate_prop2_points n3e_points_col"></span>

		<span class="dsf dsf_estate_prop3 n3e_text_col"></span> 
		<span class="dsf dsf_estate_prop3_points n3e_points_col"></span>

		<span class="dsf dsf_estate_prop4 n3e_text_col"></span> 
		<span class="dsf dsf_estate_prop4_points n3e_points_col"></span>

		<span class="dsf dsf_estate_prop5 n3e_text_col"></span> 
		<span class="dsf dsf_estate_prop5_points n3e_points_col"></span>

		<span class="dsf dsf_estate_prop6 n3e_text_col"></span> 
		<span class="dsf dsf_estate_prop6_points n3e_points_col"></span>

		<span class="dsf dsf_estate_prop7 n3e_text_col"></span> 
		<span class="dsf dsf_estate_prop7_points n3e_points_col"></span>
	</div>
	<div class="n3e_table n3e_skills n3e_2span_alternate">
		<span class="n3e_text_col n3e_header n3e_table_header">Passions, Skills, and Superior Attributes</span>
		<span class="n3e_points_col"></span>

		<span class="dsf dsf_skill1 n3e_text_col"></span>
		<span class="dsf dsf_skill1_points n3e_points_col"></span>

		<span class="dsf dsf_skill2 n3e_text_col"></span>
		<span class="dsf dsf_skill2_points n3e_points_col"></span>

		<span class="dsf dsf_skill3 n3e_text_col"></span>
		<span class="dsf dsf_skill3_points n3e_points_col"></span>

		<span class="dsf dsf_skill4 n3e_text_col"></span>
		<span class="dsf dsf_skill4_points n3e_points_col"></span>

		<span class="dsf dsf_skill5 n3e_text_col"></span>
		<span class="dsf dsf_skill5_points n3e_points_col"></span>

		<span class="dsf dsf_skill6 n3e_text_col"></span>
		<span class="dsf dsf_skill6_points n3e_points_col"></span>

		<span class="dsf dsf_skill7 n3e_text_col"></span>
		<span class="dsf dsf_skill7_points n3e_points_col"></span>

		<span class="dsf dsf_skill8 n3e_text_col"></span>
		<span class="dsf dsf_skill8_points n3e_points_col"></span>

		<span class="dsf dsf_skill9 n3e_text_col"></span>
		<span class="dsf dsf_skill9_points n3e_points_col"></span>

		<span class="dsf dsf_skill10 n3e_text_col"></span>
		<span class="dsf dsf_skill10_points n3e_points_col"></span>
	</div>
	<div class="n3e_table n3e_bonds n3e_2span_alternate">
		<span class="n3e_text_col n3e_header n3e_table_header">Bonds and Afflictions</span>
		<span class="n3e_points_col"></span>

		<span class="dsf dsf_bond1 n3e_text_col"></span>
		<span class="dsf dsf_bond1_points n3e_points_col"></span>

		<span class="dsf dsf_bond2 n3e_text_col"></span>
		<span class="dsf dsf_bond2_points n3e_points_col"></span>

		<span class="dsf dsf_bond3 n3e_text_col"></span>
		<span class="dsf dsf_bond3_points n3e_points_col"></span>

		<span class="dsf dsf_bond4 n3e_text_col"></span>
		<span class="dsf dsf_bond4_points n3e_points_col"></span>

		<span class="dsf dsf_bond5 n3e_text_col"></span>
		<span class="dsf dsf_bond5_points n3e_points_col"></span>

		<span class="dsf dsf_bond6 n3e_text_col"></span>
		<span class="dsf dsf_bond6_points n3e_points_col"></span>

		<span class="dsf dsf_bond7 n3e_text_col"></span>
		<span class="dsf dsf_bond7_points n3e_points_col"></span>

		<span class="dsf dsf_bond8 n3e_text_col"></span>
		<span class="dsf dsf_bond8_points n3e_points_col"></span>

		<span class="dsf dsf_bond9 n3e_text_col"></span>
		<span class="dsf dsf_bond9_points n3e_points_col"></span>

		<span class="dsf dsf_bond10 n3e_text_col"></span>
		<span class="dsf dsf_bond10_points n3e_points_col"></span>
	</div>
	<div class="n3e_gifts_predefined n3e_table">
		<span class="n3e_header n3e_table_header">Predefined Gifts</span>
		<span class="dsf dsf_gifts_predefined1"></span>
	</div>
	<div class="n3e_gifts_custom">
		<div class="n3e_header n3e_table_header n3e_gift_name_col">Name</div>
		<div class="n3e_header n3e_table_header">Level</div> 
		<div class="n3e_header n3e_table_header n3e_gift_attr_col">Attribute</div> 
		<div class="n3e_header n3e_table_header n3e_gift_activation_col">Activation</div> 
		<div class="n3e_header n3e_table_header n3e_gift_area_col">Area</div> 
		<div class="n3e_header n3e_table_header n3e_gift_flex_col">Flexibility</div> 
		<div class="n3e_header n3e_table_header">Rare?</div> 
		<div class="n3e_header n3e_table_header n3e_gift_multiplier_col">Many Estate?</div> 
		<div class="n3e_header n3e_table_header">Strike</div> 
		<div class="n3e_header n3e_table_header">Total</div>

		<div class="dsf dsf_gifts_custom1_name n3e_gift_name_col"></div>
		<div class="n3e_dropdown n3e_editable">
			<span class="n3e_select">
				<span class="n3e_dropdown_display n3e_dropdown_level_pad"></span>
			</span>
			<span class="dsf dsf_gifts_custom1_level" style="display:none;"></span>
			<ul class="n3e_dropdown_menu n3e_dropdown_level_pad">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="0">0</li>
				<li data-n3e-dropdown-value="1">1</li>
				<li data-n3e-dropdown-value="2">2</li>
				<li data-n3e-dropdown-value="3">3</li>
				<li data-n3e-dropdown-value="4">4</li>
				<li data-n3e-dropdown-value="5">5</li>
				<li data-n3e-dropdown-value="6">6</li>
				<li data-n3e-dropdown-value="7">7</li>
				<li data-n3e-dropdown-value="8">8</li>
				<li data-n3e-dropdown-value="9">9</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom1_attribute n3e_gift_attr_col"></div>
		<div class="n3e_dropdown n3e_editable n3e_gift_activation_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom1_activation" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="auto">Auto</li>
				<li data-n3e-dropdown-value="simple">Simple</li>
				<li data-n3e-dropdown-value="normal">Normal</li>
				<li data-n3e-dropdown-value="hard">Hard</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable n3e_gift_area_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom1_area" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>			
				<li data-n3e-dropdown-value="anywhere">Anywhere</li>
				<li data-n3e-dropdown-value="local">Local</li>
				<li data-n3e-dropdown-value="one">One Target</li>
				<li data-n3e-dropdown-value="self">Self Only</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable n3e_gift_flex_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom1_flex" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="full">Full</li>
				<li data-n3e-dropdown-value="broad">Broad</li>
				<li data-n3e-dropdown-value="handful">Handful</li>
				<li data-n3e-dropdown-value="one trick">One Trick</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom1_uncommon checkbox n3e_gift_uncommon_col"></div>
		<div class="n3e_dropdown n3e_editable n3e_gift_multiplier_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom1_multiplier" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="1">&nbsp;</li>
				<li data-n3e-dropdown-value="2">Many</li>
				<li data-n3e-dropdown-value="3">Almost All</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable">
			<span class="n3e_select">
				<span class="n3e_dropdown_display n3e_dropdown_level_pad"></span>
			</span>
			<span class="dsf dsf_gifts_custom1_strike" style="display:none;"></span>
			<ul class="n3e_dropdown_menu n3e_dropdown_level_pad">
				<li data-n3e-dropdown-value="0">&nbsp;</li>
				<li data-n3e-dropdown-value="1">1</li>
				<li data-n3e-dropdown-value="2">2</li>
				<li data-n3e-dropdown-value="3">3</li>
				<li data-n3e-dropdown-value="4">4</li>
				<li data-n3e-dropdown-value="5">5</li>
				<li data-n3e-dropdown-value="6">6</li>
				<li data-n3e-dropdown-value="7">7</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom1_total readonly n3e_gift_total_col"></div>

		<div class="dsf dsf_gifts_custom2_name n3e_gift_name_col"></div>
		<div class="n3e_dropdown n3e_editable">
			<span class="n3e_select">
				<span class="n3e_dropdown_display n3e_dropdown_level_pad"></span>
			</span>
			<span class="dsf dsf_gifts_custom2_level" style="display:none;"></span>
			<ul class="n3e_dropdown_menu n3e_dropdown_level_pad">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="0">0</li>
				<li data-n3e-dropdown-value="1">1</li>
				<li data-n3e-dropdown-value="2">2</li>
				<li data-n3e-dropdown-value="3">3</li>
				<li data-n3e-dropdown-value="4">4</li>
				<li data-n3e-dropdown-value="5">5</li>
				<li data-n3e-dropdown-value="6">6</li>
				<li data-n3e-dropdown-value="7">7</li>
				<li data-n3e-dropdown-value="8">8</li>
				<li data-n3e-dropdown-value="9">9</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom2_attribute n3e_gift_attr_col"></div>
		<div class="n3e_dropdown n3e_editable  n3e_gift_activation_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom2_activation" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="auto">Auto</li>
				<li data-n3e-dropdown-value="simple">Simple</li>
				<li data-n3e-dropdown-value="normal">Normal</li>
				<li data-n3e-dropdown-value="hard">Hard</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable n3e_gift_area_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom2_area" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="anywhere">Anywhere</li>
				<li data-n3e-dropdown-value="local">Local</li>
				<li data-n3e-dropdown-value="one">One Target</li>
				<li data-n3e-dropdown-value="self">Self Only</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable n3e_gift_flex_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom2_flex" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="full">Full</li>
				<li data-n3e-dropdown-value="broad">Broad</li>
				<li data-n3e-dropdown-value="handful">Handful</li>
				<li data-n3e-dropdown-value="one trick">One Trick</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom2_uncommon checkbox n3e_gift_uncommon_col"></div>
		<div class="n3e_dropdown n3e_editable n3e_gift_multiplier_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom2_multiplier" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="1">&nbsp;</li>
				<li data-n3e-dropdown-value="2">Many</li>
				<li data-n3e-dropdown-value="3">Almost All</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable">
			<span class="n3e_select">
				<span class="n3e_dropdown_display n3e_dropdown_level_pad"></span>
			</span>
			<span class="dsf dsf_gifts_custom2_strike" style="display:none;"></span>
			<ul class="n3e_dropdown_menu n3e_dropdown_level_pad">
				<li data-n3e-dropdown-value="0">&nbsp;</li>
				<li data-n3e-dropdown-value="1">1</li>
				<li data-n3e-dropdown-value="2">2</li>
				<li data-n3e-dropdown-value="3">3</li>
				<li data-n3e-dropdown-value="4">4</li>
				<li data-n3e-dropdown-value="5">5</li>
				<li data-n3e-dropdown-value="6">6</li>
				<li data-n3e-dropdown-value="7">7</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom2_total readonly n3e_gift_total_col"></div>

		<div class="dsf dsf_gifts_custom3_name n3e_gift_name_col"></div>
		<div class="n3e_dropdown n3e_editable">
			<span class="n3e_select">
				<span class="n3e_dropdown_display n3e_dropdown_level_pad"></span>
			</span>
			<span class="dsf dsf_gifts_custom3_level" style="display:none;"></span>
			<ul class="n3e_dropdown_menu n3e_dropdown_level_pad">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="0">0</li>
				<li data-n3e-dropdown-value="1">1</li>
				<li data-n3e-dropdown-value="2">2</li>
				<li data-n3e-dropdown-value="3">3</li>
				<li data-n3e-dropdown-value="4">4</li>
				<li data-n3e-dropdown-value="5">5</li>
				<li data-n3e-dropdown-value="6">6</li>
				<li data-n3e-dropdown-value="7">7</li>
				<li data-n3e-dropdown-value="8">8</li>
				<li data-n3e-dropdown-value="9">9</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom3_attribute n3e_gift_attr_col"></div>
		<div class="n3e_dropdown n3e_editable n3e_gift_activation_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom3_activation" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="auto">Auto</li>
				<li data-n3e-dropdown-value="simple">Simple</li>
				<li data-n3e-dropdown-value="normal">Normal</li>
				<li data-n3e-dropdown-value="hard">Hard</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable n3e_gift_area_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom3_area" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="anywhere">Anywhere</li>
				<li data-n3e-dropdown-value="local">Local</li>
				<li data-n3e-dropdown-value="one">One Target</li>
				<li data-n3e-dropdown-value="self">Self Only</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable n3e_gift_flex_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom3_flex" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="full">Full</li>
				<li data-n3e-dropdown-value="broad">Broad</li>
				<li data-n3e-dropdown-value="handful">Handful</li>
				<li data-n3e-dropdown-value="one trick">One Trick</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom3_uncommon checkbox n3e_gift_uncommon_col"></div>
		<div class="n3e_dropdown n3e_editable n3e_gift_multiplier_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom3_multiplier" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="1">&nbsp;</li>
				<li data-n3e-dropdown-value="2">Many</li>
				<li data-n3e-dropdown-value="3">Almost All</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable">
			<span class="n3e_select">
				<span class="n3e_dropdown_display n3e_dropdown_level_pad"></span>
			</span>
			<span class="dsf dsf_gifts_custom3_strike" style="display:none;"></span>
			<ul class="n3e_dropdown_menu n3e_dropdown_level_pad">
				<li data-n3e-dropdown-value="0">&nbsp;</li>
				<li data-n3e-dropdown-value="1">1</li>
				<li data-n3e-dropdown-value="2">2</li>
				<li data-n3e-dropdown-value="3">3</li>
				<li data-n3e-dropdown-value="4">4</li>
				<li data-n3e-dropdown-value="5">5</li>
				<li data-n3e-dropdown-value="6">6</li>
				<li data-n3e-dropdown-value="7">7</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom3_total readonly n3e_gift_total_col"></div>

		<div class="dsf dsf_gifts_custom4_name n3e_gift_name_col"></div>
		<div class="n3e_dropdown n3e_editable">
			<span class="n3e_select">
				<span class="n3e_dropdown_display n3e_dropdown_level_pad"></span>
			</span>
			<span class="dsf dsf_gifts_custom4_level" style="display:none;"></span>
			<ul class="n3e_dropdown_menu n3e_dropdown_level_pad">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="0">0</li>
				<li data-n3e-dropdown-value="1">1</li>
				<li data-n3e-dropdown-value="2">2</li>
				<li data-n3e-dropdown-value="3">3</li>
				<li data-n3e-dropdown-value="4">4</li>
				<li data-n3e-dropdown-value="5">5</li>
				<li data-n3e-dropdown-value="6">6</li>
				<li data-n3e-dropdown-value="7">7</li>
				<li data-n3e-dropdown-value="8">8</li>
				<li data-n3e-dropdown-value="9">9</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom4_attribute n3e_gift_attr_col"></div>
		<div class="n3e_dropdown n3e_editable n3e_gift_activation_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom4_activation" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="auto">Auto</li>
				<li data-n3e-dropdown-value="simple">Simple</li>
				<li data-n3e-dropdown-value="normal">Normal</li>
				<li data-n3e-dropdown-value="hard">Hard</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable n3e_gift_area_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom4_area" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="anywhere">Anywhere</li>
				<li data-n3e-dropdown-value="local">Local</li>
				<li data-n3e-dropdown-value="one">One Target</li>
				<li data-n3e-dropdown-value="self">Self Only</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable n3e_gift_flex_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom4_flex" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="">&nbsp;</li>
				<li data-n3e-dropdown-value="full">Full</li>
				<li data-n3e-dropdown-value="broad">Broad</li>
				<li data-n3e-dropdown-value="handful">Handful</li>
				<li data-n3e-dropdown-value="one trick">One Trick</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom4_uncommon checkbox n3e_gift_uncommon_col"></div>
		<div class="n3e_dropdown n3e_editable n3e_gift_multiplier_col">
			<span class="n3e_select">
				<span class="n3e_dropdown_display"></span>
			</span>
			<span class="dsf dsf_gifts_custom4_multiplier" style="display:none;"></span>
			<ul class="n3e_dropdown_menu">
				<li data-n3e-dropdown-value="1">&nbsp;</li>
				<li data-n3e-dropdown-value="2">Many</li>
				<li data-n3e-dropdown-value="3">Almost All</li>
			</ul>
		</div>
		<div class="n3e_dropdown n3e_editable">
			<span class="n3e_select">
				<span class="n3e_dropdown_display n3e_dropdown_level_pad"></span>
			</span>
			<span class="dsf dsf_gifts_custom4_strike" style="display:none;"></span>
			<ul class="n3e_dropdown_menu n3e_dropdown_level_pad">
				<li data-n3e-dropdown-value="0">&nbsp;</li>
				<li data-n3e-dropdown-value="1">1</li>
				<li data-n3e-dropdown-value="2">2</li>
				<li data-n3e-dropdown-value="3">3</li>
				<li data-n3e-dropdown-value="4">4</li>
				<li data-n3e-dropdown-value="5">5</li>
				<li data-n3e-dropdown-value="6">6</li>
				<li data-n3e-dropdown-value="7">7</li>
			</ul>
		</div>
		<div class="dsf dsf_gifts_custom4_total readonly n3e_gift_total_col"></div>
	</div>
</div>
<div class="n3e_bio n3e_table">
	<span class="n3e_header n3e_table_header">Character Bio</span>
	<span class="dsf dsf_bio readonly"></span>
</div>
<div class="n3e_game_info">
	Player: <span class="dsf dsf_player readonly"></span>, Campaign: <span class="dsf dsf_campaign readonly"></span> 
</div>
<div class="n3e_author_info">
	<p>Nobilis 3E DST created by <span class="dsf dsf_dst_author readonly"></span></p>
</div>

CSS

/* Basic Layout */

.ds_nobilis3e * {
	font-weight: normal;
	color: #000000;
	padding: 0;
	margin: 0;
}

.ds_nobilis3e .n3e_header {
	font-family:"Book Antiqua", serif;
	color: #827f76;
}

.ds_nobilis3e .dsf {
	height: 16px;
	line-height: 16px;
	display: inline-block;
}

.ds_nobilis3e .dsf input {
	margin: -1px 0 0 0;
	padding: 0;
	border: 0;
	font-size: 12.8px;
	line-height: 16px;
}

.ds_nobilis3e .dsf.checkbox input {
	text-align: center;
	margin-top: 0px;
}


/* Top Block */

.ds_nobilis3e .n3e_top_block {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	column-gap: 2px;
	row-gap: 2px;
	margin-bottom: 10px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	overflow: hidden;
}
.ds_nobilis3e .n3_basic_info_col {
	grid-column: 1 / 8;
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-template-rows:  repeat(5, 1fr);
}

.ds_nobilis3e .n3_basic_info_col .dsf {
	height: 30px;
	line-height: 30px;
	padding-left: 8px;
}

.ds_nobilis3e .n3_basic_info_col .dsf input {
	margin: -1px 0 0 0;
	padding: 0;
	border: 0;
	font-size: 16px;
}

.ds_nobilis3e .n3_basic_info_col .n3e_basic_info_header {
	grid-column: 1 / 2;
	height: 30px;
	line-height: 30px;
}

.ds_nobilis3e .n3e_avatar_col {
	grid-column: 9 / 11;
}

.ds_nobilis3e .dsf.dsf_name {
	grid-column: 2 / 11;
	grid-row: 1 / 2;
}

.ds_nobilis3e .n3e_estate_header {
	grid-row: 3 /4 ;
}

.ds_nobilis3e .dsf.dsf_estates {
	grid-column: 2 / 11;
	grid-row: 3 / 4 ;
	background-color: #f9f9f9;
}

/* Tables */

.ds_nobilis3e .n3e_table_container {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	column-gap: 20px;
	row-gap: 10px;
}

.ds_nobilis3e .n3e_table_container div:not(.n3e_header) {
	border: 2px solid #cfcabc;
	font-family: Arial, sans-serif;
	font-size: 12.8px;
	overflow: hidden;
}

.ds_nobilis3e .n3e_table {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	column-gap: 2px;
	row-gap: 2px;
}

/* Attribute Table */

.ds_nobilis3e .n3e_attributes {
	grid-row: 1 / 3;
	grid-column: 1 / 4;
}

.ds_nobilis3e .n3e_attributes .dsf {
	height: 32px;
	line-height: 32px;
	text-align: center;
}

.ds_nobilis3e .n3e_attributes .dsf input {
	text-align: center;
}

.ds_nobilis3e .n3e_attributes>span:nth-child(6n+4),
.ds_nobilis3e .n3e_attributes>span:nth-child(6n+5),
.ds_nobilis3e .n3e_attributes>span:nth-child(6n+6) {
	background-color: #f9f9f9
}

.ds_nobilis3e .n3e_attributes .n3e_table_header {
	text-align: center;
}

.ds_nobilis3e .n3e_table_container .n3e_attribute_name {
	font-family: "Book Antiqua", serif;
	font-size: 12.8px;
	grid-column: 1 / 7;
	display: inline-block;
	padding-left: 4px;
	height: 32px;
}

.ds_nobilis3e .n3e_table_container .n3e_attribute_name::first-letter {
	font-size: 125%;
}

.ds_nobilis3e .n3e_table_container .n3e_attribute_value {
	grid-column: 7 / 9;
}

.ds_nobilis3e .n3e_table_container .n3e_attribute_mp {
	grid-column: 9 / 11;
}

/* Common Table */
.ds_nobilis3e .n3e_table .n3e_text_col {
	grid-column: 1 / 10;
	padding-left: 4px;
}

.ds_nobilis3e .n3e_table .n3e_points_col {
	grid-column: 10 / 11;
}

.ds_nobilis3e .n3e_2span_alternate>span:nth-child(4n+3),
.ds_nobilis3e .n3e_2span_alternate>span:nth-child(4n+4) {
	background-color: #f9f9f9
}


/* Estate Property Table */

.ds_nobilis3e .n3e_estate_properties {
	grid-row: 1 / 3;
	grid-column: 4 / 11;
}

/* Skills Table */

.ds_nobilis3e .n3e_skills {
	grid-row: 3 / 5;
	grid-column: 1 / 6;
}

/* Bonds Table */

.ds_nobilis3e .n3e_bonds {
	grid-row: 3 / 5;
	grid-column: 6 / 11;
}

/* Gifts Table */

.ds_nobilis3e .n3e_gifts_predefined {
	grid-row: 5 / 7;
	grid-column: 1 / 11;
}

.ds_nobilis3e .n3e_gifts_predefined>span {
	grid-column: 1 / 11;
	padding-left: 4px;
}

/* Custom Gifts Table */

.ds_nobilis3e .n3e_gifts_custom {
	grid-row: 7 / 9;
	grid-column: 1 / 11;
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	column-gap: 1px;
	row-gap: 2px;
}

.ds_nobilis3e .n3e_table_container .n3e_gifts_custom div {
	border: 0;
}

.ds_nobilis3e .n3e_gifts_custom>div:nth-child(20n+11),
.ds_nobilis3e .n3e_gifts_custom>div:nth-child(20n+12),
.ds_nobilis3e .n3e_gifts_custom>div:nth-child(20n+13),
.ds_nobilis3e .n3e_gifts_custom>div:nth-child(20n+14),
.ds_nobilis3e .n3e_gifts_custom>div:nth-child(20n+15),
.ds_nobilis3e .n3e_gifts_custom>div:nth-child(20n+16),
.ds_nobilis3e .n3e_gifts_custom>div:nth-child(20n+18),
.ds_nobilis3e .n3e_gifts_custom>div:nth-child(20n+19) {
	background-color: #f9f9f9
}

.ds_nobilis3e .n3e_gifts_custom>div.n3e_editable:hover {
	background-color: #a7bcfa;
}

.ds_nobilis3e .n3e_gift_name_col {
	grid-column: span 4;
	padding-left: 4px;
}

.ds_nobilis3e .n3e_gift_attr_col {
	grid-column: span 4;
}

.ds_nobilis3e .n3e_gift_activation_col,
.ds_nobilis3e .n3e_gift_area_col,
.ds_nobilis3e .n3e_gift_flex_col,
.ds_nobilis3e .n3e_gift_multiplier_col {
	grid-column: span 2;
}

.ds_nobilis3e .n3e_gift_uncommon_col {
	text-align: center;
}

.ds_nobilis3e .n3e_gifts_custom>div.n3e_gift_uncommon_col:nth-child(20n+17),
.ds_nobilis3e .n3e_gifts_custom>div.n3e_gift_total_col:nth-child(20n+20){
	background-color: #f9f9f9;
}

/* Other Info */

.ds_nobilis3e .n3e_bio {
	border: 2px solid #cfcabc;
	margin-top: 20px;
}

.ds_nobilis3e .n3e_bio>span {
	grid-column: 1 / 11;
	padding-left: 4px;
	padding-right: 4px;
}

.ds_nobilis3e .n3e_bio>span.dsf_bio {
	font-size: 12.8px;
	height: auto;
	background-color: #f9f9f9;
}


.ds_nobilis3e .n3e_game_info {
	font-size: 11px;	
	text-align: center;
	margin-top: 4px;
}

.ds_nobilis3e .n3e_author_info {
	font-size: 9px;
	text-align: right;
}

/* Dropdown Menus */

.ds_nobilis3e  .n3e_dropdown {
	display: inline-block;
	font-size: 12.8px;
	height: 16px;
	line-height: 16px;
	text-align: left;
	transition: all .5s ease;
	padding-left: 2px;
}

.ds_nobilis3e  .n3e_dropdown.n3e_editable {
	cursor: pointer;
}

.ds_nobilis3e .n3e_dropdown .n3e_dropdown_menu {
    position: absolute;
    background-color: #fff;
    left: inherit;
    margin-top: 1px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9;
	border: 1px solid #cfcabc;
	padding: 0;
    list-style: none
}

.ds_nobilis3e  .n3e_dropdown .n3e_dropdown_menu li {
    padding: 2px;
    transition: all .2s ease-in-out;
    cursor: pointer;
	min-height: 16px;
	border: 0;
} 

.ds_nobilis3e .n3e_dropdown .n3e_select .n3e_dropdown_level_pad,
.ds_nobilis3e .n3e_dropdown .n3e_dropdown_menu.n3e_dropdown_level_pad li {
    padding-left: 8px;
	padding-right: 8px;
} 

.ds_nobilis3e .n3e_editable:hover,
.ds_nobilis3e .n3e_dropdown .n3e_dropdown_menu li:hover{
	background-color: #a7bcfa;
}

/* Editable Modifications */

.ds_nobilis3e.editable .dsf {
	cursor: pointer;
}

.ds_nobilis3e.editable .dsf:not(.readonly):hover {
	background-color: #a7bcfa;
}

.ds_nobilis3e.editable .dsf.readonly,
.ds_nobilis3e.editable .dsf.readonly:hover {
	cursor: inherit;
}

.ds_nobilis3e.editable .dsf.checkbox {
	cursor: inherit;
	text-align: center;
	margin-top: 0px;
}

.ds_nobilis3e.editable .dsf.checkbox input {
	cursor: pointer;
}

/* Form Modifications */

.ds_nobilis3e form button {
	display: none;
}

.ds_nobilis3e form {
	display: inline;
	margin: 0;
	padding: 0;
}

Javascript

(function ($) {
	$.fn.editable.defaults.onblur = "submit";
	})(jQuery);

$.extend(aisleten.characters, {
	jeditablePlaceholder: "&nbsp;"
	});

function nobilis3e_calculateGiftTotal(giftPrefix) {	
	let total = 0;
	
	let levelVal = $("."+ giftPrefix + "_level").text();
	if (!levelVal.length) return "";
	total += +levelVal;
	
	let activationVal = $("."+ giftPrefix + "_activation").text();
	if (!activationVal.length) return "";
	switch(activationVal) {
		case "auto": total += 1; break;
		case "simple": total += -1; break;
		case "normal": total += -2; break;
		case "hard": total += -3; break;
		default: return "";
	}
			
	let areaVal = $("."+ giftPrefix + "_area").text();
	if (!areaVal.length) return "";
	switch(areaVal) {
		case "anywhere": total += 1; break;
		case "local": total += -1; break;
		case "one": total += -2; break;
		case "self": total += -3; break;
		default: return "";;
	}
	
	let flexVal = $("."+ giftPrefix + "_flex").text();
	if (!flexVal.length) return "";
	switch(flexVal) {
		case "full": total += 1; break;
		case "broad": total += -1; break;
		case "handful": total += -2; break;
		case "one trick": total += -3; break;
		default: return "";
	}
	
	let uncommonVal = $("."+ giftPrefix + "_uncommon input").val();
	total += +uncommonVal;
	
	if (total < 1) total = 1;
	
	let multiplier = +$("."+ giftPrefix + "_multiplier").text();
	if (multiplier < 1) multiplier = 1;
	total *=  multiplier;
	
	let strikeVal = $("."+ giftPrefix + "_strike").text();
	total += +strikeVal;
	
	return total;
}

function nobilis3e_dataPreLoad(opts) {
	if (!opts.isEditable) {
		$(".n3e_editable").removeClass("n3e_editable");
	}
}

function nobilis3e_dataPostLoad(opts) {
	$(".n3e_dropdown").each(function() {
		dsfValue = $(this).find(".dsf").text();
		displayText = $(this).find("[data-n3e-dropdown-value='" + dsfValue + "']").text()
		$(this).find(".n3e_dropdown_display").text(displayText);
		});
		
	if (opts.isEditable) {
		$("[class*='dsf_gifts_custom'].n3e_gift_name_col").each(function() {
			let classes = $(this).attr("class").split(" ");
			let giftPrefix = classes[1].split("_").slice(0,3).join("_");
			$("."+ giftPrefix + "_total").text(nobilis3e_calculateGiftTotal(giftPrefix));
		});
			
		$(".n3e_dropdown.n3e_editable").click(function () {
			$(this).attr("tabindex", 1).focus();
			$(this).toggleClass("n3e_active");
			$(this).find(".n3e_dropdown_menu").slideToggle(300);
		});
		
		$(".n3e_dropdown").focusout(function () {
			$(this).removeClass("n3e_active");
			$(this).find(".n3e_dropdown_menu").slideUp(300);
		});
		
		$(".n3e_dropdown .n3e_dropdown_menu li").click(function () {
			$(this).parents(".n3e_dropdown").find(".n3e_dropdown_display").text($(this).text());
			let targetDsf = $(this).parents(".n3e_dropdown").find(".dsf");
			targetDsf.text($(this).attr("data-n3e-dropdown-value"));
			let classes = targetDsf.attr("class").split(" ");
			if (classes[1].includes("gifts_custom")) { 
				let giftPrefix = classes[1].split("_").slice(0,3).join("_");
				$("."+ giftPrefix + "_total").text(nobilis3e_calculateGiftTotal(giftPrefix));
			}
		});
		
		$(".n3e_gifts_custom .checkbox input").change(function () {
			let parentClasses = $(this).parents(".dsf").attr("class").split(" ");
			let giftPrefix = parentClasses[1].split("_").slice(0,3).join("_");
			$("."+ giftPrefix + "_total").text(nobilis3e_calculateGiftTotal(giftPrefix));
		});
	}
}

Back

Nobilis 3E Character Sheet

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account