JaredTwing Generic WoD

DST Source Code

HTML Template <div class="sheet"> <table> <tr> <td colspan="2"> <table> <tr> <td class="basic_info_left"> <div> <span class="basic_info_name_large">Name:</span> <span class="dsf basic_info_value_large dsf_name"></span> </div> <div> <span class="basic_info_name">Age:</span> <span class="dsf basic_info_value dsf_age"></span> </div> <div> <span class="basic_info_name">Virtue:</span> <span class="dsf basic_info_value dsf_virtue"></span> </div> <div> <span class="basic_info_name">Vice:</span> <span class="dsf basic_info_value dsf_vice"></span> </div> <div> <span class="basic_info_name">Concept:</span> <span class="dsf basic_info_value dsf_concept"></span> </div> <div> <span class="dsf basic_info_name dsf_factionName"></span> <span class="dsf basic_info_value dsf_faction"></span> </div> <div> <span class="dsf basic_info_name dsf_infoDetailName"></span> <span class="dsf basic_info_value dsf_infoDetail"></span> </div> <div> <span class="dsf basic_info_name dsf_groupName"></span> <span class="dsf basic_info_value dsf_group"></span> </div> <div> <span class="basic_info_name">Player:</span> <span class="dsf basic_info_value dsf_player"></span> </div> <div> <span class="basic_info_name">Chronicle:</span> <span class="dsf basic_info_value dsf_campaign"></span> </div> </td> <td class="bio_image"> <span class="dsf dsf_avatar_image"></span> </td> </tr> </table> </td> </tr> <tr> <td colspan="2"> <div class="attributes"> <span class="attribute_top_header">Attributes</span> <div class="attribute_header"> <span class="spacer"></span> <span class="header">Mental</span> <span class="header">Physical</span> <span class="header">Social</span> </div> <div class="attributes_type"> <span class="attribute_type_name">POWER</span> <span class="attribute_name">Intelligence: </span> <span class="dsf attribute_value dsf_intelligence"></span> <span class="attribute_name">Strength: </span> <span class="dsf attribute_value attribute_score dsf_strength"></span> <span class="attribute_name">Presence: </span> <span class="dsf attribute_value attribute_score dsf_presence"></span> </div> <div class="attributes_type"> <span class="attribute_type_name">FINESSE</span> <span class="attribute_name">Wits: </span> <span class="dsf attribute_value dsf_wits"></span> <span class="attribute_name">Dexterity: </span> <span class="dsf attribute_value dsf_dexterity"></span> <span class="attribute_name">Manipulation: </span> <span class="dsf attribute_value dsf_manipulation"></span> </div> <div class="attributes_type"> <span class="attribute_type_name">RESISTANCE</span> <span class="attribute_name">Resolve: </span> <span class="dsf attribute_value attribute_score dsf_resolve"></span> <span class="attribute_name">Stamina: </span> <span class="dsf attribute_value attribute_score dsf_stamina"></span> <span class="attribute_name">Composure: </span> <span class="dsf attribute_value attribute_score dsf_composure"></span> </div> </div> </td> </tr> <tr> <td> <div class="mental_skills"> <div class="trait_header">Mental Skill</div> <div class="trait_subheader">(-3 unskilled)</div> <div class="skill"> <span class="skill_name">Academics: </span> <span class="dsf skill_specialty dsf_academics_specialty"></span> <span class="dsf skill_score dsf_academics"></span> </div> <div class="skill"> <span class="skill_name">Computer: </span> <span class="dsf skill_specialty dsf_computer_specialty"></span> <span class="dsf skill_score dsf_computer"></span> </div> <div class="skill"> <span class="skill_name">Crafts: </span> <span class="dsf skill_specialty dsf_crafts_specialty"></span> <span class="dsf skill_score dsf_crafts"></span> </div> <div class="skill"> <span class="skill_name">Investigation: </span> <span class="dsf skill_specialty dsf_investigation_specialty"></span> <span class="dsf skill_score dsf_investigation"></span> </div> <div class="skill"> <span class="skill_name">Medicine: </span> <span class="dsf skill_specialty dsf_medicine_specialty"></span> <span class="dsf skill_score dsf_medicine"></span> </div> <div class="skill"> <span class="skill_name">Occult: </span> <span class="dsf skill_specialty dsf_occult_specialty"></span> <span class="dsf skill_score dsf_occult"></span> </div> <div class="skill"> <span class="skill_name">Politics: </span> <span class="dsf skill_specialty dsf_politics_specialty"></span> <span class="dsf skill_score dsf_politics"></span> </div> <div class="skill"> <span class="skill_name">Science: </span> <span class="dsf skill_specialty dsf_science_specialty"></span> <span class="dsf skill_score dsf_science"></span> </div> </div> <div class="physical_skills"> <div class="trait_header">Physical Skills</div> <div class="trait_subheader">(-1 unskilled)</div> <div class="skill"> <span class="skill_name">Athletics: </span> <span class="dsf skill_specialty dsf_athletics_specialty"></span> <span class="dsf skill_score dsf_athletics"></span> </div> <div class="skill"> <span class="skill_name">Brawl: </span> <span class="dsf skill_specialty dsf_brawl_specialty"></span> <span class="dsf skill_score dsf_brawl"></span> </div> <div class="skill"> <span class="skill_name">Drive: </span> <span class="dsf skill_specialty dsf_drive_specialty"></span> <span class="dsf skill_score dsf_drive"></span> </div> <div class="skill"> <span class="skill_name">Firearms: </span> <span class="dsf skill_specialty dsf_firearms_specialty"></span> <span class="dsf skill_score dsf_firearms"></span> </div> <div class="skill"> <span class="skill_name">Larceny: </span> <span class="dsf skill_specialty dsf_larceny_specialty"></span> <span class="dsf skill_score dsf_larceny"></span> </div> <div class="skill"> <span class="skill_name">Stealth: </span> <span class="dsf skill_specialty dsf_stealth_specialty"></span> <span class="dsf skill_score dsf_stealth"></span> </div> <div class="skill"> <span class="skill_name">Survival: </span> <span class="dsf skill_specialty dsf_survival_specialty"></span> <span class="dsf skill_score dsf_survival"></span> </div> <div class="skill"> <span class="skill_name">Weaponry: </span> <span class="dsf skill_specialty dsf_weaponry_specialty"></span> <span class="dsf skill_score dsf_weaponry"></span> </div> </div> <div class="social_skills"> <div class="trait_header">Social Skills</div> <div class="trait_subheader">(-1 unskilled)</div> <div class="skill"> <span class="skill_name">Animal Ken: </span> <span class="dsf skill_specialty dsf_animalken_specialty"></span> <span class="dsf skill_score dsf_animalken"></span> </div> <div class="skill"> <span class="skill_name">Empathy: </span> <span class="dsf skill_specialty dsf_empathy_specialty"></span> <span class="dsf skill_score dsf_empathy"></span> </div> <div class="skill"> <span class="skill_name">Expression: </span> <span class="dsf skill_specialty dsf_expression_specialty"></span> <span class="dsf skill_score dsf_expression"></span> </div> <div class="skill"> <span class="skill_name">Intimidation: </span> <span class="dsf skill_specialty dsf_intimidationspecialty"></span> <span class="dsf skill_score dsf_intimidation"></span> </div> <div class="skill"> <span class="skill_name">Persuasion: </span> <span class="dsf skill_specialty dsf_persuasion_specialty"></span> <span class="dsf skill_score dsf_persuasion"></span> </div> <div class="skill"> <span class="skill_name">Socialize: </span> <span class="dsf skill_specialty dsf_socialize_specialty"></span> <span class="dsf skill_score dsf_socialize"></span> </div> <div class="skill"> <span class="skill_name">Streetwise: </span> <span class="dsf skill_specialty dsf_streetwise_specialty"></span> <span class="dsf skill_score dsf_streetwise"></span> </div> <div class="skill"> <span class="skill_name">Subterfuge: </span> <span class="dsf skill_specialty dsf_subterfuge_specialty"></span> <span class="dsf skill_score dsf_subterfuge"></span> </div> </div> </td> <td class="other_traits"> <div class="other_traits_outer"> <div class="other_traits_outer_header">Other Traits</div> <div class="other_traits"> <div class="other_trait_header">Merits</div> <div class="trait"> <span class="dsf trait_name dsf_merit_1_name"></span> <span class="dsf trait_score dsf_merit_1"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_merit_2_name"></span> <span class="dsf trait_score dsf_merit_2"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_merit_3_name"></span> <span class="dsf trait_score dsf_merit_3"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_merit_4_name"></span> <span class="dsf trait_score dsf_merit_4"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_merit_5_name"></span> <span class="dsf trait_score dsf_merit_5"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_merit_6_name"></span> <span class="dsf trait_score dsf_merit_6"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_merit_7_name"></span> <span class="dsf trait_score dsf_merit_7"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_merit_8_name"></span> <span class="dsf trait_score dsf_merit_8"></span> </div> <div class="other_trait_header">Flaws</div> <div class="trait"> <span class="dsf trait_name dsf_flaw_1"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_flaw_2"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_flaw_3"></span> </div> <div class="other_trait_header"><span class="dsf dsf_power_type_name"></span></div> <div class="trait"> <span class="dsf trait_name dsf_power_1_name"></span> <span class="dsf trait_score dsf_power_1"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_2_name"></span> <span class="dsf trait_score dsf_power_2"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_3_name"></span> <span class="dsf trait_score dsf_power_3"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_4_name"></span> <span class="dsf trait_score dsf_power_4"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_5_name"></span> <span class="dsf trait_score dsf_power_5"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_6_name"></span> <span class="dsf trait_score dsf_power_6"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_7_name"></span> <span class="dsf trait_score dsf_power_7"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_8_name"></span> <span class="dsf trait_score dsf_power_8"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_9_name"></span> <span class="dsf trait_score dsf_power_9"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_power_10_name"></span> <span class="dsf trait_score dsf_power_10"></span> </div> <div class="other_trait_header">Calculated Traits</div> <div class="trait"> <span class="trait_name">Size: </span> <span class="dsf trait_score dsf_size"></span> </div> <div class="trait"> <span class="trait_name">Defense: </span> <span class="dsf trait_score dsf_defense"></span> </div> <div class="trait"> <span class="trait_name">Initiative Mod: </span> <span class="dsf trait_score dsf_initiativemod"></span> </div> <div class="trait"> <span class="trait_name">Speed: </span> <span class="dsf trait_score dsf_speed"></span> </div> <div class="trait"> <span class="trait_name">Experience: </span> <span class="dsf trait_score dsf_experience"></span> </div> <div class="trait"> <span class="trait_name">Armor: </span> <span class="dsf trait_score dsf_armor"></span> </div> <div class="trait"> <span class="trait_name">Health: </span> <span class="dsf trait_score dsf_health"></span> </div> <div class="trait"> <span class="trait_name">Willpower: </span> <span class="dsf trait_score dsf_willpower"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_powerpoints_name"></span> <span class="dsf trait_score dsf_powerpoints"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_powerlevel_name"></span> <span class="dsf trait_score dsf_powerlevel"></span> </div> <div class="trait"> <span class="dsf trait_name dsf_morality_name"></span> <span class="dsf trait_score dsf_morality"></span> </div> </div> </div> </td> </tr> </table> </div> <div class="bio"><span class="dsf dsf_bio"></span></div> <div>DST Author: <span class="dsf dst_dst_author_link dsf_dst_author"></span></div>

