Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 11:42:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
fcd1def69752e4e94de164b3d14432b2c2ce0ae8
roll20-character-sheets/Flying Circus/FlyingCircus.html
T
William Barker ee40d85526 [Flying Circus] New Sheet 
Flying Circus by Newstand Press
2025-12-16 11:17:42 -05:00

1050 lines
117 KiB
HTML
Raw Blame History

<input name="attr_SetupDone" style="display: none;" type="text" value="0">
<input type="radio" class="sheet-page1" name="attr_page" value="1" checked="checked" id="sheet-page1">
<label for="sheet-page1" data-i18n="dash-c">Dash</label>
<input type="radio" class="sheet-page2" name="attr_page" value="2" id="sheet-page2">
<label for="sheet-page2" data-i18n="profile-c">Profile</label>
<input type="radio" class="sheet-page3" name="attr_page" value="3" id="sheet-page3">
<label for="sheet-page3" data-i18n="roster-c">Roster</label>
<input type="radio" class="sheet-page4" name="attr_page" value="4" id="sheet-page4">
<label for="sheet-page4" data-i18n="NPC Plane">NPC Plane</label>
<div class="sheet-page1">
<div style="display: inline-block; vertical-align: top; height: 576px; width: 820px; border: 2px solid transparent;">
<!-- Altitude -->
<input type="hidden" name="attr_altitude_tens" value="0">
<input type="hidden" name="attr_altitude_ones" value="0">
<div style="display: inline-block; vertical-align: top; height: 220px; width: 220px; z-index: 1; margin: 14px 0px 0px 18px; border-radius: 50%; border: 2px solid transparent;">
<input type="radio" class="sheet-slice0 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="0" checked="checked" id="sheet-slice0"></input>
<input type="radio" class="sheet-slice1 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="1" id="sheet-slice1"></input>
<input type="radio" class="sheet-slice2 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="2" id="sheet-slice2"></input>
<input type="radio" class="sheet-slice3 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="3" id="sheet-slice3"></input>
<input type="radio" class="sheet-slice4 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="4" id="sheet-slice4"></input>
<input type="radio" class="sheet-slice5 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="5" id="sheet-slice5"></input>
<input type="radio" class="sheet-slice6 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="6" id="sheet-slice6"></input>
<input type="radio" class="sheet-slice7 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="7" id="sheet-slice7"></input>
<input type="radio" class="sheet-slice8 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="8" id="sheet-slice8"></input>
<input type="radio" class="sheet-slice9 up" name="attr_altitude_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="9" id="sheet-slice9"></input>
<input type="radio" class="sheet-slice0h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="0" checked="checked" id="sheet-slice0h"></input>
<input type="radio" class="sheet-slice1h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="1" id="sheet-slice1h"></input>
<input type="radio" class="sheet-slice2h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="2" id="sheet-slice2h"></input>
<input type="radio" class="sheet-slice3h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="3" id="sheet-slice3h"></input>
<input type="radio" class="sheet-slice4h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="4" id="sheet-slice4h"></input>
<input type="radio" class="sheet-slice5h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="5" id="sheet-slice5h"></input>
<input type="radio" class="sheet-slice6h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="6" id="sheet-slice6h"></input>
<input type="radio" class="sheet-slice7h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="7" id="sheet-slice7h"></input>
<input type="radio" class="sheet-slice8h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="8" id="sheet-slice8h"></input>
<input type="radio" class="sheet-slice9h up" name="attr_altitude_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="9" id="sheet-slice9h"></input>
<div class="sheet-slice0">
<div class="clock"> <div class="minute-hand"></div></div>
</div>
<div class="sheet-slice1">
<div class="clock"> <div class="minute-hand" style="transform: rotate(36deg);"></div></div>
</div>
<div class="sheet-slice2">
<div class="clock"> <div class="minute-hand" style="transform: rotate(72deg);"></div></div>
</div>
<div class="sheet-slice3">
<div class="clock"> <div class="minute-hand" style="transform: rotate(108deg);"></div></div>
</div>
<div class="sheet-slice4">
<div class="clock"> <div class="minute-hand" style="transform: rotate(144deg);"></div></div>
</div>
<div class="sheet-slice5">
<div class="clock"> <div class="minute-hand" style="transform: rotate(180deg);"></div></div>
</div>
<div class="sheet-slice6">
<div class="clock"> <div class="minute-hand" style="transform: rotate(216deg);"></div></div>
</div>
<div class="sheet-slice7">
<div class="clock"> <div class="minute-hand" style="transform: rotate(252deg);"></div></div>
</div>
<div class="sheet-slice8">
<div class="clock"> <div class="minute-hand" style="transform: rotate(288deg);"></div></div>
</div>
<div class="sheet-slice9">
<div class="clock"> <div class="minute-hand" style="transform: rotate(324deg);"></div></div>
</div>
<div class="sheet-slice0h ">
<div class="clock"> <div class="hour-hand"></div></div>
</div>
<div class="sheet-slice1h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(36deg);"></div></div>
</div>
<div class="sheet-slice2h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(72deg);"></div></div>
</div>
<div class="sheet-slice3h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(108deg);"></div></div>
</div>
<div class="sheet-slice4h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(144deg);"></div></div>
</div>
<div class="sheet-slice5h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(180deg);"></div></div>
</div>
<div class="sheet-slice6h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(216deg);"></div></div>
</div>
<div class="sheet-slice7h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(252deg);"></div></div>
</div>
<div class="sheet-slice8h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(288deg);"></div></div>
</div>
<div class="sheet-slice9h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(324deg);"></div></div>
</div>
<input type="number" name="attr_altitude" value="0" style="position: relative; height: 33px; width: 54px; font-size: 26px; font-weight: 700; z-index: 10; text-align: right; padding: 4px 1px 4px 1px; margin: -230px 0px 0px 76px; border-radius: 0; border: 2px solid Black;">
</div>
<!-- Loadout -->
<div style="display: inline-block; vertical-align: top; height: 170px; width: 300px; margin: 20px 0px 0px 20px; border: 2px solid transparent;">
<input type="hidden" name="attr_load_fl" class="element-to-determine-style1" value="">
<div class="line1" style="margin-top: 14px">
<input class="heat" type="checkbox" name="attr_load_fl" value="1" style="margin: 0px 0px 0px 0px; border: 0px solid Red;" title="Full Load"/>
<input type="number" name="attr_boost_fl" value="0" class="entry" style="margin: 0px 0px 0px 0px;">
<input type="number" name="attr_handling_fl" value="0" class="entry">
<input type="number" name="attr_climb_fl" value="0" class="entry">
<input type="number" name="attr_stall_fl" value="0" class="entry">
<input type="number" name="attr_empty_fl" value="0" class="entry">
</div>
<input type="hidden" name="attr_load_hfb" class="element-to-determine-style2" value="">
<div class="line2">
<input class="heat" type="checkbox" name="attr_load_hfb" value="1" style="margin-left: 0px; border: 0px solid Red;" title="Half Fuel Bombs"/>
<input type="number" name="attr_boost_hfb" value="0" class="entry" style="margin: 0px 0px 0px 0px;">
<input type="number" name="attr_handling_hfb" value="0" class="entry">
<input type="number" name="attr_climb_hfb" value="0" class="entry">
<input type="number" name="attr_stall_hfb" value="0" class="entry">
<input type="number" name="attr_empty_hfb" value="0" class="entry">
</div>
<input type="hidden" name="attr_load_ffnb" class="element-to-determine-style3" value="">
<div class="line3">
<input class="heat" type="checkbox" name="attr_load_ffnb" value="1" style="margin-left: 0px; border: 0px solid Red;" title="Fu;; Fuel No Bombs"/>
<input type="number" name="attr_boost_ffnb" value="0" class="entry" style="margin: 0px 0px 0px 0px;">
<input type="number" name="attr_handling_ffnb" value="0" class="entry">
<input type="number" name="attr_climb_ffnb" value="0" class="entry">
<input type="number" name="attr_stall_ffnb" value="0" class="entry">
<input type="number" name="attr_empty_ffnb" value="0" class="entry">
</div>
<input type="hidden" name="attr_load_hfnb" class="element-to-determine-style4" value="">
<div class="line4">
<input class="heat" type="checkbox" name="attr_load_hfnb" value="1" style="margin-left: 0px; border: 0px solid Red;" title="Half Fuel No Bombs"/>
<input type="number" name="attr_boost_hfnb" value="0" class="entry" style="margin: 0px 0px 0px 0px;">
<input type="number" name="attr_handling_hfnb" value="0" class="entry">
<input type="number" name="attr_climb_hfnb" value="0" class="entry">
<input type="number" name="attr_stall_hfnb" value="0" class="entry">
<input type="number" name="attr_empty_hfnb" value="0" class="entry">
</div>
<input type="hidden" name="attr_load_empty" class="element-to-determine-style" value="">
<div class="line">
<input class="heat" type="checkbox" name="attr_load_empty" value="1" style="margin-left: 0px; border: 0px solid Red;" title="Empty"/>
<input type="number" name="attr_boost_empty" value="0" class="entry" style="margin: 0px 0px 0px 0px;">
<input type="number" name="attr_handling_empty" value="0" class="entry">
<input type="number" name="attr_climb_empty" value="0" class="entry">
<input type="number" name="attr_stall_empty" value="0" class="entry">
<input type="number" name="attr_empty_empty" value="0" class="entry">
</div>
</div>
<!-- Air Speed -->
<input type="hidden" name="attr_air_speed_tens" value="0">
<input type="hidden" name="attr_air_speed_ones" value="0">
<div style="display: inline-block; vertical-align: top; height: 220px; width: 220px; z-index: 1; margin: 14px 0px 0px 6px; border-radius: 50%; border: 2px solid transparent;">
<input type="radio" class="sheet-slice0 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="0" checked="checked" id="sheet-slice0"></input>
<input type="radio" class="sheet-slice1 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="1" id="sheet-slice1"></input>
<input type="radio" class="sheet-slice2 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="2" id="sheet-slice2"></input>
<input type="radio" class="sheet-slice3 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="3" id="sheet-slice3"></input>
<input type="radio" class="sheet-slice4 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="4" id="sheet-slice4"></input>
<input type="radio" class="sheet-slice5 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="5" id="sheet-slice5"></input>
<input type="radio" class="sheet-slice6 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="6" id="sheet-slice6"></input>
<input type="radio" class="sheet-slice7 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="7" id="sheet-slice7"></input>
<input type="radio" class="sheet-slice8 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="8" id="sheet-slice8"></input>
<input type="radio" class="sheet-slice9 up" name="attr_air_speed_ones" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="9" id="sheet-slice9"></input>
<input type="radio" class="sheet-slice0h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="0" checked="checked" id="sheet-slice0h"></input>
<input type="radio" class="sheet-slice1h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="1" id="sheet-slice1h"></input>
<input type="radio" class="sheet-slice2h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="2" id="sheet-slice2h"></input>
<input type="radio" class="sheet-slice3h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="3" id="sheet-slice3h"></input>
<input type="radio" class="sheet-slice4h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="4" id="sheet-slice4h"></input>
<input type="radio" class="sheet-slice5h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="5" id="sheet-slice5h"></input>
<input type="radio" class="sheet-slice6h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="6" id="sheet-slice6h"></input>
<input type="radio" class="sheet-slice7h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="7" id="sheet-slice7h"></input>
<input type="radio" class="sheet-slice8h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="8" id="sheet-slice8h"></input>
<input type="radio" class="sheet-slice9h up" name="attr_air_speed_tens" style="height: 4px; width: 4px; margin: -40px 0px 0px 0px; display: none;" value="9" id="sheet-slice9h"></input>
<div class="sheet-slice0">
<div class="clock"> <div class="minute-hand"></div></div>
</div>
<div class="sheet-slice1">
<div class="clock"> <div class="minute-hand" style="transform: rotate(36deg);"></div></div>
</div>
<div class="sheet-slice2">
<div class="clock"> <div class="minute-hand" style="transform: rotate(72deg);"></div></div>
</div>
<div class="sheet-slice3">
<div class="clock"> <div class="minute-hand" style="transform: rotate(108deg);"></div></div>
</div>
<div class="sheet-slice4">
<div class="clock"> <div class="minute-hand" style="transform: rotate(144deg);"></div></div>
</div>
<div class="sheet-slice5">
<div class="clock"> <div class="minute-hand" style="transform: rotate(180deg);"></div></div>
</div>
<div class="sheet-slice6">
<div class="clock"> <div class="minute-hand" style="transform: rotate(216deg);"></div></div>
</div>
<div class="sheet-slice7">
<div class="clock"> <div class="minute-hand" style="transform: rotate(252deg);"></div></div>
</div>
<div class="sheet-slice8">
<div class="clock"> <div class="minute-hand" style="transform: rotate(288deg);"></div></div>
</div>
<div class="sheet-slice9">
<div class="clock"> <div class="minute-hand" style="transform: rotate(324deg);"></div></div>
</div>
<div class="sheet-slice0h ">
<div class="clock"> <div class="hour-hand"></div></div>
</div>
<div class="sheet-slice1h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(36deg);"></div></div>
</div>
<div class="sheet-slice2h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(72deg);"></div></div>
</div>
<div class="sheet-slice3h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(108deg);"></div></div>
</div>
<div class="sheet-slice4h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(144deg);"></div></div>
</div>
<div class="sheet-slice5h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(180deg);"></div></div>
</div>
<div class="sheet-slice6h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(216deg);"></div></div>
</div>
<div class="sheet-slice7h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(252deg);"></div></div>
</div>
<div class="sheet-slice8h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(288deg);"></div></div>
</div>
<div class="sheet-slice9h ">
<div class="clock"> <div class="hour-hand" style="transform: rotate(324deg);"></div></div>
</div>
<input type="number" name="attr_air_speed" value="0" style="position: relative; height: 33px; width: 54px; font-size: 26px; font-weight: 700; z-index: 10; text-align: right; padding: 4px 1px 4px 1px; margin: -230px 0px 0px 80px; border-radius: 0; border: 2px solid Black;">
</div>
<!-- Left Lower Panel -->
<div style="display: inline-block; vertical-align: top; height: 296px; width: 206px; margin: 20px 0px 0px 20px; border: 2px solid transparent;">
<input type="number" name="attr_visibility" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 50px 100px 0px 46px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_engergy_loss" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 0px 0px 0px 2px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_turn_bled" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 0px 0px 0px 30px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_stress" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin:-12px 0px 0px 10px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_stability" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 0px 100px 0px 46px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_escape" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 34px 0px 0px 4px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_toughness_left" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 40px 0px 0px 28px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_toughness_right" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 40px 0px 0px -4px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_crash" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 24px 0px 0px 4px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_max_strain_left" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 24px 0px 0px 28px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="number" name="attr_max_strain_right" value="0" style="height: 33px; width: 52px; font-size: 26px; font-weight: 700; text-align: right; margin: 24px 0px 0px -4px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
</div>
<!-- Center Lower Panel -->
<div style="display: inline-block; vertical-align: top; height: 346px; width: 292px; margin: -40px 0px 0px 0px; border: 2px solid transparent;">
<input type="number" name="attr_fuel" value="0" style="height: 30px; width: 60px; font-size: 26px; font-weight: 700; text-align: right; margin: 0px 140px 0px 38px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_vital_part_l1" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: 40px 0px 0px 0px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_r1" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: 40px 0px 0px -2px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_l2" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px 0px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_r2" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px -2px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_l3" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px 0px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_r3" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px -2px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_l4" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px 0px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_r4" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px -2px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_l5" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px 0px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_vital_part_r5" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px -2px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_armour" value="" style="height: 22px; width: 280px; font-size: 12px; font-weight: 500; text-align: left; margin: 22px 0px 0px 4px; background-color: LightGray; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_max_bomb_load" value="" style="height: 20px; width: 80px; font-size: 12px; font-weight: 500; text-align: left; margin: 0px 0px 0px 190px; background-color: White; border-radius: 0; border: 1px solid Black;">
<input type="text" name="attr_ordinance_l1" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: 0px 0px 0px 0px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_ordinance_r1" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: 0px 0px 0px -2px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_ordinance_l2" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px 0px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_ordinance_r2" value="" style="height: 22px; width: 142px; font-size: 12px; font-weight: 500; text-align: left; margin: -2px 0px 0px -2px; background-color: transparent; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_note1" value="" style="height: 22px; width: 280px; font-size: 12px; font-weight: 500; text-align: left; margin: 22px 0px 0px 4px; background-color: LightGray; border-radius: 0; border: 0px solid Red;">
<input type="text" name="attr_note1" value="" style="height: 22px; width: 280px; font-size: 12px; font-weight: 500; text-align: left; margin: 0px 0px 0px 4px; background-color: LightGray; border-radius: 0; border: 0px solid Red;">
</div>
<div style="display: inline-block; vertical-align: top; height: 350px; width: 50px; margin: -40px 0px 0px 0px; border: 2px solid transparent;">
<!-- G-Force -->
<div style="display: inline-block; vertical-align: top; position: relative; z-index; 2; width: 50px; height: 400px; margin: 0px 0px 0px -4px; border: 0px solid Green;">
<div style="margin: 8px 0px 0px 0px; border: 0px solid Blue;">
<input class="heat" type="checkbox" name="attr_heatM10" value="1" title="10"/>
<input class="heat" type="checkbox" name="attr_heatM9" value="1" title="9"/>
<input class="heat" type="checkbox" name="attr_heatM8" value="1" title="8"/>
<input class="heat" type="checkbox" name="attr_heatM7" value="1" title="7"/>
<input class="heat" type="checkbox" name="attr_heatM6" value="1" title="6"/>
<input class="heat" type="checkbox" name="attr_heatM5" value="1" title="5"/>
<input class="heat" type="checkbox" name="attr_heatM4" value="1" title="4"/>
<input class="heat" type="checkbox" name="attr_heatM3" value="1" title="3"/>
<input class="heat" type="checkbox" name="attr_heatM2" value="1" title="2"/>
<input class="heat" type="checkbox" name="attr_heatM1" value="1" title="1"/>
<input class="circle-input heat" type="checkbox" name="attr_heatM0" value="1" title="0"/>
</div>
</div>
</div>
<div style="display: inline-block; vertical-align: top; height: 316px; width: 220px; margin: -6px 0px 0px 0px; border: 2px solid transparent;">
<input type="number" name="attr_dropoff" value="0" style="height: 33px; width: 60px; font-size: 26px; font-weight: 700; text-align: right; margin: 8px 0px 0px 156px; background-color: transparent; border-radius: 0; border: 2px solid transparent;">
<textarea name="attr_kills" style="height: 36px; width: 200px; font-size: 12px; background-color: LightGray; border: 1px solid Black; margin: 24px 0px 0px 8px;"></textarea>
<div style='display: inline-block; vertical-align: top; width: 180px; height: 180px; margin: 20px 0px 0px 10px; transform: rotate(10deg); border: 0px solid Purple;'>
<div style="display: inline-block; vertical-align: top; height: 180px; width: 180px; border: 0px solid Black; margin: 0px 0px 0px 0px; background-position: center; background-repeat: no-repeat; background-size: contain;" name="attr_dash_photo" data-i18n-title="A picture of what your pilot is fighting for">
</div>
</div>
<label style="display: inline-block; vertical-align: top; height: 14px; width: 30px; color: DimGray; margin: 0px 0px 2px -2px; font-family: 'Noto Serif'; font-stretch: ultra-condensed; font-weight: 400; font-size: 16px; padding: 1px 0px 0px 0px; text-align: left; border: 0px solid Red;" data-i18n="URL:">URL:</label>
<!-- Example: https://live.staticflickr.com/4179/34476193102_379ed6f6fd_c.jpg -->
<input type="text" style="display: inline-block; vertical-align: top;;width: 160px; height: 19px; margin: 0px 0px 0px 2px; border: 0;" name='attr_dash_photo' value="" />
</div>
</div>
<!-- Add Engine width: 362px; -->
<div style="display: inline-block; vertical-align: top; width: 346px; margin: 0px 0px 0px 0px; border: 0px solid DarkGreen;">
<fieldset class="repeating_engine">
<div class="engine" style="display: inline-block; vertical-align: top;">
<input name="attr_engine_reliability" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 77px; height: 20px; font-weight: 550; font-size: 16px; background-color: transparent; margin: 28px 0px 0px 92px; padding: 2px; border:0; border-radius:0; border: 1px solid transparent;"/>
<input name="attr_engine_alt" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 76px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 28px 0px 0px -4px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_engine_overspeed" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 78px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 28px 0px 0px -4px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_engine_notes" type="text" style="display: inline-block; vertical-align: top; text-align: left; width: 232px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 0px 0px 0px 92px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input type="number" name="attr_engine_rpm" value="0" style="height: 33px; width: 42px; font-size: 22px; font-weight: 600; text-align: right; margin: 44px 0px 0px 42px; background-color: transparent; border-radius: 0; border: 2px solid Black;">
<input type="number" name="attr_engine_wear" value="0" style="height: 33px; width: 42px; font-size: 22px; font-weight: 600; text-align: right; margin: 44px 0px 0px 186px; background-color: transparent; border-radius: 0; border: 2px solid Black;">
</div>
</fieldset>
</div>
<!-- Add Weapon -->
<div style="display: inline-block; vertical-align: top; width: 340px; margin: 0px 0px 0px 8px; border: 0px solid LightBlue;">
<fieldset class="repeating_weapon">
<div class="weapon" style="display: inline-block; vertical-align: top;">
<input name="attr_weapon_type" type="text" style="display: inline-block; vertical-align: top; text-align: left; width: 190px; height: 28px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 55px 200px 0px 2px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_ammo" type="text" style="display: inline-block; vertical-align: top; text-align: left; width: 94px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 20px 0px 0px 2px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_ap" type="text" style="display: inline-block; vertical-align: top; text-align: left; width: 40px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 20px 0px 0px -3px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_jam" type="text" style="display: inline-block; vertical-align: top; text-align: left; width: 56px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 20px 110px 0px -3px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_knife_hits" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 66px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 22px 0px 0px 70px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_close_hits" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 66px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 22px 0px 0px -3px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_long_hits" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 66px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 22px 0px 0px -3px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_extreme_hits" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 66px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: 22px 0px 0px -3px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_knife_damage" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 66px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: -2px 0px 0px 70px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_close_damage" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 66px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: -2px 0px 0px -3px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_long_damage" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 66px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: -2px 0px 0px -3px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
<input name="attr_weapon_extreme_damage" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 66px; height: 20px; font-weight: 600; font-size: 16px; color: Black; background-color: transparent; margin: -2px 0px 0px -3px; padding: 2px; border:0; border-radius: 0px; border: 1px solid transparent;" value=""/>
</div>
</fieldset>
</div>
<!-- Add Radiator -->
<div style="display: inline-block; vertical-align: top; width: 130px; margin: 0px 0px 0px -2px; border: 0px solid Red;">
<fieldset class="repeating_part">
<div class="radiator" style="display: inline-block; vertical-align: top;">
<textarea name="attr_mount" style="height: 44px; width: 188px; text-align: center; line-height: 85%; font-size: 12px; background-color: transparent; border: 1px solid Black; margin: 78px 0px 0px 10px;"></textarea>
<textarea name="attr_liquid" style="height: 48px; width: 188px; text-align: center; line-height: 85%; font-size: 12px; background-color: transparent; border: 1px solid Black; margin: 8px 0px 0px 10px;"></textarea>
</div>
</fieldset>
</div>
</div>
<div class="sheet-page2">
<div style="display: inline-block; vertical-align: top; height: 582px; width: 820px; border: 2px solid Transparent;">
<div style="display: inline-block; vertical-align: top; height: 582px; width: 404px; border: 2px solid Transparent;">
<div style="display: inline-block; vertical-align: top; height: 80px; width: 402px; border: 2px solid Transparent;">
<div style="display: inline-block; vertical-align: top; height: 80px; width: 192px; border: 2px solid Transparent;">
<input name="attr_character_name" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 190px; height: 22px; font-weight: normal; font-size: 16px; background-color: transparent; margin: 12px 0px 0px 2px; padding: 0px; border:0; border-radius:0; border: 1px solid transparent;"/>
<input name="attr_age" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 90px; height: 18px; font-weight: normal; font-size: 16px; background-color: transparent; margin: 12px 0px 0px 2px; padding: 0px; border:0; border-radius:0; border: 1px solid transparent;"/>
<input name="attr_pronouns" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 90px; height: 18px; font-weight: normal; font-size: 16px; background-color: transparent; margin: 12px 0px 0px 4px; padding: 0px; border:0; border-radius:0; border: 1px solid transparent;"/>
</div>
<div style="display: inline-block; vertical-align: top; height: 80px; width: 200px; margin: 0px 0px 0px -4px; border: 2px solid Transparent;">
<input name="attr_hard" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 42px; height: 42px; font-weight: normal; font-size: 18px; background-color: transparent; margin: 18px 0px 0px 18px; padding: 0px; border-radius: 50%; border: 2px solid transparent;"/>
<input name="attr_keen" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 42px; height: 42px; font-weight: normal; font-size: 18px; background-color: transparent; margin: 18px 0px 0px 1px; padding: 0px; border-radius: 50%; border: 2px solid transparent;"/>
<input name="attr_calm" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 42px; height: 42px; font-weight: normal; font-size: 18px; background-color: transparent; margin: 18px 0px 0px 1px; padding: 0px; border-radius: 50%; border: 2px solid transparent;"/>
<input name="attr_daring" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 42px; height: 42px; font-weight: normal; font-size: 18px; background-color: transparent; margin: 18px 0px 0px 1px; padding: 0px; border-radius: 50%; border: 2px solid transparent;"/>
<button class="btn sheet-skillName" type="roll" name="roll_hard" style="width: 30px; height: 16px; margin: 0px 0px 0px 20px; background-color: transparent; border: 1px solid DimGray;" value="&{template:circus} {{name=@{character_name} *rolls* HARD}} {{Check=[[?{Attack Type|Normal, 2d10|Advantage, 3d10kh2|Disadvantage, 3d10kl2} +@{hard}+?{Bonus|0}]]}} "></button>
<button class="btn sheet-skillName" type="roll" name="roll_keen" style="width: 30px; height: 16px; margin: 0px 0px 0px 6px; background-color: transparent; border: 1px solid DimGray;" value="&{template:circus} {{name=@{character_name} *rolls* KEEN}} {{Check=[[?{Attack Type|Normal, 2d10|Advantage, 3d10kh2|Disadvantage, 3d10kl2}+@{keen}+?{Bonus|0}]]}} "></button>
<button class="btn sheet-skillName" type="roll" name="roll_calm" style="width: 30px; height: 16px; margin: 0px 0px 0px 6px; background-color: transparent; border: 1px solid DimGray;" value="&{template:circus} {{name=@{character_name} *rolls* CALM}} {{Check=[[?{Attack Type|Normal, 2d10|Advantage, 3d10kh2|Disadvantage, 3d10kl2}+@{calm}+?{Bonus|0}]]}} "></button>
<button class="btn sheet-skillName" type="roll" name="roll_daring" style="width: 30px; height: 16px; margin: 0px 0px 0px 3px; background-color: transparent; border: 1px solid DimGray;" value="&{template:circus} {{name=@{character_name} *rolls* DARING}} {{Check=[[?{Attack Type|Normal, 2d10|Advantage, 3d10kh2|Disadvantage, 3d10kl2}+@{daring}+?{Bonus|0}]]}} "></button>
</div>
</div>
<div style="display: inline-block; vertical-align: top; height: 160px; width: 402px; border: 2px solid transparent;">
<div style="display: inline-block; vertical-align: top; height: 20px; width: 212px; margin: 4px 0px 0px 50px; border: 2px solid transparent;">
<div class="gold"> <input type="checkbox" id="stress1" name="attr_stress1" /> <label for="stress1"></label> </div>
<div class="gold"> <input type="checkbox" id="stress2" name="attr_stress2" /> <label for="stress2"></label> </div>
<div class="gold"> <input type="checkbox" id="stress3" name="attr_stress3" /> <label for="stress3"></label> </div>
<div class="gold"> <input type="checkbox" id="stress4" name="attr_stress4" /> <label for="stress4"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="stress5" name="attr_stress5" /> <label for="stress5"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="stress6" name="attr_stress6" /> <label for="stress6"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="stress7" name="attr_stress7" /> <label for="stress7"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="stress8" name="attr_stress8" /> <label for="stress8"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="stress9" name="attr_stress9" /> <label for="stress9"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="stress10" name="attr_stress10" /> <label for="stress10"></label> </div>
</div>
<input name="attr_xp" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 92px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 4px 0px 0px 34px; padding: 0px; border:0; border-radius:0; border: 2px solid transparent;"/>
<textarea name="attr_triggers" style="height: 110px; width: 200px; text-align: left; font-size: 12px; background-color: transparent; border: 2px solid LightGray; margin: 22px 0px 0px -4px; padding: 2px;" placeholder="Triggers"></textarea>
<textarea name="attr_vents" style="height: 110px; width: 200px; text-align: left; font-size: 12px; background-color: transparent; border: 2px solid LightGray; margin: 22px 0px 0px 0px; padding: 2px;" placeholder="Vents"></textarea>
</div>
<div style="display: inline-block; vertical-align: top; height: 160px; width: 402px; border: 2px solid Transparent;">
<div style="display: inline-block; vertical-align: top; height: 160px; width: 200px; border: 2px solid Transparent;">
<input name="attr_comrade1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 134px; height: 20px; font-weight: normal; font-size: 16px; background-color: transparent; margin: 30px 0px 0px 2px; padding: 0px; border:0; border-radius:0; border: 1px solid Black;"/>
<div class="gold" style="margin: 29px 0px 0px 2px"> <input type="checkbox" id="trust1" name="attr_trust1" /> <label for="trust1"></label> </div>
<input name="attr_comrade2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 134px; height: 20px; font-weight: normal; font-size: 16px; background-color: transparent; margin: 11px 0px 0px 2px; padding: 0px; border:0; border-radius:0; border: 1px solid Black;"/>
<div class="gold" style="margin: 10px 0px 0px 2px"> <input type="checkbox" id="trust2" name="attr_trust2" /> <label for="trust2"></label> </div>
<input name="attr_comrade3" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 134px; height: 20px; font-weight: normal; font-size: 16px; background-color: transparent; margin: 11px 0px 0px 2px; padding: 0px; border:0; border-radius:0; border: 1px solid Black;"/>
<div class="gold" style="margin: 10px 0px 0px 2px"> <input type="checkbox" id="trust3" name="attr_trust3" /> <label for="trust3"></label> </div>
<input name="attr_comrade4" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 134px; height: 20px; font-weight: normal; font-size: 16px; background-color: transparent; margin: 11px 0px 0px 2px; padding: 0px; border:0; border-radius:0; border: 1px solid Black;"/>
<div class="gold" style="margin: 11px 0px 0px 2px"> <input type="checkbox" id="trust4" name="attr_trust4" /> <label for="trust4"></label> </div>
</div>
<textarea name="attr_vices" style="height: 136px; width: 196px; text-align: left; font-size: 12px; background-color: transparent; border: 2px solid LightGray; margin: 22px 0px 0px -4px; padding: 2px;" placeholder="Vices"></textarea>
</div>
<div style="display: inline-block; vertical-align: top; height: 160px; width: 402px; border: 2px solid Transparent;">
<textarea name="attr_intimacy_moves" style="height: 130px; width: 400px; text-align: left; font-size: 12px; background-color: transparent; border: 2px solid LightGray; margin: 14px 0px 0px 0px; padding: 2px;" placeholder="Intimacy Notes"></textarea>
</div>
</div>
<div style="display: inline-block; vertical-align: top; height: 582px; width: 404px; margin: 0px 0px 0px -2px; border: 2px solid Transparent;">
<div style="display: inline-block; vertical-align: top; width: 390px; border: 2px solid Transparent;">
<div style="display: inline-block; vertical-align: top; height: 28px; width: 390px; background-color: LightGray; border-top: 4px solid Gray; margin-top: 30px;">
<input name="attr_move_title1" type="text" class="sheet-smallCap" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 22px; font-weight: 550; font-size: 16px; background-color: transparent; margin: 2px 0px 0px 6px; padding: 2px; border:0; border-radius:0; border: 1px solid DimGray;" value="Move"/>
<button class="btn sheet-skillName" type="roll" name="roll_move" style="width: 10px; margin: -6px 0px 0px -4px; background-color: transparent; border: 0px solid Blue;" value="&{template:circus} {{name=@{character_name} *uses* @{move_title1}}} {{Ability=@{move1}}}"><span style="font-family:Pictos; color: DimGray; font-size: 16px;">w</span></button>
<input name="attr_move_type1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 90px; height: 22px; font-weight: 600; font-size: 16px; color: White; background-color: rgb(147, 166, 35); margin: 2px 0px 0px 4px; padding: 2px; border:0; border-radius:16px; border: 0px solid Red;" value="MOVE"/>
</div>
<textarea name="attr_move1" style="height: 60px; max-height: 240px; resize: vertical; width: 390px; text-align: left; font-size: 12px; background-color: transparent; border: 1px solid LightGray; margin: 0px; padding: 2px;" placeholder="Description"></textarea>
<div style="display: inline-block; vertical-align: top; height: 28px; width: 390px; background-color: LightGray; border-top: 4px solid Gray; margin-top: 0px;">
<input name="attr_move_title2" type="text" class="sheet-smallCap" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 22px; font-weight: 550; font-size: 16px; background-color: transparent; margin: 2px 0px 0px 6px; padding: 2px; border:0; border-radius:0; border: 1px solid DimGray;" value="Move"/>
<button class="btn sheet-skillName" type="roll" name="roll_move" style="width: 10px; margin: -6px 0px 0px -4px; background-color: transparent; border: 0px solid Blue;" value="&{template:circus} {{name=@{character_name} *uses* @{move_title2}}} {{Ability=@{move2}}}"><span style="font-family:Pictos; color: DimGray; font-size: 16px;">w</span></button>
<input name="attr_move_type2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 90px; height: 22px; font-weight: 600; font-size: 16px; color: White; background-color: rgb(147, 166, 35); margin: 2px 0px 0px 4px; padding: 2px; border:0; border-radius:16px; border: 0px solid Red;" value="MOVE"/>
</div>
<textarea name="attr_move2" style="height: 60px; max-height: 240px; resize: vertical; width: 390px; text-align: left; font-size: 12px; background-color: transparent; border: 1px solid LightGray; margin: 0px; padding: 2px;" placeholder="Description"></textarea>
<div style="display: inline-block; vertical-align: top; height: 28px; width: 390px; background-color: LightGray; border-top: 4px solid Gray; margin-top: 0px;">
<input name="attr_move_title3" type="text" class="sheet-smallCap" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 22px; font-weight: 550; font-size: 16px; background-color: transparent; margin: 2px 0px 0px 6px; padding: 2px; border:0; border-radius:0; border: 1px solid DimGray;" value="Move"/>
<button class="btn sheet-skillName" type="roll" name="roll_move" style="width: 10px; margin: -6px 0px 0px -4px; background-color: transparent; border: 0px solid Blue;" value="&{template:circus} {{name=@{character_name} *uses* @{move_title3}}} {{Ability=@{move3}}}"><span style="font-family:Pictos; color: DimGray; font-size: 16px;">w</span></button>
<input name="attr_move_type3" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 90px; height: 22px; font-weight: 600; font-size: 16px; color: White; background-color: rgb(147, 166, 35); margin: 2px 0px 0px 4px; padding: 2px; border:0; border-radius:16px; border: 0px solid Red;" value="MOVE"/>
</div>
<textarea name="attr_move3" style="height: 60px; max-height: 240px; resize: vertical; width: 390px; text-align: left; font-size: 12px; background-color: transparent; border: 1px solid LightGray; margin: 0px; padding: 2px;" placeholder="Description"></textarea>
<div style="display: inline-block; vertical-align: top; height: 28px; width: 390px; background-color: LightGray; border-top: 4px solid Gray; margin-top: 0px;">
<input name="attr_move_title4" type="text" class="sheet-smallCap" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 22px; font-weight: 550; font-size: 16px; background-color: transparent; margin: 2px 0px 0px 6px; padding: 2px; border:0; border-radius:0; border: 1px solid DimGray;" value="Move"/>
<button class="btn sheet-skillName" type="roll" name="roll_move" style="width: 10px; margin: -6px 0px 0px -4px; background-color: transparent; border: 0px solid Blue;" value="&{template:circus} {{name=@{character_name} *uses* @{move_title4}}} {{Ability=@{move4}}}"><span style="font-family:Pictos; color: DimGray; font-size: 16px;">w</span></button>
<input name="attr_move_type4" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 90px; height: 22px; font-weight: 600; font-size: 16px; color: White; background-color: rgb(147, 166, 35); margin: 2px 0px 0px 4px; padding: 2px; border:0; border-radius:16px; border: 0px solid Red;" value="MOVE"/>
</div>
<textarea name="attr_move4" style="height: 60px; max-height: 240px; resize: vertical; width: 390px; text-align: left; font-size: 12px; background-color: transparent; border: 1px solid LightGray; margin: 0px; padding: 2px;" placeholder="Description"></textarea>
<fieldset class="repeating_ability">
<div style="display: inline-block; vertical-align: top; height: 28px; width: 390px; background-color: LightGray; border-top: 4px solid Gray; margin-top: 0px;">
<input name="attr_move_title" type="text" class="sheet-smallCap" style="display: inline-block; vertical-align: top; text-align: left; width: 150px; height: 22px; font-weight: 550; font-size: 16px; background-color: transparent; margin: 2px 0px 0px 6px; padding: 2px; border:0; border-radius:0; border: 1px solid DimGray;" value="Move"/>
<button class="btn sheet-skillName" type="roll" name="roll_move" style="width: 10px; margin: -6px 0px 0px -4px; background-color: transparent; border: 0px solid Blue;" value="&{template:circus} {{name=@{character_name} *uses* @{move_title}}} {{Ability=@{move}}}"><span style="font-family:Pictos; color: DimGray; font-size: 16px;">w</span></button>
<input name="attr_move_type" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 90px; height: 22px; font-weight: 600; font-size: 16px; color: White; background-color: rgb(147, 166, 35); margin: 2px 0px 0px 4px; padding: 2px; border:0; border-radius:16px; border: 0px solid Red;" value="MOVE"/>
</div>
<textarea name="attr_move" style="height: 60px; max-height: 240px; resize: vertical; width: 390px; text-align: left; font-size: 12px; background-color: transparent; border: 1px solid LightGray; margin: 0px; padding: 2px;" placeholder="Description"></textarea>
</fieldset>
</div>
<div style="display: inline-block; vertical-align: top; height: 160px; width: 400px; border: 2px solid Transparent;">
<label style="display: inline-block; vertical-align: top; font-family: UnifrakturCook; font-size: 14px; font-weight: 650" >Other Moves, Holds, & Notes</label>
<textarea name="attr_notes" style="height: 100px; width: 390px; text-align: left; font-size: 12px; background-color: transparent; border: 2px solid LightGray; margin: 14px 0px 0px 0px; padding: 2px;" placeholder="Notes"></textarea>
<label style="display: inline-block; vertical-align: top; font-family: UnifrakturCook; font-size: 14px; font-weight: 650; width: 106px; margin: -2px 0px 0px 170px; border: 0px solid Black;" >Mastery Progress</label>
<div style="display: inline-block; vertical-align: top; height: 20px; width: 100px; margin: 2px 0px 0px -4px; border: 0px solid Green;">
<div class="black" style="margin-right: 4px"> <input type="checkbox" id="mastery1" name="attr_mastery1" /> <label for="mastery1"></label> </div>
<div class="black" style="margin-right: 4px"> <input type="checkbox" id="mastery2" name="attr_mastery2" /> <label for="mastery2"></label> </div>
<div class="black" style="margin-right: 4px"> <input type="checkbox" id="mastery3" name="attr_mastery3" /> <label for="mastery3"></label> </div>
<div class="black" style="margin-right: 4px"> <input type="checkbox" id="mastery4" name="attr_mastery4" /> <label for="mastery4"></label> </div>
<div class="black" style="margin-right: 0px"> <input type="checkbox" id="mastery5" name="attr_mastery5" /> <label for="mastery5"></label> </div>
</div>
</div>
</div>
</div>
</div>
<div class="sheet-page3">
<div style="display: inline-block; vertical-align: top; height: 560px; width: 820px; margin: 0px 0px 0px 0px; border: 2px solid transparent;">
<!-- Roster -->
<div style="display: inline-block; vertical-align: top; height: 520px; width: 400px; margin: 20px 0px 0px 18px; border: 2px solid transparent;">
<input name="attr_roster_name1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 26px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 26px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 26px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name3" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position3" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep3" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name4" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position4" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep4" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name5" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position5" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep5" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name6" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position6" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep6" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name7" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position7" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep7" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name8" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position8" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep8" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name9" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position9" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep9" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name10" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position10" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep10" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name11" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position11" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep11" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name12" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position12" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep12" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name13" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position13" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep13" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name14" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position14" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep14" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name15" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position15" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep15" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name16" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position16" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep16" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name17" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position17" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep17" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_name18" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_position18" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 164px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_upkeep18" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_company_name" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 190px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 4px 0px 0px -6px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_structure" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 190px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 4px 0px 0px 8px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
</div>
<div style="display: inline-block; vertical-align: top; height: 520px; width: 380px; margin: 20px 0px 0px -4px; border: 1px solid transparent;">
<div style="display: inline-block; vertical-align: top; height: 260px; width: 222px; margin: 26px 0px 0px 0px; border: 0px solid Red;">
<input name="attr_roster_plane1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane3" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep3" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane4" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep4" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane5" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep5" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane6" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep6" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane7" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep7" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane8" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep8" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane9" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep9" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -1px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane10" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 140px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_roster_plane_upkeep10" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 80px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
</div>
<div style="display: inline-block; vertical-align: top; height: 278px; width: 144px; margin: -19px 0px 0px 0px; border: 2px solid transparent;">
<input type="text" style="display: inline-block; vertical-align: top; width: 130px; height: 19px; margin: 0px 0px 0px 2px; border: 1px LightGray;" name='attr_roster_photo' value="" />
<div style="display: inline-block; vertical-align: top; height: 114px; width: 114px; margin: 0px 0px 0px 16px; border: 0px solid Blue;">
<div style="display: inline-block; vertical-align: top; height: 114px; width: 114px; border: 0px solid transparent; margin: 0px 0px 0px 0px; background-position: center; background-repeat: no-repeat; background-size: contain;" name="attr_roster_photo" data-i18n-title="The group's insignia">
</div>
</div>
<!-- Example: https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Roundel_of_the_United_Kingdom.svg/960px-Roundel_of_the_United_Kingdom.svg.png -->
<div style="height: 144px; width: 10px; margin: 20px 0px 0px 0px; border: 1px solid transparent;">
<div class="black" style="margin-top: 0px"> <input type="checkbox" id="overrun1" name="attr_overrun1" /> <label for="overrun1"></label> </div>
<div class="black" style="margin-top: -3px"> <input type="checkbox" id="overrun2" name="attr_overrun2" /> <label for="overrun2"></label> </div>
<div class="black" style="margin-top: -4px"> <input type="checkbox" id="overrun3" name="attr_overrun3" /> <label for="overrun3"></label> </div>
<div class="black" style="margin-top: -6px"> <input type="checkbox" id="overrun4" name="attr_overrun4" /> <label for="overrun4"></label> </div>
<div class="black" style="margin-top: -8px"> <input type="checkbox" id="overrun5" name="attr_overrun5" /> <label for="overrun5"></label> </div>
<div class="black" style="margin-top:-10px"> <input type="checkbox" id="overrun6" name="attr_overrun6" /> <label for="overrun6"></label> </div>
<div class="black" style="margin-top:-14px"> <input type="checkbox" id="overrun7" name="attr_overrun7" /> <label for="overrun7"></label> </div>
<div class="black" style="margin-top:-16px"> <input type="checkbox" id="overrun8" name="attr_overrun8" /> <label for="overrun8"></label> </div>
<div class="black" style="margin-top:-18px"> <input type="checkbox" id="overrun9" name="attr_overrun9" /> <label for="overrun9"></label> </div>
</div>
</div>
<div style="display: inline-block; vertical-align: top; height: 250px; width: 402px; border: 2px solid transparent;">
<div style="display: inline-block; vertical-align: top; height: 20px; width: 110px; margin: -3px 0px 0px 69px; border: 2px solid transparent;">
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="fame1" name="attr_fame1" /> <label for="fame1"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="fame2" name="attr_fame2" /> <label for="fame2"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="fame3" name="attr_fame3" /> <label for="fame3"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="fame4" name="attr_fame4" /> <label for="fame4"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="fame5" name="attr_fame5" /> <label for="fame5"></label> </div>
<div style="display: inline-block; vertical-align: top; height: 190px; width: 10px; margin: 24px 0px 0px -188px; border: 1px solid transparent;">
<div class="black" style="margin-top: 0px"> <input type="checkbox" id="fame_bonus1" name="attr_fame_bonus1" /> <label for="fame_bonus1"></label> </div>
<div class="black" style="margin-top: 10px"> <input type="checkbox" id="fame_bonus2" name="attr_fame_bonus2" /> <label for="fame_bonus2"></label> </div>
<div class="black" style="margin-top: 10px"> <input type="checkbox" id="fame_bonus3" name="attr_fame_bonus3" /> <label for="fame_bonus3"></label> </div>
<div class="black" style="margin-top: 24px"> <input type="checkbox" id="fame_bonus4" name="attr_fame_bonus4" /> <label for="fame_bonus4"></label> </div>
<div class="black" style="margin-top: 26px"> <input type="checkbox" id="fame_bonus5" name="attr_fame_bonus5" /> <label for="fame_bonus5"></label> </div>
<div class="black" style="margin-top: 10px"> <input type="checkbox" id="fame_bonus6" name="attr_fame_bonus6" /> <label for="fame_bonus6"></label> </div>
</div>
</div>
<div style="display: inline-block; vertical-align: top; height: 20px; width: 110px; margin: -3px 0px 0px 80px; border: 2px solid transparent;">
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="infamy1" name="attr_infamy1" /> <label for="infamy1"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="infamy2" name="attr_infamy2" /> <label for="infamy2"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="infamy3" name="attr_infamy3" /> <label for="infamy3"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="infamy4" name="attr_infamy4" /> <label for="infamy4"></label> </div>
<div class="gold" style="margin-left: 1px"> <input type="checkbox" id="infamy5" name="attr_infamy5" /> <label for="infamy5"></label> </div>
<div style="display: inline-block; vertical-align: top; height: 190px; width: 10px; margin: 24px 0px 0px -188px; border: 1px solid transparent;">
<div class="black" style="margin-top: 0px"> <input type="checkbox" id="infamy_bonus1" name="attr_infamy_bonus1" /> <label for="infamy_bonus1"></label> </div>
<div class="black" style="margin-top: 10px"> <input type="checkbox" id="infamy_bonus2" name="attr_infamy_bonus2" /> <label for="infamy_bonus2"></label> </div>
<div class="black" style="margin-top: 10px"> <input type="checkbox" id="infamy_bonus3" name="attr_infamy_bonus3" /> <label for="infamy_bonus3"></label> </div>
<div class="black" style="margin-top: 24px"> <input type="checkbox" id="infamy_bonus4" name="attr_infamy_bonus4" /> <label for="infamy_bonus4"></label> </div>
<div class="black" style="margin-top: 14px"> <input type="checkbox" id="infamy_bonus5" name="attr_infamy_bonus5" /> <label for="infamy_bonus5"></label> </div>
</div>
</div>
<input name="attr_company_value" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 82px; height: 30px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 184px 0px 0px 270px; padding: 0px; border:0; border-radius:0; border: 2px solid transparent;"/>
</div>
</div>
</div>
</div>
<!-- NPC Plane -->
<div class="sheet-page4">
<div style="display: inline-block; vertical-align: top; height: 560px; width: 820px; margin: 0px 0px 0px 0px; border: 2px solid transparent;">
<div class="NPCPlane" style="margin: 20px 0px 0px 12px;">
<input name="attr_npc_plane1_name1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 116px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 50px 0px 0px 18px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<div style="display: inline-block; vertical-align: top; height: 56px; width: 226px; margin: 26px 0px 0px 0px; border: 2px solid transparent;">
<input name="attr_npc_plane1_weapon1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 86px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane1_hits1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane1_damage1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane1_weapon2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 86px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane1_hits2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane1_damage2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
</div>
<div style="display: inline-block; vertical-align: top; height: 40px; width: 200px; margin: 10px 0px 0px 14px; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane1_speed_over" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px 0px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane1_speed_max" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane1_speed_combat" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane1_speed_stall" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
</div>
<textarea name="attr_npc_plane1_notes" style="height: 118px; width: 136px; text-align: center; background-color: transparent; border: 1px solid Black; margin: 0px 0px 0px 6px;" placeholder="Notes"></textarea>
<div style="display: inline-block; vertical-align: top; height: 70px; width: 210px; margin: -70px 0px 0px 14px; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane1_stucture" value="0" style="height: 44px; width: 48px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 18px 0px 0px 2px; border-radius: 0; border: 2px solid Black;">
<input type="text" name="attr_npc_plane1_handling" value="0" style="height: 44px; width: 48px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 18px 0px 0px -2px; border-radius: 0; border: 2px solid Black;">
<div style="display: inline-block; vertical-align: top; height: 56px; width: 20px; margin: 6px 0px 0px 8px; border: 2px solid transparent;">
<div class="gold"> <input type="checkbox" id="npc_plane1_engine1" name="attr_npc_plane1_engine1" /> <label for="npc_plane1_engine1"></label> </div>
<div class="gold"> <input type="checkbox" id="npc_plane1_engine2" name="attr_npc_plane1_engine2" /> <label for="npc_plane1_engine2"></label> </div>
<div class="gold"> <input type="checkbox" id="npc_plane1_engine3" name="attr_npc_plane1_engine3" /> <label for="npc_plane1_engine3"></label> </div>
</div>
<div style="display: inline-block; vertical-align: top; height: 56px; width: 56px; margin: 6px 0px 0px 8px; border: 2px solid transparent;">
<div class="gold" style="margin: 0px 0px 0px -2px;"> <input type="checkbox" id="npc_plane1_pilot" name="attr_npc_plane1_pilot" /> <label for="npc_plane1_pilot"></label> </div>
<div class="gold" style="margin: 0px 0px 0px 10px;"> <input type="checkbox" id="npc_plane1_crew" name="attr_npc_plane1_crew" /> <label for="npc_plane1_crew"></label> </div>
<div class="gold" style="margin: 14px 0px 0px -2px;"> <input type="checkbox" id="npc_plane1_guns" name="attr_npc_plane1_guns" /> <label for="npc_plane1_guns"></label> </div>
<div class="gold" style="margin: 14px 0px 0px 10px;"> <input type="checkbox" id="npc_plane1_fuel" name="attr_npc_plane1_fuel" /> <label for="npc_plane1_fuel"></label> </div>
</div>
</div>
</div>
<div class="NPCPlane" style="margin: 20px 0px 0px 12px;">
<input name="attr_npc_plane2_name1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 116px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 50px 0px 0px 18px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<div style="display: inline-block; vertical-align: top; height: 56px; width: 226px; margin: 26px 0px 0px 0px; border: 2px solid transparent;">
<input name="attr_npc_plane2_weapon1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 86px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane2_hits1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane2_damage1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane2_weapon2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 86px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane2_hits2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane2_damage2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
</div>
<div style="display: inline-block; vertical-align: top; height: 40px; width: 200px; margin: 10px 0px 0px 14px; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane2_speed_over" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px 0px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane2_speed_max" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane2_speed_combat" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane2_speed_stall" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
</div>
<textarea name="attr_npc_plane2_notes" style="height: 118px; width: 136px; text-align: center; background-color: transparent; border: 1px solid Black; margin: 0px 0px 0px 6px;" placeholder="Notes"></textarea>
<div style="display: inline-block; vertical-align: top; height: 70px; width: 210px; margin: -70px 0px 0px 14px; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane2_stucture" value="0" style="height: 44px; width: 48px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 18px 0px 0px 2px; border-radius: 0; border: 2px solid Black;">
<input type="text" name="attr_npc_plane2_handling" value="0" style="height: 44px; width: 48px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 18px 0px 0px -2px; border-radius: 0; border: 2px solid Black;">
<div style="display: inline-block; vertical-align: top; height: 56px; width: 20px; margin: 6px 0px 0px 8px; border: 2px solid transparent;">
<div class="gold"> <input type="checkbox" id="npc_plane2_engine1" name="attr_npc_plane2_engine1" /> <label for="npc_plane2_engine1"></label> </div>
<div class="gold"> <input type="checkbox" id="npc_plane2_engine2" name="attr_npc_plane2_engine2" /> <label for="npc_plane2_engine2"></label> </div>
<div class="gold"> <input type="checkbox" id="npc_plane2_engine3" name="attr_npc_plane2_engine3" /> <label for="npc_plane2_engine3"></label> </div>
</div>
<div style="display: inline-block; vertical-align: top; height: 56px; width: 56px; margin: 6px 0px 0px 8px; border: 2px solid transparent;">
<div class="gold" style="margin: 0px 0px 0px -2px;"> <input type="checkbox" id="npc_plane2_pilot" name="attr_npc_plane2_pilot" /> <label for="npc_plane2_pilot"></label> </div>
<div class="gold" style="margin: 0px 0px 0px 10px;"> <input type="checkbox" id="npc_plane2_crew" name="attr_npc_plane2_crew" /> <label for="npc_plane2_crew"></label> </div>
<div class="gold" style="margin: 14px 0px 0px -2px;"> <input type="checkbox" id="npc_plane2_guns" name="attr_npc_plane2_guns" /> <label for="npc_plane2_guns"></label> </div>
<div class="gold" style="margin: 14px 0px 0px 10px;"> <input type="checkbox" id="npc_plane2_fuel" name="attr_npc_plane2_fuel" /> <label for="npc_plane2_fuel"></label> </div>
</div>
</div>
</div>
<div class="NPCPlane" style="margin: 20px 0px 0px 12px;">
<input name="attr_npc_plane3_name1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 116px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 50px 0px 0px 18px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<div style="display: inline-block; vertical-align: top; height: 56px; width: 226px; margin: 26px 0px 0px 0px; border: 2px solid transparent;">
<input name="attr_npc_plane3_weapon1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 86px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane3_hits1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane3_damage1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane3_weapon2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 86px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane3_hits2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane3_damage2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
</div>
<div style="display: inline-block; vertical-align: top; height: 40px; width: 200px; margin: 10px 0px 0px 14px; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane3_speed_over" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px 0px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane3_speed_max" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane3_speed_combat" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane3_speed_stall" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
</div>
<textarea name="attr_npc_plane3_notes" style="height: 118px; width: 136px; text-align: center; background-color: transparent; border: 1px solid Black; margin: 0px 0px 0px 6px;" placeholder="Notes"></textarea>
<div style="display: inline-block; vertical-align: top; height: 70px; width: 210px; margin: -70px 0px 0px 14px; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane3_stucture" value="0" style="height: 44px; width: 48px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 18px 0px 0px 2px; border-radius: 0; border: 2px solid Black;">
<input type="text" name="attr_npc_plane3_handling" value="0" style="height: 44px; width: 48px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 18px 0px 0px -2px; border-radius: 0; border: 2px solid Black;">
<div style="display: inline-block; vertical-align: top; height: 56px; width: 20px; margin: 6px 0px 0px 8px; border: 2px solid transparent;">
<div class="gold"> <input type="checkbox" id="npc_plane3_engine1" name="attr_npc_plane3_engine1" /> <label for="npc_plane3_engine1"></label> </div>
<div class="gold"> <input type="checkbox" id="npc_plane3_engine2" name="attr_npc_plane3_engine2" /> <label for="npc_plane3_engine2"></label> </div>
<div class="gold"> <input type="checkbox" id="npc_plane3_engine3" name="attr_npc_plane3_engine3" /> <label for="npc_plane3_engine3"></label> </div>
</div>
<div style="display: inline-block; vertical-align: top; height: 56px; width: 56px; margin: 6px 0px 0px 8px; border: 2px solid transparent;">
<div class="gold" style="margin: 0px 0px 0px -2px;"> <input type="checkbox" id="npc_plane3_pilot" name="attr_npc_plane3_pilot" /> <label for="npc_plane3_pilot"></label> </div>
<div class="gold" style="margin: 0px 0px 0px 10px;"> <input type="checkbox" id="npc_plane3_crew" name="attr_npc_plane3_crew" /> <label for="npc_plane3_crew"></label> </div>
<div class="gold" style="margin: 14px 0px 0px -2px;"> <input type="checkbox" id="npc_plane3_guns" name="attr_npc_plane3_guns" /> <label for="npc_plane3_guns"></label> </div>
<div class="gold" style="margin: 14px 0px 0px 10px;"> <input type="checkbox" id="npc_plane3_fuel" name="attr_npc_plane3_fuel" /> <label for="npc_plane3_fuel"></label> </div>
</div>
</div>
</div>
<div class="NPCPlane" style="margin: 20px 0px 0px 12px;">
<input name="attr_npc_plane4_name1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 116px; height: 26px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 50px 0px 0px 18px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<div style="display: inline-block; vertical-align: top; height: 56px; width: 226px; margin: 26px 0px 0px 0px; border: 2px solid transparent;">
<input name="attr_npc_plane4_weapon1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 86px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane4_hits1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane4_damage1" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: 0px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane4_weapon2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 86px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px 0px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane4_hits2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
<input name="attr_npc_plane4_damage2" type="text" style="display: inline-block; vertical-align: top; text-align: center; width: 70px; height: 28px; font-weight: normal; font-size: 20px; background-color: transparent; margin: -2px 0px 0px -4px; padding: 2px; border:0; border-radius:0; border: 2px solid transparent;"/>
</div>
<div style="display: inline-block; vertical-align: top; height: 40px; width: 200px; margin: 10px 0px 0px 14px; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane4_speed_over" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px 0px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane4_speed_max" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane4_speed_combat" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane4_speed_stall" value="0" style="height: 40px; width: 50px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 0px 0px 0px -4px; border-radius: 0; border: 2px solid transparent;">
</div>
<textarea name="attr_npc_plane4_notes" style="height: 118px; width: 136px; text-align: center; background-color: transparent; border: 1px solid Black; margin: 0px 0px 0px 6px;" placeholder="Notes"></textarea>
<div style="display: inline-block; vertical-align: top; height: 70px; width: 210px; margin: -70px 0px 0px 14px; border: 2px solid transparent;">
<input type="text" name="attr_npc_plane4_stucture" value="0" style="height: 44px; width: 48px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 18px 0px 0px 2px; border-radius: 0; border: 2px solid Black;">
<input type="text" name="attr_npc_plane4_handling" value="0" style="height: 44px; width: 48px; font-size: 24px; font-weight: 500; text-align: center; background-color: transparent; margin: 18px 0px 0px -2px; border-radius: 0; border: 2px solid Black;">
<div style="display: inline-block; vertical-align: top; height: 56px; width: 20px; margin: 6px 0px 0px 8px; border: 2px solid transparent;">
<div class="gold"> <input type="checkbox" id="npc_plane4_engine1" name="attr_npc_plane4_engine1" /> <label for="npc_plane4_engine1"></label> </div>
<div class="gold"> <input type="checkbox" id="npc_plane4_engine2" name="attr_npc_plane4_engine2" /> <label for="npc_plane4_engine2"></label> </div>
<div class="gold"> <input type="checkbox" id="npc_plane4_engine3" name="attr_npc_plane4_engine3" /> <label for="npc_plane4_engine3"></label> </div>
</div>
<div style="display: inline-block; vertical-align: top; height: 56px; width: 56px; margin: 6px 0px 0px 8px; border: 2px solid transparent;">
<div class="gold" style="margin: 0px 0px 0px -2px;"> <input type="checkbox" id="npc_plane4_pilot" name="attr_npc_plane4_pilot" /> <label for="npc_plane4_pilot"></label> </div>
<div class="gold" style="margin: 0px 0px 0px 10px;"> <input type="checkbox" id="npc_plane4_crew" name="attr_npc_plane4_crew" /> <label for="npc_plane4_crew"></label> </div>
<div class="gold" style="margin: 14px 0px 0px -2px;"> <input type="checkbox" id="npc_plane4_guns" name="attr_npc_plane4_guns" /> <label for="npc_plane4_guns"></label> </div>
<div class="gold" style="margin: 14px 0px 0px 10px;"> <input type="checkbox" id="npc_plane4_fuel" name="attr_npc_plane4_fuel" /> <label for="npc_plane4_fuel"></label> </div>
</div>
</div>
</div>
</div>
</div>
<!-- Roll Templates -->
<rolltemplate class="sheet-rolltemplate-circus">
<div class="container">
<div><h1>{{name}}</h1></div>
<div class="arrow-container"><div class="arrow-right"></div></div>
{{#Description}}
<div class="rowcolor"><span class="tcat" style="color: DarkRed; font-size: 1.4em; margin-right: 6px; " data-i18n="description:-c">Description:</span>{{Description}}</div>
{{/Description}}
{{#Type}}
<div class="rowcolor"><span class="tcat" style="color: Black; font-size: 1.4em; margin-right: 6px; " data-i18n="type:-c">Type::</span>{{Type}}</div>
{{/Type}}
{{#Ability}}
<div class="rowcolor"><span class="tcat" style="color: DarkRed; font-size: 1.1em; margin-right: 6px;">{{Ability}}</span></div>
{{/Ability}}
{{#Check}}
<div class="rowcolor"><span class="tcat" data-i18n="check:-c">Check: </span>{{Check}}</div>
{{#rollLess() Check 11 }}
<div class="rowcolor"><span class="tcat" data-i18n="result:-c">Result: </span><span class="tcat" data-i18n="miss-c">Miss</span></div>
{{/rollLess() Check 11 }}
{{#rollBetween() Check 11 15}}
<div class="rowcolor"><span class="tcat" data-i18n="result:-c">Result: </span><span class="tcat" data-i18n="partial-c">Partial</span></div>
{{/rollBetween() Check 11 15}}
{{#rollGreater() Check 15 }}
<div class="rowcolor"><span class="tcat" data-i18n="result:-c">Result: </span><span class="tcat" data-i18n="full!-c">Full!</span></div>
{{/rollGreater() Check 15 }}
{{/Check}}
</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");
}
});
});
function incSkill(section,skill,value){
getSectionIDs(section, function(idArray) {
var found = false;
if (idArray.length > 0) {
var fields = [];
_.each(idArray, function(currentID) {
fields.push(section+"_" + currentID + "_skill");
fields.push(section+"_" + currentID + "_skillValue");
});
getAttrs(fields, function(values) {
_.each(idArray, function(currentID, i) {
var curSkill = values[section+"_" + idArray[i] + "_skill"];
if (curSkill === skill){
found = true;
}
});
if (!found) {
//console.log(skill+""+section+" add !!!!!!!!!!!");
addSkill(section,skill,value);
}
});
}
else{
addSkill(section,skill,value);
}
});
}
function addSkill(section,skill,value){
var id=getId();
var setObj = {};
setObj[section+"_"+id+'_skill']=skill;
setAttrs(setObj);
setObj[section+"_"+id+'_skillValue']=value;
//console.log("!!!!!!!!! skill value: "+value);
setAttrs(setObj);
}
function getId(){
const sattrs = {};
const createdIDs = [];
var retId = 0;
if (createdIDs.length==0){
retId = generateRowID();
createdIDs.push(retId);
}
var checkit = true;
while (checkit==true) {
let newID = generateRowID();
//console.log("Newid "+newID);
if (!createdIDs.includes(newID)) {
newrowid = newID;
//console.log("newrowid "+newID);
createdIDs.push(newrowid);
checkit=false;
}
}
retId = newrowid;
return retId;
}
on('clicked:initiative', (info) => {
startRoll("&{template:initiative} {{name=@{character_name}}} {{roll1=[[@{intuition}+@{speed}+1d20 &{tracker}]]}}", (results) => {
const total = results.results.roll1.result;
const computed = total;
/* console.log(" *** Action Initiative: ");
console.log(" roll1Dice " + results.results.roll1.dice );
console.log(" roll1Result " + results.results.roll1.result );
console.log(" roll1Expression " + results.results.roll1.expression );
*/
setAttrs({ initiative: computed });
finishRoll(
results.rollId,
{
roll1: computed
}
);
});
});
// Altitude
on("change:altitude", function(eventInfo) {
let NewLevel = eventInfo.newValue;
let OldLevel = eventInfo.previousValue;
let SourceAttribute = eventInfo.sourceAttribute;
console.log(" Altitude " + NewLevel + " OldLevel " + OldLevel + " SourceAttribute Die:" + SourceAttribute);
let Altitude = parseInt(NewLevel)||0;
if (Altitude < 0) {
Altitude = 0;
}
console.log(" Altitude Tens " + Math.floor(Altitude/10) + " Altitude Ones " + Altitude%10);
setAttrs({
altitude_tens: Math.floor(Altitude/10), altitude_ones: Altitude%10
});
});
// Air Speed
on("change:air_speed", function(eventInfo) {
let NewLevel = eventInfo.newValue;
let OldLevel = eventInfo.previousValue;
let SourceAttribute = eventInfo.sourceAttribute;
console.log(" Air Speed " + NewLevel + " OldLevel " + OldLevel + " SourceAttribute Die:" + SourceAttribute);
let AirSpeed = parseInt(NewLevel)||0;
if (AirSpeed < 0) {
AirSpeed = 0;
}
console.log(" Air Speed Tens " + Math.floor(AirSpeed/10) + " Air Speed Ones " + AirSpeed%10);
setAttrs({
air_speed_tens: Math.floor(AirSpeed/10), air_speed_ones: AirSpeed%10
});
});
// Change suppressDC alters isDC
on("change:suppressDC", function(eventInfo) {
let NewLevel = eventInfo.newValue;
let OldLevel = eventInfo.previousValue;
let SourceAttribute = eventInfo.sourceAttribute;
console.log(" suppressDC " + NewLevel + " OldLevel " + OldLevel + " SourceAttribute Die:" + SourceAttribute);
getAttrs(["isDC"], function(values) {
let isDC = values.isDC;
console.log(" isDC: " + isDC);
if (NewLevel == "0") {
isDC = "?{Difficulty|15}";
} else {
isDC = "15";
}
console.log(" suppressDC " + NewLevel + " isDC " + isDC);
setAttrs({
isDC: isDC
});
});
});
/* Clock Javascript */
var dialLines = document.getElementsByClassName('diallines');
var clockEl = document.getElementsByClassName('clock')[0];
for (var i = 1; i < 60; i++) {
clockEl.innerHTML += "<div class='diallines'></div>";
dialLines[i].style.transform = "rotate(" + 6 * i + "deg)";
}
function clock() {
var weekday = [
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
],
d = new Date(),
h = d.getHours(),
m = d.getMinutes(),
s = d.getSeconds(),
date = d.getDate(),
month = d.getMonth() + 1,
year = d.getFullYear(),
hDeg = h * 30 + m * (360/720),
mDeg = m * 6 + s * (360/3600),
sDeg = s * 6,
hEl = document.querySelector('.hour-hand'),
mEl = document.querySelector('.minute-hand'),
sEl = document.querySelector('.second-hand'),
dateEl = document.querySelector('.date'),
dayEl = document.querySelector('.day');
var day = weekday[d.getDay()];
if(month < 9) {
month = "0" + month;
}
hEl.style.transform = "rotate("+hDeg+"deg)";
mEl.style.transform = "rotate("+mDeg+"deg)";
sEl.style.transform = "rotate("+sDeg+"deg)";
dateEl.innerHTML = date+"/"+month+"/"+year;
dayEl.innerHTML = day;
}
setInterval("clock()", 100);
</script>
Reference in New Issue View Git Blame Copy Permalink