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
Mage Revised
Author:
ChainsawXIV
Slug:
chainsawxiv_mage_revised_wod
Type:
GameCharacter
System:
World of Darkness
DST Source Code
HTML Template
<div class="wrapper csx"> <div class="tabs"> <a class="tab fluff tab_fluff" title="Background"></a> <a class="tab magic tab_magic" title="Loadout"></a> <a class="tab crunch tab_crunch active" title="Traits"></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="border_container"></div> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/border-top.png" class="corner_top_left" /> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/border-bottom.png" class="corner_bottom_left" /> <div class="pagehead"> <div class="head"> <span class="name readonly dsf dsf_name singlerow">Edit Character Name</span> </div> <span class="dsf dsf_type typev singlerow" style="text-align:right;" defaultString="Edit Character Summary">Edit Character Summary</span> • <span class="readonly dsf dsf_campaign">Campaign Name</span> </div> <div class="page page_crunch active"> <span class="column halfwidth colspace"> <!-- Attributes --> <div class="section halfwidth"> <div class="head">ATTRIBUTES</div> <!-- Physical --> <div class="group"> <div class="row">Strength <span class="readonly pips pipsRange_10 dsf dsf_strength"></span> </div> <div class="row">Dexterity <span class="readonly pips pipsRange_10 dsf dsf_dexterity"></span> </div> <div class="row">Stamina <span class="readonly pips pipsRange_10 dsf dsf_stamina"></span> </div> </div> <!-- Social --> <div class="group"> <div class="row">Charisma <span class="readonly pips pipsRange_10 dsf dsf_charisma"></span> </div> <div class="row">Manipulation <span class="readonly pips pipsRange_10 dsf dsf_manipulation"></span> </div> <div class="row">Appearance <span class="readonly pips pipsRange_10 dsf dsf_appearance"></span> </div> </div> <!-- Mental --> <div class="group"> <div class="row">Perception <span class="readonly pips pipsRange_10 dsf dsf_perception"></span> </div> <div class="row">Intelligence <span class="readonly pips pipsRange_10 dsf dsf_intelligence"></span> </div> <div class="row">Wits <span class="readonly pips pipsRange_10 dsf dsf_wits"></span> </div> </div> </div> <!-- Abilities --> <div class="section halfwidth"> <div class="head">ABILITIES</div> <!-- Talents --> <div class="group"> <div class="row">Alertness <span class="readonly pips pipsRange_10 dsf dsf_alertness"></span> </div> <!-- <div class="row">Art <span class="readonly pips pipsRange_10 dsf dsf_art"></span> </div> --> <div class="row">Athletics <span class="readonly pips pipsRange_10 dsf dsf_athletics"></span> </div> <div class="row">Awareness <span class="readonly pips pipsRange_10 dsf dsf_awareness"></span> </div> <div class="row">Brawl <span class="readonly pips pipsRange_10 dsf dsf_brawl"></span> </div> <div class="row">Dodge <span class="readonly pips pipsRange_10 dsf dsf_dodge"></span> </div> <!-- <div class="row">Empathy <span class="readonly pips pipsRange_10 dsf dsf_empathy"></span> </div> --> <div class="row">Expression <span class="readonly pips pipsRange_10 dsf dsf_expression"></span> </div> <div class="row">Intimidation <span class="readonly pips pipsRange_10 dsf dsf_intimidation"></span> </div> <div class="row">Leadership <span class="readonly pips pipsRange_10 dsf dsf_leadership"></span> </div> <div class="row">Streetwise <span class="readonly pips pipsRange_10 dsf dsf_streetwise"></span> </div> <div class="row">Subterfuge <span class="readonly pips pipsRange_10 dsf dsf_subterfuge"></span> </div> </div> <!--Skills --> <div class="group"> <div class="row">Crafts <span class="readonly pips pipsRange_10 dsf dsf_crafts"></span> </div> <div class="row">Drive <span class="readonly pips pipsRange_10 dsf dsf_drive"></span> </div> <div class="row">Etiquette <span class="readonly pips pipsRange_10 dsf dsf_etiquette"></span> </div> <div class="row">Firearms <span class="readonly pips pipsRange_10 dsf dsf_firearms"></span> </div> <div class="row">Meditation <span class="readonly pips pipsRange_10 dsf dsf_meditation"></span> </div> <div class="row">Melee <span class="readonly pips pipsRange_10 dsf dsf_melee"></span> </div> <div class="row">Performance <span class="readonly pips pipsRange_10 dsf dsf_performance"></span> </div> <div class="row">Stealth <span class="readonly pips pipsRange_10 dsf dsf_stealth"></span> </div> <div class="row">Survival <span class="readonly pips pipsRange_10 dsf dsf_survival"></span> </div> <div class="row">Technology <span class="readonly pips pipsRange_10 dsf dsf_technology"></span> </div> </div> <!-- Knowledges --> <div class="group"> <div class="row">Academics <span class="readonly pips pipsRange_10 dsf dsf_academics"></span> </div> <div class="row">Computer <span class="readonly pips pipsRange_10 dsf dsf_computer"></span> </div> <div class="row">Cosmology <span class="readonly pips pipsRange_10 dsf dsf_cosmology"></span> </div> <div class="row">Enigmas <span class="readonly pips pipsRange_10 dsf dsf_enigmas"></span> </div> <div class="row">Investigation <span class="readonly pips pipsRange_10 dsf dsf_investigation"></span> </div> <div class="row">Law <span class="readonly pips pipsRange_10 dsf dsf_law"></span> </div> <div class="row">Linguistics <span class="readonly pips pipsRange_10 dsf dsf_linguistics"></span> </div> <div class="row">Medicine <span class="readonly pips pipsRange_10 dsf dsf_medicine"></span> </div> <div class="row">Occult <span class="readonly pips pipsRange_10 dsf dsf_occult"></span> </div> <div class="row">Science <span class="readonly pips pipsRange_10 dsf dsf_science"></span> </div> </div> </div> </span> <span class="column halfwidth"> <!-- Spheres --> <div class="section halfwidth"> <div class="head">SPHERES</div> <div class="group"> <div class="row"> <span class="readonly check dsf dsf_correspondence_favored"></span>Correspondence <span class="readonly pips pipsRange_10 dsf dsf_correspondence"></span> </div> <div class="row"> <span class="readonly check dsf dsf_entropy_favored"></span>Entropy <span class="readonly pips pipsRange_10 dsf dsf_entropy"></span> </div> <div class="row"> <span class="readonly check dsf dsf_forces_favored"></span>Forces <span class="readonly pips pipsRange_10 dsf dsf_forces"></span> </div> </div> <div class="group"> <div class="row"> <span class="readonly check dsf dsf_life_favored"></span>Life <span class="readonly pips pipsRange_10 dsf dsf_life"></span> </div> <div class="row"> <span class="readonly check dsf dsf_matter_favored"></span>Matter <span class="readonly pips pipsRange_10 dsf dsf_matter"></span> </div> <div class="row"> <span class="readonly check dsf dsf_mind_favored"></span>Mind <span class="readonly pips pipsRange_10 dsf dsf_mind"></span> </div> </div> <div class="group"> <div class="row"> <span class="readonly check dsf dsf_prime_favored"></span>Prime <span class="readonly pips pipsRange_10 dsf dsf_prime"></span> </div> <div class="row"> <span class="readonly check dsf dsf_spirit_favored"></span>Spirit <span class="readonly pips pipsRange_10 dsf dsf_spirit"></span> </div> <div class="row"> <span class="readonly check dsf dsf_time_favored"></span>Time <span class="readonly pips pipsRange_10 dsf dsf_time"></span> </div> </div> </div> <!-- Advantages --> <div class="section halfwidth"> <div class="head">ADVANTAGES</div> <div class="group"> <div class="row">Arete <span class="readonly pips pipsRange_10 dsf dsf_arete"></span> </div> <div class="row">Willpower <span class="readonly pips pipsRange_10 dsf dsf_willpower"></span> </div> <div class="row">Quintessence: <span class="dsf dsf_quintessence right singlerow" defaultString="0 (0 Maximum)">0 (0 Maximum)</span> </div> <div class="row">Paradox: <span class="dsf dsf_paradox right singlerow" defaultString="0 (0 Permanent)">0 (0 Permanent)</span> </div> <div class="row">Experience: <span class="dsf dsf_experience right singlerow" defaultString="0xp (0xp Unspent)">0xp (0xp Unspent)</span> </div> </div> </div> <!-- Focus --> <div class="section halfwidth"> <div class="head">FOCUS <span class="interface trash"></span> <span class="interface add addto_instruments" title="Add Instrument"></span> </div> <div class="row hl_fix">Paradigm: <span class="tip dsf dsf_paradigm_tip readonly" style="margin:0px 1px 0px 5px;"></span> <span class="dsf dsf_paradigm right singlerow" defaultString="Paradigm Name">Paradigm Name</span> </div> <div class="row hl_fix">Practice: <span class="tip dsf dsf_practice_tip readonly" style="margin:0px 1px 0px 5px;"></span> <span class="dsf dsf_practice right singlerow" defaultString="Practice Name">Practice Name</span> </div> <div class="row" style="border-bottom:1px solid rgba(0,0,0,0.1);padding-top:3px;">Instruments</div> <ul class="group list list_instruments"> <li class="proto item"> <div class="handle"> <div></div> </div> <span class="edit dslf dslf_instrument fullcolumn singlerow" defaultString="Instrument">Instrument</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[]</span> <span class="dsf dsf_instruments readonly hidden"></span> </ul> </div> <!-- Merits & Flaws --> <div class="section halfwidth"> <div class="head">MERITS & FLAWS <span class="interface trash"></span> <span class="interface add addto_mutations" title="Add Merit or Flaw"></span> </div> <ul class="group list list_mutations"> <li class="proto item"> <div class="handle"> <div></div> </div> <span class="edit dslf dslf_mutation fullcolumn singlerow" defaultString="Merit or Flaw">Merit or Flaw</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[{"mutation":"merit","tip":"merit_tip"},{"mutation":"flaw","tip":"flaw_tip"}]</span> <span class="dsf dsf_mutations readonly hidden"></span> </ul> </div> <!-- Other Traits --> <div class="section halfwidth"> <div class="head">OTHER TRAITS <span class="interface trash"></span> <span class="interface add addto_others" title="Add Trait"></span> </div> <ul class="group list list_others"> <li class="proto item"> <div class="handle"> <div></div> </div> <span class="edit dslf dslf_name pips10label singlerow" defaultString="Trait">Trait</span> <span class="pips pipsRange_10 dslf readonly dslf_rating">1</span> </li> <span class="oldfields hidden">[{"name":"trait_type","rating":"trait_value"}]</span> <span class="dsf dsf_others readonly hidden"></span> </ul> </div> <!-- Specialties --> <div class="section halfwidth"> <div class="head">SPECIALTIES <span class="interface trash"></span> <span class="interface add addto_specialties" title="Add Specialty"></span> </div> <ul class="group list list_specialties"> <li class="proto item"> <div class="handle"> <div></div> </div> <span class="edit dslf dslf_specialty fullcolumn singlerow" defaultString="Specialty (Trait)">Specialty (Trait)</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[{"specialty":"specialty_type"}]</span> <span class="dsf dsf_specialties readonly hidden"></span> </ul> </div> </span> </div> <div class="page page_magic active"> <!-- Rotes --> <div class="section"> <div class="head">ROTES <span class="interface trash"></span> <span class="interface add addto_rotes" title="Add Rote"></span> <span class="interface balance balance_rotes"></span> <span class="interface readonly check dsf dsf_rotes_autobalance autobalance autobalance_rotes">1</span> </div> <ul class="group list list_rotes twocolumn"> <div class="column colspace"></div> <div class="column"></div> <li class="proto item"> <div class="handle"> <div></div> </div> <span class="edit dslf dslf_name fullcolumn singlerow" defaultString="Rote Name">Rote Name</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[{"name":"rote_name","tip":"rote_tootip"}]</span> <span class="dsf dsf_rotes readonly hidden"></span> </ul> </div> <!-- Backgrounds --> <div class="section"> <div class="head">BACKGROUNDS <span class="interface trash"></span> <span class="interface add addto_backgrounds" title="Add Background"></span> <span class="interface balance balance_backgrounds"></span> <span class="interface readonly check dsf dsf_backgrounds_autobalance autobalance autobalance_backgrounds">1</span> </div> <ul class="group list list_backgrounds twocolumn"> <div class="column colspace"></div> <div class="column"></div> <li class="proto item"> <div class="handle"> <div></div> </div> <span class="edit dslf dslf_name pips5label singlerow" defaultString="Background">Background</span> <span class="pips pipsRange_5 pips_canHide readonly dslf dslf_rating">0</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[{"name":"background_type","tip":"background_tootip","rating":"background_value"}]</span> <span class="dsf dsf_backgrounds readonly hidden"></span> </ul> </div> <!-- Equipment --> <div class="section"> <div class="head">EQUIPMENT <span class="interface trash"></span> <span class="interface add addto_equipment" title="Add Item"></span> <span class="interface balance balance_equipment"></span> <span class="interface readonly check dsf dsf_equipment_autobalance autobalance autobalance_equipment">1</span> </div> <ul class="group list list_equipment threecolumn"> <div class="column colspace"></div> <div class="column colspace"></div> <div class="column"></div> <li class="proto item"> <div class="handle"> <div></div> </div> <span class="edit dslf dslf_name fullcolumn singlerow" defaultString="Item Name">Item Name</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[{"name":"equipment_name","tip":"equipment_tootip"}]</span> <span class="dsf dsf_equipment 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="difficulty">Difficulty</span> <span class="damage">Damage</span> <span class="range">Range</span> <span class="rate">Rate</span> <span class="clip">Clip</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 singlerow" defaultString="Attack Name">Attack Name</span> <span class="edit dslf typed dslf_difficulty difficulty singlerow" defaultString="Difficulty">Difficulty</span> <span class="edit dslf typed dslf_damage damage singlerow" defaultString="Damage">Damage</span> <span class="edit dslf typed dslf_range range singlerow" defaultString="Range">Range</span> <span class="edit dslf typed dslf_rate rate singlerow" defaultString="Rate">Rate</span> <span class="edit dslf typed dslf_clip clip singlerow" defaultString="Clip">Clip</span> </li> <span class="oldfields hidden">[{"name":"attack_weapon","difficulty":"attack_speed","damage":"attack_damage","range":"attack_range","rate":"attack_rate","clip":"attack_clip"}]</span> <span class="dsf dsf_attacks readonly hidden"></span> </ul> </div> </div> <div class="page page_fluff active"> <!-- Identity --> <div class="section"> <div class="head">IDENTITY</div> <div class="group halfwidth" style="display:inline-block;width:340px;margin-right:12px"> <div class="row">Nature: <span class="dsf dsf_nature right singlerow"></span> </div> <div class="row">Demeanor: <span class="dsf dsf_demeanor right singlerow"></span> </div> <div class="row">Essence: <span class="dsf dsf_essence right singlerow"></span> </div> </div> <div class="group halfwidth" style="display:inline-block;width:340px;"> <div class="row">Tradition: <span class="dsf dsf_tradition right singlerow"></span> </div> <div class="row">Cabal: <span class="dsf dsf_cabal right singlerow"></span> </div> <div class="row">Concept: <span class="dsf dsf_concept right singlerow"></span> </div> </div> </div> <!-- History --> <div class="section"> <div class="head">HISTORY</div> <div class="group"> <div class="portraitholder"> <span class="portrait readonly dsf dsf_avatar_image">.</span> </div> <span class="dsf dsf_bio fullwidth readonly">Edit Biography below...</span> </div> </div> <!-- Description --> <div class="section"> <div class="head">DESCRIPTION</div> <div class="group"> <span class="dsf dsf_desc fullwidth" defaultString="Character appearance...">Character appearance...</span> </div> </div> <!-- Goals & Destiny --> <div class="section"> <div class="head">GOALS & DESTINY</div> <div class="group"> <span class="dsf dsf_motivation fullwidth"></span> </div> </div> </div> <div class="page_foot"> <div class="head"></div> 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://chainsawxiv.github.io/DST/common/css/csx_exalted_common.css); /* Splat Specific: Checks */ div.ds_chainsawxiv_mage_revised_wod .check .checkBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/check_border.svg'); } div.ds_chainsawxiv_mage_revised_wod .check .checkOff{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/check_off.png'); } div.ds_chainsawxiv_mage_revised_wod.editable .check .checkOff:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/check_off_hover.png'); } div.ds_chainsawxiv_mage_revised_wod .check .checkOn{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/check_on.png'); } div.ds_chainsawxiv_mage_revised_wod.editable .check .checkOn:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/check_on_hover.png'); } /* Splat Specific: Pips */ div.ds_chainsawxiv_mage_revised_wod .pipBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/pip_border.svg'); } div.ds_chainsawxiv_mage_revised_wod .pips .pipOff{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/pip_off.png'); } div.ds_chainsawxiv_mage_revised_wod.editable .pips .pipOff:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/pip_off_hover.png'); } div.ds_chainsawxiv_mage_revised_wod .pips .pipOn{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/pip_on.png'); } div.ds_chainsawxiv_mage_revised_wod.editable .pips .pipOn:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/pip_on_hover.png'); } /* Splat Specific: Tabs */ div.ds_chainsawxiv_mage_revised_wod .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_mage_revised_wod/images/tab01_inactive.png'); background-size: 61% 70%, 100% 100%; } div.ds_chainsawxiv_mage_revised_wod .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_mage_revised_wod/images/tab01_inactive.png'); } div.ds_chainsawxiv_mage_revised_wod .tab.crunch.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/crunch.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/tab01_active.png'); } div.ds_chainsawxiv_mage_revised_wod .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_mage_revised_wod/images/tab02_inactive.png'); background-size: 61% 70%, 100% 100%; } div.ds_chainsawxiv_mage_revised_wod .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_mage_revised_wod/images/tab02_inactive.png'); } div.ds_chainsawxiv_mage_revised_wod .tab.magic.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/magic.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/tab02_active.png'); } div.ds_chainsawxiv_mage_revised_wod .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_mage_revised_wod/images/tab03_inactive.png'); background-size: 61% 70%, 100% 100%; } div.ds_chainsawxiv_mage_revised_wod .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_mage_revised_wod/images/tab03_inactive.png'); } div.ds_chainsawxiv_mage_revised_wod .tab.equipment.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/equipment.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/tab03_active.png'); } div.ds_chainsawxiv_mage_revised_wod .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_mage_revised_wod/images/tab04_inactive.png'); background-size: 61% 70%, 100% 100%; } div.ds_chainsawxiv_mage_revised_wod .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_mage_revised_wod/images/tab04_inactive.png'); } div.ds_chainsawxiv_mage_revised_wod .tab.fluff.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/fluff.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/tab04_active.png'); } /* Splat Specific: Tips */ div.ds_chainsawxiv_mage_revised_wod .tipBox .corner.topLeft{ background:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/brass-corner-top-left.png') top left no-repeat; background-size:15px 15px; } div.ds_chainsawxiv_mage_revised_wod .tipBox .corner.topRight{ background:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/brass-corner-top-right.png') top right no-repeat; background-size:15px 15px; } div.ds_chainsawxiv_mage_revised_wod .tipBox .corner.bottomLeft{ background:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/brass-corner-bottom-left.png') bottom left no-repeat; background-size:15px 15px; } div.ds_chainsawxiv_mage_revised_wod .tipBox .corner.bottomRight{ background:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/brass-corner-bottom-right.png') bottom right no-repeat; background-size:15px 15px; } div.ds_chainsawxiv_mage_revised_wod .tipBox .contentBox{ background: url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/background.jpg') top left no-repeat; background-size: 730px 730px; background-color:#e4e5d5; border-color:#554220; } div.ds_chainsawxiv_mage_revised_wod .tipBox .contentBox .tipArea, div.ds_chainsawxiv_mage_revised_wod .tipBox .contentBox .tipArea:hover{ background-color:rgba(255,255,224,0.7); border:1px dotted rgba(0,0,0,0.3); border-radius:4px; font-family:'EB Garamond',Sans Serif; color:#554220; } /* Splat Specific: Editable */ div.ds_chainsawxiv_mage_revised_wod .dsf:not(.readonly), div.ds_chainsawxiv_mage_revised_wod .edit:not(.readonly), div.ds_chainsawxiv_mage_revised_wod .dsf_bio{ font-family:'EB Garamond',Sans Serif; } /* Splat Specific: Sheet */ div.ds_chainsawxiv_mage_revised_wod .main{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/background.jpg'); background-position:top left; background-repeat:no-repeat; background-color:#f5f4f2; font-family:'Cinzel', palatino, serif; font-size:14px; line-height:17px; color:#554220; border:none; margin-top:51px; } div.ds_chainsawxiv_mage_revised_wod .head{ border-bottom:solid 1px #554220; } div.ds_chainsawxiv_mage_revised_wod a{ text-decoration:none; color:#554220; } div.ds_chainsawxiv_mage_revised_wod .section a{ text-decoration:underline; } div.ds_chainsawxiv_mage_revised_wod .attacks .labelrow span{ border-bottom:1px solid #A59270; } div.ds_chainsawxiv_mage_revised_wod .dsf.dsf_type{ font-family:'Cinzel', palatino, serif; } /* Mage Attack Layout */ div.ds_chainsawxiv_mage_revised_wod .csx .attacks .weapon{ width:229px; } div.ds_chainsawxiv_mage_revised_wod.editable .csx .attacks .weapon{ width:212px; } div.ds_chainsawxiv_mage_revised_wod .csx .attacks .difficulty, div.ds_chainsawxiv_mage_revised_wod .csx .attacks .damage, div.ds_chainsawxiv_mage_revised_wod .csx .attacks .range, div.ds_chainsawxiv_mage_revised_wod .csx .attacks .rate, div.ds_chainsawxiv_mage_revised_wod .csx .attacks .clip{ margin-left:0px; width:90px; text-align:center; } /* Mage Border Setup */ div.ds_chainsawxiv_mage_revised_wod .csx .corner_top_left{ left:-16px; top:-18px; z-index:0; max-width:none; } div.ds_chainsawxiv_mage_revised_wod .csx .corner_bottom_left{ left:-16px; bottom:-18px; z-index:0; max-width:none; } div.ds_chainsawxiv_mage_revised_wod .csx .pagehead{ padding-top:30px; } div.ds_chainsawxiv_mage_revised_wod .csx .tabs{ top:-48px; z-index:0; } div.ds_chainsawxiv_mage_revised_wod .csx .border_container{ display: block; position:absolute; height:auto; bottom:0; top:0; left:-13px; right:-15px; margin-top:100px; margin-bottom:158px; background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_mage_revised_wod/images/border-sides.png'); z-index:0; } div.ds_chainsawxiv_mage_revised_wod .csx .add, div.ds_chainsawxiv_mage_revised_wod .csx .trash{ position:relative; } div.ds_chainsawxiv_mage_revised_wod .portrait img{ min-height:150px; min-width:150px; } div.ds_chainsawxiv_mage_revised_wod .csx .section{ min-height:90px; } div.ds_chainsawxiv_mage_revised_wod .row.highlight.hl_fix{ background-color:rgba(255,255,255,0.5); border-radius:2px; }
Javascript
// Global Options csx_opts = { 'setupCallback': function(item){chainsawxiv_mage_revised_wod_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' ], }; // Master Startup function chainsawxiv_mage_revised_wod_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=dev001'; 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 chainsawxiv_mage_revised_wod_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 chainsawxiv_mage_revised_wod_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
Back