Obsidian Portal
Menu
Sign In / Create Account
JavaScript is currently disabled. Obsidian Portal has a lot of really cool features that use JavaScript. You should check them out. We think you'll have a much more enjoyable experience.
Home
Campaigns
Games Nearby
Plans
Community
Help
Resources
Nobilis 3E Character Sheet
Author:
EclecticPrime
Slug:
nobilis3e
Type:
GameCharacter
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=""> </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=""> </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=""> </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=""> </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"> </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"> </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=""> </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=""> </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=""> </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=""> </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"> </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"> </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=""> </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=""> </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=""> </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=""> </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"> </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"> </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=""> </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=""> </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=""> </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=""> </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"> </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"> </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: " " }); 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)); }); } }
Submit Notes
This is a basic character sheet for Nobilis 3rd Edition, made in honor of my new campaign starting up this weekend. It's based roughly on the style of the sheet provided with the original print edition of the book. I wanted a bit of a challenge, so I also made the custom gifts section auto-calculate the cost based on the selected properties. I've tested it fairly thoroughly in both read and edit mode. I'm pretty happy with the result, but my front-end dev skills are QUITE rusty so I definitely welcome feedback. My CSS especially is probably quite clumsy.
Back