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

Warlock's SW: EotE

Author: The_Warlock

Slug: sweote

Type: GameCharacter

System: Star Wars: Edge of the Empire

DST Source Code

HTML Template

<div class="ds_sweote"><!-- Version 1.3 - Resolves another spacing issue with FF & IE on Skill Line Wraping -->
	<div id="sweote_sheet">
		<div id="sweote_top1">
			<div class="name"> <span class="dsf dsf_name"></span> </div>
		</div>
		<div id="sweote_top-right">
			<span class="dsf dsf_avatar_image"></span>
		</div>
		<div id="sweote_top2">
			<div id="sweote_top-left">
				<div class="campaign"> <span style="font-weight:bold;">Campaign:</span> <span class="dsf dsf_campaign"></span> </div>
				<div class="earned_xp"> <span style="font-weight:bold;">Earned XP:</span> <span class="dsf dsf_earned_xp"></span> </div>
			</div>
			<div id="sweote_top-center">
				<div class="player"> <span style="font-weight:bold;">Player:</span> <span class="dsf dsf_player"></span> </div>
				<div class="unspent_xp"> <span style="font-weight:bold;">Available XP:</span> <span class="dsf dsf_unspent_xp"></span> </div>
			</div>
		</div>
		<div id="sweote_columns1">
			<div id="sweote_column-1left">
				<div class="race"> <span style="font-weight:bold;">Race:</span> <span class="dsf dsf_race"></span> </div>
				<div class="height"> <span style="font-weight:bold;">Height:</span> <span class="dsf dsf_height"></span> </div>
				<div class="skin"> <span style="font-weight:bold;">Skin:</span> <span class="dsf dsf_skin"></span> </div>
			</div>
			<div id="sweote_column-1center">
				<div class="gender"> <span style="font-weight:bold;">Gender:</span> <span class="dsf dsf_gender"></span> </div>
				<div class="weight"> <span style="font-weight:bold;">Weight:</span> <span class="dsf dsf_weight"></span> </div>
				<div class="hair"> <span style="font-weight:bold;">Hair:</span> <span class="dsf dsf_hair"></span> </div>
			</div>
			<div id="sweote_column-1right">
				<div class="age"> <span style="font-weight:bold;">Age:</span> <span class="dsf dsf_age"></span> </div>
				<div class="build"> <span style="font-weight:bold;">Build:</span> <span class="dsf dsf_build"></span> </div>
				<div class="eyes"> <span style="font-weight:bold;">Eyes:</span> <span class="dsf dsf_eyes"></span> </div>
			</div>
			<div class="notable"> <span style="font-weight:bold;">Notable features:</span> <span class="dsf dsf_notable"></span> </div>
		</div>
		<div id="sweote_columns2">
			<div id="sweote_column-2left">
				<div class="career"> <span style="font-weight:bold;">Career:</span> <span class="dsf dsf_career"></span> </div>
			</div>
			<div id="sweote_column-2right">
				<div class="first_spec"> <span style="font-weight:bold;">1st Specialization:</span> <span class="dsf dsf_first_spec"></span> </div>
			</div>
			<div class="other_specs"> <span style="font-weight:bold;">Other Specializations:</span> <span class="dsf dsf_other_specs"></span> </div>
		</div>
		<div id="sweote_columns3">
			<div id="sweote_column-3left">
				<div class="brawn"> <span style="font-weight:bold;">Brawn:</span> <span class="dsf dsf_brawn"></span> </div>
				<div class="agility"> <span style="font-weight:bold;">Agility:</span> <span class="dsf dsf_agility"></span> </div>
				<div class="melee_def"> <span style="font-weight:bold;">Melee Defense:</span> <span class="dsf dsf_melee_def"></span> </div>
				<div class="ranged_def"> <span style="font-weight:bold;">Ranged Defense:</span> <span class="dsf dsf_ranged_def"></span> </div>
			</div>
			<div id="sweote_column-3center">
				<div class="intellect"> <span style="font-weight:bold;">Intellect:</span> <span class="dsf dsf_intellect"></span> </div>
				<div class="cunning"> <span style="font-weight:bold;">Cunning:</span> <span class="dsf dsf_cunning"></span> </div>
				<div class="soak_wo"> <span style="font-weight:bold;">Soak (w/o armor):</span> <span class="dsf dsf_soak_wo"></span> </div>
				<div class="soak_w"> <span style="font-weight:bold;">Soak (w/ armor):</span> <span class="dsf dsf_soak_w"></span> </div>
			</div>
			<div id="sweote_column-3right">
				<div class="willpower"> <span style="font-weight:bold;">Willpower:</span> <span class="dsf dsf_willpower"></span> </div>
				<div class="presence"> <span style="font-weight:bold;">Presence:</span> <span class="dsf dsf_presence"></span> </div>
				<div class="wound"> <span style="font-weight:bold;">Wound:</span> <span class="dsf dsf_wound"></span> </div>	
				<div class="strain"> <span style="font-weight:bold;">Strain:</span> <span class="dsf dsf_strain"></span> </div>					
			</div>
			<div class="critical_injuries"> <span style="font-weight:bold;">Critical Injuries:</span> <span class="dsf dsf_critical_injuries"></span> </div>
		</div>
		<div id="sweote_columns4">
			<div id="sweote_column-41">
			<div class="sweote_general_skills">
				<div class="header_general_skills"><span style="font-weight:bold;display:inline-block;width:169px;">General Skills:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Career:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Ranks:</span> <span style="font-weight:bold;display:inline-block;width:30px;"><img border="0" src="https://chainsawxiv.github.io/DST/common/images/misc/Die_Ability.png" alt="Ability Die" width="15" height="15"></span> <span style="font-weight:bold;display:inline-block;width:30px;"><img border="0" src="https://chainsawxiv.github.io/DST/common/images/misc/Die_Proficiency.png" alt="Proficiency Die" width="15" height="15"></span> </div>
				<div class="s_astrogation"><span style="font-weight:bold;display:inline-block;width:169px;">Astrogation (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_astrogation checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_astrogation"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_astrogation"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_astrogation"></span> </div>
				<div class="s_athletics"><span style="font-weight:bold;display:inline-block;width:169px;">Athletics (Br):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_athletics checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_athletics"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_athletics"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_athletics"></span> </div>
				<div class="s_charm"><span style="font-weight:bold;display:inline-block;width:169px;">Charm (Pr):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_charm checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_charm"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_charm"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_charm"></span> </div>
				<div class="s_coercion"><span style="font-weight:bold;display:inline-block;width:169px;">Coercion (Will):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_coercion checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_coercion"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_coercion"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_coercion"></span> </div>
				<div class="s_computers"><span style="font-weight:bold;display:inline-block;width:169px;">Computers (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_computers checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_computers"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_computers"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_computers"></span> </div>
				<div class="s_cool"><span style="font-weight:bold;display:inline-block;width:169px;">Cool (Pr):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_cool checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_cool"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_cool"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_cool"></span> </div>
				<div class="s_coordination"><span style="font-weight:bold;display:inline-block;width:169px;">Coordination (Ag):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_coordination checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_coordination"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_coordination"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_coordination"></span> </div>
				<div class="s_deception"><span style="font-weight:bold;display:inline-block;width:169px;">Deception (Cun):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_deception checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_deception"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_deception"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_deception"></span> </div>
				<div class="s_discipline"><span style="font-weight:bold;display:inline-block;width:169px;">Discipline (Will):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_discipline checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_discipline"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_discipline"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_discipline"></span> </div>
				<div class="s_leadership"><span style="font-weight:bold;display:inline-block;width:169px;">Leadership (Pr):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_leadership checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_leadership"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_leadership"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_leadership"></span> </div>
				<div class="s_mechanics"><span style="font-weight:bold;display:inline-block;width:169px;">Mechanics (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_mechanics checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_mechanics"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_mechanics"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_mechanics"></span> </div>
				<div class="s_medicine"><span style="font-weight:bold;display:inline-block;width:169px;">Medicine (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_medicine checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_medicine"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_medicine"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_medicine"></span> </div>
				<div class="s_negotiation"><span style="font-weight:bold;display:inline-block;width:169px;">Negotiation (Pr):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_negotiation checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_negotiation"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_negotiation"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_negotiation"></span> </div>
				<div class="s_perception"><span style="font-weight:bold;display:inline-block;width:169px;">Perception (Cun):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_perception checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_perception"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_perception"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_perception"></span> </div>
				<div class="s_pilot_planetary"><span style="font-weight:bold;display:inline-block;width:169px;">Pilot - Planetary (Ag):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_pilot_planetary checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_pilot_planetary"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_pilot_planetary"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_pilot_planetary"></span> </div>
				<div class="s_pilot_space"><span style="font-weight:bold;display:inline-block;width:169px;">Pilot - Space (Ag):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_pilot_space checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_pilot_space"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_pilot_space"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_pilot_space"></span> </div>
				<div class="s_resilience"><span style="font-weight:bold;display:inline-block;width:169px;">Resilience (Br):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_resilience checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_resilience"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_resilience"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_resilience"></span> </div>
				<div class="s_skulduggery"><span style="font-weight:bold;display:inline-block;width:169px;">Skulduggery (Cun):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_skulduggery checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_skulduggery"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_skulduggery"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_skulduggery"></span> </div>
				<div class="s_stealth"><span style="font-weight:bold;display:inline-block;width:169px;">Stealth (Ag):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_stealth checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_stealth"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_stealth"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_stealth"></span> </div>
				<div class="s_streetwise"><span style="font-weight:bold;display:inline-block;width:169px;">Streetwise (Cun):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_streetwise checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_streetwise"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_streetwise"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_streetwise"></span> </div>
				<div class="s_survival"><span style="font-weight:bold;display:inline-block;width:169px;">Survival (Cun):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_survival checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_survival"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_survival"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_survival"></span> </div>
				<div class="s_vigilance"><span style="font-weight:bold;display:inline-block;width:169px;">Vigilance (Will):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_vigilance checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_vigilance"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_vigilance"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_vigilance"></span> </div>
			</div>
			</div>
			<div id="sweote_column-42">
			<div class="sweote_other_skills">
				<div class="header_combat_skills"><span style="font-weight:bold;display:inline-block;width:169px;">Combat Skills:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Career:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Ranks:</span> <span style="font-weight:bold;display:inline-block;width:30px;"><img border="0" src="https://chainsawxiv.github.io/DST/common/images/misc/Die_Ability.png" alt="Ability Die" width="15" height="15"></span> <span style="font-weight:bold;display:inline-block;width:30px;"><img border="0" src="https://chainsawxiv.github.io/DST/common/images/misc/Die_Proficiency.png" alt="Proficiency Die" width="15" height="15"></span> </div>
				<div class="s_brawl"><span style="font-weight:bold;display:inline-block;width:169px;">Brawl (Br):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_brawl checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_brawl"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_brawl"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_brawl"></span> </div>
				<div class="s_gunnery"><span style="font-weight:bold;display:inline-block;width:169px;">Gunnery (Ag):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_gunnery checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_gunnery"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_gunnery"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_gunnery"></span> </div>
				<div class="s_melee"><span style="font-weight:bold;display:inline-block;width:169px;">Melee (Br):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_melee checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_melee"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_melee"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_melee"></span> </div>
				<div class="s_ranged_light"><span style="font-weight:bold;display:inline-block;width:169px;">Rng - Light (Ag):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_ranged_light checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_ranged_light"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_ranged_light"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_ranged_light"></span> </div>
				<div class="s_ranged_heavy"><span style="font-weight:bold;display:inline-block;width:169px;">Rng - Heavy (Ag):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_ranged_heavy checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_ranged_heavy"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_ranged_heavy"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_ranged_heavy"></span> </div>
				<div class="header_knowledge_skills"><span style="font-weight:bold;display:inline-block;width:169px;">Knowledge Skills:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Career:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Ranks:</span> <span style="font-weight:bold;display:inline-block;width:30px;"><img border="0" src="https://chainsawxiv.github.io/DST/common/images/misc/Die_Ability.png" alt="Ability Die" width="15" height="15"></span> <span style="font-weight:bold;display:inline-block;width:30px;"><img border="0" src="https://chainsawxiv.github.io/DST/common/images/misc/Die_Proficiency.png" alt="Proficiency Die" width="15" height="15"></span> </div>
				<div class="s_core_worlds"><span style="font-weight:bold;display:inline-block;width:169px;">Core Worlds (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_core_worlds checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_core_worlds"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_core_worlds"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_core_worlds"></span> </div>
				<div class="s_education"><span style="font-weight:bold;display:inline-block;width:169px;">Education (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_education checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_education"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_education"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_education"></span> </div>
				<div class="s_lore"><span style="font-weight:bold;display:inline-block;width:169px;">Lore (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_lore checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_lore"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_lore"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_lore"></span> </div>
				<div class="s_outer_rim"><span style="font-weight:bold;display:inline-block;width:169px;">Outer Rim (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_outer_rim checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_outer_rim"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_outer_rim"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_outer_rim"></span> </div>
				<div class="s_underworld"><span style="font-weight:bold;display:inline-block;width:169px;">Underworld (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_underworld checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_underworld"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_underworld"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_underworld"></span> </div>
				<div class="s_xenology"><span style="font-weight:bold;display:inline-block;width:169px;">Xenology (Int):</span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_xenology checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_xenology"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_xenology"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_xenology"></span> </div>
				<div class="header_custom_skills"><span style="font-weight:bold;display:inline-block;width:169px;">Custom Skills:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Career:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Ranks:</span> <span style="font-weight:bold;display:inline-block;width:30px;"><img border="0" src="https://chainsawxiv.github.io/DST/common/images/misc/Die_Ability.png" alt="Ability Die" width="15" height="15"></span> <span style="font-weight:bold;display:inline-block;width:30px;"><img border="0" src="https://chainsawxiv.github.io/DST/common/images/misc/Die_Proficiency.png" alt="Proficiency Die" width="15" height="15"></span> </div>
				<div class="s_custom_skill1"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill1"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill1 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill1"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill1"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill1"></span> </div>
				<div class="s_custom_skill2"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill2"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill2 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill2"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill2"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill2"></span> </div>
				<div class="s_custom_skill3"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill3"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill3 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill3"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill3"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill3"></span> </div>
				<div class="s_custom_skill4"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill4"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill4 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill4"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill4"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill4"></span> </div>
				<div class="s_custom_skill5"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill5"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill5 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill5"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill5"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill5"></span> </div>
				<div class="s_custom_skill6"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill6"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill6 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill6"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill6"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill6"></span> </div>
				<div class="s_custom_skill7"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill7"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill7 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill7"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill7"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill7"></span> </div>
				<div class="s_custom_skill8"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill8"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill8 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill8"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill8"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill8"></span> </div>
				<div class="s_custom_skill9"><span style="font-weight:bold;display:inline-block;width:170px;" class="dsf dsf_name_custom_skill9"></span> <span style="display:inline-block;width:65px;height:25px;text-align:center;" class="dsf dsf_career_custom_skill9 checkbox"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_ranks_custom_skill9"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_ability_custom_skill9"></span> <span style="display:inline-block;width:29px;" class="dsf dsf_proficiency_custom_skill9"></span> </div>
			</div>
			</div>
		</div>
		<div id="sweote_columns5">
			<div id="sweote_column-51">
				<div class="header_weapons"><span style="font-weight:bold;display:inline-block;width:200px;">Weapon:</span> <span style="font-weight:bold;display:inline-block;width:100px;">Skill:</span> <span style="font-weight:bold;display:inline-block;width:70px;">Damage:</span> <span style="font-weight:bold;display:inline-block;width:65px;">Range:</span> <span style="font-weight:bold;display:inline-block;width:40px;">Crit:</span> <span style="font-weight:bold;display:inline-block;width:290px;">Special:</span></div>
				<div class="weapon1"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_weapon1"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_skill_weapon1"></span> <span style="display:inline-block;width:70px;" class="dsf dsf_d_weapon1"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_range_weapon1"></span> <span style="display:inline-block;width:40px;" class="dsf dsf_crit_weapon1"></span> <span style="display:inline-block;width:290px;" class="dsf dsf_specials_weapon1"></span></div>
				<div class="weapon2"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_weapon2"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_skill_weapon2"></span> <span style="display:inline-block;width:70px;" class="dsf dsf_d_weapon2"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_range_weapon2"></span> <span style="display:inline-block;width:40px;" class="dsf dsf_crit_weapon2"></span> <span style="display:inline-block;width:290px;" class="dsf dsf_specials_weapon2"></span></div>
				<div class="weapon3"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_weapon3"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_skill_weapon3"></span> <span style="display:inline-block;width:70px;" class="dsf dsf_d_weapon3"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_range_weapon3"></span> <span style="display:inline-block;width:40px;" class="dsf dsf_crit_weapon3"></span> <span style="display:inline-block;width:290px;" class="dsf dsf_specials_weapon3"></span></div>
				<div class="weapon4"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_weapon4"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_skill_weapon4"></span> <span style="display:inline-block;width:70px;" class="dsf dsf_d_weapon4"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_range_weapon4"></span> <span style="display:inline-block;width:40px;" class="dsf dsf_crit_weapon4"></span> <span style="display:inline-block;width:290px;" class="dsf dsf_specials_weapon4"></span></div>
				<div class="weapon5"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_weapon5"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_skill_weapon5"></span> <span style="display:inline-block;width:70px;" class="dsf dsf_d_weapon5"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_range_weapon5"></span> <span style="display:inline-block;width:40px;" class="dsf dsf_crit_weapon5"></span> <span style="display:inline-block;width:290px;" class="dsf dsf_specials_weapon5"></span></div>
				<div class="weapon6"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_weapon6"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_skill_weapon6"></span> <span style="display:inline-block;width:70px;" class="dsf dsf_d_weapon6"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_range_weapon6"></span> <span style="display:inline-block;width:40px;" class="dsf dsf_crit_weapon6"></span> <span style="display:inline-block;width:290px;" class="dsf dsf_specials_weapon6"></span></div>
				<div class="weapon7"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_weapon7"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_skill_weapon7"></span> <span style="display:inline-block;width:70px;" class="dsf dsf_d_weapon7"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_range_weapon7"></span> <span style="display:inline-block;width:40px;" class="dsf dsf_crit_weapon7"></span> <span style="display:inline-block;width:290px;" class="dsf dsf_specials_weapon7"></span></div>
				<div class="weapon8"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_weapon8"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_skill_weapon8"></span> <span style="display:inline-block;width:70px;" class="dsf dsf_d_weapon8"></span> <span style="display:inline-block;width:65px;" class="dsf dsf_range_weapon8"></span> <span style="display:inline-block;width:40px;" class="dsf dsf_crit_weapon8"></span> <span style="display:inline-block;width:290px;" class="dsf dsf_specials_weapon8"></span></div>
			</div>
		</div>
		<div id="sweote_columns6">
			<div id="sweote_column-61">
				<div class="header_talents"><span style="font-weight:bold;display:inline-block;width:200px;">Talent:</span>	<span style="font-weight:bold;display:inline-block;width:70px;">Page:</span>	<span style="font-weight:bold;display:inline-block;width:70px;">Ranks:</span>	<span style="font-weight:bold;display:inline-block;width:435px;">Description:</span>	</div>
				<div class="talent1"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent1"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent1"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent1"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent1"></span>	</div>
				<div class="talent2"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent2"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent2"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent2"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent2"></span>	</div>
				<div class="talent3"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent3"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent3"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent3"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent3"></span>	</div>
				<div class="talent4"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent4"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent4"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent4"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent4"></span>	</div>
				<div class="talent5"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent5"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent5"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent5"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent5"></span>	</div>
				<div class="talent6"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent6"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent6"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent6"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent6"></span>	</div>
				<div class="talent7"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent7"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent7"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent7"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent7"></span>	</div>
				<div class="talent8"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent8"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent8"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent8"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent8"></span>	</div>
				<div class="talent9"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent9"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent9"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent9"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent9"></span>	</div>
				<div class="talent10"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent10"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent10"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent10"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent10"></span>	</div>
				<div class="talent11"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent11"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent11"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent11"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent11"></span>	</div>
				<div class="talent12"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent12"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent12"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent12"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent12"></span>	</div>
				<div class="talent13"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent13"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent13"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent13"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent13"></span>	</div>
				<div class="talent14"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent14"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent14"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent14"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent14"></span>	</div>
				<div class="talent15"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent15"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent15"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent15"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent15"></span>	</div>
				<div class="talent16"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent16"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent16"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent16"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent16"></span>	</div>
				<div class="talent17"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent17"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent17"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent17"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent17"></span>	</div>
				<div class="talent18"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent18"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent18"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent18"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent18"></span>	</div>
				<div class="talent19"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent19"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent19"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent19"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent19"></span>	</div>
				<div class="talent20"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_talent20"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_pg_talent20"></span>	<span style="display:inline-block;width:70px;" class="dsf dsf_ranks_talent20"></span>	<span style="display:inline-block;width:435px;" class="dsf dsf_description_talent20"></span>	</div>
			</div>
		</div>
		<div id="sweote_columns7">
			<div id="sweote_column-71">
				<div class="header_obligation"><span style="font-weight:bold;display:inline-block;width:200px;">Obligation:</span> <span style="font-weight:bold;display:inline-block;width:100px;">Magnitude:</span> <span style="font-weight:bold;display:inline-block;width:480px;">Description:</span> </div>
				<div class="obligation1"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_obligation1"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_magnitude_obligation1"></span> <span style="display:inline-block;width:480px;" class="dsf dsf_description_obligation1"></span> </div>
				<div class="obligation2"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_obligation2"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_magnitude_obligation2"></span> <span style="display:inline-block;width:480px;" class="dsf dsf_description_obligation2"></span> </div>
				<div class="obligation3"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_obligation3"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_magnitude_obligation3"></span> <span style="display:inline-block;width:480px;" class="dsf dsf_description_obligation3"></span> </div>
				<div class="obligation4"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_obligation4"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_magnitude_obligation4"></span> <span style="display:inline-block;width:480px;" class="dsf dsf_description_obligation4"></span> </div>
				<div class="obligation5"><span style="font-weight:bold;display:inline-block;width:200px;" class="dsf dsf_name_obligation5"></span> <span style="display:inline-block;width:100px;" class="dsf dsf_magnitude_obligation5"></span> <span style="display:inline-block;width:480px;" class="dsf dsf_description_obligation5"></span> </div>
			</div>
		</div>	
		<div id="sweote_gearlist">
			<div id="sweote_gearlist1">
				<div class="gear"> <span style="font-weight:bold;">Gear, Equipment, and Armor:</span> <span class="dsf dsf_gear"></span> </div>
			</div>				
		</div>
		<div id="sweote_biolist">
			<div id="sweote_biolist1">
				<div class="bio"> <span style="font-weight:bold;">Background:</span> <span class="dsf dsf_bio"></span> </div>
			</div>
		</div>
		<div id="sweote_motlist">
			<div id="sweote_motlist1">
				<div class="motivation"> <span style="font-weight:bold;">Motivation:</span> <span class="dsf dsf_motivation"></span> </div>
			</div>
		</div>
		<div id="sweote_notelist">
			<div id="sweote_notelist1">
				<div class="notes"> <span style="font-weight:bold;">Personal Notes:</span> <span class="dsf dsf_notes"></span> </div>			
			</div>
		</div>
		<div id="sweote_botpad">
			<div id="sweote_botpad1">
				<div class="bottompad"> <span></span></div>			
			</div>
		</div>
	</div> 
</div>

CSS

/****************************
* This is the CSS for the DST.
*****************************/
/****************************
* Version 1.2 - Resolves spacing, border line overlap, and multiline text overlaps.
*****************************/

#sweote_sheet {
width:800px;
margin:0px auto;
padding:5px
}

#sweote_top1 {
text-align: center;
font-weight:bold;
margin-left:auto;
margin-right:auto;
height:50px;
width:100%;
border:1px solid #000000;
}

#sweote_top-right {
float:right;
margin-top:5px;
margin-left:10px;
width:20%;
height:240px;
border:1px solid #000000;
}

#sweote_top2 {
text-align: left;
margin-left:auto;
margin-right:auto;
width:100%;
border:1px solid #000000;
}

#sweote_top2 div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_top-left {
margin-top:5px;
width:38%;
border:1px solid #000000;
}

#sweote_top-center {
margin-top:5px;
margin-left:10px;
width:38%;
border:1px solid #000000;
}

#sweote_columns1 {
margin-top:60px;
text-align: left;
margin-left:0;
width:79%;
}

#sweote_columns1 div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_column-1left {
margin-top:5px;
width:32%;
border:1px solid #000000;
}

#sweote_column-1center {
margin-top:5px;
margin-left:10px;
width:31%;
border:1px solid #000000;
}

