Shaintar

DST Source Code

HTML Template <div class="mainsheet"> <div class="ds_shaintar_header"> <div class="ds_shaintar_logo"> <img src="http://www.shaintar.com/sites/default/files/ShaintarLogoTransparent_1.png" width="306" height="114"> </div> <div class="ds_shaintar_basic_info"> <div class="name"> <b>Character Name:</b> <span class="dsf dsf_name"></span> </div> <div class="player"> <b>Player:</b> <span class="dsf dsf_player"></span> </div> <div class="ds_shaintar_info_c"> <div class="race"> <b>Race :</b> <span class="dsf dsf_race"></span> </div> <div class="gender"> <b>Gender:</b> <span class="dsf dsf_gender"></span> </div> <div class="age"> <b>Age:</b> <span class="dsf dsf_age"></span> </div> </div> <div class="ds_shaintar_info_c"> <div class="rank"> <b>Rank:</b> <span class="dsf dsf_rank"></span> </div> <div class="experience"> <b>Exp:</b> <span class="dsf dsf_experience"></span> </div> <div class="resource"><b>Resource Die: </b> <span class="dsf dsf_resource">d6</span> </div> </div> </div> </div> <div class="ds_shaintar_main"> <div class="ds_shaintar_attributes"> <span class="ds_shaintar_section_header">Attributes</span> <div class="ds_shaintar_att_col"> <div><b>Agility</b> <span class="dsf dsf_agility">d4</span></div> <div><b>Smarts</b><span class="dsf dsf_smarts">d4</span></div> <div><b>Strength</b><span class="dsf dsf_strength">d4</span></div> <div><b>Spirit</b><span class="dsf dsf_spirit">d4</span></div> <div><b>Vigor</b><span class="dsf dsf_vigor">d4</span></div> </div> <div class="ds_shaintar_att_col"> <div><b>Charisma</b><span class="dsf dsf_charisma">0</span></div> <div><b>Pace</b><span class="dsf dsf_pace">6</span></div> <div><b>Parry</b><span class="dsf dsf_parry"> x (y)</span></div> <div><b>Toughness</b><span class="dsf dsf_toughness">x (y)</span></div> <div><b>Essence</b><span class="dsf dsf_essence"></span></div> </div> </div> <div class="ds_shaintar_skills"> <span class="ds_shaintar_section_header">Skills</span> <div class="ds_shaintar_skill_col"> <div><b>Boating</b><span class="right dsf dsf_boating"></span></div> <div><b>Climbing</b><span class="right dsf dsf_climbing"></span></div> <div><b>Fighting</b><span class="right dsf dsf_fighting"></span></div> <div><b>Gambling</b><span class="right dsf dsf_gambling"></span></div> <div><b>Healing</b><span class="right dsf dsf_healing"></span></div> <div><b>Intimidation</b><span class="right dsf dsf_intimidation"></span></div> <div class="skill_row"><b><span class="left dsf dsf_kno1">Knowledge</span></b><span class="right dsf dsf_kno1_val"></span></div> <div class="skill_row"><b><span class="left dsf dsf_kno2">Knowledge</span></b><span class="right dsf dsf_kno2_val"></span></div> <div class="skill_row"><b><span class="left dsf dsf_kno3">Knowledge</span></b><span class="right dsf dsf_kno3_val"></span></div> <div class="skill_row"><b><span class="left dsf dsf_kno4">Knowledge</span></b><span class="right dsf dsf_kno4_val"></span></div> <div class="skill_row"><b><span class="left">Lockpicking</span></b><span class="right dsf dsf_lockpicking"></span></div> <div class="skill_row"><b><span class="left">Notice</span></b><span class="right dsf dsf_notice"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_1"></span></b><span class="right dsf dsf_skill_1_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_2"></span></b><span class="right dsf dsf_skill_2_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_3"></span></b><span class="right dsf dsf_skill_3_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_4"></span></b><span class="right dsf dsf_skill_4_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_5"></span></b><span class="right dsf dsf_skill_5_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_6"></span></b><span class="right dsf dsf_skill_6_value"></span></div> </div> <div class="ds_shaintar_skill_col"> <div><b>Persuasion</b><span class="right dsf dsf_persuasion"></span></div> <div><b>Piloting</b><span class="right dsf dsf_piloting"></span></div> <div><b>Repair</b><span class="right dsf dsf_repair"></span></div> <div><b>Riding</b><span class="right dsf dsf_riding"></span></div> <div><b>Shooting</b><span class="right dsf dsf_shooting"></span></div> <div><b>Stealth</b><span class="right dsf dsf_stealth"></span></div> <div><b>Streetwise</b><span class="right dsf dsf_streetwise"></span></div> <div><b>Survival</b><span class="right dsf dsf_survival"></span></div> <div><b>Swimming</b><span class="right dsf dsf_swimming"></span></div> <div><b>Taunt</b><span class="right dsf dsf_taunt"></span></div> <div><b>Throwing</b><span class="right dsf dsf_throwing"></span></div> <div><b>Tracking</b><span class="right dsf dsf_tracking"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_7"></span></b><span class="right dsf dsf_skill_7_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_8"></span></b><span class="right dsf dsf_skill_8_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_9"></span></b><span class="right dsf dsf_skill_9_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_10"></span></b><span class="right dsf dsf_skill_10_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_11"></span></b><span class="right dsf dsf_skill_11_value"></span></div> <div class="skill_row"><b><span class="left dsf dsf_skill_12"></span></b><span class="right dsf dsf_skill_12_value"></span></div> </div> <div> <span class="ds_shaintar_section_header">Hindrances</span> <div><span class="dsf dsf_hinderance1" style="float:left;clear:both"></span></div> <div><span class="dsf dsf_hinderance2" style="float:left;clear:both"></span></div> <div><span class="dsf dsf_hinderance3" style="float:left;clear:both"></span></div> </div> <div class="ds_shaintar_racial"> <span class="ds_shaintar_section_header">Racial Abilities</span> <div class="ds_shaintar_att_col"> <div class="dsf dsf_racial1" style="float:left;clear:both"></div> <div class="dsf dsf_racial2" style="float:left;clear:both"></div> <div class="dsf dsf_racial3" style="float:left;clear:both"></div> <div class="dsf dsf_racial4" style="float:left;clear:both"></div> <div class="dsf dsf_racial5" style="float:left;clear:both"></div> </div> <div class="ds_shaintar_att_col"> <div class="dsf dsf_racial6" style="float:left;clear:both"></div> <div class="dsf dsf_racial7" style="float:left;clear:both"></div> <div class="dsf dsf_racial8" style="float:left;clear:both"></div> <div class="dsf dsf_racial9" style="float:left;clear:both"></div> <div class="dsf dsf_racial10" style="float:left;clear:both"></div> </div> </div> <div> <table> <tr> <th width="60%" style="padding: 1px;padding-left: 8px;">Armor</th> <th width="15%" style="padding: 1px;">Value</th> <th width="25%" style="padding: 1px;">Coverage</th> </tr> <tr> <td style="padding: 3px;"><span class="dsf dsf_armor"></span></td> <td style="padding: 3px;"><span class="dsf dsf_value"></span></td> <td style="padding: 3px;"><span class="dsf dsf_cover"></span></td> </tr> </table> </div> <div> <table> <tr> <th width="60%" style="padding: 1px;padding-left: 8px;">Shield</th> <th width="40%" style="padding: 1px;">Value</th> </tr> <tr> <td style="padding: 3px; 1px;"><span class="dsf dsf_shield"></span></td> <td style="padding: 3px;"><span class="dsf dsf_shield_value"></span></td> </tr> </table> </div> <div> <span class="ds_shaintar_section_header">Possessions</span> <div class="ds_shaintar_att_col"> <div class="dsf dsf_pos1" style="float:left;clear:both"></div> <div class="dsf dsf_pos2" style="float:left;clear:both"></div> <div class="dsf dsf_pos3" style="float:left;clear:both"></div> <div class="dsf dsf_pos4" style="float:left;clear:both"></div> <div class="dsf dsf_pos5" style="float:left;clear:both"></div> </div> <div class="ds_shaintar_att_col"> <div class="dsf dsf_pos6" style="float:left;clear:both"></div> <div class="dsf dsf_pos7" style="float:left;clear:both"></div> <div class="dsf dsf_pos8" style="float:left;clear:both"></div> <div class="dsf dsf_pos9" style="float:left;clear:both"></div> <div class="dsf dsf_pos10" style="float:left;clear:both"></div> </div> </div> </div> </div> <div class="ds_shaintar_col_2"> <div class="ds_shaintar_image"> <span class="dsf dsf_avatar_image"></span> </div> <div class="ds_shaintar_advances"> <span class="ds_shaintar_section_header">Edges</span> <div><span class="dsf dsf_edge1"></span></div> <div><span class="dsf dsf_edge2"></span></div> <div><span class="dsf dsf_edge3"></span></div> <div><span class="dsf dsf_edge4"></span></div> <div><span class="dsf dsf_edge5"></span></div> <div><span class="dsf dsf_edge6"></span></div> <div>5 : <span class="dsf dsf_nov1"></span></div> <div>10 : <span class="dsf dsf_nov2"></span></div> <div>15 : <span class="dsf dsf_nov3"></span></div> <div>20 : <span class="dsf dsf_nov4"></span></div> <div><b>Seasoned:</b></div> <div>25 : <span class="dsf dsf_sea1"></span></div> <div>30 : <span class="dsf dsf_sea2"></span></div> <div>35 : <span class="dsf dsf_sea3"></span></div> <div>40 : <span class="dsf dsf_sea4"></span></div> <div>45 : <span class="dsf dsf_sea5"></span></div> <div><b>Veteran:</b></div> <div>50 : <span class="dsf dsf_vet1"></span></div> <div>55 : <span class="dsf dsf_vet2"></span></div> <div>60 : <span class="dsf dsf_vet3"></span></div> <div>65 : <span class="dsf dsf_vet4"></span></div> <div>70 : <span class="dsf dsf_vet5"></span></div> <div><b>Heroic:</b></div> <div>75 : <span class="dsf dsf_her1"></span></div> <div>80 : <span class="dsf dsf_her2"></span></div> <div>85 : <span class="dsf dsf_her3"></span></div> <div>90 : <span class="dsf dsf_her4"></span></div> <div>95 : <span class="dsf dsf_her5"></span></div> <div><b>Legendary:</b></div> <div>100 : <span class="dsf dsf_leg1"></span></div> <div>110 : <span class="dsf dsf_leg2"></span></div> <div>120 : <span class="dsf dsf_leg3"></span></div> <div>130 : <span class="dsf dsf_leg4"></span></div> <div>140 : <span class="dsf dsf_leg5"></span></div> <div>150 : <span class="dsf dsf_leg6"></span></div> <div><span class="dsf dsf_leg7"></span></div> <div><span class="dsf dsf_leg8"></span></div> <div><span class="dsf dsf_leg9"></span></div> <div><span class="dsf dsf_leg10"></span></div> </div> </div> <div class="ds_shaintar_weapons"> <table style="width:700;float:left;clear:both;"> <tr> <th width="35%" style="padding: 1px;padding-left: 8px;">Weapon</th> <th width="15%" style="padding: 1px;">Range</th> <th width="15%" style="padding: 1px;">Damage</th> <th width="35%" style="padding: 1px;">Notes</th> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_weapon_1"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_range_1"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_damage_1"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_notes_1"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_weapon_2"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_range_2"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_damage_2"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_notes_2"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_weapon_3"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_range_3"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_damage_3"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_notes_3"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_weapon_4"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_range_4"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_damage_4"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_notes_4"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_weapon_5"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_range_5"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_damage_5"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_notes_5"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_weapon_6"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_range_6"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_damage_6"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_notes_6"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_weapon_7"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_range_7"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_damage_7"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_notes_7"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_weapon_8"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_range_8"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_damage_8"></span></td> <td style="padding: 3px;"><span class="dsf dsf_weapon_notes_8"></span></td> </tr> </table> </div> <div class="ds_shaintar_powers"> <table style="width:700;float:left;clear:both;"> <tr> <th width="20%" style="padding: 1px;padding-left: 8px;">Power</th> <th width="10%" style="padding: 1px;">Essence</th> <th width="10%" style="padding: 1px;">Range</th> <th width="12%" style="padding: 1px;">Duration</th> <th width="48%" style="padding: 1px;">Effect</th> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_1"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_1"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_1"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_1"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_1"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_2"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_2"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_2"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_2"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_2"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_3"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_3"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_3"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_3"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_3"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_4"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_4"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_4"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_4"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_4"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_5"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_5"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_5"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_5"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_5"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_6"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_6"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_6"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_6"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_6"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_7"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_7"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_7"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_7"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_7"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_8"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_8"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_8"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_8"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_8"></span></td> </tr> <tr> <td style="padding: 3px; 1px;padding-left: 8px;"><span class="dsf dsf_power_9"></span></td> <td style="padding: 3px;"><span class="dsf dsf_power_ess_9"></span></td> <td style="padding: 3px;"><span class="dsf dsf_range_9"></span></td> <td style="padding: 3px;"><span class="dsf dsf_duration_9"></span></td> <td style="padding: 3px;"><span class="dsf dsf_effect_9"></span></td> </tr> </table> </div> <div class="ds_shaintar_description" style="min-height:50px;width:100%;clear:both"> <div class="ds_shaintar_section_header">Description</div> <span class="dsf dsf_desc" style="width:720px"></span> <div style="height:5px"></div> </div> <div class="ds_shaintar_description" style="min-height:50px;width:100%;clear:both"> <div class="ds_shaintar_section_header">Notes</div> <div class="dsf dsf_notes_1" style="width:720px"></div> <div class="dsf dsf_notes_2" style="width:720px"></div> <div class="dsf dsf_notes_3" style="width:720px"></div> <div class="dsf dsf_notes_4" style="width:720px"></div> <div class="dsf dsf_notes_5" style="width:720px"></div> <div style="height:5px"></div> </div> <div class="ds_shaintar_description" style="min-height:50px;width:100%;clear:both"> <div class="ds_shaintar_section_header">Defining Interests / Languages</div> <div>Languages: <span class="dsf dsf_defining_interests_1"></span></div> <div class="dsf dsf_defining_interests_2"></div> <div class="dsf dsf_defining_interests_3"></div> <div class="dsf dsf_defining_interests_4"></div> <div class="dsf dsf_defining_interests_5"></div> <div class="dsf dsf_defining_interests_6"></div> <div class="dsf dsf_defining_interests_7"></div> <div class="dsf dsf_defining_interests_8"></div> <div class="dsf dsf_defining_interests_9"></div> <div class="dsf dsf_defining_interests_10"></div> <div class="dsf dsf_defining_interests_11"></div> <div style="height:5px"></div> </div> <div class="ds_shaintar_biography" style="min-height:50px;width:100%;clear:both"> <div class="ds_shaintar_section_header">Biography</div> <span class="readonly dsf dsf_bio"></span> <div style="height:5px"></div> </div> <div class="credits"> <hr/><div>Template Creator: <span class="dsf dsf_dst_author"></div> </div>

