mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
- adding attack rolls
- adding hit determination mod section
This commit is contained in:
vince
+90
-61
@@ -5,61 +5,70 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .main * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .two-column-grid {
|
||||
column-gap: 1em;
|
||||
display: grid;
|
||||
gap: .5em;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .two-column-grid .col {
|
||||
margin-block: 2px;
|
||||
margin-inline: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .eight-column-grid {
|
||||
.ui-dialog .tab-content .charsheet .flex-row {
|
||||
column-gap: 1em;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(8, 1fr);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .eight-column-grid .col {
|
||||
margin-block: 2px;
|
||||
margin-inline: auto;
|
||||
width: 100%;
|
||||
.ui-dialog .tab-content .charsheet .flex-row > label {
|
||||
display: flex;
|
||||
flex: 1 1 6em;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.ui-dialog .tab-content .charsheet .ten-column-grid {
|
||||
column-gap: 1em;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(10, 1fr);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .ten-column-grid .col {
|
||||
margin-block: 2px;
|
||||
margin-inline: auto;
|
||||
width: 100%;
|
||||
.ui-dialog .tab-content .charsheet .flex-row > label span {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .three-column-fit {
|
||||
column-gap: 1em;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||
gap: 1em;
|
||||
grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .three-column-fit .col {
|
||||
margin-block: 2px;
|
||||
.ui-dialog .tab-content .charsheet .three-column-fit > div {
|
||||
margin-inline: auto;
|
||||
outline: 1px solid #000;
|
||||
padding: 0 5px 5px 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .span-2 {
|
||||
grid-column: span 3;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .span-all {
|
||||
grid-column: 1/-1;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .division {
|
||||
font-size: 1.5rem;
|
||||
margin-inline: -7px;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet button[type=roll]:before {
|
||||
content: "t";
|
||||
font-family: "dicefontd20";
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .logo-text {
|
||||
@@ -91,19 +100,22 @@
|
||||
.ui-dialog .tab-content .charsheet .section-title {
|
||||
font-family: Impact, Charcoal, sans-serif;
|
||||
font-size: 1.5em;
|
||||
padding-block: .5em .5em;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet label {
|
||||
.ui-dialog .tab-content .charsheet label,
|
||||
.ui-dialog .tab-content .charsheet label span {
|
||||
font-size: 1em;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet input[disabled],
|
||||
.ui-dialog .tab-content .charsheet input[readonly],
|
||||
.ui-dialog .tab-content .charsheet .readonly {
|
||||
.ui-dialog .tab-content .charsheet .readonly {
|
||||
background-color: #99999959;
|
||||
color: #777;
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
max-width: 3em;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet input.tab {
|
||||
@@ -112,6 +124,9 @@
|
||||
height: 20px;
|
||||
left: 6px;
|
||||
margin: 10px -1.5px;
|
||||
min-width: 132px;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 132px;
|
||||
z-index: 1;
|
||||
@@ -155,18 +170,38 @@
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .personal-traits-left-column {
|
||||
width: 45em;
|
||||
.ui-dialog .tab-content .charsheet .traits-column .two-column-grid {
|
||||
align-items: center;
|
||||
grid-template-columns: 1fr auto;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .traits-column {
|
||||
margin-inline: auto;
|
||||
min-width: 14em;
|
||||
outline: 1px solid #000;
|
||||
padding: 0 5px 5px 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .trait-box {
|
||||
width: 3em;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .hit-determination-grid {
|
||||
background-color: #dddddd;
|
||||
column-gap: 2px;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 1em;
|
||||
outline: 1px solid #000;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .weapons-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(12em, 3fr) minmax(9em, 1.5fr) 5em 2.5em 6em 3em 3em 3em 3em 3em;
|
||||
column-gap: 2px;
|
||||
gap: 2px;
|
||||
grid-template-columns: 2em minmax(12em, 3fr) minmax(8em, 1.5fr) 4em 2.5em 5em 3em 3em 3em 3em 3em;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .weapons-grid > * {
|
||||
@@ -187,29 +222,31 @@
|
||||
.ui-dialog .tab-content .charsheet .general-column-header {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .general-column {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .equipment-carried-column {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .full-width-element {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .tab4 .aok-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 19em 10em;
|
||||
width: min-content;
|
||||
.ui-dialog .tab-content .charsheet .tab4 {
|
||||
margin-inline: auto;
|
||||
min-width: fit-content;
|
||||
outline: 1px solid #000;
|
||||
padding: 0 5px 5px 5px;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .area-of-knowledge-value-column-header {
|
||||
font-weight: bold;
|
||||
.ui-dialog .tab-content .charsheet .aok-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
width: 100%;
|
||||
min-width: 26em;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .aok-col-1-heading,
|
||||
.ui-dialog .tab-content .charsheet .aok-col-1 select {
|
||||
min-width: 22em;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .height-column {
|
||||
@@ -232,14 +269,6 @@
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .top-padding {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .title-top-padding {
|
||||
padding-top: .75em;
|
||||
}
|
||||
|
||||
.ui-dialog .tab-content .charsheet .name-field {
|
||||
width: 25em;
|
||||
}
|
||||
|
||||
+190
-266
@@ -9,17 +9,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class='page-title'>AGENT'S DOSSIER</div>
|
||||
<div class='two-column-grid'>
|
||||
<div class='col span-2'>
|
||||
<label>CHARACTER NAME <input type="text" class='name-field' name="attr_character_name" value="" title="@{character_name}" /></label>
|
||||
<!-- old name attribute -->
|
||||
<input type='text' class='hidden' name='attr_CharacterName' />
|
||||
<div class="two-column-grid">
|
||||
<div class="span-2">
|
||||
<label>CHARACTER NAME <input type="text" class="name-field" name="attr_character_name" value="" title="@{character_name}"></label>
|
||||
<!-- deprecated attribute -->
|
||||
<input type="text" class="hidden" name="attr_CharacterName">
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label>Alias <input type='text' name='attr_Alias' title="@{Alias}"/></label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label>Code Name <input type='text' name='attr_CodeName' title="@{CodeName}"/></label>
|
||||
<div class="span-2">
|
||||
<span class="general-column-header nowrap">Alias <input type="text" name="attr_Alias" title="@{Alias}"></span>
|
||||
<span class="general-column-header nowrap">Code Name <input type="text" name="attr_CodeName" title="@{CodeName}"></span>
|
||||
</div>
|
||||
</div>
|
||||
<input type="radio" name="attr_tab" class="tab tab1" value="1" title="Traits" checked="checked" /><span></span>
|
||||
@@ -30,140 +28,69 @@
|
||||
<input type="radio" name="attr_tab" class="tab tab6" value="6" title="Misc" /><span></span>
|
||||
|
||||
<div class='tab-content tab1'>
|
||||
<div class='two-column-grid'>
|
||||
<div class='col personal-traits-left-column'>
|
||||
<div class='section-title title-top-padding'>PRIMARY PERSONAL TRAITS</div>
|
||||
<div class='three-column-fit'>
|
||||
<div class='traits-column'>
|
||||
<div class='section-title'>PRIMARY PERSONAL TRAITS</div>
|
||||
<div class='instruction'>(If die roll is 01-25, add 25; 26-50, add 15; 51-70, add 10; 71-90, add 5)</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Physical Strength</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_PhysicalStrength' title="@{PhysicalStrength}" class='trait-box'/>
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Charm</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Charm' title="@{Charm}" class='trait-box'/>
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Willpower</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Willpower' title="@{Willpower}" class='trait-box'/>
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Courage</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Courage' title="@{Courage}" class='trait-box'/>
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Knowledge</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Knowledge' title="@{Knowledge}" class='trait-box'/>
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Coordination</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Coordination' title="@{Coordination}" class='trait-box'/>
|
||||
</div>
|
||||
<div class='two-column-grid'>
|
||||
<label>Physical Strength</label>
|
||||
<input type='text' name='attr_PhysicalStrength' title="@{PhysicalStrength}" class='trait-box'/>
|
||||
|
||||
<label>Charm</label>
|
||||
<input type='text' name='attr_Charm' title="@{Charm}" class='trait-box'/>
|
||||
|
||||
<label>Willpower</label>
|
||||
<input type='text' name='attr_Willpower' title="@{Willpower}" class='trait-box'/>
|
||||
|
||||
<label>Courage</label>
|
||||
<input type='text' name='attr_Courage' title="@{Courage}" class='trait-box'/>
|
||||
|
||||
<label>Knowledge</label>
|
||||
<input type='text' name='attr_Knowledge' title="@{Knowledge}" class='trait-box'/>
|
||||
|
||||
<label>Coordination</label>
|
||||
<input type='text' name='attr_Coordination' title="@{Coordination}" class='trait-box'/>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col personal-traits-left-column'>
|
||||
<div class='section-title title-top-padding'>SECONDARY PERSONAL TRAITS</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Offense</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Offense' class='trait-box readonly' title="@{Offense} | round((@{Coordination} + @{Courage})/2)" value="0" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Deception</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Deception' class='trait-box readonly' title="@{Deception} | round((@{Charm} + @{Courage})/2)" value="0" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Evasion</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Evasion' class='trait-box readonly' title="@{Evasion} | round((@{Coordination} + @{Charm})/2)" value="0" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Deactivation</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_Deactivation' class='trait-box readonly' title="@{Deactivation} | round((@{Coordination} + @{Knowledge})/2)" value="0" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Movement Value</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_MovementValue' class='trait-box readonly' title="@{MovementValue} | @{Coordination} + @{PhysicalStrength} + @{Willpower}" value="0" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Life Level</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<div class='traits-column'>
|
||||
<div class='section-title'>SECONDARY PERSONAL TRAITS</div>
|
||||
<div class='two-column-grid'>
|
||||
<label>Offense</label>
|
||||
<input type='text' name='attr_Offense' class='trait-box' title="@{Offense} | round((@{Coordination} + @{Courage})/2)" value="0" readonly/>
|
||||
|
||||
<label>Deception</label>
|
||||
<input type='text' name='attr_Deception' class='trait-box' title="@{Deception} | round((@{Charm} + @{Courage})/2)" value="0" readonly/>
|
||||
|
||||
<label>Evasion</label>
|
||||
<input type='text' name='attr_Evasion' class='trait-box' title="@{Evasion} | round((@{Coordination} + @{Charm})/2)" value="0" readonly/>
|
||||
|
||||
<label>Deactivation</label>
|
||||
<input type='text' name='attr_Deactivation' class='trait-box' title="@{Deactivation} | round((@{Coordination} + @{Knowledge})/2)" value="0" readonly/>
|
||||
|
||||
<label>Movement Value</label>
|
||||
<input type='text' name='attr_MovementValue' class='trait-box' title="@{MovementValue} | @{Coordination} + @{PhysicalStrength} + @{Willpower}" value="0" readonly/>
|
||||
|
||||
<label>Life Level</label>
|
||||
<span>
|
||||
<input type='text' name='attr_LifeLevel' class='trait-box' title="@{LifeLevel}" value="0" />
|
||||
<strong>/</strong>
|
||||
<input type='text' name='attr_LifeLevel_max' class='trait-box readonly' title="@{LifeLevel_max} | round((@{PhysicalStrength} + @{Willpower})/10)" value="0" />
|
||||
<!-- converted to lifelevel_max and lifelevel -->
|
||||
<input type='text' name='attr_LifeLevel' class='readonly hidden' value="0" />
|
||||
<input type='text' name='attr_CurrentLifeLevel' class='hidden' value="0" />
|
||||
</div>
|
||||
<span class="division">/</span>
|
||||
<input type='text' name='attr_LifeLevel_max' class='trait-box' title="@{LifeLevel_max} | round((@{PhysicalStrength} + @{Willpower})/10)" value="0" readonly/>
|
||||
</span>
|
||||
<!-- deprecated attribute -->
|
||||
<input type='text' name='attr_CurrentLifeLevel' class='hidden' value="0" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='col personal-traits-left-column'>
|
||||
<div class='section-title title-top-padding'>TERTIARY PERSONAL TRAITS</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Hand-to-hand Combat Value</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_HandToHandCombatValue' class='trait-box readonly' title="@{HandToHandCombatValue} | @{PhysicalStrength} + @{Evasion}" value="0" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Wrestling Value</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_WrestlingValue' class='trait-box readonly' title="@{WrestlingValue} | @{PhysicalStrength} + @{Offense}" value="0" />
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid personal-trait-column'>
|
||||
<div class='col'>
|
||||
<label>Surprise Value</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_SurpriseValue' class='trait-box readonly' title="@{SurpriseValue} | @{Deception} + @{Evasion}" value="0" />
|
||||
</div>
|
||||
<div class='traits-column'>
|
||||
<div class='section-title'>TERTIARY PERSONAL TRAITS</div>
|
||||
<div class='two-column-grid'>
|
||||
<label>Hand-to-hand Combat Value</label>
|
||||
<input type='text' name='attr_HandToHandCombatValue' class='trait-box' title="@{HandToHandCombatValue} | @{PhysicalStrength} + @{Evasion}" value="0" readonly/>
|
||||
|
||||
<label>Wrestling Value</label>
|
||||
<input type='text' name='attr_WrestlingValue' class='trait-box' title="@{WrestlingValue} | @{PhysicalStrength} + @{Offense}" value="0" readonly/>
|
||||
|
||||
<label>Surprise Value</label>
|
||||
<input type='text' name='attr_SurpriseValue' class='trait-box' title="@{SurpriseValue} | @{Deception} + @{Evasion}" value="0" readonly/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -171,94 +98,64 @@
|
||||
|
||||
<div class='tab-content tab2'>
|
||||
<div>
|
||||
<div class='section-title title-top-padding'>VITAL STATISTICS</div>
|
||||
<div class='ten-column-grid top-padding'>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>Height</label>
|
||||
</div>
|
||||
<div class='col height-column'>
|
||||
<input type='text' class='height-column' name='attr_Height' title="@{Height}"/>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>Weight</label>
|
||||
</div>
|
||||
<div class='col weight-column'>
|
||||
<input type='text' class='weight-column' name='attr_Weight' title="@{Weight}"/>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>Age</label>
|
||||
</div>
|
||||
<div class='col age-column'>
|
||||
<input type='text' class='age-column' name='attr_Age' title="@{Age}"/>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>Sex</label>
|
||||
</div>
|
||||
<div class='col sex-column'>
|
||||
<input type='text' class='sex-column' name='attr_Sex' title="@{Sex}"/>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>National Origin</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<input type='text' name='attr_NationalOrigin' title="@{NationalOrigin}"/>
|
||||
</div>
|
||||
<div class='section-title'>VITAL STATISTICS</div>
|
||||
<div class="flex-row">
|
||||
<label>
|
||||
<span class="right-aligned">Height</span>
|
||||
<input type="text" class="height-column" name="attr_Height" title="@{Height}">
|
||||
</label>
|
||||
<label>
|
||||
<span class="right-aligned">Weight</span>
|
||||
<input type="text" class="weight-column" name="attr_Weight" title="@{Weight}">
|
||||
</label>
|
||||
<label>
|
||||
<span class="right-aligned">Age</span>
|
||||
<input type="text" class="age-column" name="attr_Age" title="@{Age}">
|
||||
</label>
|
||||
<label>
|
||||
<span class="right-aligned">Sex</span>
|
||||
<input type="text" class="sex-column" name="attr_Sex" title="@{Sex}">
|
||||
</label>
|
||||
<label>
|
||||
<span class="right-aligned">National Origin</span>
|
||||
<input type="text" name="attr_NationalOrigin" title="@{NationalOrigin}">
|
||||
</label>
|
||||
</div>
|
||||
<div class='eight-column-grid top-padding'>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>Handedness</label>
|
||||
</div>
|
||||
<div class='col handedness-field'>
|
||||
<div class='flex-row'>
|
||||
<label>
|
||||
<span class='right-aligned'>Handedness</span>
|
||||
<input type='text' class='handedness-field' name='attr_Handedness' title="@{Handedness}"/>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>Race</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
</label>
|
||||
<label>
|
||||
<span class='right-aligned'>Race</span>
|
||||
<input type='text' name='attr_Race' title="@{Race}"/>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>Glasses</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
</label>
|
||||
<label>
|
||||
<span class='right-aligned'>Glasses</span>
|
||||
<input type='checkbox' name='attr_Glasses' title="@{Glasses}"/>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<label class='right-aligned'>Contacts</label>
|
||||
</div>
|
||||
<div class='col'>
|
||||
</label>
|
||||
<label>
|
||||
<span class='right-aligned'>Contacts</span>
|
||||
<input type='checkbox' name='attr_Contacts' title="@{Contacts}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class='two-column-grid top-padding'>
|
||||
<div class='col languages-known-column'>
|
||||
<label>Languages Known</label>
|
||||
</div>
|
||||
<div class='col language-fluency-column'>
|
||||
<label>Fluency</label>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
<div class='two-column-grid'>
|
||||
<div class='col languages-known-column'>
|
||||
<label><input type='text' class='languages-known-field' name='attr_NativeLanguage' title="@{NativeLanguage}">(Native)</input></label>
|
||||
</div>
|
||||
<div class='col language-fluency-column'>
|
||||
<input type='text' class='language-fluency-field' name='attr_NativeLanguageFluency' title="@{NativeLanguageFluency}"/>
|
||||
</div>
|
||||
<label>Languages Known</label>
|
||||
<label>Fluency</label>
|
||||
<label class="nowrap">
|
||||
<input type='text' class='languages-known-field' name='attr_NativeLanguage' title="@{NativeLanguage}">(Native)</input>
|
||||
</label>
|
||||
<input type='text' class='language-fluency-field' name='attr_NativeLanguageFluency' title="@{NativeLanguageFluency}"/>
|
||||
</div>
|
||||
<fieldset class="repeating_Languages">
|
||||
<div class='two-column-grid'>
|
||||
<div class='col languages-known-column'>
|
||||
<input type='text' class='languages-known-field' name='attr_Language' title="@{Language}"/>
|
||||
</div>
|
||||
<div class='col language-fluency-column'>
|
||||
<input type='text' class='language-fluency-field' name='attr_LanguageFluency' title="@{LanguageFluency}"/>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div>
|
||||
<div class='section-title title-top-padding'>CLASSIFIED INFORMATION</div>
|
||||
<div class='section-title'>CLASSIFIED INFORMATION</div>
|
||||
<label>Bureau <input type='text' name='attr_Bureau' title="@{Bureau}"/></label>
|
||||
<label>Total Experience Points <input type='text' name='attr_TotalExp' title="@{TotalExp}"/></label>
|
||||
<label>Level <input type='text' name='attr_Level' title="@{Level}"/></label>
|
||||
@@ -271,16 +168,43 @@
|
||||
|
||||
<div class='tab-content tab3'>
|
||||
<div>
|
||||
<div class='section-title title-top-padding'>WEAPONS</div>
|
||||
<div class='section-title'>WEAPONS</div>
|
||||
|
||||
<div class="hit-determination-grid">
|
||||
<div class="span-all"><label>HIT DETERMINATION</label></div>
|
||||
|
||||
<span class="general-column-header">Range of Target</span>
|
||||
<span class="general-column-header">Movement of Shooter</span>
|
||||
<span class="general-column-header">Movement of Target</span>
|
||||
|
||||
<span style="display: inline-flex">
|
||||
<label><span>PB</span><input type="radio" name="attr_range_of_target" value="0" /></label>
|
||||
<label><span>S</span><input type="radio" name="attr_range_of_target" value="1" /></label>
|
||||
<label><span>M</span><input type="radio" name="attr_range_of_target" value="2" /></label>
|
||||
<label><span>L</span><input type="radio" name="attr_range_of_target" value="3" /></label>
|
||||
</span>
|
||||
<select name="attr_move_of_shooter"></select>
|
||||
<select name="attr_move_of_target"></select>
|
||||
|
||||
<span class="general-column-header">Wounds</span>
|
||||
<span class="general-column-header">Miscellaneous</span>
|
||||
<span class="general-column-header">Automatic</span>
|
||||
|
||||
<select name="attr_wounds"></select>
|
||||
<select name="attr_miscellaneous"></select>
|
||||
<select name="attr_automatic"></select>
|
||||
</div>
|
||||
<div class='weapons-grid'>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span class='weapon-range-modifier-column'>Range Modifier</span>
|
||||
<span></span>
|
||||
|
||||
<span></span>
|
||||
<span class='weapon-column'>WEAPON</span>
|
||||
<span class='weapon-speed-column'>Weapon Speed</span>
|
||||
<span class='weapon-base-speed-column'>BASE SPEED</span>
|
||||
@@ -294,6 +218,7 @@
|
||||
</div>
|
||||
<fieldset class="repeating_Weapons">
|
||||
<div class='weapons-grid'>
|
||||
<button type="roll" name="roll_attack" title="%{repeating_Weapons_$X_attack}" value="&{template:default} {{name=@{character_name} - Attack}} {{PB Range=[[ 1d100cs<[[ [[@{BaseAccuracy} [base] ]] + ([[ @{RangeModifierPB} [range] ]]) + ([[ ?{Additional Modifier|0} ]]) ]] ]] vs [[ [[@{BaseAccuracy} [base] ]] + ([[ @{RangeModifierPB} [range] ]]) + ([[ ?{Additional Modifier|0} ]]) ]]}} {{S Range=[[ 1d100cs<[[ [[@{BaseAccuracy} [base] ]] + ([[ @{RangeModifierS} [range] ]]) + ([[ ?{Additional Modifier|0} ]]) ]] ]] vs [[ [[@{BaseAccuracy} [base] ]] + ([[ @{RangeModifierS} [range] ]]) + ([[ ?{Additional Modifier|0} ]]) ]]}} {{M Range=[[ 1d100cs<[[ [[@{BaseAccuracy} [base] ]] + ([[ @{RangeModifierM} [range] ]]) + ([[ ?{Additional Modifier|0} ]]) ]] ]] vs [[ [[@{BaseAccuracy} [base] ]] + ([[ @{RangeModifierM} [range] ]]) + ([[ ?{Additional Modifier|0} ]]) ]]}} {{L Range=[[ 1d100cs<[[ [[@{BaseAccuracy} [base] ]] + ([[ @{RangeModifierL} [range] ]]) + ([[ ?{Additional Modifier|0} ]]) ]] ]] vs [[ [[@{BaseAccuracy} [base] ]] + ([[ @{RangeModifierL} [range] ]]) + ([[ ?{Additional Modifier|0} ]]) ]]}}"></button>
|
||||
<input type='text' class='weapon-column' name='attr_Weapon' title="@{repeating_Weapons_$X_Weapon}"/>
|
||||
<select name='attr_WeaponSpeedModifier' title="@{repeating_Weapons_$X_WeaponSpeedModifier}" class='weapon-speed-column'>
|
||||
<option value="-10">Very Slow</option>
|
||||
@@ -303,77 +228,77 @@
|
||||
<option value="5">Fast</option>
|
||||
<option value="10">Very Fast</option>
|
||||
</select>
|
||||
<input type='text' class='weapon-base-speed-column readonly' name='attr_BaseSpeed' title="@{repeating_Weapons_$X_BaseSpeed | @{WeaponSpeedModifier} + @{Offense}}" value='0'/>
|
||||
<input type='text' class='weapon-base-speed-column' name='attr_BaseSpeed' title="@{repeating_Weapons_$X_BaseSpeed | @{WeaponSpeedModifier} + @{Offense}}" value='0' readonly/>
|
||||
<input type='text' class='weapon-pwv-column' name='attr_PWV' title="@{repeating_Weapons_$X_PWV}"/>
|
||||
<input type='text' class='weapon-base-accuracy-column readonly' name='attr_BaseAccuracy' value='0' title="@{repeating_Weapons_$X_BaseAccuracy | @{PWV} + @{Offense}"/>
|
||||
<input type='text' class='weapon-range-modifier-subcolumn' name='attr_RangeModifierPB' title="@{repeating_Weapons_$X_RangeModifierPB}"/>
|
||||
<input type='text' class='weapon-range-modifier-subcolumn' name='attr_RangeModifierS' title="@{repeating_Weapons_$X_RangeModifierS}"/>
|
||||
<input type='text' class='weapon-range-modifier-subcolumn' name='attr_RangeModifierM' title="@{repeating_Weapons_$X_RangeModifierM}"/>
|
||||
<input type='text' class='weapon-range-modifier-subcolumn' name='attr_RangeModifierL' title="@{repeating_Weapons_$X_RangeModifierL}"/>
|
||||
<input type='text' class='weapon-base-accuracy-column' name='attr_BaseAccuracy' title="@{repeating_Weapons_$X_BaseAccuracy | @{PWV} + @{Offense}" value='0' readonly/>
|
||||
<input type='text' class='weapon-range-modifier-subcolumn' name='attr_RangeModifierPB' title="@{repeating_Weapons_$X_RangeModifierPB}" value='0'/>
|
||||
<input type='text' class='weapon-range-modifier-subcolumn' name='attr_RangeModifierS' title="@{repeating_Weapons_$X_RangeModifierS}" value='0'/>
|
||||
<input type='text' class='weapon-range-modifier-subcolumn' name='attr_RangeModifierM' title="@{repeating_Weapons_$X_RangeModifierM}" value='0'/>
|
||||
<input type='text' class='weapon-range-modifier-subcolumn' name='attr_RangeModifierL' title="@{repeating_Weapons_$X_RangeModifierL}" value='0'/>
|
||||
<!--<input type='text' class='weapon-range-modifier-column' name='attr_RangeModifier' title="@{repeating_Weapons_$X_RangeModifier}"-->
|
||||
<input type='text' class='weapon-rate-column' name='attr_Rate' title="@{repeating_Weapons_$X_Rate}"/>
|
||||
<input type='text' class='weapon-rate-column' name='attr_Rate' title="@{repeating_Weapons_$X_Rate}" value='0'/>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="three-column-fit">
|
||||
<div class='equipment-carried-column'>
|
||||
<div class='section-title title-top-padding'>EQUIPMENT CARRIED</div>
|
||||
<div>
|
||||
<div class='section-title'>EQUIPMENT CARRIED</div>
|
||||
<div class='two-column-grid'>
|
||||
<div class='col general-column-header'>
|
||||
<div class='general-column-header'>
|
||||
<span>ITEM</span>
|
||||
</div>
|
||||
<div class='col general-column-header'>
|
||||
<div class='general-column-header'>
|
||||
<span>LOCATION</span>
|
||||
</div>
|
||||
</div>
|
||||
<fieldset class="repeating_EquipmentCarried">
|
||||
<div class='two-column-grid'>
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Item' title="@{repeating_EquipmentCarried_$X_Item}"/>
|
||||
</div>
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Location' title="@{repeating_EquipmentCarried_$X_Location}"/>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div>
|
||||
<div class='section-title title-top-padding'>OTHER ITEMS CARRIED</div>
|
||||
<div class='section-title'>OTHER ITEMS CARRIED</div>
|
||||
<div class='two-column-grid'>
|
||||
<div class='col general-column-header'>
|
||||
<div class='general-column-header'>
|
||||
<span>ITEM</span>
|
||||
</div>
|
||||
<div class='col general-column-header'>
|
||||
<div class='general-column-header'>
|
||||
<span>LOCATION</span>
|
||||
</div>
|
||||
</div>
|
||||
<fieldset class="repeating_OtherItemsCarried">
|
||||
<div class='two-column-grid'>
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Item' title="@{repeating_OtherItemsCarried_$X_Item}"/>
|
||||
</div>
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Location' title="@{repeating_OtherItemsCarried_$X_Location}"/>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div>
|
||||
<div class='section-title title-top-padding'>MONEY & VALUABLES</div>
|
||||
<div class='section-title'>MONEY & VALUABLES</div>
|
||||
<div class='two-column-grid'>
|
||||
<div class='col general-column-header'>
|
||||
<div class='general-column-header'>
|
||||
<span>AMOUNT OR ITEM</span>
|
||||
</div>
|
||||
<div class='col general-column-header'>
|
||||
<div class='general-column-header'>
|
||||
<span>LOCATION</span>
|
||||
</div>
|
||||
</div>
|
||||
<fieldset class="repeating_MoneyAndValuables">
|
||||
<div class='two-column-grid'>
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Item' title="@{repeating_MoneyAndValuables_$X_Item}"/>
|
||||
</div>
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Location' title="@{repeating_MoneyAndValuables_$X_Location}"/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -384,20 +309,20 @@
|
||||
|
||||
<div class='tab-content tab6'>
|
||||
<div class="three-column-fit">
|
||||
<div class='col'>
|
||||
<div class='section-title title-top-padding'>RESIDENCE</div>
|
||||
<div>
|
||||
<div class='section-title'>RESIDENCE</div>
|
||||
<textarea class='text-area residence-text-area' name='attr_Residence' title="@{Residence}"></textarea>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<div class='section-title title-top-padding'>COVER</div>
|
||||
<div>
|
||||
<div class='section-title'>COVER</div>
|
||||
<textarea class='text-area cover-text-area' name='attr_Cover' title="@{Cover}"></textarea>
|
||||
</div>
|
||||
<div class='col'>
|
||||
<div class='section-title title-top-padding'>BRIEF PERSONAL HISTORY</div>
|
||||
<div>
|
||||
<div class='section-title'>BRIEF PERSONAL HISTORY</div>
|
||||
<textarea class='text-area history-text-area' name='attr_BriefPersonalHistory' title="@{BriefPersonalHistory}"></textarea>
|
||||
</div>
|
||||
<div class='col notes-col'>
|
||||
<div class='section-title title-top-padding'>NOTES</div>
|
||||
<div class='notes-col'>
|
||||
<div class='section-title'>NOTES</div>
|
||||
<textarea class='text-area notes-text-area' name='attr_Notes' title="@{Notes}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
@@ -406,25 +331,25 @@
|
||||
<div class='tab-content tab5'>
|
||||
<div class="three-column-fit">
|
||||
<div>
|
||||
<div class='section-title title-top-padding'>FRIENDS</div>
|
||||
<div class='section-title'>FRIENDS</div>
|
||||
<fieldset class="repeating_Friends">
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Name' title="@{repeating_Friends_$X_Name}"/>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div>
|
||||
<div class='section-title title-top-padding'>CONTACTS</div>
|
||||
<div class='section-title'>CONTACTS</div>
|
||||
<fieldset class="repeating_Contacts">
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Name' title="@{repeating_Contacts_$X_Name}"/>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div>
|
||||
<div class='section-title title-top-padding'>ENEMIES</div>
|
||||
<div class='section-title'>ENEMIES</div>
|
||||
<fieldset class="repeating_Enemies">
|
||||
<div class='col general-column'>
|
||||
<div>
|
||||
<input type='text' class='full-width-element' name='attr_Name' title="@{repeating_Enemies_$X_Name}"/>
|
||||
</div>
|
||||
</fieldset>
|
||||
@@ -433,26 +358,24 @@
|
||||
</div>
|
||||
|
||||
<div class='tab-content tab4'>
|
||||
<div class='section-title title-top-padding'>AREAS OF KNOWLEDGE</div>
|
||||
<div class='aok-grid area-of-knowledge-value-column-header'>
|
||||
<div class="two-column-grid">
|
||||
<label>
|
||||
<span>#of AOK</span>
|
||||
<input type='text' class='trait-box readonly' name='attr_AreaOfKnowledgeKnown' title="@{AreaOfKnowledgeKnown} | round(@{Knowledge}/10)" value='0' />
|
||||
</label>
|
||||
<label>
|
||||
<span>Default</span>
|
||||
<input type='text' class='trait-box readonly' name='attr_AreaOfKnowledgeDefaultValue' title="@{AreaOfKnowledgeDefaultValue} | round(@{Knowledge}/2)" value='0' />
|
||||
</label>
|
||||
</div>
|
||||
<span></span>
|
||||
<span>AOK</span>
|
||||
<span>VALUE</span>
|
||||
<div class='section-title'>AREAS OF KNOWLEDGE</div>
|
||||
<div class='aok-grid'>
|
||||
<span class="span-2">
|
||||
<span>
|
||||
<span class="general-column-header">#of AOK</span>
|
||||
<input type='text' class='trait-box' name='attr_AreaOfKnowledgeKnown' title="@{AreaOfKnowledgeKnown} | round(@{Knowledge}/10)" value='0' readonly/>
|
||||
</span>
|
||||
<span>
|
||||
<span class="general-column-header">Default</span>
|
||||
<input type='text' class='trait-box' name='attr_AreaOfKnowledgeDefaultValue' title="@{AreaOfKnowledgeDefaultValue} | round(@{Knowledge}/2)" value='0' readonly/>
|
||||
</span>
|
||||
</span>
|
||||
<span class="general-column-header aok-col-1-heading">AOK</span>
|
||||
<span class="general-column-header">VALUE</span>
|
||||
</div>
|
||||
<fieldset class="repeating_AreasOfKnowledge">
|
||||
<div class='aok-grid'>
|
||||
<div class='col area-of-knowledge-name-column'>
|
||||
<!-- WeaponSpeedModifier has been migrated to AreasOfKnowledgeName -->
|
||||
<div class='aok-col-1'>
|
||||
<select name='attr_AreasOfKnowledgeName' title="@{repeating_AreasOfKnowledge_$X_AreasOfKnowledgeName}">
|
||||
<option>Agriculture</option>
|
||||
<option>Animal Science</option>
|
||||
@@ -492,6 +415,7 @@
|
||||
<option>Social Sciences</option>
|
||||
<option>World History/Current Affairs</option>
|
||||
</select>
|
||||
<!-- deprecated attribute -->
|
||||
<select class="hidden" name='attr_WeaponSpeedModifier' title="@{repeating_AreasOfKnowledge_$X_WeaponSpeedModifier}">
|
||||
<option>Agriculture</option>
|
||||
<option>Animal Science</option>
|
||||
@@ -532,7 +456,7 @@
|
||||
<option>World History/Current Affairs</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class='col area-of-knowledge-value-column'>
|
||||
<div class='area-of-knowledge-value-column'>
|
||||
<input type='text' class='trait-box' name='attr_AreaOfKnowledgeValue' title="@{repeating_AreasOfKnowledge_$X_AreaOfKnowledgeValue}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user