#sweote_column-1right {
margin-top:5px;
margin-left:10px;
width:31%;
border:1px solid #000000;
}

#sweote_columns2 {
margin-top:150px;
text-align: left;
margin-left:auto;
margin-right:auto;
width:100%;
}

#sweote_columns2 div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_column-2left {
margin-top:5px;
width:48%;
border:1px solid #000000;
}

#sweote_column-2right {
margin-top:5px;
margin-left:10px;
width:49%;
border:1px solid #000000;
}

#sweote_columns3 {
margin-top:100px;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_columns3 div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_column-3left {
margin-top:5px;
width:32%;
border:1px solid #000000;
}

#sweote_column-3center {
margin-top:5px;
margin-left:10px;
width:32%;
border:1px solid #000000;
}

#sweote_column-3right {
margin-top:5px;
margin-left:10px;
width:31%;
border:1px solid #000000;
}

#sweote_columns4 {
margin-top:175px;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_columns4 div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_column-41 {
margin-top:5px;
width:48%;
border:1px solid #999999;
}

#sweote_column-42 {
margin-top:5px;
margin-left:15px;
width:48%;
border:1px solid #999999;
}

#sweote_columns5 {
margin-top:550px;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_columns5 div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_column-51 {
margin-top:5px;
width:99%;
border:1px solid #000000;
}