CSS .ds_jaredtwing_wod .sheet { height:1200px; width:720px; border-style:solid; border-width:1px; padding:5px; background-color:#DDDDEE; } .ds_jaredtwing_wod.editable .sheet{ height:1400px; } .ds_jaredtwing_wod .basic_info { border-bottom-style:solid; border-width:1px; padding:5px; width:700px; height:275px; left:15px; display:block; } .ds_jaredtwing_wod .basic_info_left { left: 5px; width: 460px; } .ds_jaredtwing_wod .bio_image { margin-bottom:auto; border-style:solid; vertical-align:top; } .ds_jaredtwing_wod .basic_info_left span.basic_info_name { height:25px; display: block; float: left; width: 120px; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:14px; } .ds_jaredtwing_wod .basic_info_left span.basic_info_value { display: block; height:25px; font-family:"Courier New", monospace; font-size:16px; } .ds_jaredtwing_wod .basic_info_left span.basic_info_name_large { height:40px; display: block; float: left; width: 140px; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:24px; } .ds_jaredtwing_wod .basic_info_left span.basic_info_value_large { display: block; height:40px; font-family:"Courier New", monospace; font-size:26px; } .ds_jaredtwing_wod .attributes { left: 15px; top: 560px; height: 150px; border-bottom-style:solid; border-width:1px; padding:5px; display:block; } .ds_jaredtwing_wod .attributes span.attribute_top_header { height:30px; display: block; float: center; width: 150px; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:22px; margin-left:auto; margin-right:auto; } .ds_jaredtwing_wod .attributes .attribute_header { display:block; float:left; } .ds_jaredtwing_wod .attributes .attributes_type { display:block; float:left; height: 20px; border-top-style:solid; border-width:1px; padding-top:5px; padding-bottom:5px; } .ds_jaredtwing_wod .attributes .attribute_header span.spacer { width: 110px; height: 20px; float:left; display:inline; } .ds_jaredtwing_wod .attributes .attribute_header span.header { width: 150px; height: 20px; display:inline; float:left; padding:5px; padding-left:30px; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:18px; } .ds_jaredtwing_wod .attributes .attributes_type span.attribute_type_name { width: 120px; height: 20px; display:inline; float:left; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:16px; } .ds_jaredtwing_wod .attributes .attributes_type span.attribute_name { width: 130px; height: 20px; display:inline; float:left; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:14px; } .ds_jaredtwing_wod .attributes .attributes_type span.attribute_value { width: 58px; height: 20px; display:inline; float:left; font-family:"Courier New", monospace; font-size:14px; } .ds_jaredtwing_wod .traits { top:735px; padding:5px; width:750px; height:600px; left:15px; display:block; } .ds_jaredtwing_wod .skills { left: 10px; top: 0px; width: 250px; display:inline; } .ds_jaredtwing_wod .skill { padding-right:15px; } .ds_jaredtwing_wod .skill span.skill_name { display:inline; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:14px; } .ds_jaredtwing_wod .skill span.skill_specialty { display:inline; font-family:"Courier New", monospace; font-size:14px; } .ds_jaredtwing_wod .skill span.skill_score { display:inline; float:right; font-family:"Courier New", monospace; font-size:14px; } .ds_jaredtwing_wod .mental_skills { padding-bottom:15px; } .ds_jaredtwing_wod .physical_skills { padding-bottom:15px; } .ds_jaredtwing_wod .trait_header { margin-left:auto; margin-right:auto; width:180px; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:18px; } .ds_jaredtwing_wod .other_traits { vertical-align:top; } .ds_jaredtwing_wod .other_trait_header { margin-left:auto; margin-right:auto; width:100px; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:18px; } .ds_jaredtwing_wod .trait_subheader { margin-left:auto; margin-right:auto; width:100px; font-family:"Lucida Console", "Monaco", monospace; font-size:10px; } .ds_jaredtwing_wod .other_traits_outer { left: 250px; top: 0px; width: 450px; display:inline; } .ds_jaredtwing_wod .other_traits_outer_header { margin-left:auto; margin-right:auto; width:150px; font-weight:bold; font-family:"Lucida Console", "Monaco", monospace; font-size:18px; } .ds_jaredtwing_wod .other_traits { left: 5px; top: 30px; width: 220px; height: 750px; display:inline; } .ds_jaredtwing_wod .minor_traits { left: 220px; top: 35px; width: 220px; height: 725px; display:inline; } .ds_jaredtwing_wod .minor_trait { padding-right:5px; } .ds_jaredtwing_wod .minor_trait span.minor_trait_name { display:inline; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:14px; } .ds_jaredtwing_wod .minor_trait span.trait_score { display:inline; float:right; font-family:"Courier New", monospace; font-size:14px; } .ds_jaredtwing_wod .trait { padding-right:25px; } .ds_jaredtwing_wod .trait span.trait_name { display:inline; font-weight: bold; font-family:"Lucida Console", "Monaco", monospace; font-size:14px; } .ds_jaredtwing_wod .trait span.trait_score { display:inline; float:right; font-family:"Courier New", monospace; font-size:14px; } .ds_jaredtwing_wod .bio { margin-top:5px; padding:5px; width:720px; border-style:solid; border-width:1px; background-color:#DDDDEE; }

JavaScript

Submit Notes

Back