CSS /**************************** * This is the CSS for the DST. *****************************/ /**************************** * Global *****************************/ .ds_shaintar_section_header { width: 100%; font-size: 110%; font-weight: bold; background-color: #bc9878; color: black; float: left; text-align: center; } .ds_shaintar_header_left { font-weight: bold; background-color: #bc9878; color: black; float: left; text-align: left; } table{ table-layout: fixed; border-collapse:collapse; } th { background-color: #bc9878; overflow: hidden; text-align:left; } td { background-color: #FFFFFF; overflow: hidden; text-align:left; } .left{ float: left; clear:left; } .right{ float: right; clear:right; } /**************************** * Basic Info *****************************/ .ds_shaintar_header { width:700px; height:114px; padding:5px; margin:0px; } .ds_shaintar_logo { float:left; width:306px; height:114px; margin:1px; } .ds_shaintar_basic_info { float:left; width:392px; height:85px; } .ds_shaintar_info_c { float:left; width:185px; margin:0px; padding-right:10px; } .ds_shaintar_info_c .dsf { float:right; } /**************************** * Main *****************************/ .ds_shaintar_main { width:470px; float:left; height:700px; } /**************************** * Attributes *****************************/ .ds_shaintar_attributes { width:455px; height:140px; padding:10px; float:left; } .ds_shaintar_att_col { float:left; width:207px; padding:5px; } .ds_shaintar_att_col .dsf { float:right } /**************************** * Skills *****************************/ .ds_shaintar_skills { width:455px; height:600px; padding:10px; top:310px; float:left; } .ds_shaintar_skill_col { float:left; width:207px; padding:5px; } .skill_row { width:206px; clear:both; } /**************************** * Right Column *****************************/ .ds_shaintar_col_2 { width:250px; float:left; } /**************************** * Portrait *****************************/ .ds_shaintar_image { float:left; clear:right; padding: 0; border-radius: 8px; display: inline-block; vertical-align: top; width:250px; height:250px; overflow:hidden; text-align:center; display: table-cell; } /**************************** * Advances *****************************/ .ds_shaintar_advances { left:520px; top:398px; width:232px; padding:4px; float:left; }

JavaScript

Submit Notes

Back