#sweote_columns6 {
margin-top:225px;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_columns6 div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_column-61 {
margin-top:5px;
width:99%;
border:1px solid #000000;
}

#sweote_columns7 {
margin-top:520px;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_columns7 div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_column-71 {
margin-top:5px;
margin-bottom:5px;
width:99%;
border:1px solid #000000;
}

#sweote_gearlist {
margin-top: 2115px;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_gearlist div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_gearlist1 {
margin-top:5px;
margin-bottom:5px;
width:99%;
border:1px solid #000000;
}

#sweote_biolist {
margin-top: 2725px;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_biolist div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_biolist1 {
margin-top:5px;
margin-bottom:5px;
width:99%;
border:1px solid #000000;
}

#sweote_motlist {
margin-top: 3325px;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_motlist div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_motlist1 {
margin-top:5px;
margin-bottom:5px;
width:99%;
border:1px solid #000000;
}

#sweote_notelist {
margin-top: 3725px;
margin-bottom: auto;
text-align: left;
margin-left:0;
width:100%;
}

#sweote_notelist div {
float:left;
padding:1px;
border:1px solid #999999;
}

#sweote_notelist1 {
margin-top:5px;
margin-bottom:5px;
width:99%;
border:1px solid #000000;
}

#sweote_botpad {
margin-top: 4450px;
width:0%;
}

