Uncanny Gold

DST Source Code

HTML Template <div class="overall"> <div class="namebox"><span class="readonly dsf dsf_name"></span></div> <div class="mainstatcontainer"> <div class="basicbox"> <div class="basicbox label">Author</div> <div class="basicbox stat"><span class="dsf dsf_player"></span></div> </div> <div class="basicboxspacer"></div> <div class="basicbox"> <div class="basicbox label even">Prowess</div> <div class="basicbox stat even"><span class="dsf dsf_prowess"></span></div> </div> <div class="basicbox"> <div class="basicbox label">Coordination</div> <div class="basicbox stat"><span class="dsf dsf_coordination"></span></div> </div> <div class="basicbox"> <div class="basicbox label even">Strength</div> <div class="basicbox stat even"><span class="dsf dsf_strength"></span></div> </div> <div class="basicbox"> <div class="basicbox label">Intellect</div> <div class="basicbox stat"><span class="dsf dsf_intellect"></span></div> </div> <div class="basicbox"> <div class="basicbox label even">Awareness</div> <div class="basicbox stat even"><span class="dsf dsf_awareness"></span></div> </div> <div class="basicbox"> <div class="basicbox label">Willpower</div> <div class="basicbox stat"><span class="dsf dsf_willpower"></span></div> </div> <div class="basicboxspacer"></div> <div class="basicbox"> <div class="basicbox label even">Stamina</div> <div class="basicbox stat even"><span class="dsf dsf_Stamina"></span></div> </div> </div> <div class="avatarbox"><span class="readonly dsf dsf_avatar_image"></span></div> <div class="heading">Powers</div> <div class="powersbox"> <div class="powersbox label"><span class="dsf dsf_power_1"></span></div> <div class="powersbox stat"><span class="dsf dsf_power_level_1"></span></div> </div> <div class="powersbox"> <div class="powersbox label even"><span class="dsf dsf_power_2"></span></div> <div class="powersbox stat even"><span class="dsf dsf_power_level_2"></span></div> </div> <div class="powersbox"> <div class="powersbox label"><span class="dsf dsf_power_3"></span></div> <div class="powersbox stat"><span class="dsf dsf_power_level_3"></span></div> </div> <div class="powersbox"> <div class="powersbox label even"><span class="dsf dsf_power_4"></span></div> <div class="powersbox stat even"><span class="dsf dsf_power_level_4"></span></div> </div> <div class="powersbox"> <div class="powersbox label"><span class="dsf dsf_power_5"></span></div> <div class="powersbox stat"><span class="dsf dsf_power_level_5"></span></div> </div> <div class="powersbox"> <div class="powersbox label even"><span class="dsf dsf_power_6"></span></div> <div class="powersbox stat even"><span class="dsf dsf_power_level_6"></span></div> </div> <div class="powersbox"> <div class="powersbox label"><span class="dsf dsf_power_7"></span></div> <div class="powersbox stat"><span class="dsf dsf_power_level_7"></span></div> </div> <div class="powersbox"> <div class="powersbox label even"><span class="dsf dsf_power_8"></span></div> <div class="powersbox stat even"><span class="dsf dsf_power_level_8"></span></div> </div> <div class="powersbox"> <div class="powersbox label"><span class="dsf dsf_power_9"></span></div> <div class="powersbox stat"><span class="dsf dsf_power_level_9"></span></div> </div> <div class="powersbox"> <div class="powersbox label even"><span class="dsf dsf_power_10"></span></div> <div class="powersbox stat even"><span class="dsf dsf_power_level_10"></span></div> </div> <div class="powersbox"> <div class="powersbox label"><span class="dsf dsf_power_11"></span></div> <div class="powersbox stat"><span class="dsf dsf_power_level_11"></span></div> </div> <div class="powersbox"> <div class="powersbox label even"><span class="dsf dsf_power_12"></span></div> <div class="powersbox stat even"><span class="dsf dsf_power_level_12"></span></div> </div> <div class="powersbox"> <div class="powersbox label"><span class="dsf dsf_power_13"></span></div> <div class="powersbox stat"><span class="dsf dsf_power_level_13"></span></div> </div> <div class="powersbox"> <div class="powersbox label even"><span class="dsf dsf_power_14"></span></div> <div class="powersbox stat even"><span class="dsf dsf_power_level_14"></span></div> </div> <div class="powersbox"> <div class="powersbox label"><span class="dsf dsf_power_15"></span></div> <div class="powersbox stat"><span class="dsf dsf_power_level_15"></span></div> </div> <div class="powersbox"> <div class="powersbox label even"><span class="dsf dsf_power_16"></span></div> <div class="powersbox stat even"><span class="dsf dsf_power_level_16"></span></div> </div> <div class="heading">Specialties</div> <div class="halfboxcontainer"> <div class="halfbox"> <div class="halfbox label"><span class="dsf dsf_specialty_1"></span></div> <div class="halfbox stat"><span class="dsf dsf_specialty_level_1"></span></div> </div> <div class="halfbox"> <div class="halfbox label even"><span class="dsf dsf_specialty_2"></span></div> <div class="halfbox stat even"><span class="dsf dsf_specialty_level_2"></span></div> </div> <div class="halfbox"> <div class="halfbox label"><span class="dsf dsf_specialty_3"></span></div> <div class="halfbox stat"><span class="dsf dsf_specialty_level_3"></span></div> </div> <div class="halfbox"> <div class="halfbox label even"><span class="dsf dsf_specialty_4"></span></div> <div class="halfbox stat even"><span class="dsf dsf_specialty_level_4"></span></div> </div> <div class="halfbox"> <div class="halfbox label"><span class="dsf dsf_specialty_5"></span></div> <div class="halfbox stat"><span class="dsf dsf_specialty_level_5"></span></div> </div> <div class="halfbox"> <div class="halfbox label even"><span class="dsf dsf_specialty_6"></span></div> <div class="halfbox stat even"><span class="dsf dsf_specialty_level_6"></span></div> </div> <div class="halfbox"> <div class="halfbox label"><span class="dsf dsf_specialty_7"></span></div> <div class="halfbox stat"><span class="dsf dsf_specialty_level_7"></span></div> </div> <div class="halfbox"> <div class="halfbox label even"><span class="dsf dsf_specialty_8"></span></div> <div class="halfbox stat even"><span class="dsf dsf_specialty_level_8"></span></div> </div> </div> <div class="halfboxcontainer"> <div class="halfbox"> <div class="halfbox label"><span class="dsf dsf_specialty_9"></span></div> <div class="halfbox stat"><span class="dsf dsf_specialty_level_9"></span></div> </div> <div class="halfbox"> <div class="halfbox label even"><span class="dsf dsf_specialty_10"></span></div> <div class="halfbox stat even"><span class="dsf dsf_specialty_level_10"></span></div> </div> <div class="halfbox"> <div class="halfbox label"><span class="dsf dsf_specialty_11"></span></div> <div class="halfbox stat"><span class="dsf dsf_specialty_level_11"></span></div> </div> <div class="halfbox"> <div class="halfbox label even"><span class="dsf dsf_specialty_12"></span></div> <div class="halfbox stat even"><span class="dsf dsf_specialty_level_12"></span></div> </div> <div class="halfbox"> <div class="halfbox label"><span class="dsf dsf_specialty_13"></span></div> <div class="halfbox stat"><span class="dsf dsf_specialty_level_13"></span></div> </div> <div class="halfbox"> <div class="halfbox label even"><span class="dsf dsf_specialty_14"></span></div> <div class="halfbox stat even"><span class="dsf dsf_specialty_level_14"></span></div> </div> <div class="halfbox"> <div class="halfbox label"><span class="dsf dsf_specialty_15"></span></div> <div class="halfbox stat"><span class="dsf dsf_specialty_level_15"></span></div> </div> <div class="halfbox"> <div class="halfbox label even"><span class="dsf dsf_specialty_16"></span></div> <div class="halfbox stat even"><span class="dsf dsf_specialty_level_16"></span></div> </div> </div> <div class="heading">Qualities & Challenges (Aspects)</div> <div class="halfboxcontainer"> <div class="halfbox wide"><span class="dsf dsf_quality_1"></span></div> <div class="halfbox wide even"><span class="dsf dsf_quality_2"></span></div> <div class="halfbox wide"><span class="dsf dsf_quality_3"></span></div> <div class="halfbox wide even"><span class="dsf dsf_quality_4"></span></div> <div class="halfbox wide"><span class="dsf dsf_quality_5"></span></div> <div class="halfbox wide even"><span class="dsf dsf_quality_6"></span></div> </div> <div class="halfboxcontainer"> <div class="halfbox wide"><span class="dsf dsf_challenge_1"></span></div> <div class="halfbox wide even"><span class="dsf dsf_challenge_2"></span></div> <div class="halfbox wide"><span class="dsf dsf_challenge_3"></span></div> <div class="halfbox wide even"><span class="dsf dsf_challenge_4"></span></div> <div class="halfbox wide"><span class="dsf dsf_challenge_5"></span></div> <div class="halfbox wide even"><span class="dsf dsf_challenge_6"></span></div> </div> <div class="heading">Miscellaneous</div> <div class="miscbox"> <div class="miscbox label">Campaign</div> <div class="miscbox stat"><span class="readonly dsf dsf_campaign"></span></div> </div> <div class="miscbox"> <div class="miscbox label even">Points Used/Spent</div> <div class="miscbox stat even"><span class="dsf dsf_points_used"></span></div> </div> <div class="miscbox"> <div class="miscbox label">Starting Determination</div> <div class="miscbox stat"><span class="dsf dsf_determination"></span></div> </div> <div class="miscbox"> <div class="miscbox label even">Height</div> <div class="miscbox stat even"><span class="dsf dsf_height"></span></div> </div> <div class="miscbox"> <div class="miscbox label">Weight</div> <div class="miscbox stat"><span class="dsf dsf_weight"></span></div> </div> <div class="miscbox"> <div class="miscbox label even">First Appearance</div> <div class="miscbox stat even"><span class="dsf dsf_first_appearance"></span></div> </div> <div class="heading even">Notes</div> <div class="bigbox"><span class="dsf dsf_notes"></span></div> <div class="heading even">Bio</div> <div class="bigbox"><span class="readonly dsf dsf_bio"></span></div> <div style="position:relative; display:inline-block; font-size:xx-small;"><span>DST Author:</span> <span class="dsf dsf_dst_author"></span></div> </div>

