ICONS 1.0

DST Source Code

HTML Template <div class="main"> <div class="icons_ibackgroundimage"> <img src="http://cdn.obsidianportal.com/assets/16145/IconsSheetB3.png" alt="character sheet background" align="top" border="0" style="width:732px;height:1483px;"></div> <div class="info font16" style="top:7px;"> <span class="dsf dsf_name"></span></div> <div class="info font16" style="top:31px;"> <span class="dsf dsf_player"></span></div> <div class="info font16" style="top:57px;"> <span class="dsf dsf_campaign"></span></div> <div class="abilities font19" style="top:139px;"> <span class="dsf dsf_prowess"></span></div> <div class="abilities font19" style="top:168px;"> <span class="dsf dsf_coordination"></span></div> <div class="abilities font19" style="top:197px;"> <span class="dsf dsf_strength"></span></div> <div class="abilities font19" style="top:226px;"> <span class="dsf dsf_intellect"></span></div> <div class="abilities font19" style="top:255px;"> <span class="dsf dsf_awareness"></span></div> <div class="abilities font19" style="top:284px;"> <span class="dsf dsf_willpower"></span></div> <div class="charavatar"> <span class="dsf dsf_avatar_image"></span></div> <div class="charheight font13"> <span class="dsf dsf_height"></span></div> <div class="charweight font13"> <span class="dsf dsf_weight"></span></div> <div class="first_appearance font13"> <span class="dsf dsf_first_appearance"></span></div> <div class="charbio"> <span class="dsf dsf_bio"></span></div> <div class="powers font19" style="top:434px;" align="left"> <span class="dsf dsf_power_1"></span></div> <div class="powers_level font19" style="top:434px;"> <em><span class="dsf dsf_power_level_1"></span></em></div> <div class="powers font19" style="top:461px;"> <span class="dsf dsf_power_2"></span></div> <div class="powers_level font19" style="top:461px;"> <em><span class="dsf dsf_power_level_2"></span></em></div> <div class="powers font19" style="top:488px;"> <span class="dsf dsf_power_3"></span></div> <div class="powers_level font19" style="top:488px;"> <em><span class="dsf dsf_power_level_3"></span></em></div> <div class="powers font19" style="top:515px;"> <span class="dsf dsf_power_4"></span></div> <div class="powers_level font19" style="top:515px;"> <em><span class="dsf dsf_power_level_4"></span></em></div> <div class="powers font19" style="top:542px;"> <span class="dsf dsf_power_5"></span></div> <div class="powers_level font19" style="top:542px;"> <em><span class="dsf dsf_power_level_5"></span></em></div> <div class="powers font19" style="top:569px;"> <span class="dsf dsf_power_6"></span></div> <div class="powers_level font19" style="top:569px;"> <em><span class="dsf dsf_power_level_6"></span></em></div> <div class="specialties font19" style="top:663px;"> <span class="dsf dsf_specialty_1"></span></div> <div class="specialties_level font19" style="top:663px;"> <em><span class="dsf dsf_specialty_level_1"></span></em></div> <div class="specialties font19" style="top:690px;"> <span class="dsf dsf_specialty_2"></span></div> <div class="specialties_level font19" style="top:690px;"> <em><span class="dsf dsf_specialty_level_2"></span></em></div> <div class="specialties font19" style="top:717px;"> <span class="dsf dsf_specialty_3"></span></div> <div class="specialties_level font19" style="top:717px;"> <em><span class="dsf dsf_specialty_level_3"></span></em></div> <div class="specialties font19" style="top:744px;"> <span class="dsf dsf_specialty_4"></span></div> <div class="specialties_level font19" style="top:744px;"> <em><span class="dsf dsf_specialty_level_4"></span></em></div> <div class="specialties font19" style="top:771px;"> <span class="dsf dsf_specialty_5"></span></div> <div class="specialties_level font19" style="top:771px;"> <em><span class="dsf dsf_specialty_level_5"></span></em></div> <div class="specialties font19" style="top:798px;"> <span class="dsf dsf_specialty_6"></span></div> <div class="specialties_level font19" style="top:798px;"> <em><span class="dsf dsf_specialty_level_6"></span></em></div> <div class="stamina font16"> <span class="dsf dsf_stamina"></span></div> <div class="notes font16"> <span class="dsf dsf_notes"></span></div> <div class="determination font16"> <span class="dsf dsf_determination"></span></div> <div class="qualities font16" style="top:1160px;"> <span class="dsf dsf_quality_1"></span></div> <div class="qualities font16" style="top:1187px;"> <span class="dsf dsf_quality_2"></span></div> <div class="qualities font16" style="top:1214px;"> <span class="dsf dsf_quality_3"></span></div> <div class="qualities font16" style="top:1241px;"> <span class="dsf dsf_quality_4"></span></div> <div class="qualities font16" style="top:1268px;"> <span class="dsf dsf_quality_5"></span></div> <div class="qualities font16" style="top:1295px;"> <span class="dsf dsf_quality_6"></span></div> <div class="qualities font16" style="top:1322px;"> <span class="dsf dsf_quality_7"></span></div> <div class="qualities font16" style="top:1349px;"> <span class="dsf dsf_quality_8"></span></div> <div class="qualities font16" style="top:1376px;"> <span class="dsf dsf_quality_9"></span></div> <div class="challenges font16" style="top:1160px;"> <span class="dsf dsf_challenge_1"></span></div> <div class="challenges font16" style="top:1187px;"> <span class="dsf dsf_challenge_2"></span></div> <div class="challenges font16" style="top:1214px;"> <span class="dsf dsf_challenge_3"></span></div> <div class="challenges font16" style="top:1241px;"> <span class="dsf dsf_challenge_4"></span></div> <div class="challenges font16" style="top:1268px;"> <span class="dsf dsf_challenge_5"></span></div> <div class="challenges font16" style="top:1295px;"> <span class="dsf dsf_challenge_6"></span></div> <div class="challenges font16" style="top:1322px;"> <span class="dsf dsf_challenge_7"></span></div> <div class="challenges font16" style="top:1349px;"> <span class="dsf dsf_challenge_8"></span></div> <div class="challenges font16" style="top:1376px;"> <span class="dsf dsf_challenge_9"></span></div> <div class="authorspot font10"> Sheet designer <span class="dsf dsf_dst_author"></span></div> </div>