#sweote_botpad div {
padding:0px;
border:0px;
}

#sweote_botpad1 {
margin-top:0px;
margin-bottom:0px;
width:0%;
border:0px;
}


/****************************
* TOP - Character Name
*****************************/

.ds_sweote .name {
font-size:175%;
height:50px;
}

/****************************
* TOP2 - Player & XP
*****************************/

.ds_sweote .campaign {
width:98%;
height:50px;
}

.ds_sweote .player {
width:98%;
height:50px;
}

.ds_sweote .earned_xp {
width:98%;
height:25px;
}

.ds_sweote .unspent_xp {
width:98%;
height:25px;
}

/****************************
* Columns1 - Description
*****************************/

.ds_sweote .notable {
margin-top: 2px;
height:60px;
width:98%;
border:1px solid #000000;
}

.ds_sweote  .race {
width:98%;
height:25px;
}

.ds_sweote  .height {
width:98%;
height:25px;
}

.ds_sweote  .skin {
width:98%;
height:25px;
}

.ds_sweote  .gender {
width:98%;
height:25px;
}

.ds_sweote  .weight {
width:98%;
height:25px;
}

.ds_sweote  .hair {
width:98%;
height:25px;
}

.ds_sweote  .age {
width:98%;
height:25px;
}

.ds_sweote  .build {
width:98%;
height:25px;
}

