Updating Equipment Section 1 of 2

This commit is contained in:
BuildAndDie
2016-11-10 18:14:38 -06:00
parent cfef5dd17f
commit 4b8fa7e299
7 changed files with 417 additions and 282 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 60 KiB

@@ -32,6 +32,15 @@
padding: 0;
text-align: center;
vertical-align: middle;
}
/* make third only expand and shrink to so wide & still be centered */
.sheet-fifth {
margin-left: auto;
margin-right: auto;
width: 165px;
padding: 0;
text-align: center;
vertical-align: middle;
}
/* temp make two-third only expand and shrink to so wide & still be centered */
.sheet-twoThird {
@@ -88,7 +97,7 @@
background-repeat: no-repeat;
background-position: left top;
width: 275px;
height: 155px;
height: 175px;
padding: 0;
background-color: white;
}
@@ -141,6 +150,35 @@
height: 28px;
padding: 0;
background-color: white;
}
/* Action Top Background paper look */
.sheet-equipmentTop {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Equipment%20Top.png");
background-repeat: no-repeat;
background-position: left top;
width: 165px;
height: 15px;
padding: 0;
background-color: white;
}
/* Action Middle Background paper look */
.sheet-equipmentMiddle {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Equipment%20Middle.png");
background-repeat: repeat-y;
background-position: left top;
width: 165px;
padding: 0;
background-color: white;
}
/* Action Bottom Background paper look */
.sheet-equipmentBottom {
background-image: url("https://raw.githubusercontent.com/BuildAndDie/roll20-character-sheets/master/Open%20Legend%20Basic%20by%20Great%20Moustache/BG%20Equipment%20Bottom.png");
background-repeat: no-repeat;
background-position: left top;
width: 165px;
height: 20px;
padding: 0;
background-color: white;
}
/* sometimes you need a row of divs to look and act like a table... deal */
.sheet-makeTable, .sheet-rolltemplate-openLegends .sheet-makeTable { display: table; }
@@ -523,6 +561,9 @@ input.sheet-checks25 {
.sheet-width3of8, .sheet-rolltemplate-openLegends .sheet-width3of8 { width: 37.5%; }
.sheet-width5of8, .sheet-rolltemplate-openLegends .sheet-width5of8 { width: 62.5%; }
.sheet-width7of8, .sheet-rolltemplate-openLegends .sheet-width7of8 { width: 87.5%; }
.sheet-width165 { width: 165px; }
.sheet-width275 { width: 275px; }
.sheet-width835 { width: 825px; }
.sheet-height5, .sheet-rolltemplate-openLegends .sheet-height5 { height: 5px; }
.sheet-height10, .sheet-rolltemplate-openLegends .sheet-height10 { height: 10px; }
@@ -1498,7 +1498,7 @@ var TAS = TAS || (function(){
<!-- Main body of Character Sheet -->
<div class="container"> <!-- defines the width/height & behavior of the page -->
<!-- section for basic Character information -->
<div class="row width100 borderAll marginBottom"> <!-- section for basic Character information -->
<div class="row width825 marginBottom"> <!-- section for basic Character information -->
<div class="width1of3 inlineBlock"> <!-- Left Third of 2/3 rows for info (Name & Player) -->
<div class="column width100 textCenter bold vertBottom">Character Name</div>
<div class="column width100 textCenter inputName"><input type="text" name="attr_character_name" /></div>
@@ -1806,301 +1806,403 @@ var TAS = TAS || (function(){
<!-- end of supernatural attributes -->
</div>
<!-- end of left column for Attributes -->
<!-- Right column for everything else (divided in 2 for part -->
<div class="twoThird inlineBlock vertTop">
<!-- Top Half divided into 2 columns -->
<!-- Top Half left side -->
<div class="third inlineBlock vertTop">
<!-- Evasion information -->
<div class="width100 padAll">
<div class="evasion vertTop padTop">
<div class="inlineBlock vertTop padTop" style="width: 155px;">
<div class="column width100 textCenter bold textLargest padBottom">Evasion</div>
<div class="column width100 inputNumberLarge padTop"><input type="number" name="attr_evasion" value=0 /></div>
</div>
<div class="inlineBlock vertTop" style="width: 120px;">
<div class="width100">
<div class="column width100 height5"></div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_agility_score" value="@{agility_score}" disabled="disabled" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock">Agility</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_armor" value="@{armor}" disabled="disabled" /></div>
<div class="column width2of3 italic bold textLarge padTop textLeft inlineBlock">Armor</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_shield" value="@{shield}" disabled="disabled" /></div>
<div class="column width2of3 italic bold textLarge padTop textLeft inlineBlock">Shield</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_evasion_other" value="0" /></div>
<div class="column width2of3 italic bold textLarge padTop textLeft inlineBlock">Other</div>
</div>
<!-- Middle column for defenses & actions -->
<div class="third inlineBlock vertTop">
<!-- Evasion information -->
<div class="width100 padAll">
<div class="evasion vertTop padTop">
<div class="inlineBlock vertTop padTop" style="width: 155px;">
<div class="column width100 textCenter bold textLargest padBottom">Evasion</div>
<div class="column width100 inputNumberLarge padTop"><input type="number" name="attr_evasion" value=0 /></div>
</div>
<div class="inlineBlock vertTop" style="width: 120px;">
<div class="width100">
<div class="column width100 height5"></div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_agility_score" value="@{agility_score}" disabled="disabled" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock">Agility</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_armor" value=0 /></div>
<div class="column width2of3 italic bold textLarge padTop textLeft inlineBlock">Armor</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_shield" value=0 /></div>
<div class="column width2of3 italic bold textLarge padTop textLeft inlineBlock">Shield</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_evasion_other" value="0" /></div>
<div class="column width2of3 italic bold textLarge padTop textLeft inlineBlock">Other</div>
</div>
</div>
</div>
<!-- End evasion -->
<!-- Toughness information -->
<div class="width100 padAll">
<div class="toughness vertTop padTop">
<div class="inlineBlock vertTop padTop" style="width: 155px;">
<div class="column width100 textCenter bold textLargest padBottom">Toughness</div>
<div class="column width100 inputNumberLarge padTop"><input type="number" name="attr_toughness" value=0 /></div>
</div>
<div class="inlineBlock vertTop" style="width: 120px;">
<div class="width100 padTop">
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_fortitude_score" value="@{fortitude_score}" disabled="true" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Fortitude</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_presence_score" value="@{presence_score}" disabled="true" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Presence</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_toughness_other" value="0" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Other</div>
</div>
</div>
</div>
</div>
<!-- end toughness -->
<!-- Resolve information -->
<div class="width100 padAll">
<div class="resolve vertTop padTop">
<div class="inlineBlock vertTop padTop" style="width: 155px;">
<div class="column width100 textCenter bold textLargest padBottom">Resolve</div>
<div class="column width100 inputNumberLarge padTop"><input type="number" name="attr_resolve" value=0 /></div>
</div>
<div class="inlineBlock vertTop" style="width: 120px;">
<div class="width100 padTop">
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_presence_score" value="@{presence_score}" disabled="true" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Presence</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_will_score" value="@{will_score}" disabled="true" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Will</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_resolve_other" value="0" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Other</div>
</div>
</div>
</div>
</div>
<!-- end Resolve -->
</div>
<!-- End Top Half left side -->
<!-- Top Half right side -->
<div class="third inlineBlock vertTop">
<!-- Hit Points Section -->
<div class="hitPoints padTop padBottom">
<div class="width100 height25"></div>
<div class="column width100 textLargest bold padTop padBottom">Hit Points</div>
<div class="width100 padTop">
<div class="column width50 inlineBlock borderRight textLarge italic bold">Current</div>
<div class="column width50 inlineBlock borderLeft textLarge italic bold">Max</div>
<div class="column width50 inlineBlock borderRight inputNumberLarge"><input type="number" name="attr_hit_point" value=0 /></div>
<div class="column width50 inlineBlock borderLeft inputNumberLarge"><input type="number" name="attr_hit_point_max" value=0 /></div>
<!-- End evasion -->
<!-- Toughness information -->
<div class="width100 padAll">
<div class="toughness vertTop padTop">
<div class="inlineBlock vertTop padTop" style="width: 155px;">
<div class="column width100 textCenter bold textLargest padBottom">Toughness</div>
<div class="column width100 inputNumberLarge padTop"><input type="number" name="attr_toughness" value=0 /></div>
</div>
<div class="inlineBlock vertTop" style="width: 120px;">
<div class="width100 padTop">
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_fortitude_score" value="@{fortitude_score}" disabled="true" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Fortitude</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_presence_score" value="@{presence_score}" disabled="true" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Presence</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_toughness_other" value="0" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Other</div>
</div>
</div>
</div>
<!-- End Hit Points Section -->
<!-- Legend Points & Speed Section -->
<div class="speedLethalDamage padTop">
<div class="width45 inlineBlock padBottom vertTop">
<div class="column width100 textCenter bold textLarge marginTop">Speed</div>
<div class="column width100 inputNumberLarge padTop padBottom"><input type="number" name="attr_speed" value=0 /></div>
<div class="column width100 vertTop inputNumber30">Base <input type="number" name="attr_base_speed" value=30 /></div>
</div>
<div class="width10 inlineBlock"></div>
<div class="width45 inlineBlock padBottom vertTop">
<div class="column width100 textCenter bold textLarge black marginTop">Lethal Damage</div>
<div class="column width100 inlineBlock inputNumberLarge padTop"><input type="number" name="attr_lethal_damage" value=0 /></div>
</div>
</div>
<!-- End Legend Points & Speed Section -->
<!-- Wealth Level Information -->
<div class="column width100 textLargest bold padTop">Wealth Level</div>
<div class="wealth">
<div class="width100 height15"></div>
<div class="column width100 inputNumber60 padTop"><input type="number" name="attr_wealth_level" value=2 /></div>
</div>
<!-- End Wealth Level Information -->
</div>
<!-- end Top Half Right side -->
<!-- Bottom Half -->
<div class="third inlineBlock vertTop">
<!-- Actions Area -->
<div class="actionsTop padTop padLeft">
<div class="column width100 textLargest bold textShadow padTop">Actions</div>
<!-- Headings for the actions -->
<div class="column width25 bold italic inlineBlock textCenter padLeft">Settings</div>
<div class="column width75 bold italic inlineBlock textCenter">Name (click to roll)</div>
</div>
<div class="actionsMiddle padTop padRight">
<!-- Add actions as needed Section (repeating fields) -->
<div class="width100 vertTop padRight">
<fieldset class="repeating_actions">
<div class="width25 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width75 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{action_name}}} {{vs= @{action_target}}} {{roll= @{action_attribute}}} {{Description= @{action_special}}}"><input type="text" style="text-align: center;" name="attr_action_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings padLeft">
<div class="column width25 inlineBlock bold">Name: </div>
<div class="column width75 inlineBlock inputNameShort"><input type="text" name="attr_action_name" /></div>
<div class="column width45 inlineBlock bold textSmall">Attribute</div>
<div class="column width10 inlineBlock bold textSmall">vs</div>
<div class="column width45 inlineBlock bold textSmall">Target</div>
<div class="column width45 inlineBlock inputSelect">
<select name="attr_action_attribute">
<option value="None" selected="selected">None</option>
<option value="@{agility_dice_roll} Agility">Agility</option>
<option value="@{fortitude_dice_roll} Fortitude">Fortitude</option>
<option value="@{might_dice_roll} Might">Might</option>
<option value="@{deception_dice_roll} Deception">Deception</option>
<option value="@{presence_dice_roll} Presence">Presence</option>
<option value="@{persuasion_dice_roll} Persuasion">Persuasion</option>
<option value="@{learning_dice_roll} Learning">Learning</option>
<option value="@{logic_dice_roll} Logic">Logic</option>
<option value="@{perception_dice_roll} Perception">Perception</option>
<option value="@{will_dice_roll} Will">Will</option>
<option value="@{alteration_dice_roll} Alteration">Alteration</option>
<option value="@{creation_dice_roll} Creation">Creation</option>
<option value="@{energy_dice_roll} Energy">Energy</option>
<option value="@{entropy_dice_roll} Entropy">Entropy</option>
<option value="@{influence_dice_roll} Influence">Influence</option>
<option value="@{movement_dice_roll} Movement">Movement</option>
<option value="@{prescience_dice_roll} Prescience">Prescience</option>
<option value="@{protection_dice_roll} Protection">Protection</option>
</select>
</div>
<div class="column width10 inlineBlock bold italic textCenter">vs</div>
<div class="column width45 inlineBlock inputSelect">
<select name="attr_action_target">
<option value="None" selected="selected">None</option>
<option value="Evasion">Evasion</option>
<option value="Toughness">Toughness</option>
<option value="Resolve">Resolve</option>
</select>
</div>
<div class="column width100 bold textSmall">Description/Special/Flavor Text</div>
<div class="column width100 resizeVert vertTop"><textarea class="height50" name="attr_action_special"></textarea></div>
</div>
</fieldset>
<!-- end toughness -->
<!-- Resolve information -->
<div class="width100 padAll">
<div class="resolve vertTop padTop">
<div class="inlineBlock vertTop padTop" style="width: 155px;">
<div class="column width100 textCenter bold textLargest padBottom">Resolve</div>
<div class="column width100 inputNumberLarge padTop"><input type="number" name="attr_resolve" value=0 /></div>
</div>
<div class="inlineBlock vertTop" style="width: 120px;">
<div class="width100 padTop">
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_presence_score" value="@{presence_score}" disabled="true" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Presence</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_show_will_score" value="@{will_score}" disabled="true" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Will</div>
<div class="column width1of3 inputNumber30 inlineBlock"><input type="number" name="attr_resolve_other" value="0" /></div>
<div class="column width2of3 italic bold textLarge textLeft inlineBlock padTop">Other</div>
</div>
</div>
</div>
<div class="actionsBottom"></div>
</div>
<!-- End Actions Area -->
<!-- Feats, Perks, Flaws Area -->
<div class="third inlineBlock vertTop">
<!-- Columns of Feats -->
<div class="actionsTop padTop padLeft padRight">
<div class="column width100 textCenter bold textLargest textShadow vertTop padTop">Feats</div>
<!-- sub sections for feat points spent and total -->
<div class="width50 inlineBlock vertTop padLeft">
<div class="column width2of3 inlineBlock textRight bold italic">Total Points</div>
<div class="column width1of3 inlineBlock inputNumber"><input type="number" name="attr_feat_total_points" value=0 /></div>
</div>
<div class="width50 inlineBlock vertTop padRight">
<div class="column width2of3 inlineBlock textRight bold italic">Points Used</div>
<input type="hidden" name="attr_featLeft_points_spent" value=0 />
<input type="hidden" name="attr_featRight_points_spent" value=0 />
<div class="column width1of3 inlineBlock inputNumber"><input type="number" name="attr_feat_points_spent" value="@{featLeft_points_spent}+@{featRight_points_spent}" disabled="disabled" /></div>
</div>
</div>
<div class="actionsMiddle padTop padLeft padRight">
<div class="width50 inlineBlock vertTop padTop">
<fieldset class="repeating_featsLeft">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{feat_left_name}}} {{Description= @{feat_left_description}}}"><input type="text" style="text-align: center;" name="attr_feat_left_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width75 inlineBlock bold textSmall">Name</div>
<div class="column width25 inlineBlock bold textSmall">Cost</div>
<div class="column width75 inlineBlock inputNameShort"><input type="text" name="attr_feat_left_name" /></div>
<div class="column width25 inlineBlock inputNumber30"><input type="number" name="attr_feat_left_cost" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_feat_left_description"></textarea></div>
</div>
</fieldset>
</div>
<div class="width50 inlineBlock vertTop padTop">
<fieldset class="repeating_featsRight">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{feat_right_name}}} {{Description= @{feat_right_description}}}"><input type="text" style="text-align: center;" name="attr_feat_right_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width75 inlineBlock bold textSmall">Name</div>
<div class="column width25 inlineBlock bold textSmall">Cost</div>
<div class="column width75 inlineBlock inputNameShort"><input type="text" name="attr_feat_right_name" /></div>
<div class="column width25 inlineBlock inputNumber30"><input type="number" name="attr_feat_right_cost" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_feat_right_description"></textarea></div>
</div>
</fieldset>
</div>
<!-- End Columns of Feats -->
<!-- Column for Perks -->
<div class="column width100 textCenter bold textLargest textShadow vertTop padTop padBottom">Perks</div>
<div class="width50 inlineBlock vertTop">
<fieldset class="repeating_perks">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{perks_name}}} {{Description= @{perks_description}}}"><input type="text" style="text-align: center;" name="attr_perks_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width100 bold textSmall">Name</div>
<div class="column width100 inputNameShort"><input type="text" name="attr_perks_name" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_perks_description"></textarea></div>
</div>
</fieldset>
</div>
<div class="width50 inlineBlock vertTop">
<fieldset class="repeating_perksRight">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{perksRight_name}}} {{Description= @{perksRight_description}}}"><input type="text" style="text-align: center;" name="attr_perksRight_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width100 bold textSmall">Name</div>
<div class="column width100 inputNameShort"><input type="text" name="attr_perksRight_name" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_perksRight_description"></textarea></div>
</div>
</fieldset>
</div>
<!-- end Column for Perks -->
<!-- Column for Flaws -->
<div class="column width100 textCenter bold textLargest textShadow vertTop padTop padBottom">Flaws</div>
<div class="width50 inlineBlock vertTop">
<fieldset class="repeating_flaws">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{flaws_name}}} {{Description= @{flaws_description}}}"><input type="text" style="text-align: center;" name="attr_flaws_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width100 bold textSmall">Name</div>
<div class="column width100 inputNameShort"><input type="text" name="attr_flaws_name" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_flaws_description"></textarea></div>
</div>
</fieldset>
</div>
<div class="width50 inlineBlock vertTop">
<fieldset class="repeating_flawsRight">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{flawsRight_name}}} {{Description= @{flawsRight_description}}}"><input type="text" style="text-align: center;" name="attr_flawsRight_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width100 bold textSmall">Name</div>
<div class="column width100 inputNameShort"><input type="text" name="attr_flawsRight_name" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_flawsRight_description"></textarea></div>
</div>
</fieldset>
</div>
<!-- end Column for Flaws -->
</div>
<div class="actionsBottom"></div>
<!-- End Feats, Perks, Flaws Area -->
<!-- end Resolve -->
<!-- Actions Area -->
<div class="actionsTop padTop padLeft">
<div class="column width100 textLargest bold textShadow padTop">Actions</div>
<!-- Headings for the actions -->
<div class="column width25 bold italic inlineBlock textCenter padLeft">Settings</div>
<div class="column width75 bold italic inlineBlock textCenter">Name (click to roll)</div>
</div>
<!-- End Bottom Half -->
<div class="actionsMiddle padTop padRight">
<!-- Add actions as needed Section (repeating fields) -->
<div class="width100 vertTop padRight">
<fieldset class="repeating_actions">
<div class="width25 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width75 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{action_name}}} {{vs= @{action_target}}} {{roll= @{action_attribute}}} {{Description= @{action_special}}}"><input type="text" style="text-align: center;" name="attr_action_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings padLeft">
<div class="column width25 inlineBlock bold">Name: </div>
<div class="column width75 inlineBlock inputNameShort"><input type="text" name="attr_action_name" /></div>
<div class="column width45 inlineBlock bold textSmall">Attribute</div>
<div class="column width10 inlineBlock bold textSmall">vs</div>
<div class="column width45 inlineBlock bold textSmall">Target</div>
<div class="column width45 inlineBlock inputSelect">
<select name="attr_action_attribute">
<option value="None" selected="selected">None</option>
<option value="@{agility_dice_roll} Agility">Agility</option>
<option value="@{fortitude_dice_roll} Fortitude">Fortitude</option>
<option value="@{might_dice_roll} Might">Might</option>
<option value="@{deception_dice_roll} Deception">Deception</option>
<option value="@{presence_dice_roll} Presence">Presence</option>
<option value="@{persuasion_dice_roll} Persuasion">Persuasion</option>
<option value="@{learning_dice_roll} Learning">Learning</option>
<option value="@{logic_dice_roll} Logic">Logic</option>
<option value="@{perception_dice_roll} Perception">Perception</option>
<option value="@{will_dice_roll} Will">Will</option>
<option value="@{alteration_dice_roll} Alteration">Alteration</option>
<option value="@{creation_dice_roll} Creation">Creation</option>
<option value="@{energy_dice_roll} Energy">Energy</option>
<option value="@{entropy_dice_roll} Entropy">Entropy</option>
<option value="@{influence_dice_roll} Influence">Influence</option>
<option value="@{movement_dice_roll} Movement">Movement</option>
<option value="@{prescience_dice_roll} Prescience">Prescience</option>
<option value="@{protection_dice_roll} Protection">Protection</option>
</select>
</div>
<div class="column width10 inlineBlock bold italic textCenter">vs</div>
<div class="column width45 inlineBlock inputSelect">
<select name="attr_action_target">
<option value="None" selected="selected">None</option>
<option value="Evasion">Evasion</option>
<option value="Toughness">Toughness</option>
<option value="Resolve">Resolve</option>
</select>
</div>
<div class="column width100 bold textSmall">Description/Special/Flavor Text</div>
<div class="column width100 resizeVert vertTop"><textarea class="height50" name="attr_action_special"></textarea></div>
</div>
</fieldset>
</div>
</div>
<div class="actionsBottom"></div>
<!-- End Actions Area -->
</div>
<!-- end right column for everything else -->
<!-- end Middle column for defenses & actions -->
<!-- Right column for Health, speed, wealth, feats, perks, and flaws -->
<div class="third inlineBlock vertTop">
<!-- Hit Points Section -->
<div class="hitPoints padTop padBottom">
<div class="width100 height25"></div>
<div class="column width100 textLargest bold padTop padBottom">Hit Points</div>
<div class="width100 padTop">
<div class="column width50 inlineBlock borderRight textLarge italic bold">Current</div>
<div class="column width50 inlineBlock borderLeft textLarge italic bold">Max</div>
<div class="column width50 inlineBlock borderRight inputNumberLarge"><input type="number" name="attr_hit_point" value=0 /></div>
<div class="column width50 inlineBlock borderLeft inputNumberLarge"><input type="number" name="attr_hit_point_max" value=0 /></div>
</div>
</div>
<!-- End Hit Points Section -->
<!-- Legend Points & Speed Section -->
<div class="speedLethalDamage padTop">
<div class="width50 inlineBlock vertTop">
<div class="column width100 textCenter bold textLarge marginTop">Speed</div>
<div class="column width100 vertTop inputNumber30 textSmall bold">Base <input type="number" name="attr_base_speed" value=30 /></div>
<div class="column width100 inputNumberLarge"><input type="number" name="attr_speed" value=0 /></div>
<div class="width100 column inputNumber30 textSmall bold">Armor Penalty(ft) <input type="number" name="attr_armor_penalty" value=0 /></div>
<div class="width100 column inputNumber30 textSmall bold">Armor Feat(ft) <input type="number" name="attr_armor_training" value=0 /></div>
</div>
<div class="width50 inlineBlock vertTop">
<div class="column width5 inlineBlock"></div>
<div class="column width90 inlineBlock textCenter bold textLarge black marginTop">Lethal Damage</div>
<div class="column width5 inlineBlock"></div>
<div class="column width100">&nbsp;</div>
<div class="column width100 inlineBlock inputNumberLarge"><input type="number" name="attr_lethal_damage" value=0 /></div>
</div>
</div>
<!-- End Legend Points & Speed Section -->
<!-- Wealth Level Information -->
<div class="column width100 textLargest bold padTop">Wealth Level</div>
<div class="wealth">
<div class="width100 height15"></div>
<div class="column width100 inputNumber60 padTop"><input type="number" name="attr_wealth_level" value=2 /></div>
</div>
<!-- End Wealth Level Information -->
<!-- Columns of Feats -->
<div class="actionsTop padTop padLeft padRight">
<div class="column width100 textCenter bold textLargest textShadow vertTop padTop">Feats</div>
<!-- sub sections for feat points spent and total -->
<div class="width50 inlineBlock vertTop padLeft">
<div class="column width2of3 inlineBlock textRight bold italic">Total Points</div>
<div class="column width1of3 inlineBlock inputNumber"><input type="number" name="attr_feat_total_points" value=0 /></div>
</div>
<div class="width50 inlineBlock vertTop padRight">
<div class="column width2of3 inlineBlock textRight bold italic">Points Used</div>
<input type="hidden" name="attr_featLeft_points_spent" value=0 />
<input type="hidden" name="attr_featRight_points_spent" value=0 />
<div class="column width1of3 inlineBlock inputNumber"><input type="number" name="attr_feat_points_spent" value="@{featLeft_points_spent}+@{featRight_points_spent}" disabled="disabled" /></div>
</div>
</div>
<div class="actionsMiddle padTop padLeft padRight">
<div class="width50 inlineBlock vertTop padTop">
<fieldset class="repeating_featsLeft">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{feat_left_name}}} {{Description= @{feat_left_description}}}"><input type="text" style="text-align: center;" name="attr_feat_left_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width75 inlineBlock bold textSmall">Name</div>
<div class="column width25 inlineBlock bold textSmall">Cost</div>
<div class="column width75 inlineBlock inputNameShort"><input type="text" name="attr_feat_left_name" /></div>
<div class="column width25 inlineBlock inputNumber30"><input type="number" name="attr_feat_left_cost" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_feat_left_description"></textarea></div>
</div>
</fieldset>
</div>
<div class="width50 inlineBlock vertTop padTop">
<fieldset class="repeating_featsRight">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{feat_right_name}}} {{Description= @{feat_right_description}}}"><input type="text" style="text-align: center;" name="attr_feat_right_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width75 inlineBlock bold textSmall">Name</div>
<div class="column width25 inlineBlock bold textSmall">Cost</div>
<div class="column width75 inlineBlock inputNameShort"><input type="text" name="attr_feat_right_name" /></div>
<div class="column width25 inlineBlock inputNumber30"><input type="number" name="attr_feat_right_cost" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_feat_right_description"></textarea></div>
</div>
</fieldset>
</div>
<!-- End Columns of Feats -->
<!-- Column for Perks -->
<div class="column width100 textCenter bold textLargest textShadow vertTop padTop padBottom">Perks</div>
<div class="width50 inlineBlock vertTop">
<fieldset class="repeating_perks">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{perks_name}}} {{Description= @{perks_description}}}"><input type="text" style="text-align: center;" name="attr_perks_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width100 bold textSmall">Name</div>
<div class="column width100 inputNameShort"><input type="text" name="attr_perks_name" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_perks_description"></textarea></div>
</div>
</fieldset>
</div>
<div class="width50 inlineBlock vertTop">
<fieldset class="repeating_perksRight">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{perksRight_name}}} {{Description= @{perksRight_description}}}"><input type="text" style="text-align: center;" name="attr_perksRight_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width100 bold textSmall">Name</div>
<div class="column width100 inputNameShort"><input type="text" name="attr_perksRight_name" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_perksRight_description"></textarea></div>
</div>
</fieldset>
</div>
<!-- end Column for Perks -->
<!-- Column for Flaws -->
<div class="column width100 textCenter bold textLargest textShadow vertTop padTop padBottom">Flaws</div>
<div class="width50 inlineBlock vertTop">
<fieldset class="repeating_flaws">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{flaws_name}}} {{Description= @{flaws_description}}}"><input type="text" style="text-align: center;" name="attr_flaws_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width100 bold textSmall">Name</div>
<div class="column width100 inputNameShort"><input type="text" name="attr_flaws_name" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_flaws_description"></textarea></div>
</div>
</fieldset>
</div>
<div class="width50 inlineBlock vertTop">
<fieldset class="repeating_flawsRight">
<div class="width15 inlineBlock vertTop"><input class="settings" type="checkbox" name="attr_settingsFlag" value="on" checked="checked" /><span>y</span></div>
<div class="width85 inlineBlock vertTop inputNameShort attributeButton teal"><button type="roll" value="&{template:default} {{name= @{flawsRight_name}}} {{Description= @{flawsRight_description}}}"><input type="text" style="text-align: center;" name="attr_flawsRight_name" /></button></div>
<input type="hidden" class="displaySettingsFlag" name="attr_displaySettingsFlag" />
<div class="width100 displaySettings">
<div class="column width100 bold textSmall">Name</div>
<div class="column width100 inputNameShort"><input type="text" name="attr_flawsRight_name" /></div>
<div class="column width100 bold textSmall">Description</div>
<div class="column width95 resizeVert vertTop"><textarea class="height50" name="attr_flawsRight_description"></textarea></div>
</div>
</fieldset>
</div>
<!-- end Column for Flaws -->
</div>
<div class="actionsBottom"></div>
<!-- End Feats, Perks, Flaws Area -->
</div>
<!-- end Right column for Health, speed, wealth, feats, perks, and flaws -->
<!-- Equipment section -->
<!-- container 1st column of items -->
<div class="fifth inlineBlock">
<div class="equipmentTop"></div>
<div class="equipmentMiddle">
<div class="width60 inlineBlock">
<div class="column width100 bold">Item 1</div></div>
<div class="column width100 inputName"><input type="text" name="attr_item_24" /></div>
</div>
<div class="width40 inlineBlock">
<div class="column width50 inlineBlock textSmall bold">Heavy</div>
<div class="column width50 inlineBlock textSmall bold">Bulky</div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_heavy" value="heavy" /></div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_bulky" value="bulky" /></div>
</div>
<div class="width100 vertTop">
<fieldset class="repeating_items24">
<div class="column width100 resizeVert vertTop"><textarea class="height25" name="attr_item_24_additional"></textarea></div>
</fieldset>
</div>
</div>
<div class="equipmentBottom"></div>
</div>
<div class="fifth inlineBlock">
<div class="equipmentTop"></div>
<div class="equipmentMiddle">
<div class="width60 inlineBlock">
<div class="column width100 bold">Item 1</div></div>
<div class="column width100 inputName"><input type="text" name="attr_item_24" /></div>
</div>
<div class="width40 inlineBlock">
<div class="column width50 inlineBlock textSmall bold">Heavy</div>
<div class="column width50 inlineBlock textSmall bold">Bulky</div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_heavy" value="heavy" /></div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_bulky" value="bulky" /></div>
</div>
<div class="width100 vertTop">
<fieldset class="repeating_items24">
<div class="column width100 resizeVert vertTop"><textarea class="height25" name="attr_item_24_additional"></textarea></div>
</fieldset>
</div>
</div>
<div class="equipmentBottom"></div>
</div>
<div class="fifth inlineBlock">
<div class="equipmentTop"></div>
<div class="equipmentMiddle">
<div class="width60 inlineBlock">
<div class="column width100 bold">Item 1</div></div>
<div class="column width100 inputName"><input type="text" name="attr_item_24" /></div>
</div>
<div class="width40 inlineBlock">
<div class="column width50 inlineBlock textSmall bold">Heavy</div>
<div class="column width50 inlineBlock textSmall bold">Bulky</div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_heavy" value="heavy" /></div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_bulky" value="bulky" /></div>
</div>
<div class="width100 vertTop">
<fieldset class="repeating_items24">
<div class="column width100 resizeVert vertTop"><textarea class="height25" name="attr_item_24_additional"></textarea></div>
</fieldset>
</div>
</div>
<div class="equipmentBottom"></div>
</div>
<div class="fifth inlineBlock">
<div class="equipmentTop"></div>
<div class="equipmentMiddle">
<div class="width60 inlineBlock">
<div class="column width100 bold">Item 1</div></div>
<div class="column width100 inputName"><input type="text" name="attr_item_24" /></div>
</div>
<div class="width40 inlineBlock">
<div class="column width50 inlineBlock textSmall bold">Heavy</div>
<div class="column width50 inlineBlock textSmall bold">Bulky</div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_heavy" value="heavy" /></div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_bulky" value="bulky" /></div>
</div>
<div class="width100 vertTop">
<fieldset class="repeating_items24">
<div class="column width100 resizeVert vertTop"><textarea class="height25" name="attr_item_24_additional"></textarea></div>
</fieldset>
</div>
</div>
<div class="equipmentBottom"></div>
</div>
<div class="fifth inlineBlock">
<div class="equipmentTop"></div>
<div class="equipmentMiddle">
<div class="width60 inlineBlock">
<div class="column width100 bold">Item 1</div></div>
<div class="column width100 inputName"><input type="text" name="attr_item_24" /></div>
</div>
<div class="width40 inlineBlock">
<div class="column width50 inlineBlock textSmall bold">Heavy</div>
<div class="column width50 inlineBlock textSmall bold">Bulky</div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_heavy" value="heavy" /></div>
<div class="column width50 inlineBlock"><input type="checkbox" class="checks25" name="attr_item_1_bulky" value="bulky" /></div>
</div>
<div class="width100 vertTop">
<fieldset class="repeating_items24">
<div class="column width100 resizeVert vertTop"><textarea class="height25" name="attr_item_24_additional"></textarea></div>
</fieldset>
</div>
</div>
<div class="equipmentBottom"></div>
</div>
<div class="width100 borderAllDotted vertTop">
<!-- 20 items & heavy/bulky -->
<div class="width50 inlineBlock vertTop">
<div class="row"> <!-- Ribbon Title -->
<div class="column width100 ribbon blue textLarger bold">Equipment</div>
</div>
<input type="hidden" name="attr_item_heavy_result" value=30 />
<input type="hidden" name="attr_item_bulky_result" value=30 />
<!--
<div class="width25 column inlineBlock">Heavy Result:</div>
<div class="width25 column inlineBlock inputNumber30"><input type="number" name="attr_item_heavy_result" value=30 /></div>
<div class="width25 column inlineBlock">Bulky Result:</div>
<div class="width25 column inlineBlock inputNumber30"><input type="number" name="attr_item_bulky_result" value=30 /></div>
-->
<div class="width50 inlineBlock"><div class="column width70 inlineBlock bold">Item</div><div class="column width15 inlineBlock textSmall bold">Heavy</div><div class="column width15 inlineBlock textSmall bold">Bulky</div></div>
<div class="width50 inlineBlock"><div class="column width70 inlineBlock bold">Item</div><div class="column width15 inlineBlock textSmall bold">Heavy</div><div class="column width15 inlineBlock textSmall bold">Bulky</div></div>
<div class="width50 inlineBlock">
@@ -2210,14 +2312,6 @@ var TAS = TAS || (function(){
<div class="row"> <!-- Ribbon Title -->
<div class="column width100 ribbon aqua textLarger bold">Armor & Expanded Equipment</div>
</div>
<div class="width25 column inlineBlock">Armor Value:</div>
<div class="width25 column inlineBlock inputNumber30"><input type="number" name="attr_armor" value=0 /></div>
<div class="width25 column inlineBlock">Shield Value:</div>
<div class="width25 column inlineBlock inputNumber30"><input type="number" name="attr_shield" value=0 /></div>
<div class="width25 column inlineBlock">Armor Penalty:</div>
<div class="width25 column inlineBlock inputNumber30"><input type="number" name="attr_armor_penalty" value=0 /></div>
<div class="width25 column inlineBlock">Armor Training:</div>
<div class="width25 column inlineBlock inputNumber30"><input type="number" name="attr_armor_training" value=0 /></div>
<div class="column width100 textLeft bold textLargest textShadow vertTop padTop">Expanded Equipment</div>
<div class="width100 vertTop padTop">
<fieldset class="repeating_items">
Binary file not shown.

Before

Width:  |  Height:  |  Size: 179 KiB

After

Width:  |  Height:  |  Size: 235 KiB