mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
William Barker
fbc4d4606a
Added coin images from PowerCoin (with permission) and also trying to make <img> elements with 'locations' work
3167 lines
243 KiB
HTML
3167 lines
243 KiB
HTML
<input name="attr_SetupDone" style="display: none;" type="text" value="0">
|
|
<input type="radio" class="character-sheet" name="attr_page" value="1" checked="checked" id="character-sheet">
|
|
<label for="character-sheet" data-i18n="character-u">CHARACTER</label>
|
|
<input type="radio" class="mission-sheet" name="attr_page" value="2" id="mission-sheet">
|
|
<label for="mission-sheet" data-i18n="mission-u">MISSION</label>
|
|
<input type="radio" class="director-sheet" name="attr_page" value="3" id="director-sheet">
|
|
<label for="director-sheet" data-i18n="director-u">DIRECTOR</label>
|
|
<br />
|
|
<br />
|
|
|
|
|
|
|
|
|
|
|
|
<div class="character-sheet" >
|
|
<div style="display: inline-block; vertical-align: top; width: 600px; height: 820px; margin: 0px 0px 0px -4px; border: 0px dashed Green;">
|
|
<!-- Photo ID -->
|
|
<div style="display: inline-block; vertical-align: top; width: 194px; height: 234px; margin: 12px 0px 0px 8px; padding: 10px 10px 2px 10px; transform: rotate(-5deg); border: 1px solid #BFBFBF; box-shadow: 10px 10px 5px #aaaaaa;">
|
|
<img name="attr_character_avatar" style="width: 194px; height: 184px; transform: rotate(0 deg);" title="ID Photograph">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedLogo.png" style="; width: 90px; height: 40px; margin: 4px 0px 0px 64px; opacity: 0.8" title="Outgunned Logo">
|
|
</div>
|
|
<!-- Personal Details -->
|
|
<div style="display: inline-block; vertical-align: top; width: 330px; height: 180px; margin: 20px 0px 0px 24px; border: 0px solid Blue;">
|
|
<label class="secret-roll" style="display: inline-block; vertical-align: top; margin: -20px 0px 0px 70px;"><input type="checkbox" value="/w gm" name="attr_secret_roll" style="accent-color: Black; margin: -3px 0px 0px 2px;"> <span data-i18n="secret roll" style="font-weight: 800; font-size: 12px; padding: 0px 0px 4px 0px;" >Secret roll</span></label>
|
|
<button type="roll" class="coin-flip-button" style="display: inline-block; vertical-align: top; box-sizing: border-box; margin: -22px 0px 0px 0px;" data-i18n="flip-a-coin" value="@{secret_roll} &{template:coin-flip} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{roll-name=^{flip-a-coin}}} {{roll=[[1d2]]}}">Flip a coin</button>
|
|
<hr style="width: 100%; height: 0px; border-bottom: 0px solid rgb(179,37,27); margin: 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: -10px 0px 0px 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 286px; margin: -10px 0px 0px 4px;" name="attr_character_name" title="@{character_name}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="role-u" >ROLE</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 286px; margin: 0px 0px 0px 4px;" name="attr_role" title="@{role}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 2px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="trope-u" >TROPE</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 286px; margin: 0px 0px 0px 4px;" name="attr_trope" title="@{trope}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 2px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 20px; font-size: 10px; height: 12px; margin: 0px; padding: 12px 2px 1px 2px; color: rgb(179,37,27)" data-i18n="job-u" >JOB</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 170px; margin: 0px 0px 0px 16px;" name="attr_job" title="@{job}" spellcheck="false">
|
|
<label style="display: inline-block; vertical-align: top; width: 20px; font-size: 10px; height: 12px; margin: 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="age-u" >AGE</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 82px; margin: 0px 0px 0px 4px;" name="attr_age" title="@{age}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 2px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="flaw-u" >FLAW</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 286px; margin: 0px 0px 0px 4px;" name="attr_flaw" title="@{flaw}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 2px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 64px; font-size: 10px; height: 12px; margin: 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="catchphrase-u" >CATCHPHRASE</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 256px; margin: 0px 0px 0px 4px;" name="attr_catchphrase" title="@{catchphrase}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: 0;">
|
|
</div>
|
|
<!-- Attributs and Skills -->
|
|
<div style="display: inline-block; vertical-align: top;">
|
|
<div class="attribute-box" style="width: 220px; margin: 6px 0px 0px 0px; border: 0px solid Blue;">
|
|
<div>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 13px solid transparent; border-right: 13px solid rgb(179,37,27); border-bottom: 13px solid rgb(179,37,27); border-left: 13px solid transparent; margin: 8px 0px 0px 0px;"></div>
|
|
<button type="action" name="act_roll" style="background-color: rgb(179,37,27); color: White; border: 0px solid Green; margin: 8px 0px 0px -4px; padding-bottom: 3px;" data-i18n="brawn-u" data-attribute="brawn" data-skill="" data-actor="@{character_name}">BRAWN</button>
|
|
<input type="hidden" name="attr_brawn_calc" value="2">
|
|
<div style="display: inline-block; vertical-align: top; width: 70px; height: 24px; background-color: transparent; margin: 4px 0px 0px -4px; border: 0px solid Black;">
|
|
<div class="diamond-checkboxes" >
|
|
<input class="diamond-input" type="checkbox" name="attr_brawn" id="brawn_value_3" value="3" />
|
|
<label class="diamond-checkbox" for="brawn_value_3">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_brawn" id="brawn_value_2" value="2" checked="checked" />
|
|
<label class="diamond-checkbox" for="brawn_value_2">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_brawn" id="brawn_value_1" value="1" />
|
|
<label class="diamond-checkbox" for="brawn_value_1">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-box">
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="endure-u" data-attribute="brawn" data-skill="endure" data-actor="@{character_name}">ENDURE</button>
|
|
|
|
<input type="hidden" name="attr_endure_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_endure" id="endure_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="endure_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_endure" id="endure_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="endure_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_endure" id="endure_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="endure_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="fight-u" data-attribute="brawn" data-skill="fight" data-actor="@{character_name}">FIGHT</button>
|
|
|
|
<input type="hidden" name="attr_fight_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_fight" id="fight_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="fight_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_fight" id="fight_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="fight_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_fight" id="fight_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="fight_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="force-u" data-attribute="brawn" data-skill="force" data-actor="@{character_name}">FORCE</button>
|
|
|
|
<input type="hidden" name="attr_force_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_force" id="force_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="force_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_force" id="force_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="force_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_force" id="force_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="force_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="stunt-u" data-attribute="brawn" data-skill="stunt" data-actor="@{character_name}">STUNT</button>
|
|
|
|
<input type="hidden" name="attr_stunt_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_stunt" id="stunt_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="stunt_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_stunt" id="stunt_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="stunt_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_stunt" id="stunt_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="stunt_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="attribute-box" style="width: 220px; margin: 2px 0px 0px 0px; border: 0px solid Green;">
|
|
<div>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 13px solid transparent; border-right: 13px solid rgb(179,37,27); border-bottom: 13px solid rgb(179,37,27); border-left: 13px solid transparent; margin: 7.5px 0px 0px 0px;"></div>
|
|
<button type="action" name="act_roll" style="background-color: rgb(179,37,27); color: White; border: 0px solid Green; margin: 8px 0px 0px -3px; padding-bottom: 3px;" data-i18n="nerves-u" data-attribute="nerves" data-skill="" data-actor="@{character_name}">NERVES</button>
|
|
<input type="hidden" name="attr_nerves_calc" value="2">
|
|
<div style="display: inline-block; vertical-align: top; width: 70px; height: 24px; background-color: transparent; margin: 4px 0px 0px -4px; border: 0px solid Black;">
|
|
<div class="diamond-checkboxes" >
|
|
<input class="diamond-input" type="checkbox" name="attr_nerves" id="nerves_value_3" value="3" />
|
|
<label class="diamond-checkbox" for="nerves_value_3">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_nerves" id="nerves_value_2" value="2" checked="checked" />
|
|
<label class="diamond-checkbox" for="nerves_value_2">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_nerves" id="nerves_value_1" value="1" />
|
|
<label class="diamond-checkbox" for="nerves_value_1">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-box">
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="cool-u" data-attribute="nerves" data-skill="cool" data-actor="@{character_name}">COOL</button>
|
|
|
|
<input type="hidden" name="attr_cool_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_cool" id="cool_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="cool_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_cool" id="cool_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="cool_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_cool" id="cool_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="cool_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="drive-u" data-attribute="nerves" data-skill="drive" data-actor="@{character_name}">DRIVE</button>
|
|
|
|
<input type="hidden" name="attr_drive_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_drive" id="drive_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="drive_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_drive" id="drive_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="drive_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_drive" id="drive_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="drive_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="shoot-u" data-attribute="nerves" data-skill="shoot" data-actor="@{character_name}">SHOOOT</button>
|
|
|
|
<input type="hidden" name="attr_shoot_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_shoot" id="shoot_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="shoot_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_shoot" id="shoot_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="shoot_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_shoot" id="shoot_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="shoot_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="survival-u" data-attribute="nerves" data-skill="survival" data-actor="@{character_name}">SURVIVAL</button>
|
|
|
|
<input type="hidden" name="attr_survival_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_survival" id="survival_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="survival_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_survival" id="survival_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="survival_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_survival" id="survival_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="survival_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="attribute-box" style="width: 220px; margin: 2px 0px 0px 0px; border: 0px solid Pink;">
|
|
<div>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 13px solid transparent; border-right: 13px solid rgb(179,37,27); border-bottom: 13px solid rgb(179,37,27); border-left: 13px solid transparent; margin: 7.5px 0px 0px 0px;"></div>
|
|
<button type="action" name="act_roll" style="background-color: rgb(179,37,27); color: White; border: 0px solid Green; margin: 8px 0px 0px -3px; padding-bottom: 3px;" data-i18n="smooth-u" data-attribute="smooth" data-skill="" data-actor="@{character_name}">SMOOTH</button>
|
|
<input type="hidden" name="attr_smooth_calc" value="2">
|
|
<div style="display: inline-block; vertical-align: top; width: 70px; height: 24px; background-color: transparent; margin: 4px 0px 0px -4px; border: 0px solid Black;">
|
|
<div class="diamond-checkboxes" >
|
|
<input class="diamond-input" type="checkbox" name="attr_smooth" id="smooth_value_3" value="3" />
|
|
<label class="diamond-checkbox" for="smooth_value_3">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_smooth" id="smooth_value_2" value="2" checked="checked" />
|
|
<label class="diamond-checkbox" for="smooth_value_2">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_smooth" id="smooth_value_1" value="1" />
|
|
<label class="diamond-checkbox" for="smooth_value_1">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-box">
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="flirt-u" data-attribute="smooth" data-skill="cool" data-actor="@{character_name}">FLIRT</button>
|
|
|
|
<input type="hidden" name="attr_flirt_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_flirt" id="flirt_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="flirt_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_flirt" id="flirt_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="flirt_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_flirt" id="flirt_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="flirt_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="leadership-u" data-attribute="smooth" data-skill="leadership" data-actor="@{character_name}">LEADERSHIP</button>
|
|
|
|
<input type="hidden" name="attr_leadership_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_leadership" id="leadership_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="leadership_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_leadership" id="leadership_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="leadership_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_leadership" id="leadership_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="leadership_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="speech-u" data-attribute="smooth" data-skill="speech" data-actor="@{character_name}">SPEECH</button>
|
|
|
|
<input type="hidden" name="attr_speech_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_speech" id="speech_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="speech_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_speech" id="speech_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="speech_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_speech" id="speech_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="speech_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="style-u" data-attribute="smooth" data-skill="style" data-actor="@{character_name}">STYLE</button>
|
|
|
|
<input type="hidden" name="attr_style_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_style" id="style_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="style_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_style" id="style_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="style_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_style" id="style_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="style_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="attribute-box" style="width: 220px; margin: 2px 0px 0px 0px; border: 0px solid Orange;">
|
|
<div >
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 13px solid transparent; border-right: 13px solid rgb(179,37,27); border-bottom: 13px solid rgb(179,37,27); border-left: 13px solid transparent; margin: 7.5px 0px 0px 0px;"></div>
|
|
<button type="action" name="act_roll" style="background-color: rgb(179,37,27); color: White; border: 0px solid Green; margin: 8px 0px 0px -3px; padding-bottom: 3px;" data-i18n="focus-u" data-attribute="focus" data-skill="" data-actor="@{character_name}">FOCUS</button>
|
|
<input type="hidden" name="attr_focus_calc" value="2">
|
|
<div style="display: inline-block; vertical-align: top; width: 70px; height: 24px; background-color: transparent; margin: 4px 0px 0px -4px; border: 0px solid Black;">
|
|
<div class="diamond-checkboxes" >
|
|
<input class="diamond-input" type="checkbox" name="attr_focus" id="focus_value_3" value="3" />
|
|
<label class="diamond-checkbox" for="focus_value_3">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_focus" id="focus_value_2" value="2" checked="checked" />
|
|
<label class="diamond-checkbox" for="focus_value_2">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_focus" id="focus_value_1" value="1" />
|
|
<label class="diamond-checkbox" for="focus_value_1">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-box">
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="detect-u" data-attribute="focus" data-skill="detect" data-actor="@{character_name}">DETECT</button>
|
|
|
|
<input type="hidden" name="attr_detect_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_detect" id="detect_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="detect_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_detect" id="detect_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="detect_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_detect" id="detect_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="detect_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="fix-u" data-attribute="focus" data-skill="fix" data-actor="@{character_name}">FIX</button>
|
|
|
|
<input type="hidden" name="attr_fix_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_fix" id="fix_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="fix_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_fix" id="fix_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="fix_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_fix" id="fix_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="fix_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="heal-u" data-attribute="focus" data-skill="heal" data-actor="@{character_name}">HEAL</button>
|
|
|
|
<input type="hidden" name="attr_heal_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_heal" id="heal_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="heal_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_heal" id="heal_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="heal_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_heal" id="heal_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="heal_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="know-u" data-attribute="focus" data-skill="know" data-actor="@{character_name}">KNOW</button>
|
|
|
|
<input type="hidden" name="attr_know_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_know" id="know_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="know_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_know" id="know_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="know_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_know" id="know_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="know_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="attribute-box" style="width: 220px; margin: 2px 0px 0px 0px; border: 0px solid Brown;">
|
|
<div>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 13px solid transparent; border-right: 13px solid rgb(179,37,27); border-bottom: 13px solid rgb(179,37,27); border-left: 13px solid transparent; margin: 7.5px 0px 0px 0px;"></div>
|
|
<button type="action" name="act_roll" style="background-color: rgb(179,37,27); color: White; border: 0px solid Green; margin: 8px 0px 0px -3px; padding-bottom: 3px;" data-i18n="crime-u" data-attribute="crime" data-skill="" data-actor="@{character_name}">CRIME</button>
|
|
<input type="hidden" name="attr_crime_calc" value="2">
|
|
<div style="display: inline-block; vertical-align: top; width: 70px; height: 24px; background-color: transparent; margin: 4px 0px 0px -4px; border: 0px solid Black;">
|
|
<div class="diamond-checkboxes" >
|
|
<input class="diamond-input" type="checkbox" name="attr_crime" id="crime_value_3" value="3" />
|
|
<label class="diamond-checkbox" for="crime_value_3">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_crime" id="crime_value_2" value="2" checked="checked" />
|
|
<label class="diamond-checkbox" for="crime_value_2">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_crime" id="crime_value_1" value="1" />
|
|
<label class="diamond-checkbox" for="crime_value_1">
|
|
<span class="diamond-down"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-box">
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="awareness-u" data-attribute="crime" data-skill="awareness" data-actor="@{character_name}">AWARENESS</button>
|
|
|
|
<input type="hidden" name="attr_awareness_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_awareness" id="awareness_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="awareness_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_awareness" id="awareness_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="awareness_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_awareness" id="awareness_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="awareness_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="dexterity-u" data-attribute="crime" data-skill="dexterity" data-actor="@{character_name}">DEXTERITY</button>
|
|
|
|
<input type="hidden" name="attr_dexterity_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dexterity" id="dexterity_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="dexterity_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dexterity" id="dexterity_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="dexterity_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dexterity" id="dexterity_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dexterity_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="stealth-u" data-attribute="crime" data-skill="stealth" data-actor="@{character_name}">STEALTH</button>
|
|
|
|
<input type="hidden" name="attr_stealth_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_stealth" id="stealth_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="stealth_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_stealth" id="stealth_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="stealth_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_stealth" id="stealth_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="stealth_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="skill-label">
|
|
<button type="action" style="font-size: 12px; height: 18px;" name="act_roll" data-i18n="streetwise-u" data-attribute="crime" data-skill="streetwise" data-actor="@{character_name}">STREETWISE</button>
|
|
|
|
<input type="hidden" name="attr_streetwise_calc" value="1">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_streetwise" id="streetwise_value_3" value="3" />
|
|
<label class="diamond-checkbox-black" for="streetwise_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_streetwise" id="streetwise_value_2" value="2" />
|
|
<label class="diamond-checkbox-black" for="streetwise_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_streetwise" id="streetwise_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="streetwise_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Grit -->
|
|
<div style="display: inline-block; vertical-align: top; margin: 26px 0px 0px 40px;" >
|
|
<label class="title-label" style="font-weight: 800; color: rgb(179,37,27); font-size: 22px; margin-left:-4px;" data-i18n="grit-u">GRIT</label>
|
|
<div style="display: inline-block; vertical-align: top; margin: -10px 0px 0px -8px;" >
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedGrit.png" style="width: 310px; height: 41px; opacity: 0.8" title="Grit">
|
|
</div>
|
|
<div class="luck-box" style=" margin: -32px 0px 0px -1px;">
|
|
<div class="luck-box-inner">
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27); margin-left: -2px" value="12" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="11" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="10" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="9" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid Black;" value="8" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="7" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="6" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="5" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="4" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_grit" style="border: 1px solid rgb(179,37,27);" value="1" />
|
|
</div>
|
|
</div>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 270px; font-size: 10px; height: 13px; margin: 12px 0px 0px -4px; padding: 2px 2px 1px 0px; color: Gray; border: 0px solid Black;" data-i18n="bad-defn-u" >BAD: SUFFER A CONDITION</label>
|
|
<label style=" width: 270px; font-size: 10px; height: 13px; margin: -4px 0px 0px -4px; padding: 2px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="hot-defn-u">HOT: GAIN 2 ADRENALINE</label>
|
|
<!--<label style="display: inline-block; vertical-align: top; width: 160px; font-size: 10px; height: 13px; margin: -40px 0px 0px 18px; padding: 12px 2px 1px 4px; color: rgb(179,37,27)" data-i18n="hot-defn-u">HOT: GAIN 2 ADRENALINE</label> -->
|
|
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 320px; margin: -437px 0px 0px 244px; border: 0px solid Black;" >
|
|
|
|
<!-- Feats -->
|
|
<label class="title-label" style="font-weight: 700; color: rgb(179,37,27); font-size: 22px; height: 22px; text-align: right; margin: 0; margin-bottom: -10px;" data-i18n="feats-u">FEATS</label>
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 0px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 0.5px 0px 0px -3px;"></div>
|
|
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -14px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_feat1a" title="@{feat1a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -2px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_feat1b" title="@{feat1b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_feat2a" title="@{feat2a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_feat2b" title="@{feat2b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_feat3a" title="@{feat3a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_feat3b" title="@{feat3b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_feat4a" title="@{feat4a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_feat4b" title="@{feat4b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_feat5a" title="@{feat5a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_feat5b" title="@{feat5b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_feat6a" title="@{feat6a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="text-align: center; width: 320px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_feat6b" title="@{feat6b}" spellcheck="false">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div style="display: inline-block; vertical-align: top; width: 570px; height: 820px; margin: 0px 0px 0px -4px; border: 0px dashed Purple;">
|
|
<!-- Adrenaline -->
|
|
<div style="display: inline-block; vertical-align: top; width: 220px; height: 240px; margin: 0px 0px 0px 4px; border: 0px solid Red;">
|
|
<div style="display: inline-block; vertical-align: top; width: 140px; height: 110px; margin: 30px 0px 0px 40px; border: 0px solid Blue;">
|
|
<!-- <label class="title-label" style="font-weight: 700; color: rgb(179,37,27); font-size: 22px; height: 22px; text-align: center; margin: 0; margin-bottom: 0px;" data-i18n="spotlight-u">SPOTLIGHT</label>
|
|
-->
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedSpotlight.png" width="210" height="230" title="Spotlight">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner">
|
|
<input class="circle-input" type="checkbox" name="attr_spotlight" id="spotlight_value_3" style="height: 17px; width: auto; border: 3px solid rgb(179,37,27); padding: 0 6px; margin: -108px 0px 0px -34px;" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_spotlight" id="spotlight_value_2" style="height: 17px; width: auto; border: 3px solid rgb(179,37,27); padding: 0 6px; margin: -94px 0px 0px -25px;" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_spotlight" id="spotlight_value_1" style="height: 17px; width: auto; border: 3px solid rgb(179,37,27); padding: 0 6px; margin: -74px 0px 0px 107px;" value="1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<label class="title-label" style="font-weight: 700; color: rgb(179,37,27); font-size: 22px; height: 22px; text-align: center; margin: 12px 0px 0px 0px;" data-i18n="adrenaline-u">ADRENALINE</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 148px; height: 36px; margin: 4px 0px 0px 30px; border: 0px solid Blue;">
|
|
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedAdrenaline.png" title="Adrenaline" style="width: 160px; height: 36px; opacity: 1.0; border: 0px dashed Brown;">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: -31px 0px 0px 0px;">
|
|
<input class="circle-input adrenaline" type="checkbox" name="attr_adrenaline" style="margin: 0px 2px 0px 11px;" id="adrenaline_value_6" value="6" />
|
|
<input class="circle-input adrenaline" type="checkbox" name="attr_adrenaline" style="margin: 0px 1px 0px 11px;" id="adrenaline_value_5" value="5" />
|
|
<input class="circle-input adrenaline" type="checkbox" name="attr_adrenaline" style="margin: 0px 1px 0px 11px;" id="adrenaline_value_4" value="4" />
|
|
<input class="circle-input adrenaline" type="checkbox" name="attr_adrenaline" style="margin: 0px 0px 0px 12px;" id="adrenaline_value_3" value="3" />
|
|
<input class="circle-input adrenaline" type="checkbox" name="attr_adrenaline" style="margin: 0px 0px 0px 11px;" id="adrenaline_value_2" value="2" />
|
|
<input class="circle-input adrenaline" type="checkbox" name="attr_adrenaline" style="margin: 0px 0px 0px 3px;" id="adrenaline_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<label style="display: inline-block; vertical-align: top; width: 54px; font-size: 9px; height: 12px; margin: 4px 0px 0px 20px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="gain-u" >GAIN + 1</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 130px; font-size: 9px; height: 12px; margin-top: 4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="take-spotlight-u" >6 bolts TAKE THE SPOTLIGHT</label>
|
|
</div>
|
|
<!-- Experiences -->
|
|
<div style="display: inline-block; vertical-align: top; width: 300px; height: 240px; margin: 0px 0px 0px 4px; border: 0px solid Orange;">
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 9px; height: 12px; margin: 50px 0px 0px 0px; padding: 2px 1px 1px 0px; color: rgb(179,37,27)" data-i18n="mission-u" >MISSION</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 254px; margin: 38px 0px 0px 4px; border: 0px solid Black;" name="attr_mission" title="@{mission}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<label class="title-label" style="font-weight: 700; color: rgb(179,37,27); font-size: 18px; height: 20px; text-align: center; margin: 10px 0px 0px 0px;" data-i18n="experiences-u">EXPERIENCES</label>
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 300px; margin: 0px 0px 0px 0px; border: 0px solid Black;" name="attr_experience1" title="@{experience1}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 2px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 300px; margin: 0px 0px 0px 0px; border: 0px solid Black;" name="attr_experience2" title="@{experience2}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 2px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 300px; margin: 0px 0px 0px 0px; border: 0px solid Black;" name="attr_experience3" title="@{experience3}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 2px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 300px; margin: 0px 0px 0px 0px; border: 0px solid Black;" name="attr_experience4" title="@{experience4}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 2px solid rgb(179,37,27); margin: 0;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 296px; text-align: center; font-size: 9px; height: 12px; margin: -2px 0px 0px 0px; padding: 2px 1px 1px 0px; color: Black" data-i18n="achievements-scars-u" >ACHIEVEMENTS, SCARS, BONDS, & REPUTATIONS</label>
|
|
|
|
</div>
|
|
<!-- You Look -->
|
|
<div style="display: inline-block; vertical-align: top; width: 370px; height: 160px; margin: 26px 0px 0px 4px; border: 0px solid Brown;">
|
|
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: White; background-color: rgb(179,37,27); font-size: 22px; width: 330px; height: 24px; text-align: center; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px;" data-i18n="you-look-u">YOU LOOK</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid rgb(179,37,27); border-left: 15px solid rgb(179,37,27); margin: 0px 0px 0px -4px;"></div>
|
|
|
|
<div class="row">
|
|
<div class="col-12" style="margin-bottom: 0px;">
|
|
|
|
<div class="feel-box" style="margin: 0">
|
|
<label class="feel-input" style="margin: 0">
|
|
|
|
<div class="diamond-checkbox" style="height: 20px;">
|
|
<input type="checkbox" class="diamond-input" name="attr_brawn_modifier" value="-1">
|
|
<span class="diamond-up without-line" style="height: 20px;"><span style="font-size: 12px; height: 18px; padding-right: 24px; text-align: right; font-weight: 800;" data-i18n="hurt-u">HURT</span></span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 20px; color: Gray; font-weight: 800; padding-top: 4px;" data-i18n="brawn-u">BRAWN</span>
|
|
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox" style="height: 24px;">
|
|
<input type="checkbox" class="diamond-input" name="attr_none_modifier" value="-1">
|
|
<span class="diamond-up without-line" style="height: 24px;"><span style="font-size: 12px; height: 18px; padding-right: 24px; text-align: right; font-weight: 800;" data-i18n="tired-u">TIRED</span></span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 20px; color: Gray; font-weight: 800; padding-top: 0px;" data-i18n="none-u">NONE</span>
|
|
</div>
|
|
|
|
<div class="feel-box" style="margin: 0">
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox" style="height: 24px;">
|
|
<input type="checkbox" class="diamond-input" name="attr_nerves_modifier" value="-1">
|
|
<span class="diamond-up without-line" style="height: 24px;"><span style="font-size: 12px; height: 18px; padding-right: 24px; text-align: right; font-weight: 800;" data-i18n="nervous-u">NERVOUS</span></span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 24px; color: Gray; font-weight: 800; padding-top: 4px;" data-i18n="nerves-u">NERVES</span>
|
|
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox" style="height: 24px;">
|
|
<input type="checkbox" class="diamond-input" name="attr_other1_modifier" value="-1">
|
|
<!--<span class="diamond-up" style="height: 24px;"><span style="font-size: 12px; height: 18px; text-align: right; font-weight: 800;" data-i18n=""></span></span>-->
|
|
<span class="diamond-up without-line" style="height: 24px;">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 100px; height: 18px; padding-right: 16px; border-bottom: 1px solid Black; color: Black; font-size: 14px; margin: 0px 0px 0px 4px;" name="attr_other1" title="@{other1}" value="Other 1" spellcheck="false">
|
|
</span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 20px; color: Gray; font-weight: 800; padding-top: 2px;" data-i18n="other-u">OTHER</span>
|
|
</div>
|
|
|
|
<div class="feel-box" style="margin: 0">
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox">
|
|
<input type="checkbox" class="diamond-input" name="attr_smooth_modifier" value="-1">
|
|
<span class="diamond-up without-line"><span style="font-size: 12px; height: 18px; padding-right: 24px; text-align: right; font-weight: 800;" data-i18n="like-a-fool-u">FOOLISH</span></span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 24px; color: Gray; font-weight: 800; padding-top: 2px;" data-i18n="smooth-u">SMOOTH</span>
|
|
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox">
|
|
<input type="checkbox" class="diamond-input" name="attr_other2_modifier" value="-1">
|
|
<span class="diamond-up without-line" style="height: 24px;">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 100px; height: 18px; padding-right: 16px; border-bottom: 1px solid Black; color: Black; font-size: 14px; margin: 0px 0px 0px 4px;" name="attr_other2" title="@{other2}" value="Other 2" spellcheck="false">
|
|
</span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 20px; color: Gray; font-weight: 800; padding-top: 2px;" data-i18n="other-u">OTHER</span>
|
|
</div>
|
|
<div class="feel-box" style="margin: 0">
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox">
|
|
<input type="checkbox" class="diamond-input" name="attr_focus_modifier" value="-1">
|
|
<span class="diamond-up without-line"><span style="font-size: 12px; height: 18px; margin-left: -12px; padding-right: 24px; text-align: right; font-weight: 800;" data-i18n="distracted-u">DISTRACTED</span></span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 24px; color: Gray; font-weight: 800; padding-top: 2px;" data-i18n="focus-u">FOCUS</span>
|
|
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox">
|
|
<input type="checkbox" class="diamond-input" name="attr_other3_modifier" value="-1">
|
|
<span class="diamond-up without-line" style="height: 24px;">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 100px; height: 18px; padding-right: 16px; border-bottom: 1px solid Black; color: Black; font-size: 14px; margin: 0px 0px 0px 4px;" name="attr_other3" title="@{other3}" value="Other 3" spellcheck="false">
|
|
</span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 20px; color: Gray; font-weight: 800; padding-top: 2px;" data-i18n="other-u">OTHER</span>
|
|
</div>
|
|
|
|
<div class="feel-box" style="margin: 0">
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox">
|
|
<input type="checkbox" class="diamond-input" name="attr_crime_modifier" value="-1">
|
|
<span class="diamond-up without-line"><span style="font-size: 12px; height: 18px; padding-right: 24px; text-align: right; font-weight: 800;" data-i18n="scared-u">SCARED</span></span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 24px; color: Gray; font-weight: 800; padding-top: 2px;" data-i18n="crime-u">CRIME</span>
|
|
|
|
<label class="feel-input" style="margin: 0">
|
|
<div class="diamond-checkbox">
|
|
<input type="checkbox" class="diamond-input" name="attr_broken_modifier" value="-1">
|
|
<span class="diamond-up without-line"><span style="font-size: 12px; height: 18px; padding-right: 24px; color: rgb(179,37,27); text-align: right; font-weight: 800;" data-i18n="broken-u">BROKEN</span></span>
|
|
</div>
|
|
</label>
|
|
<span style="font-size: 12px; height: 24px; color: Gray; font-weight: 800; color: rgba(179,37,27,0.5); padding-top: 0px;" data-i18n="all-u">ALL</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<label style="display: inline-block; vertical-align: top; width: 296px; text-align: left; font-size: 9px; height: 11px; margin: -7px 0px 0px 0px; padding: 2px 1px 1px 0px; color: Black" data-i18n="4th-condition-u" >YOUR 4<sup>TH</sup> CONDITION IS ALWAYS BROKEN</label>
|
|
|
|
|
|
</div>
|
|
<!-- Death Roulette -->
|
|
<div style="display: inline-block; vertical-align: top; width: 160px; height: 160px; margin: 26px 0px 0px 4px; border: 2px solid Transparent;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedDeathRoulette.png" width="160" height="160" title="Death Roulette">
|
|
<div class="luck-box" style="width: 160px; height: 160px; margin: -160px 0px 0px 0px; border: 2px solid Transparent;">
|
|
<!-- <div class="luck-box-inner" style="display: inline-block; margin: -150px 0px 0px 24px; width: 104px; height: 110px; border: 2px solid Black;">
|
|
<div style="display: inline-block; vertical-align: top; height: 18px; width: 34px; box-sizing: border-box; border: 2px solid transparent; margin: 0px 0px 0px -1px;"> </div>
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette" style="height 28px; width: 28px; border: 1px solid transparent; margin: 0px 0px 0px 0px;" id="roulette_value_6" value="6" title="6" />
|
|
|
|
<div style="display: inline-block; vertical-align: top; height: 18px; width: 34px; box-sizing: border-box; border: 2px solid transparent; margin: 0px 0px 0px 0px;"> </div>
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette" style="height 28px; width: 28px; border: 2px solid transparent; margin: -12px 0px 0px 1.5px;" id="roulette_value_5" value="5" title="5" />
|
|
|
|
<button type="roll" class="coin-flip-button" style="display: inline-block; vertical-align: top; box-sizing: border-box; height: 32px; width: 32px; border: 4px solid transparent; margin: 8px 0px 0px 0px;" title="Death Roulette" value="@{secret_roll} &{template:roulette} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{roll-name=^{death-roulette}}} {{chamber=[[@{roulette}]]}} {{roll=[[1d6]]}}"></button>
|
|
|
|
<div style="display: inline-block; vertical-align: top; height: 29px; width: 29px; box-sizing: border-box; border: 2px solid transparent; margin: -11px 0px 0px 1px;"></div>
|
|
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette" style="height 28px; width: 28px; border: 2px solid transparent; margin: -32px 0px 0px 1.5px;" id="roulette_value_4" value="4" title="4" />
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette" style="width: 28px; height 28px; border: 2px solid transparent; margin: 7.5px 0px 0px -1.5px;" id="roulette_value_3" value="3" title="3" />
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette" style="width: 28px; height 28px; border: 2px solid transparent; margin: -91.5px 0px 0px 69px;" id="roulette_value_2" value="2" title="2"/>
|
|
-->
|
|
<input type="hidden" name="attr_roulette" value="1">
|
|
|
|
<div style="display: inline-block; vertical-align: top; height: 30px; width: 30px; box-sizing: border-box; border: 2px solid Transparent; margin: -77px 0px 0px 58.3px;">
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette6" style="height 28px; width: 28px; border: 1px solid transparent; margin: 0px 0px 0px 0px;" id="roulette_value_6" value="6" title="6" />
|
|
</div>
|
|
<div style="display: inline-block; vertical-align: top; height: 30px; width: 30px; box-sizing: border-box; border: 2px solid Transparent; margin: -39px 0px 0px -64px;">
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette5" style="height 28px; width: 28px; border: 1px solid transparent; margin: 0px 0px 0px 0px;" id="roulette_value_5" value="5" title="5" />
|
|
</div>
|
|
|
|
<button type="roll" class="coin-flip-button" style="display: inline-block; vertical-align: top; box-sizing: border-box; height: 32px; width: 32px; border: 4px solid Transparent; margin: 4px 0px 0px 4px;" title="Death Roulette" value="@{secret_roll} &{template:roulette} {{character_name=@{character_name}}} {{character_id=@{character_id}}} {{roll-name=^{death-roulette}}} {{chamber=[[@{roulette}]]}} {{roll=[[1d6]]}}"></button>
|
|
|
|
<div style="display: inline-block; vertical-align: top; height: 30px; width: 30px; box-sizing: border-box; border: 2px solid Transparent; margin: 39.4px 0px 0px -66px;">
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette4" style="height 28px; width: 28px; border: 1px solid transparent; margin: 0px 0px 0px 0px;" id="roulette_value_4" value="4" title="4" />
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; height: 30px; width: 30px; box-sizing: border-box; border: 2px solid Transparent; margin: 78px 0px 0px 4px;">
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette3" style="width: 28px; height 28px; border: 1px solid transparent; margin: 0px 0px 0px 0px;" id="roulette_value_3" value="3" title="3" />
|
|
</div>
|
|
<div style="display: inline-block; vertical-align: top; height: 30px; width: 30px; box-sizing: border-box; border: 2px solid Transparent; margin: 39.4px 0px 0px 4px;">
|
|
<input class="circle-input roulette" type="checkbox" name="attr_roulette2" style="width: 28px; height 28px; border: 1px solid transparent; margin: 0px 0px 0px 0px;" id="roulette_value_2" value="2" title="2"/>
|
|
</div>
|
|
<!--</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Guns & Gears -->
|
|
<div style="display: inline-block; vertical-align: top; width: 530px; height: 230px; margin: 26px 0px 0px 4px; border: 0px solid Black;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: White; background-color: rgb(179,37,27); width: 360px; font-size: 20px; height: 20px; text-align: center; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;" data-i18n="guns-gear-u">GUNS & GEAR</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 30px; font-size: 6px; height: 16px; text-align: left; margin: 0px 0px 0px -4px; padding: 8px 0px 0px 0px;" data-i18n="melee-u">MELEE</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 30px; font-size: 6px; height: 16px; text-align: left; margin: 0px 0px 0px -4px; padding: 8px 0px 0px 0px;" data-i18n="close-u">CLOSE</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 30px; font-size: 6px; height: 16px; text-align: left; margin: 0px 0px 0px -4px; padding: 8px 0px 0px 0px;" data-i18n="medium-u">MEDIUM</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 30px; font-size: 6px; height: 16px; text-align: left; margin: 0px 0px 0px -4px; padding: 8px 0px 0px 0px;" data-i18n="long-u">LONG</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 24px; font-size: 6px; height: 16px; text-align: center; margin: 0px 0px 0px -4px; padding: 8px 0px 0px 0px;" > </label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(179,37,27); border-left: 12px solid rgb(179,37,27); margin: 0px 0px 0px -4px;"></div>
|
|
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 360px; height: 25px; margin: 6px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray;" name="attr_gear1" title="@{gear1}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 6px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray; background-color: rgb(234,234,234);" name="attr_melee1" title="@{melee1}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 6px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray;" name="attr_close1" title="@{close1}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 6px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray; background-color: rgb(234,234,234);" name="attr_medium1" title="@{medium1}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 6px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray;" name="attr_long1" title="@{long1}">
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top; width: 50px; height: 25px; margin: 6px 0px 0px -3px;">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 0px solid Red;">
|
|
<input class="mag" type="checkbox" name="attr_weapon1ammo1" style="margin: 0px 0px 0px 1px;" value="3" title="Mag 3" />
|
|
<input class="mag" type="checkbox" name="attr_weapon1ammo2" style="margin: 0px 0px 0px 1px;" value="2" title="Mag 2" />
|
|
<input class="mag" type="checkbox" name="attr_weapon1ammo3" style="margin: 0px 0px 0px 1px;" value="1" title="Mag 1" />
|
|
</div>
|
|
</div>
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 360px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none; background-color: rgb(234,234,234);" name="attr_gear2" title="@{gear2}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 0px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray; background-color: rgb(234,234,234);" name="attr_melee2" title="@{melee2}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 0px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray; background-color: rgb(234,234,234);" name="attr_close2" title="@{close2}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 0px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray; background-color: rgb(234,234,234);" name="attr_medium2" title="@{medium2}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 0px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray; background-color: rgb(234,234,234);" name="attr_long2" title="@{long2}">
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top; width: 50px; height: 25px; margin: 0px 0px 0px -3px;">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 0px solid Red;">
|
|
<input class="mag" type="checkbox" name="attr_weapon2ammo1" style="margin: 0px 0px 0px 1px;" value="3" title="Mag 3" />
|
|
<input class="mag" type="checkbox" name="attr_weapon2ammo2" style="margin: 0px 0px 0px 1px;" value="2" title="Mag 2" />
|
|
<input class="mag" type="checkbox" name="attr_weapon2ammo3" style="margin: 0px 0px 0px 1px;" value="1" title="Mag 1" />
|
|
</div>
|
|
</div>
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 360px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none;" name="attr_gear3" title="@{gear3}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 0px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray; background-color: rgb(234,234,234);" name="attr_melee3" title="@{melee3}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 0px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray;" name="attr_close3" title="@{close3}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 0px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray; background-color: rgb(234,234,234);" name="attr_medium3" title="@{medium3}">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 30px; height: 25px; margin: 0px 0px 0px -4px; padding: 2px 2px 0px 2px; border: 1px solid Gray;" name="attr_long3" title="@{long3}">
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top; width: 50px; height: 25px; margin: 0px 0px 0px -3px;">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 0px solid Red;">
|
|
<input class="mag" type="checkbox" name="attr_weapon3ammo1" style="margin: 0px 0px 0px 1px;" value="3" title="Mag 3" />
|
|
<input class="mag" type="checkbox" name="attr_weapon3ammo2" style="margin: 0px 0px 0px 1px;" value="2" title="Mag 2" />
|
|
<input class="mag" type="checkbox" name="attr_weapon3ammo3" style="margin: 0px 0px 0px 1px;" value="1" title="Mag 1" />
|
|
</div>
|
|
</div>
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 530px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none; background-color: rgb(234,234,234);" name="attr_gear4" title="@{gear4}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 530px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none;" name="attr_gear5" title="@{gear5}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 530px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none; background-color: rgb(234,234,234);" name="attr_gear6" title="@{gear6}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 530px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none;" name="attr_gear7" title="@{gear7}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 530px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none; background-color: rgb(234,234,234);" name="attr_gear8" title="@{gear8}" spellcheck="false">
|
|
|
|
|
|
</div>
|
|
<!-- Cash -->
|
|
<div style="display: inline-block; vertical-align: top; width: 110px; height: 134px; margin: 10px 0px 0px 0px; border: 0px solid Blue;">
|
|
<div style=" width: 114px; height: 104px; margin: 10px 0px 0px -2px; border: 0px solid Black;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedPiggyBank.png" width="110" height="130" title="Piggy Bank">
|
|
</div>
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 8px;">
|
|
<input class="circle-input" type="checkbox" name="attr_cash" style="margin: 0px 0px 0px -10px" id="cash_value_5" value="5" /><label class="circle-input" style="height: 11px; margin-top: -2px;" for="cash_value_5">$</label>
|
|
<input class="circle-input" type="checkbox" name="attr_cash" style="margin: 0px 0px 0px -10px" id="cash_value_4" value="4" /><label class="circle-input" style="height: 11px; margin-top: -2px;" for="cash_value_4">$</label>
|
|
<input class="circle-input" type="checkbox" name="attr_cash" style="margin: 0px 0px 0px -10px" id="cash_value_3" value="3" /><label class="circle-input" style="height: 11px; margin-top: -2px;" for="cash_value_3">$</label>
|
|
<input class="circle-input" type="checkbox" name="attr_cash" style="margin: 0px 0px 0px -10px" id="cash_value_2" value="2" /><label class="circle-input" style="height: 11px; margin-top: -2px;" for="cash_value_2">$</label>
|
|
<input class="circle-input" type="checkbox" name="attr_cash" style="margin: 0px 0px 0px -10px" id="cash_value_1" value="1" /><label class="circle-input" style="height: 11px; margin-top: -2px;" for="cash_value_1">$</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Storage -->
|
|
<div style="display: inline-block; vertical-align: top; width: 204px; height: 134px; margin: 10px 0px 0px -2px; border: 0px solid Green;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 180px; font-size: 22px; height: 20px; text-align: center; margin: 4px 0px 0px 0px; padding: 4px 0px 0px 0px;" data-i18n="storage-u">STORAGE</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(179,37,27); border-left: 12px solid rgb(179,37,27); margin: 4px 0px 0px -4px;"></div>
|
|
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 204px; height: 25px; margin: 4px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray;" name="attr_storage1" title="@{storage1}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 204px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none;" name="attr_storage2" title="@{storage2}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 204px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none;" name="attr_storage3" title="@{storage3}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 204px; height: 25px; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 2px; border: 1px solid Gray; border-top: none;" name="attr_storage4" title="@{storage4}" spellcheck="false">
|
|
|
|
|
|
</div>
|
|
<!-- Ride -->
|
|
<div style="display: inline-block; vertical-align: top; width: 230px; height: 134px; margin: 10px 0px 0px -3px; border: 0px solid Purple;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 194px; font-size: 22px; height: 20px; text-align: center; margin: 4px 0px 0px 10px; padding: 4px 0px 0px 0px;" data-i18n="ride-u">RIDE</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(179,37,27); border-left: 12px solid rgb(179,37,27); margin: 4px 0px 0px -4px;"></div>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: 0px 0px 0px 10px; padding: 12px 2px 1px 4px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 172px; margin: 0px 0px 0px 4px;" name="attr_ride_name" title="@{ride_name}" spellcheck="false">
|
|
<hr style="width: 218px; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: 0px 0px 0px 10px;">
|
|
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedRides.png" title="Rides" style="width: 230px; height: 74px; border: 0px dashed Brown;">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: -97px 0px 0px 0px;">
|
|
<input class="circle-input" type="checkbox" name="attr_armor" style="color: rgb(179,37,27); border: 1px solid rgb(179,37,27); margin: 0px 0px 0px 11.5px" id="armor_value_3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_armor" style="color: rgb(179,37,27); border: 1px solid rgb(179,37,27); margin: 0px 0px 0px 12px" id="armor_value_2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_armor" style="color: rgb(179,37,27); border: 1px solid rgb(179,37,27); margin: 0px 0px 0px 9px" id="armor_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
<!-- Speed -->
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 40px; height: 40px; font-size: 36px; margin: -110px 0px 0px 96px; padding-bottom: 4px; position: relative; z-index: 2" name="attr_speed" title="@{speed}" value="1" />
|
|
<!-- Extra Armor -->
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top;">
|
|
<div class="luck-box-inner" style="margin: -102px 0px 0px -3px;">
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armor" style="margin: 0px 0px 0px 12px" id="extra_armor_value_3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armor" style="margin: 0px 0px 0px 12px" id="extra_armor_value_2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armor" style="margin: 0px 0px 0px 11px" id="extra_armor_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
<div class="luck-box-inner" style="margin: -106px 0px 0px 0px; border: 0px solid Green;">
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideTank" style="margin: 0px 28px 0px 28px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideAir" style="margin: 0px 0px 0px 30px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideWater" style="margin: 0px 0px 0px 38px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideAuto" style="margin: 0px 0px 0px 28px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideCycle" style="margin: 0px 0px 0px 16px;" value="1" />
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<input type="hidden" name="attr_null_calc" value="0">
|
|
|
|
<input type="hidden" name="attr_pair_one_sum" value="0">
|
|
<input type="hidden" name="attr_pair_two_sum" value="0">
|
|
<input type="hidden" name="attr_pair_three_sum" value="0">
|
|
<input type="hidden" name="attr_pair_four_sum" value="0">
|
|
<input type="hidden" name="attr_pair_five_sum" value="0">
|
|
<input type="hidden" name="attr_pair_six_sum" value="0">
|
|
<input type="hidden" name="attr_dice_for_reroll" value="0">
|
|
|
|
</div>
|
|
|
|
|
|
<div class="mission-sheet" >
|
|
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 600px; height: 830px; margin: 0px 0px 0px -4px; border: 0px dashed Green;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedLogoAlt.png" style="display: inline-block; vertical-align: top; width: 200px; height: 76px; margin: 2px 0px 0px 0px; opacity: 1.0; border: 0px solid Black;" title="Outgunned Logo">
|
|
|
|
<!-- Heros -->
|
|
<label style="display: inline-block; vertical-align: top; height: 26px; width: 240px; font-size: 24px; margin: 16px 0px 0px 130px; color: rgb(179,37,27); border: 0px solid Black;" data-i18n="heroes-u">HEROES</label>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: -17px 0px 0px 206px; padding: 2px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="mission-u">MISSION</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 338px; margin: -28px 0px 0px 4px; border: 0px solid Purple;" name="attr_misssion_name" title="@{director_mission}" spellcheck="false">
|
|
<hr style="width: 64%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin-left: 34%; margin-top: -22px;">
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 588px; height: 122px; margin: -18px 0px 0px 0px; border: 0px solid Blue;">
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 242px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_mission_name1" title="@{mission_name1}" spellcheck="false">
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="role-u" >ROLE</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 250px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Blue;" name="attr_mission_role1" title="@{mission_role1}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 242px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_mission_name2" title="@{mission_name2}" spellcheck="false">
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="role-u" >ROLE</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 250px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Blue;" name="attr_mission_role2" title="@{mission_role2}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 242px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_mission_name3" title="@{mission_name3}" spellcheck="false">
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="role-u" >ROLE</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 250px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Blue;" name="attr_mission_role3" title="@{mission_role3}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 242px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_mission_name4" title="@{mission_name4}" spellcheck="false">
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="role-u" >ROLE</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 250px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Blue;" name="attr_mission_role4" title="@{mission_role4}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 0px;">
|
|
</div>
|
|
<!-- SHOT -->
|
|
<div style="display: inline-block; vertical-align: top; width: 336px; height: 600px; margin: 30px 0px 0px 0px; border: 0px solid Green;">
|
|
|
|
<label class="title-label" style="font-weight: 700; color: rgb(179,37,27); font-size: 22px; height: 22px; text-align: right; margin: 0; margin-bottom: -4px;" data-i18n="shot-u">SHOT</label>
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 0px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 0.5px 0px 0px -3px;"></div>
|
|
|
|
<input type="text" class="transparent" style="text-align: center; width: 330px; margin: -14px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_shot1a" title="@{shot1a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="text-align: center; width: 330px; margin: -3px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_shot1b" title="@{shot1b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_shot2a" title="@{shot2a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_shot2b" title="@{feat2b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_shot3a" title="@{shot3a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_shot3b" title="@{shot3b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_shot4a" title="@{shot4a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_shot4b" title="@{shot4b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_shot5a" title="@{shot5a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_shot5b" title="@{shot5b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_shot6a" title="@{shot6a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_shot6b" title="@{shot6b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_shot7a" title="@{shot7a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_shot7b" title="@{shot7b}" spellcheck="false">
|
|
|
|
<hr style="display: inline-block; vertical-align: top; width: 200px; height: 5px; border-bottom: 8px solid rgb(179,37,27); margin: 0;">
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgb(179,37,27); border-left: 4px solid rgb(179,37,27); margin: 5.5px 0px 0px -3px;"></div>
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -6px 0px 0px 0px; border: 2px solid Gray; border-top: 3px solid rgb(179,37,27); border-bottom: 1px solid LightGray; " name="attr_shot8a" title="@{shot8a}" spellcheck="false">
|
|
<input type="text" class="transparent" style="height: 31px; text-align: center; width: 330px; margin: -1px 0px 0px 0px; border: 2px solid Gray; border-top: 1px solid LightGray;" name="attr_shot8b" title="@{shot8b}" spellcheck="false">
|
|
</div>
|
|
<!-- Thermometer -->
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedThermometer.png" style="display: inline-block; vertical-align: top; width: 140px; height: 460px; margin: 80px 0px 0px 60px; opacity: 1.0; border: 0px solid Blue; position: relative; z-index: 0;" title="Outgunned Thermometer">
|
|
<div style="display: inline-block; vertical-align: top; position: relative; z-index; 2; width: 30px; height: 400px; margin: 106px 0px 0px -92px; border: 0px solid Green;">
|
|
|
|
<!-- <div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 1px solid Blue;"> -->
|
|
<div style="margin: 0px 0px 0px 0px; border: 0px solid Blue;">
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM12" style="margin: -2px 0px 0px 2px;" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM11" style="margin: 10px 0px 0px 2px;" value="1" title="11"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM10" style="margin: 9px 0px 0px 2px;" value="1" title="10"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM9" style="margin: 10px 0px 0px 2px;" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM8" style="margin: 9px 0px 0px 2px;" value="1" title="8"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM7" style="margin: 10px 0px 0px 2px;" value="1" title="7"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM6" style="margin: 9px 0px 0px 2px;" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM5" style="margin: 10px 0px 0px 2px;" value="1" title="5"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM4" style="margin: 9px 0px 0px 2px;" value="1" title="4"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM3" style="margin: 10px 0px 0px 2px;" value="1" title="3"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM2" style="margin: 9px 0px 0px 2px;" value="1" title="2"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatM1" style="margin: 10px 0px 0px 2px;" value="1" title="1"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 160px; height: 70px; margin: -74px 0px 0px 382px; border: 0px solid Pink;">
|
|
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: rgb(179,37,27); font-size: 22px; height: 22px; text-align: center; width: 158px; margin: 0; margin-bottom: -10px;" data-i18n="heat-u">HEAT</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 14px; font-size: 9px; height: 12px; text-align: right; margin: 0px 0px 0px 2px; padding: 1px 2px 3px 2px; color: rgb(179,37,27); border: 0px solid Black;">6:</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 130px; font-size: 9px; height: 12px; margin: 0px 0px 0px -4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="leathal-bullet-u" >+1 LETHAL BULLET</label>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 14px; font-size: 9px; height: 12px; text-align: right; margin: -6px 0px 0px 2px; padding: 1px 2px 3px 2px; color: rgb(179,37,27); border: 0px solid Black;">9:</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 130px; font-size: 9px; height: 12px; margin: -6px 0px 0px -4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="enemy-feat-point-u" >+1 ENEMY FEAT POINT</label>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 14px; font-size: 9px; height: 12px; text-align: right; margin: -10px 0px 0px 2px; padding: 1px 2px 3px 2px; color: rgb(179,37,27); border: 0px solid Black;">12:</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 130px; font-size: 9px; height: 12px; margin: -10px 0px 0px -4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="leathal-bullet-bolt-u" >+1 LETHAL BULLET +1 bolt</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 578px; height: 830px; margin: 0px 0px 0px -4px; border: 0px dashed Purple;">
|
|
<!-- Villian -->
|
|
<div style="display: inline-block; vertical-align: top; width: 286px; height: 250px; margin: 0px 0px 0px 20px; border: 0px solid Green;">
|
|
<label style="display: inline-block; vertical-align: top; height: 26px; width: 310px; font-size: 24px; text-align: center; margin: 16px 0px 0px 0px; color: rgb(179,37,27); border: 0px solid Black;" data-i18n="villian-u">VILLIAN</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 284px; height: 180px; margin: 6px 0px 0px 0px; border: 0px solid Blue;">
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 14px; margin: -1px 0px 0px 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 242px; margin: 0px 0px 0px 2px; padding: 2px; border: 0px solid Orange;" name="attr_mission_villian1" title="@{mission_name1}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -1px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 76px; font-size: 10px; height: 14px; margin: -1px 0px 0px 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="strong-spots-u" >STRONG SPOTS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 198px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Brown;" name="attr_mission_strong1" title="@{mission_strong1}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -1px 0px 0px 0px;">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 286px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; border: 0; border-bottom: 2px solid rgb(179,37,27);" name="attr_mission_strong2" title="@{mission_strong2}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 286px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; border: 0; border-bottom: 2px solid rgb(179,37,27);" name="attr_mission_strong3" title="@{mission_strong3}" spellcheck="false">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 76px; font-size: 10px; height: 14px; margin: -1px 0px 0px 0px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="weak-spots-u" >WEAK SPOTS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 198px; margin: -1px 0px 0px 4px; padding: 2px; border: 0px solid Brown;" name="attr_mission_weak1" title="@{mission_weak1}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -1px 0px 0px 0px;">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 286px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; border: 0; border-bottom: 2px solid rgb(179,37,27);" name="attr_mission_weak2" title="@{mission_weak2}" spellcheck="false">
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 286px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; border: 0; border-bottom: 2px solid rgb(179,37,27);" name="attr_mission_weak3" title="@{mission_weak3}" spellcheck="false">
|
|
</div>
|
|
</div>
|
|
<!-- What's Your Plan -->
|
|
<div style="display: inline-block; vertical-align: top; width: 264px; height: 250px; margin: 0px 0px 0px 0px; border: 0px solid Purple;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 20px; width: 130px; height: 20px; text-align: center; margin: 14px 0px 0px 30px; padding: 0; border: 0px solid Black;" data-i18n="whats-your-u">WHAT"S YOUR</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: rgb(179,37,27); font-size: 20px; width: 68px; height: 20px; text-align: center; margin: 14px 0px 0px -2px; padding: 0; border: 0px solid Black" data-i18n="plan-b-u">PLAN B</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 20px; width: 12px; height: 20px; text-align: center; margin: 14px 0px 0px -2px; padding: 0; border: 0px solid Black;" data-i18n="qm-u">?</label>
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedBullet.png" style="display: inline-block; vertical-align: top; width: 50px; height: 50px; margin: 14px 0px 0px 36px; opacity: 0.8; border: 0px solid Blue;" title="Outgunned Bullet">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedBackup.png" style="display: inline-block; vertical-align: top; width: 50px; height: 50px; margin: 14px 0px 0px 34px; opacity: 0.8; border: 0px solid Blue;" title="Outgunned Bullet">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedBluff.png" style="display: inline-block; vertical-align: top; width: 50px; height: 50px; margin: 14px 0px 0px 34px; opacity: 0.8; border: 0px solid Blue;" title="Outgunned Bullet">
|
|
<!--
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 11px; width: 50px; height: 14px; text-align: center; margin: 2px 0px 0px 36px; padding: 0; border: 0px solid Black;" data-i18n="bullet-u">BULLET</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 11px; width: 50px; height: 14px; text-align: center; margin: 2px 0px 0px 34px; padding: 0; border: 0px solid Black" data-i18n="backup-u">BACKUP</label>
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 11px; width: 50px; height: 14px; text-align: center; margin: 2px 0px 0px 36px; padding: 0; border: 0px solid Black;" data-i18n="bluff-u">BLUFF</label>
|
|
|
|
-->
|
|
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 11px; width: 50px; height: 14px; text-align: center; margin: 2px 0px 0px 36px; padding: 0; border: 0px solid Black;">
|
|
<input type="hidden" name="bulletBtn" value="false" />
|
|
<input class="custom-checkbox-input" name="bulletBtn" value="true" type="checkbox">
|
|
<span class="custom-checkbox-text" data-i18n="bullet-u">BULLET</span>
|
|
</label>
|
|
|
|
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 11px; width: 50px; height: 14px; text-align: center; margin: 2px 0px 0px 34px; padding: 0; border: 0px solid Black">
|
|
<input type="hidden" name="backupBtn" value="false" />
|
|
<input class="custom-checkbox-input" name="backupBtn" value="true" type="checkbox">
|
|
<span class="custom-checkbox-text" data-i18n="backup-u">BACKUP</span>
|
|
</label>
|
|
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 11px; width: 50px; height: 14px; text-align: center; margin: 2px 0px 0px 36px; padding: 0; border: 0px solid Black;">
|
|
<input type="hidden" name="bluffBtn" value="false" />
|
|
<input class="custom-checkbox-input" name="bluffBtn" value="true" type="checkbox">
|
|
<span class="custom-checkbox-text" data-i18n="bluff-u">BLUFF</span>
|
|
</label>
|
|
<!--
|
|
<input id="DL" type="checkbox" name="attr_suppressDL" value="1"><label style='margin: -14px 0px -4px 20px; font-size: 10px;' title="When DarkRed: Request Difficulty for roll. When Black: Don't request" for="DL" data-i18n="suppressDifficulty-c">Suppress Difficulty?</label>
|
|
|
|
<input id="Bluff" type="checkbox" class="planB" name="attr_planBluff" value="1"><label class="title-label planB" style="display: inline-block; vertical-align: top; font-weight: 700; color: Black; font-size: 11px; width: 50px; height: 14px; text-align: center; margin: 2px 0px 0px 36px; padding: 0; border: 0px solid Black;" for="Bluff" data-i18n="bluff-u">BLUFF</label>
|
|
-->
|
|
|
|
<!-- Ride -->
|
|
<div style="display: inline-block; vertical-align: top; width: 240px; height: 142px; margin: 30px 0px 0px 32px; border: 0px solid Black;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 194px; font-size: 22px; height: 20px; text-align: center; margin: 4px 0px 0px 10px; padding: 4px 0px 0px 0px;" data-i18n="ride-u">RIDE</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(179,37,27); border-left: 12px solid rgb(179,37,27); margin: 4px 0px 0px -4px;"></div>
|
|
<!-- Ride -->
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: 0px 0px 0px 10px; padding: 12px 2px 1px 4px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 172px; margin: 0px 0px 0px 4px;" name="attr_mission_ride_name" title="@{ride_name}" spellcheck="false">
|
|
<hr style="width: 218px; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: 0px 0px 0px 10px;">
|
|
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedRides.png" title="Rides" style="width: 230px; height: 74px; border: 0px dashed Brown;">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: -97px 0px 0px 0px;">
|
|
<input class="circle-input" type="checkbox" name="attr_armorM" style="color: rgb(179,37,27); border: 1px solid rgb(179,37,27); margin: 1px 0px 0px 11px" id="armor_value_3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorM" style="color: rgb(179,37,27); border: 1px solid rgb(179,37,27); margin: 1px 0px 0px 12px" id="armor_value_2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorM" style="color: rgb(179,37,27); border: 1px solid rgb(179,37,27); margin: 1px 0px 0px 9.5px" id="armor_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
<!-- Speed -->
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 40px; height: 40px; font-size: 36px; margin: -110px 0px 0px 96px; padding-bottom: 4px; position: relative; z-index: 2" name="attr_speedM" title="@{speedM}" value="1" />
|
|
<!-- Extra Armor -->
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top;">
|
|
<div class="luck-box-inner" style="margin: -101px 0px 0px -3px;">
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armorM" style="margin: 0px 0px 0px 11.5px" id="extra_armor_value_3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armorM" style="margin: 0px 0px 0px 12px" id="extra_armor_value_2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armorM" style="margin: 0px 0px 0px 11px" id="extra_armor_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
<div class="luck-box-inner" style="margin: -106px 0px 0px 0px; border: 0px solid Green;">
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideMTank" style="margin: 0px 34px 0px 24px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideMAir" style="margin: 0px 0px 0px 24px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideMWater" style="margin: 0px 0px 0px 32px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideMAuto" style="margin: 0px 0px 0px 20px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideMCycle" style="margin: 0px 0px 0px 10px;" value="1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Supporting Characters -->
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 526px; font-size: 22px; height: 20px; text-align: center; margin: 74px 0px 0px 24px; padding: 4px 0px 0px 0px;" data-i18n="supporting-characters-u">SUPPORTING CHARACTERS</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(179,37,27); border-left: 12px solid rgb(179,37,27); margin: 74px 0px 0px -4px;"></div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 220px; height: 254px; margin: 24px 0px 0px 60px; border: 2px solid Gray; background-color: rgb(234,234,234);">
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 200px; height: 186px; margin: 10px 0px 0px 10px; border: 2px solid Gray;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 2px; padding: 0; border: 0px solid Orange;" name="attr_mission_support1_name" title="@{mission_support1_name}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="help-u" >HELP</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 4px; padding: 0; border: 0px solid Brown;" name="attr_mission_help1" title="@{mission_support1_help1}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="flaw-u" >FLAW</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 4px; padding: 0; border: 0px solid Brown;" name="attr_mission_flaw1" title="@{mission_support1_flaw1}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<div class="skill-box">
|
|
<div class="skill-label" style="margin-top: 10px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="brawn-u" data-attribute="sup1_brawn" data-skill="" data-actor="@{mission_support1_name}">BRAWN</button>
|
|
<!-- var baseDiceTotal = '@{'+attribute+'_calc} + @{'+skill+'_calc} + @{'+attribute+'_modifier} + @{broken_modifier} + ?{Modifiers|0}';
|
|
|
|
-->
|
|
<input type="hidden" name="attr_sup1_brawn_calc" value="3">
|
|
<input type="hidden" name="attr_sup1_brawn_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_brawn" id="sup1_brawn_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup1_brawn_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_brawn" id="sup1_brawn_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup1_brawn_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_brawn" id="sup1_brawn_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_brawn_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_brawn" id="sup1_brawn_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_brawn_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_brawn" id="sup1_brawn_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup1_brawn_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="nerves-u" data-attribute="sup1_nerves" data-skill="" data-actor="@{mission_support1_name}">NERVES</button>
|
|
|
|
<input type="hidden" name="attr_sup1_nerves_calc" value="3">
|
|
<input type="hidden" name="attr_sup1_nerves_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_nerves" id="sup1_nerves_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup1_nerves_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_nerves" id="sup1_nerves_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup1_nerves_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_nerves" id="sup1_nerves_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_nerves_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_nerves" id="sup1_nerves_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_nerves_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_nerves" id="sup1_nerves_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup1_nerves_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="smooth-u" data-attribute="sup1_smooth" data-skill="" data-actor="@{mission_support1_name}">SMOOTH</button>
|
|
|
|
<input type="hidden" name="attr_sup1_smooth_calc" value="3">
|
|
<input type="hidden" name="attr_sup1_smooth_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_smooth" id="sup1_smooth_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup1_smooth_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_smooth" id="sup1_smooth_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup1_smooth_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_smooth" id="sup1_smooth_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_smooth_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_smooth" id="sup1_smooth_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_smooth_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_smooth" id="sup1_smooth_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup1_smooth_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="focus-u" data-attribute="sup1_focus" data-skill="" data-actor="@{mission_support1_name}">FOCUS</button>
|
|
|
|
<input type="hidden" name="attr_sup1_focus_calc" value="3">
|
|
<input type="hidden" name="attr_sup1_focus_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_focus" id="sup1_focus_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup1_focus_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_focus" id="sup1_focus_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup1_focus_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_focus" id="sup1_focus_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_focus_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_focus" id="sup1_focus_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_focus_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_focus" id="sup1_focus_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup1_focus_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="crime-u" data-attribute="sup1_crime" data-skill="" data-actor="@{mission_support1_name}">CRIME</button>
|
|
|
|
<input type="hidden" name="attr_sup1_crime_calc" value="3">
|
|
<input type="hidden" name="attr_sup1_crime_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_crime" id="sup1_crime_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup1_crime_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_crime" id="sup1_crime_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup1_crime_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_crime" id="sup1_crime_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_crime_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_crime" id="sup1_crime_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup1_crime_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup1_crime" id="sup1_crime_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup1_crime_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height: 40px; width; 80px; margin: 8px 0px 0px 44px; border: 0px solid Purple;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Shields.png" title="3 Shields" style="width: 105px; height: 39px; border: 0px dashed Brown;">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: -40px 0px 0px -6px;">
|
|
<input class="circle-input" type="checkbox" name="attr_armorM1" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 19.5px" id="armor_value_3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorM1" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 19.5px" id="armor_value_2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorM1" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 15px" id="armor_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="display: inline-block; vertical-align: top; width: 220px; height: 254px; margin: 24px 0px 0px 40px; border: 2px solid Gray;">
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 200px; height: 186px; margin: 10px 0px 0px 10px; border: 2px solid Gray; background-color: rgb(234,234,234);">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 2px; padding: 0; border: 0px solid Orange;" name="attr_mission_support2_name" title="@{mission_support2_name}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="help-u" >HELP</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 4px; padding: 0; border: 0px solid Brown;" name="attr_mission_support2_help1" title="@{mission_support2_help1}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 1px 0px; color: rgb(179,37,27)" data-i18n="flaw-u" >FLAW</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 4px; padding: 0; border: 0px solid Brown;" name="attr_mission_support2_flaw1" title="@{mission_support2_flaw1}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<div class="skill-box">
|
|
<div class="skill-label" style="margin-top: 10px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="brawn-u" data-attribute="sup2_brawn" data-skill="" data-actor="@{mission_support2_name}">BRAWN</button>
|
|
|
|
<input type="hidden" name="attr_sup2_brawn_calc" value="3">
|
|
<input type="hidden" name="attr_sup2_brawn_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_brawn" id="sup2_brawn_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup2_brawn_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_brawn" id="sup2_brawn_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup2_brawn_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_brawn" id="sup2_brawn_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_brawn_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_brawn" id="sup2_brawn_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_brawn_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_brawn" id="sup2_brawn_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup2_brawn_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="nerves-u" data-attribute="sup2_nerves" data-skill="" data-actor="@{mission_support2_name}">NERVES</button>
|
|
|
|
<input type="hidden" name="attr_sup2_nerves_calc" value="3">
|
|
<input type="hidden" name="attr_sup2_nerves_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_nerves" id="sup2_nerves_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup2_nerves_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_nerves" id="sup2_nerves_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup2_nerves_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_nerves" id="sup2_nerves_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_nerves_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_nerves" id="sup2_nerves_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_nerves_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_nerves" id="sup2_nerves_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup2_nerves_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="smooth-u" data-attribute="sup2_smooth" data-skill="" data-actor="@{mission_support2_name}">SMOOTH</button>
|
|
|
|
<input type="hidden" name="attr_sup2_smooth_calc" value="3">
|
|
<input type="hidden" name="attr_sup2_smooth_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_smooth" id="sup2_smooth_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup2_smooth_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_smooth" id="sup2_smooth_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup2_smooth_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_smooth" id="sup2_smooth_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_smooth_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_smooth" id="sup2_smooth_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_smooth_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_smooth" id="sup2_smooth_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup2_smooth_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="focus-u" data-attribute="sup2_focus" data-skill="" data-actor="@{mission_support2_name}">FOCUS</button>
|
|
|
|
<input type="hidden" name="attr_sup2_focus_calc" value="3">
|
|
<input type="hidden" name="attr_sup2_focus_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_focus" id="sup2_focus_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup2_focus_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_focus" id="sup2_focus_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup2_focus_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_focus" id="sup2_focus_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_focus_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_focus" id="sup2_focus_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_focus_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_focus" id="sup2_focus_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup2_focus_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="crime-u" data-attribute="sup2_crime" data-skill="" data-actor="@{mission_support2_name}">CRIME</button>
|
|
|
|
<input type="hidden" name="attr_sup2_crime_calc" value="3">
|
|
<input type="hidden" name="attr_sup2_crime_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_crime" id="sup2_crime_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="sup2_crime_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_crime" id="sup2_crime_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="sup2_crime_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_crime" id="sup2_crime_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_crime_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_crime" id="sup2_crime_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="sup2_crime_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_sup2_crime" id="sup2_crime_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="sup2_crime_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height: 40px; width; 80px; margin: 8px 0px 0px 44px; border: 0px solid Purple;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Shields.png" title="3 Shields" style="width: 105px; height: 39px; border: 0px dashed Brown;">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: -40px 0px 0px -6px;">
|
|
<input class="circle-input" type="checkbox" name="attr_armorM2" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 19.5px" id="armor_value_2M3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorM2" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 19.5px" id="armor_value_2M2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorM2" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 15px" id="armor_value_2M1" value="1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Contacts & Clues -->
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(179,37,27); width: 526px; font-size: 22px; height: 20px; text-align: center; margin: 34px 0px 0px 20px; padding: 4px 0px 0px 0px;" data-i18n="contact-clues-u">CONTACTS & CLUES</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid rgb(179,37,27); border-left: 13px solid rgb(179,37,27); margin: 32px 0px 0px -4px;"></div>
|
|
<div class="contacts" style="height: 120px; width: 546px; margin: 4px 0px 0px 20px;">
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -5px 0px 0px 0px;" name="attr_mission_contact1_1" title="@{mission_contact1_1}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -5px 0px 0px 0px; background-color: rgb(234,234,234);" name="attr_mission_contact1_2" title="@{mission_contact1_2}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -5px 0px 0px 0px;" name="attr_mission_contact1_3" title="@{mission_contact1_3}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -6px 0px 0px 0px;" name="attr_mission_contact2_1" title="@{mission_contact2_1}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -6px 0px 0px 0px; background-color: rgb(234,234,234);" name="attr_mission_contact2_2" title="@{mission_contact2_2}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -6px 0px 0px 0px;" name="attr_mission_contact2_3" title="@{mission_contact2_3}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -5px 0px 0px 0px;" name="attr_mission_contact3_1" title="@{mission_contact3_1}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -5px 0px 0px 0px; background-color: rgb(234,234,234);" name="attr_mission_contact3_2" title="@{mission_contact3_2}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -5px 0px 0px 0px;" name="attr_mission_contact3_3" title="@{mission_contact3_3}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -6px 0px 0px 0px;" name="attr_mission_contact4_1" title="@{mission_contact4_1}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -6px 0px 0px 0px; background-color: rgb(234,234,234);" name="attr_mission_contact4_2" title="@{mission_contact4_2}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -6px 0px 0px 0px;" name="attr_mission_contact4_3" title="@{mission_contact4_3}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -4px 0px 0px 0px;" name="attr_mission_contact5_1" title="@{mission_contact5_1}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -4px 0px 0px 0px; background-color: rgb(234,234,234);" name="attr_mission_contact5_2" title="@{mission_contact5_2}" spellcheck="false"></div>
|
|
<div><input type="text" style="width: 180px; height: 24px; text-align: center; padding: 0; margin: -4px 0px 0px 0px;" name="attr_mission_contact5_3" title="@{mission_contact5_3}" spellcheck="false"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="director-sheet">
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 600px; height: 830px; margin: 0px 0px 0px -4px; border: 0px dashed Green;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedLogoAlt.png" style="display: inline-block; vertical-align: top; width: 200px; height: 76px; margin: 2px 0px 0px 0px; opacity: 1.0; border: 0px solid Black;" title="Outgunned Logo">
|
|
|
|
<!-- Heros -->
|
|
<label style="display: inline-block; vertical-align: top; height: 26px; width: 240px; font-weight: bold; font-size: 24px; margin: 16px 0px 0px 130px; color: rgb(0,79,130); border: 0px solid Black;" data-i18n="heroes-u">HEROES</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: -17px 0px 0px 206px; padding: 2px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="mission-u">MISSION</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 338px; margin: -28px 0px 0px 4px; border: 0px solid Purple;" name="attr_direct_misssion_name" title="@{director_mission}" spellcheck="false">
|
|
<hr style="width: 64%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin-left: 34%; margin-top: -22px;">
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 588px; height: 176px; margin: -18px 0px 0px 0px; border: 0px solid DimGray;">
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="hero-u" >HERO</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 544px; margin: 1px 0px 0px 4px; padding: 2px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_hero1" title="@{director_hero1}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -3px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="hero-u" >HERO</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 544px; margin: 1px 0px 0px 4px; padding: 2px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_hero2" title="@{director_hero2}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -3px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="hero-u" >HERO</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 544px; margin: 1px 0px 0px 4px; padding: 2px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_hero3" title="@{director_hero3}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -3px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="hero-u" >HERO</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 544px; margin: 1px 0px 0px 4px; padding: 2px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_hero4" title="@{director_hero4}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -3px 0px 0px 0px;">
|
|
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="villian-u" >VILLAN</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 242px; margin: 1px 0px 0px 4px; padding: 2px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_villian" title="@{director_villian}" spellcheck="false">
|
|
<label style="display: inline-block; vertical-align: top; width: 76px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="strong-spots-u" >STRONG SPOTS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 213px; margin: 1px 0px 0px 4px; padding: 2px 2px 0px 2px; border: 0px solid Blue;" name="attr_director_strong" title="@{director_strong}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -3px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 76px; font-size: 10px; height: 14px; margin: 2px 0px 0px 0px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="weak-spots-u" >WEAK SPOTS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 500px; margin: 3px 0px 0px 4px; padding: 2px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_weak" title="@{director_weak}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -3px 0px 0px 0px;">
|
|
</div>
|
|
|
|
<!-- Ride -->
|
|
<div style="display: inline-block; vertical-align: top; width: 360px; height: 166px; margin: 62px 0px 0px 2px; border: 0px solid Black;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(0,79,130); width: 328px; font-weight: bold; font-size: 22px; height: 20px; text-align: center; margin: 4px 0px 0px 2px; padding: 4px 0px 0px 0px;" data-i18n="hero-ride-u">HEROES' RIDE</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(0,79,130); border-left: 12px solid rgb(0,79,130); margin: 4px 0px 0px -4px;"></div>
|
|
<!-- Ride -->
|
|
<label style="display: inline-block; vertical-align: top; width: 34px; font-size: 10px; height: 12px; margin: 12px 0px 0px 0px; padding: 12px 2px 1px 4px; color: rgb(0,79,130)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 300px; margin: 12px 0px 0px 4px;" name="attr_director_ride_name" title="@{ride_name}" spellcheck="false">
|
|
<hr style="width: 350px; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: 0px 0px 0px 0px;">
|
|
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedRides.png" title="Rides" style="width: 308px; height: 86px; margin: 8px 0px 0px 20px; border: 0px dashed Brown; opacity: 0.8;">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: -110px 0px 0px 15px;">
|
|
<input class="circle-input" type="checkbox" name="attr_armorD" style="border: 2px solid rgb(179,37,27); width: 20px; height: 20px; padding: 0px 9px; margin: -1px 0px 0px 15.5px" id="armorD_value_3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorD" style="border: 2px solid rgb(179,37,27); width: 20px; height: 20px; padding: 0px 9px; margin: -1px 0px 0px 15.5px" id="armorD_value_2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorD" style="border: 2px solid rgb(179,37,27); width: 20px; height: 20px; padding: 0px 9px; margin: -1px 0px 0px 18px" id="armorD_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
<!-- Speed -->
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 40px; height: 40px; font-size: 36px; margin: -120px 0px 0px 154px; padding-bottom: 4px; position: relative; z-index: 2" name="attr_speedD" title="@{speedD}" value="1" />
|
|
<!-- Extra Armor -->
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top;">
|
|
<div class="luck-box-inner" style="margin: -99px 0px 0px 2px;">
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armorD" style="border: 2px solid DimGray; width: 20px; height: 20px; padding: 0px 9px; margin: -12px 0px 0px 15px" id="extra_armor_value_3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armorD" style="border: 2px solid DimGray; width: 20px; height: 20px; padding: 0px 9px; margin: -12px 0px 0px 16px" id="extra_armor_value_2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_extra_armorD" style="border: 2px solid DimGray; width: 20px; height: 20px; padding: 0px 9px; margin: -12px 0px 0px 19px" id="extra_armor_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
<div class="luck-box-inner" style="margin: -106px 40px 0px 0px; border: 0px solid Green;">
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideDTank" style="margin: 0px 34px 0px 30px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideDAir" style="margin: 0px 0px 0px 40px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideDWater" style="margin: 0px 0px 0px 50px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideDAuto" style="margin: 0px 0px 0px 34px;" value="1" />
|
|
<input class="circle-input ride" type="checkbox" name="attr_rideDCycle" style="margin: 0px 0px 0px 0px;" value="1" />
|
|
</div>
|
|
</div>
|
|
<!-- Chases -->
|
|
<div style="display: inline-block; vertical-align: top; width: 360px; height: 310px; margin: 56px 0px 0px 0px; border: 0px solid Black;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(0,79,130); width: 328px; font-weight: bold; font-size: 22px; height: 20px; text-align: center; margin: 4px 0px 0px 2px; padding: 4px 0px 0px 0px;" data-i18n="chases-u">CHASES</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(0,79,130); border-left: 12px solid rgb(0,79,130); margin: 4px 0px 0px -4px;"></div>
|
|
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: Black; background-color: transparent; width: 330px; font-weight: bold; font-size: 14px; height: 20px; text-align: center; margin: 20px 0px 0px 10px; padding: 4px 0px 0px 0px;" data-i18n="need-u">NEED</label>
|
|
<!-- Need Bar -->
|
|
<div style="display: inline-block; vertical-align: top; position: relative; z-index; 2; width: 360px; height: 22px; margin: 0px 0px 0px 0px; border: 0px solid Green;">
|
|
<div style="margin: 0px 0px 0px 0px; border: 0px solid Blue;">
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M18" style="height: 10px; width: 10px; margin: 0px 0px 0px 8px; border: 2px solid rgb(0,79,130);" value="1" title="18"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M17" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="17"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M16" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(179,37,27);" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M15" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="15"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M14" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="14"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M13" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(179,37,27);" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M12" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1"; />
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M11" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="11"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M10" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(179,37,27);" value="1" title="10"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M9" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M8" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="8"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M7" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="7"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M6" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M5" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="5"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M4" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="4"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M3" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="3"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M2" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="2"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need1M1" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="1"/>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 0px 0px 0px 0px; padding: 12px 2px 1px 0px; color: rgb(0,79,130)" data-i18n="notes-u" >NOTES</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 318px; margin: 1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_chase_note1" title="@{director_chase_note1}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -1px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 90px; font-size: 10px; height: 14px; margin: 1px 0px 0px 0px; padding: 12px 2px 1px 0px; color: rgb(0,79,130)" data-i18n="special-actions-u" >SPECIAL ACTIONS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 190px; margin: 1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_chase_actions1" title="@{director_chase_actions1}" spellcheck="false">
|
|
<hr style="width: 80%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -2px 0px 0px 0px;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Batteries.png" title="Adrenaline" style="display: inline-block; vertical-align: top;width: 58px; height: 28px; margin: -28px 0px 0px 294px; border: 0px solid Brown; opacity: 1.0;">
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top; width: 55px; height: 25px; margin: -44px 0px 0px 296px; border: 0px solid Green;">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 0px solid Red;">
|
|
<input class="circle-input ammo" type="checkbox" name="attr_chase1adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="3" title="Adrenaline 3" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_chase1adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="2" title="Adrenaline 2" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_chase1adrenaline" style="height: 24px; margin: 0px 0px 0px 0px; border: 1px solid transparent;" value="1" title="Adrenaline 1" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: Black; background-color: transparent; width: 330px; font-weight: bold; font-size: 14px; height: 20px; text-align: center; margin: 2px 0px 0px 10px; padding: 4px 0px 0px 0px;" data-i18n="need-u">NEED</label>
|
|
<!-- Need Bar -->
|
|
<div style="display: inline-block; vertical-align: top; position: relative; z-index; 2; width: 360px; height: 22px; margin: 0px 0px 0px 0px; border: 0px solid Green;">
|
|
<div style="margin: 0px 0px 0px 0px; border: 0px solid Blue;">
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M18" style="height: 10px; width: 10px; margin: 0px 0px 0px 8px; border: 2px solid rgb(0,79,130);" value="1" title="18"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M17" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="17"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M16" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(179,37,27);" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M15" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="15"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M14" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="14"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M13" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(179,37,27);" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M12" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1"; />
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M11" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="11"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M10" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(179,37,27);" value="1" title="10"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M9" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M8" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="8"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M7" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="7"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M6" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M5" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="5"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M4" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="4"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M3" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="3"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M2" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="2"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_need2M1" style="height: 10px; width: 10px; margin: 0px 0px 0px 2px; border: 2px solid rgb(0,79,130);" value="1" title="1"/>
|
|
</div>
|
|
</div>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 0px 0px 0px 0px; padding: 12px 2px 1px 0px; color: rgb(0,79,130)" data-i18n="notes-u" >NOTES</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 318px; margin: 1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_chase_note2" title="@{director_chase_note2}" spellcheck="false">
|
|
<hr style="width: 100%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -1px 0px 0px 0px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 90px; font-size: 10px; height: 14px; margin: 1px 0px 0px 0px; padding: 12px 2px 1px 0px; color: rgb(0,79,130)" data-i18n="special-actions-u" >SPECIAL ACTIONS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 190px; margin: 1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_chase_actions2" title="@{director_chase_actions2}" spellcheck="false">
|
|
<hr style="width: 80%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -2px 0px 0px 0px;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Batteries.png" title="Adrenaline" style="display: inline-block; vertical-align: top;width: 58px; height: 28px; margin: -28px 0px 0px 294px; border: 0px solid Brown; opacity: 1.0;">
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top; width: 55px; height: 25px; margin: -43px 0px 0px 296px; border: 0px solid Green;">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 0px solid Red;">
|
|
<input class="circle-input ammo" type="checkbox" name="attr_chase2adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="3" title="Adrenaline 3" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_chase2adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="2" title="Adrenaline 2" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_chase2adrenaline" style="height: 24px; margin: 0px 0px 0px 0px; border: 1px solid transparent;" value="1" title="Adrenaline 1" />
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Thermometer -->
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedThermometer.png" style="display: inline-block; vertical-align: top; width: 140px; height: 460px; margin: -202px 0px 0px 36px; opacity: 1.0; border: 0px solid Blue; position: relative; z-index: 0;" title="Outgunned Director's Thermometer">
|
|
<div style="display: inline-block; vertical-align: top; position: relative; z-index; 2; width: 30px; height: 400px; margin: 84px 0px 0px -91px; border: 0px solid Green;">
|
|
|
|
<div style="margin: -259px 0px 0px 0px; border: 0px solid Blue;">
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD12" style="margin: -4px 0px 0px 2px;" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD11" style="margin: 10px 0px 0px 2px;" value="1" title="11"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD10" style="margin: 9px 0px 0px 2px;" value="1" title="10"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD9" style="margin: 10px 0px 0px 2px;" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD8" style="margin: 9px 0px 0px 2px;" value="1" title="8"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD7" style="margin: 10px 0px 0px 2px;" value="1" title="7"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD6" style="margin: 9px 0px 0px 2px;" value="1"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD5" style="margin: 10px 0px 0px 2px;" value="1" title="5"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD4" style="margin: 9px 0px 0px 2px;" value="1" title="4"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD3" style="margin: 10px 0px 0px 2px;" value="1" title="3"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD2" style="margin: 9px 0px 0px 2px;" value="1" title="2"/>
|
|
<input class="circle-input heat" type="checkbox" name="attr_heatD1" style="margin: 10px 0px 0px 2px;" value="1" title="1"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 160px; height: 70px; margin: -204px 0px 0px 400px; border: 0px solid Pink;">
|
|
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 700; color: rgb(179,37,27); font-size: 20px; height: 22px; text-align: center; width: 158px; margin: 0; margin-bottom: -10px;" data-i18n="heat-u">HEAT</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 14px; font-size: 9px; height: 12px; text-align: right; margin: 10px 0px 0px 2px; padding: 1px 2px 3px 2px; color: rgb(179,37,27); border: 0px solid Black;">6:</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 130px; font-size: 9px; height: 12px; margin: 10px 0px 0px -4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="leathal-bullet-u" >+1 LETHAL BULLET</label>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 14px; font-size: 9px; height: 12px; text-align: right; margin: -6px 0px 0px 2px; padding: 1px 2px 3px 2px; color: rgb(179,37,27); border: 0px solid Black;">9:</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 130px; font-size: 9px; height: 12px; margin: -6px 0px 0px -4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="enemy-feat-point-u" >+1 ENEMY FEAT POINT</label>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 14px; font-size: 9px; height: 12px; text-align: right; margin: -14px 0px 0px 2px; padding: 1px 2px 3px 2px; color: rgb(179,37,27); border: 0px solid Black;">12:</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 130px; font-size: 9px; height: 12px; margin: -14px 0px 0px -4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="leathal-bullet-bolt-u" >+1 LETHAL BULLET +1 bolt</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 582px; height: 830px; margin: 0px 0px 0px -6px; border: 0px dashed Purple;">
|
|
|
|
<!-- Enemies -->
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(0,79,130); width: 530px; font-weight: bold; font-size: 20px; height: 20px; text-align: center; margin: 34px 0px 0px 28px; padding: 4px 0px 0px 0px;" data-i18n="enemies-u">ENEMIES</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid rgb(0,79,130); border-left: 12px solid rgb(0,79,130); margin: 34px 0px 0px -4px;"></div>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: 3px 0px 0px 28px; padding: 12px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="name-u" >Name</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 512px; margin: 1px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_enemy1" title="@{director_enemy1}" spellcheck="false">
|
|
<hr style="width: 96%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -1px 0px 0px 28px;">
|
|
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned12Shields.png" title="Grit?" style="display: inline-block; vertical-align: top; width: 240px; height: 20px; margin: 0px 0px 0px 28px; border: 0px solid Brown; opacity: 0.9;">
|
|
<div class="luck-box" style="margin: -20px 0px 0px 28px; width: 240px;">
|
|
<div class="luck-box-inner">
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="12" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="11" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 9px;" value="10" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="9" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="8" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="7" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="6" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 9px;" value="5" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="4" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy1_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 3px;" value="1" />
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; margin: -20px 0px 0px 270px; border: 0px solid Blue;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: rgb(0,79,130); background-color: transparent; width: 80px; font-weight: bold; font-size: 14px; height: 18px; text-align: right; margin: 0px 0px 0px 10px; padding: 2px 0px 0px 0px; border: 0px solid Black;" data-i18n="attack-u">ATTACK:</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 58px; height: 18px; margin: 3px 0px 0px 2px; padding: 2px 2px 0px 2px; border-bottom: 2px solid rgba(0,79,130, 0.3);" name="attr_director_enemy1_attack" title="@{director_enemy1_attack}" spellcheck="false">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: rgb(0,79,130); background-color: transparent; width: 80px; font-weight: bold; font-size: 14px; height: 18px; text-align: center; margin: 0px 0px 0px 6px; padding: 2px 0px 0px 0px; border: 0px solid Black;" data-i18n="defense-u">DEFENSE:</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 58px; height: 18px; margin: 3px 0px 0px 2px; padding: 2px 2px 0px 2px; border-bottom: 2px solid rgba(0,79,130, 0.3);" name="attr_director_enemy1_defense" title="@{director_enemy1_defense}" spellcheck="false">
|
|
</div>
|
|
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: -10px 0px 0px 28px; padding: 14px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="feats-u" >FEATS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 512px; margin: -11px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_enemy_feat1" title="@{director_enemy_feat1}" spellcheck="false">
|
|
<hr style="width: 96%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -1px 0px 0px 28px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 90px; font-size: 10px; height: 14px; margin: 1px 0px 0px 28px; padding: 14px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="special-actions-u" >SPECIAL ACTIONS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 400px; margin: 1px 0px 0px 4px; padding: 6px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_enemy_actions1" title="@{director_enemy_actions1}" spellcheck="false">
|
|
<hr style="width: 85%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -2px 0px 0px 28px;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Batteries.png" title="Adrenaline" style="display: inline-block; vertical-align: top;width: 58px; height: 28px; margin: -28px 0px 0px 526px; border: 0px solid Brown; opacity: 1.0;">
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top; width: 55px; height: 25px; margin: -44px 0px 0px 527.5px; border: 0px solid Green;">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 0px solid Red;">
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy1adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="3" title="Adrenaline 3" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy1adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="2" title="Adrenaline 2" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy1adrenaline" style="height: 24px; margin: 0px 0px 0px 0px; border: 1px solid transparent;" value="1" title="Adrenaline 1" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: -5px 0px 0px 28px; padding: 12px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="name-u" >Name</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 512px; margin: -7px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_enemy2" title="@{director_enemy1}" spellcheck="false">
|
|
<hr style="width: 96%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -1px 0px 0px 28px;">
|
|
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned12Shields.png" title="Grit?" style="display: inline-block; vertical-align: top; width: 240px; height: 20px; margin: 0px 0px 0px 28px; border: 0px solid Brown; opacity: 0.9;">
|
|
<div class="luck-box" style="margin: -20px 0px 0px 28px; width: 240px;">
|
|
<div class="luck-box-inner">
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="12" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="11" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 9px;" value="10" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="9" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="8" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="7" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="6" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 9px;" value="5" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="4" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy2_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 3px;" value="1" />
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; margin: -20px 0px 0px 270px; border: 0px solid Blue;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: rgb(0,79,130); background-color: transparent; width: 80px; font-weight: bold; font-size: 14px; height: 18px; text-align: right; margin: 0px 0px 0px 10px; padding: 2px 0px 0px 0px;" data-i18n="attack-u">ATTACK:</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 58px; height: 18px; margin: 4px 0px -1px 2px; padding: 2px 2px 0px 2px; border-bottom: 2px solid rgba(0,79,130, 0.3);" name="attr_director_enemy2_attack" title="@{director_enemy2_attack}" spellcheck="false">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: rgb(0,79,130); background-color: transparent; width: 80px; font-weight: bold; font-size: 14px; height: 18px; text-align: center; margin: 0px 0px 0px 6px; padding: 2px 0px 0px 0px; border: 0px solid Black;" data-i18n="defense-u">DEFENSE:</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 58px; height: 18px; margin: 3px 0px 0px 2px; padding: 2px 2px 0px 2px; border-bottom: 2px solid rgba(0,79,130, 0.3);" name="attr_director_enemy2_defense" title="@{director_enemy2_defense}" spellcheck="false">
|
|
</div>
|
|
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: -10px 0px 0px 28px; padding: 14px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="feats-u" >FEATS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 512px; margin: -11px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_enemy2_feat1" title="@{director_enemy_feat1}" spellcheck="false">
|
|
<hr style="width: 96%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -1px 0px 0px 28px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 90px; font-size: 10px; height: 14px; margin: 1px 0px 0px 28px; padding: 14px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="special-actions-u" >SPECIAL ACTIONS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 400px; margin: 1px 0px 0px 4px; padding: 6px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_enemy2_actions1" title="@{director_enemy_actions1}" spellcheck="false">
|
|
<hr style="width: 85%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -2px 0px 0px 28px;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Batteries.png" title="Adrenaline" style="display: inline-block; vertical-align: top;width: 58px; height: 28px; margin: -28px 0px 0px 526px; border: 0px solid Brown; opacity: 1.0;">
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top; width: 55px; height: 25px; margin: -44px 0px 0px 527.5px; border: 0px solid Green;">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 0px solid Red;">
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy2adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="3" title="Adrenaline 3" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy2adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="2" title="Adrenaline 2" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy2adrenaline" style="height: 24px; margin: 0px 0px 0px 0px; border: 1px solid transparent;" value="1" title="Adrenaline 1" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: -5px 0px 0px 28px; padding: 12px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="name-u" >Name</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 512px; margin: -7px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_enemy3" title="@{director_enemy1}" spellcheck="false">
|
|
<hr style="width: 96%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -1px 0px 0px 28px;">
|
|
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned12Shields.png" title="Grit?" style="display: inline-block; vertical-align: top; width: 240px; height: 20px; margin: 0px 0px 0px 28px; border: 0px solid Brown; opacity: 0.9;">
|
|
<div class="luck-box" style="margin: -20px 0px 0px 28px; width: 240px;">
|
|
<div class="luck-box-inner">
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="12" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="11" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 9px;" value="10" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="9" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="8" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="7" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="6" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 9px;" value="5" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="4" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 8px;" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_enemy3_grit" style="height: 12px; width: 12px; padding: 5px; border: 1px solid rgba(179,37,27,0.5); margin: 4px 0px 0px 3px;" value="1" />
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; margin: -20px 0px 0px 270px; border: 0px solid Blue;">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: rgb(0,79,130); background-color: transparent; width: 80px; font-weight: bold; font-size: 14px; height: 18px; text-align: right; margin: 0px 0px 0px 10px; padding: 2px 0px 0px 0px; border: 0px solid Black;" data-i18n="attack-u">ATTACK:</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 58px; height: 18px; margin: 3px 0px 0px 2px; padding: 2px 2px 0px 2px; border-bottom: 2px solid rgba(0,79,130, 0.3);" name="attr_director_enemy3_attack" title="@{director_enemy3_attack}" spellcheck="false">
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: rgb(0,79,130); background-color: transparent; width: 80px; font-weight: bold; font-size: 14px; height: 18px; text-align: center; margin: 0px 0px 0px 6px; padding: 2px 0px 0px 0px; border: 0px solid Black;" data-i18n="defense-u">DEFENSE:</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: center; width: 58px; height: 18px; margin: 3px 0px 0px 2px; padding: 2px 2px 0px 2px; border-bottom: 2px solid rgba(0,79,130, 0.3);" name="attr_director_enemy3_defense" title="@{director_enemy3_defense}" spellcheck="false">
|
|
</div>
|
|
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 32px; font-size: 10px; height: 14px; margin: -10px 0px 0px 28px; padding: 14px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="feats-u" >FEATS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 512px; margin: -11px 0px 0px 4px; padding: 2px; border: 0px solid Orange;" name="attr_director_enemy3_feat1" title="@{director_enemy_feat1}" spellcheck="false">
|
|
<hr style="width: 96%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -1px 0px 0px 28px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 90px; font-size: 10px; height: 14px; margin: 1px 0px 0px 28px; padding: 14px 2px 0px 0px; color: rgb(0,79,130)" data-i18n="special-actions-u" >SPECIAL ACTIONS</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 400px; margin: 1px 0px 0px 4px; padding: 6px 2px 0px 2px; border: 0px solid Orange;" name="attr_director_enemy3_actions1" title="@{director_enemy_actions1}" spellcheck="false">
|
|
<hr style="width: 85%; height: 0px; border-bottom: 3px solid rgb(0,79,130); margin: -2px 0px 0px 28px;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Batteries.png" title="Adrenaline" style="display: inline-block; vertical-align: top;width: 58px; height: 28px; margin: -28px 0px 0px 526px; border: 0px solid Brown; opacity: 1.0;">
|
|
<div class="luck-box" style="display: inline-block; vertical-align: top; width: 55px; height: 25px; margin: -44px 0px 0px 527.5px; border: 0px solid Green;">
|
|
<div class="luck-box-inner" style="margin: 0px 0px 0px 0px; border: 0px solid Red;">
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy3adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="3" title="Adrenaline 3" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy3adrenaline" style="height: 24px; margin: 0px 0px 0px 10px; border: 1px solid transparent;" value="2" title="Adrenaline 2" />
|
|
<input class="circle-input ammo" type="checkbox" name="attr_enemy3adrenaline" style="height: 24px; margin: 0px 0px 0px 0px; border: 1px solid transparent;" value="1" title="Adrenaline 1" />
|
|
</div>
|
|
</div>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 106px; font-size: 9px; height: 12px; text-align: left; margin: -22px 0px 0px 28px; padding: 1px 2px 3px 2px; color: rgb(179,37,27); border: 0px solid Black;" data-i18n="basic-cannon-fodder-u">BASIC CANNON FODDER</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 330px; font-size: 9px; height: 12px; text-align: left; margin: -22px 0px 0px -4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="basic-stats-u" >9 GRIT- ATK: 2 BASIC - DEF: BASIC</label>
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 120px; font-size: 9px; height: 12px; text-align: left; margin: -28px 0px 0px 28px; padding: 1px 2px 3px 2px; color: rgb(179,37,27); border: 0px solid Black;" data-i18n="critical-cannon-fodder-u">CRITICAL CANNON FODDER</label>
|
|
<label style="display: inline-block; vertical-align: top; width: 330px; font-size: 9px; height: 12px; text-align: left; margin: -28px 0px 0px -4px; padding: 1px 2px 3px 2px; color: Black; border: 0px solid Black;" data-i18n="crit-stats-u" >9 GRIT- ATK: 2 CRITICAL - DEF: CRITICAL</label>
|
|
|
|
|
|
<!-- Supporting Characters -->
|
|
<label class="title-label" style="display: inline-block; vertical-align: top; font-weight: 400; color: White; background-color: rgb(0,79,130); width: 520px; font-weight: bold; font-size: 20px; height: 20px; text-align: center; margin: -6px 0px 0px 28px; padding: 4px 0px 0px 0px;" data-i18n="supporting-characters-u">SUPPORTING CHARACTERS</label>
|
|
<div style="display: inline-block; vertical-align: top; width: 0px; height: 0px; border-top: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid rgb(0,79,130); border-left: 13px solid rgb(0,79,130); margin: -7.5px 0px 0px -4px;"></div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 220px; height: 246px; margin: 24px 0px 0px 60px; border: 2px solid Gray; background-color: rgb(234,234,234);">
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 200px; height: 186px; margin: 10px 0px 0px 10px; border: 2px solid Gray;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 2px; padding: 0; border: 0px solid Orange;" name="attr_director_support1_name" title="@{director_support1_name}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="help-u" >HELP</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 4px; padding: 0; border: 0px solid Brown;" name="attr_director_support1_help1" title="@{director_support1_help1}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="flaw-u" >FLAW</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 4px; padding: 0; border: 0px solid Brown;" name="attr_director_support1_flaw1" title="@director_support1_flaw1}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<div class="skill-box">
|
|
<div class="skill-label" style="margin-top: 10px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="brawn-u" data-attribute="dsup1_brawn" data-skill="" data-actor="@{director_support1_name}">BRAWN</button>
|
|
<!-- var baseDiceTotal = '@{'+attribute+'_calc} + @{'+skill+'_calc} + @{'+attribute+'_modifier} + @{broken_modifier} + ?{Modifiers|0}';
|
|
|
|
-->
|
|
<input type="hidden" name="attr_dsup1_brawn_calc" value="3">
|
|
<input type="hidden" name="attr_dsup1_brawn_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_brawn" id="dsup1_brawn_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup1_brawn_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_brawn" id="dsup1_brawn_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup1_brawn_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_brawn" id="dsup1_brawn_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_brawn_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_brawn" id="dsup1_brawn_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_brawn_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_brawn" id="dsup1_brawn_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup1_brawn_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="nerves-u" data-attribute="dsup1_nerves" data-skill="" data-actor="@{director_support1_name}">NERVES</button>
|
|
|
|
<input type="hidden" name="attr_dsup1_nerves_calc" value="3">
|
|
<input type="hidden" name="attr_dsup1_nerves_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_nerves" id="dsup1_nerves_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup1_nerves_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_nerves" id="dsup1_nerves_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup1_nerves_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_nerves" id="dsup1_nerves_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_nerves_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_nerves" id="dsup1_nerves_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_nerves_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_nerves" id="dsup1_nerves_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup1_nerves_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="smooth-u" data-attribute="dsup1_smooth" data-skill="" data-actor="@{director_support1_name}">SMOOTH</button>
|
|
|
|
<input type="hidden" name="attr_dsup1_smooth_calc" value="3">
|
|
<input type="hidden" name="attr_dsup1_smooth_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_smooth" id="dsup1_smooth_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup1_smooth_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_smooth" id="dsup1_smooth_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup1_smooth_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_smooth" id="dsup1_smooth_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_smooth_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_smooth" id="dsup1_smooth_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_smooth_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_smooth" id="dsup1_smooth_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup1_smooth_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="focus-u" data-attribute="dsup1_focus" data-skill="" data-actor="@{director_support1_name}">FOCUS</button>
|
|
|
|
<input type="hidden" name="attr_dsup1_focus_calc" value="3">
|
|
<input type="hidden" name="attr_dsup1_focus_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_focus" id="dsup1_focus_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup1_focus_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_focus" id="dsup1_focus_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup1_focus_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_focus" id="dsup1_focus_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_focus_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_focus" id="dsup1_focus_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_focus_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_focus" id="dsup1_focus_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup1_focus_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="crime-u" data-attribute="dsup1_crime" data-skill="" data-actor="@{director_support1_name}">CRIME</button>
|
|
|
|
<input type="hidden" name="attr_dsup1_crime_calc" value="3">
|
|
<input type="hidden" name="attr_dsup1_crime_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_crime" id="dsup1_crime_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup1_crime_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_crime" id="dsup1_crime_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup1_crime_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_crime" id="dsup1_crime_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_crime_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_crime" id="dsup1_crime_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup1_crime_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup1_crime" id="dsup1_crime_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup1_crime_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height: 40px; width; 80px; margin: 8px 0px 0px 44px; border: 0px solid Purple;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Shields.png" title="3 Shields" style="width: 105px; height: 39px; border: 0px dashed Brown;">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: -40px 0px 0px -6px;">
|
|
<input class="circle-input" type="checkbox" name="attr_armorD1" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 19.5px" id="armorD1_value_3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorD1" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 19.5px" id="armorD1_value_2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorD1" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 15px" id="armorD1_value_1" value="1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 220px; height: 246px; margin: 24px 0px 0px 40px; border: 2px solid Gray;">
|
|
|
|
<div style="display: inline-block; vertical-align: top; width: 200px; height: 186px; margin: 10px 0px 0px 10px; border: 2px solid Gray; background-color: rgb(234,234,234);">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="name-u" >NAME</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 2px; padding: 0; border: 0px solid Orange;" name="attr_director_support2_name" title="@{director_support2_name}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="help-u" >HELP</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 4px; padding: 0; border: 0px solid Brown;" name="attr_director_support2_help1" title="@{director_support2_help1}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<label style="display: inline-block; vertical-align: top; width: 30px; font-size: 10px; height: 14px; margin: 0px 0px 0px 5px; padding: 12px 2px 0px 0px; color: rgb(179,37,27)" data-i18n="flaw-u" >FLAW</label>
|
|
<input type="text" class="transparent" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 20px; margin: 3px 0px 0px 4px; padding: 0; border: 0px solid Brown;" name="attr_director_support2_flaw1" title="@{director_support2_flaw1}" spellcheck="false">
|
|
<hr style="width: 95%; height: 0px; border-bottom: 3px solid rgb(179,37,27); margin: -2px 0px 0px 5px;">
|
|
|
|
<div class="skill-box">
|
|
<div class="skill-label" style="margin-top: 10px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="brawn-u" data-attribute="dsup2_brawn" data-skill="" data-actor="@{director_support2_name}">BRAWN</button>
|
|
|
|
<input type="hidden" name="attr_dsup2_brawn_calc" value="3">
|
|
<input type="hidden" name="attr_dsup2_brawn_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_brawn" id="dsup2_brawn_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup2_brawn_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_brawn" id="dsup2_brawn_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup2_brawn_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_brawn" id="dsup2_brawn_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_brawn_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_brawn" id="dsup2_brawn_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_brawn_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_brawn" id="dsup2_brawn_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup2_brawn_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="nerves-u" data-attribute="dsup2_nerves" data-skill="" data-actor="@{director_support2_name}">NERVES</button>
|
|
|
|
<input type="hidden" name="attr_dsup2_nerves_calc" value="3">
|
|
<input type="hidden" name="attr_dsup2_nerves_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_nerves" id="dsup2_nerves_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup2_nerves_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_nerves" id="dsup2_nerves_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup2_nerves_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_nerves" id="dsup2_nerves_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_nerves_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_nerves" id="dsup2_nerves_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_nerves_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_nerves" id="dsup2_nerves_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup2_nerves_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="smooth-u" data-attribute="dsup2_smooth" data-skill="" data-actor="@{director_support2_name}">SMOOTH</button>
|
|
|
|
<input type="hidden" name="attr_dsup2_smooth_calc" value="3">
|
|
<input type="hidden" name="attr_dsup2_smooth_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_smooth" id="dsup2_smooth_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup2_smooth_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_smooth" id="dsup2_smooth_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup2_smooth_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_smooth" id="dsup2_smooth_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_smooth_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_smooth" id="dsup2_smooth_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_smooth_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_smooth" id="dsup2_smooth_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup2_smooth_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="focus-u" data-attribute="dsup2_focus" data-skill="" data-actor="@{director_support2_name}">FOCUS</button>
|
|
|
|
<input type="hidden" name="attr_dsup2_focus_calc" value="3">
|
|
<input type="hidden" name="attr_dsup2_focus_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_focus" id="dsup2_focus_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup2_focus_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_focus" id="dsup2_focus_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup2_focus_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_focus" id="dsup2_focus_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_focus_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_focus" id="dsup2_focus_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_focus_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_focus" id="dsup2_focus_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup2_focus_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="skill-label" style="margin-top: -2px; justify-content: center;">
|
|
<button type="action" style="font-size: 12px; height: 18px; width: 60px; text-align: right;" name="act_roll" data-i18n="crime-u" data-attribute="dsup2_crime" data-skill="" data-actor="@{director_support2_name}">CRIME</button>
|
|
|
|
<input type="hidden" name="attr_dsup2_crime_calc" value="3">
|
|
<input type="hidden" name="attr_dsup2_crime_modifier" value="0">
|
|
<div class="diamond-checkboxes">
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_crime" id="dsup2_crime_value_5" value="5" />
|
|
<label class="diamond-checkbox-black" for="dsup2_crime_value_5">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_crime" id="dsup2_crime_value_4" value="4" />
|
|
<label class="diamond-checkbox-black" for="dsup2_crime_value_4">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_crime" id="dsup2_crime_value_3" value="3" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_crime_value_3">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_crime" id="dsup2_crime_value_2" value="2" checked="checked"/>
|
|
<label class="diamond-checkbox-black" for="dsup2_crime_value_2">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
|
|
<input class="diamond-input" type="checkbox" name="attr_dsup2_crime" id="dsup2_crime_value_1" value="1" checked="checked" />
|
|
<label class="diamond-checkbox-black" for="dsup2_crime_value_1">
|
|
<span class="diamond-up"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height: 40px; width; 80px; margin: 8px 0px 0px 44px; border: 0px solid Purple;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/Outgunned3Shields.png" title="3 Shields" style="width: 105px; height: 39px; border: 0px dashed Brown;">
|
|
<div class="luck-box">
|
|
<div class="luck-box-inner" style="margin: -40px 0px 0px -6px;">
|
|
<input class="circle-input" type="checkbox" name="attr_armorD2" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 19.5px" id="armor_value_2D3" value="3" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorD2" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 19.5px" id="armor_value_2D2" value="2" />
|
|
<input class="circle-input" type="checkbox" name="attr_armorD2" style="color: rgb(179,37,27); border: 1px solid transparent; margin: 0px 0px 0px 15px" id="armor_value_2D1" value="1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Roll Templates -->
|
|
|
|
<rolltemplate class="sheet-rolltemplate-coin-flip">
|
|
<div class="template-wrap">
|
|
<div class="template-header">
|
|
{{#character_name}}
|
|
{{#character_id}}[{{character_name}}](https://journal.roll20.net/character/{{character_id}}){{/character_id}}
|
|
{{^character_id}}{{character_name}}{{/character_id}}
|
|
{{/character_name}}
|
|
</div>
|
|
|
|
<div class="template-subtitle">
|
|
{{roll-name}}
|
|
</div>
|
|
|
|
{{#rollWasCrit() roll}}
|
|
<div class="template-subtitle green" data-i18n="success">Success</div>
|
|
<div class="template-center" style="background-color: White;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedCoinSuccess.png" title="Success. Image courtesy PowerCoin - 'Ounce of Luck'" alt="Success 👍">
|
|
<!-- <label style="font-size: 52px; font-weight: 700; background-color: White;">👍</label> -->
|
|
</div>
|
|
{{/rollWasCrit() roll}}
|
|
|
|
{{#rollWasFumble() roll}}
|
|
<div class="template-subtitle red" data-i18n="fail">Fail</div>
|
|
<div class="template-center" style="background-color: White;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedCoinFailure.png" title="Failure. Image courtesy PowerCoin - 'Ocelot Hunters by Night'" alt="Failure 👎">
|
|
<!-- <label style="font-size: 52px; font-weight: 700; background-color: White;">👎</label> -->
|
|
</div>
|
|
{{/rollWasFumble() roll}}
|
|
|
|
|
|
|
|
</div>
|
|
</rolltemplate>
|
|
|
|
<rolltemplate class="sheet-rolltemplate-roulette">
|
|
<div class="template-wrap">
|
|
<div class="template-header">
|
|
{{#character_name}}
|
|
{{#character_id}}[{{character_name}}](https://journal.roll20.net/character/{{character_id}}){{/character_id}}
|
|
{{^character_id}}{{character_name}}{{/character_id}}
|
|
{{/character_name}}
|
|
</div>
|
|
|
|
<div class="template-dice-stats">
|
|
<div><label class="template-label" style="display: inline-block; font-size: 16px; height: 22px; width: 145px; margin: 0px 0px 5px 0px; color: Black; background-color: rgba(255,255,255,0.7);" data-i18n="chamber-struck">CHAMBER STRUCK:</label><span style="display: inline-block; margin-top: 4px;" >{{roll}}</span></div>
|
|
<div><label class="template-label" style="display: inline-block; font-size: 16px; height: 22px; width: 145px; margin: 0px 0px 5px 0px; color: Black; background-color: rgba(255,255,255,0.7);" data-i18n="bullets-loaded">BULLETS LOADED:</label><span style="display: inline-block; margin-top: 0px;" >{{chamber}}</span></div>
|
|
</div>
|
|
|
|
<div class="template-subtitle">
|
|
{{roll-name}}
|
|
</div>
|
|
|
|
{{#rollGreater() roll chamber}}
|
|
<div class="template-subtitle green" data-i18n="success">Success</div>
|
|
<div class="template-center" style="background-color: White;">
|
|
<img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedCoinSuccess.png" title="Success. Image courtesy PowerCoin - 'Ocelot Hunters by Night'" alt="👍">
|
|
<!-- <label style="font-size: 52px; font-weight: 700; background-color: White;">👍</label> -->
|
|
</div>
|
|
{{/rollGreater() roll chamber}}
|
|
|
|
{{#^rollGreater() roll chamber}}
|
|
<div class="template-subtitle red" data-i18n="fail">Fail</div>
|
|
<div class="template-center" style="background-color: White;">
|
|
<img src="https://github.com/Roll20/roll20-character-sheets/blob/master/Outgunned/Graphics/OutgunnedCoinFailure.png?raw=true" title="Failure. Image courtesy PowerCoin - 'Ounce of Luck'" alt="👎">
|
|
<!-- <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Outgunned/Graphics/OutgunnedCoinFailure.png?raw=true" title="Failure. Image courtesy PowerCoin - 'Ounce of Luck'" alt="">-->
|
|
<!-- <label style="font-size: 52px; font-weight: 700; background-color: White;">👎</label> -->
|
|
</div>
|
|
{{/^rollGreater() roll chamber}}
|
|
|
|
</div>
|
|
</rolltemplate>
|
|
|
|
<rolltemplate class="sheet-rolltemplate-outgunned">
|
|
|
|
<div class="template-wrap">
|
|
<div class="template-header">
|
|
{{#character_name}}
|
|
{{#character_id}}[{{character_name}}](https://journal.roll20.net/character/{{character_id}}){{/character_id}}
|
|
{{^character_id}}{{character_name}}{{/character_id}}
|
|
{{/character_name}}
|
|
</div>
|
|
|
|
<div class="template-subtitle">
|
|
{{#expertise_title}}
|
|
{{expertise_title}}
|
|
{{/expertise_title}}
|
|
|
|
{{#risk_title}}
|
|
{{risk_title}}
|
|
{{/risk_title}}
|
|
|
|
{{roll-name}}
|
|
</div>
|
|
|
|
<div class="template-dice-stats">
|
|
<div><label class="template-label" data-i18n="result:">Result:</label></div>
|
|
<div><span data-i18n="total-dices">Total dices</span> {{baseDice}}</div>
|
|
</div>
|
|
|
|
<div class="template-grid-item-box">
|
|
{{#rollGreater() computed::pair_of_one 1}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">1</span></div>
|
|
<div class="template-roll-between"><span class="template-roll-dice">1</span></div>
|
|
{{#rollGreater() computed::pair_of_one 2}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">1</span></div>
|
|
{{/rollGreater() computed::pair_of_one 2}}
|
|
|
|
{{#rollGreater() computed::pair_of_one 3}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">1</span></div>
|
|
{{/rollGreater() computed::pair_of_one 3}}
|
|
|
|
{{#rollGreater() computed::pair_of_one 4}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">1</span></div>
|
|
{{/rollGreater() computed::pair_of_one 4}}
|
|
|
|
{{#rollGreater() computed::pair_of_one 5}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">1</span></div>
|
|
{{/rollGreater() computed::pair_of_one 5}}
|
|
|
|
</div>
|
|
{{/rollGreater() computed::pair_of_one 1}}
|
|
|
|
{{#rollGreater() computed::pair_of_two 1}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">2</span></div>
|
|
<div class="template-roll-between"><span class="template-roll-dice">2</span></div>
|
|
|
|
{{#rollGreater() computed::pair_of_two 2}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">2</span></div>
|
|
{{/rollGreater() computed::pair_of_two 2}}
|
|
|
|
{{#rollGreater() computed::pair_of_two 3}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">2</span></div>
|
|
{{/rollGreater() computed::pair_of_two 3}}
|
|
|
|
{{#rollGreater() computed::pair_of_two 4}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">2</span></div>
|
|
{{/rollGreater() computed::pair_of_two 4}}
|
|
|
|
{{#rollGreater() computed::pair_of_two 5}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">2</span></div>
|
|
{{/rollGreater() computed::pair_of_two 5}}
|
|
</div>
|
|
{{/rollGreater() computed::pair_of_two 1}}
|
|
|
|
{{#rollGreater() computed::pair_of_three 1}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">3</span></div>
|
|
<div class="template-roll-between"><span class="template-roll-dice">3</span></div>
|
|
|
|
{{#rollGreater() computed::pair_of_three 2}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">3</span></div>
|
|
{{/rollGreater() computed::pair_of_three 2}}
|
|
|
|
{{#rollGreater() computed::pair_of_three 3}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">3</span></div>
|
|
{{/rollGreater() computed::pair_of_three 3}}
|
|
|
|
{{#rollGreater() computed::pair_of_three 4}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">3</span></div>
|
|
{{/rollGreater() computed::pair_of_three 4}}
|
|
|
|
{{#rollGreater() computed::pair_of_three 5}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">3</span></div>
|
|
{{/rollGreater() computed::pair_of_three 5}}
|
|
</div>
|
|
{{/rollGreater() computed::pair_of_three 1}}
|
|
|
|
{{#rollGreater() computed::pair_of_four 1}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">4</span></div>
|
|
<div class="template-roll-between"><span class="template-roll-dice">4</span></div>
|
|
|
|
{{#rollGreater() computed::pair_of_four 2}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">4</span></div>
|
|
{{/rollGreater() computed::pair_of_four 2}}
|
|
|
|
{{#rollGreater() computed::pair_of_four 3}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">4</span></div>
|
|
{{/rollGreater() computed::pair_of_four 3}}
|
|
|
|
{{#rollGreater() computed::pair_of_four 4}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">4</span></div>
|
|
{{/rollGreater() computed::pair_of_four 4}}
|
|
|
|
{{#rollGreater() computed::pair_of_four 5}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">4</span></div>
|
|
{{/rollGreater() computed::pair_of_four 5}}
|
|
|
|
</div>
|
|
{{/rollGreater() computed::pair_of_four 1}}
|
|
|
|
{{#rollGreater() computed::pair_of_five 1}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">5</span></div>
|
|
<div class="template-roll-between"><span class="template-roll-dice">5</span></div>
|
|
|
|
{{#rollGreater() computed::pair_of_five 2}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">5</span></div>
|
|
{{/rollGreater() computed::pair_of_five 2}}
|
|
|
|
{{#rollGreater() computed::pair_of_five 3}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">5</span></div>
|
|
{{/rollGreater() computed::pair_of_five 3}}
|
|
|
|
{{#rollGreater() computed::pair_of_five 4}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">5</span></div>
|
|
{{/rollGreater() computed::pair_of_five 4}}
|
|
|
|
{{#rollGreater() computed::pair_of_five 5}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">5</span></div>
|
|
{{/rollGreater() computed::pair_of_five 5}}
|
|
</div>
|
|
{{/rollGreater() computed::pair_of_five 1}}
|
|
|
|
{{#rollGreater() computed::pair_of_six 1}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">6</span></div>
|
|
<div class="template-roll-between"><span class="template-roll-dice">6</span></div>
|
|
|
|
{{#rollGreater() computed::pair_of_six 2}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">6</span></div>
|
|
{{/rollGreater() computed::pair_of_six 2}}
|
|
|
|
{{#rollGreater() computed::pair_of_six 3}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">6</span></div>
|
|
{{/rollGreater() computed::pair_of_six 3}}
|
|
|
|
{{#rollGreater() computed::pair_of_six 4}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">6</span></div>
|
|
{{/rollGreater() computed::pair_of_six 4}}
|
|
|
|
{{#rollGreater() computed::pair_of_six 5}}
|
|
<div class="template-roll-between"><span class="template-roll-dice">6</span></div>
|
|
{{/rollGreater() computed::pair_of_six 5}}
|
|
</div>
|
|
{{/rollGreater() computed::pair_of_six 1}}
|
|
|
|
{{#rollGreater() computed::base_dice_1 0}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">1</span></div>
|
|
</div>
|
|
{{/rollGreater() computed::base_dice_1 0}}
|
|
|
|
{{#rollGreater() computed::base_dice_2 0}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">2</span></div>
|
|
</div>
|
|
{{/rollGreater() computed::base_dice_2 0}}
|
|
|
|
{{#rollGreater() computed::base_dice_3 0}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">3</span></div>
|
|
</div>
|
|
{{/rollGreater() computed::base_dice_3 0}}
|
|
|
|
{{#rollGreater() computed::base_dice_4 0}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">4</span></div>
|
|
</div>
|
|
{{/rollGreater() computed::base_dice_4 0}}
|
|
|
|
{{#rollGreater() computed::base_dice_5 0}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">5</span></div>
|
|
</div>
|
|
{{/rollGreater() computed::base_dice_5 0}}
|
|
|
|
{{#rollGreater() computed::base_dice_6 0}}
|
|
<div class="template-grid-item">
|
|
<div class="template-roll-between"><span class="template-roll-dice">6</span></div>
|
|
</div>
|
|
{{/rollGreater() computed::base_dice_6 0}}
|
|
|
|
</div>
|
|
|
|
{{#rollGreater() computed::riskLost 0}}
|
|
<div class="template-grid-item-flex">
|
|
<label class="template-small-label sheet-red" data-i18n="you-lost-one-success">You lost one success</label>
|
|
</div>
|
|
{{/rollGreater() computed::riskLost 0}}
|
|
|
|
{{#rollGreater() computed::allOrNothingLost 0}}
|
|
<div class="template-grid-item-flex">
|
|
<label class="template-small-label sheet-red" data-i18n="you-lost-all-your-successes">You lost all your successes</label>
|
|
</div>
|
|
{{/rollGreater() computed::allOrNothingLost 0}}
|
|
|
|
|
|
<div class="template-dice-stats">
|
|
<div><span data-i18n="basic">Basic</span> {{computed::basic}}</div>
|
|
<div><span data-i18n="critical">Critical</span> {{computed::critical}}</div>
|
|
</div>
|
|
|
|
<div class="template-dice-stats">
|
|
<div><span data-i18n="extreme">Extreme</span> {{computed::extreme}}</div>
|
|
<div><span data-i18n="impossible">Impossible</span> {{computed::impossible}}</div>
|
|
</div>
|
|
|
|
{{#rollGreater() computed::what_a_hero 0}}
|
|
<div class="sheet-template-subtitle sheet-green" data-i18n="what-a-hero">What a hero!</div>
|
|
{{/rollGreater() computed::what_a_hero 0}}
|
|
|
|
{{#rollGreater() computed::dice_for_reroll 0}}
|
|
<div class="template-dice-actions">
|
|
{{#expertise}}
|
|
<div>
|
|
<div class="template-button">
|
|
[<span data-i18n="re-roll"></span>](~{{character_name}}|roll||expertise|{{attribute}}|{{skill}}|{{baseDice}}|{{computed::dice_for_reroll}})
|
|
</div>
|
|
</div>
|
|
{{/expertise}}
|
|
|
|
{{#risk}}
|
|
{{#rollGreater() computed::any_success 0}}
|
|
<div>
|
|
<div class="template-button">
|
|
[<span data-i18n="all-in"></span>](~{{character_name}}|roll||risk|{{attribute}}|{{skill}}|{{baseDice}}|{{computed::dice_for_reroll}})
|
|
</div>
|
|
</div>
|
|
{{/rollGreater() computed::any_success 0}}
|
|
{{/risk}}
|
|
|
|
{{#all_or_nothing}}
|
|
<div>
|
|
<div class="template-button">
|
|
[<span data-i18n="all-or-nothing"></span>](~{{character_name}}|roll||allOrNothing|{{attribute}}|{{skill}}|{{baseDice}}|{{computed::dice_for_reroll}})
|
|
</div>
|
|
</div>
|
|
{{/all_or_nothing}}
|
|
</div>
|
|
{{/rollGreater() computed::dice_for_reroll 0}}
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</rolltemplate>
|
|
|
|
<script type="text/worker">
|
|
|
|
on("sheet:opened", function(eventInfo){
|
|
|
|
|
|
getAttrs(["setupDone"], function(pvalue) {
|
|
console.log("Hello there");
|
|
|
|
let SetupDone=parseInt(pvalue.setupDone);
|
|
console.log("setupdone: "+SetupDone );
|
|
|
|
if (SetupDone==0){
|
|
console.log("Do setup");
|
|
setAttrs({ roulette: 1, SetupDone: 1 });
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
/* const stats = ["action", "fight", "leadership", "stunt", "guts", "cool", "drive", "shoot", "knowledge", "culture", "first_aid", "tech", "society", "charm", "eloquence", "observation", "wild", "scout", "survival", "tough", "crime", "caution", "dexterity", "stealth"]; */
|
|
const stats = ["brawn", "endure", "fight", "force", "stunt", "nerves", "cool", "drive", "shoot", "survival", "smooth", "flirt", "leadership", "speech", "style", "focus", "detect", "fix", "heal", "know", "crime", "awareness", "dexterity", "stealth", "streetwise","sup1_brawn","sup2_brawn","sup1_nerves","sup2_nerves","sup1_smooth","sup2_smooth","sup1_focus","sup2_focus","sup1_crime","sup2_crime","dsup1_brawn","dsup2_brawn","dsup1_nerves","dsup2_nerves","dsup1_smooth","dsup2_smooth","dsup1_focus","dsup2_focus","dsup1_crime","dsup2_crime"];
|
|
|
|
stats.forEach(stat => {
|
|
on(`change:${stat}`, () => {
|
|
getAttrs([stat], values => {
|
|
const stat_base = values[stat];
|
|
|
|
getAttrs([`${stat}_calc`], function(test) {
|
|
setAttrs({
|
|
[`${stat}_calc`]: stat_base
|
|
});
|
|
});
|
|
|
|
});
|
|
});
|
|
});
|
|
|
|
const savedDiceAttr = ["dice_for_reroll", "pair_one_sum", "pair_two_sum", "pair_three_sum", "pair_four_sum", "pair_five_sum", "pair_six_sum"];
|
|
|
|
on('clicked:roll', async (info) => {
|
|
var risk = true;
|
|
var riskTitle = '';
|
|
var runRiskFunc = false;
|
|
|
|
var expertise = true;
|
|
var expertiseTitle = '';
|
|
var runExpertiseFunc = false;
|
|
|
|
var allOrNothing = '';
|
|
var allOrNothingTitle = '';
|
|
var runAllOrNothingFunc = false;
|
|
|
|
var attribute = info.htmlAttributes['data-attribute'];
|
|
var skill = info.htmlAttributes['data-skill'];
|
|
var actor = info.htmlAttributes['data-actor'];
|
|
|
|
if (skill == '') {
|
|
skill = 'null';
|
|
}
|
|
var baseDiceTotal = '@{'+attribute+'_calc} + @{'+skill+'_calc} + @{'+attribute+'_modifier} + @{broken_modifier} + ?{Modifiers|0}';
|
|
var baseDiceTotalToRoll = baseDiceTotal;
|
|
|
|
|
|
if (info.originalRollId != null) {
|
|
var attr_and_skill = info.originalRollId.split('|');
|
|
var action = attr_and_skill[0];
|
|
|
|
if (action == 'expertise') {
|
|
expertiseTitle = "{{expertise_title=^{re-roll} }}";
|
|
expertise = '';
|
|
runExpertiseFunc = true;
|
|
risk = '';
|
|
allOrNothing = true;
|
|
} else if(action == 'risk') {
|
|
riskTitle = "{{risk_title=^{risk} }}";
|
|
risk = '';
|
|
runRiskFunc = true;
|
|
expertise = '';
|
|
allOrNothing = true;
|
|
} else if(action == 'allOrNothing') {
|
|
allOrNothingTitle = "{{all_or_nothing_title=^{all-or-nothing} }}";
|
|
allOrNothing = '';
|
|
runAllOrNothingFunc = true;
|
|
expertise = '';
|
|
risk = '';
|
|
}
|
|
|
|
attribute = attr_and_skill[1];
|
|
skill = attr_and_skill[2];
|
|
baseDiceTotal = attr_and_skill[3];
|
|
baseDiceTotalToRoll = attr_and_skill[4].split("'>")[1];
|
|
}
|
|
|
|
if (skill == 'null') {
|
|
var rollName = attribute;
|
|
} else {
|
|
var rollName = skill;
|
|
}
|
|
|
|
if (actor == null) {
|
|
console.log(" actor: " + actor);
|
|
actor = "@{character_name}";
|
|
}
|
|
|
|
const rollBase = '@{secret_roll} &{template:outgunned} {{character_name='+actor+'}} {{character_id=@{character_id}}} {{attribute='+attribute+'}} {{skill='+skill+'}} {{risk='+risk+'}} '+riskTitle+' {{expertise='+expertise+'}} '+expertiseTitle+' {{roll-name=^{'+rollName+'} }} {{baseDice=[[ '+baseDiceTotal+' ]] }} {{dices=[[('+baseDiceTotalToRoll+')d6m]]}} {{pair_of_one=[[1d6]]}} {{pair_of_two=[[1d6]]}} {{pair_of_three=[[1d6]]}} {{pair_of_four=[[1d6]]}} {{pair_of_five=[[1d6]]}} {{pair_of_six=[[1d6]]}} {{basic=[[1d6]]}} {{critical=[[1d6]]}} {{extreme=[[1d6]]}} {{impossible=[[1d6]]}} {{what_a_hero=[[1d6]]}} {{base_dice_1=[[1d6]]}} {{base_dice_2=[[1d6]]}} {{base_dice_3=[[1d6]]}} {{base_dice_4=[[1d6]]}} {{base_dice_5=[[1d6]]}} {{base_dice_6=[[1d6]]}} {{previous_pairs=@{pair_one_sum}}} {{any_success=[[1d6]]}} {{dice_for_reroll=[[1d6]]}} {{riskLost=[[1d6]]}} {{all_or_nothing='+allOrNothing+'}} {{allOrNothingLost=[[1d6]]}}' + allOrNothingTitle;
|
|
let rollResult = await startRoll(rollBase);
|
|
let tableOfPairs = await calcDice(rollResult);
|
|
|
|
console.log(" rollBase: " + rollBase);
|
|
|
|
let removeSuccess = false;
|
|
if (runRiskFunc) {
|
|
removeSuccess = await riskTaken(tableOfPairs);
|
|
}
|
|
|
|
let removeAllSuccesses = false;
|
|
if (runAllOrNothingFunc) {
|
|
removeAllSuccesses = await riskTaken(tableOfPairs);
|
|
}
|
|
|
|
if (runExpertiseFunc || runRiskFunc || runAllOrNothingFunc) {
|
|
tableOfPairs = await mergeWithSavedDice(tableOfPairs);
|
|
}
|
|
|
|
let computedValues = await calcComputedValues(tableOfPairs, removeSuccess, removeAllSuccesses);
|
|
|
|
if (!runExpertiseFunc && !runRiskFunc) {
|
|
await updateSavedDiceAttr(computedValues, tableOfPairs);
|
|
}
|
|
|
|
finishRoll(
|
|
rollResult.rollId,
|
|
computedValues
|
|
);
|
|
});
|
|
|
|
// Death roulette
|
|
on("change:roulette2 change:roulette3 change:roulette4 change:roulette5 change:roulette6", function(eventInfo) {
|
|
let NewBullet = eventInfo.newValue;
|
|
let OldBullet = eventInfo.previousValue;
|
|
let SourceAttribute = eventInfo.sourceAttribute;
|
|
let SourceType = eventInfo.sourceType;
|
|
|
|
console.log(" SourceAttribute: " + SourceAttribute + " SourceType " + SourceType + " NewBullet: " + NewBullet + " OldBullet: " + OldBullet);
|
|
if (SourceType == "sheetworker") {
|
|
console.log(" SourceType " + SourceType + " returning");
|
|
return;
|
|
}
|
|
|
|
let total = 1;
|
|
let bullet2 = "0";
|
|
let bullet3 = "0";
|
|
let bullet4 = "0";
|
|
let bullet5 = "0";
|
|
let bullet6 = "0";
|
|
|
|
let chambered = 0;
|
|
if (NewBullet != "0") {
|
|
chambered = 1;
|
|
}
|
|
|
|
switch (SourceAttribute) {
|
|
case "roulette2":
|
|
bullet2 = NewBullet; total = 1 + chambered;
|
|
break;
|
|
case "roulette3":
|
|
bullet2 = "2"; bullet3 = NewBullet; total = 2 + chambered;
|
|
break;
|
|
case "roulette4":
|
|
bullet2 = "2"; bullet3 = "3"; bullet4 = NewBullet; total = 3 + chambered;
|
|
break;
|
|
case "roulette5":
|
|
bullet2 = "2"; bullet3 = "3"; bullet4 = "4"; bullet5 = NewBullet; total = 4 + chambered;
|
|
break;
|
|
case "roulette6":
|
|
bullet2 = "2"; bullet3 = "3"; bullet4 = "4"; bullet5 = "5"; bullet6 = NewBullet; total = 5 + chambered;
|
|
break;
|
|
default:
|
|
console.log("Unknown Bullet - value: " + SourceAttribute);
|
|
}
|
|
console.log(" total = " + total);
|
|
console.log(" Bullets = 1" + " " + bullet2 + " " + bullet3 + " " + bullet4 + " " + bullet5 + " " + bullet6);
|
|
|
|
setAttrs({
|
|
roulette2: bullet2, roulette3: bullet3, roulette4: bullet4, roulette5: bullet5, roulette6: bullet6, roulette: String(total)
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Update attr for expertise
|
|
const updateSavedDiceAttr = async (computedValues, tableOfPairs) => {
|
|
savedDiceAttr.forEach((attr, index) => {
|
|
/*
|
|
console.log(" updateSavedDiceAttr: attr " + attr + " index " + index );
|
|
*/
|
|
if (index == 0) {
|
|
setAttrs({
|
|
[`${attr}`]: computedValues.dice_for_reroll
|
|
});
|
|
} else {
|
|
setAttrs({
|
|
[`${attr}`]: tableOfPairs[index]
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
// Get saved dices
|
|
const getSavedDiceAttr = async () => {
|
|
var savedDiceTable = await asw.getAttrs(savedDiceAttr);
|
|
savedDiceTable = Object.values(savedDiceTable);
|
|
|
|
return savedDiceTable;
|
|
}
|
|
|
|
// Helper for calc dice table
|
|
const calcDice = async (rollResult, expertise) => {
|
|
const dices = rollResult.results.dices.dice;
|
|
|
|
var table = [0,0,0,0,0,0,0];
|
|
|
|
for (i = 0; dices.length > i; i++) {
|
|
table[dices[i]] += 1;
|
|
}
|
|
|
|
return table;
|
|
}
|
|
|
|
// Helper for risk taken
|
|
const riskTaken = async (table) => {
|
|
var savedDiceTable = await getSavedDiceAttr();
|
|
|
|
var removeSuccess = true;
|
|
for (k = 1; table.length > k; k++) {
|
|
if (table[k] > 0 && savedDiceTable[k] > 1) {
|
|
removeSuccess = false;
|
|
} else if (table[k] > 1) {
|
|
removeSuccess = false;
|
|
}
|
|
}
|
|
|
|
return removeSuccess;
|
|
}
|
|
|
|
// Helper for merging saved dices
|
|
const mergeWithSavedDice = async (table) => {
|
|
var savedDiceTable = await getSavedDiceAttr();
|
|
|
|
for (j = 1; savedDiceTable.length > j; j++) {
|
|
if (savedDiceTable[j] > 1) {
|
|
table[j] += savedDiceTable[j];
|
|
}
|
|
}
|
|
|
|
return table;
|
|
}
|
|
|
|
// Helper for calc computed values
|
|
const calcComputedValues = async (table, removeSuccess, removeAllSuccesses) => {
|
|
var success = { basic: 0, critical: 0, extreme: 0, impossible: 0, what_a_hero: 0 };
|
|
|
|
var rest_dices = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0, 6: 0 };
|
|
|
|
var dice_for_reroll = 0;
|
|
|
|
var any_success = 0;
|
|
var allOrNothingLost = 0;
|
|
if (!removeAllSuccesses) {
|
|
for (k = 1; table.length > k; k++) {
|
|
if (table[k] === 1) {
|
|
rest_dices[k] = k;
|
|
dice_for_reroll += 1;
|
|
} else if(table[k] >= 2) {
|
|
any_success += 1;
|
|
|
|
if (table[k] === 2) {
|
|
success.basic++;
|
|
} else if (table[k] === 3) {
|
|
success.critical++;
|
|
} else if (table[k] === 4) {
|
|
success.extreme++;
|
|
} else if (table[k] === 5) {
|
|
success.impossible++;
|
|
} else if (table[k] >= 6) {
|
|
success.what_a_hero++;
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
allOrNothingLost = 1;
|
|
for (k = 1; table.length > k; k++) {
|
|
if (table[k] === 1) {
|
|
rest_dices[k] = k;
|
|
}
|
|
}
|
|
}
|
|
|
|
var riskLost = 0;
|
|
if (removeSuccess) {
|
|
riskLost = 1;
|
|
if (success.basic > 0) {
|
|
success.basic--;
|
|
} else if (success.critical > 0) {
|
|
success.critical--;
|
|
} else if (success.extreme > 0) {
|
|
success.extreme--;
|
|
} else if (success.impossible > 0) {
|
|
success.impossible--;
|
|
} else if (success.what_a_hero > 0) {
|
|
success.what_a_hero--;
|
|
}
|
|
}
|
|
|
|
let results = {
|
|
pair_of_one: table[1],
|
|
pair_of_two: table[2],
|
|
pair_of_three: table[3],
|
|
pair_of_four: table[4],
|
|
pair_of_five: table[5],
|
|
pair_of_six: table[6],
|
|
basic: success.basic,
|
|
critical: success.critical,
|
|
extreme: success.extreme,
|
|
impossible: success.impossible,
|
|
what_a_hero: success.what_a_hero,
|
|
base_dice_1: rest_dices[1],
|
|
base_dice_2: rest_dices[2],
|
|
base_dice_3: rest_dices[3],
|
|
base_dice_4: rest_dices[4],
|
|
base_dice_5: rest_dices[5],
|
|
base_dice_6: rest_dices[6],
|
|
dice_for_reroll: dice_for_reroll,
|
|
any_success: any_success,
|
|
riskLost: riskLost,
|
|
allOrNothingLost: allOrNothingLost,
|
|
};
|
|
|
|
return results;
|
|
}
|
|
|
|
const asw = (() => {
|
|
const setActiveCharacterId = function(charId){
|
|
let oldAcid=getActiveCharacterId();
|
|
let ev = new CustomEvent("message");
|
|
ev.data={"id":"0", "type":"setActiveCharacter", "data":charId};
|
|
self.dispatchEvent(ev);
|
|
return oldAcid;
|
|
};
|
|
const promisifyWorker = (worker, parameters) => {
|
|
let acid=getActiveCharacterId();
|
|
let prevAcid=null;
|
|
return new Promise((res,rej)=>{
|
|
prevAcid=setActiveCharacterId(acid);
|
|
try {if (worker===0) getAttrs(parameters[0]||[],(v)=>res(v));
|
|
else if (worker===1) setAttrs(parameters[0]||{}, parameters[1]||{},(v)=>res(v));
|
|
else if (worker===2) getSectionIDs(parameters[0]||'',(v)=>res(v));
|
|
} catch(err) {rej(console.error(err))}
|
|
}).finally(()=>setActiveCharacterId(prevAcid));
|
|
}
|
|
|
|
return {
|
|
getAttrs(attrArray) {return promisifyWorker(0, [attrArray])},
|
|
setAttrs(attrObj, options) {return promisifyWorker(1, [attrObj, options])},
|
|
getSectionIDs(section) {return promisifyWorker(2, [section])},
|
|
setActiveCharacterId,
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
|
|
|
|
|