CSS #content .edit-game-character {color:black;} .ds_uncannyg .overall {position:relative; overflow:auto; padding:0px; margin:0px; border:2px solid black; border-radius:6px; font-family:'Comic Sans', 'Comic Sans MS', sans-serif; padding:2px;} .ds_uncannyg .namebox {position:relative; display:inline-block; width:700px; border:2px solid black; border-radius:6px; margin:2px; padding:2px; text-align:center; background-color:white;} #campaign-content a.dst_character_name_link {color:black; font-size:xx-large; ont-family:'Comic Sans', 'Comic Sans MS', sans-serif; text-decoration:none; } #campaign-content a.dst_campaign_link {color:black; font-size:large; ont-family:'Comic Sans', 'Comic Sans MS', sans-serif; text-decoration:none; } #campaign-content a.dst_player_link {color:black; font-size:large; ont-family:'Comic Sans', 'Comic Sans MS', sans-serif; text-decoration:none; } #campaign-content a.dst_character_name_link:hover {color:darkorange;} #campaign-content a.dst_campaign_link:hover {color:darkorange;} #campaign-content a.dst_player_link:hover {color:darkorange;} .ds_uncannyg .mainstatcontainer {position:relative; display:inline-block; width:440px; vertical-align:top; } .ds_uncannyg .avatarbox {position:relative; display:inline-block; width:256px; height:256px; margin:2px; background-color:white; border:1px solid black; vertical-align:top;} .ds_uncannyg .basicbox {position:relative; display:inline-block; width:440px; min-height:32px;} .ds_uncannyg .basicbox.label {position:absolute; top:0px; left:0px; width:218px; background-color:lightgray; padding-left:5px; font-size:large;} .ds_uncannyg .basicbox.stat {position:absolute; top:0px; left:218px; width:218px; text-align:center; font-size:large; background-color:lightgray;} .ds_uncannyg .basicbox.label.even {background-color:white;} .ds_uncannyg .basicbox.stat.even {background-color:white;} .ds_uncannyg .basicboxspacer {position:relative; width:440px; height:3px; display:inline-block;} .ds_uncannyg .heading {position:relative; display:inline-block; width:700px; border:2px solid black; border-radius:6px; margin:2px; padding:2px; text-align:center; background-color:white; color:black; font-size:x-large; font-weight:bold;} .ds_uncannyg .heading.even {background-color:lightgray;} .ds_uncannyg .powersbox {position:relative; display:inline-block; width:700px; min-height:32px;} .ds_uncannyg .powersbox.label {position:absolute; top:0px; left:0px; width:446px; background-color:lightgray; padding-left:5px; font-size:large;} .ds_uncannyg .powersbox.stat {position:absolute; top:0px; left:446px; width:254px; text-align:center; font-size:large; background-color:lightgray;} .ds_uncannyg .powersbox.label.even {background-color:white;} .ds_uncannyg .powersbox.stat.even {background-color:white;} .ds_uncannyg .halfboxcontainer {position:relative; display:inline-block; width:350px; vertical-align:top;} .ds_uncannyg .halfbox {position:relative; display:inline-block; width:350px; min-height:32px;} .ds_uncannyg .halfbox.label {position:absolute; top:0px; left:0px; width:174px; background-color:lightgray; padding-left:5px; font-size:large;} .ds_uncannyg .halfbox.stat {position:absolute; top:0px; left:174px; width:174px; text-align:center; font-size:large; background-color:lightgray;} .ds_uncannyg .halfbox.label.even {background-color:white;} .ds_uncannyg .halfbox.stat.even {background-color:white;} .ds_uncannyg .halfbox.wide {position:relative; display:inline-block; width:348px; min-height:32px; background-color:lightgray; font-size:large; padding-left:5px;} .ds_uncannyg .halfbox.wide.even {background-color:white;} .ds_uncannyg .miscbox {position:relative; display:inline-block; width:700px; min-height:32px;} .ds_uncannyg .miscbox.label {position:absolute; top:0px; left:0px; width:220px; background-color:lightgray; padding-left:5px; font-size:large;} .ds_uncannyg .miscbox.stat {position:absolute; top:0px; left:220px; width:480px; text-align:center; font-size:large; background-color:lightgray;} .ds_uncannyg .miscbox.label.even {background-color:white;} .ds_uncannyg .miscbox.stat.even {background-color:white;} .ds_uncannyg .bigbox {position:relative; display:inline-block; width:700px; font-size:medium; color:black; background-color:white; border:2px solid black; border-radius:6px; margin:2px; padding:2px;}

JavaScript

Submit Notes

Back