From cfee1bc6ce59e4c875471e44d71b8d16fe682b2b Mon Sep 17 00:00:00 2001 From: GorgonsGrimoireLLC Date: Thu, 19 Mar 2026 16:02:30 -0400 Subject: [PATCH] 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_Character_Sheet_v2.css | 299 +++++------------- .../Ghosts_of_Vietnam_Character_Sheet_v2.html | 168 ++++------ Ghosts of Vietnam/sheet.json | 8 + 3 files changed, 162 insertions(+), 313 deletions(-) create mode 100644 Ghosts of Vietnam/sheet.json diff --git a/Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.css b/Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.css index da9c4f4d62..60408ab719 100644 --- a/Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.css +++ b/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%; } } \ No newline at end of file diff --git a/Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.html b/Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.html index 764f3a657d..db631c009b 100644 --- a/Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.html +++ b/Ghosts of Vietnam/Ghosts_of_Vietnam_Character_Sheet_v2.html @@ -121,113 +121,81 @@
-
Ability Scores
+
Ability Scores
- - - - - - - - - - - - - - - - - - - +
-
- - - - - - - - - - - - - + +
+
Strength
+ + + + + + + +
- - - - - - - - - - - - - - - - + +
+
Dexterity
+ + + + +
+
- - - - - - - - - - - - - - + +
+
Constitution
+ + + + + +
+
- - - - - - - - - - + +
+
Intelligence
+ + + + +
+
- - - - - - - - - - - - - - + +
+
Wisdom
+ + +
+
- - - - - - - - - - -
StrengthTo Hit BonusDamage BonusWeight AllowMax PressBrute Force EntryDefeat Obstacles
DexterityReaction Adj.Ranged Attack BonusDefense Adj.
ConstitutionHit Point Adj.System ShockResurrection SurvivalPoison Save Bonus
Intelligence# LanguagesTechnical KnowledgeShock Adj.
WisdomResolve Adj.
CharismaMax HenchmenLoyalty Adj.Reaction Adj.
AppearanceReaction Adj.
-
+ +
+
Charisma
+ + + + +
+
+ + +
+
Appearance
+ + +
+
+ +
+
Armor
diff --git a/Ghosts of Vietnam/sheet.json b/Ghosts of Vietnam/sheet.json new file mode 100644 index 0000000000..fd93b7036c --- /dev/null +++ b/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." +} \ No newline at end of file