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
Blog
Mutants and Masterminds
Author:
barrelv
Slug:
mutants_masterminds
System:
Mutants and Masterminds
DST Source Code
HTML Template
<div class="wrapper mandm"> <div class="tabs"> <a class="tab fluff tab_fluff" title="Background"></a> <a class="tab crunch tab_crunch active" title="Stats"></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/mutants_masterminds/images/MnM-logo-wordpress.png" class="logo_bottom" /> <div class="pagehead"> <div class="head"> <span class="name readonly dsf dsf_name singlerow">Edit Character Name</span> </div> <span class="readonly dsf dsf_campaign">Campaign Name</span> </div> <div class="page page_crunch active"> <div class="column twothirdwidth"> <div class="readonly head">Bio</div> </div> <div class="column thirdwidth"> <div class="readonly head">Power Points</div> </div> <div class="column thirdwidth colspace"> <!-- Investigator Info --> <div class="section thirdwidth"> <dl><dt>Gender:</dt><dd><span class=" dsf dsf_gender"></span></dd></dl> <dl><dt>Age:</dt><dd><span class=" dsf dsf_age"></span></dd></dl> <dl><dt>Height:</dt><dd><span class=" dsf dsf_height"></span></dd></dl> <dl><dt>Weight:</dt><dd><span class=" dsf dsf_weight"></span></dd></dl> <dl><dt>Eyes:</dt><dd><span class=" dsf dsf_eyes"></span></dd></dl> <dl><dt>Hair:</dt><dd><span class=" dsf dsf_hair"></span></dd></dl> </div> </div> <div class="column thirdwidth"> <!-- Characteristics --> <div class="section thirdwidth"> <dl><dt>Identity:</dt><dd><span class="dsf dsf_identity"></span></dd></dl> <dl><dt>Secret:</dt><dd><span class="dsf dsf_secretId">Yes/No</span></dd></dl> <dl><dt>Affiliations:</dt><dd><span class="dsf dsf_group"></span></dd></dl> <dl><dt>Location:</dt><dd><span class="dsf dsf_base"></span></dd></dl> <dl><dt>Power Level </dt><dd><span class="dsf dsf_powerLevel"></span></dd></dl> <dl><dt>Power Points Earned:</dt><dd><span class="dsf dsf_ppEarned">0</span></dd></dl> </div> </div> <div class="column thirdwidth"> <!-- Investigator Info --> <div class="section thirdwidth"> <dl><dt>Abilities:</dt><dd><span class="dsf dsf_ppAbilities">0</span></dd></dl> <dl><dt>Powers:</dt><dd><span class="dsf dsf_ppPowers">0</span></dd></dl> <dl><dt>Advantages:</dt><dd><span class="dsf dsf_ppAdvantages">0</span></dd></dl> <dl><dt>Skills:</dt><dd><span class="dsf dsf_ppSkills">0</span></dd></dl> <dl><dt>Defenses:</dt><dd><span class="dsf dsf_ppDefenses">0</span></dd></dl> <dl style ="border-top-style: dashed; border-width: 1px;"><dt>Total Spent:</dt><dd><span class="dsf dsf_ppTotal">0</span></dd></dl> </div> </div> <div class="column twothirdwidth"> <div class="readonly head">Abilities</div> </div> <div class="column thirdwidth"> <div class="readonly head">Defenses</div> </div> <div class="column thirdwidth colspace"> <!-- Investigator Info --> <div class="section thirdwidthinside"> <dl><dt>Strength:</dt><dd><span class=" dsf dsf_str">0</span></dd></dl> <dl><dt>Stamina:</dt><dd><span class=" dsf dsf_sta">0</span></dd></dl> <dl><dt>Agility:</dt><dd><span class=" dsf dsf_agi">0</span></dd></dl> <dl><dt>Dexterity:</dt><dd><span class=" dsf dsf_dex">0</span></dd></dl> </div> </div> <div class="column thirdwidth"> <!-- Characteristics --> <div class="section thirdwidthinside"> <dl><dt>Fighting:</dt><dd><span class="dsf dsf_fgt">0</span></dd></dl> <dl><dt>Intellect:</dt><dd><span class="dsf dsf_int">0</span></dd></dl> <dl><dt>Awareness:</dt><dd><span class="dsf dsf_awe">0</span></dd></dl> <dl><dt>Presence:</dt><dd><span class="dsf dsf_pre">0</span></dd></dl> </div> </div> <div class="column thirdwidth"> <!-- Investigator Info --> <div class="section thirdwidth"> <dl><dt>Initiative:</dt><dd><span class="dsf dsf_initiative">0</span></dd></dl> <dl><dt>Dodge:</dt><dd><span class="dsf dsf_dodge">0</span></dd></dl> <dl><dt>Parry:</dt><dd><span class="dsf dsf_parry">0</span></dd></dl> <dl><dt>Fortitude:</dt><dd><span class="dsf dsf_fort">0</span></dd></dl> <dl><dt>Toughness:</dt><dd><span class="dsf dsf_tough">0</span></dd></dl> <dl><dt>Will:</dt><dd><span class="dsf dsf_will">0</span></dd></dl> </div> </div> <div class="column twothirdwidth"> <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 Name</span> <span class="bonus">Attack Bonus</span> <span class="resist">Resist DC</span> <span class="notes">Notes</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_bonus bonus singlerow" defaultString="Attack Bonus">Bonus</span> <span class="edit dslf typed dslf_resist resist singlerow" defaultString="Resist">Resist</span> <span class="edit dslf typed dslf_notes notes singlerow" defaultString="Notes">Notes</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> <!-- Advantages--> <div class="column thirdwidth"> <div class="head">Advantages <span class="interface trash"></span> <span class="interface add addto_advantages" title="Add Advantages"></span> </div> <ul class="group list list_advantages"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf dslf_advantage singlerow" defaultString="Advantage">Advantage</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_advantages readonly hidden"></span> </ul> </div> <div class="column twothirdwidth"> <div class="section skills"> <div class="head">Skills <span class="interface trash"></span> <span class="interface add addto_skills" title="Add Skill"></span> </div> <div class="labelrow"> <span class="skill">Skill</span> <span class="total">Total</span> <span class="symbol">=</span> <span class="rank">Ranks</span> <span class="symbol">+</span> <span class="ability">Ability</span> <span class="symbol">+</span> <span class="other">Other</span> </div> <ul class="group slist"> <li class="item"> <span class="readonly dslf typea dsf_acrobatics sskill singlerow">Acrobatics</span> <span class="edit dsf typed dsf_acrobatics_bonus total singlerow">0</span> <span class="symbol">=</span> <span class="edit dsf typed dsf_acrobatics_resist rank singlerow">0</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_acrobatics_ability ability singlerow">AGI</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_acrobatics_notes other singlerow">0</span> </li> <li class="item"> <span class="readonly dslf typea dsf_deception sskill singlerow">Deception</span> <span class="edit dsf typed dsf_deception_bonus total singlerow">0</span> <span class="symbol">=</span> <span class="edit dsf typed dsf_deception_resist rank singlerow">0</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_deception_ability ability singlerow">PRE</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_deception_notes other singlerow">0</span> </li> <li class="item"> <span class="readonly dslf typea dsf_insight sskill singlerow">Insight</span> <span class="edit dsf typed dsf_insight_bonus total singlerow">0</span> <span class="symbol">=</span> <span class="edit dsf typed dsf_insight_resist rank singlerow">0</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_insight_ability ability singlerow">AWE</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_insight_notes other singlerow">0</span> </li> <li class="item"> <span class="readonly dslf typea dsf_intimidation sskill singlerow">Intimidation</span> <span class="edit dsf typed dsf_intimidation_bonus total singlerow">0</span> <span class="symbol">=</span> <span class="edit dsf typed dsf_intimidation_resist rank singlerow">0</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_intimidation_ability ability singlerow">PRE</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_intimidation_notes other singlerow">0</span> </li> <li class="item"> <span class="readonly dslf typea dsf_perception sskill singlerow">Perception</span> <span class="edit dsf typed dsf_perception_bonus total singlerow">0</span> <span class="symbol">=</span> <span class="edit dsf typed dsf_perception_resist rank singlerow">0</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_perception_ability ability singlerow">AWE</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_perception_notes other singlerow">0</span> </li> <li class="item"> <span class="readonly dslf typea dsf_persuasion sskill singlerow">Persuasion</span> <span class="edit dsf typed dsf_persuasion_bonus total singlerow">0</span> <span class="symbol">=</span> <span class="edit dsf typed dsf_persuasion_resist rank singlerow">0</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_persuasion_ability ability singlerow">PRE</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_persuasion_notes other singlerow">0</span> </li> <li class="item"> <span class="readonly dslf typea dsf_stealth sskill singlerow">Stealth</span> <span class="edit dsf typed dsf_stealth_bonus total singlerow">0</span> <span class="symbol">=</span> <span class="edit dsf typed dsf_stealth_resist rank singlerow">0</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_stealth_ability ability singlerow">AGI</span> <span class="symbol">+</span> <span class="edit dsf typed dsf_stealth_notes other singlerow">0</span> </li> </ul> <ul class="group list list_skills"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf typea dslf_name skill singlerow" defaultString="Skill Name">Skill Name</span> <span class="edit dslf typed dslf_bonus total singlerow" defaultString="Total">Total</span> <span class="symbol">=</span> <span class="edit dslf typed dslf_resist rank singlerow" defaultString="Ranks">Ranks</span> <span class="symbol">+</span> <span class="edit dslf typed dslf_ability ability singlerow" defaultString="Ability">Ability</span> <span class="symbol">+</span> <span class="edit dslf typed dslf_notes other singlerow" defaultString="Other">Other</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_skills readonly hidden"></span> </ul> </div> </div> <div class="column thirdwidth"> <!-- Investigator Info --> <div class="section thirdwidth"> <div class="readonly head">Damage</div> <dl><dt>Bruises:</dt><dd><span class="dsf dsf_bruise checkbox"></span><span class="dsf dsf_bruise1 checkbox"> </span><span class="dsf dsf_bruise2 checkbox"></span><span class="dsf dsf_bruise3 checkbox"> </span><span class="dsf dsf_bruise4 checkbox"></span><span class="dsf dsf_bruise5 checkbox"></span></dd></dl> <dl><dt>Dazed</dt><dd><span class="dsf dsf_dazed checkbox"></span></dd></dl> <dl><dt>Staggered</dt><dd><span class="dsf dsf_staggered checkbox"></span></dd></dl> <dl><dt>Incapacitated</dt><dd><span class="dsf dsf_incap checkbox"></span></dd></dl> <div class="readonly head">Fatigue</div> <dl><dt>Fatigued</dt><dd><span class="dsf dsf_fatigue checkbox" title="Target is Hindered"></span></dd></dl> <dl><dt>Exhausted</dt><dd><span class="dsf dsf_exhaust checkbox"></span></dd></dl> </div> </div> <!-- Powers --> <div class="section"> <div class="head">POWERS AND DEVICES <span class="interface trash"></span> <span class="interface add addto_powers" title="Add Power"></span> </div> <ul class="group list list_powers"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf dslf_name fullwidth" defaultString="Power Name">Power 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_powers 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"> <span class="portrait readonly dsf dsf_avatar_image">.</span> <div class="container"><span class="dsf dsf_image_caption">Photo Caption</span></div> </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" defaultString="Character appearance...">Character appearance...</span> </div> </div> <!-- Notes --> <div class="section"> <div class="head">NOTES</div> <div class="group"> <span class="dsf dsf_note fullwidth"></span> </div> </div> <!-- Complications --> <div class="section"> <div class="head">COMPLICATIONS <span class="interface trash"></span> <span class="interface add addto_complications" title="Add Complication"></span> </div> <ul class="group list list_complications"> <li class="proto item"> <div class="handle"><div></div></div> <span class="edit dslf dslf_name fullwidth singlerow" defaultString="Complication">Complication</span> </li> <span class="oldfields hidden">[{"name":"intimacy"}]</span> <span class="dsf dsf_complications 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> • Adapted from the work of <a href="/profile/ChainsawXIV">ChainsawXIV</a> </div> </div> </div>
CSS
/* Font Imports */ @import url(https://fonts.googleapis.com/css?family=Patrick+Hand); @import url(https://fonts.googleapis.com/css?family=Graduate); /* Component Includes */ div.ds_mutants_masterminds .check .checkBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/check_border.svg'); } div.ds_mutants_masterminds .check .checkOff{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/check_off.png'); } div.ds_mutants_masterminds.editable .check .checkOff:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/check_off_hover.png'); } div.ds_mutants_masterminds .check .checkOn{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/check_on.png'); } div.ds_mutants_masterminds.editable .check .checkOn:hover{ background-image:url('https://chainsawxiv.github.io/DST/sheets/chainsawxiv_exalted/images/check_on_hover.png'); } /* Splat Specific: Tabs */ div.ds_mutants_masterminds .tab.crunch{ background: url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/Twenty_sided_dice-2.png') no-repeat 50% 50%, url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/tab_inactive.png'); background-size: 60% 70%, 100% 100%; } div.ds_mutants_masterminds .tab.crunch:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/Twenty_sided_dice.png'), url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/tab_inactive.png'); } div.ds_mutants_masterminds .tab.crunch.active{ background-image: url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/Twenty_sided_dice-2.png'), url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/tab_active.png'); } div.ds_mutants_masterminds .tab.fluff{ background: url('https://chainsawxiv.github.io/DST/common/images/fluff.png') no-repeat 50% 50%, url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/tab_inactive.png'); background-size: 61% 70%, 100% 100%; } div.ds_mutants_masterminds .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/mutants_masterminds/images/tab_inactive.png'); } div.ds_mutants_masterminds .tab.fluff.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/fluff.png'), url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/tab_active.png'); } /* Splat Specific: Tips */ div.ds_mutants_masterminds .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_mutants_masterminds .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_mutants_masterminds .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_mutants_masterminds .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_mutants_masterminds .tipBox .contentBox{ background: url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/charsheet-background-yellow2.png') top left no-repeat; background-size: 730px 730px; background-color:#fff1b7; border-color:#002569; } div.ds_mutants_masterminds .tipBox .contentBox .tipArea, div.ds_mutants_masterminds .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:'Patrick Hand',Sans Serif; color:black; } /* Splat Specific: Editable */ div.ds_mutants_masterminds .dsf:not(.readonly), div.ds_mutants_masterminds .edit:not(.readonly), div.ds_mutants_masterminds .dsf_bio{ font-family:'Patrick Hand',Sans Serif; font-size:16px; } /* Splat Specific: Sheet */ div.ds_mutants_masterminds .main{ background: url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/charsheet-background-yellow2.png') top left no-repeat, url('https://chainsawxiv.github.io/DST/sheets/mutants_masterminds/images/charsheet-background-yellow2-flip.png') bottom left no-repeat; background-color:#fff1b7; border-style:solid; border-width:1px; border-color:#554220; font-family:'Graduate', palatino, serif; font-size:14px; line-height:17px; color:#black; } div.ds_mutants_masterminds .head{ border-bottom:solid 1px #554220; padding-bottom: 3px; } div.ds_mutants_masterminds a{ text-decoration:none; color:#554220; } div.ds_mutants_masterminds .section a{ text-decoration:underline; } div.ds_mutants_masterminds .labelrow span{ border-bottom:1px solid #A59270; padding-bottom: 3px; } div.ds_mutants_masterminds .dsf.dsf_type{ font-family:'Graduate', palatino, serif; } /* Checks Interface */ .mandm .check{ position:relative; top:1px; margin:0px 3px 0px 0px; } .mandm .check .checkMark{ display:inline-block; width:12px; height:12px; } .editable .mandm .checkMark{ cursor:pointer; } .mandm .check .checkBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/check_border.svg'); display:inline-block; height:12px; width:12px; } .mandm .check .checkOff{ background-image:url('../images/check_off.png'); background-size:10px; background-position:1px 2px; background-repeat:no-repeat; } .editable .mandm .check .checkOff:hover{ background-image:url('../images/check_off_hover.png'); background-size:10px; background-position:1px 2px; background-repeat:no-repeat; } .mandm .check .checkOn{ background-image:url('../images/check_on.png'); background-size:10px; background-position:1px 2px; background-repeat:no-repeat; } .editable .mandm .check .checkOn:hover{ background-image:url('../images/check_on_hover.png'); background-size:10px; background-position:1px 2px; background-repeat:no-repeat; } /* Edit Fields */ .mandm .dsf, .mandm .edit{ position:relative; display:inline-block; cursor:default; } .mandm .dsf p, .mandm .edit p{ margin:0px; line-height:inherit; } .mandm .dsf:not(.readonly), .mandm .edit:not(.readonly){ } .editable .mandm .dsf, .editable .mandm .edit{ cursor:text; } .editable .mandm .dsf:hover:not(.readonly), .editable .mandm .edit:hover:not(.readonly){ background-color:rgba(0,0,0,0.02); } .editable .mandm .dsf:focus, .editable .mandm .edit:focus, .editable .mandm .dsf:focus:hover, .editable .mandm .edit:focus:hover{ background-color:rgba(0,0,0,0.05); } .mandm .dsf ul, .mandm .edit ul{ margin:0px; padding: 0px 0px 0px 20px; list-style: url('https://chainsawxiv.github.io/DST/common/images/bullet.png'); } .mandm .dsf ul li, .mandm .edit ul li{ margin:0px; display:list-item; } .mandm ul, ol, dl{ line-height: 1; } /* Format Bar */ .mandm .formatBar{ background-image: url('https://chainsawxiv.github.io/DST/common/images/fb_back_top.png'), url('https://chainsawxiv.github.io/DST/common/images/fb_back_main.png'), url('https://chainsawxiv.github.io/DST/common/images/fb_back_bottom.png'); background-position:bottom center, center 1px, top center; background-repeat:no-repeat, no-repeat, no-repeat; position:absolute; display:none; padding-bottom:7px; padding-top:3px; margin-bottom:4px; width:140px; text-align:center; font-size:12px; z-index:10; height:28px; } .mandm .formatBar button{ display:inline-block; height:28px; width:28px; border:none; } .mandm .formatBar .boldButton{ background-image:url('https://chainsawxiv.github.io/DST/common/images/bold.png'); } .mandm .formatBar .boldButton:hover{ background-image:url('https://chainsawxiv.github.io/DST/common/images/bold_hover.png'); } .mandm .formatBar .boldButton:active{ background-image:url('https://chainsawxiv.github.io/DST/common/images/bold_active.png'); } .mandm .formatBar .italicButton{ background-image:url('https://chainsawxiv.github.io/DST/common/images/italic.png'); } .mandm .formatBar .italicButton:hover{ background-image:url('https://chainsawxiv.github.io/DST/common/images/italic_hover.png'); } .mandm .formatBar .italicButton:active{ background-image:url('https://chainsawxiv.github.io/DST/common/images/italic_active.png'); } .mandm .formatBar .underlineButton{ background-image:url('https://chainsawxiv.github.io/DST/common/images/underline.png'); } .mandm .formatBar .underlineButton:hover{ background-image:url('https://chainsawxiv.github.io/DST/common/images/underline_hover.png'); } .mandm .formatBar .underlineButton:active{ background-image:url('https://chainsawxiv.github.io/DST/common/images/underline_active.png'); } .mandm .formatBar .indentButton{ background-image:url('https://chainsawxiv.github.io/DST/common/images/indent.png'); } .mandm .formatBar .indentButton:hover{ background-image:url('https://chainsawxiv.github.io/DST/common/images/indent_hover.png'); } .mandm .formatBar .indentButton:active{ background-image:url('https://chainsawxiv.github.io/DST/common/images/indent_active.png'); } /* List Interface */ .mandm .add, .mandm .trash, .mandm .balance, .mandm .autobalance{ display:none; float:right; height:15px; width:15px; margin-bottom:0px; cursor:default; } .mandm .autobalance{ position:relative; top:-1px; margin-right:0px; } .mandm .trash{ background:url('https://chainsawxiv.github.io/DST/common/images/trash.png'); } .mandm .trash.active{ background:url('https://chainsawxiv.github.io/DST/common/images/trash_active.png'); } .mandm .trash.over{ background:url('https://chainsawxiv.github.io/DST/common/images/trash_hover.png'); } .mandm .add{ background:url('https://chainsawxiv.github.io/DST/common/images/add.png'); cursor:pointer; } .mandm .add:hover{ background:url('https://chainsawxiv.github.io/DST/common/images/add_hover.png'); } .mandm .balance{ background:url('https://chainsawxiv.github.io/DST/common/images/balance.png'); cursor:pointer; } .mandm .balance:hover{ background:url('https://chainsawxiv.github.io/DST/common/images/balance_hover.png'); } .mandm .list{ padding:0px; line-height:inherit; } .mandm .list li.item{ display:inline-block; width:100%; position:relative; border-color:red; border-radius:2px; } .mandm .list li.item:nth-of-type(odd){ background-color:rgba(0,0,0,0.05); } .mandm .list li.item:nth-of-type(even){ background-color:initial; } .mandm .list .column li.item:nth-of-type(even){ background-color:rgba(0,0,0,0.05); } .mandm .list .column li.item:nth-of-type(odd){ background-color:initial; } .mandm .list li.proto{ display:none; } .mandm .list li.over-below{ border-bottom:1px dashed rgb(0,0,0); } .mandm .list li.over-below:before{ content:"â–¶"; position:absolute; left:-10px; bottom:-9px; z-index:10; } .mandm .list li.over-below:after{ content:"â—€"; position:absolute; right:-10px; bottom:-9px; z-index:10; } .mandm .list li.over-above{ border-top:1px dashed rgb(0,0,0); line-height:16px; } .mandm .list li.over-above:before{ content:"â–¶"; position:absolute; left:-10px; top:-8px; z-index:10; } .mandm .list li.over-above:after{ content:"â—€"; position:absolute; right:-10px; top:-8px; z-index:10; } .mandm .list li.source{ background-color:rgba(0,0,0,0.1); box-shadow:0px 0px 4px rgba(0,0,0,0.1); } .mandm .list li .handle{ display:none; float: left; position: relative; top: -1px; left: -6px; height:18px; width:19px; margin-right:-5px; } .mandm .list li .handle div{ background-image:url('https://chainsawxiv.github.io/DST/common/images/grab.png'); background-position:2px 0px; background-repeat:no-repeat; height:12px; width:13px; margin:3px; } .mandm .list li .handle div:hover{ background-image:url('https://chainsawxiv.github.io/DST/common/images/grab_hover.png'); } .mandm .list li .handle img{ position:absolute; top:-1px; left:-1px; height:13px; } .editable .mandm .list li .handle, .editable .mandm .add, .editable .mandm .trash, .editable .mandm .balance, .editable .mandm .autobalance{ display:inline-block; } .mandm .list .item ul, .mandm .list .item li{ line-height:16px; } /* Pips Interface */ .mandm .pips{ position:relative; z-index:2; float:right; top:3px; height:17px; padding:0px 0px 0px 0px; margin:0px 0px 0px 2px; } .mandm .pips.pipsRange_3{ width:41px; } .mandm .pips.pipsRange_5{ width:70px; } .mandm .pips.pipsRange_10{ width:142px; } .mandm .pips .pip{ position:absolute; top:-2px; height:15px; width:15px; display:inline-block; } .mandm .pipBorder{ background-image:url('https://chainsawxiv.github.io/DST/common/images/pip_border.svg'); display:inline-block; height:15px; width:15px; } .mandm .pips .pipOff{ background-image:url('../images/pip_off.png'); } .editable .mandm .pips .pipOff:hover{ background-image:url('../images/pip_off_hover.png'); } .mandm .pips .pipOn{ background-image:url('../images/pip_on.png'); } .editable .mandm .pips .pipOn:hover{ background-image:url('../images/pip_on_hover.png'); } .mandm .pips svg{ position:absolute; } /* Page Tabs */ .mandm .tabs{ position:absolute; padding-right:90px; top:-37px; right:0px; z-index:3; } .mandm .tab{ display:inline-block; float:right; height:40px; width:46px; } .mandm .tab:not(.active){ cursor:pointer; } .mandm .tab.crunch{ background: url('https://chainsawxiv.github.io/DST/common/images/crunch.png') no-repeat 50% 50%, url('../images/tab01_inactive.png'); background-size: 61% 70%, 100% 100%; } .mandm .tab.crunch:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/common/images/crunch_hover.png'), url('../images/tab01_inactive.png'); } .mandm .tab.crunch.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/crunch.png'), url('../images/tab01_active.png'); } .mandm .tab.magic{ background: url('https://chainsawxiv.github.io/DST/common/images/magic.png') no-repeat 50% 50%, url('../images/tab02_inactive.png'); background-size: 61% 70%, 100% 100%; } .mandm .tab.magic:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/common/images/magic_hover.png'), url('../images/tab02_inactive.png'); } .mandm .tab.magic.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/magic.png'), url('../images/tab02_active.png'); } .mandm .tab.equipment{ background: url('https://chainsawxiv.github.io/DST/common/images/equipment.png') no-repeat 50% 50%, url('../images/tab03_inactive.png'); background-size: 61% 70%, 100% 100%; } .mandm .tab.equipment:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/common/images/equipment_hover.png'), url('../images/tab03_inactive.png'); } .mandm .tab.equipment.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/equipment.png'), url('../images/tab03_active.png'); } .mandm .tab.fluff{ background: url('https://chainsawxiv.github.io/DST/common/images/fluff.png') no-repeat 50% 50%, url('../images/tab04_inactive.png'); background-size: 61% 70%, 100% 100%; } .mandm .tab.fluff:not(.active):hover{ background-image: url('https://chainsawxiv.github.io/DST/common/images/fluff_hover.png'), url('../images/tab04_inactive.png'); } .mandm .tab.fluff.active{ background-image: url('https://chainsawxiv.github.io/DST/common/images/fluff.png'), url('../images/tab04_active.png'); } /* Tooltip Interface */ .mandm .tip{ display:none; } .mandm .highlight{ background-color:rgba(0,0,0,0.4); } .editable .mandm .tip{ display:inline-block; float:right; cursor: pointer; position: relative; top:4px; height:12px; width:12px; background:url('https://chainsawxiv.github.io/DST/common/images/tip.png') no-repeat; color:transparent; overflow:hidden; background-size:11px; opacity:0.7; } .editable .mandm .tip:hover{ background-image:url('https://chainsawxiv.github.io/DST/common/images/tip_hover.png'); } .mandm .tipBox{ display:none; position:absolute; z-index:25; left:50%; top:50%; } .mandm .tipBox .corner.topLeft{ background:url('https://chainsawxiv.github.io/DST/common/solar/brass-corner-top-left.png') top left no-repeat; background-size:15px 15px; top:-1px; left:-1px; } .mandm .tipBox .corner.topRight{ background:url('https://chainsawxiv.github.io/DST/common/solar/brass-corner-top-right.png') top right no-repeat; background-size:15px 15px; top:-1px; right:-1px; } .mandm .tipBox .corner.bottomLeft{ background:url('https://chainsawxiv.github.io/DST/common/solar/brass-corner-bottom-left.png') bottom left no-repeat; background-size:15px 15px; bottom:-1px; left:-1px; } .mandm .tipBox .corner.bottomRight{ background:url('https://chainsawxiv.github.io/DST/common/solar/brass-corner-bottom-right.png') bottom right no-repeat; background-size:15px 15px; bottom:-1px; right:-1px; } .mandm .tipBox .corner{ position:absolute; height:15px; width:15px; border-radius:3px; } .mandm .tipBox .contentBox{ min-height:100px; width:300px; background: url('https://chainsawxiv.github.io/DST/common/solar/background.jpg') top left no-repeat; background-size: 730px 730px; background-color:#e4e5d5; border-style:solid; border-width:1px; border-color:#554220; box-shadow:0px 0px 15px rgba(0,0,0,0.3); } .mandm .tipBox .contentBox .tipArea, .mandm .tipBox .contentBox .tipArea:hover{ background-color:rgba(255,255,224,0.7); margin:5px; width:278px; min-height:88px; border:1px dotted rgba(0,0,0,0.3); border-radius:4px; padding:0px 5px 2px 5px; font-family:'Patrick Hand',Sans Serif; font-size: 15px; line-height: 18px; color:#554220; } .mandm .tipBox .contentBox .tipArea ul{ margin:0px; padding: 0px 0px 0px 20px; list-style: url('../images/bullet.png'); } .mandm .tipBox .contentBox .tipArea ul li{ margin:0px; line-height:18px; } /* Sheet Content */ .wrapper.mandm{ position:relative; width:730px; margin:0px auto; } .mandm .main{ position:relative; width:708px; padding:0px 10px 80px 10px; margin:40px 0px 20px 0px; min-height: 795px; background-image:url('https://chainsawxiv.github.io/DST/common/solar/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:#black; } .mandm .list.twocolumn .column{ width:343px; } .mandm .twocolumn li.item{ width:345px; } .mandm .threecolumn .column{ width:223px; } .mandm .threecolumn li.item{ width:226px; } .mandm .list .column.colspace{ margin-right:12px; } .mandm .group{ margin:0px 0px 8px 0px; padding:0px 3px 0px 3px; position:relative; } .mandm .section{ display:inline-block; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 2px 1px; min-height:30px; } .mandm .halfwidth{ width:348px; } .mandm .thirdwidth{ width:219px; } .mandm .thirdwidthinside{ width:219px; font-size:17px; } .mandm dl dt { font-weight: normal; margin-bottom: 0; } .mandm dl { overflow: hidden; margin: 0; font-weight: normal; } .mandm dt { float: left; padding: 0 .4em 0 0; margin: 0; font-weight: normal; } .mandm dd { float: right; padding: 0 0 0 .4em; margin: 0; font-weight: normal; } .mandm .column{ vertical-align:top; display:inline-block; } .mandm .colspace{ margin-right:6px; } .mandm .head{ font-size:14pt; font-weight:normal; letter-spacing:3px; border-bottom:solid 1px #554220; margin-bottom:5px; } .mandm .pagehead{ text-align:center; width:600px; margin:22px auto 10px auto; } .mandm .hidden{ display:none; } .mandm .page{ display:none; } .mandm .page.active{ display:block; } .mandm .page_foot{ text-align:center; width:600px; margin:22px 0px 0px 55px; padding:0px 0px 30px 0px; position:absolute; bottom:12px; font-size: 12px; } .mandm a{ text-decoration:none; color:#554220; } .mandm .section a{ text-decoration:underline; } .mandm .right{ float:right; text-align:right; } /* Corner Brass */ .mandm .corner_top_left{ position:absolute; left:-7px; top:-7px; z-index:4; } .mandm .corner_top_right{ position:absolute; right:-7px; top:-7px; z-index:4; } .mandm .corner_bottom_left{ position:absolute; left:-7px; bottom:-7px; z-index:4; } .mandm .corner_bottom_right{ position:absolute; right:-7px; bottom:-7px; z-index:4; } .mandm .logo_bottom{ position:absolute; left:279px; bottom:-17px; z-index:4; width:150px; height:38px: } /* Caste Icons */ .mandm .casteIcon{ position:absolute; left:118px; top:0px; height:85px; } /* Portrait */ .mandm .portraitholder{ display:inline-block; position:relative; float:right; margin:3px 3px 5px 10px; border-style:solid; border-width:1px; border-color:black; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 8px; } .mandm .portraitholder .portrait .avatar_image { min-height: 150px; min-width: 150px; background-color: white; margin: 0px; padding: 0px; max-height: 300px; max-width: 300px; border-bottom-style: solid; border-width: 3px; border-color: black; border-radius:8px 8px 0 0; } .mandm .portraitholder .topleft{ position:absolute; left:-4px; top:-4px; width:64px; height:64px; z-index:4; } .mandm .portraitholder .topright{ position:absolute; right:-4px; top:-4px; width:64px; height:64px; z-index:4; } .mandm .portraitholder .bottomleft{ position:absolute; left:-4px; bottom:-4px; width:64px; height:64px; z-index:4; } .mandm .portraitholder .bottomright{ position:absolute; right:-4px; bottom:-4px; width:64px; height:64px; z-index:4; } .mandm .portraitholder .container{ text-align: center; padding: 10px 20px; } /* Editable Fields */ .mandm .dsf:not(.readonly), .mandm .edit:not(.readonly){ line-height: 14px; } .mandm .dsf.pips10label, .mandm .edit.pips10label{ width:180px; } .mandm .dsf.pips5label, .mandm .edit.pips5label{ width:244px; } .mandm .dsf.pips3label, .mandm .edit.pips3label{ width:281px; } .mandm .dsf.fullcolumn, .mandm .edit.fullcolumn{ width:312px; } .mandm .threecolumn .dsf.fullcolumn, .mandm .threecolumn .edit.fullcolumn{ width:196px; } .mandm .thirdwidth{ width:230px; } .mandm .twothirdwidth{ width:472px; } .mandm .dsf.fullwidth, .mandm .edit.fullwidth{ width:704px; min-height:50px; display:inline-block; line-height:17px; text-align:justify; } .editable .mandm .list .dsf.fullwidth, .editable .mandm .list .edit.fullwidth{ width:674px; } .mandm .list .dsf.fullwidth, .mandm .list .edit.fullwidth{ min-height:0px; line-height:14px; } .mandm .dsf.right, .mandm .edit.right{ max-width:180px; min-width:100px; } .editable .mandm .dsf:hover:not(.readonly), .editable .mandm .edit:hover:not(.readonly){ color:#957438; background-color:rgba(0,0,0,0.02); } .editable .mandm .dsf:focus, .editable .mandm .edit:focus, .editable .mandm .dsf:focus:hover, .editable .mandm .edit:focus:hover{ color:#957438; background-color:rgba(0,0,0,0.05); } /* Attack List */ .mandm .attacks .weapon{ width:193px; margin-left:5px; } .editable .mandm .attacks .weapon{ width:180px; margin-left:0px; } .editable .mandm .attacks .labelrow .weapon{ margin-left:16px; } .mandm .attacks .labelrow span{ display:inline-block; border-bottom:1px solid #A59270; line-height:12px; } .mandm .attacks .bonus, .mandm .attacks .resist{ display:inline-block; width:50px; text-align:center; margin-left:3px; } .mandm .attacks .notes{ display:inline-block; width:137px; margin-left:3px; } .mandm .list li.item.highlight,.mandm .list .column li.item.highlight{ background-color:rgba(255,255,255,0.4); } .mandm .skills .skill{ width:170px; margin-left:13px; } .editable .mandm .skills .skill{ width:170px; margin-left:0px; } .mandm .skills .labelrow .skill{ margin-left:16px; } .mandm .skills .labelrow span{ display:inline-block; border-bottom:1px solid #A59270; line-height:12px; } .mandm .skills .total, .mandm .skills .ability, .mandm .skills .rank, .mandm .skills .other, .mandm .slist .total, .mandm .slist .ability, .mandm .slist .ranks, .mandm .slist .other{ display:inline-block; width:49px; text-align:center; margin-left:3px; } .mandm .skills .symbol{ display:inline-block; width:10px; text-align:center; margin-left:3px; } /* Misc */ .mandm .name{ display:inline-block; font-size:24pt; margin:0px 0px 9px 0px; width: 600px; height:16px; } .mandm .dsf.dsf_type{ font-family:'Cinzel', palatino, serif; font-size:14px; line-height:17px; } .mandm .dsf.dsf_bio{ width: auto; display:block; } .mandm .dsf.dsf_bio p{ margin-top:17px; } .mandm .dsf.dsf_bio p:first-of-type{ margin-top:0px; } .editable .mandm .list_combos .edit.fullwidth{ width:672px; } .mandm .check.autobalance .checkMark{ background-position: 1px 3px; position: relative; left: 2px; } /* Static List Interface */ .mandm .slist{ padding:0px; line-height:inherit; } .mandm .slist .sskill{ width:170px; margin-left:16px; display: inline-block; position: relative; } .mandm .slist li.item{ display:inline-block; width:100%; position:relative; border-color:red; border-radius:2px; } .mandm .slist li.item:nth-of-type(odd){ background-color:rgba(0,0,0,0.05); } .mandm .slist li.item:nth-of-type(even){ background-color:initial; } .mandm .slist .column li.item:nth-of-type(even){ background-color:rgba(0,0,0,0.05); } .mandm .slist .column li.item:nth-of-type(odd){ background-color:initial; } .mandm .slist li.proto{ display:none; } .mandm .slist li.over-below{ border-bottom:1px dashed rgb(0,0,0); } .mandm .slist li.over-below:before{ content:"â–¶"; position:absolute; left:-10px; bottom:-9px; z-index:10; } .mandm .slist li.over-below:after{ content:"â—€"; position:absolute; right:-10px; bottom:-9px; z-index:10; } .mandm .slist li.over-above{ border-top:1px dashed rgb(0,0,0); line-height:16px; } .mandm .slist li.over-above:before{ content:"â–¶"; position:absolute; left:-10px; top:-8px; z-index:10; } .mandm .slist li.over-above:after{ content:"â—€"; position:absolute; right:-10px; top:-8px; z-index:10; } .mandm .slist li.source{ background-color:rgba(0,0,0,0.1); box-shadow:0px 0px 4px rgba(0,0,0,0.1); } .mandm .slist li .handle{ display:none; float: left; position: relative; top: -1px; left: -6px; height:18px; width:19px; margin-right:-5px; } .mandm .slist li .handle div{ background-image:url('https://chainsawxiv.github.io/DST/common/images/grab.png'); background-position:2px 0px; background-repeat:no-repeat; height:12px; width:13px; margin:3px; } .mandm .slist li .handle div:hover{ background-image:url('https://chainsawxiv.github.io/DST/common/images/grab_hover.png'); } .mandm .slist li .handle img{ position:absolute; top:-1px; left:-1px; height:13px; } .editable .mandm .slist li .handle, .editable .mandm .add, .editable .mandm .trash, .editable .mandm .balance, .editable .mandm .autobalance{ display:inline-block; } .mandm .slist .item ul, .mandm .slist .item li{ line-height:inherit; }
Javascript
// Global Options csx_opts = { 'setupCallback': function(item){mutants_masterminds_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 mutants_masterminds_dataPostLoad(data){ mm_recalculateDerivedStats(); 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); } function mutants_masterminds_dataChange(options) { // Called immediately after a data value is changed. // alert("dataChange. " + options['fieldName'] + " = " + options['fieldValue']); mm_recalculateDerivedStats(); } // Setup After Script Load function mutants_masterminds_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 mutants_masterminds_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(); } // You can define your own variables...just make sure to namespace them! var mutants_masterminds_abilities = [ "ability", "power", "advantage", "skill", "defense", "total", ]; function mm_recalculateDerivedStats() { //Common variables var ability = parseInt(jQuery('.dsf_ppAbilities').html()); var power = parseInt(jQuery('.dsf_ppPowers').html()); var advantage = parseInt(jQuery('.dsf_ppAdvantages').html()); var skill = parseInt(jQuery('.dsf_ppSkills').html()); var defense = parseInt(jQuery('.dsf_ppDefenses').html()); //Hit Point values jQuery('.dsf_hpMax').html(ability+power+advantage+skill+defense); }
Submit Notes
Back
I'm sorry, but we no longer support this web browser. Please
upgrade your browser
or install
Chrome
or
Firefox
to enjoy the full functionality of this site.