Obsidian Portal
Menu
Sign In / Create Account
JavaScript is currently disabled. Obsidian Portal has a lot of really cool features that use JavaScript. You should check them out. We think you'll have a much more enjoyable experience.
Home
Campaigns
Games Nearby
Plans
Community
Help
Resources
Scion (homebrew)
Author:
MorganWilliams
Slug:
scionnew2
System:
Scion: Hero
DST Source Code
HTML Template
<div class="wrapper csx"> <div class="tabs"> <a class="tab fluff tab_fluff" title="Characterization"></a> <a class="tab crunch tab_crunch active" title="Characteristics"></a> </div> <div class="uicontainer"> <div class="formatBar"> <button type="button" class="boldButton" title="Bold (Ctrl+B)"></button> <button type="button" class="italicButton" title="Italic (Ctrl+I)"></button> <button type="button" class="underlineButton" title="Underline (Ctrl+U)"></button> <button type="button" class="indentButton" title="Indent (Ctrl+Tab)"></button> </div> <div class="tipBox"> <div class="corner topLeft"></div> <div class="corner topRight"></div> <div class="corner bottomLeft"></div> <div class="corner bottomRight"></div> <div class="contentBox"> <div class="tipArea edit"></div> </div> </div> </div> <div class="main" style="display:block;"> <div class="pagehead"> <div class="head"> <span class="name readonly dsf dsf_name">Edit Character Name</span> </div> <span class="dsf dsf_pantheon typev" style="text-align:right;">Edit Pantheon</span> • <span class="dsf dsf_background typev" style="text-align:right;">Edit Background</span>• <span class="dsf dsf_experience typev" style="text-align:right;">Current XP</span> <br/> <div class="portraitholder"> <span class="portrait readonly dsf dsf_avatar_image">.</span> </div> </div> <div class="page page_crunch active"> <span class="column halfwidth colspace"> <!-- Attributes --> <div class="section halfwidth"> <div class="head">Physical Attributes</div> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_strength_epic epicstat"></span> Strength<span class="readonly pips pipsRange_10 dsf dsf_strength">1</span> <span class="readonly pips pipsRange_10 dsf dsf_strength_legendary"></span> </div> <div class="row scionstat"> <span class="readonly check dsf dsf_dexterity_epic epicstat"></span> Dexterity<span class="readonly pips pipsRange_10 dsf dsf_dexterity">1</span> <span class="readonly pips pipsRange_10 dsf dsf_dexterity_legendary"></span> </div> <div class="row scionstat"> <span class="readonly check dsf dsf_stamina_epic epicstat"></span> Stamina<span class="readonly pips pipsRange_10 dsf dsf_stamina">1</span> <span class="readonly pips pipsRange_10 dsf dsf_stamina_legendary"></span> </div> </div> </div> <!-- Physical Skills --> <div class="section halfwidth"> <div class="head">Physical Skills</div> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_athletics_epic epicstat"></span> Athletics<span class="readonly pips pipsRange_10 dsf dsf_athletics">0</span><br/><br/> <span class="readonly check dsf dsf_brawl_epic epicstat"></span> Brawl<span class="readonly pips pipsRange_10 dsf dsf_brawl">0</span><br/><br/> <span class="readonly check dsf dsf_control_epic epicstat"></span> Control<span class="readonly pips pipsRange_10 dsf dsf_control">0</span><br/><br/> <span class="readonly check dsf dsf_marksmanship_epic epicstat"></span> Marksmanship<span class="readonly pips pipsRange_10 dsf dsf_marksmanship">0</span><br/><br/> <span class="readonly check dsf dsf_larceny_epic epicstat"></span> Larceny<span class="readonly pips pipsRange_10 dsf dsf_larceny">0</span><br/><br/> <span class="readonly check dsf dsf_stealth_epic epicstat"></span> Stealth<span class="readonly pips pipsRange_10 dsf dsf_stealth">0</span><br/><br/> <span class="readonly check dsf dsf_survival_epic epicstat"></span> Survival<span class="readonly pips pipsRange_10 dsf dsf_survival">0</span><br/><br/> <span class="readonly check dsf dsf_weaponry_epic epicstat"></span> Weaponry<span class="readonly pips pipsRange_10 dsf dsf_weaponry">0</span><br/><br/> </div> </div> </div> <!-- Combat --> <div class="section halfwidth colspace"> <div class="head">Combat</div> <div class="group"> <div class="row">Soak: <span class="dsf dsf_soak right">0B / 0L / 0A</span></div> <div class="row">Armor: <span class="dsf dsf_armor right">0B / 0L / 0A</span></div> <div class="row">Dodge DV: <span class="dsf dsf_dodge right">0</span></div> <div class="row">Parry DV: <span class="dsf dsf_parry right">0</span></div> <div class="row">Initiative: <span class="dsf dsf_join_battle right">0</span></div> <div class="row">Size: <span class="dsf dsf_size right">0</span></div><br/> </div> </div> <!-- Health --> <div class="section halfwidth"> <div class="head">Health</div> <div class="group"> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_0health"></span></div> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_1health"></span></div> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_1health_b"></span></div> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_2health"></span></div> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_2health_b"></span></div> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_4health"></span></div> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_5health"></span></div> </div> </div> </span> <span class="column halfwidth colspace"> <!-- Attributes --> <div class="section halfwidth"> <div class="head">Social Attributes</div> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_presence_epic epicstat"></span> Presence<span class="readonly pips pipsRange_10 dsf dsf_presence">1</span> <span class="readonly pips pipsRange_10 dsf dsf_presence_legendary"></span> </div> <div class="row scionstat"> <span class="readonly check dsf dsf_manipulation_epic epicstat"></span> Manipulation<span class="readonly pips pipsRange_10 dsf dsf_manipulation">1</span> <span class="readonly pips pipsRange_10 dsf dsf_manipulation_legendary"></span> </div> <div class="row scionstat"> <span class="readonly check dsf dsf_composure_epic epicstat"></span> Composure<span class="readonly pips pipsRange_10 dsf dsf_composure">1</span> <span class="readonly pips pipsRange_10 dsf dsf_composure_legendary"></span> </div> </div> </div> <!-- Social Skills --> <div class="section halfwidth"> <div class="head">Social Skills</div> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_animalken_epic epicstat"></span> Animal Ken<span class="readonly pips pipsRange_10 dsf dsf_animalken">0</span><br/><br/> <span class="readonly check dsf dsf_empathy_epic epicstat"></span> Empathy<span class="readonly pips pipsRange_10 dsf dsf_empathy">0</span><br/><br/> <span class="readonly check dsf dsf_etiquette_epic epicstat"></span> Etiquette<span class="readonly pips pipsRange_10 dsf dsf_etiquette">0</span><br/><br/> <span class="readonly check dsf dsf_expression_epic epicstat"></span> Expression<span class="readonly pips pipsRange_10 dsf dsf_expression">0</span><br/><br/> <span class="readonly check dsf dsf_intimidation_epic epicstat"></span> Intimidation<span class="readonly pips pipsRange_10 dsf dsf_intimidation">0</span><br/><br/> <span class="readonly check dsf dsf_intuition_epic epicstat"></span> Intuition<span class="readonly pips pipsRange_10 dsf dsf_intuition">0</span><br/><br/> <span class="readonly check dsf dsf_persuasion_epic epicstat"></span> Persuasion<span class="readonly pips pipsRange_10 dsf dsf_persuasion">0</span><br/><br/> <span class="readonly check dsf dsf_subterfuge_epic epicstat"></span> Subterfuge<span class="readonly pips pipsRange_10 dsf dsf_subterfuge">0</span><br/><br/> </div> </div> </div> <!-- Movement & Hardship --> <div class="section halfwidth colspace"> <div class="head">Movement & Hardship</div> <div class="group"> <div class="row">Speed: <span class="dsf dsf_speed right">0 ft.</span></div> <div class="row">H. Jump: <span class="dsf dsf_hjump right">0 ft.</span></div> <div class="row">V. Jump: <span class="dsf dsf_vjump right">0 ft.</span></div> <div class="row">Thirst: <span class="dsf dsf_thirst right">0 days</span></div> <div class="row">Hunger: <span class="dsf dsf_hunger right">0 days</span></div> <div class="row">Sleep: <span class="dsf dsf_sleep right">0 days</span></div> <div class="row">Oxygen: <span class="dsf dsf_oxygen right">0 min, 0 sec</span></div> </div> </div> <!-- Legend --> <div class="section halfwidth" style="min-height:0px;"> <div class="head">Legend</div> <div class="group"> <div class="row">Legend Score:<span class="readonly pips pipsRange_10 dsf dsf_legend1"></span></div> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_legend2"></span></div><br/> <div class="row">Legend Points: <span class="dsf dsf_legend_points right">0 | 0</span></div> </div> </div> </span> <span class="column halfwidth"> <span class="column halfwidth colspace"> <!-- Attributes --> <div class="section halfwidth"> <div class="head">Mental Attributes</div> <div class="row scionstat"> <span class="readonly check dsf dsf_intelligence_epic epicstat"></span> Intelligence<span class="readonly pips pipsRange_10 dsf dsf_intelligence">1</span> <span class="readonly pips pipsRange_10 dsf dsf_intelligence_legendary"></span> </div> <div class="row scionstat"> <span class="readonly check dsf dsf_wits_epic epicstat"></span> Wits<span class="readonly pips pipsRange_10 dsf dsf_wits">1</span> <span class="readonly pips pipsRange_10 dsf dsf_wits_legendary"></span> </div> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_resolve_epic epicstat"></span> Resolve<span class="readonly pips pipsRange_10 dsf dsf_resolve">1</span> <span class="readonly pips pipsRange_10 dsf dsf_resolve_legendary"></span> </div> </div> </div> <!-- Mental Skills --> <div class="section halfwidth"> <div class="head">Mental Skills</div> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_academics_epic epicstat"></span> Academics<span class="readonly pips pipsRange_10 dsf dsf_academics">0</span><br/><br/> <span class="readonly check dsf dsf_craft_epic epicstat"></span> Craft<span class="readonly pips pipsRange_10 dsf dsf_craft">0</span><br/><br/> <span class="readonly check dsf dsf_investigation_epic epicstat"></span> Investigation<span class="readonly pips pipsRange_10 dsf dsf_investigation">0</span><br/><br/> <span class="readonly check dsf dsf_medcine_epic epicstat"></span> Medicine<span class="readonly pips pipsRange_10 dsf dsf_medicine">0</span><br/><br/> <span class="readonly check dsf dsf_occult_epic epicstat"></span> Occult<span class="readonly pips pipsRange_10 dsf dsf_occult">0</span><br/><br/> <span class="readonly check dsf dsf_politics_epic epicstat"></span> Politics<span class="readonly pips pipsRange_10 dsf dsf_politics">0</span><br/><br/> <span class="readonly check dsf dsf_science_epic epicstat"></span> Science<span class="readonly pips pipsRange_10 dsf dsf_science">0</span><br/><br/> <span class="readonly check dsf dsf_warfare_epic epicstat"></span> Warfare<span class="readonly pips pipsRange_10 dsf dsf_warfare">0</span><br/><br/> </div> </div> </div> <!-- Virtues --> <div class="section halfwidth"> <div class="head">Virtues</div> <div class="group"> <div class="row"><span class="dsf dsf_virtue1 pipsRange_10">Conviction</span><span class="readonly pips pipsRange_10 dsf dsf_virtue1_rating">0</span></div> <div class="row"><span class="dsf dsf_virtue2 pipsRange_10l">Courage</span><span class="readonly pips pipsRange_10 dsf dsf_virtue2_rating">0</span></div> <div class="row"><span class="dsf dsf_virtue3 pipsRange_10">Devotion</span><span class="readonly pips pipsRange_10 dsf dsf_virtue3_rating">0</span></div> <div class="row"><span class="dsf dsf_virtue4 pipsRange_10">Imbas</span><span class="readonly pips pipsRange_10 dsf dsf_virtue4_rating">0</span></div> <div class="row"><span class="dsf dsf_virtue05 pipsRange_10">Justice</span><span class="readonly pips pipsRange_10 dsf dsf_virtue05_rating">0</span></div> <div class="row"><span class="dsf dsf_virtue06 pipsRange_10">Mercy</span><span class="readonly pips pipsRange_10 dsf dsf_virtue06_rating">0</span></div> <div class="row"><span class="dsf dsf_virtue07 pipsRange_10">Prudence</span><span class="readonly pips pipsRange_10 dsf dsf_virtue07_rating">0</span></div> </div> </div> <!-- Willpower --> <div class="section halfwidth" style="min-height:0px;"> <div class="head">Willpower</div> <div class="group"> <div class="row">Max Willpower<span class="readonly pips pipsRange_10 dsf dsf_willpower"></span></div> <div class="row"><span class="readonly pips pipsRange_10 dsf dsf_willpower2"></span></div><br/> <div class="row">Current Willpower: <span class="dsf dsf_current_willpower right">0</span></div> </div> </div> </span> </div> <!-- Boons --> <div class="section attacks"> <div class="head">Boons</div> <div class="section halfwidth"> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_animal_epic epicstat"></span> Animal<span class="readonly pips pipsRange_10 dsf dsf_animal">0</span><br/><br/> <span class="readonly check dsf dsf_chaos_epic epicstat"></span> Chaos<span class="readonly pips pipsRange_10 dsf dsf_chaos">0</span><br/><br/> <span class="readonly check dsf dsf_community_epic epicstat"></span> Community<span class="readonly pips pipsRange_10 dsf dsf_community">0</span><br/><br/> <span class="readonly check dsf dsf_darkness_epic epicstat"></span> Darkness<span class="readonly pips pipsRange_10 dsf dsf_darkness">0</span><br/><br/> <span class="readonly check dsf dsf_death_epic epicstat"></span> Death<span class="readonly pips pipsRange_10 dsf dsf_death">0</span><br/><br/> <span class="readonly check dsf dsf_earth_epic epicstat"></span> Earth<span class="readonly pips pipsRange_10 dsf dsf_earth">0</span><br/><br/> <span class="readonly check dsf dsf_fire_epic epicstat"></span> Fire<span class="readonly pips pipsRange_10 dsf dsf_fire">0</span><br/><br/> <span class="readonly check dsf dsf_frost_epic epicstat"></span> Frost<span class="readonly pips pipsRange_10 dsf dsf_frost">0</span><br/><br/> <span class="readonly check dsf dsf_guardian_epic epicstat"></span> Guardian<span class="readonly pips pipsRange_10 dsf dsf_guardian">0</span><br/><br/> </div> </div> </div> <div class="section halfwidth"> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_health_epic epicstat"></span> Health<span class="readonly pips pipsRange_10 dsf dsf_health">0</span><br/><br/> <span class="readonly check dsf dsf_llusion_epic epicstat"></span> Illusion<span class="readonly pips pipsRange_10 dsf dsf_illusion">0</span><br/><br/> <span class="readonly check dsf dsf_innovation_epic epicstat"></span> Innovation<span class="readonly pips pipsRange_10 dsf dsf_innovation">0</span><br/><br/> <span class="readonly check dsf dsf_justice_epic epicstat"></span> Justice<span class="readonly pips pipsRange_10 dsf dsf_justice">0</span><br/><br/> <span class="readonly check dsf dsf_magic_epic epicstat"></span> Magic<span class="readonly pips pipsRange_10 dsf dsf_magic">0</span><br/><br/> <span class="readonly check dsf dsf_moon_epic epicstat"></span> Moon<span class="readonly pips pipsRange_10 dsf dsf_moon">0</span><br/><br/> <span class="readonly check dsf dsf_Mystery_epic epicstat"></span> Mystery<span class="readonly pips pipsRange_10 dsf dsf_mystery">0</span><br/><br/> <span class="readonly check dsf dsf_plant_epic epicstat"></span> Plant<span class="readonly pips pipsRange_10 dsf dsf_plant">0</span><br/><br/> <span class="readonly check dsf dsf_prophecy_epic epicstat"></span> Prophecy<span class="readonly pips pipsRange_10 dsf dsf_prophecy">0</span><br/><br/> </div> </div> </div> <div class="section halfwidth"> <div class="group"> <div class="row scionstat"> <span class="readonly check dsf dsf_sky_epic epicstat"></span> Sky<span class="readonly pips pipsRange_10 dsf dsf_sky">0</span><br/><br/> <span class="readonly check dsf dsf_sound_epic epicstat"></span> Sound<span class="readonly pips pipsRange_10 dsf dsf_sound">0</span><br/><br/> <span class="readonly check dsf dsf_sun_epic epicstat"></span> Sun<span class="readonly pips pipsRange_10 dsf dsf_sun">0</span><br/><br/> <span class="readonly check dsf dsf_travel_epic epicstat"></span> Travel<span class="readonly pips pipsRange_10 dsf dsf_travel">0</span><br/><br/> <span class="readonly check dsf dsf_war_epic epicstat"></span> War<span class="readonly pips pipsRange_10 dsf dsf_war">0</span><br/><br/> <span class="readonly check dsf dsf_water_epic epicstat"></span> Water<span class="readonly pips pipsRange_10 dsf dsf_water">0</span><br/><br/><br/><br/><br/><br/><br/><br/> </div> </div> </div> </div> <!-- Merits --> <div class="section attacks"> <div class="head">Merits</div> <div class="section halfwidth"> <div class="group"> <div class="row scionstat"> <b>Strength</b><br/> Crushing Grip<span class="readonly pips pipsRange_5 dsf dsf_crushinggrip">0</span><br/> Holy Rampage<span class="readonly pips pipsRange_5 dsf dsf_holyrampage">0</span><br/> Holy Bound<span class="readonly pips pipsRange_5 dsf dsf_cholybound">0</span><br/> Hurl to the Horizon<span class="readonly pips pipsRange_5 dsf dsf_hurl">0</span><br/> Redirected Force<span class="readonly pips pipsRange_5 dsf dsf_redirectedforce">0</span><br/> Uplifting Might<span class="readonly pips pipsRange_5 dsf dsf_upliftingmight">0</span><br/><br/> <b>Dexterity</b><br/> Divine Balance<span class="readonly pips pipsRange_5 dsf dsf_divinebalance">0</span><br/> Lightning Sprinter<span class="readonly pips pipsRange_5 dsf dsf_lightningsprinter">0</span><br/> Omnidexterity<span class="readonly pips pipsRange_5 dsf dsf_omnidexterity">0</span><br/> Perfect Precision<span class="readonly pips pipsRange_5 dsf dsf_perfectprecision">0</span><br/><br/><br/><br/><br/><br/> <b>Stamina</b><br/> Body Armor<span class="readonly pips pipsRange_5 dsf dsf_bodyarmor">0</span><br/> Holy Fortitude<span class="readonly pips pipsRange_5 dsf dsf_holyfortitude">0</span><br/> Iron Stomach<span class="readonly pips pipsRange_5 dsf dsf_ironstomach">0</span><br/> Fae-Blooded<span class="readonly pips pipsRange_5 dsf dsf_faeblood">0</span><br/> Giant-Blooded<span class="readonly pips pipsRange_6 dsf dsf_giantblood">0</span><br/> Longevity<span class="readonly pips pipsRange_5 dsf dsf_longevity">0</span><br/> Self-Healing<span class="readonly pips pipsRange_5 dsf dsf_selfhealing">0</span><br/> Whale's Breath<span class="readonly pips pipsRange_5 dsf dsf_whalebreath">0</span><br/><br/> </div> </div> </div> <div class="section halfwidth"> <div class="group"> <div class="row scionstat"> <b>Presence</b><br/> Compelling Presence<span class="readonly pips pipsRange_5 dsf dsf_compellingpresence">0</span><br/> Horrifying Presence<span class="readonly pips pipsRange_5 dsf dsf_horrifyingpresence">0</span><br/> Lasting Impression<span class="readonly pips pipsRange_2 dsf dsf_lastingimpression">0</span><br/> Physical Perfection<span class="readonly pips pipsRange_2 dsf dsf_physicalperfection">0</span><br/> Unusual Alteration<span class="readonly pips pipsRange_5 dsf dsf_unusualalteration">0</span><br/> Visage Great & Terrible<span class="readonly pips pipsRange_3 dsf dsf_visage">0</span><br/><br/> <b>Manipulation</b><br/> God's Honest<span class="readonly pips pipsRange_1 dsf dsf_godshonest">0</span><br/> Mesmerism<span class="readonly pips pipsRange_5 dsf dsf_mesmerism">0</span><br/> Not the Face<span class="readonly pips pipsRange_1 dsf dsf_nottheface">0</span><br/> Overt Order<span class="readonly pips pipsRange_5 dsf dsf_overtorder">0</span><br/> Second-Hand Persuasion<span class="readonly pips pipsRange_1 dsf dsf_secondhand">0</span><br/> Takes One to Know One<span class="readonly pips pipsRange_5 dsf dsf_takesone">0</span><br/> Wide-Spread Appeal<span class="readonly pips pipsRange_5 dsf dsf_widespread">0</span><br/> Wealth<span class="readonly pips pipsRange_10 dsf dsf_wealth">0</span><br/><br/> <b>Composure</b><br/> Best Buddies<span class="readonly pips pipsRange_3 dsf dsf_bestbuddies">0</span><br/> Beyond Cool<span class="readonly pips pipsRange_5 dsf dsf_beyondcool">0</span><br/> Charmer<span class="readonly pips pipsRange_5 dsf dsf_charmer">0</span><br/> Credible Source<span class="readonly pips pipsRange_5 dsf dsf_crediblesource">0</span><br/> Inspirational Figure<span class="readonly pips pipsRange_5 dsf dsf_inspirationalfigure">0</span><br/> Puckish Grin<span class="readonly pips pipsRange_3 dsf dsf_puckishgrin">0</span><br/><br/><br/><br/> </div> </div> </div> <div class="section halfwidth"> <div class="group"> <div class="row scionstat"> <b>Intelligence</b><br/> Academic Ace<span class="readonly pips pipsRange_5 dsf dsf_academicace">0</span><br/> Know-It-All<span class="readonly pips pipsRange_5 dsf dsf_knowitall">0</span><br/> Fight With Your Head<span class="readonly pips pipsRange_4 dsf dsf_headfight">0</span><br/> Language Mastery<span class="readonly pips pipsRange_5 dsf dsf_languagemastery">0</span><br/> Telepathy<span class="readonly pips pipsRange_5 dsf dsf_telepathy">0</span><br/><br/><br/> <b>Wits</b><br/> Clairvoyance<span class="readonly pips pipsRange_1 dsf dsf_clairvoyance">0</span><br/> Hyperacousis<span class="readonly pips pipsRange_5 dsf dsf_hyperacousis">0</span><br/> Hyperosmia<span class="readonly pips pipsRange_5 dsf dsf_hyperosmia">0</span><br/> Supertaster<span class="readonly pips pipsRange_5 dsf dsf_supertaster">0</span><br/> Ultra Vision<span class="readonly pips pipsRange_5 dsf dsf_ultravision">0</span><br/><br/><br/><br/><br/> <b>Resolve</b><br/> Adaptive Fighting<span class="readonly pips pipsRange_5 dsf dsf_adapt">0</span><br/> Champion Charioteer<span class="readonly pips pipsRange_5 dsf dsf_champion">0</span><br/> Divine Push<span class="readonly pips pipsRange_5 dsf dsf_divinepush">0</span><br/> Extra Effort<span class="readonly pips pipsRange_5 dsf dsf_extraeffort">0</span><br/> Talent Mirror<span class="readonly pips pipsRange_5 dsf dsf_talentmirror">0</span><br/><br/><br/><br/><br/> </div> </div> </div> </div> <!-- Birthrights --> <div class="section attacks"> <div class="head">Birthrights <span class="interface trash"></span> <span class="interface add addto_birthrights" title="Add Birthright"></span> </div> <ul class="group list list_birthrights"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf dslf_name pips5label">Birthright</span> <span class="pips pipsRange_10 dslf readonly dslf_rating">1</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[]</span> <span class="dsf dsf_birthrights readonly hidden"></span> </ul> </div> <!-- Attacks --> <div class="section attacks"> <div class="head">Attacks <span class="interface trash"></span> <span class="interface add addto_attacks" title="Add Attack"></span> </div> <div class="labelrow"> <span class="weapon">Attack</span> <span class="accuracy">Acc</span> <span class="damage">Damage</span> <span class="range">Range</span> </div> <ul class="group list list_attacks"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf typea dslf_name weapon">Attack Name</span> <span class="edit dslf typed dslf_accuracy accuracy">+0</span> <span class="edit dslf typed dslf_damage damage">0L</span> <span class="edit dslf typed dslf_range range">Melee</span> </li> <span class="oldfields hidden">[{"name":"attack_weapon","accuracy":"attack_accuracy","damage":"attack_damage","range":"attack_range"}]</span> <span class="dsf dsf_attacks readonly hidden"></span> </ul> </div> <div class="page page_fluff active"> <!-- Biography --> <div class="section"> <div class="head">Biography</div> <div class="group"> <span class="dsf dsf_bio fullwidth readonly">Edit Biography below...</span> </div> </div> <!-- Appearance --> <div class="section"> <div class="head">Appearance</div> <div class="group"> <span class="dsf dsf_desc fullwidth">Character appearance...</span> </div> </div> </div> <div class="page_foot"> <div class="head"></div> <span class="readonly dsf dsf_campaign">Campaign Name</span> • Character By <span class="align_right dsf dsf_player readonly">Player</span> • Sheet By <span class="align_left dsf dsf_dst_author readonly">Author</span> </div> </div> </div>
CSS
/* Font Imports */ @import url(https://fonts.googleapis.com/css?family=Cinzel:400,700); @import url(https://fonts.googleapis.com/css?family=EB+Garamond); /* Component Includes */ @import url(https://dl.dropbox.com/s/z54rwhsjyqaellk/csx_exalted_common.css?dl=0); /* Splat Specific: Checks */ div.ds_scionnew2 .check .checkBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/check_border.svg'); } div.ds_scionnew2 .check .checkOff{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/check_off.png'); } div.ds_scionnew2.editable .check .checkOff:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/check_off_hover.png'); } div.ds_scionnew2 .check .checkOn{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/check_on.png'); } div.ds_scionnew2.editable .check .checkOn:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/check_on_hover.png'); } div.ds_scionnew2 .check.epicstat .checkBorder{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/epic_check_border.svg'); } div.ds_scionnew2 .check.epicstat .checkOff{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/pip_off.png'); background-size: 15px; background-position: 7px 7px; } div.ds_scionnew2.editable .check.epicstat .checkOff:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/pip_off_hover.png'); background-size: 15px; background-position: 7px 7px; } div.ds_scionnew2 .check.epicstat .checkOn{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/pip_on.png'); background-size: 15px; background-position: 7px 7px; } div.ds_scionnew2.editable .check.epicstat .checkOn:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/pip_on_hover.png'); background-size: 15px; background-position: 7px 7px; } /* Splat Specific: Pips */ div.ds_scionnew2 .pipBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/pip_border.svg'); } div.ds_scionnew2 .pips .pipOff{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/pip_off.png'); } div.ds_scionnew2.editable .pips .pipOff:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/pip_off_hover.png'); } div.ds_scionnew2 .pips .pipOn{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/pip_on.png'); } div.ds_scionnew2.editable .pips .pipOn:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/pip_on_hover.png'); } /* Splat Specific: Tabs */ div.ds_scionnew2 .tab.crunch{ background: url('https://chainsawxiv.github.io/DST/common/images/crunch.png') no-repeat 50% 50%, url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab01_inactive.png'); background-size: 70% 70%, 100% 100%; } div.ds_scionnew2 .tab.crunch:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/common/images/crunch_hover.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab01_inactive.png'); } div.ds_scionnew2 .tab.crunch.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/crunch.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab01_active.png'); } div.ds_scionnew2 .tab.magic{ background: url('https://chainsawxiv.github.io/DST/common/images/magic.png') no-repeat 50% 50%, url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab02_inactive.png'); background-size: 70% 70%, 100% 100%; } div.ds_scionnew2 .tab.magic:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/common/images/magic_hover.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab02_inactive.png'); } div.ds_scionnew2 .tab.magic.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/magic.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab02_active.png'); } div.ds_scionnew2 .tab.equipment{ background: url('https://chainsawxiv.github.io/DST/common/images/equipment.png') no-repeat 50% 50%, url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab03_inactive.png'); background-size: 70% 70%, 100% 100%; } div.ds_scionnew2 .tab.equipment:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/common/images/equipment_hover.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab03_inactive.png'); } div.ds_scionnew2 .tab.equipment.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/equipment.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab03_active.png'); } div.ds_scionnew2 .tab.fluff{ background: url('https://chainsawxiv.github.io/DST/common/images/fluff.png') no-repeat 50% 50%, url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab04_inactive.png'); background-size: 70% 70%, 100% 100%; } div.ds_scionnew2 .tab.fluff:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/common/images/fluff_hover.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab04_inactive.png'); } div.ds_scionnew2 .tab.fluff.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/fluff.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_scion/images/tab04_active.png'); } /* Splat Specific: Tips */ div.ds_scionnew2 .tipBox .corner.topLeft{ background:url('') top left no-repeat; background-size:15px 15px; } div.ds_scionnew2 .tipBox .corner.topRight{ background:url('') top right no-repeat; background-size:15px 15px; } div.ds_scionnew2 .tipBox .corner.bottomLeft{ background:url('') bottom left no-repeat; background-size:15px 15px; } div.ds_scionnew2 .tipBox .corner.bottomRight{ background:url('') bottom right no-repeat; background-size:15px 15px; } div.ds_scionnew2 .tipBox .contentBox{ background: url('') top left no-repeat; background-size: 730px 730px; background-color:#e4e5d5; border-color:#554220; } div.ds_scionnew2 .tipBox .contentBox .tipArea, div.ds_scionnew2 .tipBox .contentBox .tipArea:hover{ background-color:rgba(255,255,255,0.2); border:1px dotted rgba(0,0,0,0.3); border-radius:4px; font-family:'EB Garamond',Sans Serif; color:#000000; } /* Splat Specific: Editable */ div.ds_scionnew2 .dsf:not(.readonly), div.ds_scionnew2 .edit:not(.readonly), div.ds_scionnew2 .dsf_bio{ font-family:'EB Garamond',Sans Serif; } /* Splat Specific: Sheet */ div.ds_scionnew2 .main{ background-image:url(''); background-position:top left; background-repeat:no-repeat; background-color:#bab5ae; border-style:solid; border-width:1px; border-color:#000000; font-family:'Cinzel', palatino, serif; font-size:14px; line-height:17px; color:#000000; } div.ds_scionnew2 .head{ border-bottom:solid 1px #000000; } div.ds_scionnew2 a{ text-decoration:none; color:#000000; } div.ds_scionnew2 .section a{ text-decoration:underline; } div.ds_scionnew2 .attacks .labelrow span{ border-bottom:1px solid #000000; } div.ds_scionnew2 .dsf.dsf_type{ font-family:'Cinzel', palatino, serif; } div.ds_scionnew2 .edit.abilitylabel{ width:100px; font-family:'Cinzel', palatino, serif; } div.ds_scionnew2 .corner_top_left{ left:-28px; top:-28px; } div.ds_scionnew2 .corner_top_right{ right:-28px; top:-28px; } div.ds_scionnew2 .corner_bottom_left{ left:-28px; bottom:-28px; } div.ds_scionnew2 .corner_bottom_right{ right:-28px; bottom:-28px; } div.ds_scionnew2 .brass_bottom{ bottom:-28px; } .csx .portraitholder .topleft{ top:-19px; left:-19px; } .csx .portraitholder .topright{ top:-19px; right:-19px; } .csx .portraitholder .bottomleft{ bottom:-19px; left:-19px; } .csx .portraitholder .bottomright{ bottom:-19px; right:-19px; } .csx .pips.pipsRange_12 { width: 172px; } div.ds_scionnew2 .epicstat{ float:left; position:relative; top:-5px; height:30px; width:30px; } div.ds_scionnew2 .epicstat .checkMark, div.ds_scionnew2 .epicstat .checkBorder{ height:30px; width:30px; } div.ds_scionnew2 .scionstat{ height:36px; }
Javascript
// Global Options csx_opts = { 'setupCallback': function(item){scionnew2_setup(item);}, 'uiContainer': function(){return document;}, 'defaultFieldValue':'Click to edit', 'imagePath':'https://chainsawxiv.github.io/DST/common/images/', 'preloadFiles':[ 'add.png', 'add_hover.png', 'balance.png', 'balance_hover.png', 'bold_active.png', 'bold_hover.png', 'bullet.png', 'crunch.png', 'crunch_hover.png', 'equipment.png', 'equipment_hover.png', 'fb_back_bottom.png', 'fb_back_main.png', 'fb_back_top.png', 'fluff.png', 'fluff_hover.png', 'grab.png', 'grab_hover.png', 'indent.png', 'indent_active.png', 'indent_hover.png', 'italic.png', 'italic_active.png', 'italic_hover.png', 'magic.png', 'magic_hover.png', 'tip.png', 'tip_hover.png', 'trash.png', 'trash_active.png', 'trash_hover.png', 'underline.png', 'underline_active.png', 'underline_hover.png', 'scion/pip_off.png', 'scion/pip_off_hover.png', 'scion/pip_on.png', 'scion/pip_on_hover.png', 'scion/tab01_active.png', 'scion/tab01_inactive.png', 'scion/tab02_active.png', 'scion/tab02_inactive.png', 'scion/tab03_active.png', 'scion/tab03_inactive.png', 'scion/tab04_active.png', 'scion/tab04_inactive.png', 'scion/check_off.png', 'scion/check_off_hover.png', 'scion/check_on.png', 'scion/check_on_hover.png', ], }; // Master Startup function scionnew2_dataPostLoad(data){ csx_opts.defaultContext = document.getElementById(data.containerId); csx_opts.uiContainer = csx_opts.defaultContext.querySelector('.uicontainer'); csx_opts.isEditable = data.isEditable; // Include the shared script file var includes = document.createElement('script'); includes.type = 'text/javascript'; includes.src = 'https://chainsawxiv.github.io/DST/common/js/csx_exalted_common.js?v=dev002'; includes.onload = function(){ // Fix container properties csx_firstParentWithClass(csx_opts.defaultContext,'dynamic_sheet_container').style.overflow = 'visible'; csx_firstParentWithClass(csx_opts.defaultContext,'main-content-container').style.minWidth = '853px'; // Set up the editing interface csx_opts.setupCallback(); }; document.body.appendChild(includes); // Preload rollover images // Deferred to prevent blocking window.setTimeout(function(){ if (document.images){ for (var i = 0; i < csx_opts.preloadFiles.length; i++){ var img = new Image(); img.src = csx_opts.imagePath + csx_opts.preloadFiles[i]; } } },500); } // Setup After Script Load function scionnew2_setup(context){ // Provide default context if (context == undefined) context = csx_opts.defaultContext; // Do setup for interfaces csx_pips(context); csx_check(context); csx_edit(context); csx_tip(context); csx_list(context); csx_tab(context); } // Shutdown Before Save function scionnew2_dataPreSave(){ // Default the context if not set var context = csx_opts.defaultContext; // Bake everything down to its field values var pips = context.querySelectorAll('.pips'); for (var i = 0; i < pips.length; i++){ if (pips[i].parentNode.className.match(/proto/)) continue; pips[i].unrender(); } var checks = context.querySelectorAll('.check'); for (var i = 0; i < checks.length; i++) checks[i].unrender(); var edits = context.querySelectorAll('.dsf:not(.readonly),.edit'); for (var i = 0; i < edits.length; i++) edits[i].unrender(); var lists = context.querySelectorAll('.list'); for (var i = 0; i < lists.length; i++) lists[i].unrender(); }
Submit Notes
This DST is for a bome-brew Scion campaign. It is modification of Chainsam XVI's original Scion DST with changes to Attributes, Skills, Boons and Knacks to bring the Scion system more into line with the World of Darkness.
Back
