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

ICONS 1.0

Author: tinkeron

Slug: tinkeron_icons1

System: ICONS

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

Back

ICONS 1.0

Create Your Campaign

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.

ICONS 1.0

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.