CSS .ds_tinkeron_icons1 .main { position:relative; top:0; left:0; width:730px; height:1483px; margin:0; } .ds_tinkeron_icons1 .font19 { font-size:19px; font-family:Arial, Helvetica, sans-serif; } .ds_tinkeron_icons1 .font16 { font-size:16px; font-family:Arial, Helvetica, sans-serif; } .ds_tinkeron_icons1 .font13 { font-size:13px; font-family:Arial, Helvetica, sans-serif; } .ds_tinkeron_icons1 .font10 { font-size:10px; font-family:Arial, Helvetica, sans-serif; } .ds_tinkeron_icons1 .icons_ibackgroundimage { position:absolute; left:0px; top:3px; z-index:0; } .ds_tinkeron_icons1 .info { position:absolute; left:234px; width:450px; height:18px; } .ds_tinkeron_icons1 .abilities { position:absolute; left:179px; width:186px; height:22px; } .ds_tinkeron_icons1 .charavatar { position:absolute; left:427px; top:123px; width:274px; height: 200px; } .ds_tinkeron_icons1 .charheight { position:absolute; left:73px; top:337px; width:91px; height:16px; } .ds_tinkeron_icons1 .charweight { position:absolute; left:236px; top:337px; width:117px; height:16px; } .ds_tinkeron_icons1 .first_appearance { position:absolute; left:160px; top:355px; width:196px; height:16px; } .ds_tinkeron_icons1 .charbio { position:absolute; left:415px; top:409px; width:299px; height:260px; } .ds_tinkeron_icons1 .powers { position:absolute; left:18px; width:275px; height:22px; } .ds_tinkeron_icons1 .powers_level { position:absolute; left:305px; width:60px; height:22px; } .ds_tinkeron_icons1 .specialties { position:absolute; left:18px; width:275px; height:22px; } .ds_tinkeron_icons1 .specialties_level { position:absolute; left:305px; width:60px; height:22px; } .ds_tinkeron_icons1 .stamina { position:absolute; left:414px; top:724px; width:302px; height:120px; } .ds_tinkeron_icons1 .notes { position:absolute; left:12px; top:889px; width:275px; height:510px; } .ds_tinkeron_icons1 .determination { position:absolute; left:326px; top:906px; width:390px; height:170px; } .ds_tinkeron_icons1 .qualities { position:absolute; left:330px; width:183px; height:22px; } .ds_tinkeron_icons1 .challenges { position:absolute; left:533px; width:183px; height:22px; } .ds_tinkeron_icons1 .authorspot { position:absolute; left:13px; top:1426px; width:217px; height:16px; }

JavaScript

Submit Notes

Back