.ds_sweote  .eyes {
width:98%;
height:25px;
}

/****************************
* Columns2 - Career & Specs
*****************************/

.ds_sweote  .career {
width:98%;
height:25px;
}

.ds_sweote  .first_spec {
width:98%;
height:25px;
}

.ds_sweote  .other_specs {
margin-top: 2px;
height:60px;
width:99%;
border:1px solid #000000;
}

/****************************
* Columns3 - Characteristics
*****************************/

.ds_sweote  .brawn {
width:98%;
height:25px;
}

.ds_sweote  .agility {
width:98%;
height:25px;
}

.ds_sweote  .melee_def {
width:98%;
height:25px;
}

.ds_sweote  .ranged_def {
width:98%;
height:25px;
}

.ds_sweote  .intellect {
width:98%;
height:25px;
}

.ds_sweote  .cunning {
width:98%;
height:25px;
}

.ds_sweote  .soak_wo {
width:98%;
height:25px;
}

.ds_sweote  .soak_w {
width:98%;
height:25px;
}

.ds_sweote  .willpower {
width:98%;
height:25px;
}

.ds_sweote  .presence {
width:98%;
height:25px;
}

.ds_sweote  .wound {
width:98%;
height:25px;
}

.ds_sweote  .strain {
width:98%;
height:25px;
}

