Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Doctor Who 2e] Bugfix: Dark Mode and input border radius

Browse Source 
User requested fix for Dark Mode issues with textareas and selects. While in the code, problems with border-radius were noticed and corrected.
This commit is contained in:
William Barker
2026-04-08 21:34:29 -04:00
parent e0ef5a732c
commit f2eb2fe6b2
2 changed files with 46 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Doctor Who 2e/DoctorWho2e.css
+1 -1
View File
@@ -4,7 +4,7 @@
opacity: 1.0;
min-width: 822px;
max-width: 826px;
height: 1300px;
height: 1320px;
}
.sheet-clipPhoto {
Doctor Who 2e/DoctorWho2e.html
+45 -45
View File
@@ -31,23 +31,23 @@
<div style="display: inline-block; vertical-align: top;">
<div style="display: inline-block; vertical-align: top; width: 224px; height: 284px; margin: -154px 0px 0px 6px; padding-left: 0px;">
<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="characterName-u">CHARACTER NAME</label>
<input type="text" spellcheck="false" name="attr_character_name" style="width: 226px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" spellcheck="false" name="attr_character_name" style="width: 226px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border-radius: 0; border: 0; border-bottom: 2px solid Black;" />
<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="concept-u">CONCEPT</label>
<input type="text" spellcheck="false" name="attr_concept" style="width: 226px; height: 28px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;" />
<input type="text" spellcheck="false" name="attr_concept" style="width: 226px; height: 28px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent; border-bottom: 2px solid Black;" />
<input type="text" spellcheck="false" name="attr_concept" style="width: 226px; height: 28px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0;" />
<input type="text" spellcheck="false" name="attr_concept" style="width: 226px; height: 28px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="focus-u">FOCUS</label>
<input type="text" spellcheck="false" name="attr_focus" style="width: 226px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" spellcheck="false" name="attr_focus" style="width: 226px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="display: inline-block; vertical-align: top;width: 146px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="homeworld-u">HOMEWORLD</label>
<label style="display: inline-block; vertical-align: top;width: 64px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="techLevel-u">TECH LEVEL</label>
<input type="text" spellcheck="false" name="attr_homeworld" style="display: inline-block; vertical-align: top;width: 150px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" name="attr_techLevel" style="display: inline-block; vertical-align: top;width: 62px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" spellcheck="false" name="attr_homeworld" style="display: inline-block; vertical-align: top;width: 150px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<input type="text" name="attr_techLevel" style="display: inline-block; vertical-align: top;width: 62px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="display: inline-block; vertical-align: top; width: 290px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="short-termGoal-u">SHORT-TERM GOAL</label>
<input type="text" spellcheck="false" name="attr_shortTerm" style="display: inline-block; vertical-align: top; width: 295px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" spellcheck="false" name="attr_shortTerm" style="display: inline-block; vertical-align: top; width: 295px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="display: inline-block; vertical-align: top;width: 304px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="long-termGoal-u">LONG-TERM GOAL</label>
<input type="text" spellcheck="false" name="attr_longTerm" style="display: inline-block; vertical-align: top; width: 304px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;;" />
<input type="text" spellcheck="false" name="attr_longTerm" style="display: inline-block; vertical-align: top; width: 304px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0;" />
</div>
</div>
@@ -56,12 +56,12 @@
<div style="display: inline-block; vertical-align: top; width: 104px; height: 94px; margin: 50px 0px 0px 110px; padding-left: 0px; border: 0px solid Red;">
<label style="display: inline-block; vertical-align: top; width: 104px; height: 20px; color: Black; font-weight: bold; font-size: 20px; text-align: center; margin: 2px 0px 0px 4px; padding: 0px 1px 0px 0px;" data-i18n="story-u">STORY</label>
<label style="display: inline-block; vertical-align: top; width: 104px; height: 20px; color: Black; font-weight: bold; font-size: 20px; text-align: center; margin: 2px 0px 0px 4px; padding: 0px 1px 0px 0px;" data-i18n="points-u">POINTS</label>
<input type="number" name="attr_storyPoints" style="width: 104px; height: 52px; font-weight: bold; font-size: 36px; text-align: center; background-color: transparent; border: 0px solid transparent; margin: 2px 2px 2px 12px;" min=0 value=12 />
<input type="number" name="attr_storyPoints" style="width: 104px; height: 52px; font-weight: bold; font-size: 36px; color: DimGray; text-align: center; background-color: transparent; border: 0; border-radius: 0; margin: 2px 2px 2px 12px;" min=0 value=12 />
</div>
<!-- Distinctions -->
<div style="display: inline-block; vertical-align: top; width: 228px; height: 280px; margin: -154px 0px 0px 112px;">
<label style="width: 230px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="distinctions-u">DISTINCTIONS</label>
<textarea name="attr_distinctions" cols=120 rows=12 style="width: 226px; height: 250px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 8px; padding: 0px 3px 0px 3px;" placeholder="Critical Distinctions"></textarea>
<textarea name="attr_distinctions" cols=120 rows=12 style="width: 226px; height: 250px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 8px; padding: 0px 3px 0px 3px;" placeholder="Critical Distinctions"></textarea>
</div>
<!-- Attributes and Skills -->
<div style="display: inline-block; vertical-align: top; width: 388px; height: 588px; margin: 10px 6px 0px 6px; padding-left: 0px;">
@@ -211,17 +211,17 @@
<!-- Experiences -->
<div style="display: inline-block; vertical-align: top; width: 380px; height: 218px; margin: 10px 6px 0px 14px; padding-left: 0px;">
<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="experiences-u">EXPERIENCES</label>
<textarea name="attr_experiences" spellcheck="false" cols=120 rows=12 style="width: 372px; height: 180px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 10px; padding: 0px 3px 0px 3px;" placeholder="Notable Experiences"></textarea>
<textarea name="attr_experiences" spellcheck="false" cols=120 rows=12 style="width: 372px; height: 180px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 10px; padding: 0px 3px 0px 3px;" placeholder="Notable Experiences"></textarea>
</div>
<!-- Equipment -->
<div style="display: inline-block; vertical-align: top; width: 380px; height: 176px; margin: -346px 6px 0px 414px; padding-left: 0px;">
<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="equipment-u">EQUIPMENT</label>
<textarea name="attr_equipment" cols=120 rows=12 spellcheck="false" style="width: 372px; height: 142px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Important Equipment"></textarea>
<textarea name="attr_equipment" cols=120 rows=12 spellcheck="false" style="width: 372px; height: 142px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Important Equipment"></textarea>
</div>
<!-- Conditions -->
<div style="display: inline-block; vertical-align: top; width: 380px; height: 140px; margin: -166px 6px 0px 414px; padding-left: 0px;">
<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="conditions-u">CONDITIONS</label>
<textarea name="attr_conditions" cols=120 rows=12 spellcheck="false" style="width: 372px; height: 110px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Abnormal Conditions"></textarea>
<textarea name="attr_conditions" cols=120 rows=12 spellcheck="false" style="width: 372px; height: 110px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Abnormal Conditions"></textarea>
</div>
<!-- Rolls -->
@@ -241,7 +241,7 @@
<div class="dicepool">
<input type='hidden' name='attr_dicepool1Title' value="Attribute+Skill Roll1a">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt1">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAtt1">
<option value="0" selected></option>
<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -250,7 +250,7 @@
<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi1">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi1">
<option value="0" selected></option>
<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -274,7 +274,7 @@
<div class="dicepool">
<input type='hidden' name='attr_dicepool2Title' value="Attribute+Skill Roll2">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt2">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray" name="attr_DPAtt2">
<option value="0" selected></option>
<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -283,7 +283,7 @@
<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi2">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi2">
<option value="0" selected></option>
<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -306,7 +306,7 @@
</div>
<div class="dicepool">
<input type='hidden' name='attr_dicepool3Title' value="Attribute+Skill Roll3">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt3">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAtt3">
<option value="0" selected></option>
<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -315,7 +315,7 @@
<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi3">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi3">
<option value="0" selected></option>
<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -338,7 +338,7 @@
</div>
<div class="dicepool">
<input type='hidden' name='attr_dicepool4Title' value="Attribute+Skill Roll4">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt4">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAtt4">
<option value="0" selected></option>
<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -347,7 +347,7 @@
<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi4">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi4">
<option value="0" selected></option>
<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -372,7 +372,7 @@
<div class="dicepool">
<fieldset class="repeating_roll">
<input type='hidden' name='attr_dicepoolTitle' value="Attribute+Skill Roll">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAtt">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAtt">
<option value="0" selected></option>
<option value="@{awareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{coordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -381,7 +381,7 @@
<option value="@{resolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{strength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_DPAbi">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_DPAbi">
<option value="0" selected></option>
<option value="@{athletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{conflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -448,22 +448,22 @@
<div style="display: inline-block; vertical-align: top;">
<div style="display: inline-block; vertical-align: top; width: 224px; height: 284px; margin: -154px 0px 0px 6px; padding-left: 0px;">
<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="deviceName-u">DEVICE NAME</label>
<input type="text" name="attr_TMcharacter_name" spellcheck="false" style="width: 226px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" name="attr_TMcharacter_name" spellcheck="false" style="width: 226px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" spellcheck="false" data-i18n="concept-u">CONCEPT</label>
<input type="text" name="attr_TMconcept" spellcheck="false" style="width: 226px; height: 60px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" name="attr_TMconcept" spellcheck="false" style="width: 226px; height: 60px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="width: 230px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" spellcheck="false" data-i18n="focus-u">FOCUS</label>
<input type="text" name="attr_TMfocus" spellcheck="false" style="width: 226px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" name="attr_TMfocus" spellcheck="false" style="width: 226px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="display: inline-block; vertical-align: top;width: 146px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="homeworld-u">HOMEWORLD</label>
<label style="display: inline-block; vertical-align: top;width: 64px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="techLevel-u">TECH LEVEL</label>
<input type="text" name="attr_TMhomeworld" spellcheck="false" style="display: inline-block; vertical-align: top;width: 150px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" name="attr_TMtechLevel" style="display: inline-block; vertical-align: top;width: 62px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" name="attr_TMhomeworld" spellcheck="false" style="display: inline-block; vertical-align: top;width: 150px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<input type="text" name="attr_TMtechLevel" style="display: inline-block; vertical-align: top;width: 62px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="display: inline-block; vertical-align: top; width: 290px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="short-termGoal-u">SHORT-TERM GOAL</label>
<input type="text" name="attr_TMshortTerm" spellcheck="false" style="display: inline-block; vertical-align: top; width: 295px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;; border-bottom: 2px solid Black;" />
<input type="text" name="attr_TMshortTerm" spellcheck="false" style="display: inline-block; vertical-align: top; width: 295px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0; border-bottom: 2px solid Black;" />
<label style="display: inline-block; vertical-align: top;width: 304px; font-weight: bold; font-size: 10px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px;" data-i18n="long-termGoal-u">LONG-TERM GOAL</label>
<input type="text" name="attr_TMlongTerm" spellcheck="false" style="display: inline-block; vertical-align: top; width: 304px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0px solid transparent;;" />
<input type="text" name="attr_TMlongTerm" spellcheck="false" style="display: inline-block; vertical-align: top; width: 304px; height: 20px; font-weight: bold; font-size: 16px; text-align: center; margin: 0px 1px 0px 2px; border: 0; border-radius: 0;" />
</div>
</div>
@@ -471,13 +471,13 @@
<div style="display: inline-block; vertical-align: top; width: 104px; height: 94px; margin: 50px 0px 0px 110px; padding-left: 0px; border: 0px solid Red;">
<label style="display: inline-block; vertical-align: top; width: 104px; height: 20px; color: Black; font-weight: bold; font-size: 20px; text-align: center; margin: 2px 0px 0px 4px; padding: 0px 1px 0px 0px;" data-i18n="story-u">STORY</label>
<label style="display: inline-block; vertical-align: top; width: 104px; height: 20px; color: Black; font-weight: bold; font-size: 20px; text-align: center; margin: 2px 0px 0px 4px; padding: 0px 1px 0px 0px;" data-i18n="points-u">POINTS</label>
<input type="number" name="attr_TMstoryPoints" style="width: 104px; height: 52px; font-weight: bold; font-size: 36px; text-align: center; background-color: transparent; border: 0px solid transparent; margin: 2px 2px 2px 12px;" min=0 value=12 />
<input type="number" name="attr_TMstoryPoints" style="width: 104px; height: 52px; font-weight: bold; color: DimGray; font-size: 36px; text-align: center; background-color: transparent; border: 0; border-radius: 0; margin: 2px 2px 2px 12px;" min=0 value=12 />
</div>
<!-- Distinctions -->
<div style="display: inline-block; vertical-align: top; width: 228px; height: 280px; margin: -154px 0px 0px 112px;">
<label style="width: 230px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="distinctions-u">DISTINCTIONS</label>
<textarea name="attr_TMdistinctions" cols=120 rows=12 style="width: 226px; height: 250px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 8px; padding: 0px 3px 0px 3px;" placeholder="Critical Distinctions"></textarea>
<textarea name="attr_TMdistinctions" cols=120 rows=12 style="width: 226px; height: 250px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 8px; padding: 0px 3px 0px 3px;" placeholder="Critical Distinctions"></textarea>
</div>
<!-- Attributes and Skills -->
<div style="display: inline-block; vertical-align: top; width: 380px; height: 580px; margin: 10px 6px 0px 6px; padding-left: 0px;">
@@ -614,17 +614,17 @@
<!-- Experiences -->
<div style="display: inline-block; vertical-align: top; width: 380px; height: 218px; margin: 10px 6px 0px 14px; padding-left: 0px;">
<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="experiences-u">EXPERIENCES</label>
<textarea name="attr_TMexperiences" cols=120 rows=12 style="width: 372px; height: 180px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 10px; padding: 0px 3px 0px 3px;" placeholder="Notable Experiences"></textarea>
<textarea name="attr_TMexperiences" cols=120 rows=12 style="width: 372px; height: 180px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 10px; padding: 0px 3px 0px 3px;" placeholder="Notable Experiences"></textarea>
</div>
<!-- Equipment -->
<div style="display: inline-block; vertical-align: top; width: 380px; height: 176px; margin: -346px 6px 0px 414px; padding-left: 0px;">
<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="equipment-u">EQUIPMENT</label>
<textarea name="attr_TMequipment" cols=120 rows=12 style="width: 372px; height: 142px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Important Equipment"></textarea>
<textarea name="attr_TMequipment" cols=120 rows=12 style="width: 372px; height: 142px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Important Equipment"></textarea>
</div>
<!-- Conditions -->
<div style="display: inline-block; vertical-align: top; width: 380px; height: 140px; margin: -166px 6px 0px 414px; padding-left: 0px;">
<label style="width: 380px; font-weight: bold; font-size: 22px; text-align: center; margin: 8px 0px 0px 0px; padding: 0px 1px 0px 0px; " data-i18n="conditions-u">CONDITIONS</label>
<textarea name="attr_TMconditions" cols=120 rows=12 style="width: 372px; height: 110px; font-weight: bold; font-size: 16px; text-align: center; border: 0px solid transparent; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Abnormal Conditions"></textarea>
<textarea name="attr_TMconditions" cols=120 rows=12 style="width: 372px; height: 110px; font-weight: bold; font-size: 16px; color: DimGray; text-align: center; border: 0; border-radius: 0; margin: 8px 0px 0px 6px; padding: 0px 3px 0px 3px;" placeholder="Abnormal Conditions"></textarea>
</div>
<!-- Rolls -->
@@ -643,7 +643,7 @@
<div class="dicepool">
<input type='hidden' name='attr_TMdicepool1Title' value="Attribute+Skill Roll1a">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt1">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt1">
<option value="0" selected></option>
<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -652,7 +652,7 @@
<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi1">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi1">
<option value="0" selected></option>
<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -681,7 +681,7 @@
<div class="dicepool">
<input type='hidden' name='attr_TMdicepool2Title' value="Attribute+Skill Roll2">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt2">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt2">
<option value="0" selected></option>
<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -690,7 +690,7 @@
<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi2">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi2">
<option value="0" selected></option>
<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -718,7 +718,7 @@
</div>
<div class="dicepool">
<input type='hidden' name='attr_TMdicepool3Title' value="Attribute+Skill Roll3">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt3">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt3">
<option value="0" selected></option>
<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -727,7 +727,7 @@
<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi3">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi3">
<option value="0" selected></option>
<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -754,7 +754,7 @@
</div>
<div class="dicepool">
<input type='hidden' name='attr_TMdicepool4Title' value="Attribute+Skill Roll4">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt4">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt4">
<option value="0" selected></option>
<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -763,7 +763,7 @@
<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi4">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi4">
<option value="0" selected></option>
<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>
@@ -792,7 +792,7 @@
<div class="dicepool">
<fieldset class="repeating_tmroll">
<input type='hidden' name='attr_TMdicepoolTitle' value="Attribute+Skill Roll">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAtt">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAtt">
<option value="0" selected></option>
<option value="@{TMawareness}" data-i18n="awareness-u">AWARENESS</option>
<option value="@{TMcoordination}" data-i18n="coordination-u">COORDINATION</option>
@@ -801,7 +801,7 @@
<option value="@{TMresolve}" data-i18n="resolve-u">RESOLVE</option>
<option value="@{TMstrength}" data-i18n="strength-u">STRENGTH</option>
</select>
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center;" name="attr_TMDPAbi">
<select style="display: inline-block; vertical-align: top; width: 150px; text-align: center; color: DimGray;" name="attr_TMDPAbi">
<option value="0" selected></option>
<option value="@{TMathletics}" data-i18n="athletics-u">ATHLETICS</option>
<option value="@{TMconflict}" data-i18n="conflict-u">CONFLICT</option>