Table code removal/sheet.json addition

I removed the offending table code and replaced it with CSS grids. I also included the missing sheet.json.

Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.css

@@ -7,15 +7,15 @@
   color: #000;
 }
 
+/* GLOBAL RESET */
+
 .sheet-gvn,
-.sheet-gvn *,
-.sheet-gvn *:before,
-.sheet-gvn *:after {
+.sheet-gvn * {
   box-sizing: border-box;
   color: #000 !important;
 }
 
-/* BASE INPUTS */
+/* INPUTS */
 
 .sheet-gvn input,
 .sheet-gvn textarea,
@@ -29,10 +29,9 @@
 .sheet-gvn textarea,
 .sheet-gvn select {
   width: 100%;
-  max-width: 100%;
-  border: 1px solid #666;
+  border: 1px solid #555;
   background: #fff;
-  padding: 2px 4px;
+  padding: 3px 4px;
 }
 
 .sheet-gvn textarea {
@@ -40,6 +39,8 @@
   min-height: 60px;
 }
 
+/* LABELS */
+
 .sheet-gvn label {
   display: block;
   font-weight: bold;
@@ -52,9 +53,9 @@
 
 .sheet-title {
   text-align: center;
-  font-size: 28px;
+  font-size: 26px;
   font-weight: bold;
-  margin: 6px 0 10px 0;
+  margin: 6px 0 10px;
 }
 
 .sheet-subtitle {
@@ -81,29 +82,13 @@
   cursor: pointer;
 }
 
-.sheet-tab {
-  display: none;
-}
+.sheet-tab { display: none; }
 
-.sheet-gvn input[name="attr_sheetTab"][value="core"] ~ .sheet-core {
-  display: block;
-}
-
-.sheet-gvn input[name="attr_sheetTab"][value="equipment"] ~ .sheet-equipment {
-  display: block;
-}
-
-.sheet-gvn input[name="attr_sheetTab"][value="proficiencies"] ~ .sheet-proficiencies {
-  display: block;
-}
-
-.sheet-gvn input[name="attr_sheetTab"][value="command"] ~ .sheet-command {
-  display: block;
-}
-
-.sheet-gvn input[name="attr_sheetTab"][value="notes"] ~ .sheet-notes {
-  display: block;
-}
+.sheet-gvn input[name="attr_sheetTab"][value="core"] ~ .sheet-core { display: block; }
+.sheet-gvn input[name="attr_sheetTab"][value="equipment"] ~ .sheet-equipment { display: block; }
+.sheet-gvn input[name="attr_sheetTab"][value="proficiencies"] ~ .sheet-proficiencies { display: block; }
+.sheet-gvn input[name="attr_sheetTab"][value="command"] ~ .sheet-command { display: block; }
+.sheet-gvn input[name="attr_sheetTab"][value="notes"] ~ .sheet-notes { display: block; }
 
 /* SECTIONS */
 
@@ -119,53 +104,65 @@
 .sheet-grid {
   display: grid;
   gap: 5px;
-  align-items: start;
+  align-items: center;
 }
 
-.sheet-grid-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
+.sheet-grid-2 { grid-template-columns: repeat(2, 1fr); }
+.sheet-grid-3 { grid-template-columns: repeat(3, 1fr); }
+.sheet-grid-4 { grid-template-columns: repeat(4, 1fr); }
+.sheet-grid-5 { grid-template-columns: repeat(5, 1fr); }
+.sheet-grid-6 { grid-template-columns: repeat(6, 1fr); }
+.sheet-grid-7 { grid-template-columns: repeat(7, 1fr); }
+.sheet-grid-10 { grid-template-columns: repeat(10, 1fr); }
 
-.sheet-grid-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.sheet-grid-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.sheet-grid-5 {
-  grid-template-columns: repeat(5, minmax(0, 1fr));
-}
-
-.sheet-grid-6 {
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-}
-
-.sheet-grid-7 {
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-}
-
-.sheet-grid-10 {
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-}
+/* SPECIAL GRIDS */
 
 .sheet-grid-gov-weapons {
-  grid-template-columns: minmax(0, 2fr) minmax(0, .6fr) minmax(0, .6fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1fr) minmax(0, .8fr) minmax(0, .6fr);
+  grid-template-columns: 2fr .6fr .6fr .7fr .7fr 1fr .7fr .6fr;
 }
 
 .sheet-grid-armor {
-  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
+  grid-template-columns: 3fr 1fr;
 }
 
-/* ALIGNMENT IN GRID AREAS */
+.sheet-grid-equipment-gov {
+  grid-template-columns: 3fr .8fr;
+}
 
-.sheet-grid input:not([type="checkbox"]),
-.sheet-grid select {
+.sheet-grid-command-log {
+  grid-template-columns: 1fr 2fr .6fr;
+}
+
+/* ABILITY SCORES (GRID VERSION) */
+
+.sheet-ability-block {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.sheet-ability-row {
+  display: grid;
+  grid-template-columns: 110px repeat(7, 1fr);
+  gap: 2px;
+  align-items: center;
+}
+
+.sheet-ability-name {
+  font-weight: bold;
+  text-align: left;
+  padding-left: 4px;
+}
+
+/* ALIGN INPUTS */
+
+.sheet-grid input,
+.sheet-grid select,
+.sheet-ability-row input {
   text-align: center;
 }
 
-/* HEADER ROWS */
+/* HEADERS */
 
 .sheet-mount-header {
   font-weight: bold;
@@ -175,16 +172,15 @@
 }
 
 .sheet-mount-header div {
-  font-size: 11px;
+  font-size: 10px;
 }
 
-/* TWO COLUMN CORE LAYOUT */
+/* TWO COLUMN */
 
 .sheet-two-col {
   display: grid;
-  grid-template-columns: minmax(0, 2.15fr) minmax(280px, 1fr);
+  grid-template-columns: 2fr 1fr;
   gap: 10px;
-  align-items: start;
 }
 
 .sheet-maincol,
@@ -198,8 +194,10 @@
   gap: 10px;
 }
 
+/* FULL WIDTH */
+
 .sheet-fullwidth {
-  width: 100%;
+  grid-column: 1 / -1;
 }
 
 /* HP BOX */
@@ -207,156 +205,34 @@
 .sheet-hp-box {
   border: 2px solid #444;
   background: #f4f4f4;
-  padding: 5px;
+  padding: 4px;
 }
 
-.sheet-hp-box input:not([type="checkbox"]) {
+.sheet-hp-box input {
   text-align: center;
   font-size: 13px;
 }
 
-/* TABLES */
+/* RIGHT PANEL FIXES */
 
-.sheet-table {
-  width: 100%;
-  border-collapse: collapse;
-  table-layout: fixed;
-  background: #fdfdfd;
-}
-
-.sheet-table th,
-.sheet-table td {
-  border: 1px solid #555;
-  padding: 2px;
-  text-align: center;
-  vertical-align: middle;
-}
-
-.sheet-table th {
-  background: #d9d9d9;
-  font-weight: bold;
-  font-size: 11px;
-}
-
-.sheet-table input:not([type="checkbox"]) {
-  width: 100%;
-  max-width: 100%;
-  border: none;
-  background: transparent;
-  text-align: center;
-  padding: 1px 2px;
-  font-size: 11px;
-}
-
-/* RIGHT PANEL */
-
-.sheet-sidecol .sheet-grid-3 {
-  align-items: end;
-}
-
-.sheet-sidecol .sheet-grid-3 > div,
-.sheet-sidecol .sheet-grid-2 > div {
-  min-width: 0;
-}
-
-.sheet-sidecol .sheet-grid-3 input:not([type="checkbox"]) {
-  width: 58px;
-  max-width: 100%;
+.sheet-sidecol .sheet-grid-3 input,
+.sheet-sidecol .sheet-grid-2 input {
+  max-width: 80px;
   margin: 0 auto;
-  display: block;
-  padding: 2px 3px;
 }
 
-.sheet-sidecol .sheet-grid-2 input:not([type="checkbox"]) {
-  width: 90px;
-  max-width: 100%;
-  margin: 0 auto;
-  display: block;
-  padding: 2px 3px;
-}
-
-.sheet-sidecol .sheet-table {
-  font-size: 11px;
-}
-
-.sheet-sidecol .sheet-table td {
-  padding: 1px 2px;
-}
-
-.sheet-sidecol .sheet-table input:not([type="checkbox"]) {
-  width: 44px;
-  max-width: 100%;
-  margin: 0 auto;
-  display: block;
-  padding: 1px 2px;
-  font-size: 11px;
-}
+/* TEXT AREAS */
 
 .sheet-gvn textarea[name="attr_other_defenses"] {
   min-height: 100px;
-  max-height: 100px;
+  max-height: 120px;
 }
 
-/* WEAPONS SECTION */
-
-.sheet-grid-gov-weapons {
-  gap: 4px;
+.sheet-notes-area {
+  min-height: 450px;
 }
 
-.sheet-grid-gov-weapons input:not([type="checkbox"]) {
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  padding: 2px 3px;
-  font-size: 11px;
-}
-
-/* ROGUE ABILITIES */
-
-.sheet-grid-10 {
-  gap: 4px;
-}
-
-.sheet-grid-10 > div,
-.sheet-grid-7 > div {
-  min-width: 0;
-}
-
-.sheet-grid-10 label {
-  font-size: 10px;
-}
-
-.sheet-grid-10 input:not([type="checkbox"]),
-.sheet-grid-10 select {
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  padding: 2px 3px;
-  font-size: 10px;
-}
-
-.sheet-grid-10 input[type="checkbox"] {
-  width: auto;
-  display: block;
-  margin: 0 auto;
-}
-
-/* SAVING THROWS */
-
-.sheet-grid-7 {
-  gap: 4px;
-}
-
-.sheet-grid-7 input:not([type="checkbox"]) {
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  padding: 2px 3px;
-  font-size: 11px;
-  text-align: center;
-}
-
-/* REPEATING CONTROLS */
+/* REPEATING */
 
 .repcontrol {
   margin-top: 4px;
@@ -376,15 +252,10 @@
   margin-bottom: 4px;
 }
 
-/* NOTES */
-
-.sheet-notes-area {
-  min-height: 500px;
-}
-
 /* MOBILE */
 
 @media screen and (max-width: 1000px) {
+
   .sheet-two-col {
     grid-template-columns: 1fr;
   }
@@ -398,13 +269,15 @@
   .sheet-grid-3,
   .sheet-grid-2,
   .sheet-grid-gov-weapons,
-  .sheet-grid-armor {
+  .sheet-grid-armor,
+  .sheet-grid-equipment-gov,
+  .sheet-grid-command-log,
+  .sheet-ability-row {
     grid-template-columns: 1fr;
   }
 
-  .sheet-sidecol .sheet-grid-3 input:not([type="checkbox"]),
-  .sheet-sidecol .sheet-grid-2 input:not([type="checkbox"]),
-  .sheet-sidecol .sheet-table input:not([type="checkbox"]) {
-    width: 100%;
+  .sheet-sidecol .sheet-grid-3 input,
+  .sheet-sidecol .sheet-grid-2 input {
+    max-width: 100%;
   }
 }

Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.html

@@ -121,113 +121,81 @@
       <div class="sheet-maincol">
 
         <div class="sheet-section">
-          <div class="sheet-subtitle">Ability Scores</div>
+  <div class="sheet-subtitle">Ability Scores</div>
 
-          <table class="sheet-table">
-            <tr>
-              <th>Strength</th>
-              <th>To Hit Bonus</th>
-              <th>Damage Bonus</th>
-              <th>Weight Allow</th>
-              <th>Max Press</th>
-              <th>Brute Force Entry</th>
-              <th>Defeat Obstacles</th>
-            </tr>
-            <tr>
-              <td><input type="text" name="attr_strength"></td>
-              <td><input type="text" name="attr_str_to_hit_bonus"></td>
-              <td><input type="text" name="attr_str_damage_bonus"></td>
-              <td><input type="text" name="attr_str_weight_allowance"></td>
-              <td><input type="text" name="attr_str_max_press"></td>
-              <td><input type="text" name="attr_str_brute_force_entry"></td>
-              <td><input type="text" name="attr_str_defeat_obstacles"></td>
-            </tr>
+  <div class="sheet-ability-block">
 
-            <tr>
-              <th>Dexterity</th>
-              <th>Reaction Adj.</th>
-              <th>Ranged Attack Bonus</th>
-              <th>Defense Adj.</th>
-              <th colspan="3"></th>
-            </tr>
-            <tr>
-              <td><input type="text" name="attr_dexterity"></td>
-              <td><input type="text" name="attr_dex_reaction_adjustment"></td>
-              <td><input type="text" name="attr_dex_ranged_attack_bonus"></td>
-              <td><input type="text" name="attr_dex_defense_adjustment"></td>
-              <td colspan="3"></td>
-            </tr>
+    <!-- STRENGTH -->
+    <div class="sheet-ability-row">
+      <div class="sheet-ability-name">Strength</div>
+      <input type="text" name="attr_strength">
+      <input type="text" name="attr_str_to_hit_bonus">
+      <input type="text" name="attr_str_damage_bonus">
+      <input type="text" name="attr_str_weight_allowance">
+      <input type="text" name="attr_str_max_press">
+      <input type="text" name="attr_str_brute_force_entry">
+      <input type="text" name="attr_str_defeat_obstacles">
+    </div>
 
-            <tr>
-              <th>Constitution</th>
-              <th>Hit Point Adj.</th>
-              <th>System Shock</th>
-              <th>Resurrection Survival</th>
-              <th>Poison Save Bonus</th>
-              <th colspan="2"></th>
-            </tr>
-            <tr>
-              <td><input type="text" name="attr_constitution"></td>
-              <td><input type="text" name="attr_con_hit_point_adjustment"></td>
-              <td><input type="text" name="attr_con_system_shock"></td>
-              <td><input type="text" name="attr_con_resurrection_survival"></td>
-              <td><input type="text" name="attr_con_poison_save_bonus"></td>
-              <td colspan="2"></td>
-            </tr>
+    <!-- DEXTERITY -->
+    <div class="sheet-ability-row">
+      <div class="sheet-ability-name">Dexterity</div>
+      <input type="text" name="attr_dexterity">
+      <input type="text" name="attr_dex_reaction_adjustment">
+      <input type="text" name="attr_dex_ranged_attack_bonus">
+      <input type="text" name="attr_dex_defense_adjustment">
+      <div></div><div></div><div></div>
+    </div>
 
-            <tr>
-              <th>Intelligence</th>
-              <th># Languages</th>
-              <th>Technical Knowledge</th>
-              <th>Shock Adj.</th>
-              <th colspan="3"></th>
-            </tr>
-            <tr>
-              <td><input type="text" name="attr_intelligence"></td>
-              <td><input type="text" name="attr_int_languages"></td>
-              <td><input type="text" name="attr_int_technical_knowledge"></td>
-              <td><input type="text" name="attr_int_shock_adjustment"></td>
-              <td colspan="3"></td>
-            </tr>
+    <!-- CONSTITUTION -->
+    <div class="sheet-ability-row">
+      <div class="sheet-ability-name">Constitution</div>
+      <input type="text" name="attr_constitution">
+      <input type="text" name="attr_con_hit_point_adjustment">
+      <input type="text" name="attr_con_system_shock">
+      <input type="text" name="attr_con_resurrection_survival">
+      <input type="text" name="attr_con_poison_save_bonus">
+      <div></div><div></div>
+    </div>
 
-            <tr>
-              <th>Wisdom</th>
-              <th>Resolve Adj.</th>
-              <th colspan="5"></th>
-            </tr>
-            <tr>
-              <td><input type="text" name="attr_wisdom"></td>
-              <td><input type="text" name="attr_wis_resolve_adjustment"></td>
-              <td colspan="5"></td>
-            </tr>
+    <!-- INTELLIGENCE -->
+    <div class="sheet-ability-row">
+      <div class="sheet-ability-name">Intelligence</div>
+      <input type="text" name="attr_intelligence">
+      <input type="text" name="attr_int_languages">
+      <input type="text" name="attr_int_technical_knowledge">
+      <input type="text" name="attr_int_shock_adjustment">
+      <div></div><div></div><div></div>
+    </div>
 
-            <tr>
-              <th>Charisma</th>
-              <th>Max Henchmen</th>
-              <th>Loyalty Adj.</th>
-              <th>Reaction Adj.</th>
-              <th colspan="3"></th>
-            </tr>
-            <tr>
-              <td><input type="text" name="attr_charisma"></td>
-              <td><input type="text" name="attr_cha_max_henchmen"></td>
-              <td><input type="text" name="attr_cha_loyalty_adjustment"></td>
-              <td><input type="text" name="attr_cha_reaction_adjustment"></td>
-              <td colspan="3"></td>
-            </tr>
+    <!-- WISDOM -->
+    <div class="sheet-ability-row">
+      <div class="sheet-ability-name">Wisdom</div>
+      <input type="text" name="attr_wisdom">
+      <input type="text" name="attr_wis_resolve_adjustment">
+      <div></div><div></div><div></div><div></div><div></div>
+    </div>
 
-            <tr>
-              <th>Appearance</th>
-              <th>Reaction Adj.</th>
-              <th colspan="5"></th>
-            </tr>
-            <tr>
-              <td><input type="text" name="attr_appearance"></td>
-              <td><input type="text" name="attr_app_reaction_adjustment"></td>
-              <td colspan="5"></td>
-            </tr>
-          </table>
-        </div>
+    <!-- CHARISMA -->
+    <div class="sheet-ability-row">
+      <div class="sheet-ability-name">Charisma</div>
+      <input type="text" name="attr_charisma">
+      <input type="text" name="attr_cha_max_henchmen">
+      <input type="text" name="attr_cha_loyalty_adjustment">
+      <input type="text" name="attr_cha_reaction_adjustment">
+      <div></div><div></div><div></div>
+    </div>
+
+    <!-- APPEARANCE -->
+    <div class="sheet-ability-row">
+      <div class="sheet-ability-name">Appearance</div>
+      <input type="text" name="attr_appearance">
+      <input type="text" name="attr_app_reaction_adjustment">
+      <div></div><div></div><div></div><div></div><div></div>
+    </div>
+
+  </div>
+</div>
 
         <div class="sheet-section">
           <div class="sheet-subtitle">Armor</div>

Ghosts of Vietnam/sheet.json

@@ -0,0 +1,8 @@
+{    
+    "html": "Ghosts_of_Vietnam_Character_Sheet_v2.html",
+    "css": "Ghosts_of_Vietnam_Character_Sheet_v2.css",
+    "authors": "Richard L. Littles",
+    "roll20userid": "17745109",
+    "preview": "Roll20 GOV Character Sheet.jpg",
+    "instructions": "A fully functional character sheet for Ghosts of Vietnam."
+}