.ds_sweote  .critical_injuries {
margin-top: 2px;
height:60px;
width:99%;
border:1px solid #000000;
}

/****************************
* Columns4 - Skills
*****************************/

.ds_sweote  .sweote_general_skills {
width:99%;
border:1px solid #999999;
}

.ds_sweote  .header_general_skills {
background-color:#d3d3d3;
}

.ds_sweote  .header_combat_skills {
background-color:#d3d3d3;
}

.ds_sweote  .header_knowledge_skills {
background-color:#d3d3d3;
}

.ds_sweote  .header_custom_skills {
background-color:#d3d3d3;
}

.ds_sweote  .sweote_other_skills {
width:99%;
border:1px solid #999999;
}



/****************************
* Columns5 - Weapons & Attacks
*****************************/

.ds_sweote  .header_weapons {
background-color:#d3d3d3;
}

/****************************
* Columns6 - Talents
*****************************/

.ds_sweote  .header_talents {
background-color:#d3d3d3;
}

/****************************
* Columns7 - Obligation
*****************************/

.ds_sweote  .header_obligation {
background-color:#d3d3d3;
}

/****************************
* Gearlist - Gear, Armor, etc
*****************************/

/***
.ds_sweote  .header_gear {
width:99%;
padding:1px;
}
***/

.ds_sweote  .gear {
margin-top: 2px;
height:640px;
width:99%;
padding:1px;
border:1px solid #000000;
}

/****************************
* Bio - Background, Biography, Etc
*****************************/

.ds_sweote  .bio {
margin-top: 2px;
height:640px;
width:99%;
padding:1px;
margin-left:auto;
margin-right:auto;
border:1px solid #000000;
}

.ds_sweote  .motivation {
margin-top: 2px;
height:320px;
width:99%;
padding:1px;
margin-left:auto;
margin-right:auto;
border:1px solid #000000;
}

.ds_sweote  .notes {
margin-top: 2px;
height:640px;
width:99%;
padding:1px;
margin-left:auto;
margin-right:auto;
border:1px solid #000000;
}

.ds_sweote  .bottompad {
margin-top: 0px;
height:0px;
width:0%;
padding:0px;
border:0px;
}

JavaScript

function sweote_dataPreLoad(options) {
  // Called just before the data is loaded.
  // Use to build out large sections programmatically
  
  aisleten.characters.jeditablePlaceholder="XX";
 }

Back

Warlock's SW: EotE

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account