+
NPC SHIP y
Armor Class t INIT
Hit Points
Speed
Saving Throws Str Dex Con Int Wis Cha
Skills Acrobatics Astrophysics Athletics Computers Deception Insight Intimidation Investigation Lore Mechanics Medicine Perception Performance Persuasion Sleight of Hand Stealth Survival Xenobiology
Damage Vulnerabilities
Damage Resistances
Damage Immunities
Condition Immunities
Senses
Languages
Challenge
y
Armor Class t INIT
Maneuver Defense
Hull Points
Structural Integrity
Speed
P-DEX
P-WIS
T-INT
T-WIS
G-DEX
G-WIS
Piloting Bonus
t PILOT Maneuver Save DC
Saving Throws Str Dex Con Int Wis Cha
Skills Astrophysics Athletics Computers Deception Insight Intimidation Investigation Lore Mechanics Medicine Perception Performance Persuasion Sleight of Hand Stealth Survival Xenobiology
Damage Vulnerabilities
Damage Resistances
Damage Immunities
Condition Immunities
Sensor Range
CORE GEAR & BIO POWERS
PC STARSHIP
PASSIVE WISDOM (PERCEPTION)
OTHER PROFICIENCIES & LANGUAGES
Looking for missing data? Your data is in the simple version that can be re-enabled from the Settings tab of the character sheet. Under GENERAL OPTIONS and then FEATS & TRAITS. Set the section to be 'Simple'.
CORE GEAR & BIO POWERS
PC STARSHIP
AGE
SIZE
HEIGHT
WEIGHT
ALIGNMENT
CHARACTER APPEARANCE
PERSONALITY TRAITS
IDEALS
BONDS
FLAWS
CHARACTER HISTORY
CORE GEAR & BIO POWERS
PC STARSHIP
NONE STRENGTH DEXTERITY CONSTITUTION INTELLIGENCE WISDOM CHARISMA ESPER ABILITY
POWER SAVE DC
POWER ATTACK BONUS
SLOTS TOTAL SLOTS REMAINING ACCEPTING DROP FROM COMPENDIUM
Are you sure you want to turn this character into a ? How do you want to create this character?
@@ -5736,84 +1171,650 @@
{{/r20}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/Esper_Genesis_5E/EG_Sheet.pug b/Esper_Genesis_5E/EG_Sheet.pug
index cffbe6421b..9bd9afc417 100644
--- a/Esper_Genesis_5E/EG_Sheet.pug
+++ b/Esper_Genesis_5E/EG_Sheet.pug
@@ -13,7 +13,7 @@
include src/mixins/mixins.pug
-input(name='attr_version' type='hidden' value!='3.0')
+input(name='attr_version' type='hidden' value!='4.2')
input.monster_confirm_flag(name='attr_monster_confirm_flag' type='hidden')
input.mancer_confirm_flag(name='attr_mancer_confirm_flag' type='hidden')
input.licensedsheet(name='attr_licensedsheet' type='hidden')
@@ -23,22 +23,23 @@ input.licensedsheet(name='attr_licensedsheet' type='hidden')
input.npcspellcastingflag(name='attr_npcspellcastingflag' type='hidden' value!='0')
input.sheet-pc-type(name='attr_pc_sheet_type' type='hidden' value='pc')
input.npcspellcastingflag(name='attr_npcspellcastingflag' type='hidden')
- input.toggleflag(name='attr_rtype' type='hidden')
- .advantagetoggle
- input.toggle-left(type='radio' name='attr_advantagetoggle' value!='{{query=1}} {{advantage=1}} {{r2=[[@{d20}')
- span(data-i18n='adv-u') ADVANTAGE
- input.toggle-center(type='radio' name='attr_advantagetoggle' value!='{{query=1}} {{normal=1}} {{r2=[[0d20' checked='checked')
- span(data-i18n='norm-u') NORMAL
- input.toggle-right(type='radio' name='attr_advantagetoggle' value!='{{query=1}} {{disadvantage=1}} {{r2=[[@{d20}')
- span(data-i18n='disadv-u') DISADVANTAGE
- input.toggleflag(name='attr_wtype' type='hidden')
- .advantagetoggle.whispertoggle
- input.toggle-left(name='attr_whispertoggle' type='radio' value!='' checked='checked')
- span(data-i18n='public:-u') PUBLIC
- input.toggle-right(name='attr_whispertoggle' type='radio' value!='/w gm ')
- span(data-i18n='to-gm:-u')
- | TO
- span.togm GM
+ .top-bar
+ input.toggleflag(name='attr_rtype' type='hidden')
+ .advantagetoggle
+ input.toggle-left(type='radio' id='adv-toggle-adv' name='attr_advantagetoggle' value!='{{query=1}} {{advantage=1}} {{r2=[[@{d20}')
+ label(for='adv-toggle-adv' data-i18n='adv-u') ADVANTAGE
+ input.toggle-center(type='radio' id='adv-toggle-norm' name='attr_advantagetoggle' value!='{{query=1}} {{normal=1}} {{r2=[[0d20' checked='checked')
+ label(for='adv-toggle-norm' data-i18n='norm-u') NORMAL
+ input.toggle-right(type='radio' id='adv-toggle-disadv' name='attr_advantagetoggle' value!='{{query=1}} {{disadvantage=1}} {{r2=[[@{d20}')
+ label(for='adv-toggle-disadv' data-i18n='disadv-u') DISADVANTAGE
+ input.toggleflag(name='attr_wtype' type='hidden')
+ .advantagetoggle.whispertoggle
+ input.toggle-left(id='whisper-toggle-pub' name='attr_whispertoggle' type='radio' value!='' checked='checked')
+ label(for='whisper-toggle-pub' data-i18n='public:-u') PUBLIC
+ input.toggle-right(id='whisper-toggle-gm' name='attr_whispertoggle' type='radio' value!='/w gm ')
+ label(for='whisper-toggle-gm' data-i18n='to-gm:-u') WHISPER
+ input.npc-mode-mirror(type='checkbox' name='attr_npc' value='1')
+ label.settings-modal-btn(for='settings-modal-toggle') ⚙ SHEET SETTINGS
include src/npc/npc.pug
.container.pc
@@ -69,10 +70,9 @@ input.licensedsheet(name='attr_licensedsheet' type='hidden')
.mancer_confirm
span(style='line-height: 25px' data-i18n='do_you_want_mancer') How do you want to create this character?
div(style='margin-top: 20px;')
- //
- div(style='position: relative; display: inline-block; width:130px;')
- input.yes(type='checkbox' style='width:130px;' name='attr_mancer_confirm')
- span.yes(style='width:130px;' data-i18n='mancer-confirm-yes') Use the Charactermancer
+ div(style='position: relative; display: inline-block; width:130px;')
+ input.yes(type='checkbox' style='width:130px;' name='attr_mancer_confirm')
+ span.yes(style='width:130px;' data-i18n='mancer-confirm-yes') Use the Charactermancer
div(style='position: relative; display: inline-block; width:80px;')
input.yes(style='width:80px;' type='checkbox' name='attr_mancer_npc')
span.yes(style='width:80px;' data-i18n='npc-new') Create an NPC
@@ -84,13 +84,13 @@ input.licensedsheet(name='attr_licensedsheet' type='hidden')
include src/rolltemplates/rolltemplates.html
//- CHARACTERMANCER REPEATING SECTIONS
- include src/charactermancer/repeating/repeatingsections.html
+include src/charactermancer/repeating/repeatingsections.html
//- CHARACTERMANCER LEVEL 1
- include src/charactermancer/l1/l1.pug
+include src/charactermancer/l1/l1.pug
//- CHARACTERMANCER LEVEL UP
- include src/charactermancer/lp/lp.pug
+include src/charactermancer/lp/lp.pug
//- HIDDEN INPUTS
include src/hiddeninputs/hiddeninputs.pug
diff --git a/Esper_Genesis_5E/EG_Sheet.sass b/Esper_Genesis_5E/EG_Sheet.sass
index 6ac492692a..14dc3036c6 100644
--- a/Esper_Genesis_5E/EG_Sheet.sass
+++ b/Esper_Genesis_5E/EG_Sheet.sass
@@ -1,3 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;700&family=Noto+Sans:wght@400;700&display=swap')
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=arrow_upload_ready,expand_more,settings,star_shine')
+
/* Esper Genesis Character Sheet
.sheet-pc, .sheet-npc
@@ -8,15 +11,23 @@
display: block
.sheet-container
- width: 750px
+ width: 860px
background-color: white
position: relative
+// All page/type tab inputs — hidden; CSS ~ combinator still reaches sibling elements
+input[type=radio].sheet-tab-button.sheet-core,
+input[type=radio].sheet-tab-button.sheet-bio,
+input[type=radio].sheet-tab-button.sheet-spells,
+input[type=radio].sheet-tab-button.sheet-type-pc,
+input[type=radio].sheet-tab-button.sheet-type-starship
+ display: none
+
input[type=radio]
&.sheet-tab-button
opacity: 0
position: absolute
- top: 92px
+ top: 290px
right: 0px
width: 18px
height: 18px
@@ -24,16 +35,18 @@ input[type=radio]
+ span
position: absolute
- top: 92px
+ top: 290px
right: 0px
width: 17px
- height: 17px
+ height: 18px
border: 1px solid black
border-radius: 5px
background-color: #E8E8E8
color: black
text-align: center
font-weight: bold
+ font-family: 'Noto Sans', sans-serif
+ padding: 0.5px
&.sheet-npc-button
opacity: 0
@@ -49,112 +62,92 @@ input[type=radio]
top: 5px
right: 0px
width: 17px
- height: 17px
+ height: 18px
border: 1px solid black
border-radius: 5px
background-color: #E8E8E8
color: black
text-align: center
font-weight: bold
+ font-family: 'Noto Sans', sans-serif
+ padding: 0.5px
+// Top bar — document-flow row for toggle groups + settings button
+.sheet-top-bar
+ display: flex
+ align-items: center
+ width: 860px
+ min-height: 28px
+ padding: 3px 5px
+ box-sizing: border-box
+ gap: 8px
+
+// Toggle groups — hidden by default, shown as flex row when enabled in settings
.sheet-advantagetoggle
position: absolute
- top: 92px
- left: 440px
- z-index: 1
-
- input[type=radio]
- opacity: 0
- position: absolute
- top: 0px
- right: 0px
- width: 18px
- height: 18px
- z-index: 2
-
- + span
- position: absolute
- top: 0px
- right: 0px
- width: 17px
- height: 17px
- border: 1px solid black
- border-radius: 5px
- background-color: #E8E8E8
- color: black
- text-align: center
- font-weight: bold
-
- &:checked + span
- color: #FFFFFF
- background-color: #00ba73
-
-input[type=radio].sheet-tab-button:checked + span, .sheet-advantagetoggle input[type=radio]:checked + span, input[type=radio].sheet-npc-button:checked + span
- color: #FFFFFF
- background-color: #00ba73
-
-.sheet-advantagetoggle input
- &.sheet-toggle-left
- right: 181px
- width: 90px
-
- + span
- right: 181px
- width: 90px
-
- &.sheet-toggle-center
- right: 113px
- width: 65px
-
- + span
- right: 113px
- width: 65px
-
- &.sheet-toggle-right
- right: 0px
- width: 110px
-
- + span
- right: 0px
- width: 110px
+ top: 3px
+ left: 160px
+ display: none
+ align-items: center
+ gap: 3px
+ z-index: 3
.sheet-whispertoggle
- left: 150px
-
-.sheet-advantagetoggle.sheet-whispertoggle input
- &.sheet-toggle-right
- width: 50px
-
- + span
- width: 50px
-
- &.sheet-toggle-left
- right: 54px
- width: 55px
-
- + span
- right: 54px
- width: 55px
-
-.sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle
- top: -10px
- left: 390px
-
- &.sheet-whispertoggle
- top: -10px
- left: 120px
-
-.sheet-advantagetoggle
- display: none
+ left: 5px
.sheet-toggleflag
&[value*="advantagetoggle"] + .sheet-advantagetoggle, &[value*="whispertoggle"] + .sheet-whispertoggle
- display: block
+ display: flex
&[value="1"] +
.sheet-hidden, .sheet-row.sheet-hidden
display: block
+// Radio inputs hidden — label handles clicks
+.sheet-advantagetoggle input[type=radio]
+ display: none
+
+// Toggle button labels
+.sheet-advantagetoggle input[type=radio] + label
+ border: 1px solid #ab8b57
+ border-radius: 5px
+ background-color: #e8e8e8
+ color: #333
+ text-align: center
+ font-weight: bold
+ font-size: 11px
+ padding: 3px 10px
+ cursor: pointer
+ white-space: nowrap
+
+// Active toggle button
+.sheet-advantagetoggle input[type=radio]:checked + label
+ color: #fff
+ background-color: #ab8b57
+ border-color: #ab8b57
+
+// Keep npc-button active style
+input[type=radio].sheet-npc-button:checked + span
+ color: #FFFFFF
+ background-color: #00ba73
+
+// NPC mode — restyle toggle labels to text-only nav
+.sheet-npc_toggle[value="1"] ~ .sheet-top-bar .sheet-advantagetoggle input[type=radio] + label
+ text-transform: lowercase
+ font-variant: small-caps
+ font-weight: normal
+ background: transparent
+ border: none
+
+.sheet-npc_toggle[value="1"] ~ .sheet-top-bar .sheet-advantagetoggle input[type=radio] + label:first-letter,
+.sheet-npc_toggle[value="1"] ~ .sheet-top-bar .sheet-advantagetoggle input[type=radio] + label .sheet-togm
+ text-transform: uppercase
+
+.sheet-npc_toggle[value="1"] ~ .sheet-top-bar .sheet-advantagetoggle input[type=radio]:checked + label
+ font-weight: bold
+ color: #245485
+ background: transparent
+
.sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc
display: block
visibility: hidden
@@ -175,7 +168,7 @@ input[type=radio].sheet-tab-button:checked + span, .sheet-advantagetoggle input[
display: block
- &.sheet-core, &.sheet-bio, &.sheet-options
+ &.sheet-core, &.sheet-bio
display: none
&.sheet-spells .sheet-body
@@ -184,30 +177,15 @@ input[type=radio].sheet-tab-button:checked + span, .sheet-advantagetoggle input[
.sheet-col
//display: block
-.sheet-hidden, .sheet-options .sheet-row.sheet-hidden
+.sheet-hidden, .sheet-options .sheet-row.sheet-hidden, .sheet-settings-modal-body .sheet-row.sheet-hidden
display: none
-.sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio]
- + span
- text-transform: lowercase
- font-variant: small-caps
- font-weight: normal
- background: transparent
- border: none
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
-
- &:first-letter, > span.togm
- text-transform: uppercase
-
- &:checked + span
- font-weight: bold
- color: #245485
.sheet-page
display: none
input[type=radio].sheet-tab-button
- &.sheet-core:checked ~ .sheet-page.sheet-core, &.sheet-bio:checked ~ .sheet-page.sheet-bio, &.sheet-spells:checked ~ .sheet-page.sheet-spells, &.sheet-options:checked ~ .sheet-page.sheet-options
+ &.sheet-core:checked ~ .sheet-page.sheet-core, &.sheet-bio:checked ~ .sheet-page.sheet-bio, &.sheet-spells:checked ~ .sheet-page.sheet-spells
display: block
.sheet-page
@@ -219,53 +197,233 @@ input[type=radio]
&.sheet-npcs:checked ~ .sheet-page.sheet-npcs, &.sheet-ships:checked ~ .sheet-page.sheet-ships
display: block
- &.sheet-tab-button
- &.sheet-core
- right: 245px
- width: 45px
+// Tab row — in document flow, sits between abilities bar and body
+.sheet-tab-row
+ position: relative
+ display: flex
+ flex-direction: row
+ padding: 2px 0 0
+ align-items: flex-end
+ min-height: 28px
+ margin-top: -4.5px
+ margin-bottom: 12px
+ z-index: 1
- + span
- right: 245px
- width: 45px
+// Shared label style for both groups
+.sheet-tab-row .sheet-tab-label,
+.sheet-ship-tab-row .sheet-tab-label
+ border: 1px solid #bbb
+ border-radius: 0 0 6px 6px
+ background-color: #e8e8e8
+ color: #555
+ text-align: center
+ font-weight: bold
+ font-family: 'Oxanium', sans-serif
+ font-size: 13px
+ padding: 3px 12px
+ cursor: pointer
+ white-space: nowrap
- &.sheet-bio
- right: 210px
- width: 30px
+// Main group: CORE / GEAR & BIO / POWERS — absolutely centered on the row
+.sheet-tab-main-group
+ position: absolute
+ left: 50%
+ transform: translateX(-50%)
+ bottom: 0
+ display: flex
+ gap: 4px
- + span
- right: 210px
- width: 30px
+ .sheet-tab-label
+ min-width: 100px
- &.sheet-spells
- right: 145px
- width: 60px
+// Type group: PC / STARSHIP — right-aligned
+.sheet-tab-type-group
+ margin-left: auto
+ display: flex
+ gap: 4px
- + span
- right: 145px
- width: 60px
+// Ship sheet tab row
+.sheet-ship-tab-row
+ display: flex
+ justify-content: flex-end
+ gap: 4px
+ margin-top: -20px
+ margin-bottom: 12px
+
+ .sheet-tab-label
+ flex: 0 0 auto
+ width: auto
+
+// Active tab — gold
+input[type=radio].sheet-tab-button
+ &.sheet-core:checked ~ .sheet-page.sheet-core .sheet-tab-row .sheet-tab-label.sheet-core,
+ &.sheet-bio:checked ~ .sheet-page.sheet-bio .sheet-tab-row .sheet-tab-label.sheet-bio,
+ &.sheet-spells:checked ~ .sheet-page.sheet-spells .sheet-tab-row .sheet-tab-label.sheet-spells
+ color: #fff
+ background-color: #ab8b57
+ border-color: #ab8b57
+
+// PC label gold by default; STARSHIP checked state overrides
+.sheet-tab-row .sheet-tab-label.sheet-type-pc,
+.sheet-ship-tab-row .sheet-tab-label.sheet-type-pc
+ color: #fff
+ background-color: #ab8b57
+ border-color: #ab8b57
+
+// When STARSHIP is explicitly checked: un-highlight PC, highlight STARSHIP
+input[type=radio].sheet-tab-button.sheet-type-starship:checked ~ .sheet-page.sheet-core .sheet-tab-row .sheet-tab-label.sheet-type-pc,
+input[type=radio].sheet-tab-button.sheet-type-starship:checked ~ .sheet-page.sheet-bio .sheet-tab-row .sheet-tab-label.sheet-type-pc,
+input[type=radio].sheet-tab-button.sheet-type-starship:checked ~ .sheet-page.sheet-spells .sheet-tab-row .sheet-tab-label.sheet-type-pc
+ color: #555
+ background-color: #e8e8e8
+ border-color: #bbb
+
+input[type=radio].sheet-tab-button.sheet-type-starship:checked ~ .sheet-page.sheet-core .sheet-tab-row .sheet-tab-label.sheet-type-starship,
+input[type=radio].sheet-tab-button.sheet-type-starship:checked ~ .sheet-page.sheet-bio .sheet-tab-row .sheet-tab-label.sheet-type-starship,
+input[type=radio].sheet-tab-button.sheet-type-starship:checked ~ .sheet-page.sheet-spells .sheet-tab-row .sheet-tab-label.sheet-type-starship
+ color: #fff
+ background-color: #ab8b57
+ border-color: #ab8b57
+
+// Ship tab-row: PC highlighted by default, STARSHIP overrides
+input[type=radio].sheet-tab-button.sheet-type-starship:checked ~ .sheet-ship-tab-row .sheet-tab-label.sheet-type-pc
+ color: #555
+ background-color: #e8e8e8
+ border-color: #bbb
+
+input[type=radio].sheet-tab-button.sheet-type-starship:checked ~ .sheet-ship-tab-row .sheet-tab-label.sheet-type-starship
+ color: #fff
+ background-color: #ab8b57
+ border-color: #ab8b57
+
+// Hover — gold highlight on inactive tabs
+.sheet-tab-row .sheet-tab-label:hover,
+.sheet-ship-tab-row .sheet-tab-label:hover
+ background-color: #ab8b57
+ border-color: #ab8b57
+ color: #fff
+
+ // Sheet Settings — Modal (replaces tab button)
+
+// Settings modal toggle checkbox — hidden, drives :checked ~ overlay
+input[type=checkbox].sheet-settings-modal-toggle
+ display: none
+
+ &:checked ~ .sheet-settings-modal-overlay
+ display: block
+
+// Settings modal open button (replaces the old tab radio + span)
+label.sheet-settings-modal-btn
+ margin-left: auto
+ display: flex
+ align-items: center
+ justify-content: center
+ text-align: center !important
+ padding: 0 !important
+ width: 130px
+ height: 24px
+ white-space: nowrap
+ font-family: 'Oxanium', sans-serif
+ font-size: 10px
+ letter-spacing: 0.5px
+ text-transform: uppercase
+ border: 1px solid #ab8b57
+ border-radius: 3px
+ color: #245485
+ background-color: #fff
+ cursor: pointer
+ box-sizing: border-box
+
+ &:hover
+ background-color: #245485
+ color: #fff
+ border-color: #245485
+
+// Hide Sheet Settings button when NPC/Ship mode is active
+.sheet-npc-mode-mirror
+ display: none
+ &:checked ~ label.sheet-settings-modal-btn
+ display: none
+
+// Settings modal overlay
+.sheet-settings-modal-overlay
+ display: none
+ position: absolute
+ top: 0
+ left: 0
+ width: 100%
+ height: 100%
+ z-index: 200
+
+ > label.sheet-settings-modal-backdrop
+ display: block
+ position: absolute
+ top: 0
+ left: 0
+ width: 100%
+ height: 100%
+ background: rgba(0, 0, 0, 0.5)
+ cursor: pointer
+
+// Settings modal panel
+.sheet-settings-modal-panel
+ position: absolute
+ top: 30px
+ left: 10px
+ right: 10px
+ max-height: calc(100% - 40px)
+ background: #fff
+ border: 2px solid #ab8b57
+ border-radius: 8px
+ overflow: hidden
+ display: flex
+ flex-direction: column
+ z-index: 201
+
+// Settings modal header bar
+.sheet-settings-modal-header
+ display: flex
+ align-items: center
+ justify-content: space-between
+ padding: 6px 12px
+ background: #245485
+ flex-shrink: 0
+
+.sheet-settings-modal-title
+ font-family: 'Oxanium', sans-serif
+ font-size: 12px
+ font-weight: bold
+ font-variant: small-caps
+ letter-spacing: 1px
+ color: #fff
+
+label.sheet-settings-modal-close
+ width: 22px
+ height: 22px
+ display: flex
+ align-items: center
+ justify-content: center
+ border-radius: 50%
+ background: rgba(255, 255, 255, 0.2)
+ color: #fff
+ font-size: 13px
+ cursor: pointer
+ line-height: 1
+
+ &:hover
+ background: rgba(255, 255, 255, 0.4)
+
+// Settings modal scrollable body
+.sheet-settings-modal-body
+ overflow-y: auto
+ overflow-x: hidden
+ padding: 10px
+ display: flex
+ flex-wrap: wrap
+ align-items: flex-start
+ gap: 8px
+ flex: 1
- &.sheet-options
- right: 120px
- width: 20px
-
- + span
- right: 120px
- width: 20px
-
- &.sheet-type-pc
- right: 77px
- width: 25px
-
- + span
- right: 77px
- width: 25px
-
- &.sheet-type-starship
- width: 72px
-
- + span
- width: 72px
-
&.sheet-npc-button
&.sheet-npcs
right: 65px
@@ -283,6 +441,13 @@ input[type=radio]
right: 20px
width: 40px
+/* Bio tab — Personality/Ideals/Bonds/Flaws 2×2 grid */
+.sheet-page.sheet-bio .sheet-bio-background
+ display: grid
+ grid-template-columns: 1fr 1fr
+ gap: 4px
+ margin-bottom: 4px
+
.sheet-header
.sheet-top
height: 42px
@@ -358,23 +523,1307 @@ input[type=radio]
font-weight: normal
margin-top: 0
+// Push ALL PC page content below the top bar
+.sheet-pc
+ padding-top: 0
+
+// Header two-panel flex layout
+.sheet-header
+ display: flex
+ align-items: stretch
+ gap: 8px
+
+// ── LEFT PANEL: character info ──
+.sheet-header-left
+ flex: 1
+ min-width: 0
+ border: 1px solid #ab8b57
+ border-radius: 8px
+ padding: 5px 7px
+ box-sizing: border-box
+ position: relative
+
+// name-container = portrait (left) + char-info-right (flex column)
.sheet-name-container
- width: 250px
- display: inline-block
- vertical-align: top
+ width: 100%
+ height: 100%
+ display: flex
+ flex-direction: row
+ align-items: stretch
+ gap: 8px
- input
- font-size: 20px
- margin-top: -9px
+ .sheet-token-frame
+ width: 100px
+ height: 100px
+ flex-shrink: 0
+ border: 3px solid #ab8b57
+ border-radius: 8px
+ overflow: hidden
+ background: #fff
+ display: flex
+ align-items: center
+ justify-content: center
+ position: relative
+ &::before
+ content: 'person'
+ font-family: 'Material Symbols Outlined'
+ font-size: 56px
+ color: #ccc
+ position: absolute
+ top: 50%
+ left: 50%
+ transform: translate(-50%, -50%)
+ pointer-events: none
+ text-transform: none
+ font-variant: normal
+ .sheet-char-avatar
+ width: 100%
+ height: 100%
+ object-fit: contain
+ display: block
+ position: relative
+ z-index: 1
+ .sheet-char-avatar:not([src]),
+ .sheet-char-avatar[src='']
+ display: none
+// Right column: name row + toggle + edit/display panels
+.sheet-char-info-right
+ flex: 1
+ display: flex
+ flex-direction: column
+ gap: 2px
+ min-width: 0
+ position: relative
+
+ .sheet-name-fields
+ display: flex
+ flex-direction: column
+
+ input
+ font-size: 16px !important
+ font-weight: bold !important
+ color: #245485 !important
+ border: none !important
+ border-bottom: 1px solid #ddd !important
+ background: none !important
+ padding: 0 !important
+ width: 100% !important
+ box-shadow: none !important
+
+ .sheet-label
+ font-size: 8px !important
+ color: #999 !important
+ text-align: left !important
+ font-weight: normal !important
+ line-height: 1.2 !important
+ display: block !important
+
+// Edit/display panels — no border, fills right column
.sheet-header-info
- width: 482px
- margin-left: -2px
- display: inline-block
- border: 3px double #ab8b57
- border-radius: 10px
- padding: 5px
- max-height: 74px
+ width: 100%
+ margin-left: 0
+ display: block
+ border: none
+ border-radius: 0
+ padding: 1px 0 0 0
+ max-height: none
+
+ &.sheet-options
+ input
+ width: 100px
+
+// ── RIGHT PANEL: HP + death saves ──
+.sheet-header-right
+ flex: 1
+ border: 1px solid #ab8b57
+ border-radius: 6px
+ padding: 4px 8px
+ display: flex
+ flex-direction: column
+ gap: 2px
+ box-sizing: border-box
+
+// HP title
+.sheet-hp-panel-label
+ font-family: 'Oxanium', sans-serif
+ font-size: 9px !important
+ font-weight: bold
+ color: #ab8b57
+ text-transform: uppercase
+ letter-spacing: 1px
+ line-height: 1.2 !important
+ display: block !important
+
+// Main row
+.sheet-hp-main-row
+ display: flex
+ align-items: flex-start
+ justify-content: space-between
+ flex: 1
+
+.sheet-hp-left-cluster
+ display: flex
+ align-items: flex-start
+ gap: 6px
+ flex-shrink: 0
+
+// Current/Max group — curmax-box has border with bar at bottom
+.sheet-hp-curmax-group
+ display: flex
+ flex-direction: column
+ align-items: stretch
+ flex-shrink: 0
+
+.sheet-hp-curmax-box
+ border: 1px solid #ccc
+ border-radius: 4px
+ overflow: hidden
+ display: flex
+ flex-direction: column
+ height: 42px
+
+ .sheet-hp-cm-inputs
+ flex: 1
+ display: flex
+ align-items: center
+ padding: 0 4px
+ gap: 2px
+
+ input[type=number],
+ input[type=text]
+ width: 44px !important
+ font-size: 20px !important
+ font-weight: bold !important
+ text-align: center !important
+ background: none !important
+ border: none !important
+ border-radius: 0 !important
+ box-shadow: none !important
+ color: #000 !important
+ padding: 0 !important
+ margin: 0 !important
+
+ .sheet-hp-bar-track
+ height: 6px
+ border-radius: 0
+ margin: 0
+ flex-shrink: 0
+
+.sheet-hp-sep
+ font-size: 16px !important
+ color: #aaa
+ line-height: 1 !important
+ flex-shrink: 0
+ display: inline-block !important
+
+.sheet-hp-bar-track
+ width: 100%
+ height: 6px
+ background: #ddd
+ border-radius: 0
+ overflow: hidden
+ margin: 0
+
+.sheet-hp-bar-fill
+ width: 100%
+ height: 100%
+ background: #27ae60
+
+.sheet-hp-cm-labels
+ display: flex
+ justify-content: space-between
+ width: 100%
+ margin-top: 2px
+
+ span
+ font-size: 8px !important
+ color: #888
+ font-family: 'Oxanium', sans-serif
+ text-transform: uppercase
+ letter-spacing: 0.3px
+ line-height: 1 !important
+ display: inline-block !important
+
+// Temp HP — same height as curmax-box
+.sheet-hp-temp-group
+ display: flex
+ flex-direction: column
+ align-items: center
+ gap: 2px
+ flex-shrink: 0
+
+ input[type=number]
+ width: 44px !important
+ height: 42px !important
+ font-size: 20px !important
+ font-weight: bold !important
+ text-align: center !important
+ background: none !important
+ border: 1px solid #ccc !important
+ border-radius: 4px !important
+ box-shadow: none !important
+ color: #555 !important
+ padding: 0 !important
+ margin: 0 !important
+ box-sizing: border-box !important
+
+ > span
+ font-size: 8px !important
+ color: #888
+ font-family: 'Oxanium', sans-serif
+ text-transform: uppercase
+ letter-spacing: 0.3px
+ line-height: 1 !important
+ display: block !important
+
+// Damage / Heal — change input same size as HP boxes
+.sheet-hp-dmgheal-group
+ display: flex
+ flex-direction: column
+ align-items: center
+ gap: 2px
+ flex-shrink: 0
+
+.sheet-hp-dmgheal-controls
+ display: flex
+ align-items: center
+ gap: 3px
+
+.sheet-hp-dmg-btn,
+.sheet-hp-heal-btn
+ width: 26px !important
+ height: 26px !important
+ border-radius: 50% !important
+ border: none !important
+ font-size: 18px !important
+ font-weight: bold !important
+ line-height: 1 !important
+ cursor: pointer !important
+ box-shadow: none !important
+ text-shadow: none !important
+ padding: 0 !important
+ flex-shrink: 0
+ display: flex !important
+ align-items: center !important
+ justify-content: center !important
+
+.sheet-hp-dmg-btn
+ background: #c0392b !important
+ color: white !important
+
+.sheet-hp-heal-btn
+ background: #27ae60 !important
+ color: white !important
+
+.sheet-hp-change-input
+ width: 44px !important
+ height: 42px !important
+ font-size: 20px !important
+ font-weight: bold !important
+ text-align: center !important
+ background: none !important
+ border: 1px solid #ccc !important
+ border-radius: 4px !important
+ box-shadow: none !important
+ color: #000 !important
+ padding: 0 !important
+ margin: 0 !important
+ box-sizing: border-box !important
+
+.sheet-hp-dmgheal-labels
+ display: flex
+ width: 100%
+ justify-content: space-between
+
+ span
+ font-size: 8px !important
+ color: #888
+ font-family: 'Oxanium', sans-serif
+ text-transform: uppercase
+ letter-spacing: 0.3px
+ line-height: 1 !important
+ display: inline-block !important
+
+// Death Saves
+.sheet-death-saves-group
+ display: flex
+ flex-direction: column
+ gap: 3px
+ justify-content: center
+ flex-shrink: 0
+
+// DEATH SAVES roll button (replaces plain title)
+.sheet-ds-roll-btn
+ font-family: 'Oxanium', sans-serif !important
+ font-size: 8px !important
+ font-weight: bold !important
+ color: #245485 !important
+ background: transparent !important
+ border: none !important
+ box-shadow: none !important
+ text-shadow: none !important
+ text-transform: uppercase !important
+ letter-spacing: 0.5px !important
+ padding: 0 !important
+ cursor: pointer !important
+ text-align: left !important
+ line-height: 1 !important
+ display: block !important
+ width: 100% !important
+ &::before
+ content: "" !important
+
+// Pip box with light gray background
+.sheet-ds-pip-box
+ background: #f0f0f0
+ border-radius: 4px
+ padding: 4px 6px
+ display: flex
+ flex-direction: column
+ gap: 5px
+
+.sheet-ds-row
+ display: flex
+ align-items: center
+ gap: 4px
+
+.sheet-ds-label
+ font-size: 8px !important
+ color: #888
+ width: 52px
+ flex-shrink: 0
+ display: inline-block !important
+ line-height: 1.2 !important
+
+.sheet-ds-pip
+ -webkit-appearance: none
+ -moz-appearance: none
+ appearance: none
+ width: 13px !important
+ height: 13px !important
+ border-radius: 50% !important
+ border: 2px solid !important
+ cursor: pointer !important
+ margin: 0 !important
+ padding: 0 !important
+ flex-shrink: 0
+ box-shadow: none !important
+ background: transparent !important
+
+.sheet-ds-success
+ border-color: #27ae60 !important
+ &:checked
+ background: #27ae60 !important
+
+.sheet-ds-failure
+ border-color: #c0392b !important
+ &:checked
+ background: #c0392b !important
+
+// Hit Dice row
+.sheet-hp-hitdice-row
+ display: flex
+ align-items: stretch
+ gap: 4px
+ border-top: 1px solid #ececec
+ padding-top: 3px
+ flex-shrink: 0
+ flex-wrap: wrap
+.sheet-hd-mc1-flag, .sheet-hd-mc2-flag, .sheet-hd-mc3-flag
+ display: none
+.sheet-hd-group-mc1, .sheet-hd-group-mc2, .sheet-hd-group-mc3
+ display: none !important
+.sheet-hd-mc1-flag:checked ~ .sheet-hd-group-mc1
+ display: flex !important
+.sheet-hd-mc2-flag:checked ~ .sheet-hd-group-mc2
+ display: flex !important
+.sheet-hd-mc3-flag:checked ~ .sheet-hd-group-mc3
+ display: flex !important
+
+.sheet-hd-label
+ font-family: 'Oxanium', sans-serif
+ font-size: 8px !important
+ font-weight: bold
+ color: #245485
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ flex-shrink: 0
+ align-self: center
+ display: inline-block !important
+ line-height: 1 !important
+
+.sheet-hd-count-input
+ width: 26px !important
+ font-size: 14px !important
+ font-weight: bold !important
+ text-align: center !important
+ background: none !important
+ border: none !important
+ box-shadow: none !important
+ color: #000 !important
+ padding: 0 !important
+ margin: 0 !important
+
+.sheet-hd-sep
+ font-size: 12px !important
+ color: #aaa
+ flex-shrink: 0
+ display: inline-block !important
+ line-height: 1 !important
+
+.sheet-hd-max-input
+ width: 26px !important
+ font-size: 14px !important
+ text-align: center !important
+ background: none !important
+ border: none !important
+ box-shadow: none !important
+ color: #555 !important
+ padding: 0 !important
+ margin: 0 !important
+
+.sheet-hd-group
+ display: flex
+ align-items: stretch
+ gap: 0
+
+.sheet-hd-type-btn
+ font-family: 'Oxanium', sans-serif !important
+ font-size: 11px !important
+ font-weight: bold !important
+ color: #000 !important
+ background: #f0f0f0 !important
+ border: 1px solid #ab8b57 !important
+ border-radius: 4px 0 0 4px !important
+ box-shadow: none !important
+ text-shadow: none !important
+ text-transform: none !important
+ font-variant: normal !important
+ letter-spacing: 0.3px !important
+ padding: 3px 8px !important
+ cursor: pointer !important
+ flex-shrink: 0
+ white-space: nowrap
+ display: inline-flex !important
+ flex-direction: row !important
+ align-items: center !important
+ gap: 0 !important
+ margin: 0 !important
+ &::before
+ content: "" !important
+
+.charsheet .sheet-hd-type-btn:hover,
+.charsheet .sheet-hd-type-btn:hover .sheet-hd-btn-label,
+.charsheet .sheet-hd-type-btn:hover .sheet-hd-btn-label span
+ background: #066dce !important
+ color: #fff !important
+
+.sheet-hd-btn-label
+ font-size: 11px !important
+ font-weight: bold !important
+ text-transform: none !important
+ font-variant: normal !important
+ display: inline !important
+ color: inherit !important
+ span
+ text-transform: none !important
+ font-variant: normal !important
+ display: inline !important
+ font-size: 11px !important
+ color: inherit !important
+
+.sheet-hd-count-box
+ display: flex
+ align-items: center
+ border: 1px solid #ab8b57
+ border-left: none
+ border-radius: 0 4px 4px 0
+ background: #fff
+ padding: 2px 6px
+ gap: 2px
+
+// The base .sheet-spells span rule applies width:100%, margin-top:5px etc. to ALL spans
+// in the spells page — reset those for the header to protect the HP panel layout.
+// Abilities-bar spans are already protected by higher-specificity rules.
+.charsheet .sheet-pc .sheet-page.sheet-spells .sheet-header span
+ width: auto !important
+ margin-top: 0 !important
+ text-align: inherit !important
+// DS label needs explicit width so pips don't wrap after the auto reset
+.charsheet .sheet-pc .sheet-page.sheet-spells .sheet-header .sheet-ds-label
+ width: 52px !important
+ font-weight: normal !important
+// .sheet-spells span sets font-weight:bold — reset to normal for labels that should be light
+.charsheet .sheet-pc .sheet-page.sheet-spells .sheet-header .sheet-hp-cm-labels span,
+.charsheet .sheet-pc .sheet-page.sheet-spells .sheet-header .sheet-hp-temp-group > span,
+.charsheet .sheet-pc .sheet-page.sheet-spells .sheet-header .sheet-hp-dmgheal-labels span
+ font-weight: normal !important
+
+// Bio tab — description fields (generic fallback, mostly overridden by scoped rule below)
+.sheet-bio-description-row
+ margin-bottom: 8px
+ .sheet-hlabel-container
+ display: flex
+ flex-direction: column
+ align-items: flex-start
+
+// ============================================================
+// Gear & Bio Tab — Two-Column Layout (2026-05-18)
+// Left: Gear column (375px fixed) | Right: Bio column (flex 1)
+// ============================================================
+
+// Body: two-column flex row
+.sheet-page.sheet-bio .sheet-body
+ display: flex
+ flex-direction: row
+ gap: 14px
+ align-items: flex-start
+ padding: 4px 0
+
+// Left / Gear column
+.sheet-page.sheet-bio .sheet-gear-col
+ flex: 0 0 375px
+ min-width: 0
+
+// Right / Bio column
+.sheet-page.sheet-bio .sheet-bio-col
+ flex: 1
+ min-width: 0
+ display: flex
+ flex-direction: column
+ gap: 8px
+
+// --- Equipment section in Gear column ---
+
+// Gear column: explicit width to beat .sheet-col { width: 32.97% }
+.sheet-page.sheet-bio .sheet-gear-col
+ width: 375px !important
+
+// Override global equipment size / position defaults
+.sheet-page.sheet-bio .sheet-equipment
+ min-height: unset
+ padding-bottom: 6px
+
+// .sheet-complex has width: 160px by default — expand to fill the column
+.sheet-page.sheet-bio .sheet-equipment .sheet-complex
+ width: 100% !important
+ display: block !important
+ vertical-align: initial
+ padding-top: 0 !important
+ margin-bottom: 0 !important
+ box-sizing: border-box
+
+// Section label: static at top instead of absolute at bottom
+.sheet-page.sheet-bio .sheet-equipment > span.sheet-label
+ position: static !important
+ display: block !important
+ bottom: auto !important
+ margin-top: 0 !important
+ text-align: center
+ font-family: 'Oxanium', sans-serif
+ font-weight: bold
+ font-size: 11px
+ color: #245485
+ text-transform: uppercase
+ letter-spacing: 1px
+ padding: 6px 8px 5px
+ border-bottom: 1px solid rgba(171,139,87,0.5)
+ border-radius: 4px 4px 0 0
+ width: 100%
+ box-sizing: border-box
+
+// Money row: layout properties (no display — toggle rules control visibility)
+.sheet-page.sheet-bio .sheet-money
+ flex-direction: row
+ width: 100%
+ gap: 5px
+ padding: 6px 8px
+ border-bottom: 1px solid rgba(171,139,87,0.2)
+ box-sizing: border-box
+// EG currency: shown by default as flex (0,3,0 beats 0,2,0 default hide)
+.sheet-page.sheet-bio .sheet-gear-col .sheet-eg-currency
+ display: flex
+// 5e currency: shown as flex in 5e mode (overrides inline-block from toggle rule)
+.sheet-page.sheet-bio input[name="attr_currency_mode"][value="5e"] ~ .sheet-fivee-currency
+ display: flex
+
+// Coin box: stacked value-over-label
+.sheet-page.sheet-bio .sheet-coin
+ flex: 1
+ display: flex !important
+ flex-direction: column !important
+ align-items: center
+ justify-content: center
+ padding: 5px 3px
+ margin-top: 0 !important
+ left: 0 !important
+ position: static !important
+ border: 1px solid #ab8b57
+ border-radius: 5px
+ gap: 2px
+ span.sheet-label
+ display: block !important
+ font-family: 'Oxanium', sans-serif
+ font-weight: bold
+ font-size: 9px
+ color: #245485
+ text-transform: uppercase
+ width: auto !important
+ margin: 0 !important
+ letter-spacing: 0.5px
+ text-align: center
+ input
+ width: 100% !important
+ text-align: center
+ font-size: 13px
+ font-weight: bold
+ border: none !important
+ background: transparent !important
+ padding: 0 !important
+ box-shadow: none !important
+
+// Inventory column header — same padding/gap as item rows for pixel alignment
+.sheet-page.sheet-bio .sheet-inv-header
+ display: flex
+ align-items: center
+ padding: 4px 8px
+ gap: 4px
+ border-bottom: 1px solid rgba(171,139,87,0.4)
+ background: rgba(36,84,133,0.04)
+.sheet-page.sheet-bio .sheet-inv-col-count,
+.sheet-page.sheet-bio .sheet-inv-col-weight
+ width: 32px
+ flex-shrink: 0
+ font-size: 9px
+ font-weight: bold
+ color: #888
+ text-transform: uppercase
+ text-align: center
+ font-family: 'Oxanium', sans-serif
+ letter-spacing: 0.5px
+.sheet-page.sheet-bio .sheet-inv-col-name
+ flex: 1
+ font-size: 9px
+ font-weight: bold
+ color: #888
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ font-family: 'Oxanium', sans-serif
+
+// Inventory rows: taller, more breathing room, wrap for subitem
+.sheet-page.sheet-bio .sheet-equipment .sheet-item
+ display: flex !important
+ align-items: center
+ flex-wrap: wrap
+ min-height: 34px
+ margin-bottom: 0 !important
+ padding: 3px 30px 3px 8px
+ border-bottom: 1px solid rgba(171,139,87,0.12)
+ gap: 4px
+ position: relative
+ &:nth-child(even)
+ background: rgba(36,84,133,0.03)
+ input.sheet-name
+ flex: 1 !important
+ width: auto !important
+ font-size: 13px
+ font-weight: bold
+ border: none !important
+ background: transparent !important
+ padding: 2px 4px !important
+ box-shadow: none !important
+ text-align: left !important
+ input[type=text].sheet-weight
+ width: 32px !important
+ flex-shrink: 0
+ text-align: center
+ font-size: 12px
+
+// span i (expand toggle): absolutely positioned at right edge, out of flex flow
+.sheet-page.sheet-bio .sheet-equipment .sheet-inventorysubflag + span
+ position: absolute !important
+ right: 4px
+ top: 50%
+ transform: translateY(-50%)
+ width: 22px
+ height: 22px
+ display: flex !important
+ align-items: center
+ justify-content: center
+ font-size: 11px
+ color: #ab8b57
+ opacity: 0.65
+ cursor: pointer
+ z-index: 1
+ left: auto !important
+ background: transparent !important
+ font-family: 'Noto Sans', sans-serif !important
+// Invisible click-target checkbox: small, same position, stays transparent
+.sheet-page.sheet-bio .sheet-equipment .sheet-inventorysubflag
+ left: auto !important
+ right: 4px !important
+ top: 50% !important
+ transform: translateY(-50%)
+ width: 22px !important
+ height: 22px !important
+ opacity: 0 !important
+ cursor: pointer
+// Active state: blue toggle
+.sheet-page.sheet-bio .sheet-equipment .sheet-inventorysubflag:checked + span
+ color: #066dce !important
+ opacity: 1
+
+// Subitem panel: wraps to full-width row below the item fields
+.sheet-page.sheet-bio .sheet-equipment .sheet-item .sheet-subitem
+ flex: 0 0 100%
+ width: 100%
+ box-sizing: border-box
+ border-top: 1px dashed rgba(171,139,87,0.4)
+ padding: 8px
+ background: rgba(255,255,255,0.6)
+.sheet-page.sheet-bio .sheet-equipment .sheet-inventorysubflag:checked ~ .sheet-subitem
+ display: flex !important
+ flex-wrap: wrap
+ gap: 6px 10px
+ align-items: center
+
+// Weighttotal: two-column layout
+.sheet-page.sheet-bio .sheet-equipment .sheet-weighttotal
+ position: static !important
+ display: flex !important
+ align-items: stretch
+ gap: 0
+ padding: 0
+ border-top: 1px solid rgba(171,139,87,0.3)
+ margin-top: 4px
+ width: auto !important
+ flex-wrap: wrap
+ .sheet-weight-col
+ flex: 1
+ display: flex
+ flex-direction: column
+ align-items: center
+ padding: 5px 8px
+ gap: 2px
+ & + .sheet-weight-col
+ border-left: 1px solid rgba(171,139,87,0.3)
+ input
+ width: 60px !important
+ text-align: center
+ font-weight: bold
+ font-size: 16px
+ pointer-events: auto
+ border: none !important
+ background: transparent !important
+ box-shadow: none !important
+ input[name="attr_carrying_capacity"]
+ pointer-events: none
+ color: #555
+ span.sheet-label
+ font-size: 9px
+ font-weight: bold
+ color: #888
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ .sheet-encumb
+ flex: 0 0 100%
+ text-align: center
+
+// Enhanced Item Affinity textarea
+.sheet-page.sheet-bio .sheet-item-affinity
+ margin-top: 6px
+ textarea
+ min-height: 70px
+ height: 70px
+ width: 100%
+ box-sizing: border-box
+
+// --- Bio column layout ---
+
+// Description row — scoped to bio-col (overrides the generic rule above)
+.sheet-page.sheet-bio .sheet-bio-col .sheet-bio-description-row
+ position: relative
+ border: 1px solid rgba(171,139,87,0.6)
+ border-radius: 6px
+ background: transparent !important
+ padding: 0 !important
+ margin-bottom: 8px
+ display: block !important
+ // Header bar
+ .sheet-bio-desc-header
+ position: relative
+ display: flex
+ align-items: center
+ justify-content: flex-end
+ padding: 4px 8px
+ border-bottom: 1px solid rgba(171,139,87,0.4)
+ .sheet-bio-desc-title
+ position: absolute
+ left: 0
+ right: 0
+ font-family: 'Oxanium', sans-serif
+ font-weight: bold
+ font-size: 10px
+ color: #245485
+ text-transform: uppercase
+ letter-spacing: 1px
+ white-space: nowrap
+ pointer-events: none
+ display: block !important
+ text-align: center !important
+ width: auto !important
+ // Gear toggle
+ .sheet-bio-desc-gear-toggle
+ cursor: pointer
+ display: flex
+ align-items: center
+ flex-shrink: 0
+ margin-left: 6px
+ input[type=checkbox]
+ display: none
+ .sheet-bio-desc-gear-icon
+ font-family: 'Material Symbols Outlined'
+ font-size: 14px
+ color: #ab8b57
+ opacity: 0.6
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
+ display: inline-block !important
+ line-height: 1
+ user-select: none
+ transition: opacity 0.2s, color 0.2s
+ text-transform: none !important
+ font-variant: normal !important
+ .sheet-bio-desc-gear-toggle:hover .sheet-bio-desc-gear-icon
+ opacity: 1
+ &:has(.sheet-bio-desc-cb:checked) .sheet-bio-desc-gear-icon
+ color: #066dce
+ opacity: 1
+ font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
+ // Display area
+ .sheet-bio-desc-display
+ display: flex !important
+ flex-wrap: nowrap
+ padding: 4px 8px
+ justify-content: space-between
+ align-items: stretch
+ .sheet-bio-field
+ flex: 1 1 0
+ display: flex
+ flex-direction: column
+ align-items: center
+ gap: 1px
+ padding: 2px 2px
+ position: relative
+ // Vertical divider
+ &::after
+ content: ''
+ position: absolute
+ right: 0
+ top: 15%
+ bottom: 15%
+ width: 1px
+ background: rgba(171,139,87,0.4)
+ &:last-child::after
+ display: none
+ // Em-dash placeholder for empty spans
+ .sheet-bio-val:empty::before
+ content: '—'
+ color: #aaa
+ font-weight: normal
+ font-size: 14px
+ .sheet-bio-val
+ font-size: 14px
+ font-weight: bold
+ color: #245485
+ min-height: 18px
+ min-width: 30px
+ display: inline-block !important
+ text-align: center !important
+ width: auto !important
+ .sheet-bio-label
+ font-family: 'Oxanium', sans-serif
+ font-size: 10px
+ font-weight: bold
+ color: #888
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ display: block !important
+ text-align: center !important
+ width: auto !important
+ // Edit panel
+ .sheet-bio-desc-edit
+ display: none
+ flex-wrap: wrap
+ gap: 6px 12px
+ padding: 6px 10px
+ background: rgba(36,84,133,0.04)
+ border-top: 1px solid rgba(171,139,87,0.3)
+ &:has(.sheet-bio-desc-cb:checked) .sheet-bio-desc-edit
+ display: flex
+
+// Character Appearance: shorter textarea
+.sheet-page.sheet-bio .sheet-appearance-box textarea
+ min-height: 60px
+ height: 60px
+
+// Character History: generous textarea
+.sheet-page.sheet-bio .sheet-history-box textarea
+ min-height: 200px
+ height: 200px
+
+// Bio col textbox labels — Oxanium blue styling
+.sheet-page.sheet-bio .sheet-bio-col .sheet-textbox span.sheet-label,
+.sheet-page.sheet-bio .sheet-bio-col .sheet-bio-background .sheet-textbox span.sheet-label
+ font-family: 'Oxanium', sans-serif !important
+ font-weight: bold !important
+ font-size: 9px !important
+ color: #245485 !important
+ text-transform: uppercase
+ letter-spacing: 1px
+
+// Enhanced Item Affinity label — gear col
+.sheet-page.sheet-bio .sheet-gear-col .sheet-item-affinity span.sheet-label
+ font-family: 'Oxanium', sans-serif !important
+ font-weight: bold !important
+ font-size: 9px !important
+ color: #245485 !important
+ text-transform: uppercase
+ letter-spacing: 1px
+
+// Powers tab — power settings row
+.sheet-powers-info-row
+ position: relative
+ border: 1px solid rgba(171,139,87,0.6)
+ border-radius: 6px
+ background: transparent !important
+ padding: 0 !important
+ margin-bottom: 8px
+ display: block !important
+ // Header bar — full specificity to beat Roll20 overrides
+ .charsheet &
+ .sheet-powers-info-header
+ display: flex !important
+ align-items: center !important
+ padding: 4px 8px !important
+ border-bottom: 1px solid rgba(171,139,87,0.4) !important
+ min-height: 28px !important
+ height: auto !important
+ visibility: visible !important
+ overflow: visible !important
+ // Left spacer
+ .sheet-powers-info-spacer
+ width: 20px !important
+ flex-shrink: 0 !important
+ display: block !important
+ visibility: visible !important
+ .sheet-powers-info-title
+ flex: 1 !important
+ font-family: 'Oxanium', sans-serif !important
+ font-weight: bold !important
+ font-size: 12px !important
+ color: #245485 !important
+ text-transform: uppercase !important
+ letter-spacing: 1px !important
+ white-space: nowrap !important
+ display: block !important
+ text-align: center !important
+ width: auto !important
+ visibility: visible !important
+ // Gear toggle — right end
+ .sheet-powers-info-gear-toggle
+ width: 20px
+ flex-shrink: 0
+ cursor: pointer
+ display: flex !important
+ align-items: center
+ justify-content: flex-end
+ input[type=checkbox]
+ display: none
+ .sheet-powers-info-gear-icon
+ font-family: 'Material Symbols Outlined'
+ font-size: 14px
+ color: #ab8b57
+ opacity: 0.6
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
+ display: inline-block !important
+ line-height: 1
+ user-select: none
+ transition: opacity 0.2s, color 0.2s
+ text-transform: none !important
+ font-variant: normal !important
+ .sheet-powers-info-gear-toggle:hover .sheet-powers-info-gear-icon
+ opacity: 1
+ &:has(.sheet-powers-info-cb:checked) .sheet-powers-info-gear-icon
+ color: #066dce
+ opacity: 1
+ font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
+ // Display area
+ .sheet-powers-info-display
+ display: flex !important
+ flex-wrap: nowrap
+ padding: 4px 8px
+ justify-content: space-between
+ align-items: stretch
+ .sheet-powers-info-field
+ flex: 1 1 0
+ display: flex
+ flex-direction: column
+ align-items: center
+ gap: 1px
+ padding: 2px 2px
+ position: relative
+ // Vertical divider
+ &::after
+ content: ''
+ position: absolute
+ right: 0
+ top: 15%
+ bottom: 15%
+ width: 1px
+ background: rgba(171,139,87,0.4)
+ &:last-child::after
+ display: none
+ // Value spans and select in display mode
+ .charsheet &
+ .sheet-powers-info-field .sheet-display,
+ .sheet-powers-info-field select
+ font-size: 14px
+ font-weight: bold
+ color: #245485
+ height: 22px
+ line-height: 22px
+ display: inline-block !important
+ text-align: center !important
+ width: auto !important
+ .sheet-powers-info-field select
+ -webkit-appearance: none
+ appearance: none
+ background: transparent !important
+ border: none !important
+ box-shadow: none !important
+ pointer-events: none
+ cursor: default
+ padding: 0 !important
+ margin: 4px 0 0 0 !important
+ max-width: 100%
+ height: 22px !important
+ line-height: 22px !important
+ vertical-align: middle
+ // Select becomes interactive when gear is open
+ &:has(.sheet-powers-info-cb:checked) .sheet-powers-info-field select
+ -webkit-appearance: auto
+ appearance: auto
+ background: #fff !important
+ border: 1px solid rgba(171,139,87,0.6) !important
+ border-radius: 4px
+ pointer-events: auto
+ cursor: pointer
+ padding: 2px 4px
+ font-size: 12px
+ color: #111
+ font-weight: normal
+ // Em-dash for empty calculated spans
+ .sheet-powers-info-field .sheet-display:empty::before
+ content: '—'
+ color: #aaa
+ font-weight: normal
+ // Labels
+ .sheet-powers-info-label
+ font-family: 'Oxanium', sans-serif
+ font-size: 10px
+ font-weight: bold
+ color: #888
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ display: block !important
+ text-align: center !important
+ width: auto !important
+
+// ── Powers tab: TP / Talent Slots / Esper Mastery section headers ──
+
+// Three-column stats row
+.sheet-powers-stats-row
+ display: flex !important
+ flex-direction: row !important
+ gap: 8px
+ width: 100%
+ margin-bottom: 8px
+ .sheet-col
+ flex: 1 !important
+ width: auto !important
+ margin-bottom: 0 !important
+ padding: 0 !important
+ .sheet-tp,
+ .sheet-talent-slots-block,
+ .sheet-class_options
+ margin: 0 !important
+ width: 100% !important
+ height: 100%
+ box-sizing: border-box
+
+// Shared header bar
+.charsheet
+ .sheet-tp .sheet-tp-section-header,
+ .sheet-talent-slots-block .sheet-ts-section-header,
+ .sheet-esper-mastery .sheet-em-section-header
+ display: flex !important
+ align-items: center !important
+ padding: 4px 8px !important
+ border-bottom: 1px solid rgba(171,139,87,0.4) !important
+ min-height: 26px !important
+ height: auto !important
+ visibility: visible !important
+
+// Shared title
+.charsheet
+ .sheet-tp-section-title,
+ .sheet-ts-section-title,
+ .sheet-em-section-title
+ flex: 1 !important
+ font-family: 'Oxanium', sans-serif !important
+ font-weight: bold !important
+ font-size: 10px !important
+ color: #245485 !important
+ text-transform: uppercase !important
+ letter-spacing: 1px !important
+ display: block !important
+ text-align: center !important
+ visibility: visible !important
+
+.sheet-tp-section-body
+ padding: 4px 4px 6px
+ span.sheet-label
+ display: block !important
+ text-align: center !important
+ font-family: 'Oxanium', sans-serif !important
+ font-size: 9px !important
+ font-weight: bold !important
+ color: #888 !important
+ text-transform: uppercase !important
+ letter-spacing: 0.5px !important
+ margin-top: 2px !important
+
+.sheet-talent-slots-block
+ width: 100%
+ border: 1px solid #ab8b57
+ border-radius: 5px
+ box-sizing: border-box
+ margin-bottom: 10px
+ .sheet-hdice-dsaves-container
+ display: flex !important
+ flex-direction: row !important
+ justify-content: space-around !important
+ align-items: flex-start !important
+ width: 100% !important
+ padding: 4px 0 6px !important
+ .sheet-subcontainer
+ border: none !important
+ border-radius: 0 !important
+ float: none !important
+ display: flex !important
+ flex-direction: column !important
+ align-items: center !important
+ flex: 1
+ &:not(:last-child)
+ border-right: 1px solid rgba(171,139,87,0.4) !important
+ .sheet-top
+ display: flex !important
+ flex-direction: column !important
+ align-items: center !important
+ width: 100% !important
+ span
+ text-align: center !important
+ margin-left: 0 !important
+ .sheet-speed
+ display: flex !important
+ flex-direction: column !important
+ align-items: center !important
+ width: 100% !important
+ input[type=number],
+ input[type=text]
+ text-align: center !important
+ margin: 0 auto !important
+ span.sheet-label
+ text-align: center !important
+ display: block !important
+ margin: 2px 0 0 !important
+ font-family: 'Oxanium', sans-serif !important
+ font-size: 9px !important
+ font-weight: bold !important
+ color: #888 !important
+ text-transform: uppercase !important
+ letter-spacing: 0.5px !important
+
+.sheet-em-section-body
+ padding: 4px 0 6px
+
+.sheet-page.sheet-powers
+ .sheet-tp
+ margin-top: 0 !important
+ .sheet-class_options.sheet-esper-mastery
+ margin-top: 0 !important
+
+// Character name — Oxanium small-caps bold
+.sheet-char-info-right
+ .sheet-name-fields
+ input
+ font-family: 'Oxanium', sans-serif !important
+ font-variant: small-caps !important
+ font-size: 20px !important
+ font-weight: bold !important
+ color: #245485 !important
+ border: none !important
+ border-bottom: none !important
+ background: none !important
+ padding: 0 !important
+ width: 100% !important
+ box-shadow: none !important
+
+ .sheet-label
+ display: none !important
+
+// Info display: stacked column layout
+.sheet-header-info.sheet-display
+ .sheet-hlabel-container
+ display: flex !important
+ flex-direction: column !important
+ width: 100% !important
+ min-width: 0 !important
+ margin-left: 0 !important
+
+ // Info display fields — small, bold, no underlines, no labels
+ input
+ width: 100% !important
+ font-size: 10px !important
+ font-weight: bold !important
+ border: none !important
+ background: none !important
+ box-shadow: none !important
+ padding: 0 !important
+ box-sizing: border-box !important
+
+ .sheet-label
+ display: none !important
+
+ // XP row — full width, left-aligned with "Exp:" prefix
+ .sheet-xp-row
+ display: flex !important
+ flex-direction: row !important
+ align-items: baseline !important
+ gap: 3px !important
+ margin-top: 1px !important
+
+ .sheet-xp-prefix
+ font-size: 10px !important
+ font-weight: bold !important
+ color: inherit !important
+ white-space: nowrap !important
+ display: inline !important
+
+ input
+ width: auto !important
+ flex: 1 !important
.sheet-hlabel-container
display: inline-block
@@ -387,11 +1836,44 @@ input[type=radio]
margin-left: 0px
.sheet-body
- width: 750px
- margin-top: 22px
+ width: 860px
+ margin-top: 40px
+
+.sheet-page.sheet-core .sheet-body
+ display: flex
+ align-items: flex-start
+ gap: 10px
+.sheet-page.sheet-core .sheet-body .sheet-col2
+ flex: 1.30
+.sheet-page.sheet-core .sheet-body .sheet-col1,
+.sheet-page.sheet-core .sheet-body .sheet-col3
+ flex: 0.85
+
+// Powers page body: flex layout with gap between spell columns only
+.sheet-page.sheet-spells .sheet-body
+ display: flex
+ flex-wrap: wrap
+ column-gap: 12px
+ align-items: flex-start
+// col-full (Power Settings, ESPER POWERS header): full-width + override Roll20 inline-block
+.sheet-page.sheet-spells .sheet-body > .sheet-col-full
+ flex: 0 0 100% !important
+ width: 100% !important
+ display: block !important
+// powers-stats-row: full-width but keeps display:flex so TP/Slots/Mastery stay in a row
+.sheet-page.sheet-spells .sheet-body > .sheet-powers-stats-row
+ flex: 0 0 100% !important
+ width: 100% !important
+// Spell columns share width equally; override Roll20 inline-block
+.sheet-page.sheet-spells .sheet-body > .sheet-col
+ flex: 1
+ width: auto !important
+ display: block !important
+ vertical-align: unset
.sheet-col
width: 32.97%
+ flex: 1
.sheet-col-full
width: 100%
@@ -432,7 +1914,7 @@ input[type=radio]
width: 100%
font-weight: bold
-.sheet-saving-throw button[type=roll], .sheet-skill button[type=roll], .sheet-ac-init-speed-container button[type=roll], .sheet-subcontainer button[type=roll], .sheet-npc button[type=roll]
+.sheet-saving-throw button[type=roll], .sheet-skill button[type=roll], .sheet-subcontainer button[type=roll], .sheet-npc button[type=roll]
background-color: transparent
color: black
border: none
@@ -447,20 +1929,20 @@ input[type=radio]
width: 100%
font-weight: bold
-.sheet-attr-container button[type=roll]::before, .sheet-saving-throw button[type=roll]::before, .sheet-skill button[type=roll]::before, .sheet-ac-init-speed-container button[type=roll]::before, .sheet-subcontainer button[type=roll]::before, .sheet-npc button[type=roll]::before
+.sheet-attr-container button[type=roll]::before, .sheet-saving-throw button[type=roll]::before, .sheet-skill button[type=roll]::before, .sheet-subcontainer button[type=roll]::before, .sheet-npc button[type=roll]::before
content: "" !important
.sheet-attr-container button[type=roll]
overflow: hidden
button[type=roll]:hover
- color: #00ba73
+ color: #066dce
*
- color: #00ba73
+ color: #066dce
.sheet-spell button[type=roll]:hover input[type=text], .sheet-action .sheet-display button[type=roll]:hover *
- color: #00ba73
+ color: #066dce
button[type=roll] *
pointer-events: none
@@ -519,10 +2001,8 @@ button[type=roll] *
line-height: 22px
.sheet-skills-saves-container
- width: 163px
- margin-right: 5px
- display: inline-block
- vertical-align: top
+ width: 100%
+ display: block
.sheet-insp-prof-container
margin-bottom: 10px
@@ -596,7 +2076,232 @@ button[type=roll] *
border-radius: 0px
color: black
-.sheet-saving-throw input[type=text], .sheet-skill input[type=text], .sheet-ac-init-speed-container input, .sheet-hp input, .sheet-tp input, .sheet-exhaustion input
+// Passive Wisdom (Perception) — restyled to match Proficiency Bonus display
+.sheet-passive-wis-display
+ display: flex
+ align-items: center
+ gap: 8px
+ padding: 4px 8px
+ border: 1px solid #ab8b57
+ border-radius: 6px
+ margin-bottom: 4px
+ box-sizing: border-box
+
+ .sheet-value
+ display: flex
+ align-items: center
+ width: auto
+ height: auto
+ border: none
+ background: transparent
+ border-radius: 0
+ position: static
+ flex-shrink: 0
+ order: 2
+
+ .sheet-value span
+ font-family: 'Oxanium', sans-serif
+ font-size: 16px !important
+ font-weight: bold
+ color: #ab8b57 !important
+ line-height: 1.2 !important
+ width: auto
+ text-align: right
+
+ .sheet-label
+ flex: 1
+ width: auto
+ height: auto
+ margin-left: 0
+ margin-top: 0
+ border: none
+ background: transparent
+ vertical-align: baseline
+ display: flex
+ align-items: center
+ order: 1
+
+ .sheet-label span
+ font-family: 'Oxanium', sans-serif
+ font-size: 9px !important
+ font-weight: bold
+ color: #888 !important
+ text-transform: uppercase
+ letter-spacing: 1px
+ line-height: 1.2 !important
+ width: auto
+ text-align: left
+
+// ---- Inspiration + Initiative row ----
+.sheet-insp-init-row
+ display: flex
+ gap: 6px
+ margin-bottom: 8px
+ align-items: stretch
+
+.sheet-insp-button
+ flex: 1 1 0
+ display: flex
+ align-items: center
+ justify-content: center
+ gap: 7px
+ background: #e8e8e8
+ border: 1px solid #ab8b57
+ border-radius: 6px
+ padding: 8px 12px
+ cursor: pointer
+ transition: background 0.2s, border-color 0.2s
+ user-select: none
+ min-height: 34px
+ box-sizing: border-box
+ input[type=checkbox]
+ display: none
+
+// Material Symbols icon — default gold, hollow (FILL=0)
+.sheet-eg-icon
+ font-family: 'Material Symbols Outlined'
+ font-size: 22px
+ flex-shrink: 0
+ color: #ab8b57
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
+ display: inline-block !important
+ vertical-align: middle
+ line-height: 1
+ user-select: none
+
+.sheet-insp-text
+ font-family: 'Oxanium', sans-serif
+ font-size: 14px
+ font-weight: bold
+ color: #ab8b57
+ font-variant: small-caps
+ letter-spacing: 1px
+ display: inline !important
+ line-height: 1
+
+// Checked state — gold background, white text + white icon
+.sheet-insp-button:has(input[type=checkbox]:checked)
+ background: #ab8b57
+ border-color: #ab8b57
+
+.sheet-insp-button input[type=checkbox]:checked ~ .sheet-insp-text
+ color: #fff
+
+.sheet-insp-button input[type=checkbox]:checked ~ .sheet-eg-icon
+ color: #fff
+ font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
+
+// Initiative roll button
+.sheet-init-button
+ flex: 1 1 0
+ background: #066dce !important
+ border: none !important
+ border-radius: 6px
+ color: #fff !important
+ font-family: 'Oxanium', sans-serif
+ font-size: 14px !important
+ font-weight: bold
+ padding: 8px 4px !important
+ cursor: pointer
+ font-variant: small-caps
+ letter-spacing: 1px
+ display: flex !important
+ align-items: center
+ justify-content: center
+ gap: 3px
+ box-shadow: none !important
+ text-shadow: none !important
+ min-height: 34px
+ box-sizing: border-box
+ white-space: nowrap
+ &::before
+ content: "" !important
+ span
+ display: inline !important
+ font-size: 14px !important
+ color: #fff !important
+ font-weight: bold
+ &:hover
+ background: #0558b0 !important
+
+// PB + Level Up row
+.sheet-pb-levelup-row
+ display: flex
+ gap: 6px
+ margin-bottom: 8px
+ align-items: stretch
+
+// Proficiency Bonus compact display
+.sheet-pb-display
+ flex: 1 1 0
+ display: flex
+ align-items: center
+ gap: 8px
+ padding: 4px 8px
+ border: 1px solid #ab8b57
+ border-radius: 6px
+
+.sheet-pb-value
+ font-family: 'Oxanium', sans-serif
+ font-size: 16px !important
+ font-weight: bold
+ color: #ab8b57 !important
+ display: inline-block !important
+ line-height: 1.2
+
+.sheet-pb-label
+ font-family: 'Oxanium', sans-serif
+ font-size: 9px !important
+ font-weight: bold
+ color: #888 !important
+ text-transform: uppercase
+ letter-spacing: 1px
+ display: inline !important
+ line-height: 1.2
+
+// Level Up button
+.sheet-levelup-button
+ flex: 1 1 0
+ display: flex !important
+ align-items: center
+ justify-content: center
+ background: #e8e8e8
+ border: 1px solid #066dce
+ border-radius: 6px
+ padding: 4px 8px
+ cursor: pointer
+ font-family: 'Oxanium', sans-serif
+ font-size: 14px
+ font-weight: bold
+ color: #066dce
+ font-variant: small-caps
+ letter-spacing: 1px
+ transition: background 0.2s, color 0.2s, box-shadow 0.2s
+ box-sizing: border-box
+ box-shadow: none !important
+ text-shadow: none !important
+ &::before
+ content: "" !important
+ &:hover
+ background: #066dce !important
+ color: #fff !important
+ border-color: #066dce !important
+ box-shadow: 0 0 8px rgba(6, 109, 206, 0.6) !important
+
+.sheet-levelup-icon
+ font-family: 'Material Symbols Outlined' !important
+ font-size: 22px !important
+ font-weight: 300 !important
+ font-style: normal !important
+ line-height: 1 !important
+ vertical-align: middle !important
+ margin-left: 4px !important
+ font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20 !important
+ text-transform: none !important
+ font-variant: normal !important
+ letter-spacing: normal !important
+
+.sheet-saving-throw input[type=text], .sheet-skill input[type=text], .sheet-hp input, .sheet-tp input, .sheet-exhaustion input
width: 100%
text-align: center
font-size: 20px
@@ -625,7 +2330,7 @@ button[type=roll] *
border-radius: 0px
color: black
-.sheet-attacks input, .sheet-equipment input, .sheet-tool input, .sheet-proficiencies input, .sheet-pc .sheet-traits input, .sheet-spell input, .sheet-options .sheet-body input
+.sheet-attacks input, .sheet-equipment input, .sheet-tool input, .sheet-proficiencies input, .sheet-pc .sheet-traits input, .sheet-spell input, .sheet-options .sheet-body input, .sheet-settings-modal-body input
width: 100%
text-align: center
font-size: 20px
@@ -660,14 +2365,15 @@ button[type=roll] *
padding-left: 10px
.sheet-saving-throw-container, .sheet-skills-container
- width: 165px
+ width: 100%
+ box-sizing: border-box
border: 1px solid #ab8b57
border-radius: 5px
margin-bottom: 10px
padding-top: 5px
.sheet-saving-throw, .sheet-skill
- width: 165px
+ width: 100%
height: 18px
.sheet-saving-throw input[type=checkbox], .sheet-skill input[type=checkbox]
@@ -693,7 +2399,53 @@ button[type=roll] *
text-overflow: ellipsis
text-align: left
-.sheet-saving-throw-container .sheet-label span, .sheet-skills-container .sheet-label span, .sheet-textbox-container .sheet-label span, .sheet-ac-init-speed-container span.sheet-label, .sheet-hp span, .sheet-tp span, .sheet-exhaustion span.sheet-label, .sheet-hdice-dsaves-container span, .sheet-attacks span, .sheet-globalattack span, .sheet-equipment span, .sheet-textbox span, .sheet-tool_proficiencies span, .sheet-proficiencies span, .sheet-traits span, .sheet-spells span, .sheet-options .sheet-body span
+// ---- Feature 9: Skill Toggle (Show 5E Skills?) ----
+// Hide the controlling checkbox inputs in the sheet flow
+.sheet-show-5e-toggle,
+.sheet-show-5e-settings-toggle
+ display: none
+
+// Default: hide 5E separator (no redesign conflict)
+.sheet-skills-container .sheet-fivee-separator
+ display: none
+ border-top: 1px solid #ccc
+ margin: 2px 0
+
+// When checked: reveal separator
+input[name="attr_show_5e_skills"]:checked ~ .sheet-skills-container .sheet-fivee-separator
+ display: block
+
+// NOTE: fivee-skill hide/show rules are at END of file — must follow skill redesign block
+
+// ---- Typography: Oxanium headers ----
+.charsheet h3,
+.charsheet h3 span,
+.charsheet .sheet-traits .sheet-display .sheet-title,
+.charsheet .sheet-spell .sheet-details span[name=attr_spellname],
+.charsheet .sheet-col-full .sheet-spell-header > span,
+.charsheet .sheet-npc .sheet-display .sheet-title span,
+.sheet-rolltemplate-npc .sheet-header,
+.sheet-rolltemplate-npcaction .sheet-header,
+.sheet-rolltemplate-npcatk .sheet-header,
+.sheet-rolltemplate-npcdmg .sheet-header,
+.sheet-rolltemplate-traits .sheet-header,
+.sheet-rolltemplate-spell .sheet-title,
+.charsheet .sheet-charmancer .sheet-compendium-class-name
+ font-family: 'Oxanium', sans-serif
+
+// ---- Feature 10: Currency Toggle (EG ↔ 5e) ----
+// Default (EG mode): hide 5e currency block
+.sheet-equipment .sheet-fivee-currency
+ display: none
+
+// 5e mode: show 5e currency, hide EG currency
+input[name="attr_currency_mode"][value="5e"] ~ .sheet-fivee-currency
+ display: inline-block
+
+input[name="attr_currency_mode"][value="5e"] ~ .sheet-eg-currency
+ display: none
+
+.sheet-saving-throw-container .sheet-label span, .sheet-skills-container .sheet-label span, .sheet-textbox-container .sheet-label span, .sheet-ac-init-speed-container span.sheet-label, .sheet-hp span, .sheet-tp span, .sheet-exhaustion span.sheet-label, .sheet-hdice-dsaves-container span, .sheet-attacks span, .sheet-globalattack span, .sheet-equipment span, .sheet-textbox span, .sheet-tool_proficiencies span, .sheet-proficiencies span, .sheet-traits span, .sheet-spells span, .sheet-options .sheet-body span, .sheet-settings-modal-body span
display: block
font-size: 9px
line-height: 12px
@@ -721,45 +2473,220 @@ button[type=roll] *
&[type="number"]
width: 3.5em
+// ---- Exhaustion Level section redesign ----
.sheet-exhaustion
- div span.sheet-ex-description
- font-size: 9px
- line-height: 9px
- text-align: left
- width: 116px
- display: block
+ display: flex
+ align-items: flex-start
+ gap: 10px
+ padding: 8px 12px 10px 12px
+ padding-top: 32px
span.sheet-label
- width: 100%
- display: inline-block
+ position: absolute !important
+ top: 0 !important
+ bottom: auto !important
+ left: 0
+ right: 0
+ display: block !important
text-align: center
+ border-bottom: 1px solid rgba(171,139,87,0.5)
+ border-radius: 4px 4px 0 0
+ padding: 5px 0
+ box-sizing: border-box
+ font-family: 'Oxanium', sans-serif !important
+ font-size: 10px !important
+ font-weight: bold !important
+ color: #245485 !important
+ text-transform: uppercase
+ letter-spacing: 1px
+ width: auto !important
+ margin-top: 0 !important
+
+ input[type="number"]
+ flex: 0 0 80px
+ width: 80px
+ display: block
+ vertical-align: unset
+ font-size: 28px
+ font-weight: bold
div.sheet-ex-descriptions
- display: inline-block
- padding-top: 5px
+ flex: 1
+ display: block
+ padding-top: 3px
+
+ div span.sheet-ex-description
+ width: 100% !important
+ font-size: 10px
+ line-height: 13px
+ text-align: left
+ display: block
.sheet-exhaustion-toggle[value="0"] ~ .sheet-exhaustion
display: none
-.sheet-exhaustion input[type="number"]
- width: 116px
- display: inline-block
- vertical-align: top
-
-.sheet-skill button span, .sheet-options .sheet-body .sheet-skill span span, .sheet-rolltemplate-spell .sheet-grey
+.sheet-skill button span, .sheet-options .sheet-body .sheet-skill span span, .sheet-settings-modal-body .sheet-skill span span, .sheet-rolltemplate-spell .sheet-grey
color: #A0A0A0
font-weight: normal
.sheet-textbox-container
border: 1px solid #ab8b57
border-radius: 5px
- width: 243px
+ width: 100%
+ box-sizing: border-box
+
.sheet-tool_proficiencies
border: 1px solid #ab8b57
border-radius: 5px
- width: 243px
+ width: 100%
+ box-sizing: border-box
padding-bottom: 10px
+ padding-top: 28px // headroom for the absolute section title
+
+// ---- Tool Proficiencies section redesign ----
+// Section title — repositioned to top, styled like Attacks label
+.sheet-tool_proficiencies > .sheet-label
+ top: 0 !important
+ bottom: auto !important
+ left: 0
+ right: 0
+ border-bottom: 1px solid rgba(171,139,87,0.5)
+ border-radius: 4px 4px 0 0
+ padding: 5px 0
+ box-sizing: border-box
+
+.sheet-tool_proficiencies > .sheet-label span
+ display: inline !important
+ font-family: 'Oxanium', sans-serif
+ font-size: 11px !important
+ font-weight: bold !important
+ color: #245485 !important
+ text-transform: uppercase
+ letter-spacing: 1px
+ width: auto !important
+ margin-top: 0 !important
+
+// Column header row — flex, left-aligned with data
+.sheet-tool_proficiencies .sheet-top
+ display: flex !important
+ align-items: center
+ background: transparent
+ padding: 7px 6px 3px 6px // gear icon is right-side, no extra left offset
+ border-bottom: 1px solid rgba(171,139,87,0.2)
+ box-sizing: border-box
+
+.sheet-tool_proficiencies .sheet-top span[data-i18n="tool-u"]
+ display: inline-block !important
+ flex: 1 !important
+ width: auto !important
+ font-size: 9px !important
+ color: #888 !important
+ font-weight: normal !important
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ text-align: left !important
+ margin-top: 0 !important
+ line-height: normal !important
+
+.sheet-tool_proficiencies .sheet-top span[data-i18n="pro-u"]
+ display: inline-block !important
+ width: 44px !important
+ flex-shrink: 0
+ font-size: 9px !important
+ color: #888 !important
+ font-weight: normal !important
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ text-align: center !important
+ margin-top: 0 !important
+ line-height: normal !important
+
+.sheet-tool_proficiencies .sheet-top span[data-i18n="attr-u"]
+ display: inline-block !important
+ width: 80px !important
+ flex-shrink: 0
+ font-size: 9px !important
+ color: #888 !important
+ font-weight: normal !important
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ text-align: center !important
+ margin-top: 0 !important
+ line-height: normal !important
+
+// Roll button — flex row layout + clear Roll20 green
+.charsheet .sheet-tool_proficiencies .sheet-tool .sheet-display button[type=roll]
+ display: flex !important
+ align-items: center !important
+ background-color: transparent !important
+ background-image: none !important
+ border: none !important
+ box-shadow: none !important
+ color: #111 !important
+ padding: 3px 6px !important
+ width: 100% !important
+ box-sizing: border-box !important
+
+// Kill green mouseover highlight
+.charsheet .sheet-tool_proficiencies .sheet-tool .sheet-display button[type=roll]:hover
+ color: #111 !important
+ background: transparent !important
+ background-color: transparent !important
+
+.charsheet .sheet-tool_proficiencies .sheet-tool .sheet-display button[type=roll]:hover *
+ color: inherit !important
+ background: transparent !important
+
+// Tool name span — expands to fill remaining width, bold
+.sheet-tool_proficiencies .sheet-tool .sheet-display button span
+ flex: 1 !important
+ width: auto !important
+ font-size: 12px !important
+ font-weight: bold !important
+ text-align: left
+ background: transparent !important
+
+// Bonus display (first text input) — 44px, centered, normal weight
+.sheet-tool_proficiencies .sheet-tool .sheet-display button input[type=text]:first-of-type
+ width: 44px !important
+ flex-shrink: 0
+ text-align: center !important
+ font-size: 12px !important
+ font-weight: normal !important
+ background: transparent !important
+ border: none !important
+
+// Attribute input (last text input) — 80px, center-aligned, normal weight
+.sheet-tool_proficiencies .sheet-tool .sheet-display button input[type=text]:last-of-type
+ width: 80px !important
+ flex-shrink: 0
+ text-align: center !important
+ font-size: 12px !important
+ font-weight: normal !important
+ background: transparent !important
+ border: none !important
+
+// Subtle blue row-hover tint
+.sheet-tool_proficiencies .sheet-tool:hover .sheet-display
+ background: rgba(36, 84, 133, 0.04) !important
+
+// Gear icon — Material Symbols gold gear matching AC/Speed style
+.sheet-tool_proficiencies .sheet-tool .sheet-options-flag + span
+ font-family: 'Material Symbols Outlined' !important
+ font-size: 14px !important
+ color: #ab8b57 !important
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important
+ text-transform: none !important
+ font-variant: normal !important
+ line-height: 1
+ user-select: none
+ opacity: 0.6
+ align-items: center
+ justify-content: center
+
+.sheet-tool_proficiencies .sheet-tool:hover .sheet-options-flag + span
+ opacity: 1
.sheet-attacks
padding-bottom: 10px
@@ -770,23 +2697,139 @@ button[type=roll] *
border: none
.sheet-ac-init-speed-container, .sheet-hp, .sheet-tp, .sheet-exhaustion, .sheet-hdice-dsaves-container, .sheet-attacks, .sheet-equipment
- width: 240px
+ width: 100%
+ box-sizing: border-box
margin-bottom: 10px
+// === AC / Speed — two independent boxes ===
.sheet-ac-init-speed-container
- div
- width: calc(31%)
- height: 100%
- border: 1px solid #ab8b57
- border-radius: 5px
- display: inline-block
- vertical-align: top
+ display: flex
+ gap: 6px
- span.sheet-label
- margin-top: 0px
+.sheet-ac-box, .sheet-speed-box
+ flex: 1 1 0
+ border: 1px solid #ab8b57
+ border-radius: 6px
+ padding: 4px 8px 6px
+ display: flex
+ flex-direction: column
+ align-items: center
+ gap: 2px
+ box-sizing: border-box
- button[type=roll]
- display: block
+.sheet-ac-box-header, .sheet-speed-box-header
+ display: flex
+ align-items: center
+ width: 100%
+ &::before
+ content: ''
+ width: 16px
+ flex-shrink: 0
+
+.sheet-ac-box-label, .sheet-speed-box-label
+ flex: 1
+ font-family: 'Oxanium', sans-serif
+ font-size: 9px
+ font-weight: bold
+ color: #245485
+ text-transform: uppercase
+ letter-spacing: 1px
+ text-align: center
+
+// Gear toggle — right end
+.sheet-ac-gear-toggle, .sheet-speed-gear-toggle
+ width: 16px
+ flex-shrink: 0
+ display: flex
+ justify-content: flex-end
+ align-items: center
+ cursor: pointer
+ input[type=checkbox]
+ display: none
+
+.sheet-ac-gear-icon, .sheet-speed-gear-icon
+ font-family: 'Material Symbols Outlined'
+ font-size: 14px
+ color: #ab8b57
+ opacity: 0.6
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
+ display: inline-block !important
+ line-height: 1
+ user-select: none
+ transition: opacity 0.2s, color 0.2s
+
+.sheet-ac-gear-toggle:hover .sheet-ac-gear-icon,
+.sheet-speed-gear-toggle:hover .sheet-speed-gear-icon
+ opacity: 1
+
+.sheet-ac-box:has(.sheet-ac-expand-cb:checked) .sheet-ac-gear-icon,
+.sheet-speed-box:has(.sheet-speed-expand-cb:checked) .sheet-speed-gear-icon
+ color: #066dce
+ opacity: 1
+ font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
+
+// Main value
+.sheet-ac-box > input[type=text],
+.sheet-speed-box > input[type=text]
+ font-size: 28px !important
+ font-weight: bold
+ color: #000 !important
+ background: none !important
+ border: none !important
+ box-shadow: none !important
+ text-align: center
+ width: 100% !important
+ padding: 0
+ line-height: 1.1
+
+// Details panel
+.sheet-ac-details, .sheet-speed-details
+ display: none
+ flex-direction: row
+ gap: 4px
+ width: 100%
+ padding-top: 6px
+ border-top: 1px solid rgba(171,139,87,0.3)
+
+.sheet-ac-box:has(.sheet-ac-expand-cb:checked) .sheet-ac-details
+ display: flex
+
+.sheet-speed-box:has(.sheet-speed-expand-cb:checked) .sheet-speed-details
+ display: flex
+
+// Detail items
+.sheet-detail-item
+ flex: 1 1 0
+ display: flex
+ flex-direction: column
+ align-items: center
+ background: rgba(171,139,87,0.08)
+ border-radius: 4px
+ padding: 4px 2px
+ gap: 2px
+
+.sheet-detail-item input[type=text], .sheet-detail-value
+ font-family: 'Oxanium', sans-serif
+ font-size: 12px !important
+ font-weight: bold
+ color: #333 !important
+ background: none !important
+ border: none !important
+ box-shadow: none !important
+ text-align: center
+ width: 100% !important
+ padding: 0
+ line-height: 1.2
+ display: block !important
+
+.sheet-detail-label
+ font-size: 8px !important
+ color: #888 !important
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ display: block !important
+ text-align: center
+ line-height: 1
.sheet-hp, .sheet-tp, .sheet-exhaustion, .sheet-subcontainer, .sheet-attacks, .sheet-equipment
border: 1px solid #ab8b57
@@ -859,13 +2902,18 @@ button[type=roll] *
vertical-align: top
height: 64px
- input[type=text].sheet-label
+ input[type=text].sheet-label,
+ span.sheet-label
display: block
font-size: 9px
line-height: 12px
width: 100%
text-align: center
font-weight: bold
+ font-variant: small-caps
+ text-transform: uppercase
+ span.sheet-label
+ margin-top: 4px
.sheet-hdice-dsaves-container .sheet-row-container
float: right
@@ -954,6 +3002,120 @@ button[type=roll] *
.sheet-attacks
min-height: 150px
margin-bottom: 10px
+ overflow: hidden
+
+// ---- Attacks section redesign ----
+.sheet-attacks .sheet-attack
+ position: relative !important
+.sheet-attacks .sheet-top.sheet-atk-header
+ display: flex
+ align-items: center
+ width: calc(100% + 10px)
+ padding: 5px 4px 5px 8px
+ border-bottom: 1px solid rgba(171,139,87,0.5)
+ box-sizing: border-box
+.sheet-attacks .sheet-atk-col-name
+ flex: 1
+ font-family: 'Oxanium', sans-serif
+ font-size: 9px
+ font-weight: bold
+ color: #888
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ display: block !important
+ width: auto !important
+.sheet-attacks .sheet-atk-col-range,
+.sheet-attacks .sheet-atk-col-hit,
+.sheet-attacks .sheet-atk-col-dmg
+ flex-shrink: 0
+ text-align: center
+ font-size: 9px
+ font-weight: bold
+ color: #888
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ width: 60px !important
+.sheet-attacks .sheet-atk-col-dmg
+ width: 96px !important
+.sheet-attacks .sheet-attack + .sheet-attack .sheet-display
+ border-top: 1px solid rgba(171,139,87,0.2)
+.sheet-attacks .sheet-attack:nth-child(even) .sheet-display
+ background: rgba(0,0,0,0.02)
+.sheet-attacks .sheet-display
+ position: relative
+.sheet-attacks .sheet-display button[type=roll]
+ display: inline-flex !important
+ flex-direction: row !important
+ align-items: center !important
+ width: calc(100% - 22px) !important
+ padding: 4px 4px 4px 8px !important
+ min-height: 32px
+.sheet-attacks .sheet-display .sheet-atk-name-cell,
+.sheet-attacks .sheet-display .sheet-atk-range-cell,
+.sheet-attacks .sheet-display .sheet-atk-bonus-cell,
+.sheet-attacks .sheet-display .sheet-atk-dmg-cell
+ background: none !important
+ border-radius: 0 !important
+ padding: 0 !important
+ margin: 0 !important
+ min-height: 0 !important
+ vertical-align: middle !important
+ white-space: nowrap
+ overflow: hidden
+ text-overflow: ellipsis
+ border: none !important
+ box-shadow: none !important
+.sheet-attacks .sheet-display .sheet-atk-name-cell
+ flex: 1
+ text-align: left
+ font-size: 12px !important
+ font-weight: bold !important
+ color: #111
+.sheet-attacks .sheet-display .sheet-atk-range-cell
+ width: 60px
+ flex-shrink: 0
+ text-align: center
+ font-size: 11px !important
+ font-weight: normal !important
+ color: #555
+.sheet-attacks .sheet-display .sheet-atk-bonus-cell
+ width: 60px
+ flex-shrink: 0
+ text-align: center
+ font-size: 11px !important
+ font-weight: bold !important
+ color: #066dce
+.sheet-attacks .sheet-display .sheet-atk-dmg-cell
+ width: 96px
+ flex-shrink: 0
+ text-align: center
+ font-size: 11px !important
+ color: #333
+.sheet-attacks .sheet-options-flag
+ right: 0 !important
+ width: 22px !important
+ height: 32px !important
+.sheet-attacks .sheet-options-flag + span
+ right: 0 !important
+ width: 22px !important
+ height: 32px !important
+ display: none
+ align-items: center
+ justify-content: center
+ font-family: 'Material Symbols Outlined' !important
+ font-size: 14px !important
+ color: #ab8b57 !important
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important
+ text-transform: none !important
+ font-variant: normal !important
+ line-height: 1
+ user-select: none
+.sheet-attacks .sheet-attack:hover .sheet-display
+ background: rgba(36, 84, 133, 0.06) !important
+.sheet-attacks .sheet-display button[type=roll]:hover *
+ color: inherit !important
+.sheet-attacks .sheet-display button[type=roll]:hover input[type=text]
+ color: inherit !important
.sheet-equipment.sheet-hidden
min-height: 50px
@@ -1014,6 +3176,32 @@ button[type=roll] *
font-size: 10px
display: inline
+// ---- Features & Traits section — header to top ----
+.sheet-textbox.sheet-traits
+ position: relative
+ padding-top: 28px
+ padding-bottom: 10px
+ > span.sheet-label
+ position: absolute !important
+ top: 0 !important
+ bottom: auto !important
+ left: 0
+ right: 0
+ display: block !important
+ text-align: center
+ border-bottom: 1px solid rgba(171,139,87,0.5)
+ border-radius: 4px 4px 0 0
+ padding: 5px 0
+ box-sizing: border-box
+ font-family: 'Oxanium', sans-serif !important
+ font-size: 10px !important
+ font-weight: bold !important
+ color: #245485 !important
+ text-transform: uppercase
+ letter-spacing: 1px
+ width: auto !important
+ margin-top: 0 !important
+
.sheet-spell .sheet-details-flag, .sheet-attacks .sheet-options-flag, .sheet-spell .sheet-options-flag, .sheet-tool .sheet-options-flag, .sheet-npc .sheet-npc_options-flag, .sheet-npcs .sheet-npc_options-flag, .sheet-ships .sheet-npc_options-flag
opacity: 0
position: absolute
@@ -1089,6 +3277,27 @@ button[type=roll] *
display: -webkit-box
display: -ms-flexbox
display: flex
+ color: #245485 !important
+ .sheet-trait:hover .sheet-output:hover
+ color: #1a3d64 !important
+ // Gear icon — Material Symbols outlined gold (span has "y"/pictos text; hide via font-size:0, inject "settings" ligature via ::before)
+ .sheet-trait .sheet-options-flag + span
+ font-family: 'Material Symbols Outlined' !important
+ font-size: 0 !important
+ color: #ab8b57 !important
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important
+ text-transform: none !important
+ font-variant: normal !important
+ opacity: 0.6
+ &::before
+ content: 'settings'
+ font-size: 14px
+ line-height: 18px
+ .sheet-trait:hover .sheet-options-flag + span
+ color: #ab8b57 !important
+ opacity: 1
+ .sheet-trait:hover .sheet-options-flag:hover + span
+ color: #8a6d3e !important
.sheet-header
&:hover .sheet-options-flag + span
@@ -1187,9 +3396,15 @@ button[type=roll] *
span
display: inline-block
font-weight: bold
+ font-size: 9px
- input
- width: 170px
+ input, select
+ width: 70px
+ font-size: 10px
+
+ .sheet-row
+ line-height: 1.4
+ margin-bottom: 2px
.sheet-level
width: 20px
@@ -1412,6 +3627,7 @@ button[type=roll] *
font-size: 16px
text-transform: capitalize
font-variant: small-caps
+ font-weight: bold
color: #245485
input
@@ -1614,12 +3830,16 @@ span
.sheet-tool .sheet-options, .sheet-attack .sheet-options, .sheet-spell .sheet-options, .sheet-proficiencies .sheet-options, .sheet-traits .sheet-options, .sheet-global-mod .sheet-options
padding-left: 5px
-.sheet-tool .sheet-options span, .sheet-attack .sheet-options span, .sheet-spell .sheet-options span, .sheet-options .sheet-body span, .sheet-proficiencies .sheet-options span, .sheet-traits .sheet-options span, .sheet-global-mod .sheet-options span
+.sheet-tool .sheet-options span, .sheet-attack .sheet-options span, .sheet-spell .sheet-options span, .sheet-options .sheet-body span, .sheet-settings-modal-body span, .sheet-proficiencies .sheet-options span, .sheet-traits .sheet-options span, .sheet-global-mod .sheet-options span
width: initial
display: inline-block
text-align: left
+.sheet-settings-modal-body .sheet-row.sheet-title span
+ display: block
+ text-align: center
+ width: 100%
-.sheet-tool .sheet-options input, .sheet-attack .sheet-options input[type=text], .sheet-spell .sheet-options input[type=text], .sheet-options .sheet-body input[type=text], .sheet-proficiencies .sheet-options input[type=text], .sheet-traits .sheet-options input[type=text], .sheet-global-mod .sheet-options input[type=text]
+.sheet-tool .sheet-options input, .sheet-attack .sheet-options input[type=text], .sheet-spell .sheet-options input[type=text], .sheet-options .sheet-body input[type=text], .sheet-settings-modal-body input[type=text], .sheet-proficiencies .sheet-options input[type=text], .sheet-traits .sheet-options input[type=text], .sheet-global-mod .sheet-options input[type=text]
display: inline-block
text-align: left
font-size: 12px
@@ -1627,7 +3847,7 @@ span
padding: 0px
width: initial
-.sheet-tool .sheet-options select, .sheet-attack .sheet-options select, .sheet-spell .sheet-options select, .sheet-options .sheet-body select, .sheet-proficiencies .sheet-options select, .sheet-traits .sheet-options select
+.sheet-tool .sheet-options select, .sheet-attack .sheet-options select, .sheet-spell .sheet-options select, .sheet-options .sheet-body select, .sheet-settings-modal-body select, .sheet-proficiencies .sheet-options select, .sheet-traits .sheet-options select
border-bottom: 1px solid #D3D3D3
border-top: 0px
border-left: 0px
@@ -1648,13 +3868,13 @@ span
line-height: 18px
height: 18px
-.sheet-tool .sheet-options input[type=checkbox], .sheet-attack .sheet-options input[type=checkbox], .sheet-spell .sheet-options input[type=checkbox], .sheet-options .sheet-body input[type=checkbox], .sheet-npc .sheet-npc_options input[type=checkbox], .sheet-proficiencies .sheet-options input[type=checkbox], .sheet-traits .sheet-options input[type=checkbox], .sheet-global-mod .sheet-options input[type=checkbox]
+.sheet-tool .sheet-options input[type=checkbox], .sheet-attack .sheet-options input[type=checkbox], .sheet-spell .sheet-options input[type=checkbox], .sheet-options .sheet-body input[type=checkbox], .sheet-settings-modal-body input[type=checkbox], .sheet-npc .sheet-npc_options input[type=checkbox], .sheet-proficiencies .sheet-options input[type=checkbox], .sheet-traits .sheet-options input[type=checkbox], .sheet-global-mod .sheet-options input[type=checkbox]
width: 13px
font-size: initial
-webkit-appearance: checkbox
-moz-appearance: checkbox
-.sheet-attack .sheet-options input[type=text].sheet-num, .sheet-options input[type=text].sheet-num
+.sheet-attack .sheet-options input[type=text].sheet-num, .sheet-options input[type=text].sheet-num, .sheet-settings-modal-body input[type=text].sheet-num
width: 15px
text-align: center
@@ -1844,6 +4064,7 @@ span
font-size: 16px
text-transform: capitalize
font-variant: small-caps
+ font-weight: bold
color: #245485
input
@@ -1920,50 +4141,7 @@ span
border-bottom-left-radius: 0.8em
border-bottom-right-radius: 0.8em
-/* Obsolete Template
-
-.sheet-rolltemplate-simple .sheet-containerold, .sheet-rolltemplate-atk .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atkold
- background-repeat: no-repeat
- background-size: 14em 100%
- color: black
- width: 81%
-
-.sheet-rolltemplate-dmg
- .sheet-atkold, .sheet-containerold
- background-repeat: no-repeat
- background-size: 14em 100%
- color: black
- width: 81%
-
-.sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplateold
- background-repeat: no-repeat
- background-size: 14em 100%
- color: black
- width: 81%
-
-/* Obsolete Template
-
-.sheet-rolltemplate-simple .sheet-containerold
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/53WSdhx.png") top left
-
-/* Obsolete Template
-
-.sheet-rolltemplate-atk .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atkold
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/4RCRsAd.png") top left
-
-.sheet-rolltemplate-dmg
- .sheet-atkold
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/4RCRsAd.png") top left
-
- .sheet-containerold
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/gw9HTsq.png") top left
-
-/* Obsolete Template
-
.sheet-rolltemplate-atkdmg
- .sheet-container.sheet-damagetemplateold
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/gw9HTsq.png") top left
-
.sheet-damagetemplate .sheet-result
min-height: 45px
@@ -2249,18 +4427,6 @@ span
margin-top: -2px
min-height: 17px
-/* Obsolete Template
-
-.sheet-rolltemplate-atk .sheet-descold, .sheet-rolltemplate-atkdmg .sheet-descold, .sheet-rolltemplate-dmg .sheet-descold
- background-repeat: no-repeat
- background-size: 14em 100%
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/4988JS0.png") top left
- color: black
- padding-bottom: 5px
- padding-top: 5px
- text-align: center
- width: 189px
-
.sheet-rolltemplate-atk .sheet-desc, .sheet-rolltemplate-atkdmg .sheet-desc, .sheet-rolltemplate-dmg .sheet-desc, .sheet-rolltemplate-desc .sheet-desc
background-color: white
border: 1px solid black
@@ -2446,6 +4612,7 @@ span
line-height: 12px
text-align: left
font-weight: bold
+ margin-right: 6px
.sheet-title span
text-align: center
@@ -2515,6 +4682,7 @@ span
.sheet-num3
width: 27px
text-align: center
+ margin-right: 4px
.sheet-actype
+ .sheet-parens
@@ -2524,11 +4692,13 @@ span
display: inline
.sheet-parens
- margin-left: -2px
+ margin-left: 0px
+ font-size: 13px
+ font-weight: normal
&:before
- content: "("
-
+ content: " ("
+
&.sheet-xp:before
content: " ("
@@ -2646,10 +4816,10 @@ span
.sheet-negativeflag
&[value="1"] + .sheet-npcattr::before
- content: "("
+ content: " ("
&[value="0"] + .sheet-npcattr::before
- content: "(+"
+ content: " (+"
.sheet-npcattr::after
content: ")"
@@ -2863,6 +5033,7 @@ span
text-align: left
font-family: "Source Sans Pro", "Varta", arial, sans-serif
font-variant: small-caps
+ font-weight: bold
.sheet-rolltemplate-traits .sheet-header
font-family: "Source Sans Pro", "Varta", arial, sans-serif
@@ -2991,6 +5162,111 @@ span
padding-top: 5px
margin-bottom: 15px
+// ---- Other Proficiencies & Languages section redesign ----
+.sheet-textbox-container.sheet-proficiencies
+ padding-top: 28px
+ padding-bottom: 10px
+ position: relative
+ > .sheet-label
+ position: absolute !important
+ top: 0 !important
+ bottom: auto !important
+ left: 0
+ right: 0
+ text-align: center
+ border-bottom: 1px solid rgba(171,139,87,0.5)
+ border-radius: 4px 4px 0 0
+ padding: 5px 0
+ box-sizing: border-box
+ span
+ display: inline !important
+ font-family: 'Oxanium', sans-serif
+ font-size: 10px !important
+ font-weight: bold !important
+ color: #245485 !important
+ text-transform: uppercase
+ letter-spacing: 1px
+ width: auto !important
+ margin-top: 0 !important
+.sheet-proficiencies .sheet-complex
+ width: 100% !important
+ padding-top: 0 !important
+ margin-bottom: 0 !important
+ .sheet-top
+ display: flex !important
+ align-items: center
+ background: transparent
+ padding: 7px 6px 3px 6px
+ border-bottom: 1px solid rgba(171,139,87,0.2)
+ box-sizing: border-box
+ span
+ display: inline-block !important
+ font-size: 9px !important
+ color: #888 !important
+ font-weight: normal !important
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ margin-top: 0 !important
+ line-height: normal !important
+ span[data-i18n="type-u"]
+ width: 78px !important
+ flex-shrink: 0
+ text-align: left !important
+ span[data-i18n="proficency-u"]
+ flex: 1 !important
+ width: auto !important
+ text-align: left !important
+.charsheet .sheet-proficiencies .sheet-proficiency .sheet-display button[type=roll]
+ display: flex !important
+ align-items: center !important
+ background-color: transparent !important
+ background-image: none !important
+ border: none !important
+ box-shadow: none !important
+ color: #111 !important
+ padding: 3px 6px !important
+ width: 100% !important
+ box-sizing: border-box !important
+ &:hover
+ color: #111 !important
+ background: transparent !important
+ background-color: transparent !important
+ &:hover *
+ color: inherit !important
+ background: transparent !important
+.sheet-proficiencies .sheet-proficiency .sheet-display button
+ span[name="attr_prof_type"]
+ width: 78px !important
+ flex-shrink: 0
+ font-size: 11px !important
+ font-weight: bold !important
+ text-align: left !important
+ background: transparent !important
+ span[name="attr_name"]
+ flex: 1 !important
+ width: auto !important
+ font-size: 12px !important
+ font-weight: bold !important
+ text-align: left !important
+ background: transparent !important
+.sheet-proficiencies .sheet-proficiency:hover .sheet-display
+ background: rgba(36, 84, 133, 0.04) !important
+.sheet-proficiencies .sheet-proficiency .sheet-options-flag + span
+ font-family: 'Material Symbols Outlined' !important
+ font-size: 0 !important
+ color: #ab8b57 !important
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important
+ text-transform: none !important
+ font-variant: normal !important
+ user-select: none
+ opacity: 0.6
+.sheet-proficiencies .sheet-proficiency .sheet-options-flag + span::before
+ content: 'settings'
+ font-size: 14px
+ line-height: 18px
+.sheet-proficiencies .sheet-proficiency:hover .sheet-options-flag + span
+ opacity: 1
+
.sheet-pictos
font-family: pictos
@@ -3110,7 +5386,7 @@ span
pointer-events: none
font-size: 0.25em
-.charsheet .sheet-options .sheet-body .sheet-version input[type="text"]
+.charsheet .sheet-options .sheet-body .sheet-version input[type="text"], .charsheet .sheet-settings-modal-body .sheet-version input[type="text"]
border-bottom: none
width: 20px
@@ -3148,7 +5424,7 @@ span
.sheet-hlabel-container
[name="attr_race_display"]
- width: 200px
+ width: 160px
[name="attr_alignment"]
width: 180px
@@ -3192,7 +5468,7 @@ span
.sheet-savedc .sheet-rolltemplate-inline, .sheet-label .sheet-rolltemplate-inline
display: inline-block
-.sheet-options .sheet-body input
+.sheet-options .sheet-body input, .sheet-settings-modal-body input
&[type=text].sheet-pb_custom
display: none
@@ -3265,6 +5541,27 @@ span
text-align: center
font-weight: bold
+ // "Gained?" checkboxes — circular blue pip, dotted border → filled when checked
+ .sheet-sub-button input[type=checkbox]
+ -webkit-appearance: none
+ -moz-appearance: none
+ appearance: none
+ display: block !important
+ width: 14px !important
+ height: 14px !important
+ border-radius: 50% !important
+ border: 1.5px dashed #066dce !important
+ background: transparent !important
+ cursor: pointer !important
+ margin: 2px auto !important
+ padding: 0 !important
+ box-shadow: none !important
+
+ &:checked
+ background: #066dce !important
+ border-color: #066dce !important
+ border-style: solid !important
+
.sheet-licensecontainer.active-drop-target.dropping, .sheet-monster_confirm_flag[value="1"] ~ .sheet-licensecontainer, .sheet-mancer_confirm_flag[value="1"] ~ .sheet-licensecontainer
opacity: 0.5
-o-transition: opacity .15s ease-in-out
@@ -3341,7 +5638,7 @@ span
margin-left: 19px
.sheet-header .sheet-display .sheet-class-display
- width: 298px
+ width: 180px
text-transform: capitalize
overflow: hidden
word-wrap: break-word
@@ -3517,40 +5814,10 @@ span
right: 50px
width: 91px
- input[type=radio].sheet-tab-button
- &.sheet-core
- right: 137px
- width: 76px
-
- + span
- right: 137px
- width: 76px
-
- &.sheet-bio
- right: 103px
- width: 30px
-
- + span
- right: 103px
- width: 30px
-
- &.sheet-spells
- right: 21px
- width: 78px
-
- + span
- right: 21px
- width: 78px
-
/* Czech
.charsheet
&.lang-cs
- input[type=radio].sheet-tab-button.sheet-core
- width: 53px
-
- + span
- width: 53px
select[name=attr_cust_spellslots]
font-size: 9px
@@ -3583,30 +5850,6 @@ span
width: 28px
&.lang-it
- input[type=radio].sheet-tab-button
- &.sheet-core
- right: 146px
- width: 60px
-
- + span
- right: 146px
- width: 60px
-
- &.sheet-bio
- right: 113px
- width: 30px
-
- + span
- right: 113px
- width: 30px
-
- &.sheet-spells
- right: 20px
- width: 90px
-
- + span
- right: 20px
- width: 90px
div.sheet-licensecontainer .sheet-container
&.sheet-pc .sheet-spells .sheet-header .sheet-header-info .sheet-part
@@ -4730,39 +6973,32 @@ body:not(:-moz-handler-blocked) .sheet-charmancer
display: inline
margin-left: 25px
+ &.sheet-global-dmg .sheet-global-mod
+ display: flex
+ align-items: center
+
&.sheet-global-dmg div.sheet-display
- margin-bottom: 2px
- width: 90% !important
-
- span
- &.sheet-title
- padding-right: 0px
- width: 40%
-
- &.sheet-subheader
- display: inline
- padding-right: 0px
- width: 50%
-
- span
- display: inline
- padding: 4px 0px
+ flex: 1
+ min-width: 0
/* Customizations for the PC's global damage area
+// Section header labels inside the attacks box — match AC/Speed/Skills style
+.sheet-attacks .sheet-global-dmg > span.sheet-label,
+.sheet-attacks > span.sheet-label
+ font-family: 'Oxanium', sans-serif
+ color: #245485
+ letter-spacing: 1px
+ position: static
+
div.sheet-globaldisplay
width: 80%
- background-color: #EFEFEF
- border-bottom-right-radius: 5px
- border-top-left-radius: 5px
+ background-color: transparent
display: inline-block
font-size: 9px
- font-weight: bold
+ font-weight: normal
line-height: 16px
- padding-bottom: 3px
- padding-left: 4px
- padding-right: 4px
- padding-top: 3px
+ padding: 3px 4px
text-align: left
-o-text-overflow: ellipsis
text-overflow: ellipsis
@@ -4773,36 +7009,49 @@ div.sheet-globaldisplay
.sheet-pc .sheet-global-mod
.sheet-options-flag:not(:checked) ~ .sheet-display
.sheet-title
- background-color: #EFEFEF
- border-bottom-right-radius: 5px
- border-top-left-radius: 5px
- display: inline-block
- font-size: 9px
+ background-color: transparent
+ flex: 1
+ min-width: 0
+ font-size: 12px
font-weight: bold
+ color: #111
line-height: 16px
- padding-bottom: 3px
- padding-left: 4px
- padding-right: 4px
- padding-top: 3px
+ padding: 3px 4px
text-align: left
.sheet-subheader
- background-color: #EFEFEF
- border-bottom-right-radius: 5px
- border-top-left-radius: 5px
- display: inline-block
- font-size: 9px
- font-weight: bold
- height: 16px
- padding-bottom: 3px
- padding-left: 4px
- padding-right: 4px
- padding-top: 3px
- text-align: left
+ background-color: transparent !important
+ display: flex !important
+ flex-shrink: 0
+ align-items: center
+ padding: 0 !important
+ height: auto !important
+ width: auto !important
+
+// Alternating row shading in attacks section
+.sheet-attacks .repitem:nth-child(even)
+ background-color: #f4fafd
+
+// Global damage display — column-aligned values matching Range cell style (11px, normal, #555)
+.sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-subheader span
+ background: transparent !important
+ width: 60px !important
+ text-align: center !important
+ display: block !important
+ flex-shrink: 0
+ font-size: 11px !important
+ font-weight: normal !important
+ color: #555 !important
+ padding: 0 !important
+ margin: 0 !important
+
+.sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-subheader span:last-child
+ width: 96px !important
.sheet-active-flag
- position: relative
- top: -5px
+ flex-shrink: 0
+ align-self: center
+ margin-right: 6px
.sheet-options-flag:checked ~
.sheet-active-flag
@@ -4811,6 +7060,22 @@ div.sheet-globaldisplay
.sheet-display
display: none
+// Gear icon — global-mod rows
+.sheet-pc .sheet-global-mod .sheet-options-flag + span
+ font-family: 'Material Symbols Outlined' !important
+ font-size: 0 !important
+ color: #ab8b57 !important
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important
+ text-transform: none !important
+ font-variant: normal !important
+ opacity: 0.6
+.sheet-pc .sheet-global-mod .sheet-options-flag + span::before
+ content: 'settings'
+ font-size: 14px
+ line-height: 18px
+.sheet-pc .sheet-global-mod:hover .sheet-options-flag + span
+ opacity: 1
+
/* Level HP Bar
.sheet-charmancer
@@ -5041,822 +7306,12 @@ div.sheet-globaldisplay
color: red
margin-top: -.5em
-/* styling the featured slide's spell selection
-
-/* DnD5E OFFICIAL CONTENT CSS
-/* LICENSED SHEET
-
-div.sheet-licensecontainer.sheet-licensedsheet, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer
- /* NPC & MONSTER TEMPLATE
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header
- margin-left: -50px
- width: 850px
- height: 140px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-advantagetoggle, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-advantagetoggle
- top: 140px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page
- &.sheet-core > div.sheet-header, &.sheet-options > div.sheet-header
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/CharScroll.svg?sanitize=true")
- background-repeat: no-repeat
- background-size: cover
- background-position: 2px center
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page
- &.sheet-core > div.sheet-header, &.sheet-options > div.sheet-header
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/CharScroll.svg?sanitize=true")
- background-repeat: no-repeat
- background-size: cover
- background-position: 2px center
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page.sheet-bio > div.sheet-header, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-bio > div.sheet-header
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/BioScroll.svg?sanitize=true")
- background-repeat: no-repeat
- background-size: cover
- background-position: 2px center
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page.sheet-spells > div.sheet-header, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-spells > div.sheet-header
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/SpellScroll.svg?sanitize=true")
- background-repeat: no-repeat
- background-size: cover
- background-position: 2px center
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header::after, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header::after
- content: ""
- width: 30px
- height: 162px
- position: absolute
- right: -60px
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ScrollRight.svg?sanitize=true")
- background-repeat: no-repeat
- background-position: right center
- background-size: 100% 100%
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container
- width: 250px
- display: inline-block
- margin-left: 60px
- margin-top: 72px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container img, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container img
- display: none
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container span
- margin-top: 16px
- margin-left: 35px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info
- border: none
- margin-left: 54px
- width: 440px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_background], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_background]
- width: 138px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_race], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_race]
- width: 180px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_alignment], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_alignment]
- width: 140px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_experience], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_experience]
- width: 98px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_age], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_age], div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_height], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_height], div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_weight], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_weight]
- width: 100px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_eyes], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_eyes], div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_skin], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_skin], div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_hair], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_hair]
- width: 140px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part
- width: 144px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part
- select, input
- border: none
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part
- select, input
- border: none
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part select[name=attr_spellcasting_ability], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part select[name=attr_spellcasting_ability]
- text-align-last: center
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header div.sheet-part span.sheet-display, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header div.sheet-part span.sheet-display
- border: none
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-footer, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-footer
- display: none
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) input[type=radio].sheet-tab-button, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) input[type=radio].sheet-tab-button
- top: 140px
-
- + span
- top: 140px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-advantagetoggle, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-advantagetoggle
- top: 140px
-
-div.sheet-licensecontainer.sheet-licensedsheet div
- &.sheet-npc div.sheet-triangle, &.sheet-triangle
- border: none
- border-top: 3px solid transparent
- border-bottom: 3px solid transparent
- border-left: 360px solid #245485
- margin-top: 5px
- margin-bottom: 5px
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer div
- &.sheet-npc div.sheet-triangle, &.sheet-triangle
- border: none
- border-top: 3px solid transparent
- border-bottom: 3px solid transparent
- border-left: 360px solid #245485
- margin-top: 5px
- margin-bottom: 5px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-header .sheet-options-flag, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-header .sheet-options-flag, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-header .sheet-options-flag + span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-header .sheet-options-flag + span
- top: 45px
- right: -15px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-header .sheet-header-info, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-header .sheet-header-info
- margin-top: 30px
- margin-left: 51px
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/CharBox.svg?sanitize=true")
- background-position: 0
- padding: 14px
- background-size: cover
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/SpellBox.svg?sanitize=true")
- display: -webkit-inline-box
- display: -ms-inline-flexbox
- display: inline-flex
- -ms-flex-pack: distribute
- justify-content: space-around
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info .sheet-part, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info .sheet-part
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/SpellHeadBlock.svg?sanitize=true")
- background-position: top center
- background-size: contain
- background-repeat: no-repeat
- width: 30%
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attributes-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attributes-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-back.svg?sanitize=true")
- margin: 0 !important
- background-repeat: no-repeat
- background-size: cover
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container
- width: auto
- border: 0
- margin: 0 !important
- margin-top: 20px !important
- background-position: top center !important
- background-repeat: no-repeat !important
- background-size: contain !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-STR.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container ~ .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container ~ .sheet-attr-container
- margin-top: 8px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-DEX.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container
- /* constitution is abbrivated CNS instead of CON
- * because windows has that term reserved
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-CNS.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-INT.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-WIS.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-CHA.svg?sanitize=true")
- margin-bottom: 20px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container button, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container button
- font-size: 6.5px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr
- font-size: 35px
- font-weight: bold
- position: relative
- top: -5px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod
- border: none
- background: transparent
- margin-top: -10px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod
- .sheet-baseattr, .sheet-attr-flag, .sheet-finalattr
- font-size: 18px !important
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod
- .sheet-baseattr, .sheet-attr-flag, .sheet-finalattr
- font-size: 18px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/inspiration.svg?sanitize=true")
- background-repeat: no-repeat
- background-size: cover
- height: 40px
- margin-bottom: 2px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/proficency-bonus.svg?sanitize=true")
- background-repeat: no-repeat
- background-size: cover
- height: 50px
- margin-bottom: 2px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container
- .sheet-value, .sheet-label
- border: none
- background: transparent
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container
- .sheet-value, .sheet-label
- border: none
- background: transparent
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-value, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-value
- margin-top: 2px
- margin-left: 3px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-label
- width: calc(100% - 42px)
- margin-left: 0
- margin-top: 5px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container .sheet-value, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container .sheet-value
- margin-top: 8px
- margin-left: 6px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container .sheet-label
- width: calc(100% - 42px)
- margin-left: -3px
- margin-top: 10px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc)
- .sheet-saving-throw-container, .sheet-skills-container
- position: relative
- -webkit-box-sizing: border-box
- box-sizing: border-box
- padding: 5px 5px 15px
- border: 10px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/saves.svg?sanitize=true")
- border-image-slice: 65 10
- border-image-width: auto
- border-image-repeat: round
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc)
- .sheet-saving-throw-container, .sheet-skills-container
- position: relative
- -webkit-box-sizing: border-box
- box-sizing: border-box
- padding: 5px 5px 15px
- border: 10px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/saves.svg?sanitize=true")
- border-image-slice: 65 10
- border-image-width: auto
- border-image-repeat: round
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc)
- .sheet-saving-throw-container .sheet-label, .sheet-skills-container .sheet-label
- position: absolute
- width: 100%
- bottom: -5px
- margin: 0 calc(-5px)
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc)
- .sheet-saving-throw-container .sheet-label, .sheet-skills-container .sheet-label
- position: absolute
- width: 100%
- bottom: -5px
- margin: 0 calc(-5px)
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-core .sheet-col2, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-core .sheet-col2
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vitals.svg?sanitize=true")
- background-repeat: no-repeat
- background-position: top center
- background-size: contain
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc)
- .sheet-ac-init-speed-container, .sheet-hdice-dsaves-container
- width: 100% !important
- margin: 0
- padding: 10px 8px 0
- -webkit-box-sizing: border-box
- box-sizing: border-box
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- -webkit-box-pack: justify
- -ms-flex-pack: justify
- justify-content: space-between
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc)
- .sheet-ac-init-speed-container, .sheet-hdice-dsaves-container
- width: 100% !important
- margin: 0
- padding: 10px 8px 0
- -webkit-box-sizing: border-box
- box-sizing: border-box
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- -webkit-box-pack: justify
- -ms-flex-pack: justify
- justify-content: space-between
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hdice-dsaves-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hdice-dsaves-container
- padding: 0 8px 10px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-resources .sheet-hdice-dsaves-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-resources .sheet-hdice-dsaves-container
- padding: 0 0 10px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/AC.svg?sanitize=true")
- background-repeat: no-repeat
- background-position: center center
- background-size: contain
- min-height: 75px !important
- border: 0 !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac input, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac input
- margin-top: 10px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac .sheet-pc-ac, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac .sheet-pc-ac
- width: 50% !important
- margin: 0 auto
- line-height: 8px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container
- .sheet-init, .sheet-speed
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-box.svg?sanitize=true")
- background-repeat: no-repeat
- background-position: center center
- background-size: contain
- border: 0 !important
- min-height: 75px !important
- position: relative
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container
- .sheet-init, .sheet-speed
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-box.svg?sanitize=true")
- background-repeat: no-repeat
- background-position: center center
- background-size: contain
- border: 0 !important
- min-height: 75px !important
- position: relative
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc)
- .sheet-ac-init-speed-container
- .sheet-init button, .sheet-speed .sheet-label
- position: absolute
- bottom: 5px
-
- .sheet-hp .sheet-label
- position: absolute
- bottom: 5px
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc)
- .sheet-ac-init-speed-container
- .sheet-init button, .sheet-speed .sheet-label
- position: absolute
- bottom: 5px
-
- .sheet-hp .sheet-label
- position: absolute
- bottom: 5px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container
- .sheet-init span, .sheet-speed input
- display: inline-block
- margin-top: 15px
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container
- .sheet-init span, .sheet-speed input
- display: inline-block
- margin-top: 15px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp
- position: relative
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-top.svg?sanitize=true")
- background-repeat: no-repeat
- background-position: center center
- background-size: contain
- border: 0 !important
- width: calc(100% - 16px)
- height: 95px
- margin: 5px 8px 0
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top
- padding-top: 3px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top span
- margin-left: 10px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top input, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top input
- width: 132px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp + .sheet-hp, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp + .sheet-hp
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-bottom.svg?sanitize=true")
- background-repeat: no-repeat
- background-position: center center
- background-size: contain
- min-height: 70px
- margin: 0 8px 5px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-subcontainer, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer
- --topNotchSize:7px
- --bottomNotchSize:6px
- -webkit-box-sizing: border-box
- box-sizing: border-box
- margin-top: 5px
- width: 49%
- background: #fff
- border: 5px solid black
- border-top-width: 2px
- border-bottom-width: 2px
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-box.svg?sanitize=true")
- border-image-slice: 15 15
- border-image-width: auto
- border-image-repeat: round
- -webkit-clip-path: polygon(0% var(--topNotchSize), var(--topNotchSize) 0%, calc(100% - var(--topNotchSize)) 0%, 100% var(--topNotchSize), 100% calc(100% - var(--bottomNotchSize)), calc(100% - var(--bottomNotchSize)) 100%, var(--bottomNotchSize) 100%, 0% calc(100% - var(--bottomNotchSize)))
- clip-path: polygon(0% var(--topNotchSize), var(--topNotchSize) 0%, calc(100% - var(--topNotchSize)) 0%, 100% var(--topNotchSize), 100% calc(100% - var(--bottomNotchSize)), calc(100% - var(--bottomNotchSize)) 100%, var(--bottomNotchSize) 100%, 0% calc(100% - var(--bottomNotchSize)))
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type="checkbox"], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type="checkbox"]
- margin: 0px -2px
- border-radius: 50%
- border: 2px solid #000 !important
- width: 1em
- height: 1em
- background-color: white
- vertical-align: middle
- -webkit-appearance: none
- outline: none
- cursor: pointer
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type="checkbox"]:checked, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type="checkbox"]:checked
- background-color: #00ba73
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-top input, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-top input
- width: 60px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc)
- .sheet-attacks, .sheet-proficiencies, .sheet-traits, .sheet-equipment, .sheet-exhaustion
- -webkit-box-sizing: border-box
- box-sizing: border-box
- width: 100%
- margin-top: 10px
- border: 5px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/5eBorder.svg?sanitize=true")
- border-image-slice: 6% 8% 12% 8%
- border-image-width: 16px 19px 32px 19px
- border-image-repeat: round
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc)
- .sheet-attacks, .sheet-proficiencies, .sheet-traits, .sheet-equipment, .sheet-exhaustion
- -webkit-box-sizing: border-box
- box-sizing: border-box
- width: 100%
- margin-top: 10px
- border: 5px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/5eBorder.svg?sanitize=true")
- border-image-slice: 6% 8% 12% 8%
- border-image-width: 16px 19px 32px 19px
- border-image-repeat: round
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-display button *, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-display button *
- min-width: 15%
- max-width: 33%
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/perception.svg?sanitize=true")
- background-position: center center
- background-repeat: no-repeat
- background-size: contain
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container .sheet-value, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container .sheet-value
- margin-top: 3px
- margin-left: 5px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container .sheet-label
- position: absolute
- width: calc(33% - 42px) !important
- margin-left: 0
- margin-top: 5px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-tool_proficiencies, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-tool_proficiencies
- -webkit-box-sizing: border-box
- box-sizing: border-box
- width: 100%
- margin-top: 5px
- border: 5px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/proficiency-block.svg?sanitize=true")
- border-image-slice: 5 10
- border-image-width: 15px
- border-image-repeat: round
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-proficiencies .sheet-display button *, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-proficiencies .sheet-display button *
- min-width: 33%
- max-width: 50%
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf
- position: relative
- -webkit-box-sizing: border-box
- box-sizing: border-box
- width: 100%
- min-height: 6em
- margin-top: 5px
- border: 15px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-top.svg?sanitize=true")
- border-image-slice: 35 15
- border-image-width: auto
- border-image-repeat: round
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-mid.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf + .sheet-pibf + .sheet-pibf, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf + .sheet-pibf + .sheet-pibf
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-bottom.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-display, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-display
- padding: 0
- position: relative
- top: -5px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-options-flag, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-options-flag
- top: -5px
- right: -10px
-
- ~ span
- top: -5px
- right: -10px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-label
- position: absolute
- top: unset !important
- right: unset !important
- bottom: -10px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/copper.svg?sanitize=true")
- background-position: center center
- background-repeat: no-repeat
- background-size: contain
- border: none
- border-radius: 0
- margin: 5px 0
- background-color: transparent
- position: relative
- left: -9px
- height: 30px
- width: 75px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin .sheet-label
- position: relative
- margin: 0
- top: 5px
- left: 22px
- width: 15px
- height: 20px
- text-indent: -40px
- font-size: 6px
- line-height: 20px
- vertical-align: middle
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/copper.png")
- background-position: center center
- background-repeat: no-repeat
- background-size: contain
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin input, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin input
- position: relative
- top: 5px
- left: 17px
- width: 35px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/silver.svg?sanitize=true")
- margin-top: 0
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin .sheet-label
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/silver.png")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/electrum.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin .sheet-label
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/electrum.png")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/gold.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin .sheet-label
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/gold.png")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/platnum.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin .sheet-label
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/platnum.png")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-equipment .sheet-weighttotal, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-equipment .sheet-weighttotal
- left: 4px
- top: 185px
- width: 68px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox
- -webkit-box-sizing: border-box
- box-sizing: border-box
- width: 100%
- margin-top: 10px
- border: 5px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/5eBorder.svg?sanitize=true")
- border-image-slice: 32 25
- border-image-width: auto
- border-image-repeat: round
- text-align: center
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-bio .sheet-col1 .sheet-textbox + .sheet-textbox textarea, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-bio .sheet-col1 .sheet-textbox + .sheet-textbox textarea
- min-height: 640px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox textarea, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox textarea
- margin: 0 auto
- text-align: left
- width: calc(100% - 20px)
- background: transparent
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/SpellLevel.svg?sanitize=true")
- background-repeat: no-repeat
- background-position: center center
- background-size: cover
- height: 50px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-col1 .sheet-spell-level:nth-child(1), input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 .sheet-spell-level:nth-child(1)
- background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/Cantrip.svg?sanitize=true")
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level
- .sheet-level
- border: 0
- background: transparent
- position: relative
- top: 11px
-
- &::before, &::after
- border: 0
- background: transparent
- position: relative
- top: 11px
-
- .sheet-total, .sheet-expended, .sheet-primes
- border: 0
- background: transparent
- position: relative
- top: 11px
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level
- .sheet-level
- border: 0
- background: transparent
- position: relative
- top: 11px
-
- &::before, &::after
- border: 0
- background: transparent
- position: relative
- top: 11px
-
- .sheet-total, .sheet-expended, .sheet-primes
- border: 0
- background: transparent
- position: relative
- top: 11px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level span
- left: 7px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) textarea[name="attr_global_save_rollstring"], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) textarea[name="attr_global_save_rollstring"]
- width: 100px !important
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-npc_options-flag:checked ~ .sheet-npc_options, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-npc_options-flag:checked ~ .sheet-npc_options
- display: block
- width: 100%
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-container
- width: unset
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc
- -webkit-box-align: start
- -ms-flex-align: start
- align-items: flex-start
- -webkit-box-sizing: border-box
- box-sizing: border-box
- display: -webkit-inline-box
- display: -ms-inline-flexbox
- display: inline-flex
- -ms-flex-flow: wrap
- flex-flow: wrap
- margin-bottom: 2%
- min-width: 100%
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells
- .sheet-spell-labels
- [data-i18n="slots_total-u"], [data-i18n="slots_remaining-u"]
- display: none
-
- .sheet-header
- display: none
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells
- .sheet-spell-labels
- [data-i18n="slots_total-u"], [data-i18n="slots_remaining-u"]
- display: none
-
- .sheet-header
- display: none
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc
- top: unset
- width: 100%
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body
- display: -webkit-inline-box
- display: -ms-inline-flexbox
- display: inline-flex
- -ms-flex-flow: wrap
- flex-flow: wrap
- margin-top: 0px
- max-width: 95%
- width: -webkit-fit-content
- width: -moz-fit-content
- width: fit-content
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body .sheet-col, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body .sheet-col
- background: #fff
- -webkit-box-sizing: border-box
- box-sizing: border-box
- display: inline-block
- margin-right: 0.5em
- max-width: 32%
- min-width: 250px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc
- .sheet-actions, .sheet-stat-block
- background: #fff
- -webkit-box-sizing: border-box
- box-sizing: border-box
- margin-right: 2em
- max-width: 30%
- min-width: 385px
-
-input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc
- .sheet-actions, .sheet-stat-block
- background: #fff
- -webkit-box-sizing: border-box
- box-sizing: border-box
- margin-right: 2em
- max-width: 30%
- min-width: 385px
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions button[type="roll"], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions button[type="roll"]
- white-space: normal
-
-div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions
- margin-top: 2em
-
/* CHARACTERMANCER
div.sheet-charmancer
div.sheet-licensedsheet-flag
display: none
- &.sheet-licensedsheet .sheet-logos
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- width: 100%
- text-align: center
- -webkit-box-orient: vertical
- -webkit-box-direction: normal
- -ms-flex-flow: column
- flex-flow: column
- margin-bottom: 1em
-
.sheet-logos, .sheet-logos
display: -webkit-box
display: -ms-flexbox
@@ -5871,40 +7326,14 @@ div.sheet-charmancer
.sheet-charmancer-logo
margin: 0 auto
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/charactermancer-1.png")
+ background: url("https://files.d20.io/images/175804954/NpVwmiRV0kYn9jOSipyXyA/med.png?1604618290")
background-position: center
background-size: contain
background-repeat: no-repeat
- display: -webkit-box
- display: -ms-flexbox
display: flex
width: 70%
height: 5em
- .sheet-charmancer-logo, .sheet-charmancer-logo
- margin: 0 auto
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/charactermancer-1.png")
- background-position: center
- background-size: contain
- background-repeat: no-repeat
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- width: 70%
- height: 5em
-
- &.sheet-licensedsheet .sheet-compendium-logo
- margin: 0 auto
- background: url("https://raw.githubusercontent.com/skydawn1/esper_genesis/master/EG_Logo.png")
- background-position: center
- background-size: contain
- background-repeat: no-repeat
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- width: 50%
- height: 3em
-
.sheet-compendium-logo, .sheet-compendium-logo
margin: 0 auto
background: url("https://raw.githubusercontent.com/skydawn1/esper_genesis/master/EG_Logo.png")
@@ -5917,232 +7346,6 @@ div.sheet-charmancer
width: 50%
height: 3em
- &.sheet-licensedsheet .sheet-expansions
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- width: 100%
- margin: 1em 0
- padding: 1em
- background: #eee
- border-radius: .5em
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-expansions, .sheet-expansions
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- width: 100%
- margin: 1em 0
- padding: 1em
- background: #eee
- border-radius: .5em
-
- &.sheet-licensedsheet .sheet-expansions p
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- width: 100%
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-expansions p, .sheet-expansions p
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- width: 100%
-
- &.sheet-licensedsheet
- .sheet-meta-info-container, .sheet-summary-container
- -webkit-box-sizing: border-box
- box-sizing: border-box
- width: 100% !important
- padding: .5em
- border: 10px solid black !important
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png") !important
- border-image-slice: 20 32 !important
- border-image-width: auto !important
- border-image-repeat: round !important
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- *
- .sheet-meta-info-container, .sheet-summary-container
- -webkit-box-sizing: border-box
- box-sizing: border-box
- width: 100% !important
- padding: .5em
- border: 10px solid black !important
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png") !important
- border-image-slice: 20 32 !important
- border-image-width: auto !important
- border-image-repeat: round !important
-
- .sheet-meta-info-container, .sheet-summary-container
- -webkit-box-sizing: border-box
- box-sizing: border-box
- width: 100% !important
- padding: .5em
- border: 10px solid black !important
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png") !important
- border-image-slice: 20 32 !important
- border-image-width: auto !important
- border-image-repeat: round !important
-
- &.sheet-licensedsheet .sheet-info .sheet-compendium-page
- -webkit-box-sizing: border-box
- box-sizing: border-box
- border: 10px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png")
- border-image-slice: 20 32
- border-image-width: auto
- border-image-repeat: round
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-info .sheet-compendium-page, .sheet-info .sheet-compendium-page
- -webkit-box-sizing: border-box
- box-sizing: border-box
- border: 10px solid black
- border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png")
- border-image-slice: 20 32
- border-image-width: auto
- border-image-repeat: round
-
- &.sheet-licensedsheet .sheet-row
- border: 0 !important
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-row, .sheet-row
- border: 0 !important
-
- &.sheet-licensedsheet
- .sheet-row + .sheet-row::before, .sheet-holder .sheet-row::before
- content: ""
- margin-bottom: 1em
- display: block
- border: none
- border-top: 3px solid transparent
- border-bottom: 3px solid transparent
- border-left: 300px solid #245485
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- *
- .sheet-row + .sheet-row::before, .sheet-holder .sheet-row::before
- content: ""
- margin-bottom: 1em
- display: block
- border: none
- border-top: 3px solid transparent
- border-bottom: 3px solid transparent
- border-left: 300px solid #245485
-
- .sheet-row + .sheet-row::before, .sheet-holder .sheet-row::before
- content: ""
- margin-bottom: 1em
- display: block
- border: none
- border-top: 3px solid transparent
- border-bottom: 3px solid transparent
- border-left: 300px solid #245485
-
- &.sheet-licensedsheet .sheet-row .sheet-row::before
- border: 0
- margin: 0
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-row .sheet-row::before, .sheet-row .sheet-row::before
- border: 0
- margin: 0
-
- &.sheet-licensedsheet .sheet-row div.sheet-row
- padding: 0.1em 1.5em 0.1em 0
- margin-left: 0
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-row div.sheet-row, .sheet-row div.sheet-row
- padding: 0.1em 1.5em 0.1em 0
- margin-left: 0
-
- &.sheet-licensedsheet .sheet-topbar
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- -webkit-box-orient: vertical
- -webkit-box-direction: normal
- -ms-flex-flow: column
- flex-flow: column
- -webkit-box-pack: justify
- -ms-flex-pack: justify
- justify-content: space-between
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-topbar, .sheet-topbar
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- -webkit-box-orient: vertical
- -webkit-box-direction: normal
- -ms-flex-flow: column
- flex-flow: column
- -webkit-box-pack: justify
- -ms-flex-pack: justify
- justify-content: space-between
-
- &.sheet-licensedsheet .sheet-topbar .sheet-topbar-container
- width: 100%
- border: 0
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- -webkit-box-pack: justify
- -ms-flex-pack: justify
- justify-content: space-between
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-topbar .sheet-topbar-container, .sheet-topbar .sheet-topbar-container
- width: 100%
- border: 0
- display: -webkit-box
- display: -ms-flexbox
- display: flex
- -webkit-box-pack: justify
- -ms-flex-pack: justify
- justify-content: space-between
-
- &.sheet-licensedsheet .sheet-attr-container
- -webkit-box-orient: vertical
- -webkit-box-direction: reverse
- -ms-flex-flow: column-reverse
- flex-flow: column-reverse
- min-width: 15%
- display: -webkit-inline-box !important
- display: -ms-inline-flexbox !important
- display: inline-flex !important
- -ms-flex-line-pack: space-evenly
- align-content: space-evenly
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-attr-container, .sheet-attr-container
- -webkit-box-orient: vertical
- -webkit-box-direction: reverse
- -ms-flex-flow: column-reverse
- flex-flow: column-reverse
- min-width: 15%
- display: -webkit-inline-box !important
- display: -ms-inline-flexbox !important
- display: inline-flex !important
- -ms-flex-line-pack: space-evenly
- align-content: space-evenly
-
- &.sheet-licensedsheet .sheet-summary:nth-child(even)
- background: #eee
- margin: 0 -.8em .8em
- padding: .5em .8em
-
- div.sheet-licensedsheet-flag:not(:empty) ~
- * .sheet-summary:nth-child(even), .sheet-summary:nth-child(even)
- background: #eee
- margin: 0 -.8em .8em
- padding: .5em .8em
-
/* ROLL TEMPLATE
.sheet-rolltemplate-simple div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-atk div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-dmg div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-atkdmg div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-desc div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-spell div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-traits div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-npc div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-npcatk div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-npcdmg div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-npcaction div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-mancerroll div[class|="sheet-licensedsheet-flag"], .sheet-rolltemplate-mancerhproll div[class|="sheet-licensedsheet-flag"]
@@ -6151,118 +7354,6 @@ div.sheet-charmancer
.sheet-rolltemplate-simple, .sheet-rolltemplate-atk, .sheet-rolltemplate-atkdmg, .sheet-rolltemplate-dmg, .sheet-rolltemplate-desc
image-rendering: -webkit-optimize-contrast
-.sheet-rolltemplate-simple div.sheet-licensedsheet-flag-1 ~ div.sheet-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Simple.png") top left
-
-.sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-container, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container.sheet-atk
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Attack.png") top left
- background-color: inherit
-
-.sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div
- &.sheet-atk
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Attack.png") top left
- background-color: inherit
-
- &.sheet-container
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Damage.png") top left
- background-color: inherit
-
-.sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container.sheet-damagetemplate
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Damage.png") top left
- background-color: inherit
-
-.sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Desc.png") top left
- background-color: inherit
- padding-bottom: 0.35em
- padding-top: 0.35em
-
-.sheet-rolltemplate-simple div.sheet-licensedsheet-flag-1 ~ div.sheet-container, .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-container, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container.sheet-atk
- background-repeat: no-repeat
- background-size: 13.8em 100%
- border: none
- width: 100%
-
-.sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div
- &.sheet-atk, &.sheet-container
- background-repeat: no-repeat
- background-size: 13.8em 100%
- border: none
- width: 100%
-
-.sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container.sheet-damagetemplate, .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc
- background-repeat: no-repeat
- background-size: 13.8em 100%
- border: none
- width: 100%
-
-.sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info
- background: none
- width: 100%
-
-.sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info > span, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info > span, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info > span, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info > span
- padding: 0px
-
-.sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-bottom, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-bottom, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-bottom, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-bottom
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Info-Bottom.png") top left
- height: 1.1em
- background-size: 100% 100%
- margin-bottom: -0.3em
-
-.sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-top, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-top, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-top, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-top
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Info-Top.png") top left
- height: 1.1em
- background-size: 100% 100%
- margin-top: -0.3em
-
-.sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-middle, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-middle, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-middle, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-middle
- background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Info-Middle.png") top left
- background-size: 100% 100%
-
-.sheet-rolltemplate-npc div.sheet-licensedsheet-flag-1 ~ div.sheet-arrow-right, .sheet-rolltemplate-npcaction div.sheet-licensedsheet-flag-1 ~ div.sheet-arrow-right, .sheet-rolltemplate-npcatk div.sheet-licensedsheet-flag-1 ~ div.sheet-arrow-right, .sheet-rolltemplate-npcdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-arrow-right
- border: none
- border-top: 0.25em solid transparent
- border-bottom: 0.25em solid transparent
- border-left: 14em solid #245485
-
-.sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-advspacer, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-advspacer, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-advspacer
- margin-top: 1px
-
-/* DIALOGUE PROMPT
-.charsheet input.sheet-licensedsheet[value="1"] ~
- .sheet-monster_confirm span:not(.sheet-yes), .sheet-mancer_confirm span:not(.sheet-yes)
- font-size: 1.68em
- font-weight: bold
-
- .sheet-compendium_warning, .sheet-monster_confirm, .sheet-mancer_confirm
- position: absolute !important
- padding: 2em 0 !important
- min-height: -webkit-max-content
- min-height: -moz-max-content
- min-height: max-content
- -webkit-box-shadow: 0 0 50px #000
- box-shadow: 0 0 50px #000
- border: 2px solid #000 !important
- border-radius: .5em
-
- .sheet-monster_confirm span:not(.sheet-yes), .sheet-mancer_confirm span:not(.sheet-yes)
- font-weight: bold
- font-size: 18px
-
- .sheet-monster_confirm .sheet-yes, .sheet-mancer_confirm .sheet-yes
- color: #000
- background-color: #eee
-
- .sheet-monster_confirm .sheet-yes:hover, .sheet-mancer_confirm .sheet-yes:hover
- + .sheet-yes
- color: #fff
- background-color: #00ba73
- cursor: pointer
-
- color: #fff
- background-color: #00ba73
- cursor: pointer
-
/* Licensed Styling Start */
.charsheet .sheet-pc
@@ -6311,6 +7402,207 @@ div.sheet-charmancer
&:before
top: -5px
+ // Abilities Bar — horizontal row above body (all three main tabs)
+ .sheet-pc-default .sheet-abilities-bar
+ display: flex
+ width: 860px
+ border: 1.5px solid #ab8b57
+ border-radius: 5px
+ background: transparent
+ margin-top: 6px
+ margin-bottom: 0
+ position: relative
+ padding: 26px 0 4px
+
+ // Hide the duplicate final-score span next to the score input
+ .sheet-abilities-bar .sheet-finalattr
+ display: none
+
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-col
+ flex: 1
+ display: flex
+ flex-direction: column
+ align-items: center
+ padding: 6px 4px 4px
+ position: relative
+ &:not(:last-of-type)::after
+ content: ''
+ position: absolute
+ right: 0
+ top: 6px
+ bottom: 4px
+ width: 1px
+ background: #3a2e14
+
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-header
+ display: flex
+ align-items: center
+ gap: 5px
+ margin-bottom: 5px
+ button[type=roll]
+ color: #245485
+ font-weight: bold
+ font-size: 14px
+ line-height: 1
+ background: transparent
+ border: none
+ padding: 0
+ text-shadow: none
+ box-shadow: none
+ background-image: none
+ min-width: 28px
+ text-align: center
+ &:before
+ content: '' !important
+ .sheet-baseattr
+ width: 30px
+ text-align: center
+ border: 1px solid #ab8b57
+ border-radius: 3px
+ font-size: 13px
+ font-weight: bold
+ color: #000 !important
+ background: #f0f0f0 !important
+ box-shadow: none !important
+ -webkit-appearance: none
+ padding: 1px 2px
+ margin-top: 0
+
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-modifiers
+ display: flex
+ gap: 3px
+ width: 100%
+ justify-content: center
+
+ // Mod/Save outer blocks — flex column containers only, no background
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-mod-block,
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-save-block
+ display: flex
+ flex-direction: column
+ align-items: center
+ gap: 4px
+ min-width: 46px
+ text-align: center
+
+ // Inner framed value box — light gray with gold border, centered content
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-val-box
+ display: flex
+ flex-direction: column
+ align-items: center
+ justify-content: center
+ background: #f0f0f0
+ border: 1px solid #ab8b57
+ border-radius: 4px
+ padding: 4px 5px
+ width: 46px
+ min-height: 46px
+ box-sizing: border-box
+
+ // Value spans inside val-box
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-val-box
+ .sheet-attr,
+ .sheet-save-val
+ font-size: 20px
+ line-height: 24px
+ color: #000
+ font-weight: bold
+ display: block
+ margin-top: 0 !important
+
+ // Roll buttons inside val-box — transparent, no chrome
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-val-box
+ button[type=roll]
+ background: transparent
+ border: none
+ text-shadow: none
+ box-shadow: none
+ background-image: none
+ padding: 0
+ display: block
+ cursor: pointer
+ color: #000
+ font-size: 20px
+ line-height: 24px
+ font-weight: bold
+ &:before
+ content: '' !important
+
+ // + prefix for positive modifiers
+ .sheet-abilities-bar .sheet-ability-mod-block
+ input[type=hidden]:not([value^="-"]):not([value="0"]) + button .sheet-attr
+ &:before
+ content: '+'
+
+ // + prefix for positive save values
+ .sheet-abilities-bar .sheet-ability-save-block
+ input[type=hidden]:not([value^="-"]):not([value="0"]) + button .sheet-save-val
+ &:before
+ content: '+'
+
+ // Saving throw proficiency — styled as circular pip (blue when checked)
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-save-block > input[type=checkbox]
+ -webkit-appearance: none
+ -moz-appearance: none
+ appearance: none
+ display: block !important
+ width: 12px !important
+ height: 12px !important
+ border-radius: 50% !important
+ border: 1.5px dashed #066dce !important
+ background: transparent !important
+ cursor: pointer !important
+ margin: -10px auto 0 !important
+ padding: 0 !important
+ box-shadow: none !important
+ flex-shrink: 0
+ &:checked
+ background: #066dce !important
+ border-color: #066dce !important
+ border-style: solid !important
+
+ // Label below the val-box
+ .sheet-pc-default .sheet-abilities-bar .sheet-ab-label
+ font-size: 8px
+ color: #888
+ text-transform: uppercase
+ font-weight: bold
+ display: block
+ text-align: center
+ line-height: 1.2
+ margin-top: 0 !important
+
+ // Push the Mod label down to align with Save label (which sits below the checkbox)
+ .sheet-pc-default .sheet-abilities-bar .sheet-ability-mod-block .sheet-ab-label
+ margin-top: 6px !important
+
+ // Section label — Oxanium blue small-caps header at top-left of bar
+ .sheet-pc-default .sheet-abilities-bar .sheet-ab-section-label
+ position: absolute
+ top: 2px
+ left: 8px
+ background: transparent
+ padding: 8px
+ line-height: 1
+ span
+ font-family: 'Oxanium', sans-serif
+ font-size: 16px
+ font-weight: bold
+ color: #245485
+ font-variant: small-caps
+ text-transform: none
+ letter-spacing: normal
+ margin-top: 0 !important
+
+ // Reduce body top margin since abilities bar provides spacing
+ .sheet-page.sheet-core .sheet-body,
+ .sheet-page.sheet-bio .sheet-body,
+ .sheet-page.sheet-spells .sheet-body
+ margin-top: 6px
+
+ // Hide abilities bar when Starship sheet type is active
+ .sheet-pc-default:has(input[value="starship"]:checked) .sheet-abilities-bar
+ display: none !important
+
.sheet-skills-list
overflow: hidden
padding-top: 0
@@ -6325,21 +7617,116 @@ div.sheet-charmancer
border-bottom: 1px solid white
border-top-color: 1px solid white
+ // Orphaned OGL column-header row — replaced by inline per-bar labels
+ .sheet-spell-labels
+ display: none !important
+
+ // Hide slot counters for TP-only (Melder/Adept) and Talent Slot (Cybermancer) classes
+ .sheet-page.sheet-spells
+ .sheet-uses-power-slots-flag:not([value="1"]) ~ .sheet-body .sheet-spell-level .sheet-total,
+ .sheet-uses-power-slots-flag:not([value="1"]) ~ .sheet-body .sheet-spell-level .sheet-expended
+ display: none !important
+
.sheet-spell-level
background: #e2c285
border: 1px solid #68593d
border-radius: 5px
position: relative
padding: 7px
+ display: flex
+ flex-wrap: nowrap
+ align-items: center
+ gap: 8px
> *:not(.sheet-rank):not(.sheet-tp)
display: none
+ // Slot Total counter (auto-calculated)
+ .sheet-total
+ display: flex !important
+ flex-direction: column
+ align-items: center
+ justify-content: center
+ order: 2
+ flex: 0 0 auto
+ width: auto
+ height: auto
+ border: none
+ background: transparent
+ margin-left: 0
+ border-radius: 0
+ span
+ font-size: 16px
+ font-weight: bold
+ color: #245485
+ position: static
+ top: 0
+ display: block
+ text-align: center
+ width: auto
+ min-width: 16px
+ line-height: 1
+ margin-top: 0
+ &::after
+ content: 'TOTAL'
+ font-family: Oxanium, sans-serif
+ font-size: 8px
+ font-weight: bold
+ color: rgba(0,0,0,0.45)
+ text-transform: uppercase
+ letter-spacing: 0.3px
+ display: block
+ text-align: center
+ margin-top: 2px
+
+ // Slot Remaining counter (player-editable)
+ .sheet-expended
+ display: flex !important
+ flex-direction: column
+ align-items: center
+ justify-content: center
+ order: 3
+ flex: 0 0 auto
+ width: auto
+ height: auto
+ border: none
+ background: transparent
+ margin-left: 0
+ border-radius: 0
+ input[type=number]
+ font-size: 14px
+ font-weight: bold
+ color: #245485
+ width: 36px
+ height: 22px
+ text-align: center
+ background: rgba(255,255,255,0.6)
+ border: 1px solid rgba(103,89,61,0.6) !important
+ border-radius: 3px
+ padding: 0
+ margin: 0
+ box-shadow: none !important
+ -webkit-appearance: none
+ -moz-appearance: textfield
+ &::after
+ content: 'REMAINING'
+ font-family: Oxanium, sans-serif
+ font-size: 8px
+ font-weight: bold
+ color: rgba(0,0,0,0.45)
+ text-transform: uppercase
+ letter-spacing: 0.3px
+ display: block
+ text-align: center
+ margin-top: 2px
+
.sheet-rank
- display: block
+ display: inline-block
font-size: 12px
margin: 0
- width: 100%
+ flex: 1 1 auto
+ width: auto
+ order: 1
span
display: inline
font-size: 12px
@@ -6349,18 +7736,17 @@ div.sheet-charmancer
width: auto
&:last-child
margin-left: 5px
-
+
.sheet-tp
border: 0
color: #394876
font-size: 12px
font-weight: bold
margin: 0
- position: absolute
- right: 7px
+ flex: 0 0 auto
text-transform: uppercase
- top: 7px
width: auto
+ order: 4
&:before
content: 'tp:'
@@ -6370,14 +7756,6 @@ div.sheet-charmancer
/* PC Ship */
.sheet-pc-ship
- .sheet-tab-button
- top: 0px
- &+span
- font-size: 13px
- font-weight: bold
- line-height: 1.42857143
- top: 0px
-
input
width: 100%
@@ -6407,23 +7785,46 @@ div.sheet-charmancer
border: 1px solid black
border-radius: 0
- .sheet-top
- margin-bottom: 40px
- padding-top: 30px
+ .sheet-ship-logo-footer
+ text-align: right
+ padding: 12px 10px 8px 0
+ .sheet-ship-logo-img
+ width: 266px
+ opacity: 0.85
- .sheet-logo
- h2
- line-height: normal
- text-align: left
- span
- font-size: 32px
- -webkit-text-stroke: 1px #e2c285
- text-stroke: 1px #e2c285
- div
- flex-grow: 1
- text-align: right
- img
- width: 355px
+ .sheet-ship-top-layout
+ display: flex
+ flex-direction: row
+ align-items: stretch
+ gap: 12px
+
+ .sheet-token-frame
+ width: 90px
+ flex-shrink: 0
+ border: 3px solid #ab8b57
+ border-radius: 8px
+ overflow: hidden
+ background: #fff
+ display: flex
+ align-items: center
+ justify-content: center
+
+ .sheet-char-avatar
+ width: 100%
+ height: 100%
+ object-fit: contain
+ display: block
+
+ .sheet-ship-info
+ flex: 1
+ display: flex
+ flex-direction: column
+ justify-content: center
+ gap: 4px
+
+ .sheet-top
+ margin-bottom: 20px
+ padding-top: 10px
.sheet-flex-container
align-items: flex-end
@@ -6435,14 +7836,67 @@ div.sheet-charmancer
font-size: 13px
line-height: normal
white-space: nowrap
-
- input
+
+ input[type=text]
+ -webkit-appearance: none
+ appearance: none
+ background: transparent
border: none
- border-bottom: 1px solid black
+ border-bottom: 1px solid #D3D3D3
border-radius: 0
&:not(:last-child)
margin-right: 5px
-
+
+ input.sheet-ship-compact
+ max-width: 90px
+
+ .sheet-crew-roles
+ border: 1px solid #e2c285
+ border-radius: 6px
+ margin-bottom: 20px
+ padding: 12px
+
+ .sheet-flex-container
+ gap: 10px
+
+ .sheet-crew-field
+ display: flex
+ flex-direction: column
+ flex: 1
+ min-width: 0
+ width: auto
+
+ input[type=text]
+ background: transparent
+ border: none
+ border-bottom: 1px solid #D3D3D3
+ border-radius: 0
+ width: 100%
+
+ span
+ color: #000
+ font-size: 10px
+ font-weight: bold
+ letter-spacing: 1px
+ margin-top: 4px
+ text-transform: uppercase
+
+ .sheet-piloting-maneuver-check
+ h3
+ button
+ span
+ margin-left: 4px
+ background: none
+ border: none
+ color: inherit
+ cursor: pointer
+ font-family: inherit
+ font-size: inherit
+ font-weight: inherit
+ padding: 0
+ text-decoration: underline
+ text-decoration-style: dotted
+
.sheet-middle
grid-column-gap: 40px
grid-template-areas: "left left left left left left center center center center center right right right right right right"
@@ -6506,11 +7960,13 @@ div.sheet-charmancer
input
border-radius: 24px
+ font-size: 18px
+ font-weight: bold
height: 48px
outline: none
text-align: center
width: 48px
-
+
.sheet-sensors-and-initiative
grid-template-columns: repeat(2, 1fr)
grid-gap: 20px
@@ -6526,18 +7982,23 @@ div.sheet-charmancer
label
grid-template-columns: 48px 1fr
grid-gap: 10px
-
+
input
+ background: white
+ border: 2px solid black
border-radius: 24px
+ font-size: 20px
+ font-weight: bold
height: 48px
outline: none
text-align: center
width: 48px
-
+
span
align-items: center
display: flex
font-size: 11px
+ font-weight: normal
.sheet-col-center
@@ -6547,6 +8008,7 @@ div.sheet-charmancer
.sheet-piloting-maneuver-check
h3
+ margin-bottom: 10px
span
text-align: center
@@ -6567,7 +8029,11 @@ div.sheet-charmancer
background: #f4fafd
margin-top: 20px
padding: 10px
-
+
+ h3
+ margin-bottom: 8px
+ text-align: center
+
> label
text-align: center
@@ -6644,8 +8110,17 @@ div.sheet-charmancer
font-size: 11px
+
+ .sheet-bottom
+ .sheet-features-cargo-row
+ grid-template-columns: 1fr 1fr
+ margin-top: 20px
+ padding-bottom: 20px
+
.sheet-special-features
- margin-top: 20px
+ h3
+ border-bottom: 1px solid black
+
.repcontainer
.repitem
position: relative
@@ -6672,7 +8147,6 @@ div.sheet-charmancer
opacity: 0
.sheet-ship-cargo
- margin-top: 20px
.repcontainer
border: 1px solid black
@@ -6682,7 +8156,7 @@ div.sheet-charmancer
.sheet-grid-container
grid-template-columns: 1fr 85px
-
+
input
border: none
border-radius: 0
@@ -6690,14 +8164,6 @@ div.sheet-charmancer
outline: none
width: 100%
- div:first-child
- input
- border-right: 1px solid black
-
- div:last-child
- input
- text-align: right
-
.sheet-bottom
margin-top: 40px
.sheet-grid-container
@@ -6715,7 +8181,7 @@ div.sheet-charmancer
text-align: center
> .sheet-grid-container
- grid-template-columns: 115px 1fr
+ grid-template-columns: 98px 1fr
grid-gap: 10px
> div:first-child
@@ -6726,7 +8192,19 @@ div.sheet-charmancer
grid-template-rows: repeat(4, 1fr)
grid-template-columns: 30px 1fr
grid-gap: 5px
-
+
+ input
+ text-align: center
+
+ .sheet-static-num
+ display: block
+ width: 100%
+ text-align: center
+ border: 1px solid #ccc
+ background: #fff
+ font-size: 14px
+ line-height: 22px
+
label
align-items: center
display: flex
@@ -6792,101 +8270,150 @@ div.sheet-charmancer
width: 100%
.sheet-weapon-systems
- .sheet-table-header
- grid-template-columns: 45px 1fr 60px 30px 50px 70px
- grid-gap: 2px
- max-width: calc(50% - 30px)
- span
- font-size: 11px
-
.repcontainer
column-gap: 20px
display: grid
- grid-template-columns: repeat(2, 1fr)
+ grid-template-columns: 1fr
.repitem
border-top: 2px solid #e2c285
- margin-right: 20px
- button[type='roll']
- position: absolute
- top: 4px
- right: -20px
- background: none
- border: none
- color: black
- box-shadow: none
- margin: 0
- padding: 0
- font-weight: bold
- &:hover
- color: #00ba73
+ .sheet-weapon-action
+ position: relative
+ padding-right: 22px
- .sheet-table-body
- grid-template-columns: 45px 1fr 60px 30px 50px 70px
- grid-gap: 2px
+ .sheet-weapon-flag
+ cursor: pointer
+ height: 18px
+ margin: 0
+ opacity: 0
+ position: absolute
+ right: 2px
+ top: 4px
+ width: 18px
+ z-index: 2
- input[type="text"]
- border: 1px solid black
- border-radius: 0
- outline: none
-
- .sheet-table-meta
- grid-template-columns: 1fr 92px 122px
- grid-gap: 2px
+ .sheet-weapon-flag + span
+ align-items: center
+ color: #A0A0A0
+ cursor: pointer
+ display: none
+ font-family: pictos
+ font-size: 18px
+ height: 18px
+ justify-content: center
+ position: absolute
+ right: 2px
+ top: 4px
+ width: 18px
- input[type="text"]
- border: none
- border-radius: 0
- outline: none
-
- label
- align-items: center
- display: flex
- > *:not(:last-child)
- margin-right: 5px
+ .sheet-weapon-flag:checked + span
+ color: #000
+ display: flex
- span
- font-size: 11px
-
- .sheet-recharge input
- appearance: none
- border: 1px solid black
- height: 16px
- outline: none
- width: 16px
+ .sheet-weapon-action:hover .sheet-weapon-flag + span
+ display: flex
- &:nth-child(2)
- order: 4
- &:checked + input,
- &:checked + input + input
- background: black
+ .sheet-weapon-flag:checked ~ .sheet-weapon-options
+ display: block
- &:nth-child(3)
- order: 3
- &:checked + input
- background: black
+ .sheet-weapon-flag:not(:checked) ~ .sheet-weapon-options
+ display: none
- &:nth-child(4)
- order: 2
- margin-right: 5px
+ .sheet-weapon-flag:checked ~ .sheet-weapon-display
+ display: none
- &:checked
- background: black
+ .sheet-weapon-flag:not(:checked) ~ .sheet-weapon-display
+ display: block
- > div:last-child
- margin-top: -23px
- padding: 0 40px
- pointer-events: none
- text-align: center
- span
- background: #f4fafd
- border: 1px solid black
- display: inline-block
+ .sheet-weapon-options
+ padding: 4px 0
+
+ .sheet-weapon-row
+ align-items: center
+ display: flex
+ gap: 6px
+ margin-bottom: 4px
+
+ > span
font-size: 11px
- line-height: normal
- margin: 0 auto
- padding: 2px
+ font-weight: bold
+ white-space: nowrap
+
+ > span:first-child
+ min-width: 60px
+
+ input[type=text]
+ border: none
+ border-bottom: 1px solid black
+ flex: 1
+ font-size: 12px
+ min-width: 0
+ padding: 1px 2px
+
+ input[type=checkbox]
+ appearance: none
+ border: 1px solid black
+ flex: none
+ height: 14px
+ outline: none
+ width: 14px
+
+ &:checked
+ background: black
+
+ .sheet-weapon-display
+ button[type=roll]
+ align-items: center
+ background: none
+ border: none
+ box-shadow: none
+ color: inherit
+ cursor: pointer
+ display: flex
+ flex-wrap: wrap
+ column-gap: 6px
+ row-gap: 0
+ padding: 4px 0
+ text-align: left
+ width: 100%
+ &:hover
+ color: #066dce
+
+ img
+ height: 16px
+ width: 16px
+ flex: 0 0 auto
+
+ &:hover
+ color: #00ba73
+
+ .sheet-weapon-name
+ flex: 0 0 auto
+ font-size: 13px
+ font-weight: bold
+
+ .sheet-weapon-meta
+ color: #555
+ flex: 0 0 100%
+ font-size: 11px
+ font-style: italic
+ padding-left: 22px
+ &:checked
+ background: black
+
+ .sheet-weapon-systems-info
+ margin-top: 2px
+ pointer-events: none
+ text-align: center
+ span
+ background: #f4fafd
+ border: 1px solid black
+ display: inline-block
+ font-size: 11px
+ line-height: normal
+ margin: 0 auto
+ padding: 2px
.sheet-hull-points
h3
@@ -6898,7 +8425,7 @@ div.sheet-charmancer
text-align: center
img
- min-width: 170px
+ min-width: 153px
.sheet-resistances
margin-top: 20px
@@ -6955,12 +8482,14 @@ div.sheet-charmancer
line-height: 11px
span
font-size: 11px
+ input
+ text-align: center
.sheet-grid-container
align-items: end
grid-template-columns: repeat(3, 1fr)
- grid-gap: 20px
-
+ grid-gap: 20px
+
span[data-i18n="patch-repair-info"]
display: block
font-size: 9px
@@ -7009,25 +8538,36 @@ div.sheet-charmancer
font-size: 11px
.sheet-grid-container
- grid-template-columns: 110px 1fr
+ align-items: stretch
+ grid-template-columns: 94px 1fr
grid-gap: 10px
+
> div
.sheet-fancy-input
img
input
-
+ font-size: 26px
+
> label
background: white
border: 1px solid black
+ display: flex
+ flex-direction: column
input
border: 0
- min-height: calc(100% - 18px)
+ flex: 1
span
display: inline-block
font-size: 11px
text-align: center
width: 100%
+ > span
+ display: block
+ font-size: 11px
+ margin-top: 6px
+ text-align: center
+
.sheet-max-weapon-payload
align-items: center
grid-template-columns: 1fr 34px!important
@@ -7044,14 +8584,167 @@ div.sheet-charmancer
text-align: center
width: 34px
+.sheet-pc-logo-footer
+ text-align: right
+ padding: 12px 10px 8px 0
+ .sheet-pc-logo-img
+ width: 266px
+ opacity: 0.85
+
.sheet-pc
.sheet-pc-ship
display: none
-
+
.sheet-pc-default
- .sheet-tab-button.sheet-type-pc + span
- color: #FFFFFF
- background-color: #00ba73
+
+// ---- Feature: Hero Points ----
+.sheet-hero-points
+ display: flex
+ flex-wrap: wrap
+ align-items: stretch
+ width: 100%
+ margin-top: 8px
+ border: 1px solid rgba(171,139,87,0.5)
+ border-radius: 6px
+ overflow: hidden
+ &::before
+ content: 'HERO POINTS'
+ flex: 0 0 100%
+ display: block
+ font-family: 'Oxanium', sans-serif
+ font-size: 9px
+ font-weight: bold
+ color: #245485
+ text-align: center
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ border-bottom: 1px solid rgba(171,139,87,0.5)
+ padding: 3px 0
+ .sheet-value
+ flex: 0 0 48px
+ display: flex
+ align-items: center
+ justify-content: center
+ padding: 4px
+ border-right: 1px solid rgba(171,139,87,0.4)
+ input
+ font-size: 22px
+ font-weight: bold
+ color: #245485
+ border: none
+ background: transparent
+ width: 40px
+ height: auto
+ text-align: center
+ padding: 0
+ box-shadow: none
+ .sheet-label
+ flex: 1
+ position: relative
+ display: flex
+ button
+ flex: 1
+ background: transparent
+ background-image: none
+ border: none
+ box-shadow: none
+ text-shadow: none
+ padding: 4px 6px
+ min-height: 38px
+ display: flex
+ flex-direction: column
+ align-items: center
+ justify-content: center
+ cursor: pointer
+ border-radius: 0
+ margin: 0 !important
+ transition: background 0.2s
+ &::before
+ content: none
+ > span:first-child
+ font-family: 'Oxanium', sans-serif
+ font-size: 13px
+ font-weight: bold
+ color: #245485
+ display: flex
+ align-items: center
+ justify-content: center
+ line-height: 1
+ > span[data-i18n]
+ display: none
+ > span:last-of-type
+ display: none
+ font-family: 'Oxanium', sans-serif
+ font-size: 8px
+ font-weight: bold
+ color: #c0392b
+ text-transform: uppercase
+ letter-spacing: 0.5px
+ margin-top: 3px
+ input
+ position: absolute
+ top: 0
+ left: 0
+ opacity: 0
+ pointer-events: all
+ width: 100% !important
+ height: 100% !important
+ input[name="attr_hero_points"][value="0"] ~ .sheet-label button
+ pointer-events: none !important
+ > span:first-child
+ opacity: 0.35
+ > span:last-of-type
+ display: block
+
+.charsheet .sheet-hero-points .sheet-label button:hover
+ background: rgba(171,139,87,0.12) !important
+ > span:first-child
+ color: #066dce !important
+
+input[name="attr_use_hero_points"]:not([value="1"]) + .sheet-hero-points
+ display: none
+
+// ---- Feature: Short/Long Rest Buttons ----
+.sheet-resources .sheet-rest
+ display: grid
+ grid-template-columns: 1fr 1fr
+ gap: 10px
+ margin: 10px 0 -5px 0
+ button
+ width: 100%
+ margin: 0
+ box-sizing: border-box
+ background: #e8e8e8
+ border: 1px solid #ab8b57
+ border-radius: 6px
+ padding: 8px 12px
+ min-height: 34px
+ cursor: pointer
+ transition: background 0.2s, color 0.2s, border-color 0.2s
+ &:hover
+ background: #ab8b57 !important
+ border-color: #ab8b57 !important
+ span
+ color: #fff !important
+ span
+ font-family: 'Oxanium', sans-serif !important
+ font-size: 12px !important
+ font-weight: bold !important
+ color: #ab8b57 !important
+ font-variant: small-caps !important
+ letter-spacing: 1px !important
+
+input[name="attr_use_rest_buttons"]:not([value="1"]) + .sheet-resources .sheet-rest
+ display: none !important
+input[name="attr_show_tp_resource"]:not([value="1"]) + .sheet-hdice-dsaves-container .sheet-tp-resource-slot
+ display: none !important
+// Flex row: TP left / Other Resource right when both visible.
+// When TP is hidden, Other Resource sits on the left with no gap.
+// Flex also ignores float:right on Other Resource and prevents height collapse.
+input[name="attr_show_tp_resource"] + .sheet-hdice-dsaves-container
+ display: flex !important
+ justify-content: space-between
+ align-items: flex-start
.sheet-pc-type[value="starship"] ~ .sheet-pc
width: 100%
@@ -7061,12 +8754,136 @@ div.sheet-charmancer
.sheet-pc-ship
display: block
- .sheet-tab-button.sheet-type-pc + span
- background-color: #E8E8E8
- color: black
- .sheet-tab-button.sheet-type-starship + span
- color: #FFFFFF
- background-color: #00ba73
+
-
\ No newline at end of file
+
+/* ---- Skills Section Redesign ---- */
+
+.charsheet .sheet-pc .sheet-page.sheet-core
+
+ .sheet-skills-container
+ display: flex
+ flex-direction: column
+ padding-top: 0
+ overflow: hidden
+
+ > .sheet-label
+ order: -1
+ padding: 6px 8px 4px
+ border-bottom: 1px solid #ab8b57
+
+ span
+ font-family: 'Oxanium', sans-serif
+ font-size: 11px
+ font-weight: bold
+ color: #245485
+ text-transform: uppercase
+ letter-spacing: 0.05em
+ text-align: left
+ display: inline-block
+ width: auto
+ margin: 0
+
+ .sheet-skills-list .sheet-skill
+ display: flex
+ align-items: center
+ height: auto !important
+ min-height: 26px
+ padding: 2px 6px
+ gap: 5px
+ box-sizing: border-box
+ width: 100%
+
+ &:nth-child(odd)
+ background: transparent
+ border-bottom: 1px solid rgba(171, 139, 87, 0.2)
+ border-top: none
+
+ &:nth-child(even)
+ background: rgba(0, 0, 0, 0.03)
+ border-bottom: 1px solid rgba(171, 139, 87, 0.2)
+ border-top: none
+
+ button[type=roll]
+ order: 1
+ flex: 1
+ display: flex
+ align-items: center
+ gap: 5px
+ font-size: 12px
+ font-weight: bold
+ text-align: left
+ background: transparent !important
+ background-image: none !important
+ border: none
+ box-shadow: none
+ text-shadow: none
+ padding: 0
+ width: auto
+ overflow: visible
+ white-space: nowrap
+ color: inherit
+
+ &::before
+ content: "" !important
+
+ span
+ color: #888
+ font-size: 9px
+ font-weight: bold
+ font-variant: small-caps
+ text-transform: uppercase
+ display: inline
+ margin: 0
+
+ > span
+ order: 2
+ background: #2c2c2c
+ color: #fff
+ font-size: 11px
+ font-weight: bold
+ min-width: 32px
+ padding: 2px 5px
+ border-radius: 3px
+ text-align: center
+ display: inline-block
+ flex-shrink: 0
+ box-sizing: border-box
+
+ input[type=hidden] + span::before
+ content: "+"
+
+ input[type=hidden][value^="-"] + span::before,
+ input[type=hidden][value="0"] + span::before
+ content: ""
+
+ input[type=checkbox]
+ order: 3
+ -webkit-appearance: none
+ -moz-appearance: none
+ appearance: none
+ width: 14px
+ height: 14px
+ border: 2px solid #ab8b57
+ border-radius: 50%
+ background: transparent
+ cursor: pointer
+ flex-shrink: 0
+ margin: 0
+
+ &:checked
+ background: #066dce
+ border-color: #066dce
+
+ &:checked ~ span
+ background: #066dce
+
+// 5E skill row toggle — MUST be last in file
+// Hide: same specificity as redesign's display:flex (0,5,0), later cascade position wins
+.charsheet .sheet-pc .sheet-page.sheet-core .sheet-skills-list .sheet-fivee-skill
+ display: none
+
+// Show: !important overrides the hide rule above when toggle is checked
+input[name="attr_show_5e_skills"]:checked ~ .sheet-skills-container .sheet-fivee-skill
+ display: flex !important
diff --git a/Esper_Genesis_5E/Preview/EG Sheet Roll20.png b/Esper_Genesis_5E/Preview/EG Sheet Roll20.png
index 955a5622e3..f51b3f50ff 100644
Binary files a/Esper_Genesis_5E/Preview/EG Sheet Roll20.png and b/Esper_Genesis_5E/Preview/EG Sheet Roll20.png differ
diff --git a/Esper_Genesis_5E/sheet.json b/Esper_Genesis_5E/sheet.json
index 2c8857debe..5d73fc2e98 100644
--- a/Esper_Genesis_5E/sheet.json
+++ b/Esper_Genesis_5E/sheet.json
@@ -1,10 +1,10 @@
{
"html": "EG_Sheet.html",
"css": "EG_Sheet.css",
- "authors": "Rich Lescouflair (original sheet by Steve K. and Phil B.)",
+ "authors": "Skydawn Game Studios",
"roll20userid": "1471558",
"preview": "EG Sheet Roll20.png",
- "compendium": "espergenesis",
+ "compendium": "dnd5e",
"instructions": "This sheet is for use with the Esper Genesis 5E RPG. It is adapted from The D&D 5th Edition Legacy sheet.",
"useroptions": [
{
@@ -261,6 +261,83 @@
"description": "Character OTHER PROFICIENCIES & LANGUAGES section defaults to the complex style that is compatible with the Roll20 5E Compendium. The Simple option provides a text field for players who want more manual control over the sheet.",
"descriptiontranslationkey": "simple-proficiencies-info"
},
+ {
+ "attribute": "use_hero_points",
+ "displayname": "HERO POINTS",
+ "displaytranslationkey": "hero-points-u",
+ "type": "select",
+ "options": [
+ "Off|0",
+ "On|1"
+ ],
+ "optiontranslationkeys": [
+ "off",
+ "on"
+ ],
+ "default": "0",
+ "description": "When enabled, shows a Hero Points section on the character sheet. Characters start with 5 Hero Points + half their level (rounded down), up to 15 at level 20. Spend a Hero Point to roll 1D6 and add the result to any ability check, attack roll, or saving throw after seeing the roll.",
+ "descriptiontranslationkey": "hero-points-info"
+ },
+ {
+ "attribute": "use_rest_buttons",
+ "displayname": "SHORT/LONG REST BUTTONS",
+ "displaytranslationkey": "rest-buttons-u",
+ "type": "select",
+ "options": [
+ "On|1",
+ "Off|0"
+ ],
+ "optiontranslationkeys": [
+ "on",
+ "off"
+ ],
+ "default": "1",
+ "description": "Adds Short Rest and Long Rest buttons to the Resources section. Short rest clears death saves and resets short-rest resources. Long rest fully restores HP, hit dice (half level), talent points, and all resources.",
+ "descriptiontranslationkey": "rest-buttons-info"
+ },
+ {
+ "attribute": "reliable_talent",
+ "displayname": "RELIABLE TALENT:",
+ "displaytranslationkey": "reliable-talent:-u",
+ "type": "select",
+ "options": [
+ "Off|0",
+ "On|10"
+ ],
+ "optiontranslationkeys": [
+ "off",
+ "on"
+ ],
+ "default": "0",
+ "description": "When enabled, any skill check roll for a skill this character is proficient in will treat a d20 result lower than 10 as a 10. Represents the Specialist class feature of the same name (level 11).",
+ "descriptiontranslationkey": "reliable-talent-info"
+ },
+ {
+ "attribute": "powerful_build",
+ "displayname": "POWERFUL BUILD",
+ "displaytranslationkey": "powerful_build-u",
+ "type": "checkbox",
+ "value": "1",
+ "description": "When checked, doubles the character's carrying capacity by applying a x2 multiplier to the size-based weight limit. Represents the racial trait of the same name.",
+ "descriptiontranslationkey": "powerful-build-info"
+ },
+ {
+ "attribute": "currency_mode",
+ "displayname": "CURRENCY:",
+ "displaytranslationkey": "currency:-u",
+ "type": "select",
+ "options": [
+ "EG Currency|eg",
+ "5e Currency|5e"
+ ],
+ "optiontranslationkeys": [
+ "eg-currency",
+ "5e-currency"
+ ],
+ "default": "eg",
+ "description": "Toggle between EG currency (Cubil CU, Cubil Coin CN, Cusara CS, Orim OM) and standard 5e currency (CP, SP, EP, GP, PP). EG is the default; 5e mode is provided for GMs running hybrid games.",
+ "descriptiontranslationkey": "currency-mode-info"
+ },
{
"attribute": "npc_name_flag",
"displayname": "NPC NAME IN ROLLS:",
diff --git a/Esper_Genesis_5E/sheetworkers.js b/Esper_Genesis_5E/sheetworkers.js
index b44ad9d450..0229ddec9c 100644
--- a/Esper_Genesis_5E/sheetworkers.js
+++ b/Esper_Genesis_5E/sheetworkers.js
@@ -225,10 +225,10 @@ on("sheet:compendium-drop", function() {
update_initiative();
break;
case "intelligence":
- update_skills(["astrophysics", "lore", "investigation", "xenobiology", "computers"]);
+ update_skills(["astrophysics", "lore", "investigation", "xenobiology", "computers", "arcana", "history", "nature", "religion"]);
break;
case "wisdom":
- update_skills(["mechanics", "insight", "medicine", "perception", "survival"]);
+ update_skills(["mechanics", "insight", "medicine", "perception", "survival", "animal_handling"]);
break;
case "charisma":
update_skills(["deception", "intimidation", "performance", "persuasion"]);
@@ -256,8 +256,9 @@ on("change:death_save_mod", function(eventinfo) {
update_save("death");
});
-['acrobatics','astrophysics','athletics','computers','deception','insight','intimidation','investigation','lore',
-'mechanics','medicine','perception','performance','persuasion','piloting','sleight_of_hand','stealth','survival','xenobiology'].forEach(attr => {
+['acrobatics','animal_handling','arcana','astrophysics','athletics','computers','deception','history','insight',
+'intimidation','investigation','lore','mechanics','medicine','nature','perception','performance','persuasion',
+'piloting','religion','sleight_of_hand','stealth','survival','xenobiology'].forEach(attr => {
on(`change:${attr}_prof change:${attr}_type change:${attr}_flat`, function(eventinfo) {
if(eventinfo.sourceType === "sheetworker") {return;};
update_skills([`${attr}`]);
@@ -413,7 +414,7 @@ on("change:repeating_inventory:itemname change:repeating_inventory:itempropertie
});
});
-on("change:repeating_inventory:itemweight change:repeating_inventory:itemcount change:cp change:sp change:ep change:cu change:cn change:encumberance_setting change:size change:carrying_capacity_mod", function() {
+on("change:repeating_inventory:itemweight change:repeating_inventory:itemcount change:cp change:sp change:ep change:cu change:cn change:encumberance_setting change:size change:carrying_capacity_mod change:powerful_build", function() {
update_weight();
});
@@ -519,6 +520,29 @@ on("change:base_level change:multiclass1_flag change:multiclass1 change:multicla
set_level();
});
+// Cybermancer Talent Slot auto-calculation.
+// Fires when class or level changes; sets slots_max, slot_rank_max, and slots_used
+// from the Cybermancer level progression table (analogous to Warlock pact slots).
+var cybermancerSlotTable = [
+ // [slots, rank] index = level - 1
+ [1,1],[2,1],[2,2],[2,2],[2,3],[2,3],[2,4],[2,4],[2,5],[2,5],
+ [3,5],[3,5],[3,5],[3,5],[3,5],[3,5],[4,5],[4,5],[4,5],[4,5]
+];
+var update_cybermancer_slots = function() {
+ getAttrs(["class", "base_level"], function(values) {
+ var className = (values["class"] || "").toLowerCase().trim();
+ if(className !== "cybermancer") return;
+ var level = parseInt(values["base_level"], 10) || 1;
+ level = Math.min(Math.max(level, 1), 20);
+ var entry = cybermancerSlotTable[level - 1];
+ setAttrs({ slots_max: entry[0], slot_rank_max: entry[1], slots_used: entry[0] });
+ });
+};
+on("change:class change:base_level", function(eventinfo) {
+ if(eventinfo.sourceType && eventinfo.sourceType === "sheetworker") return;
+ update_cybermancer_slots();
+});
+
on("change:level_calculations change:caster_level change:lvl1_slots_mod change:lvl2_slots_mod change:lvl3_slots_mod change:lvl4_slots_mod change:lvl5_slots_mod change:lvl6_slots_mod change:lvl7_slots_mod change:lvl8_slots_mod change:lvl9_slots_mod", function(eventinfo) {
if(eventinfo.sourceType && eventinfo.sourceType === "sheetworker") {
return;
@@ -554,6 +578,13 @@ on("change:dtype", function(eventinfo) {
update_npc_action("all");
});
+on("change:default_critical_range", function(eventinfo) {
+ if(eventinfo.sourceType && eventinfo.sourceType === "sheetworker") {
+ return;
+ }
+ update_attacks("all");
+});
+
on("change:jack_of_all_trades", function(eventinfo) {
if(eventinfo.sourceType && eventinfo.sourceType === "sheetworker") {
return;
@@ -562,6 +593,40 @@ on("change:jack_of_all_trades", function(eventinfo) {
update_all_ability_checks();
});
+on("change:reliable_talent", function(eventinfo) {
+ if(eventinfo.sourceType && eventinfo.sourceType === "sheetworker") {
+ return;
+ }
+ update_skills(["athletics","acrobatics","sleight_of_hand","stealth","astrophysics","lore","investigation","xenobiology","computers","mechanics","insight","medicine","perception","survival","deception","intimidation","performance","persuasion","animal_handling","arcana","history","nature","religion"]);
+});
+
+on("change:show_5e_skills", function(eventinfo) {
+ if(eventinfo.sourceType && eventinfo.sourceType === "sheetworker") {return;}
+ update_skills(["animal_handling","arcana","history","nature","religion"]);
+});
+
+// ---- Feature: Hero Points ----
+var updateHeroPoints = function(level) {
+ getAttrs(["use_hero_points", "level"], values => {
+ if (!values["use_hero_points"] || values["use_hero_points"] != "1") return;
+ const lvl = level !== undefined ? parseInt(level) : (parseInt(values["level"]) || 0);
+ setAttrs({ hero_points: Math.floor(lvl / 2) + 5 }, { silent: true });
+ });
+};
+on("change:consumed_hero_points", () => {
+ getAttrs(["hero_points"], values => {
+ const hp = values["hero_points"] ? parseInt(values["hero_points"]) : 0;
+ setAttrs({ hero_points: Math.max(hp - 1, 0) }, { silent: true });
+ });
+});
+on("change:hero_points", eventInfo => {
+ const hp = eventInfo.newValue ? Math.max(parseInt(eventInfo.newValue), 0) : 0;
+ setAttrs({ hero_points: hp }, { silent: true });
+});
+on("change:use_hero_points", eventInfo => {
+ if (eventInfo.newValue && eventInfo.newValue == "1") updateHeroPoints();
+});
+
on("change:initmod change:init_tiebreaker", function(eventinfo) {
if(eventinfo.sourceType && eventinfo.sourceType === "sheetworker") {
return;
@@ -914,12 +979,13 @@ var update_all_saves = function() {
var update_all_ability_checks = function(){
update_initiative();
- update_skills(["athletics", "acrobatics", "sleight_of_hand", "stealth", "astrophysics", "lore", "investigation", "xenobiology", "computers", "mechanics", "insight", "medicine", "perception", "survival", "deception", "intimidation", "performance", "persuasion", "piloting"]);
+ update_skills(["athletics", "acrobatics", "sleight_of_hand", "stealth", "astrophysics", "lore", "investigation", "xenobiology", "computers", "mechanics", "insight", "medicine", "perception", "survival", "deception", "intimidation", "performance", "persuasion", "piloting", "animal_handling", "arcana", "history", "nature", "religion"]);
};
var update_skills = function (skills_array) {
- var skill_parent = {athletics: "strength", acrobatics: "dexterity", sleight_of_hand: "dexterity", stealth: "dexterity", astrophysics: "intelligence", lore: "intelligence", investigation: "intelligence", xenobiology: "intelligence", computers: "intelligence", mechanics: "wisdom", insight: "wisdom", medicine: "wisdom", perception: "wisdom", survival: "wisdom", deception: "charisma", intimidation: "charisma", performance: "charisma", persuasion: "charisma", piloting: "dexterity"};
- var attrs_to_get = ["pb","pb_type","jack_of_all_trades","jack"];
+ var skill_parent = {athletics: "strength", acrobatics: "dexterity", sleight_of_hand: "dexterity", stealth: "dexterity", astrophysics: "intelligence", lore: "intelligence", investigation: "intelligence", xenobiology: "intelligence", computers: "intelligence", mechanics: "wisdom", insight: "wisdom", medicine: "wisdom", perception: "wisdom", survival: "wisdom", deception: "charisma", intimidation: "charisma", performance: "charisma", persuasion: "charisma", piloting: "dexterity",
+ animal_handling: "wisdom", arcana: "intelligence", history: "intelligence", nature: "intelligence", religion: "intelligence"};
+ var attrs_to_get = ["pb","pb_type","jack_of_all_trades","jack","reliable_talent"];
var update = {};
var callbacks = [];
@@ -989,6 +1055,10 @@ var update_skills = function (skills_array) {
};
update[s + "_bonus"] = total;
+ // Reliable Talent: floor skill die at 10 for proficient skills (Specialist class feature)
+ const isProficient = v[s + "_prof"] && v[s + "_prof"] != 0;
+ const hasReliableTalent = v["reliable_talent"] && parseInt(v["reliable_talent"]) === 10;
+ update[s + "_d20"] = (isProficient && hasReliableTalent) ? "{@{d20},0d20+10}k1" : "@{d20}";
});
setAttrs(update, {silent: true}, function() {callbacks.forEach(function(callback) {callback(); })} );
@@ -1573,7 +1643,7 @@ const update_attacks = (update_id, source) => {
};
const do_update_attack = (attack_array, source) => {
- let attack_attribs = ["level","d20","pb","pb_type","pbd_safe","dtype","globalmagicmod","strength_mod","dexterity_mod","constitution_mod","intelligence_mod","wisdom_mod","charisma_mod","spellcasting_ability","spell_save_dc","spell_attack_mod", "spell_dc_mod", "global_damage_mod_roll", "global_damage_mod_crit"];
+ let attack_attribs = ["level","d20","pb","pb_type","pbd_safe","dtype","globalmagicmod","strength_mod","dexterity_mod","constitution_mod","intelligence_mod","wisdom_mod","charisma_mod","spellcasting_ability","spell_save_dc","spell_attack_mod", "spell_dc_mod", "global_damage_mod_roll", "global_damage_mod_crit", "default_critical_range"];
_.each(attack_array, (attackid) => {
["atkflag","atkname","atkattr_base","atkmod","atkprofflag","atkmagic","dmgflag","dmgbase","dmgattr","dmgmod","dmgtype","dmg2flag","dmg2base","dmg2attr","dmg2mod","dmg2type","dmgcustcrit","dmg2custcrit","saveflag","savedc","saveeffect","saveflat","hldmg","spellid","spelllevel","atkrange","itemid","ammo",].forEach((attr) => {
attack_attribs.push(`repeating_attack_${attackid}_${attr}`)
@@ -1787,10 +1857,17 @@ const do_update_attack = (attack_array, source) => {
let globaldamagecrit = `[[${v.global_damage_mod_crit || 0}]]`;
//Assamble Roll Templates
+ // Use default_critical_range if set and lower than the per-attack range (e.g. Warrior subclass expanded crit)
+ const criticalrange =
+ v[`${repeating_attack}_atkcritrange`] &&
+ v["default_critical_range"] &&
+ parseInt(v["default_critical_range"]) < parseInt(v[`${repeating_attack}_atkcritrange`])
+ ? "@{default_critical_range}"
+ : "@{atkcritrange}";
if (v.dtype === "full") {
- rollbase = `@{wtype}&{template:atkdmg} {{mod=@{atkbonus}}} {{rname=@{atkname}}} {{r1=[[${r1}cs>@{atkcritrange}${hbonus}]]}} ${r2}cs>@{atkcritrange}${hbonus}]]}} @{atkflag} {{range=@{atkrange}}} @{dmgflag} {{dmg1=[[${hdmg1}]]}} {{dmg1type=${dmgtype}}} @{dmg2flag} {{dmg2=[[${hdmg2}]]}} {{dmg2type=${dmg2type}}} {{crit1=[[${crit1}[CRIT]]]}} {{crit2=[[${crit2}[CRIT]]]}} @{saveflag} {{desc=@{atk_desc}}} @{hldmg} ${hldmgcrit} {{spelllevel=@{spelllevel}}} {{innate=@{spell_innate}}} {{globalattack=@{global_attack_mod}}} {{globaldamage=${globaldamage}}} {{globaldamagecrit=${globaldamagecrit}}} {{globaldamagetype=@{global_damage_mod_type}}} ammo=@{ammo} @{charname_output} {{licensedsheet=@{licensedsheet}}}`;
+ rollbase = `@{wtype}&{template:atkdmg} {{mod=@{atkbonus}}} {{rname=@{atkname}}} {{r1=[[${r1}cs>${criticalrange}${hbonus}]]}} ${r2}cs>${criticalrange}${hbonus}]]}} @{atkflag} {{range=@{atkrange}}} @{dmgflag} {{dmg1=[[${hdmg1}]]}} {{dmg1type=${dmgtype}}} @{dmg2flag} {{dmg2=[[${hdmg2}]]}} {{dmg2type=${dmg2type}}} {{crit1=[[${crit1}[CRIT]]]}} {{crit2=[[${crit2}[CRIT]]]}} @{saveflag} {{desc=@{atk_desc}}} @{hldmg} ${hldmgcrit} {{spelllevel=@{spelllevel}}} {{innate=@{spell_innate}}} {{globalattack=@{global_attack_mod}}} {{globaldamage=${globaldamage}}} {{globaldamagecrit=${globaldamagecrit}}} {{globaldamagetype=@{global_damage_mod_type}}} ammo=@{ammo} @{charname_output} {{licensedsheet=@{licensedsheet}}}`;
} else if (atkflag != 0) {
- rollbase = `@{wtype}&{template:atk} {{mod=@{atkbonus}}} {{rname=[@{atkname}](~repeating_attack_attack_dmg)}} {{rnamec=[@{atkname}](~repeating_attack_attack_crit)}} {{r1=[[${r1}cs>@{atkcritrange}${hbonus}]]}} ${r2}cs>@{atkcritrange}${hbonus}]]}} {{range=@{atkrange}}} {{desc=@{atk_desc}}} {{spelllevel=@{spelllevel}}} {{innate=@{spell_innate}}} {{globalattack=@{global_attack_mod}}} ammo=@{ammo} @{charname_output} {{licensedsheet=@{licensedsheet}}}`;
+ rollbase = `@{wtype}&{template:atk} {{mod=@{atkbonus}}} {{rname=[@{atkname}](~repeating_attack_attack_dmg)}} {{rnamec=[@{atkname}](~repeating_attack_attack_crit)}} {{r1=[[${r1}cs>${criticalrange}${hbonus}]]}} ${r2}cs>${criticalrange}${hbonus}]]}} {{range=@{atkrange}}} {{desc=@{atk_desc}}} {{spelllevel=@{spelllevel}}} {{innate=@{spell_innate}}} {{globalattack=@{global_attack_mod}}} ammo=@{ammo} @{charname_output} {{licensedsheet=@{licensedsheet}}}`;
} else if (dmgflag1 != 0) {
rollbase = `@{wtype}&{template:dmg} {{rname=@{atkname}}} @{atkflag} {{range=@{atkrange}}} @{dmgflag} {{dmg1=[[${hdmg1}]]}} {{dmg1type=${dmgtype}}} @{dmg2flag} {{dmg2=[[${hdmg2}]]}} {{dmg2type=${dmg2type}}} @{saveflag} {{desc=@{atk_desc}}} @{hldmg} {{spelllevel=@{spelllevel}}} {{innate=@{spell_innate}}} {{globaldamage=${globaldamage}}} {{globaldamagetype=@{global_damage_mod_type}}} ammo=@{ammo} @{charname_output} {{licensedsheet=@{licensedsheet}}}`;
} else {
@@ -2066,7 +2143,7 @@ const remove_resource = (id) => {
const update_weight = function() {
let update = {};
let wtotal = 0;
- let weight_attrs = ["cp","sp","ep","cu","cn","encumberance_setting","strength","size","carrying_capacity_mod"];
+ let weight_attrs = ["cp","sp","ep","cu","cn","encumberance_setting","strength","size","carrying_capacity_mod","powerful_build"];
getSectionIDs("repeating_inventory", (idarray) => {
_.each(idarray, (currentID, i) => {
weight_attrs.push(`repeating_inventory_${currentID}_itemweight`);
@@ -2095,6 +2172,7 @@ const update_weight = function() {
size_multiplier =
(size === "tiny") ? .5 : (size === "large") ? 2 : (size === "huge") ? 4 : (size === "gargantuan") ? 8 : size_multiplier;
};
+ if (v["powerful_build"] && v["powerful_build"] == 1) { size_multiplier *= 2; }
let str = str_base*size_multiplier;
// Parse the carrying capacitiy modificator if any
if (v.carrying_capacity_mod) {
@@ -2356,10 +2434,16 @@ const set_level = function() {
let hitdie_final = (multiclass) ? `?{Hit Die Class|${charclass},@{hitdietype}` : "@{hitdietype}";
const subclass = (v[`subclass`]) ? v[`subclass`] + " " : "";
let class_display = `${subclass}${charclass} ${finallevel}`;
+ const baselevel = finallevel;
// This nested array is used to determine the overall spellcasting level for the character.
var classes = [ [finalclass.toLowerCase(), v[`base_level`]] ];
+ // Reset all multiclass HD slots; active ones will be populated in the forEach below.
+ update["multiclass1_hitdietype"] = ""; update["multiclass1_hit_dice_max"] = "0";
+ update["multiclass2_hitdietype"] = ""; update["multiclass2_hit_dice_max"] = "0";
+ update["multiclass3_hitdietype"] = ""; update["multiclass3_hit_dice_max"] = "0";
+
["multiclass1", "multiclass2", "multiclass3"].forEach((multiclass) => {
if (v[`${multiclass}_flag`] && v[`${multiclass}_flag`] === "1") {
const multiclasslevel = (v[`${multiclass}_lvl`] && v[`${multiclass}_lvl`] > 0) ? parseInt(v[`${multiclass}_lvl`], 10) : 1;
@@ -2368,6 +2452,8 @@ const set_level = function() {
hitdie_final = `${hitdie_final}|` + v[`${multiclass}`].charAt(0).toUpperCase() + v[`${multiclass}`].slice(1) + "," + checkHitDie(v[`${multiclass}`]);
classes.push([ v[`${multiclass}`], multiclasslevel ]);
class_display = `${class_display}, ${subclass}` + v[`${multiclass}`] + ` ${multiclasslevel}`;
+ update[`${multiclass}_hitdietype`] = checkHitDie(v[`${multiclass}`]);
+ update[`${multiclass}_hit_dice_max`] = multiclasslevel;
};
});
@@ -2376,14 +2462,31 @@ const set_level = function() {
update["hitdie_final"] = (multiclass) ? `${hitdie_final}}` : hitdie_final;
update["level"] = finallevel;
update["caster_level"] = casterlevel;
+ // Set flag: does this class use power slots (not TP-only or Talent Slot system)?
+ var slotClasses = ["engineer","full","hunter","sentinel","half","third"];
+ var usesSlots = classes.some(function(c) {
+ var cn = c[0].toLowerCase();
+ return slotClasses.indexOf(cn) !== -1
+ || (cn === "fighter" && v["arcane_fighter"] === "1")
+ || (cn === "rogue" && v["arcane_rogue"] === "1")
+ || (cn === "warrior" && v["arcane_fighter"] === "1")
+ || (cn === "specialist" && v["arcane_rogue"] === "1");
+ });
+ update["uses_power_slots"] = usesSlots ? "1" : "0";
update["class_display"] = class_display;
if(!v["level_calculations"] || v["level_calculations"] === "on") {
- update["hit_dice_max"] = finallevel;
+ update["hit_dice_max"] = baselevel;
callbacks.push(() => {update_spell_slots();} );
}
callbacks.push(() => {update_pb();} );
callbacks.push(() => {update_leveler_display();} );
+ callbacks.push(() => {updateHeroPoints(finallevel);} );
+ callbacks.push(() => {
+ getAttrs(["use_spell_points"], v => {
+ if (v["use_spell_points"] && v["use_spell_points"] == "1") setSpellPoints();
+ });
+ });
setAttrs(update, {silent: true},() => {callbacks.forEach((callback) => {callback(); })} );
});
};
@@ -2403,7 +2506,8 @@ var isMultiCaster = function(classes, arcane_fighter, arcane_rogue) {
};
var getCasterType = function(class_string, levels, arcane_fighter, arcane_rogue) {
- var full = ["adept","cybermancer","engineer","melder","full"];
+ // Full slot casters: Engineer only (Melder/Adept use TP; Cybermancer uses Talent Slots)
+ var full = ["engineer","full"];
var half = ["hunter","sentinel","half"];
class_string = class_string.toLowerCase();
if(full.indexOf(class_string) != -1) {
@@ -2411,7 +2515,12 @@ var getCasterType = function(class_string, levels, arcane_fighter, arcane_rogue)
} else if(half.indexOf(class_string) != -1) {
if(class_string === "artificer" && levels == 1) return 1;
return (levels == 1) ? 0 : (1/2);
- } else if(class_string === "third" || (class_string === "fighter" && arcane_fighter === "1") || (class_string === "rogue" && arcane_rogue === "1")) {
+ } else if(class_string === "third"
+ || (class_string === "fighter" && arcane_fighter === "1")
+ || (class_string === "rogue" && arcane_rogue === "1")
+ || (class_string === "warrior" && arcane_fighter === "1")
+ || (class_string === "specialist" && arcane_rogue === "1")
+ ) {
return (levels == 1 || levels == 2) ? 0 : (1/3);
} else {
return 0;
@@ -2465,8 +2574,13 @@ var update_leveler_display = function () {
};
var update_spell_slots = function() {
- getAttrs(["lvl1_slots_mod","lvl2_slots_mod","lvl3_slots_mod","lvl4_slots_mod","lvl5_slots_mod","lvl6_slots_mod","lvl7_slots_mod","lvl8_slots_mod","lvl9_slots_mod","caster_level"], function(v) {
+ getAttrs(["use_spell_points","lvl1_slots_mod","lvl2_slots_mod","lvl3_slots_mod","lvl4_slots_mod","lvl5_slots_mod","lvl6_slots_mod","lvl7_slots_mod","lvl8_slots_mod","lvl9_slots_mod","caster_level"], function(v) {
var update = {};
+ if (v["use_spell_points"] && v["use_spell_points"] == "1") {
+ for (var i = 1; i <= 9; i++) update[`lvl${i}_slots_total`] = 0;
+ setAttrs(update, {silent: true});
+ return;
+ }
var lvl = v["caster_level"] && !isNaN(parseInt(v["caster_level"], 10)) ? parseInt(v["caster_level"], 10) : 0;
var l1 = v["lvl1_slots_mod"] && !isNaN(parseInt(v["lvl1_slots_mod"], 10)) ? parseInt(v["lvl1_slots_mod"], 10) : 0;
var l2 = v["lvl2_slots_mod"] && !isNaN(parseInt(v["lvl2_slots_mod"], 10)) ? parseInt(v["lvl2_slots_mod"], 10) : 0;
@@ -2531,7 +2645,7 @@ var update_pb = function() {
callbacks.push( function() {update_initiative();} );
callbacks.push( function() {update_tool("all");} );
callbacks.push( function() {update_all_saves();} );
- callbacks.push( function() {update_skills(["athletics", "acrobatics", "sleight_of_hand", "stealth", "astrophysics", "lore", "investigation", "xenobiology", "computers", "mechanics", "insight", "medicine", "perception", "survival", "deception", "intimidation", "performance", "persuasion", "piloting"]);} );
+ callbacks.push( function() {update_skills(["athletics", "acrobatics", "sleight_of_hand", "stealth", "astrophysics", "lore", "investigation", "xenobiology", "computers", "mechanics", "insight", "medicine", "perception", "survival", "deception", "intimidation", "performance", "persuasion", "piloting", "animal_handling", "arcana", "history", "nature", "religion"]);} );
setAttrs(update, {silent: true}, function() {callbacks.forEach(function(callback) {callback(); })} );
});
@@ -3216,7 +3330,7 @@ var upgrade_to_2_0 = function(doneupdating) {
update_mod("wisdom");
update_mod("charisma");
update_all_saves();
- update_skills(["athletics", "acrobatics", "sleight_of_hand", "stealth", "astrophysics", "lore", "investigation", "xenobiology", "computers", "mechanics", "insight", "medicine", "perception", "survival", "deception", "intimidation", "performance", "persuasion", "piloting"]);
+ update_skills(["athletics", "acrobatics", "sleight_of_hand", "stealth", "astrophysics", "lore", "investigation", "xenobiology", "computers", "mechanics", "insight", "medicine", "perception", "survival", "deception", "intimidation", "performance", "persuasion", "piloting", "animal_handling", "arcana", "history", "nature", "religion"]);
update_tool("all")
update_attacks("all");
update_pb();
@@ -3679,8 +3793,8 @@ on("change:repeating_weapon-systems", eventinfo => {
if(values[`${pre}_damage`]) {
const damage = addShipDamageType(values[`${pre}_damage`], values[`${pre}_dmgtype`]);
const damagec = addShipDamageType(calcShipAtkdmgc(values[`${pre}_damage`]), values[`${pre}_dmgtype`]);
- const atkdmg = `@{wtype}&{template:dmg} {{rname=@{weapon}}} {{attack=1}} {{range=@{range}}} {{damage=1}} {{dmg1flag=1}} {{dmg1=[[${damage}]]}} {{dmg1type=${values[`${pre}_dmgtype`]}}} {{desc=@{special}}} @{pc_ship_name} {{licensedsheet=@{licensedsheet}}}`;
- const atkdmgc = `@{wtype}&{template:dmg} {{rname=@{weapon}}} {{attack=1}} {{range=@{range}}} {{damage=1}} {{dmg1flag=1}} {{dmg1=[[${damagec}]]}} {{dmg1type=${values[`${pre}_dmgtype`]}}} {{desc=@{special}}} @{pc_ship_name} {{licensedsheet=@{licensedsheet}}}`;
+ const atkdmg = `@{wtype}&{template:dmg} {{rname=@{weapon}}} {{attack=1}} {{range=@{range}}} {{damage=1}} {{dmg1flag=1}} {{dmg1=[[${damage}]]}} {{dmg1type=${values[`${pre}_dmgtype`]}}} {{desc=@{special}}} @{character_name} {{licensedsheet=@{licensedsheet}}}`;
+ const atkdmgc = `@{wtype}&{template:dmg} {{rname=@{weapon}}} {{attack=1}} {{range=@{range}}} {{damage=1}} {{dmg1flag=1}} {{dmg1=[[${damagec}]]}} {{dmg1type=${values[`${pre}_dmgtype`]}}} {{desc=@{special}}} @{character_name} {{licensedsheet=@{licensedsheet}}}`;
const update = {
[`${pre}_atkdmg`]: atkdmg,
[`${pre}_atkdmgc`]: atkdmgc,
@@ -3691,4 +3805,344 @@ on("change:repeating_weapon-systems", eventinfo => {
});
+// ---- Feature: Spell Points Variant ----
+const createResource = function(name, max, current) {
+ getAttrs(["other_resource_name"], v => {
+ if (!v.other_resource_name || v.other_resource_name === "" || v.other_resource_name === name) {
+ setAttrs({ other_resource_name: name, other_resource_max: max, other_resource: current });
+ } else {
+ getSectionIDs("repeating_resource", ids => {
+ if (ids.length === 0) {
+ const newid = generateRowID();
+ setAttrs({
+ [`repeating_resource_${newid}_resource_left_name`]: name,
+ [`repeating_resource_${newid}_resource_left_max`]: max,
+ [`repeating_resource_${newid}_resource_left`]: current
+ });
+ return;
+ }
+ const nameAttrs = ids.map(id => `repeating_resource_${id}_resource_left_name`)
+ .concat(ids.map(id => `repeating_resource_${id}_resource_right_name`));
+ getAttrs(nameAttrs, nv => {
+ const existingKey = Object.keys(nv).find(k => nv[k] === name);
+ const side = existingKey && existingKey.includes("_right_") ? "right" : "left";
+ const existingID = existingKey
+ ? existingKey.replace("repeating_resource_", "").split("_resource_")[0]
+ : generateRowID();
+ setAttrs({
+ [`repeating_resource_${existingID}_resource_${side}_name`]: name,
+ [`repeating_resource_${existingID}_resource_${side}_max`]: max,
+ [`repeating_resource_${existingID}_resource_${side}`]: current
+ });
+ });
+ });
+ }
+ });
+};
+const formatPrintedTools = () => {
+ getSectionIDs("tool", (ids) => {
+ const attrs = [
+ ...ids.map((id) => `repeating_tool_${id}_toolbonus_base`),
+ ...ids.map((id) => `repeating_tool_${id}_toolname`),
+ ];
+ getAttrs(attrs, (values) => {
+ const tools = [];
+ ids.forEach((id) => {
+ const expert = values[`repeating_tool_${id}_toolbonus_base`] && values[`repeating_tool_${id}_toolbonus_base`] == "(@{pb}*2)" ? "⁺" : "";
+ const name = values[`repeating_tool_${id}_toolname`];
+ if (name) tools.push(name + expert);
+ });
+ setAttrs({ other_tool: tools.sort().join(", ") });
+ });
+ });
+};
+
+const formatPrintedSkills = () => {
+ getSectionIDs("proficiencies", (ids) => {
+ const attrs = [
+ ...ids.map((id) => `repeating_proficiencies_${id}_prof_type`),
+ ...ids.map((id) => `repeating_proficiencies_${id}_name`),
+ ];
+ getAttrs(attrs, (values) => {
+ const otherSkills = { language: [], weapon: [], armor: [], other: [] };
+ ids.forEach((id) => {
+ const type = values[`repeating_proficiencies_${id}_prof_type`];
+ const name = values[`repeating_proficiencies_${id}_name`];
+ if (type && name) otherSkills[type.toLowerCase()].push(name);
+ });
+ setAttrs({
+ other_languages: otherSkills.language.sort().join(", "),
+ other_armor: otherSkills.armor.sort().join(", "),
+ other_weapon: otherSkills.weapon.sort().join(", "),
+ other_other: otherSkills.other.sort().join(", "),
+ });
+ });
+ });
+};
+
+const deleteResource = function(name) {
+ getAttrs(["other_resource_name"], v => {
+ if (v.other_resource_name === name) {
+ setAttrs({ other_resource_name: "", other_resource_max: "", other_resource: "" });
+ } else {
+ getSectionIDs("repeating_resource", ids => {
+ if (ids.length === 0) return;
+ const nameAttrs = ids.map(id => `repeating_resource_${id}_resource_left_name`)
+ .concat(ids.map(id => `repeating_resource_${id}_resource_right_name`));
+ getAttrs(nameAttrs, nv => {
+ const existingKey = Object.keys(nv).find(k => nv[k] === name);
+ if (!existingKey) return;
+ const existingID = existingKey.replace("repeating_resource_", "").split("_resource_")[0];
+ const side = existingKey.includes("_right_") ? "right" : "left";
+ const otherSide = side === "left" ? "right" : "left";
+ if (!nv[`repeating_resource_${existingID}_resource_${otherSide}_name`]) {
+ removeRepeatingRow(`repeating_resource_${existingID}`);
+ } else {
+ setAttrs({
+ [`repeating_resource_${existingID}_resource_${side}_name`]: "",
+ [`repeating_resource_${existingID}_resource_${side}_max`]: "",
+ [`repeating_resource_${existingID}_resource_${side}`]: ""
+ });
+ }
+ });
+ });
+ }
+ });
+};
+const getSpellPoints = function(callback) {
+ const classAttrs = ["base_level","class","multiclass1_flag","multiclass1","multiclass1_lvl",
+ "multiclass2_flag","multiclass2","multiclass2_lvl","multiclass3_flag","multiclass3","multiclass3_lvl",
+ "arcane_fighter","arcane_rogue"];
+ const pointsPerLevel = [0,4,6,14,17,27,32,38,44,57,64,73,78,83,88,94,100,107,114,123,133];
+ getAttrs(classAttrs, v => {
+ const classes = [[v["class"] || "", v["base_level"] || 0]].concat(
+ [1,2,3].filter(i => v[`multiclass${i}_flag`] === "1")
+ .map(i => [v[`multiclass${i}`] || "", v[`multiclass${i}_lvl`] || 0])
+ );
+ const multicaster = isMultiCaster(classes, v["arcane_fighter"], v["arcane_rogue"]);
+ let totalCasterLevel = 0;
+ classes.forEach(function([cls, lvl]) {
+ const lvlInt = parseInt(lvl) || 0;
+ const fraction = getCasterType(cls, lvlInt, v["arcane_fighter"], v["arcane_rogue"]);
+ const contribution = lvlInt * fraction;
+ totalCasterLevel += multicaster ? Math.floor(contribution) : Math.ceil(contribution);
+ });
+ const level = Math.min(Math.max(Math.round(totalCasterLevel), 0), 20);
+ callback(pointsPerLevel[level] || 0);
+ });
+};
+const setSpellPoints = function() {
+ getSpellPoints(points => {
+ if (points > 0) createResource("Spell Points", points, points);
+ });
+};
+on("change:use_spell_points", eventInfo => {
+ if (eventInfo.newValue && eventInfo.newValue == "1") {
+ setSpellPoints();
+ } else {
+ deleteResource("Spell Points");
+ }
+ update_spell_slots();
+});
+
+// ---- Feature: Short/Long Rest Buttons ----
+class Rest {
+ static resetResources(types) {
+ if (!types.includes("long")) return;
+ getSectionIDs("resource", ids => {
+ const attributes = [
+ "class_resource_max", "class_resource_use_pb",
+ "other_resource_max", "other_resource_use_pb",
+ "pb"
+ ];
+ ids.forEach(id => {
+ attributes.push(`repeating_resource_${id}_resource_left_max`);
+ attributes.push(`repeating_resource_${id}_resource_left_use_pb`);
+ attributes.push(`repeating_resource_${id}_resource_right_max`);
+ attributes.push(`repeating_resource_${id}_resource_right_use_pb`);
+ });
+ getAttrs(attributes, values => {
+ const update = {};
+ const pb = parseInt(values["pb"]) || 0;
+ const resetOne = (currentKey, maxKey, pbKey) => {
+ const usePB = values[pbKey] === "1";
+ const max = usePB ? pb : parseInt(values[maxKey]);
+ if (!isNaN(max) && max > 0) update[currentKey] = max;
+ };
+ resetOne("class_resource", "class_resource_max", "class_resource_use_pb");
+ resetOne("other_resource", "other_resource_max", "other_resource_use_pb");
+ ids.forEach(id => {
+ resetOne(`repeating_resource_${id}_resource_left`, `repeating_resource_${id}_resource_left_max`, `repeating_resource_${id}_resource_left_use_pb`);
+ resetOne(`repeating_resource_${id}_resource_right`, `repeating_resource_${id}_resource_right_max`, `repeating_resource_${id}_resource_right_use_pb`);
+ });
+ setAttrs(update);
+ });
+ });
+ }
+ static resetHP() {
+ getAttrs(["hp_max"], values => {
+ if(!isNaN(values["hp_max"])) setAttrs({hp: values["hp_max"]});
+ });
+ }
+ static resetHitDice() {
+ getAttrs(["level", "hit_dice", "hit_dice_max"], values => {
+ const update = {};
+ const level = parseInt(values["level"]) || 0;
+ const maxHitDice = Math.max(Math.floor(level / 2), 1);
+ if(!isNaN(values["hit_dice_max"])) {
+ if(!isNaN(values["hit_dice"])) {
+ update["hit_dice"] = String(Math.min(parseInt(values["hit_dice"]) + maxHitDice, parseInt(values["hit_dice_max"])));
+ } else {
+ update["hit_dice"] = String(maxHitDice);
+ }
+ }
+ setAttrs(update);
+ });
+ }
+ // Restores the Talent Points pool (tp). Used by Adept, Cybermancer, Melder on long rest.
+ static resetTalentPoints() {
+ getAttrs(["tp_max"], values => {
+ if(!isNaN(values["tp_max"])) setAttrs({tp: values["tp_max"]});
+ });
+ }
+ // Restores Cybermancer Talent Slots (slots_used = remaining slots) to max.
+ // Cybermancer is EG's Warlock equivalent: talent slots recover on both short and long rest.
+ static resetCybermancerSlots() {
+ get_class_level("cybermancer", cybermancerLvl => {
+ if(cybermancerLvl === 0 || cybermancerLvl === "0") return;
+ getAttrs(["slots_max"], values => {
+ if(!isNaN(values["slots_max"])) setAttrs({slots_used: values["slots_max"]});
+ });
+ });
+ }
+ // Restores power slots (lvl1–9) to their calculated totals on long rest.
+ static resetPowerSlots() {
+ const attributes = [
+ "lvl1_slots_total", "lvl2_slots_total", "lvl3_slots_total",
+ "lvl4_slots_total", "lvl5_slots_total", "lvl6_slots_total",
+ "lvl7_slots_total", "lvl8_slots_total", "lvl9_slots_total"
+ ];
+ getAttrs(attributes, values => {
+ const update = {};
+ Object.keys(values).filter(key => !isNaN(values[key])).forEach(key => {
+ update[key.replace("_total", "_expended")] = values[key];
+ });
+ setAttrs(update);
+ });
+ }
+ // Clears Esper Mastery used-flags on long rest.
+ static resetEsperMastery() {
+ setAttrs({
+ mastery_6th_used: "",
+ mastery_7th_used: "",
+ mastery_8th_used: "",
+ mastery_9th_used: ""
+ });
+ }
+ static resetDeathSave() {
+ const update = {};
+ for(let i = 1; i <= 3; i++) {
+ update[`deathsave_succ${i}`] = "";
+ update[`deathsave_fail${i}`] = "";
+ }
+ setAttrs(update);
+ }
+ static decreaseExhaustionLevels() {
+ getAttrs(["exhaustion_toggle", "exhaustion_level"], values => {
+ if(!values["exhaustion_toggle"] || values["exhaustion_toggle"] !== "1") return;
+ const level = isNaN(values["exhaustion_level"])
+ ? 0
+ : Math.max(parseInt(values["exhaustion_level"]) - 1, 0);
+ setAttrs({exhaustion_level: level});
+ });
+ }
+ static long() {
+ Rest.resetResources(["short", "long"]);
+ Rest.resetHP();
+ Rest.resetHitDice();
+ Rest.resetTalentPoints();
+ Rest.resetCybermancerSlots();
+ Rest.resetPowerSlots();
+ Rest.resetEsperMastery();
+ Rest.decreaseExhaustionLevels();
+ Rest.resetDeathSave();
+ }
+ static short() {
+ Rest.resetResources(["short"]);
+ Rest.resetCybermancerSlots();
+ Rest.resetDeathSave();
+ }
+}
+
+on("clicked:short_rest", () => {
+ console.log("Taking a short rest...");
+ Rest.short();
+});
+on("clicked:long_rest", () => {
+ console.log("Taking a long rest...");
+ Rest.long();
+});
+
+const sanitizeShipNum = (val) => {
+ const raw = (val || "").trim().replace(/^\+/, "");
+ const n = parseInt(raw, 10);
+ return isNaN(n) ? 0 : n;
+};
+
+on("change:pc_ship_piloting_maneuver_check", () => {
+ getAttrs(["pc_ship_piloting_maneuver_check"], function(v) {
+ setAttrs({ pc_ship_piloting_num: sanitizeShipNum(v["pc_ship_piloting_maneuver_check"]) }, { silent: true });
+ });
+});
+
+const update_pc_ship_ac = () => {
+ getAttrs(["pc_ship_base_armor_class", "pc_ship_maneuver_bonus", "pc_ship_pilot_dex_modifier", "pc_ship_misc_mod_bonus"], function(v) {
+ const ac = sanitizeShipNum(v["pc_ship_base_armor_class"])
+ + sanitizeShipNum(v["pc_ship_maneuver_bonus"])
+ + sanitizeShipNum(v["pc_ship_pilot_dex_modifier"])
+ + sanitizeShipNum(v["pc_ship_misc_mod_bonus"]);
+ setAttrs({ pc_ship_armor_class: ac }, { silent: true });
+ });
+};
+
+const update_pc_ship_md = () => {
+ getAttrs(["pc_ship_proficiency_bonus", "pc_ship_pilot_wis_modifier", "pc_ship_captain_cha_modifier"], function(v) {
+ const md = 8
+ + sanitizeShipNum(v["pc_ship_proficiency_bonus"])
+ + sanitizeShipNum(v["pc_ship_pilot_wis_modifier"])
+ + sanitizeShipNum(v["pc_ship_captain_cha_modifier"]);
+ setAttrs({ pc_ship_base_maneuver_defense: 8, pc_ship_maneuver_defense_bonus: md }, { silent: true });
+ });
+};
+
+on("change:pc_ship_base_armor_class change:pc_ship_maneuver_bonus change:pc_ship_pilot_dex_modifier change:pc_ship_misc_mod_bonus", update_pc_ship_ac);
+on("change:pc_ship_proficiency_bonus change:pc_ship_pilot_wis_modifier change:pc_ship_captain_cha_modifier", update_pc_ship_md);
+
+on("sheet:opened", () => {
+ update_pc_ship_ac();
+ update_pc_ship_md();
+});
+
+// ── Damage / Heal buttons ──────────────────────────────────────────────────
+// Minus (−): subtract hp_change from current HP, floor at 0
+on("clicked:damage", function() {
+ getAttrs(["hp", "hp_change"], function(v) {
+ const current = parseInt(v.hp) || 0;
+ const change = parseInt(v.hp_change) || 0;
+ const newHp = Math.max(0, current - change);
+ setAttrs({ hp: newHp });
+ });
+});
+
+// Plus (+): add hp_change to current HP, ceiling at hp_max
+on("clicked:heal", function() {
+ getAttrs(["hp", "hp_max", "hp_change"], function(v) {
+ const current = parseInt(v.hp) || 0;
+ const max = parseInt(v.hp_max) || 0;
+ const change = parseInt(v.hp_change) || 0;
+ const newHp = Math.min(max, current + change);
+ setAttrs({ hp: newHp });
+ });
+});
+
//# sourceURL=espergenesis.js
diff --git a/Esper_Genesis_5E/src/charactermancer/l1/class.html b/Esper_Genesis_5E/src/charactermancer/l1/class.html
index 1e61e4916a..571f3fb965 100644
--- a/Esper_Genesis_5E/src/charactermancer/l1/class.html
+++ b/Esper_Genesis_5E/src/charactermancer/l1/class.html
@@ -146,7 +146,7 @@
- CHARACTER NAME
-
- y
-
- 
-
-
- 
-
-
- 
-
-
- 
-
-
- 
-
-
- 
-
-
- 
-
-
-