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
Iron Kingdom Vertical
Author:
patwoode
Slug:
iron_kingdoms_vertical
System:
Iron Kingdoms (d20)
DST Source Code
HTML Template
<div class="wrapper csx"> <div class="tabs"> <a class="tab fluff tab_fluff" title="Characterization"></a> <a class="tab equipment tab_equipment" title="Backgrounds & Combat"></a> <a class="tab magic tab_magic" title="Charms & Spells"></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;"> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-top-left.png" class="corner_top_left" /> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-top-right.png" class="corner_top_right" /> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-bottom-left.png" class="corner_bottom_left" /> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-bottom-right.png" class="corner_bottom_right" /> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-bottom.png" class="brass_bottom" /> <div class="pagehead"> <div class="head"> <span class="name readonly dsf dsf_name">Edit Character Name</span> </div> <span class="dsf dsf_type typev" style="text-align:right;">Edit Character Type</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> <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> <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> <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> <div class="group"> <img src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/dawn.png" class="casteIcon" /> <div class="row"><span class="readonly check dsf dsf_archery_favored"></span>Archery<span class="readonly pips pipsRange_10 dsf dsf_archery"></span></div> <div class="row"><span class="readonly check dsf dsf_martial_arts_favored"></span>Martial Arts<span class="readonly pips pipsRange_10 dsf dsf_martial_arts"></span></div> <div class="row"><span class="readonly check dsf dsf_melee_favored"></span>Melee<span class="readonly pips pipsRange_10 dsf dsf_melee"></span></div> <div class="row"><span class="readonly check dsf dsf_thrown_favored"></span>Thrown<span class="readonly pips pipsRange_10 dsf dsf_thrown"></span></div> <div class="row"><span class="readonly check dsf dsf_war_favored"></span>War<span class="readonly pips pipsRange_10 dsf dsf_war"></span></div> </div> <div class="group"> <img src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/zenith.png" class="casteIcon" /> <div class="row"><span class="readonly check dsf dsf_integrity_favored"></span>Integrity<span class="readonly pips pipsRange_10 dsf dsf_integrity"></span></div> <div class="row"><span class="readonly check dsf dsf_performance_favored"></span>Performance<span class="readonly pips pipsRange_10 dsf dsf_performance"></span></div> <div class="row"><span class="readonly check dsf dsf_presence_favored"></span>Presence<span class="readonly pips pipsRange_10 dsf dsf_presence"></span></div> <div class="row"><span class="readonly check dsf dsf_resistance_favored"></span>Resistance<span class="readonly pips pipsRange_10 dsf dsf_resistance"></span></div> <div class="row"><span class="readonly check dsf dsf_survival_favored"></span>Survival<span class="readonly pips pipsRange_10 dsf dsf_survival"></span></div> </div> <div class="group"> <img src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/twilight.png" class="casteIcon" /> <div class="row"><span class="readonly check dsf dsf_craft_favored"></span>Craft<span class="readonly pips pipsRange_10 dsf dsf_craft"></span></div> <div class="row"><span class="readonly check dsf dsf_investigation_favored"></span>Investigation<span class="readonly pips pipsRange_10 dsf dsf_investigation"></span></div> <div class="row"><span class="readonly check dsf dsf_lore_favored"></span>Lore<span class="readonly pips pipsRange_10 dsf dsf_lore"></span></div> <div class="row"><span class="readonly check dsf dsf_medicine_favored"></span>Medicine<span class="readonly pips pipsRange_10 dsf dsf_medicine"></span></div> <div class="row"><span class="readonly check dsf dsf_occult_favored"></span>Occult<span class="readonly pips pipsRange_10 dsf dsf_occult"></span></div> </div> <div class="group"> <img src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/night.png" class="casteIcon" /> <div class="row"><span class="readonly check dsf dsf_athletics_favored"></span>Athletics<span class="readonly pips pipsRange_10 dsf dsf_athletics"></span></div> <div class="row"><span class="readonly check dsf dsf_awareness_favored"></span>Awareness<span class="readonly pips pipsRange_10 dsf dsf_awareness"></span></div> <div class="row"><span class="readonly check dsf dsf_dodge_favored"></span>Dodge<span class="readonly pips pipsRange_10 dsf dsf_dodge"></span></div> <div class="row"><span class="readonly check dsf dsf_larceny_favored"></span>Larceny<span class="readonly pips pipsRange_10 dsf dsf_larceny"></span></div> <div class="row"><span class="readonly check dsf dsf_stealth_favored"></span>Stealth<span class="readonly pips pipsRange_10 dsf dsf_stealth"></span></div> </div> <div class="group"> <img src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/eclipse.png" class="casteIcon" /> <div class="row"><span class="readonly check dsf dsf_bureaucracy_favored"></span>Bureaucracy<span class="readonly pips pipsRange_10 dsf dsf_bureaucracy"></span></div> <div class="row"><span class="readonly check dsf dsf_linguistics_favored"></span>Linguistics<span class="readonly pips pipsRange_10 dsf dsf_linguistics"></span></div> <div class="row"><span class="readonly check dsf dsf_ride_favored"></span>Ride<span class="readonly pips pipsRange_10 dsf dsf_ride"></span></div> <div class="row"><span class="readonly check dsf dsf_sail_favored"></span>Sail<span class="readonly pips pipsRange_10 dsf dsf_sail"></span></div> <div class="row"><span class="readonly check dsf dsf_socialize_favored"></span>Socialize<span class="readonly pips pipsRange_10 dsf dsf_socialize"></span></div> </div> </div> </span> <span class="column halfwidth"> <!-- Essence --> <div class="section halfwidth"> <div class="head">ESSENCE</div> <div class="group"> <div class="row">Essence<span class="readonly pips pipsRange_10 dsf dsf_essence"></span></div> <div class="row">Willpower<span class="readonly pips pipsRange_10 dsf dsf_willpower"></span></div> <div class="row">Personal Essence: <span class="dsf dsf_personal_pool right">0m (0m Committed)</span></div> <div class="row">Peripheral Essence: <span class="dsf dsf_peripheral_pool right">0m (0m Committed)</span></div> </div> </div> <!-- Virtues --> <div class="section halfwidth"> <div class="head">VIRTUES</div> <div class="group"> <div class="row">Compassion<span class="readonly pips pipsRange_5 dsf dsf_compassion"></span></div> <div class="row">Conviction<span class="readonly pips pipsRange_5 dsf dsf_conviction"></span></div> <div class="row">Temperance<span class="readonly pips pipsRange_5 dsf dsf_temperance"></span></div> <div class="row">Valor<span class="readonly pips pipsRange_5 dsf dsf_valor"></span></div> </div> </div> <!-- Mutations --> <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">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> <!-- Languages --> <div class="section halfwidth"> <div class="head">LANGUAGES <span class="interface trash"></span> <span class="interface add addto_languages" title="Add Language"></span> </div> <ul class="group list list_languages"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf dslf_name fullcolumn">Language</span> </li> <span class="oldfields hidden">[{"name":"language"}]</span> <span class="dsf dsf_languages 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_name pips3label">Specialty</span> <span class="pips pipsRange_3 dslf readonly dslf_rating">1</span> </li> <span class="oldfields hidden">[{"name":"specialty_type","rating":"specialty_value"}]</span> <span class="dsf dsf_specialties readonly hidden"></span> </ul> </div> <!-- Crafts --> <div class="section halfwidth"> <div class="head">CRAFTS <span class="interface trash"></span> <span class="interface add addto_crafts" title="Add Craft"></span> </div> <ul class="group list list_crafts"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf dslf_name pips10label">Craft</span> <span class="pips pipsRange_10 dslf readonly dslf_rating">1</span> </li> <span class="oldfields hidden">[{"name":"craft_type","rating":"craft_value"}]</span> <span class="dsf dsf_crafts readonly hidden"></span> </ul> </div> </span> </div> <div class="page page_magic active"> <!-- Charms --> <div class="section"> <div class="head">CHARMS <span class="interface trash"></span> <span class="interface add addto_charms" title="Add Charm"></span> <span class="interface balance balance_charms"></span> <span class="interface readonly check dsf dsf_charms_autobalance autobalance autobalance_charms">1</span> </div> <ul class="group list list_charms 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">Charm Name</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[{"name":"charm_name","tip":"charm_tootip"}]</span> <span class="dsf dsf_charms readonly hidden"></span> </ul> </div> <!-- Spells --> <div class="section"> <div class="head">SPELLS <span class="interface trash"></span> <span class="interface add addto_spells" title="Add Spell"></span> <span class="interface balance balance_spells"></span> <span class="interface readonly check dsf dsf_spells_autobalance autobalance autobalance_spells">1</span> </div> <ul class="group list list_spells 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">Spell Name</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[{"name":"sorcery","tip":"sorcery_tootip"}]</span> <span class="dsf dsf_spells readonly hidden"></span> </ul> </div> <!-- Combos --> <div class="section"> <div class="head">COMBOS <span class="interface trash"></span> <span class="interface add addto_combos" title="Add Combo"></span> </div> <ul class="group list list_combos"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf dslf_name fullwidth">Combo Name</span> <span class="tip dslf dslf_tip"></span> </li> <span class="oldfields hidden">[{"name":"combo_type","tip":"combo_tooltip"}]</span> <span class="dsf dsf_combos readonly hidden"></span> </ul> </div> </div> <div class="page page_equipment active"> <!-- 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">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">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> <!-- Defenses --> <div class="section halfwidth colspace"> <div class="head">DEFENSES</div> <div class="group"> <div class="row">Soak: <span class="dsf dsf_soak right">0B / 0L / 0A</span></div> <div class="row">Hardness: <span class="dsf dsf_hardness right">0B / 0L / 0A</span></div> <div class="row">Physical DVs: <span class="dsf dsf_dvs right">0 Dodge / 0 Parry</span></div> <div class="row">Mental DVs: <span class="dsf dsf_mdvs right">0 Dodge / 0 Parry</span></div> </div> </div> <!-- Health --> <div class="section halfwidth"> <div class="head">HEALTH</div> <div class="group"> <div class="row">-0 Levels<span class="readonly pips pipsRange_10 dsf dsf_0health"></span></div> <div class="row">-1 Levels<span class="readonly pips pipsRange_10 dsf dsf_1health"></span></div> <div class="row">-2 Levels<span class="readonly pips pipsRange_10 dsf dsf_2health"></span></div> <div class="row">-4 Levels<span class="readonly pips pipsRange_10 dsf dsf_4health"></span></div> </div> </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="speed">Speed</span> <span class="accuracy">Acc</span> <span class="damage">Damage</span> <span class="defense">Def</span> <span class="rate">Rate</span> <span class="range">Range</span> <span class="tags">Tags</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_speed speed">5</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_defense defense">+0</span> <span class="edit dslf typed dslf_rate rate">1</span> <span class="edit dslf typed dslf_range range">Melee</span> <span class="edit dslf typed dslf_tags tags">-</span> </li> <span class="oldfields hidden">[{"name":"attack_weapon","speed":"attack_speed","accuracy":"attack_accuracy","damage":"attack_damage","defense":"attack_defense","rate":"attack_rate","range":"attack_range","tags":"attack_tags"}]</span> <span class="dsf dsf_attacks readonly hidden"></span> </ul> </div> </div> <div class="page page_fluff active"> <!-- Biography --> <div class="section"> <div class="head">BIOGRAPHY</div> <div class="group"> <div class="portraitholder"> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-top-left.png" class="topleft" /> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-top-right.png" class="topright" /> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-bottom-left.png" class="bottomleft" /> <img alt="" src="https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-bottom-right.png" class="bottomright" /> <span class="portrait readonly dsf dsf_avatar_image">.</span> </div> <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> <!-- Virtue Flaw --> <div class="section"> <div class="head">VIRTUE FLAW</div> <div class="group"> <span class="dsf dsf_virtue_flaw fullwidth">Virtue flaw description...</span> </div> </div> <!-- Motivation --> <div class="section"> <div class="head">MOTIVATION</div> <div class="group"> <span class="dsf dsf_motivation fullwidth"></span> </div> </div> <!-- Intimacies --> <div class="section"> <div class="head">INTIMACIES <span class="interface trash"></span> <span class="interface add addto_intimacies" title="Add Intimacy"></span> </div> <ul class="group list list_intimacies"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf dslf_name fullwidth">Intimacy</span> </li> <span class="oldfields hidden">[{"name":"intimacy"}]</span> <span class="dsf dsf_intimacies readonly hidden"></span> </ul> </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_iron_kingdoms_vertical .check .checkBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/check_border.svg'); } div.ds_iron_kingdoms_vertical .check .checkOff{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/check_off.png'); } div.ds_iron_kingdoms_vertical.editable .check .checkOff:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/check_off_hover.png'); } div.ds_iron_kingdoms_vertical .check .checkOn{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/check_on.png'); } div.ds_iron_kingdoms_vertical.editable .check .checkOn:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/check_on_hover.png'); } /* Splat Specific: Pips */ div.ds_iron_kingdoms_vertical .pipBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/pip_border.svg'); } div.ds_iron_kingdoms_vertical .pips .pipOff{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/pip_off.png'); } div.ds_iron_kingdoms_vertical.editable .pips .pipOff:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/pip_off_hover.png'); } div.ds_iron_kingdoms_vertical .pips .pipOn{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/pip_on.png'); } div.ds_iron_kingdoms_vertical.editable .pips .pipOn:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/pip_on_hover.png'); } /* Splat Specific: Tabs */ div.ds_iron_kingdoms_vertical .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_exalted/images/tab01_inactive.png'); background-size: 70% 70%, 100% 100%; } div.ds_iron_kingdoms_vertical .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_exalted/images/tab01_inactive.png'); } div.ds_iron_kingdoms_vertical .tab.crunch.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/crunch.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/tab01_active.png'); } div.ds_iron_kingdoms_vertical .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_exalted/images/tab02_inactive.png'); background-size: 70% 70%, 100% 100%; } div.ds_iron_kingdoms_vertical .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_exalted/images/tab02_inactive.png'); } div.ds_iron_kingdoms_vertical .tab.magic.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/magic.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/tab02_active.png'); } div.ds_iron_kingdoms_vertical .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_exalted/images/tab03_inactive.png'); background-size: 70% 70%, 100% 100%; } div.ds_iron_kingdoms_vertical .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_exalted/images/tab03_inactive.png'); } div.ds_iron_kingdoms_vertical .tab.equipment.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/equipment.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/tab03_active.png'); } div.ds_iron_kingdoms_vertical .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_exalted/images/tab04_inactive.png'); background-size: 70% 70%, 100% 100%; } div.ds_iron_kingdoms_vertical .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_exalted/images/tab04_inactive.png'); } div.ds_iron_kingdoms_vertical .tab.fluff.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/fluff.png'), url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/tab04_active.png'); } /* Splat Specific: Tips */ div.ds_iron_kingdoms_vertical .tipBox .corner.topLeft{ background:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-top-left.png') top left no-repeat; background-size:15px 15px; } div.ds_iron_kingdoms_vertical .tipBox .corner.topRight{ background:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-top-right.png') top right no-repeat; background-size:15px 15px; } div.ds_iron_kingdoms_vertical .tipBox .corner.bottomLeft{ background:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-bottom-left.png') bottom left no-repeat; background-size:15px 15px; } div.ds_iron_kingdoms_vertical .tipBox .corner.bottomRight{ background:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/brass-corner-bottom-right.png') bottom right no-repeat; background-size:15px 15px; } div.ds_iron_kingdoms_vertical .tipBox .contentBox{ background: url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/background.jpg') top left no-repeat; background-size: 730px 730px; background-color:#e4e5d5; border-color:#554220; } div.ds_iron_kingdoms_vertical .tipBox .contentBox .tipArea, div.ds_iron_kingdoms_vertical .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_iron_kingdoms_vertical .dsf:not(.readonly), div.ds_iron_kingdoms_vertical .edit:not(.readonly), div.ds_iron_kingdoms_vertical .dsf_bio{ font-family:'EB Garamond',Sans Serif; } /* Splat Specific: Sheet */ div.ds_iron_kingdoms_vertical .main{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/background.jpg'); background-position:top left; background-repeat:no-repeat; background-color:#e4e5d5; border-style:solid; border-width:1px; border-color:#554220; font-family:'Cinzel', palatino, serif; font-size:14px; line-height:17px; color:#554220; } div.ds_iron_kingdoms_vertical .head{ border-bottom:solid 1px #554220; } div.ds_iron_kingdoms_vertical a{ text-decoration:none; color:#554220; } div.ds_iron_kingdoms_vertical .section a{ text-decoration:underline; } div.ds_iron_kingdoms_vertical .attacks .labelrow span{ border-bottom:1px solid #A59270; } div.ds_iron_kingdoms_vertical .dsf.dsf_type{ font-family:'Cinzel', palatino, serif; }
Javascript
// Global Options csx_opts = { 'setupCallback': function(item){iron_kingdoms_vertical_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', 'solar/pip_off.png', 'solar/pip_off_hover.png', 'solar/pip_on.png', 'solar/pip_on_hover.png', 'solar/tab01_active.png', 'solar/tab01_inactive.png', 'solar/tab02_active.png', 'solar/tab02_inactive.png', 'solar/tab03_active.png', 'solar/tab03_inactive.png', 'solar/tab04_active.png', 'solar/tab04_inactive.png', 'solar/check_off.png', 'solar/check_off_hover.png', 'solar/check_on.png', 'solar/check_on_hover.png', ], }; // Master Startup function iron_kingdoms_vertical_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 iron_kingdoms_vertical_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 iron_kingdoms_vertical_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