From 4150de757b3e3e4d813f74c7cfa0d9ec8f26ee57 Mon Sep 17 00:00:00 2001 From: Murilo Brito <91566541+moliloo@users.noreply.github.com> Date: Tue, 8 Jul 2025 19:39:00 -0300 Subject: [PATCH] refactor styles folder (#302) --- styles/application.less | 561 -- styles/class.less | 5 - styles/daggerheart.css | 7389 ++++++----------- styles/daggerheart.less | 202 +- styles/dialog.less | 12 - styles/item.less | 59 - styles/less/actors/adversary.less | 5 - styles/less/actors/character.less | 11 - styles/less/actors/environment.less | 27 - .../beastform/beastform-container.less} | 105 +- styles/less/dialog/beastform/sheet.less | 21 + .../creation-action-footer.less | 13 + .../selections-container.less} | 742 +- .../less/dialog/character-creation/sheet.less | 27 + .../character-creation/tab-navigation.less | 62 + .../damage-reduction-container.less} | 6 +- .../less/dialog/damage-reduction/sheets.less | 7 + .../dialog/downtime/downtime-container.less | 81 + styles/less/dialog/index.less | 19 + .../dialog/level-up/navigation-container.less | 30 + .../dialog/level-up/selections-container.less | 108 + styles/less/dialog/level-up/sheet.less | 37 + .../dialog/level-up/summary-container.less | 37 + .../less/dialog/level-up/tiers-container.less | 65 + styles/less/global/index.less | 14 + styles/less/items/class.css | 132 - .../adversary-settings/experiences.less | 0 .../adversary-settings/features.less | 0 .../adversary-settings/sheet.less | 0 .../environment-settings/adversaries.less | 0 .../environment-settings/features.less | 0 .../header.less | 0 styles/less/sheets-settings/index.less | 7 + .../actors/adversary/actions.less | 4 +- .../{ => sheets}/actors/adversary/header.less | 4 +- .../{ => sheets}/actors/adversary/sheet.less | 4 +- .../actors/adversary/sidebar.less | 24 +- .../actors/character/biography.less | 4 +- .../actors/character/features.less | 4 +- .../{ => sheets}/actors/character/header.less | 5 +- .../actors/character/inventory.less | 4 +- .../actors/character/loadout.less | 4 +- .../{ => sheets}/actors/character/sheet.less | 4 +- .../actors/character/sidebar.less | 5 +- .../actors/companion/details.less | 4 +- .../{ => sheets}/actors/companion/header.less | 4 +- .../{ => sheets}/actors/companion/sheet.less | 14 +- .../actors/environment/header.less | 4 +- .../actors/environment/sheet.less | 5 +- styles/less/sheets/index.less | 23 + styles/less/{ => sheets}/items/class.less | 4 +- .../items/domain-card.less} | 4 +- styles/less/{ => sheets}/items/feature.less | 4 +- styles/{ => less/ui/chat}/chat.less | 226 +- styles/less/ui/chat/sheet.less | 33 + styles/less/ui/chat/theme-colorful.less | 193 + .../ui/combat-sidebar/combat-sidebar.less | 6 + .../ui/combat-sidebar/combatant-controls.less | 5 + .../ui/combat-sidebar/encounter-controls.less | 48 + .../ui/combat-sidebar/spotlight-control.less | 19 + .../less/ui/combat-sidebar/token-actions.less | 48 + styles/less/ui/countdown/countdown.less | 61 + .../ui/countdown/sheet.less} | 229 +- styles/less/ui/index.less | 18 + .../ownership-selection.less} | 2 + styles/{ => less/ui/resources}/resources.less | 0 styles/{ => less/ui/settings}/settings.less | 2 + styles/less/utils/colors.less | 15 + .../values.less => less/utils/spacing.less} | 0 styles/levelup.less | 271 - styles/pc.less | 1519 ---- styles/sheets/activeEffect.less | 5 - styles/sheets/class.less | 65 - styles/sheets/heritage.less | 5 - styles/sheets/sheets.less | 185 - styles/ui.less | 122 - styles/variables/colors.less | 37 - styles/variables/variables.less | 2 - 78 files changed, 4208 insertions(+), 8824 deletions(-) delete mode 100644 styles/application.less delete mode 100644 styles/class.less delete mode 100644 styles/dialog.less delete mode 100755 styles/item.less delete mode 100644 styles/less/actors/adversary.less delete mode 100644 styles/less/actors/character.less delete mode 100644 styles/less/actors/environment.less rename styles/less/{applications/beastform.less => dialog/beastform/beastform-container.less} (78%) create mode 100644 styles/less/dialog/beastform/sheet.less create mode 100644 styles/less/dialog/character-creation/creation-action-footer.less rename styles/{characterCreation.less => less/dialog/character-creation/selections-container.less} (78%) create mode 100644 styles/less/dialog/character-creation/sheet.less create mode 100644 styles/less/dialog/character-creation/tab-navigation.less rename styles/{damageReduction.less => less/dialog/damage-reduction/damage-reduction-container.less} (98%) create mode 100644 styles/less/dialog/damage-reduction/sheets.less create mode 100644 styles/less/dialog/downtime/downtime-container.less create mode 100644 styles/less/dialog/index.less create mode 100644 styles/less/dialog/level-up/navigation-container.less create mode 100644 styles/less/dialog/level-up/selections-container.less create mode 100644 styles/less/dialog/level-up/sheet.less create mode 100644 styles/less/dialog/level-up/summary-container.less create mode 100644 styles/less/dialog/level-up/tiers-container.less create mode 100644 styles/less/global/index.less delete mode 100644 styles/less/items/class.css rename styles/less/{applications => sheets-settings}/adversary-settings/experiences.less (100%) rename styles/less/{applications => sheets-settings}/adversary-settings/features.less (100%) rename styles/less/{applications => sheets-settings}/adversary-settings/sheet.less (100%) rename styles/less/{applications => sheets-settings}/environment-settings/adversaries.less (100%) rename styles/less/{applications => sheets-settings}/environment-settings/features.less (100%) rename styles/less/{applications => sheets-settings}/header.less (100%) create mode 100644 styles/less/sheets-settings/index.less rename styles/less/{ => sheets}/actors/adversary/actions.less (87%) rename styles/less/{ => sheets}/actors/adversary/header.less (92%) rename styles/less/{ => sheets}/actors/adversary/sheet.less (84%) rename styles/less/{ => sheets}/actors/adversary/sidebar.less (93%) rename styles/less/{ => sheets}/actors/character/biography.less (87%) rename styles/less/{ => sheets}/actors/character/features.less (87%) rename styles/less/{ => sheets}/actors/character/header.less (98%) rename styles/less/{ => sheets}/actors/character/inventory.less (96%) rename styles/less/{ => sheets}/actors/character/loadout.less (97%) rename styles/less/{ => sheets}/actors/character/sheet.less (88%) rename styles/less/{ => sheets}/actors/character/sidebar.less (98%) rename styles/less/{ => sheets}/actors/companion/details.less (95%) rename styles/less/{ => sheets}/actors/companion/header.less (98%) rename styles/less/{ => sheets}/actors/companion/sheet.less (52%) rename styles/less/{ => sheets}/actors/environment/header.less (95%) rename styles/less/{ => sheets}/actors/environment/sheet.less (80%) create mode 100644 styles/less/sheets/index.less rename styles/less/{ => sheets}/items/class.less (94%) rename styles/less/{items/domainCard.less => sheets/items/domain-card.less} (77%) rename styles/less/{ => sheets}/items/feature.less (84%) mode change 100755 => 100644 rename styles/{ => less/ui/chat}/chat.less (60%) create mode 100644 styles/less/ui/chat/sheet.less create mode 100644 styles/less/ui/chat/theme-colorful.less create mode 100644 styles/less/ui/combat-sidebar/combat-sidebar.less create mode 100644 styles/less/ui/combat-sidebar/combatant-controls.less create mode 100644 styles/less/ui/combat-sidebar/encounter-controls.less create mode 100644 styles/less/ui/combat-sidebar/spotlight-control.less create mode 100644 styles/less/ui/combat-sidebar/token-actions.less create mode 100644 styles/less/ui/countdown/countdown.less rename styles/{countdown.less => less/ui/countdown/sheet.less} (64%) create mode 100644 styles/less/ui/index.less rename styles/{ownershipSelection.less => less/ui/ownership-selection/ownership-selection.less} (94%) rename styles/{ => less/ui/resources}/resources.less (100%) rename styles/{ => less/ui/settings}/settings.less (98%) rename styles/{variables/values.less => less/utils/spacing.less} (100%) delete mode 100644 styles/levelup.less delete mode 100644 styles/pc.less delete mode 100644 styles/sheets/activeEffect.less delete mode 100644 styles/sheets/class.less delete mode 100644 styles/sheets/heritage.less delete mode 100644 styles/sheets/sheets.less delete mode 100644 styles/ui.less delete mode 100644 styles/variables/colors.less delete mode 100644 styles/variables/variables.less diff --git a/styles/application.less b/styles/application.less deleted file mode 100644 index 412d41e7..00000000 --- a/styles/application.less +++ /dev/null @@ -1,561 +0,0 @@ -form.daggerheart.views.downtime { - // Shouldn't be needed, but DEFAULT_OPTIONS doesn't accept Height: 'auto' - height: auto !important; -} - -div.daggerheart.views.death-move { - // Shouldn't be needed, but DEFAULT_OPTIONS doesn't accept Height: 'auto' - height: auto !important; -} - -div.daggerheart.views.multiclass { - // Shouldn't be needed, but DEFAULT_OPTIONS doesn't accept Height: 'auto' - height: auto !important; -} - -.daggerheart.views { - &.levelup { - .levelup-title-container { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: 32px; - margin-bottom: 4px; - - .level-title { - text-decoration: underline; - } - - .level-display { - display: flex; - align-items: center; - - i { - margin: 0 @halfMargin; - } - } - } - - .levelup-section { - display: flex; - align-items: flex-start; - margin-bottom: 8px; - font-size: 11px; - - .levelup-container { - flex: 1; - - &:nth-of-type(2) { - padding: 0 4px; - } - - &.disabled { - opacity: 0.2; - } - - .levelup-inner-container { - height: 700px; - padding: 24px 58px 0; - display: flex; - flex-direction: column; - align-items: center; - position: relative; - - .levelup-legend { - margin-left: auto; - margin-right: auto; - font-weight: bold; - z-index: 1; - } - - .levelup-info { - background: @primaryAccent; - width: 100%; - text-align: center; - position: absolute; - top: -6px; - padding: 8px 0; - } - - .levelup-pretext { - padding: 8px 0; - } - - .levelup-body { - display: flex; - flex-direction: column; - - .levelup-choice-row { - display: flex; - align-items: center; - padding: 4px; - - .levelup-choice-row-inner { - display: flex; - align-items: center; - } - - .levelup-choice-input-container { - position: relative; - display: flex; - align-items: center; - - input { - &:disabled:checked::before { - opacity: 0.4; - color: var(--color-warm-1); - } - } - - i.fa-link { - transform: rotate(45deg); - position: relative; - top: 2px; - margin: 0 -3px; - } - - i.fa-lock { - position: absolute; - top: 0; - left: 0; - font-size: 8px; - } - } - } - } - - .levelup-posttext { - padding: 8px 0; - } - } - } - } - } - - .downtime-container { - .downtime-header { - margin: 0; - color: light-dark(@dark-blue, @golden); - text-align: center; - } - - .activity-container { - display: flex; - align-items: center; - padding: 8px; - - .activity-title { - flex: 1; - display: flex; - align-items: center; - - .activity-title-text { - font-size: 24px; - font-weight: bold; - } - - .activity-image { - width: 80px; - position: relative; - display: flex; - justify-content: center; - margin-right: 8px; - border: 2px solid black; - border-radius: 50%; - cursor: pointer; - - .activity-select-label { - position: absolute; - top: -9px; - font-size: 14px; - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - color: light-dark(@beige, @dark); - background-image: url(../assets/parchments/dh-parchment-light.png); - padding: 0 8px; - line-height: 1; - font-weight: bold; - } - - img { - border-radius: 50%; - } - - &:hover, - &.selected { - filter: drop-shadow(0 0 6px gold); - } - } - - .custom-name-input { - font-size: 24px; - font-weight: bold; - padding: 0; - background: transparent; - color: rgb(239, 230, 216); - } - } - - .activity-body { - flex: 1; - font-style: italic; - } - } - } - - &.downtime { - .activity-text-area { - resize: none; - } - } - - .range-reset { - flex: 0; - width: 21px; - height: 21px; - margin: 3px 4px; - border: 1px solid black; - display: flex; - align-items: center; - justify-content: center; - } - - &.roll-selection { - .roll-selection-container { - i { - filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%); - } - } - - #roll-selection-costSelection footer { - display: none; - } - - .roll-dialog-container { - .hope-container { - display: flex; - gap: @fullMargin; - align-items: center; - font-size: 18px; - } - } - } - - &.npc-roll-selection { - .npc-roll-dialog-container { - display: flex; - flex-direction: column; - - .selection-container { - display: flex; - align-items: center; - margin-bottom: @fullMargin; - gap: 16px; - - .dice-container { - display: flex; - align-items: center; - flex: 1; - - .dice-inner-container { - position: relative; - display: flex; - align-items: center; - justify-content: center; - - i { - font-size: 18px; - } - - img { - border: 0; - position: relative; - left: 1px; - } - - .dice-number { - position: absolute; - font-size: 24px; - font-weight: bold; - } - } - - .advantage-container { - display: flex; - flex-direction: column; - gap: 2px; - flex: 1; - - .advantage-button { - &.active, - &:hover { - background: var(--button-hover-background-color); - } - } - } - } - } - } - } - - &.multiclass { - .multiclass-container { - margin-bottom: @largeMargin; - - .multiclass-category-title { - margin-top: @largeMargin; - } - - .multiclass-class-choices { - display: flex; - width: 100%; - height: 100%; - flex-wrap: wrap; - } - - .multiclass-spaced-choices { - display: flex; - justify-content: space-around; - width: 100%; - height: 100%; - } - - .multiclass-class-choice { - display: flex; - align-items: center; - flex-basis: 33.33%; - font-weight: bold; - font-size: 24px; - cursor: pointer; - - &.selected:not(.disabled), - &:hover:not(.disabled) { - filter: drop-shadow(0 0 3px gold); - } - - &.inactive, - &.disabled { - cursor: initial; - opacity: 0.4; - } - - img { - width: 80px; - height: 80px; - margin-right: @largeMargin; - } - } - } - } - - &.damage-selection { - .hope-container { - display: flex; - gap: @fullMargin; - align-items: center; - font-size: 18px; - } - } - - &.action { - .action-category { - display: flex; - flex-direction: column; - - .action-category-label { - display: flex; - align-items: center; - justify-content: space-between; - border-radius: 6px; - cursor: pointer; - padding: 0 @fullPadding; - margin: 0 auto @halfMargin; - - &:hover { - background-color: darkgray; - } - } - - .action-category-data { - max-height: 0; - transition: max-height 0.2s ease-in-out; - overflow: hidden; - - &.open { - max-height: initial; - } - - .multi-display { - display: flex; - gap: 1rem; - align-items: center; - .form-group { - flex: 1; - } - } - - .form-group { - display: flex; - align-items: center; - margin-bottom: 0.5rem; - label { - flex: 2; - } - .form-fields { - flex: 3; - } - img { - width: 1.5rem; - height: 1.5rem; - } - } - - .hint-group { - display: flex; - flex-direction: column; - align-items: end; - - .form-fields { - width: 100%; - display: flex; - align-items: center; - - label { - flex: 1; - } - - input, - select { - flex: 3; - } - } - - .hint { - margin: 4px 0 0 0; - font-size: 12px; - font-style: italic; - opacity: 0.6; - } - } - - .data-form-array { - border: 1px solid var(--color-fieldset-border); - padding: 0.5rem; - margin-bottom: 0.5rem; - } - } - } - } - - &.ancestry-selection { - .ancestry-section { - display: flex; - flex-direction: column; - align-items: center; - margin-bottom: @fullMargin; - - .ancestry-container { - width: 100%; - display: flex; - flex-wrap: wrap; - - .ancestry-inner-container { - flex-basis: 25%; - display: flex; - flex-direction: column; - align-items: center; - - .image-container { - img { - width: 120px; - border: 4px solid black; - border-radius: 50%; - - &.selected { - border-color: @secondaryShadow; - } - - &:hover:not(.selected) { - filter: drop-shadow(0 0 3px @secondaryShadow); - } - - &.disabled { - opacity: 0.3; - } - } - } - - .name-container { - div { - font-size: 18px; - font-weight: bold; - cursor: help; - } - } - } - } - - .mixed-ancestry-container { - width: 100%; - display: flex; - gap: @fullMargin; - - > div { - flex: 1; - } - - .mixed-ancestry-name { - text-align: center; - div { - font-size: 24px; - } - } - - .mixed-ancestry-images { - display: flex; - align-items: center; - gap: @halfMargin; - - .mixed-ancestry-image { - position: relative; - max-width: 33%; - - &:hover i { - opacity: 1; - } - - i { - position: absolute; - font-size: 32px; - top: calc(50% - 20px); - left: calc(50% - 20px); - padding: @fullPadding; - background-color: grey; - opacity: 0; - cursor: pointer; - - &:hover { - filter: drop-shadow(0 0 3px @secondaryShadow); - } - } - - img { - max-width: 100%; - } - } - - img { - max-width: 33%; - border: 4px solid black; - border-radius: 50%; - - &.selected { - border-color: @secondaryShadow; - } - } - } - } - } - } -} diff --git a/styles/class.less b/styles/class.less deleted file mode 100644 index ec1b1bd5..00000000 --- a/styles/class.less +++ /dev/null @@ -1,5 +0,0 @@ -.daggerheart.sheet.class { - .editor { - height: 500px; - } -} diff --git a/styles/daggerheart.css b/styles/daggerheart.css index b64cd424..43d91e4f 100755 --- a/styles/daggerheart.css +++ b/styles/daggerheart.css @@ -1,4240 +1,5 @@ -/* Base Value */ -/* Margins */ -/* Borders */ -/* Padding */ -/* Inputs */ -/* General */ -/* Drop Shadows */ -/* Background */ -/* Duality */ -/* Fear */ @import '../node_modules/@yaireo/tagify/dist/tagify.css'; -.daggerheart.sheet.class .editor { - height: 500px; -} -.daggerheart.sheet.pc { - width: 810px !important; -} -.daggerheart.sheet.pc div[data-application-part] { - display: flex; - flex-direction: column; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header { - display: flex; - gap: 4px; - height: 120px; - margin-bottom: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .portrait { - border: 0; - border-right: 1px solid var(--color-underline-header); -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info { - flex: 1; - background: #778899; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .portrait { - max-width: 120px; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title { - text-align: center; - display: flex; - justify-content: space-between; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title span:hover { - filter: drop-shadow(0px 0px 3px red); - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title .domain-container { - margin-left: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-add-container { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - flex: 0; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-add-container button { - height: 22px; - width: 22px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - margin-left: 4px; - background: #778899; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .domain-title { - text-transform: uppercase; - display: flex; - flex-direction: column; - align-items: center; - line-height: 23px; - font-weight: bold; - font-style: italic; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .domain-image { - height: 30px; - flex: 0; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info { - flex: 2; - display: flex; - flex-direction: column; - justify-content: space-between; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .general-input { - position: relative; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .general-input .general-title { - position: absolute; - left: 4px; - text-align: center; - font-weight: bold; - text-transform: uppercase; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .pc-tabs { - flex: 1; - margin: 0; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container { - flex-wrap: nowrap; - display: flex; - height: var(--form-field-height); - flex: 0; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container button { - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - width: var(--form-field-height); -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container button i { - font-size: 13px; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container { - position: relative; - bottom: 4px; - flex: none; - width: 40px; - border: none; - outline: none; - margin-left: 8px; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container.levelup { - filter: drop-shadow(0px 0px 3px gold); -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container img { - height: 40px; - width: 40px; - border: none; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container { - width: 48px; - position: absolute; - top: calc(50% - 17px); - left: calc(50% - 23px); -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value { - font-weight: bold; - font-size: 20px; - text-align: center; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value:not(:hover), -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value:not(:focus) { - border: none; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .levelup-marker { - position: absolute; - top: 0; - right: calc(50% - 12px); - color: gold; - filter: drop-shadow(0px 0px 3px black); -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .levelup-marker.double-digit { - right: calc(50% - 20px); -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title { - position: absolute; - bottom: 2px; - width: 42px; - background-color: black; - color: white; - left: calc(50% - 21px); - text-align: center; - border-radius: 5px; - font-size: 12px; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title.levelup { - color: gold; - filter: drop-shadow(0px 0px 3px orange); - font-weight: bold; - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title.levelup:hover { - background-color: aliceblue; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body { - display: flex; - flex-direction: column; - flex: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container { - height: 100%; - display: flex; - flex-direction: column; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container { - flex: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container .body-section { - display: flex; - flex-direction: column; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container .body-section fieldset { - flex: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .system-info { - font-size: 12px; - font-style: italic; - font-weight: bold; - margin-top: -4px; - flex: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .feature-sheet-body { - gap: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container { - position: relative; - display: flex; - flex-wrap: wrap; - border-radius: 6px; - padding-left: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container legend { - margin-left: auto; - margin-right: auto; - font-weight: bold; - text-transform: uppercase; - padding: 0 8px; - position: relative; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attributes-menu { - position: absolute; - bottom: calc(50% - 12px); - font-size: 24px; - left: -8px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute { - position: relative; - padding: 0 0 4px; - display: flex; - flex-direction: column; - align-items: center; - flex-basis: 33.33%; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner { - position: relative; - top: 8px; - z-index: 2; - background: black; - color: white; - text-transform: uppercase; - padding: 2px; - border-radius: 6px; - display: flex; - align-items: center; - overflow: hidden; - min-width: 96px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-roll { - position: absolute; - width: 16px; - transition: transform 0.2s; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-roll:hover { - transform: rotate(30deg); - filter: drop-shadow(0px 0px 3px red); - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-text { - width: 100%; - margin-left: 16px; - font-size: 12px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark { - height: 23px; - width: 23px; - position: absolute; - right: -5px; - top: 6px; - border: 2px solid black; - border-radius: 50%; - background: white; - z-index: 2; - display: flex; - align-items: center; - justify-content: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark.selectable { - border-color: gold; - filter: drop-shadow(0 0 3px black); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark.selectable:hover i { - opacity: 0.3; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark i.selected, -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark:hover i.selected { - color: green; - opacity: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark i { - color: black; - font-size: 17px; - opacity: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image { - position: relative; - width: fit-content; - display: flex; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image img { - height: 80px; - width: 80px; - border: none; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value { - width: 55px; - padding-right: 10px; - position: absolute; - top: calc(50% - 18px); - left: calc(50% - 24px); - font-weight: bold; - font-size: 30px; - line-height: 30px; - text-align: center; - border: none; - appearance: none; - -moz-appearance: none; - -webkit-appearance: none; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value.negative { - left: calc(50% - 29px); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value.unselected { - filter: drop-shadow(0 0 3px gold); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-text { - width: 47px; - position: absolute; - top: calc(50% - 22px); - left: calc(50% - 24px); - font-weight: bold; - font-size: 30px; - text-align: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-text.negative { - left: calc(50% - 29px); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-verb { - font-variant: petite-caps; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row { - height: 100%; - width: 100%; - display: flex; - align-items: baseline; - justify-content: space-evenly; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section { - display: flex; - align-items: center; - margin-right: 8px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container { - position: relative; - padding: 4px; - max-width: 100px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container img { - border: none; - max-width: 80px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value { - width: 47px; - position: absolute; - top: calc(50% - 22px); - left: calc(50% - 24px); - font-weight: bold; - font-size: 30px; - text-align: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value:not(:hover), -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value:not(:focus) { - border: none; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-banner { - position: absolute; - bottom: 20px; - left: calc(50% - 42px); - z-index: 2; - background-color: black; - color: white; - width: 84px; - text-align: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks { - max-width: 67px; - padding: 4px; - align-self: end; - margin-left: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks .mark { - width: 16px; - height: 16px; - margin: 0px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks .disabled-mark { - opacity: 0.6; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .left-main-container { - position: relative; - display: flex; - flex-direction: column; - align-items: flex-start; - border-radius: 6px; - height: 100px; - width: 100px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .left-main-container .legend { - margin-left: auto; - margin-right: auto; - font-weight: bold; - text-transform: uppercase; - padding: 0 4px; - position: relative; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapon-section { - padding-top: 8px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container { - position: relative; - display: flex; - align-items: center; - align-self: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container .threshold-box { - position: relative; - width: 30px; - height: 30px; - border: 2px solid black; - display: flex; - align-items: center; - justify-content: center; - font-size: 20px; - font-weight: bold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container .threshold-spacer { - position: relative; - z-index: 2; - width: 70px; - height: 18px; - background-color: darkgray; - color: white; - display: flex; - justify-content: center; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-label { - text-transform: uppercase; - font-weight: bold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save { - position: absolute; - right: -22px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save:hover:not(.disabled) { - filter: drop-shadow(0 0 3px red); - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save.disabled { - opacity: 0.4; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box { - width: 20px; - height: 12px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box.stress:nth-child(even) { - position: relative; - right: 1px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box .disabled { - opacity: 0.6; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-text { - font-size: 11.7px; - margin-right: 6px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container { - background: darkgray; - border-radius: 6px; - display: flex; - padding: 2px 0px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .vertical-separator { - border-left: 2px solid white; - height: auto; - margin: 4px 0; - flex: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container { - position: relative; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container .hope-value { - width: 16px; - height: 16px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container .hope-scar { - position: absolute; - top: calc(50% - 6px); - left: calc(50% - 7px); - opacity: 0.4; - font-size: 12px; - -webkit-transform: scaleX(-1); - transform: scaleX(-1); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row { - width: 100%; - display: flex; - align-items: flex-end; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector { - font-size: 18px; - cursor: pointer; - margin-right: 4px; - opacity: 0.5; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector:hover:not(.selected) { - filter: drop-shadow(0 0 3px gold); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector.selected { - filter: drop-shadow(0 0 3px gold); - opacity: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-value { - margin-left: 8px; - width: 30px; - border-bottom: 2px solid black; - border-radius: 4px; - text-align: center; - font-weight: bold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-value.empty { - border: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .disabled-experience { - border: 1px solid #7a7971; - background: rgba(0, 0, 0, 0.2); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section { - width: calc(100% - 8px); - display: flex; - justify-content: space-between; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset { - padding-right: 0; - padding-left: 0; - padding-bottom: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset legend { - margin-left: auto; - margin-right: auto; - font-size: 15px; - font-variant: all-petite-caps; - font-weight: bold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 100%; - gap: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row { - display: flex; - align-items: center; - justify-content: center; - padding: 0 4px; - gap: 2px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img, -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img { - min-width: 14px; - min-height: 14px; - height: 14px; - border: 0; - filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img:hover, -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img:hover { - cursor: pointer; - filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%) drop-shadow(0 0 3px red); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row i:hover, -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column i:hover { - cursor: pointer; - filter: drop-shadow(0 0 3px red); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img:not(.owned), -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img:not(.owned), -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row i:not(.owned), -.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column i:not(.owned) { - opacity: 0.4; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .health-category { - text-transform: uppercase; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable { - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable:hover { - filter: drop-shadow(0 0 3px red); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable.inactive { - opacity: 0.5; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container { - width: 100%; - min-height: 136px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container { - display: flex; - align-items: center; - justify-content: space-between; - padding: 4px; - margin-bottom: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container .feature-img { - max-width: 42px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container .feature-label { - font-weight: bold; - font-size: 30px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container button { - flex: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container { - flex: 0; - min-width: 56px; - display: flex; - flex-wrap: wrap; - gap: 8px; - margin: 0 24px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick { - position: relative; - border: 2px solid #7a7971; - height: 24px; - border-radius: 50%; - width: 24px; - background: rgba(0, 0, 0, 0.05); - display: flex; - justify-content: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick:hover:not(.disabled):not(.used) { - cursor: pointer; - filter: drop-shadow(0 0 3px red); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick.disabled { - opacity: 0.3; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick img { - border: 0; - width: 24px; - height: 24px; - filter: invert(17%) sepia(0%) saturate(0%) hue-rotate(19deg) brightness(102%) contrast(84%); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick .feature-dice-value { - font-size: 18px; - align-self: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick.used::after { - position: absolute; - content: '/'; - color: #7a7971; - font-weight: 700; - font-size: 1.7em; - left: 4px; - top: -5px; - transform: rotate(25deg); - font-size: 24.5px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .feature-input { - border: 0; - border-bottom: 1px solid #7a7971; - text-align: center; - height: min-content; - background: inherit; - font-size: 20px; - position: relative; - bottom: 3px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .editor { - height: 400px; - width: 100%; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title { - position: relative; - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container { - width: 176px; - height: 20px; - position: absolute; - bottom: -15px; - left: calc(50% - 88px); - text-transform: uppercase; - display: flex; - align-items: center; - justify-content: center; - z-index: 1; - clip-path: polygon(11% 100%, 89% 100%, 100% 0%, 0% 0%); - font-size: 10px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container span { - margin-right: 2px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot { - background: white; - color: white; - font-size: 10px; - padding: 1px; - border-radius: 50%; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot.marked { - color: black; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot:not(:last-of-type) { - margin-right: 2px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden { - position: absolute; - top: -4px; - right: -56px; - display: flex; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon { - color: white; - font-size: 22px; - -webkit-text-stroke-width: 1px; - -webkit-text-stroke-color: black; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.active { - -webkit-text-stroke-color: rgba(0, 0, 0, 0.05); - color: black; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.left { - -webkit-transform: scaleX(-1) rotate(20deg); - transform: scaleX(-1) rotate(20deg); - margin-right: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.right { - transform: rotate(20deg); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .armor-container { - display: flex; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .armor-container .active-item-label-chip { - margin-left: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container { - display: flex; - flex-direction: column; - width: 100%; - padding: 2px 0px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row { - display: flex; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row .damage-roll { - width: 24px; - border: none; - margin-left: 4px; - transition: transform 0.2s; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row .damage-roll:hover { - transform: rotate(30deg); - filter: drop-shadow(0px 0px 3px red); - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip { - width: 62px; - border: 2px solid black; - border-radius: 6px; - background-color: #778899; - display: flex; - align-items: center; - justify-content: space-around; - margin-left: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip img { - height: 20px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button { - height: 17px; - width: 17px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - background: #7a7971; - border-color: black; - margin: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button:hover { - background: red; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button i { - font-size: 10px; - color: black; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-armor-section, -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-weapon-section { - width: 100%; - margin-bottom: 8px; - text-transform: uppercase; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-armor-section h2, -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-weapon-section h2 { - width: 100%; - display: flex; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend { - display: flex; - align-items: center; - margin-bottom: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector { - margin-left: 4px; - display: flex; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector i:hover:not(.disabled) { - cursor: pointer; - filter: drop-shadow(0px 0px 3px red); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector i.disabled { - opacity: 0.4; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-add-button { - position: absolute; - border-radius: 50%; - height: 15px; - width: 15px; - top: -20px; - background: grey; - border-color: black; - right: 6px; - display: flex; - font-size: 13px; - align-items: center; - justify-content: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory { - width: 100%; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row { - height: 26px; - border-bottom: 1px solid #7a7971; - display: flex; - margin-bottom: 8px; - border-radius: 8px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container { - flex-basis: 25%; - margin: 0 4px 8px; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container:hover { - filter: drop-shadow(0px 0px 3px red); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item { - background: #778899; - padding: 4px; - border: 1px solid black; - border-radius: 6px; - display: flex; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item .inventory-item-text { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - flex: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item button { - height: 16px; - width: 16px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - flex: 0; - background: #7a7971; - border-color: black; - margin-left: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item button i { - font-size: 12px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .editor { - height: 100px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-items { - width: 100%; - flex: 1; - display: flex; - flex-direction: column; - justify-content: space-between; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab { - flex: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body { - height: 100%; - width: 100%; - padding: 8px; - display: flex; - flex-direction: column; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .card-row { - flex: 1; - display: flex; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card { - flex: 0; - flex-basis: 33.33%; - margin: 8px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body { - flex: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container { - height: 100%; - display: flex; - flex-direction: column; - gap: 8px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container .top-card-row { - flex: 1; - display: flex; - justify-content: space-around; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container .domain-card.outlined { - border: 2px dotted black; - padding: 0; - margin: 8px; - height: calc(100% - 16px); - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-evenly; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .vault-container { - display: flex; - flex-wrap: wrap; - overflow-y: auto; - height: 100%; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .vault-container .vault-card { - flex: 0; - flex-basis: calc(33.33% - 16px); - margin: 8px; - height: calc(50% - 16px); - min-height: calc(50% - 16px); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card-menu { - flex: 0; - width: 120px; - height: 100%; - border-width: 2px 0 2px 2px; - border-color: black; - border-style: solid; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card-menu button { - margin-bottom: 2px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .loadout-tabs { - border-top: 1px solid #b5b3a4; - border-bottom: 1px solid #b5b3a4; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card { - position: relative; - border: 4px solid #708090; - border-radius: 6px; - display: flex; - flex-direction: column; - height: 100%; - font-size: 14px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-image-container { - position: relative; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-image { - width: 100%; - height: 100%; - aspect-ratio: 2; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-text-container { - flex: 1; - position: relative; - height: 50%; - display: flex; - flex-direction: column; - overflow-y: auto; - padding: 12px 4px 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-level { - position: absolute; - top: 0; - left: 12px; - color: black; - height: 60px; - border: 2px solid orange; - border-top-width: 0; - width: 30px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-evenly; - background: grey; - font-size: 20px; - font-weight: bold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-level img { - border: 0; - width: 20px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-refresh-cost { - position: absolute; - top: 12px; - right: 12px; - color: white; - width: 30px; - height: 30px; - border: 2px solid orange; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - background: black; - font-size: 14px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-refresh-cost i { - font-size: 11px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-type { - flex: 0; - display: flex; - justify-content: center; - align-items: center; - font-weight: bold; - position: absolute; - left: 0; - text-align: center; - width: 100%; - bottom: -9px; - z-index: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-type .abilities-card-type-text { - padding: 0px 4px; - border: 1px solid black; - border-radius: 6px; - background: gold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-title { - flex: 0; - display: flex; - justify-content: center; - align-items: center; - font-weight: bold; - font-size: 18px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-sub-title { - flex: 0; - display: flex; - justify-content: center; - align-items: center; - font-style: italic; - font-size: 12px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-spellcast { - flex: 0; - display: flex; - justify-content: center; - align-items: center; - text-transform: uppercase; - font-size: 12px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-spellcast .title { - font-weight: bold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-description { - flex: 0; - font-size: 12px; - margin-bottom: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect { - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect:hover { - background: rgba(47, 79, 79, 0.25); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect > * { - margin-top: 0; - margin-bottom: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities { - flex: 1; - display: flex; - flex-direction: column; - gap: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability { - font-size: 12px; - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability:hover { - background: rgba(47, 79, 79, 0.25); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability > * { - margin: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card:hover .abilities-card-menu { - height: 40px; - left: 0px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-menu { - display: flex; - justify-content: center; - align-items: center; - height: 0; - transition: height 0.2s; - overflow: hidden; - position: absolute; - bottom: 0; - z-index: 2; - width: 100%; - background: grey; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-menu button { - font-weight: bold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container { - height: 100%; - display: flex; - flex-direction: column; - gap: 8px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .card-row { - height: 50%; - display: flex; - justify-content: space-around; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .heritage-card { - flex-basis: 33.33%; - margin: 8px; - display: flex; - align-items: center; - justify-content: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .heritage-card.outlined { - border: 2px dotted black; - font-size: 25px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container { - height: 100%; - display: flex; - flex-direction: column; - align-items: center; - font-size: 25px; - opacity: 0.7; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container .empty-ability-inner-container { - flex: 1; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container .empty-ability-inner-container i { - font-size: 48px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container { - gap: 16px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .story-fieldset { - border-radius: 6px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .story-legend { - margin-left: auto; - margin-right: auto; - padding: 0 8px; - font-size: 30px; - font-weight: bold; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .scars-container .editor { - height: 240px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container { - height: 100%; - overflow: auto; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list { - list-style-type: none; - padding: 0 8px; - margin-top: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list.inventory-item-header { - margin-bottom: 0; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container { - display: flex; - align-items: center; - width: 100%; - border-bottom: 4px ridge slategrey; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-title-row { - justify-content: space-between; - flex: 1; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-item-title-container { - flex: 1; - display: flex; - align-items: center; - justify-content: flex-start; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-item-quantity { - width: 48px; - display: flex; - align-items: center; - margin-right: 96px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item { - background: crimson; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item:not(:last-of-type) { - border-bottom: 2px ridge slategrey; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container { - flex: 1; - display: flex; - align-items: center; - justify-content: flex-start; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container .inventory-item-title { - display: flex; - align-items: center; - cursor: pointer; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container .inventory-item-title:hover { - filter: drop-shadow(0 0 3px gold); -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity { - width: 60px; - display: flex; - align-items: center; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity.spaced { - margin-right: 56px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity input { - margin: 0 2px; - border: 0; - border-bottom: 2px solid black; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity i { - font-size: 20px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row { - font-size: 20px; - font-weight: bold; - display: flex; - align-items: center; - padding: 0 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row { - display: flex; - align-items: center; - padding: 4px; - font-size: 24px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row .row-icon { - margin-left: 4px; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row .active-item { - position: absolute; - font-size: 16px; - left: calc(50% - 8px); - top: calc(50% - 8px); - margin-left: 2px; - color: crimson; -} -.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row img { - width: 32px; -} -.combat-sidebar .encounter-controls.combat { - justify-content: space-between; -} -.combat-sidebar .encounter-controls.combat .encounter-fear-controls { - display: flex; - align-items: center; - gap: 8px; -} -.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container { - display: flex; - gap: 2px; -} -.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container { - display: flex; - position: relative; - align-items: center; - justify-content: center; - color: black; -} -.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .dice { - height: 22px; - width: 22px; -} -.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-fear { - position: absolute; - font-size: 16px; -} -.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-counter { - position: absolute; - right: -10px; - color: var(--color-text-secondary); -} -.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-countdowns { - color: var(--content-link-icon-color); -} -.combat-sidebar .encounter-controls.combat .control-buttons { - width: min-content; -} -.combat-sidebar .combatant-controls { - flex: 0; -} -.combat-sidebar .token-actions { - align-self: stretch; - display: flex; - align-items: top; - justify-content: center; - gap: 16px; -} -.combat-sidebar .token-actions .action-tokens { - display: flex; - gap: 4px; -} -.combat-sidebar .token-actions .action-tokens .action-token { - height: 22px; - width: 22px; - border: 1px solid; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-size: 10px; - padding: 8px; - --button-size: 0; -} -.combat-sidebar .token-actions .action-tokens .action-token.used { - opacity: 0.5; - background: transparent; -} -.combat-sidebar .token-actions button { - font-size: 22px; - height: 24px; - width: 24px; -} -.combat-sidebar .token-actions button.main { - background: var(--button-hover-background-color); - color: var(--button-hover-text-color); - border-color: var(--button-hover-border-color); -} -.combat-sidebar .token-actions button.main:hover { - filter: drop-shadow(0 0 3px var(--button-hover-text-color)); -} -.combat-sidebar .spotlight-control { - font-size: 26px; -} -.combat-sidebar .spotlight-control:focus { - outline: none; - box-shadow: none; -} -.combat-sidebar .spotlight-control.discrete:hover { - background: inherit; -} -.combat-sidebar .spotlight-control.requesting { - filter: drop-shadow(0 0 3px gold); - color: var(--button-hover-text-color); -} -.combat-sidebar h4 { - margin: 0; - text-align: center; -} -.chat-message .duality-modifiers, -.chat-message .duality-result, -.chat-message .dice-title { - display: none; -} -fieldset.daggerheart.chat { - padding: 0; - border-left-width: 0; - border-right-width: 0; - border-bottom-width: 0; -} -fieldset.daggerheart.chat legend { - display: flex; - align-items: center; - gap: 5px; -} -fieldset.daggerheart.chat legend:before, -fieldset.daggerheart.chat legend:after { - content: '\f0d8'; - font-family: 'Font Awesome 6 Pro'; -} -fieldset.daggerheart.chat.expanded legend:before, -fieldset.daggerheart.chat.expanded legend:after { - content: '\f0d7'; -} -fieldset.daggerheart.chat .daggerheart.chat { - margin-top: 5px; -} -.daggerheart.chat.downtime { - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.chat.downtime .downtime-title-container { - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.chat.downtime .downtime-title-container .downtime-subtitle { - font-size: 17px; -} -.daggerheart.chat.downtime .downtime-image { - width: 80px; -} -.daggerheart.chat.downtime .downtime-refresh-container { - margin-top: 8px; - width: 100%; -} -.daggerheart.chat.downtime .downtime-refresh-container .refresh-title { - font-weight: bold; -} -.daggerheart.chat.roll .dice-flavor { - text-align: center; - font-weight: bold; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls.duality { - display: flex; - gap: 0.25rem; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll { - display: flex; - align-items: center; - justify-content: center; - gap: 4px; - margin-bottom: 4px; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container { - display: flex; - flex-direction: column; - gap: 2px; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-title { - color: var(--color-light-1); - text-shadow: 0 0 1px black; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container { - display: flex; - align-items: center; - justify-content: center; - position: relative; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper, -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper { - clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%); -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper { - height: 24px; - width: 24px; - position: relative; - display: flex; - align-items: center; - justify-content: center; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper .dice { - height: 26px; - width: 26px; - max-width: unset; - position: absolute; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-value { - position: absolute; - font-weight: bold; - font-size: 16px; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper { - background: black; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper .dice { - filter: brightness(0) saturate(100%) invert(79%) sepia(79%) saturate(333%) hue-rotate(352deg) brightness(102%) contrast(103%); -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-value { - color: var(--color-dark-1); - text-shadow: 0 0 4px white; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper { - background: white; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper .dice { - filter: brightness(0) saturate(100%) invert(12%) sepia(88%) saturate(4321%) hue-rotate(221deg) brightness(92%) contrast(110%); -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-value { - color: var(--color-light-1); - text-shadow: 0 0 4px black; -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.advantage .dice-wrapper .dice { - filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(4133%) hue-rotate(96deg) brightness(104%) contrast(107%); -} -.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.disadvantage .dice-wrapper .dice { - filter: brightness(0) saturate(100%) invert(9%) sepia(78%) saturate(6903%) hue-rotate(11deg) brightness(93%) contrast(117%); -} -.daggerheart.chat.roll .dice-total.duality.hope { - border-color: #ffe760; - border-width: 3px; - background: rgba(255, 231, 96, 0.5); -} -.daggerheart.chat.roll .dice-total.duality.fear { - border-color: #0032b1; - border-width: 3px; - background: rgba(0, 50, 177, 0.5); -} -.daggerheart.chat.roll .dice-total.duality.critical { - border-color: #430070; - border-width: 3px; - background: rgba(67, 0, 112, 0.5); -} -.daggerheart.chat.roll .dice-total .dice-total-value .hope { - color: #ffe760; -} -.daggerheart.chat.roll .dice-total .dice-total-value .fear { - color: #0032b1; -} -.daggerheart.chat.roll .dice-total .dice-total-value .critical { - color: #430070; -} -.daggerheart.chat.roll .dice-total-label { - font-size: 12px; - font-weight: bold; - font-variant: all-small-caps; - margin: -8px 0; -} -.daggerheart.chat.roll .target-selection { - display: flex; - justify-content: space-around; -} -.daggerheart.chat.roll .target-selection input[type='radio'] { - display: none; -} -.daggerheart.chat.roll .target-selection input[type='radio']:checked + label { - text-shadow: 0px 0px 4px #ce5937; -} -.daggerheart.chat.roll .target-selection input[type='radio']:not(:checked) + label { - opacity: 0.75; -} -.daggerheart.chat.roll .target-selection label { - cursor: pointer; - opacity: 0.75; -} -.daggerheart.chat.roll .target-selection label.target-selected { - text-shadow: 0px 0px 4px #ce5937; - opacity: 1; -} -.daggerheart.chat.roll .target-section { - margin-top: 5px; -} -.daggerheart.chat.roll .target-section .target-container { - display: flex; - transition: all 0.2s ease-in-out; -} -.daggerheart.chat.roll .target-section .target-container:hover { - filter: drop-shadow(0 0 3px gold); - border-color: gold; -} -.daggerheart.chat.roll .target-section .target-container.hidden { - display: none; - border: 0; -} -.daggerheart.chat.roll .target-section .target-container.hit { - background: #008000; -} -.daggerheart.chat.roll .target-section .target-container.miss { - background: #ff0000; -} -.daggerheart.chat.roll .target-section .target-container img, -.daggerheart.chat.roll .target-section .target-container .target-save-container { - width: 22px; - height: 22px; - align-self: center; - border-color: transparent; -} -.daggerheart.chat.roll .target-section .target-container img { - flex: 0; - margin-left: 8px; -} -.daggerheart.chat.roll .target-section .target-container .target-save-container { - margin-right: 8px; - justify-content: center; - display: flex; - align-items: center; - min-height: unset; - border: 1px solid black; -} -.daggerheart.chat.roll .target-section .target-container .target-inner-container { - flex: 1; - display: flex; - justify-content: center; - font-size: var(--font-size-16); -} -.daggerheart.chat.roll .target-section .target-container:not(:has(.target-save-container)) .target-inner-container { - margin-right: 32px; -} -.daggerheart.chat.roll .dice-actions { - display: flex; - gap: 4px; -} -.daggerheart.chat.roll .dice-actions button { - flex: 1; -} -.daggerheart.chat.roll .dice-result .roll-damage-button, -.daggerheart.chat.roll .dice-result .damage-button, -.daggerheart.chat.roll .dice-result .duality-action { - margin-top: 5px; -} -.daggerheart.chat.roll:not(.expanded) .dice-tooltip { - grid-template-rows: 0fr; -} -.daggerheart.chat.domain-card { - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.chat.domain-card .domain-card-title { - width: 100%; - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.chat.domain-card .domain-card-title div { - font-size: 20px; - font-variant: small-caps; - font-weight: bold; -} -.daggerheart.chat.domain-card .domain-card-title h2 { - width: 100%; - text-align: center; - margin: 0; -} -.daggerheart.chat.domain-card .ability-card-footer { - display: flex; - width: 100%; - margin-top: 8px; - flex-wrap: wrap; -} -.daggerheart.chat.domain-card .ability-card-footer button { - border-radius: 6px; - background: #699969; - border-color: black; - flex-basis: calc(50% - 2px); -} -.daggerheart.chat.domain-card .ability-card-footer button:nth-of-type(n + 3) { - margin-top: 2px; -} -.daggerheart.chat.domain-card .ability-card-footer .ability-card-action-cost { - margin: auto; - font-size: 1.5em; -} -.daggerheart.chat.domain-card img { - width: 80px; -} -.daggerheart.chat button.inner-button { - --button-size: 1.25rem; - --input-height: 1.25rem; - padding: 0 0.25rem; - margin: 5px 1px -4px auto; -} -.daggerheart.chat button.inner-button.inner-button-right { - margin-left: auto; -} -.daggerheart.chat [data-use-perm='false'] { - pointer-events: none; - border-color: transparent; -} -.daggerheart.chat [data-view-perm='false'] > * { - display: none; -} -.daggerheart.chat [data-view-perm='false']::after { - content: '??'; -} -.theme-colorful .chat-message.duality { - border-color: black; - padding: 8px 0 0 0; -} -.theme-colorful .chat-message.duality fieldset.daggerheart.chat { - border-top-width: 0; - display: contents; -} -.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:before, -.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:after { - display: none; -} -.theme-colorful .chat-message.duality .message-header { - color: var(--color-light-3); - padding: 0 8px; -} -.theme-colorful .chat-message.duality.hope { - background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6)); -} -.theme-colorful .chat-message.duality.fear { - background: linear-gradient(0, rgba(0, 0, 255, 0.6), rgba(15, 15, 97, 0.6)); -} -.theme-colorful .chat-message.duality.critical { - background: linear-gradient(0, rgba(128, 0, 128, 0.6), rgba(37, 8, 37, 0.6)); -} -.theme-colorful .chat-message.duality .chat-message header { - color: var(--color-light-3); -} -.theme-colorful .chat-message.duality > * { - padding: 0 8px; -} -.theme-colorful .chat-message.duality .message-content .duality-modifiers, -.theme-colorful .chat-message.duality .message-content .duality-result, -.theme-colorful .chat-message.duality .message-content .dice-title { - display: flex; -} -.theme-colorful .chat-message.duality .message-content .duality-modifiers { - display: flex; - gap: 2px; - margin-bottom: 4px; -} -.theme-colorful .chat-message.duality .message-content .duality-modifiers .duality-modifier { - padding: 2px; - border-radius: 6px; - border: 1px solid; - background: var(--color-dark-6); - font-size: 12px; -} -.theme-colorful .chat-message.duality .message-content .dice-flavor { - color: var(--color-light-1); - text-shadow: 0 0 1px black; - border-bottom: 1px solid; - display: flex; - align-items: end; - justify-content: space-between; - padding: 0 8px; - margin: 0 -8px 2px; - font-weight: unset; -} -.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers { - display: flex; - gap: 2px; - margin-bottom: 4px; -} -.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers .duality-modifier { - padding: 2px; - border-radius: 6px; - border: 1px solid; - background: var(--color-dark-6); - font-size: 12px; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-formula, -.theme-colorful .chat-message.duality .message-content .dice-result > .dice-total, -.theme-colorful .chat-message.duality .message-content .dice-result .part-header { - display: none; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip { - grid-template-rows: 1fr; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part { - display: flex; - align-items: end; - gap: 0.25rem; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls { - margin-bottom: 0; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls.duality li { - display: flex; - align-items: center; - justify-content: center; - position: relative; - background: unset; - line-height: unset; - font-weight: unset; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .duality-modifier { - display: flex; - margin-bottom: 6px; - color: var(--color-light-1); - text-shadow: 0 0 1px black; - font-size: var(--font-size-16); -} -.theme-colorful .chat-message.duality .message-content .dice-result .target-selection label { - color: var(--color-light-1); -} -.theme-colorful .chat-message.duality .message-content .dice-result .target-section { - margin: 4px 0; - border: 2px solid; - margin-top: 5px; -} -.theme-colorful .chat-message.duality .message-content .dice-result .target-section .dice-total { - box-shadow: unset; - border: unset; - border-radius: unset; - font-size: var(--font-size-18); -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions { - justify-content: space-between; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions.duality-alone { - justify-content: end; - margin-top: -20px; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions > * { - display: flex; - color: var(--color-light-1); - text-shadow: 0 0 1px black; - font-weight: bold; - background: var(--color-dark-1); - padding: 4px; - border-color: black; - min-height: unset; - height: 26px; - flex: unset; - margin: 0; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action { - border-radius: 0 6px 0 0; - margin-left: -8px; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action.duality-action-effect { - border-top-left-radius: 6px; - margin-left: initial; -} -.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-result { - border-radius: 6px 0 0 0; - margin-right: -8px; -} -.theme-colorful .chat-message.duality .message-content .dice-result .duality-result { - display: flex; - color: var(--color-light-1); - text-shadow: 0 0 1px black; - font-weight: bold; - background: var(--color-dark-1); - padding: 4px; - border-color: black; - min-height: unset; - height: 26px; - flex: unset; - margin: 0; - margin-left: auto; - align-self: center; - border-radius: 6px; -} -.theme-colorful .chat-message.duality button.inner-button { - color: var(--color-light-1); - text-shadow: 0 0 1px black; - font-weight: bold; - background: var(--color-dark-1); - border-color: black; -} -.daggerheart.sheet.feature .editable { - display: flex; - flex-direction: column; -} -.daggerheart.sheet.feature .sheet-body { - flex: 1; - display: flex; - flex-direction: column; -} -.daggerheart.sheet.feature .feature-description { - flex: 1; - display: flex; - flex-direction: column; -} -.daggerheart.sheet.class .class-feature { - display: flex; -} -.daggerheart.sheet.class .class-feature img { - width: 40px; -} -.daggerheart.sheet.class .class-feature button { - width: 40px; -} -.daggerheart.sheet .domain-card-description .editor { - height: 300px; -} -.daggerheart.sheet .item-container { - margin-top: 4px; - gap: 4px; - align-items: baseline; -} -.daggerheart.sheet .item-sidebar { - min-width: 160px; - flex: 0; - padding: 4px; -} -.daggerheart.sheet .item-sidebar label { - margin-right: 8px; - font-weight: bold; -} -.daggerheart.sheet .item-sidebar input[type='checkbox'] { - margin: 0; -} -form.daggerheart.views.downtime { - height: auto !important; -} -div.daggerheart.views.death-move { - height: auto !important; -} -div.daggerheart.views.multiclass { - height: auto !important; -} -.daggerheart.views.levelup .levelup-title-container { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: 32px; - margin-bottom: 4px; -} -.daggerheart.views.levelup .levelup-title-container .level-title { - text-decoration: underline; -} -.daggerheart.views.levelup .levelup-title-container .level-display { - display: flex; - align-items: center; -} -.daggerheart.views.levelup .levelup-title-container .level-display i { - margin: 0 4px; -} -.daggerheart.views.levelup .levelup-section { - display: flex; - align-items: flex-start; - margin-bottom: 8px; - font-size: 11px; -} -.daggerheart.views.levelup .levelup-section .levelup-container { - flex: 1; -} -.daggerheart.views.levelup .levelup-section .levelup-container:nth-of-type(2) { - padding: 0 4px; -} -.daggerheart.views.levelup .levelup-section .levelup-container.disabled { - opacity: 0.2; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container { - height: 700px; - padding: 24px 58px 0; - display: flex; - flex-direction: column; - align-items: center; - position: relative; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-legend { - margin-left: auto; - margin-right: auto; - font-weight: bold; - z-index: 1; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-info { - background: #778899; - width: 100%; - text-align: center; - position: absolute; - top: -6px; - padding: 8px 0; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-pretext { - padding: 8px 0; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body { - display: flex; - flex-direction: column; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row { - display: flex; - align-items: center; - padding: 4px; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-row-inner { - display: flex; - align-items: center; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container { - position: relative; - display: flex; - align-items: center; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container input:disabled:checked::before { - opacity: 0.4; - color: var(--color-warm-1); -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container i.fa-link { - transform: rotate(45deg); - position: relative; - top: 2px; - margin: 0 -3px; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container i.fa-lock { - position: absolute; - top: 0; - left: 0; - font-size: 8px; -} -.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-posttext { - padding: 8px 0; -} -.daggerheart.views .downtime-container .downtime-header { - margin: 0; - color: light-dark(#18162e, #f3c267); - text-align: center; -} -.daggerheart.views .downtime-container .activity-container { - display: flex; - align-items: center; - padding: 8px; -} -.daggerheart.views .downtime-container .activity-container .activity-title { - flex: 1; - display: flex; - align-items: center; -} -.daggerheart.views .downtime-container .activity-container .activity-title .activity-title-text { - font-size: 24px; - font-weight: bold; -} -.daggerheart.views .downtime-container .activity-container .activity-title .activity-image { - width: 80px; - position: relative; - display: flex; - justify-content: center; - margin-right: 8px; - border: 2px solid black; - border-radius: 50%; - cursor: pointer; -} -.daggerheart.views .downtime-container .activity-container .activity-title .activity-image .activity-select-label { - position: absolute; - top: -9px; - font-size: 14px; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - color: light-dark(#efe6d8, #222); - background-image: url(../assets/parchments/dh-parchment-light.png); - padding: 0 8px; - line-height: 1; - font-weight: bold; -} -.daggerheart.views .downtime-container .activity-container .activity-title .activity-image img { - border-radius: 50%; -} -.daggerheart.views .downtime-container .activity-container .activity-title .activity-image:hover, -.daggerheart.views .downtime-container .activity-container .activity-title .activity-image.selected { - filter: drop-shadow(0 0 6px gold); -} -.daggerheart.views .downtime-container .activity-container .activity-title .custom-name-input { - font-size: 24px; - font-weight: bold; - padding: 0; - background: transparent; - color: #efe6d8; -} -.daggerheart.views .downtime-container .activity-container .activity-body { - flex: 1; - font-style: italic; -} -.daggerheart.views.downtime .activity-text-area { - resize: none; -} -.daggerheart.views .range-reset { - flex: 0; - width: 21px; - height: 21px; - margin: 3px 4px; - border: 1px solid black; - display: flex; - align-items: center; - justify-content: center; -} -.daggerheart.views.roll-selection .roll-selection-container i { - filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%); -} -.daggerheart.views.roll-selection #roll-selection-costSelection footer { - display: none; -} -.daggerheart.views.roll-selection .roll-dialog-container .hope-container { - display: flex; - gap: 8px; - align-items: center; - font-size: 18px; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container { - display: flex; - flex-direction: column; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container { - display: flex; - align-items: center; - margin-bottom: 8px; - gap: 16px; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container { - display: flex; - align-items: center; - flex: 1; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container { - position: relative; - display: flex; - align-items: center; - justify-content: center; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container i { - font-size: 18px; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container img { - border: 0; - position: relative; - left: 1px; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container .dice-number { - position: absolute; - font-size: 24px; - font-weight: bold; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container { - display: flex; - flex-direction: column; - gap: 2px; - flex: 1; -} -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container .advantage-button.active, -.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container .advantage-button:hover { - background: var(--button-hover-background-color); -} -.daggerheart.views.multiclass .multiclass-container { - margin-bottom: 16px; -} -.daggerheart.views.multiclass .multiclass-container .multiclass-category-title { - margin-top: 16px; -} -.daggerheart.views.multiclass .multiclass-container .multiclass-class-choices { - display: flex; - width: 100%; - height: 100%; - flex-wrap: wrap; -} -.daggerheart.views.multiclass .multiclass-container .multiclass-spaced-choices { - display: flex; - justify-content: space-around; - width: 100%; - height: 100%; -} -.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice { - display: flex; - align-items: center; - flex-basis: 33.33%; - font-weight: bold; - font-size: 24px; - cursor: pointer; -} -.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.selected:not(.disabled), -.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice:hover:not(.disabled) { - filter: drop-shadow(0 0 3px gold); -} -.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.inactive, -.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.disabled { - cursor: initial; - opacity: 0.4; -} -.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice img { - width: 80px; - height: 80px; - margin-right: 16px; -} -.daggerheart.views.damage-selection .hope-container { - display: flex; - gap: 8px; - align-items: center; - font-size: 18px; -} -.daggerheart.views.action .action-category { - display: flex; - flex-direction: column; -} -.daggerheart.views.action .action-category .action-category-label { - display: flex; - align-items: center; - justify-content: space-between; - border-radius: 6px; - cursor: pointer; - padding: 0 4px; - margin: 0 auto 4px; -} -.daggerheart.views.action .action-category .action-category-label:hover { - background-color: darkgray; -} -.daggerheart.views.action .action-category .action-category-data { - max-height: 0; - transition: max-height 0.2s ease-in-out; - overflow: hidden; -} -.daggerheart.views.action .action-category .action-category-data.open { - max-height: initial; -} -.daggerheart.views.action .action-category .action-category-data .multi-display { - display: flex; - gap: 1rem; - align-items: center; -} -.daggerheart.views.action .action-category .action-category-data .multi-display .form-group { - flex: 1; -} -.daggerheart.views.action .action-category .action-category-data .form-group { - display: flex; - align-items: center; - margin-bottom: 0.5rem; -} -.daggerheart.views.action .action-category .action-category-data .form-group label { - flex: 2; -} -.daggerheart.views.action .action-category .action-category-data .form-group .form-fields { - flex: 3; -} -.daggerheart.views.action .action-category .action-category-data .form-group img { - width: 1.5rem; - height: 1.5rem; -} -.daggerheart.views.action .action-category .action-category-data .hint-group { - display: flex; - flex-direction: column; - align-items: end; -} -.daggerheart.views.action .action-category .action-category-data .hint-group .form-fields { - width: 100%; - display: flex; - align-items: center; -} -.daggerheart.views.action .action-category .action-category-data .hint-group .form-fields label { - flex: 1; -} -.daggerheart.views.action .action-category .action-category-data .hint-group .form-fields input, -.daggerheart.views.action .action-category .action-category-data .hint-group .form-fields select { - flex: 3; -} -.daggerheart.views.action .action-category .action-category-data .hint-group .hint { - margin: 4px 0 0 0; - font-size: 12px; - font-style: italic; - opacity: 0.6; -} -.daggerheart.views.action .action-category .action-category-data .data-form-array { - border: 1px solid var(--color-fieldset-border); - padding: 0.5rem; - margin-bottom: 0.5rem; -} -.daggerheart.views.ancestry-selection .ancestry-section { - display: flex; - flex-direction: column; - align-items: center; - margin-bottom: 8px; -} -.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container { - width: 100%; - display: flex; - flex-wrap: wrap; -} -.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container { - flex-basis: 25%; - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img { - width: 120px; - border: 4px solid black; - border-radius: 50%; -} -.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img.selected { - border-color: gold; -} -.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img:hover:not(.selected) { - filter: drop-shadow(0 0 3px gold); -} -.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img.disabled { - opacity: 0.3; -} -.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .name-container div { - font-size: 18px; - font-weight: bold; - cursor: help; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container { - width: 100%; - display: flex; - gap: 8px; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container > div { - flex: 1; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-name { - text-align: center; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-name div { - font-size: 24px; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images { - display: flex; - align-items: center; - gap: 4px; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image { - position: relative; - max-width: 33%; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image:hover i { - opacity: 1; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image i { - position: absolute; - font-size: 32px; - top: calc(50% - 20px); - left: calc(50% - 20px); - padding: 4px; - background-color: grey; - opacity: 0; - cursor: pointer; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image i:hover { - filter: drop-shadow(0 0 3px gold); -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image img { - max-width: 100%; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images img { - max-width: 33%; - border: 4px solid black; - border-radius: 50%; -} -.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images img.selected { - border-color: gold; -} -.daggerheart.sheet.heritage .editor { - height: 200px; -} -.daggerheart.sheet.class .guide .drop-section { - width: 100%; -} -.daggerheart.sheet.class .guide .drop-section legend { - margin-left: auto; - margin-right: auto; - font-size: 12px; -} -.daggerheart.sheet.class .guide .drop-section .drop-section-body { - min-height: 40px; - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.sheet.class .guide .trait-input { - text-align: center; - min-width: 24px; -} -.daggerheart.sheet.class .guide .suggested-item { - border-radius: 6px; - display: flex; - justify-content: space-between; - align-items: center; - width: 100%; -} -.daggerheart.sheet.class .guide .suggested-item img { - width: 30px; -} -.daggerheart.sheet.class .guide .suggested-item div { - text-align: center; -} -.daggerheart.sheet.class .guide .suggested-item i { - border-radius: 50%; - margin-right: 4px; - font-size: 11px; -} -.daggerheart.sheet.class .guide .extra-section { - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.sheet.class .guide .extra-section .extra-title { - font-size: 14px; - font-weight: bold; -} -.daggerheart.sheet.class .guide-section-title-centered { - font-weight: bold; - font-size: 18px; -} -.daggerheart.sheet.class .inventory-section { - width: 100%; - border: 2px solid black; - border-style: dotted; - min-height: 80px; -} -.daggerheart.sheet.class .inventory-section .inventory-title { - font-weight: bold; - font-size: 14px; - text-align: center; -} -.daggerheart.sheet.class .domain-section { - display: flex; - align-items: center; - gap: 5px; -} -.application.sheet.daggerheart.dh-style.active-effect-config label { - white-space: nowrap; -} -.daggerheart.sheet .title-container { - display: flex; - gap: 8px; -} -.daggerheart.sheet .title-container div { - flex: 1; - align-items: baseline; -} -.daggerheart.sheet .editor-form-group { - display: flex; - flex-direction: column; -} -.daggerheart.sheet .editor-form-group label { - font-weight: bold; - text-align: center; -} -.daggerheart.sheet .option-select { - position: absolute; - top: calc(50% - 10px); - right: 8px; - height: 20px; - width: 20px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - padding: 8px; -} -.daggerheart.sheet .option-select.deeper { - right: 32px; -} -.daggerheart.sheet .option-select:hover:not(:disabled) { - filter: drop-shadow(0px 0px 3px red); - cursor: pointer; -} -.daggerheart.sheet .option-select i { - margin: 0; - font-size: 11px; -} -.daggerheart.sheet .ability-title { - width: 100%; - display: flex; -} -.daggerheart.sheet .ability-title h2 { - flex: 1; -} -.daggerheart.sheet .ability-title i { - cursor: pointer; -} -.daggerheart.sheet .ability-title i:hover { - filter: drop-shadow(0px 0px 3px red); -} -.daggerheart.sheet .ability-choices { - display: flex; - align-items: center; - flex-wrap: wrap; -} -.daggerheart.sheet .ability-chip { - border: 2px solid #708090; - border-radius: 6px; - display: flex; - align-items: center; - padding: 4px; - margin-bottom: 6px; - flex: calc(33% - 4px); - max-width: calc(33% - 4px); -} -.daggerheart.sheet .ability-chip.selected { - filter: drop-shadow(0px 0px 3px red); -} -.daggerheart.sheet .ability-chip:nth-of-type(3n-1) { - margin-left: 6px; - margin-right: 6px; -} -.daggerheart.sheet .ability-chip input { - border: 0; -} -.daggerheart.sheet .ability-chip button { - flex: 0; - border-radius: 50%; - height: 20px; - width: 20px; - display: flex; - align-items: center; - justify-content: center; - margin: 2px 0 2px 4px; - padding: 12px; -} -.daggerheart.sheet .ability-chip button i { - margin: 0; -} -.daggerheart.sheet .object-select-display { - position: relative; - width: calc(100% - 2px); - background: rgba(0, 0, 0, 0.05); - height: var(--form-field-height); - display: flex; - border: 1px solid #7a7971; - border-radius: 3px; -} -.daggerheart.sheet .object-select-display .object-select-title { - position: absolute; - left: 4px; - text-align: center; - font-weight: bold; - text-transform: uppercase; -} -.daggerheart.sheet .object-select-display .object-select-text { - align-self: center; -} -.daggerheart.sheet .object-select-display .object-select-item { - cursor: pointer; -} -.daggerheart.sheet .object-select-display .object-select-item:hover { - filter: drop-shadow(0px 0px 3px red); -} -.daggerheart.sheet .feature-container { - display: flex; - align-items: center; - justify-content: space-between; - background: #778899; - padding: 8px; - border: 2px solid black; - border-radius: 6px; -} -.daggerheart.sheet .feature-container:not(:last-child) { - margin-bottom: 8px; -} -.daggerheart.sheet .feature-container .feature-inner-container { - display: flex; - align-items: center; -} -.daggerheart.sheet .feature-container .feature-inner-container img { - height: 40px; - width: 40px; - margin-right: 8px; -} -.daggerheart.sheet .feature-container .feature-inner-container .feature-title { - font-size: 22px; - font-weight: bold; - font-style: italic; -} -.daggerheart.sheet .feature-container button { - height: 40px; - width: 40px; - background: inherit; - border: 0; -} -.item-button.checked { - background: green; -} -.item-button .item-icon { - opacity: 0; - transition: opacity 0.2s; -} -.item-button .item-icon.checked { - opacity: 1; -} -.theme-light .daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .descriptor { - background-image: url('../assets/parchments/dh-parchment-dark.png'); -} -.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container, -.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor, -.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label { - background-image: url('../assets/parchments/dh-parchment-dark.png'); -} -.daggerheart.dh-style.dialog.character-creation .window-content { - gap: 16px; -} -.daggerheart.dh-style.dialog.character-creation .window-content .tab { - overflow-y: auto; -} -.daggerheart.dh-style.dialog.character-creation .tab-navigation nav { - flex: 1; -} -.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a { - flex: 1; - text-align: center; - display: flex; - justify-content: center; - position: relative; -} -.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a.disabled { - opacity: 0.4; -} -.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .nav-section-text { - position: relative; - display: flex; - align-items: center; -} -.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker { - position: absolute; - align-self: center; - top: -8px; - padding: 4px; - border: 1px solid; - border-radius: 50%; - height: 16px; - width: 16px; - font-size: 12px; - display: flex; - align-items: center; - justify-content: center; - background-color: var(--color-cool-4); - content: ''; -} -.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker.active { - background-color: var(--color-warm-2); -} -.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .descriptor { - position: absolute; - bottom: -8px; - font-size: 12px; - border-radius: 8px; - width: 56px; - text-align: center; - line-height: 1; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - color: light-dark(#efe6d8, #222); - background-image: url(../assets/parchments/dh-parchment-light.png); -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container { - display: flex; - flex-direction: column; - gap: 4px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container { - width: 140px; - display: flex; - flex-direction: column; - text-align: center; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container .card-preview-container { - border-color: light-dark(#18162e, #f3c267); -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-outer-container { - display: flex; - justify-content: space-evenly; - height: 210px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container { - border-radius: 8px; - border-color: light-dark(#18162e, #f3c267); -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container legend { - margin-left: auto; - margin-right: auto; - font-size: 28px; - font-weight: bold; - padding: 0 8px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container { - position: relative; - border-radius: 8px; - border-color: light-dark(#18162e, #f3c267); - display: flex; - justify-content: center; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container legend { - font-size: 20px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button { - position: absolute; - bottom: -8px; - height: 16px; - width: 110px; - min-height: unset; - border: 1px solid light-dark(#18162e, #f3c267); - color: light-dark(#efe6d8, #efe6d8); - background-color: light-dark(var(--color-warm-3), var(--color-warm-3)); -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button:hover { - background-color: light-dark(var(--color-warm-2), var(--color-warm-2)); - filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2))); -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container { - text-align: center; - display: flex; - gap: 16px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container { - display: flex; - flex-wrap: wrap; - width: 176px; - gap: 4px; - margin-bottom: 8px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container { - width: 56px; - white-space: nowrap; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - color: light-dark(#efe6d8, #222); - background-image: url('../assets/parchments/dh-parchment-light.png'); -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container { - display: flex; - justify-content: space-evenly; - gap: 8px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container .trait-container { - border: 1px solid light-dark(#18162e, #f3c267); - padding: 0 4px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container { - display: flex; - justify-content: space-evenly; - text-align: center; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container { - position: relative; - display: flex; - align-items: center; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-description { - border-color: light-dark(#18162e, #f3c267); - padding-right: 24px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-value { - position: absolute; - right: 0; - width: 22px; - border-left: 1px solid light-dark(#18162e, #f3c267); - height: 100%; - display: flex; - align-items: center; - justify-content: center; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer { - display: flex; - align-items: center; - gap: 32px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section { - display: flex; - align-items: center; - gap: 32px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav { - flex: 1; - gap: 8px; - border: 0; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a { - flex: 1; - text-align: center; - display: flex; - justify-content: center; - position: relative; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .nav-section-text { - position: relative; - display: flex; - align-items: center; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker { - position: absolute; - align-self: center; - top: -10px; - padding: 4px; - border: 1px solid; - border-radius: 50%; - height: 20px; - width: 20px; - font-size: 14px; - display: flex; - align-items: center; - justify-content: center; - background-color: var(--color-cool-4); - content: ''; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker.finished { - background-color: var(--color-warm-2); -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor { - position: absolute; - bottom: -8px; - font-size: 12px; - border-radius: 8px; - width: 56px; - text-align: center; - line-height: 1; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - color: light-dark(#efe6d8, #222); - background-image: url(../assets/parchments/dh-parchment-light.png); -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section button { - flex: 1; - height: 100%; - white-space: nowrap; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection { - display: grid; - grid-template-columns: 1fr 2fr; - gap: 16px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection.triple { - grid-template-columns: 1fr 1fr 1fr; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; - border: 2px solid light-dark(#18162e, #f3c267); - border-radius: 8px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection legend { - margin-left: auto; - margin-right: auto; - font-size: 28px; - font-weight: bold; - padding: 0 8px; - white-space: nowrap; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-subsection { - display: flex; - align-items: start; - gap: 32px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-wrapper { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container { - display: flex; - flex-direction: column; - justify-content: space-evenly; - gap: 8px; - height: 100%; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment { - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 8px; - position: relative; - display: flex; - justify-content: center; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.selectable { - cursor: pointer; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.inactive { - opacity: 0.4; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label { - position: absolute; - top: -8px; - font-size: 12px; - white-space: nowrap; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - color: light-dark(#efe6d8, #222); - background-image: url('../assets/parchments/dh-parchment-light.png'); - padding: 0 2px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment img { - width: 60px; - height: 60px; - border-radius: 8px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container { - position: relative; - display: flex; - justify-content: center; - height: min-content; - border: 2px solid light-dark(#18162e, #f3c267); - border-radius: 8px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container legend { - margin-left: auto; - margin-right: auto; - font-size: 12px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container { - position: relative; - display: flex; - justify-content: center; - align-items: center; - padding: 6px; - cursor: grab; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container.taken { - opacity: 0.4; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container label { - position: absolute; - top: -2px; - font-size: 12px; -} -.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container img { - width: 120px; -} -.daggerheart.dh-style.dialog.character-creation .creation-action-footer { - display: flex; - align-items: center; - gap: 32px; -} -.daggerheart.dh-style.dialog.character-creation .creation-action-footer button { - flex: 1; - height: 100%; - white-space: nowrap; -} -.theme-light .daggerheart.levelup .tiers-container .tier-container { - background-image: url('../assets/parchments/dh-parchment-light.png'); -} -.daggerheart.levelup .window-content { - max-height: 960px; - overflow: auto; -} -.daggerheart.levelup div[data-application-part='form'] { - display: flex; - flex-direction: column; - gap: 8px; -} -.daggerheart.levelup section .section-container { - display: flex; - flex-direction: column; - gap: 8px; - margin-top: 8px; -} -.daggerheart.levelup .levelup-navigation-container { - display: flex; - align-items: center; - gap: 22px; - height: 36px; -} -.daggerheart.levelup .levelup-navigation-container nav { - flex: 1; -} -.daggerheart.levelup .levelup-navigation-container nav .levelup-tab-container { - display: flex; - align-items: center; - gap: 4px; -} -.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions { - width: 306px; - display: flex; - justify-content: end; - gap: 16px; - margin-right: 4px; -} -.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions * { - width: calc(50% - 8px); -} -.daggerheart.levelup .tiers-container { - display: flex; - gap: 16px; -} -.daggerheart.levelup .tiers-container .tier-container { - flex: 1; - display: flex; - flex-direction: column; - gap: 8px; - background-image: url('../assets/parchments/dh-parchment-dark.png'); -} -.daggerheart.levelup .tiers-container .tier-container.inactive { - opacity: 0.4; - pointer-events: none; -} -.daggerheart.levelup .tiers-container .tier-container legend { - margin-left: auto; - margin-right: auto; - font-size: 22px; - font-weight: bold; - padding: 0 12px; -} -.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container { - display: grid; - grid-template-columns: 1fr 3fr; - gap: 4px; -} -.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container { - display: flex; - justify-content: end; - gap: 4px; -} -.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer { - display: flex; - height: min-content; -} -.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi { - border: 2px solid grey; - padding: 2.4px 2.5px 0; - border-radius: 4px; - gap: 2px; -} -.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi .selection-checkbox { - margin-left: 0; - margin-right: 0; -} -.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer .selection-checkbox { - margin: 0; -} -.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkbox-group-label { - font-size: 14px; - font-style: italic; -} -.daggerheart.levelup .levelup-selections-container .achievement-experience-cards { - display: flex; - gap: 8px; -} -.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card { - border: 1px solid; - border-radius: 4px; - padding-right: 4px; - font-size: 18px; - display: flex; - justify-content: space-between; - align-items: center; - gap: 4px; -} -.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card .achievement-experience-marker { - border: 1px solid; - border-radius: 50%; - height: 18px; - width: 18px; - display: flex; - align-items: center; - justify-content: center; - font-size: 12px; -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection { - display: flex; - flex-wrap: wrap; - gap: 40px; -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection .card-preview-container { - width: calc(100% * (1 / 5)); -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container { - display: flex; - flex-direction: column; - gap: 8px; -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container { - display: flex; - flex-direction: column; - align-items: center; - flex: 1; - position: relative; - cursor: pointer; -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container.disabled { - pointer-events: none; - opacity: 0.4; -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-label { - position: absolute; - text-align: center; - top: 4px; - background: grey; - padding: 0 12px; - border-radius: 6px; -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container img { - height: 124px; -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected { - position: absolute; - height: 54px; - width: 54px; - border-radius: 50%; - border: 2px solid; - font-size: 48px; - display: flex; - align-items: center; - justify-content: center; - background-image: url(../assets/parchments/dh-parchment-light.png); - color: var(--color-dark-5); - top: calc(50% - 29px); -} -.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected i { - position: relative; - right: 2px; -} -.daggerheart.levelup .levelup-selections-container .levelup-selections-title { - display: flex; - align-items: center; - gap: 4px; -} -.daggerheart.levelup .levelup-selections-container .levelup-radio-choices { - display: flex; - gap: 8px; -} -.daggerheart.levelup .levelup-selections-container .levelup-radio-choices label { - flex: 0; -} -.daggerheart.levelup .levelup-summary-container .level-achievements-container, -.daggerheart.levelup .levelup-summary-container .level-advancements-container { - display: flex; - flex-direction: column; - gap: 8px; -} -.daggerheart.levelup .levelup-summary-container .level-achievements-container h2, -.daggerheart.levelup .levelup-summary-container .level-advancements-container h2, -.daggerheart.levelup .levelup-summary-container .level-achievements-container h3, -.daggerheart.levelup .levelup-summary-container .level-advancements-container h3, -.daggerheart.levelup .levelup-summary-container .level-achievements-container h4, -.daggerheart.levelup .levelup-summary-container .level-advancements-container h4, -.daggerheart.levelup .levelup-summary-container .level-achievements-container h5, -.daggerheart.levelup .levelup-summary-container .level-advancements-container h5 { - margin: 0; - color: var(--color-text-secondary); -} -.daggerheart.levelup .levelup-summary-container .increase-container { - display: flex; - align-items: center; - gap: 4px; - font-size: 20px; -} -.daggerheart.levelup .levelup-summary-container .summary-selection-container { - display: flex; - gap: 8px; -} -.daggerheart.levelup .levelup-summary-container .summary-selection-container .summary-selection { - border: 2px solid; - border-radius: 6px; - padding: 0 4px; - font-size: 18px; -} -.daggerheart.levelup .levelup-footer { - display: flex; -} -.daggerheart.views.ownership-selection .ownership-outer-container { - display: flex; - flex-direction: column; - gap: 8px; -} -.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container { - display: flex; - border: 2px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - padding: 0 4px 0 0; - align-items: center; - gap: 8px; -} -.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container img { - height: 40px; - width: 40px; - border-radius: 6px 0 0 6px; -} -.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container select { - margin: 4px 0; -} -.daggerheart.views.damage-reduction .window-content { - padding: 8px 0; -} -.daggerheart.views.damage-reduction .damage-reduction-container { - display: flex; - flex-direction: column; - align-items: center; - gap: 4px; -} -.daggerheart.views.damage-reduction .damage-reduction-container .section-container { - display: flex; - flex-direction: column; - align-items: center; - width: 100%; -} -.daggerheart.views.damage-reduction .damage-reduction-container .padded { - padding: 0 8px; -} -.daggerheart.views.damage-reduction .damage-reduction-container .armor-title { - margin: 0; - white-space: nowrap; -} -.daggerheart.views.damage-reduction .damage-reduction-container .resources-container { - display: flex; - gap: 8px; - width: 100%; -} -.daggerheart.views.damage-reduction .damage-reduction-container .resources-container .resource-container { - flex: 1; - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection { - display: flex; - align-items: center; - width: 100%; - margin: 0; -} -.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner { - display: flex; - gap: 2px; -} -.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner:not(:last-child) { - margin-right: 8px; -} -.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container { - cursor: pointer; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - height: 26px; - padding: 0 1px; - font-size: 18px; - display: flex; - align-items: center; - justify-content: center; - opacity: 0.4; -} -.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.selected { - opacity: 1; -} -.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.inactive { - cursor: initial; - opacity: 0.2; -} -.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container .fa-shield { - position: relative; - right: 0.5px; -} -.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container { - margin: 0; - width: 100%; -} -.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction { - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - height: 26px; - padding: 0 4px; - font-size: 18px; - display: flex; - align-items: center; - justify-content: center; - gap: 4px; - opacity: 0.4; -} -.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.active { - opacity: 1; - cursor: pointer; -} -.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.selected { - opacity: 1; - background: var(--color-warm-2); - color: white; -} -.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction .stress-reduction-cost { - display: flex; - align-items: center; -} -.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle { - margin: -4px 0 0 0; -} -.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle.bold { - font-variant: all-small-caps; - font-weight: bold; -} -.daggerheart.views.damage-reduction .damage-reduction-container footer { - display: flex; - width: 100%; -} -.daggerheart.views.damage-reduction .damage-reduction-container footer button { - flex: 1; -} -.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value { - font-weight: bold; -} -.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value.reduced-value { - opacity: 0.4; - text-decoration: line-through; -} -:root { - --shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; - --fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; -} -#resources { - min-height: calc(var(--header-height) + 4rem); - min-width: 4rem; - color: #d3d3d3; - transition: var(--fear-animation); -} -#resources header, -#resources .controls, -#resources .window-resize-handle { - transition: var(--fear-animation); -} -#resources .window-content { - padding: 0.5rem; -} -#resources .window-content #resource-fear { - display: flex; - flex-direction: row; - gap: 0.5rem 0.25rem; - flex-wrap: wrap; -} -#resources .window-content #resource-fear i { - font-size: var(--font-size-18); - border: 1px solid rgba(0, 0, 0, 0.5); - border-radius: 50%; - aspect-ratio: 1; - display: flex; - justify-content: center; - align-items: center; - width: 3rem; - background-color: rgba(9, 71, 179, 0.75); - -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); - box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); - color: #d3d3d3; - flex-grow: 0; -} -#resources .window-content #resource-fear i.inactive { - filter: grayscale(1) !important; - opacity: 0.5; -} -#resources .window-content #resource-fear .controls, -#resources .window-content #resource-fear .resource-bar { - border: 2px solid #997a4f; - background-color: #18162e; -} -#resources .window-content #resource-fear .controls { - display: flex; - align-self: center; - border-radius: 50%; - align-items: center; - justify-content: center; - width: 30px; - height: 30px; - font-size: var(--font-size-20); - cursor: pointer; -} -#resources .window-content #resource-fear .controls:hover { - font-size: 1.5rem; -} -#resources .window-content #resource-fear .controls.disabled { - opacity: 0.5; -} -#resources .window-content #resource-fear .resource-bar { - display: flex; - justify-content: center; - border-radius: 6px; - font-size: var(--font-size-20); - overflow: hidden; - position: relative; - padding: 0.25rem 0.5rem; - flex: 1; - text-shadow: var(--shadow-text-stroke); -} -#resources .window-content #resource-fear .resource-bar:before { - content: ''; - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: var(--fear-percent); - max-width: 100%; - background: linear-gradient(90deg, #020026 0%, #c701fc 100%); - z-index: 0; - border-radius: 4px; -} -#resources .window-content #resource-fear .resource-bar span { - position: inherit; - z-index: 1; -} -#resources .window-content #resource-fear.isGM i { - cursor: pointer; -} -#resources .window-content #resource-fear.isGM i:hover { - font-size: var(--font-size-20); -} -#resources button[data-action='close'] { - display: none; -} -#resources:not(:hover):not(.minimized) { - background: transparent; - box-shadow: unset; - border-color: transparent; -} -#resources:not(:hover):not(.minimized) header, -#resources:not(:hover):not(.minimized) .controls, -#resources:not(:hover):not(.minimized) .window-resize-handle { - opacity: 0; -} -#resources:has(.fear-bar) { - min-width: 200px; -} -.theme-light .daggerheart.dh-style.countdown .minimized-view .mini-countdown-container { - background-image: url('../assets/parchments/dh-parchment-dark.png'); -} -.daggerheart.dh-style.countdown { - overflow: hidden; -} -.daggerheart.dh-style.countdown fieldset { - align-items: center; - margin-top: 5px; - border-radius: 6px; - border-color: light-dark(#18162e, #f3c267); -} -.daggerheart.dh-style.countdown fieldset legend { - font-family: 'Montserrat', sans-serif; - font-weight: bold; - color: light-dark(#18162e, #f3c267); -} -.daggerheart.dh-style.countdown fieldset legend a { - text-shadow: none; -} -.daggerheart.dh-style.countdown .minimized-view { - display: flex; - gap: 8px; - flex-wrap: wrap; -} -.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container { - width: fit-content; - display: flex; - align-items: center; - gap: 8px; - border: 2px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - padding: 0 4px 0 0; - background-image: url('../assets/parchments/dh-parchment-light.png'); - color: light-dark(#efe6d8, #222); - cursor: pointer; -} -.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container.disabled { - cursor: initial; -} -.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container img { - width: 30px; - height: 30px; - border-radius: 6px 0 0 6px; -} -.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container .mini-countdown-name { - white-space: nowrap; -} -.daggerheart.dh-style.countdown .hidden { - display: none; -} -.daggerheart.dh-style.countdown .window-content > div { - height: 100%; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view { - height: 100%; - display: flex; - flex-direction: column; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu { - display: flex; - gap: 8px; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu .flex { - flex: 1; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container { - display: flex; - gap: 8px; - flex-wrap: wrap; - overflow: auto; - max-height: 100%; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset { - width: 340px; - height: min-content; - position: relative; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .ownership-button { - position: absolute; - top: 8px; - right: 8px; - font-size: 18px; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container { - display: flex; - align-items: center; - gap: 16px; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img { - width: 150px; - height: 150px; - cursor: pointer; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img.disabled { - cursor: initial; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container { - display: flex; - flex-direction: column; - gap: 4px; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container { - display: flex; - gap: 4px; -} -.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container input { - max-width: 80px; -} -.daggerheart.dh-style.setting fieldset { - display: flex; - flex-direction: column; - gap: 4px; -} -.daggerheart.dh-style.setting fieldset.two-columns { - display: grid; - grid-template-columns: 1fr 2fr; - gap: 10px; -} -.daggerheart.dh-style.setting fieldset.two-columns.even { - grid-template-columns: 1fr 1fr; -} -.daggerheart.dh-style.setting .setting-group-field { - white-space: nowrap; - display: flex; - align-items: center; - gap: 8px; -} -.daggerheart.dh-style.setting .settings-items { - display: flex; - flex-direction: column; - gap: 8px; -} -.daggerheart.dh-style.setting .settings-items .settings-item { - display: flex; - align-items: center; - justify-content: space-between; - border: 1px solid; - border-radius: 8px; - padding: 0 8px 0 0; -} -.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item { - display: flex; - align-items: center; - gap: 8px; -} -.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item img { - width: 60px; - border-radius: 8px 0 0 8px; -} -.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item i { - font-size: 18px; -} -.daggerheart.dh-style.setting .settings-item-header { - display: flex; - align-items: center; -} -.daggerheart.dh-style.setting .settings-item-header .profile { - height: 100px; - width: 100px; - object-fit: cover; - box-sizing: border-box; - cursor: pointer; -} -.daggerheart.dh-style.setting .settings-item-header .item-info { - display: flex; - flex-direction: column; - align-items: center; - gap: 5px; - text-align: center; - width: 80%; -} -.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text'] { - font-size: 32px; - height: 42px; - text-align: center; - width: 90%; - transition: all 0.3s ease; - outline: 2px solid transparent; - border: 1px solid transparent; -} -.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:hover[type='text'], -.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:focus[type='text'] { - box-shadow: none; - outline: 2px solid light-dark(#18162e, #f3c267); -} -.daggerheart.dh-style.setting .settings-col { - display: flex; - flex-direction: column; - gap: 4px; -} -.daggerheart.dh-style.setting .trait-array-container { - display: flex; - justify-content: space-evenly; - gap: 8px; - margin-bottom: 16px; -} -.daggerheart.dh-style.setting .trait-array-container .trait-array-item { - position: relative; - display: flex; - justify-content: center; -} -.daggerheart.dh-style.setting .trait-array-container .trait-array-item label { - position: absolute; - top: -7px; - font-size: 12px; - font-variant: petite-caps; -} -.daggerheart.dh-style.setting .trait-array-container .trait-array-item input { - text-align: center; -} -.themed.theme-dark .application.daggerheart.sheet.dh-style .character-header-sheet .trait, -.themed.theme-dark.application.daggerheart.sheet.dh-style .character-header-sheet .trait, -body.theme-dark .application.daggerheart .character-header-sheet .trait, -body.theme-dark.application.daggerheart .character-header-sheet .trait { - background: url(../assets/svg/trait-shield.svg) no-repeat; -} -.themed.theme-light .application.daggerheart.sheet.dh-style .character-header-sheet .trait, -.themed.theme-light.application.daggerheart.sheet.dh-style .character-header-sheet .trait, -body.theme-light .application.daggerheart .character-header-sheet .trait, -body.theme-light.application.daggerheart .character-header-sheet .trait { - background: url('../assets/svg/trait-shield-light.svg') no-repeat; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet { - padding: 0 15px; - padding-top: 36px; - width: 100%; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row { - display: flex; - gap: 5px; - align-items: center; - justify-content: space-between; - padding: 0; - padding-top: 5px; - flex: 1; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text'] { - font-size: 32px; - height: 42px; - text-align: start; - border: 1px solid transparent; - outline: 2px solid transparent; - transition: all 0.3s ease; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text']:hover { - outline: 2px solid light-dark(#222, #f3c267); -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div { - white-space: nowrap; - display: flex; - justify-content: end; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .label { - display: flex; - align-items: center; - gap: 4px; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div input { - width: 40px; - padding: 0; - text-align: center; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button { - color: light-dark(#222, #efe6d8); - font-size: 18px; - line-height: 1; - min-height: unset; - height: min-content; - padding: 4px; - font-family: 'Cinzel', serif; - margin: 0; - font-weight: normal; - border-color: light-dark(#18162e, #f3c267); - background-color: light-dark(transparent, #0e0d15); -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button:hover { - background-image: none; - background-color: var(--color-warm-2); - filter: drop-shadow(0 0 3px lightgray); -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details { - display: flex; - justify-content: space-between; - padding: 5px 0; - margin-bottom: 10px; - font-size: 12px; - color: light-dark(#18162e, #f3c267); -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span { - padding: 3px; - border-radius: 3px; - transition: all 0.3s ease; - cursor: pointer; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span:hover { - background: light-dark(#18162e40, #f3c26740); -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span.dot { - background: transparent; - cursor: default; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row { - display: flex; - gap: 20px; - align-items: center; - justify-content: space-between; - padding: 0; - margin-bottom: 15px; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section, -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section { - position: relative; - display: flex; - gap: 10px; - background-color: light-dark(transparent, #18162e); - color: light-dark(#18162e, #f3c267); - padding: 5px 10px; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - align-items: center; - width: fit-content; - height: 30px; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4, -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4 { - font-size: 14px; - font-weight: bold; - text-transform: uppercase; - color: light-dark(#18162e, #f3c267); -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4.threshold-value, -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4.threshold-value { - color: light-dark(#222, #efe6d8); -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .threshold-legend, -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .threshold-legend { - position: absolute; - bottom: -21px; - color: light-dark(#f3c267, #18162e); - background-color: light-dark(#18162e, #f3c267); - padding: 3px; - justify-self: anchor-center; - border-radius: 0 0 3px 3px; - text-transform: capitalize; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .hope-value, -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .hope-value { - display: flex; - cursor: pointer; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits { - display: flex; - justify-content: space-between; - padding: 0; - margin-bottom: 15px; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait { - height: 60px; - width: 60px; - cursor: pointer; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name { - display: flex; - padding-top: 5px; - color: light-dark(#18162e, #f3c267); - font-size: 14px; - font-weight: 600; - align-items: center; - justify-content: center; - gap: 3px; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name i { - line-height: 17px; - font-size: 10px; -} -.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-value { - font-family: 'Montserrat', sans-serif; - font-style: normal; - font-weight: 400; - font-size: 20px; - text-align: center; -} -.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet, -.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet, -body.theme-dark .application.daggerheart .character-sidebar-sheet, -body.theme-dark.application.daggerheart .character-sidebar-sheet { - background-image: url('../assets/parchments/dh-parchment-dark.png'); -} -.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value, -.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value, -body.theme-dark .application.daggerheart .character-sidebar-sheet .experience-value, -body.theme-dark.application.daggerheart .character-sidebar-sheet .experience-value { - background: url(../assets/svg/experience-shield.svg) no-repeat; -} -.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet, -.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet, -body.theme-light .application.daggerheart .character-sidebar-sheet, -body.theme-light.application.daggerheart .character-sidebar-sheet { - background: transparent; -} -.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value, -.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value, -body.theme-light .application.daggerheart .character-sidebar-sheet .experience-value, -body.theme-light.application.daggerheart .character-sidebar-sheet .experience-value { - background: url('../assets/svg/experience-shield-light.svg') no-repeat; -} -.application.sheet.dh-style .character-sidebar-sheet { - width: 275px; - min-width: 275px; - border-right: 1px solid light-dark(#18162e, #f3c267); -} -.application.sheet.dh-style .character-sidebar-sheet .portrait { - position: relative; - border-bottom: 1px solid light-dark(#18162e, #f3c267); - cursor: pointer; -} -.application.sheet.dh-style .character-sidebar-sheet .portrait img { - height: 235px; - width: 275px; - object-fit: cover; -} -.application.sheet.dh-style .character-sidebar-sheet .portrait .death-roll-btn { - display: none; -} -.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll { - filter: grayscale(1); -} -.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn { - display: flex; - position: absolute; - top: 30%; - right: 30%; - font-size: 6rem; - color: #efe6d8; -} -.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn:hover { - text-shadow: 0 0 8px #efe6d8; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section { - position: relative; - display: flex; - flex-direction: column; - top: -20px; - gap: 30px; - margin-bottom: -10px; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section { - display: flex; - justify-content: space-evenly; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar { - position: relative; - width: 100px; - height: 40px; - justify-items: center; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label { - position: relative; - top: 40px; - height: 22px; - width: 79px; - clip-path: path('M0 0H79L74 16.5L39 22L4 16.5L0 0Z'); - background: light-dark(#18162e, #f3c267); -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label h4 { - font-weight: bold; - text-align: center; - line-height: 18px; - color: light-dark(#efe6d8, #18162e); -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value { - position: absolute; - display: flex; - padding: 0 6px; - font-size: 1.5rem; - align-items: center; - width: 100px; - height: 40px; - justify-content: center; - text-align: center; - z-index: 2; - color: #efe6d8; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'] { - background: transparent; - font-size: 1.5rem; - width: 40px; - height: 30px; - text-align: center; - border: none; - outline: 2px solid transparent; - color: #efe6d8; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input { - padding: 0; - color: #efe6d8; - backdrop-filter: none; - background: transparent; - transition: all 0.3s ease; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:hover, -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:focus { - background: rgba(24, 22, 46, 0.33); - backdrop-filter: blur(9.5px); -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value .bar-label { - width: 40px; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar { - position: absolute; - appearance: none; - width: 100px; - height: 40px; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - z-index: 1; - background: #18162e; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-bar { - border: none; - background: #18162e; - border-radius: 6px; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-value { - background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%); - border-radius: 6px; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-webkit-progress-value { - background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%); - border-radius: 6px; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-moz-progress-bar { - background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%); - border-radius: 6px; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-moz-progress-bar { - background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%); - border-radius: 6px; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section { - display: flex; - flex-wrap: wrap; - gap: 5px; - justify-content: center; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number { - justify-items: center; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value { - position: relative; - display: flex; - width: 50px; - height: 30px; - border: 1px solid light-dark(#18162e, #f3c267); - border-bottom: none; - border-radius: 6px 6px 0 0; - padding: 0 6px; - font-size: 1.2rem; - align-items: center; - justify-content: center; - background: light-dark(transparent, #18162e); - z-index: 2; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value.armor-slots { - width: 80px; - height: 30px; -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label { - padding: 2px 10px; - width: 100%; - border-radius: 3px; - background: light-dark(#18162e, #f3c267); -} -.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label h4 { - font-weight: bold; - text-align: center; - line-height: 18px; - font-size: 12px; - color: light-dark(#efe6d8, #18162e); -} -.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list { - display: flex; - flex-direction: column; - gap: 5px; -} -.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list .inventory-item { - padding: 0 10px; -} -.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title { - display: flex; - gap: 15px; - align-items: center; -} -.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title h3 { - font-size: 20px; -} -.application.sheet.dh-style .character-sidebar-sheet .equipment-section .items-list { - display: flex; - flex-direction: column; - gap: 10px; - align-items: center; -} -.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title { - display: flex; - gap: 15px; - align-items: center; -} -.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title h3 { - font-size: 20px; -} -.application.sheet.dh-style .character-sidebar-sheet .experience-section .title { - display: flex; - gap: 15px; - align-items: center; -} -.application.sheet.dh-style .character-sidebar-sheet .experience-section .title h3 { - font-size: 20px; -} -.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list { - display: flex; - flex-direction: column; - gap: 5px; - width: 100%; - margin-top: 10px; - align-items: center; -} -.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row { - display: flex; - gap: 5px; - width: 250px; - align-items: center; - justify-content: space-between; -} -.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text'] { - height: 32px; - width: 180px; - border: 1px solid transparent; - outline: 2px solid transparent; - font-size: 14px; - font-family: 'Montserrat', sans-serif; - transition: all 0.3s ease; - color: light-dark(#222, #efe6d8); -} -.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text']:hover { - outline: 2px solid light-dark(#222, #efe6d8); -} -.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-value { - height: 25px; - width: 35px; - font-size: 14px; - font-family: 'Montserrat', sans-serif; - color: light-dark(#222, #efe6d8); - align-content: center; - text-align: center; -} -.application.sheet.daggerheart.actor.dh-style.character .window-content { - display: grid; - grid-template-columns: 275px 1fr; - grid-template-rows: auto 1fr; - gap: 15px 0; - height: 100%; - width: 100%; - overflow: auto; -} -.application.sheet.daggerheart.actor.dh-style.character .window-content .character-sidebar-sheet { - grid-row: 1 / span 2; - grid-column: 1; -} -.application.sheet.daggerheart.actor.dh-style.character .window-content .character-header-sheet { - grid-row: 1; - grid-column: 2; -} -.application.sheet.daggerheart.actor.dh-style.character .window-content .tab { - grid-row: 2; - grid-column: 2; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section { - display: flex; - gap: 10px; - align-items: center; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar { - position: relative; - color: light-dark(#18162e50, #efe6d850); - width: 100%; - padding-top: 5px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input { - border-radius: 50px; - font-family: 'Montserrat', sans-serif; - background: light-dark(#18162e10, #f3c26710); - border: none; - outline: 2px solid transparent; - transition: all 0.3s ease; - padding: 0 20px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:hover { - outline: 2px solid light-dark(#222, #f3c267); -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:placeholder { - color: light-dark(#18162e50, #efe6d850); -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input::-webkit-search-cancel-button { - -webkit-appearance: none; - display: none; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar .icon { - align-content: center; - height: 32px; - position: absolute; - right: 20px; - font-size: 16px; - z-index: 1; - color: light-dark(#18162e50, #efe6d850); -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .items-section { - display: flex; - flex-direction: column; - gap: 10px; - overflow-y: auto; - mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%); - padding: 20px 0; - height: 80%; - scrollbar-width: thin; - scrollbar-color: light-dark(#18162e, #f3c267) transparent; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .currency-section { - display: flex; - gap: 10px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section { - display: flex; - align-items: center; - justify-content: space-between; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar { - position: relative; - color: light-dark(#18162e50, #efe6d850); - width: 80%; - padding-top: 5px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input { - border-radius: 50px; - font-family: 'Montserrat', sans-serif; - background: light-dark(#18162e10, #f3c26710); - border: none; - outline: 2px solid transparent; - transition: all 0.3s ease; - padding: 0 20px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:hover { - outline: 2px solid light-dark(#222, #f3c267); -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:placeholder { - color: light-dark(#18162e50, #efe6d850); -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input::-webkit-search-cancel-button { - -webkit-appearance: none; - display: none; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar .icon { - align-content: center; - height: 32px; - position: absolute; - right: 20px; - font-size: 16px; - z-index: 1; - color: light-dark(#18162e50, #efe6d850); -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view { - background: light-dark(#18162e10, #18162e); - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 15px; - padding: 0; - gap: 0; - width: 62px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span { - margin: 1px; - width: 26px; - color: light-dark(#18162e, #f3c267); -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-icon i { - margin-left: 3px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-icon i { - margin-right: 3px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-active { - border-radius: 32px 3px 3px 32px; - background-color: light-dark(#18162e, #f3c267); - color: light-dark(#efe6d8, #18162e); - padding: 2px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-active { - border-radius: 3px 32px 32px 3px; - background-color: light-dark(#18162e, #f3c267); - color: light-dark(#efe6d8, #18162e); - padding: 2px; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .items-section { - display: flex; - flex-direction: column; - gap: 10px; - height: 100%; - overflow-y: auto; - mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%); - padding: 20px 0; - height: 90%; - scrollbar-width: thin; - scrollbar-color: light-dark(#18162e, #f3c267) transparent; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.biography .items-section { - display: flex; - flex-direction: column; - gap: 10px; - overflow-y: auto; - mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%); - padding-bottom: 40px; - height: 100%; - scrollbar-width: thin; - scrollbar-color: light-dark(#18162e, #f3c267) transparent; -} -.application.sheet.daggerheart.actor.dh-style.character .tab.features .features-sections { +.application.sheet.daggerheart.actor.dh-style.adversary .tab.features .feature-section { display: flex; flex-direction: column; gap: 10px; @@ -4331,14 +96,27 @@ body.theme-light.application.daggerheart .character-sidebar-sheet .experience-va grid-row: 2; grid-column: 2; } +/** + * Applies theme-specific styles. + * @param {Rules} @darkRules - Styles to apply when `.theme-dark` is present + * @param {Rules} @lightRules - Styles to apply when `.theme-light` is present + */ +.themed.theme-dark .application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet, +.themed.theme-dark.application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet, +body.theme-dark .application.daggerheart.adversary .adversary-sidebar-sheet, +body.theme-dark.application.daggerheart.adversary .adversary-sidebar-sheet { + background-image: url('../assets/parchments/dh-parchment-dark.png'); +} +.themed.theme-light .application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet, +.themed.theme-light.application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet, +body.theme-light .application.daggerheart.adversary .adversary-sidebar-sheet, +body.theme-light.application.daggerheart.adversary .adversary-sidebar-sheet { + background: transparent; +} .application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet { width: 275px; min-width: 275px; border-right: 1px solid light-dark(#18162e, #f3c267); - background-image: url('../assets/parchments/dh-parchment-dark.png'); -} -.theme-light .application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet { - background: transparent; } .application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .portrait { position: relative; @@ -4623,61 +401,525 @@ body.theme-light.application.daggerheart .character-sidebar-sheet .experience-va .application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .reaction-section button { width: 100%; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet { +.application.sheet.daggerheart.actor.dh-style.character .tab.biography .items-section { display: flex; flex-direction: column; - justify-content: start; + gap: 10px; + overflow-y: auto; + mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%); + padding-bottom: 40px; + height: 100%; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.features .features-sections { + display: flex; + flex-direction: column; + gap: 10px; + overflow-y: auto; + mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%); + padding: 20px 0; + padding-top: 10px; + height: 95%; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.themed.theme-dark .application.daggerheart.sheet.dh-style .character-header-sheet .trait, +.themed.theme-dark.application.daggerheart.sheet.dh-style .character-header-sheet .trait, +body.theme-dark .application.daggerheart .character-header-sheet .trait, +body.theme-dark.application.daggerheart .character-header-sheet .trait { + background: url(../assets/svg/trait-shield.svg) no-repeat; +} +.themed.theme-light .application.daggerheart.sheet.dh-style .character-header-sheet .trait, +.themed.theme-light.application.daggerheart.sheet.dh-style .character-header-sheet .trait, +body.theme-light .application.daggerheart .character-header-sheet .trait, +body.theme-light.application.daggerheart .character-header-sheet .trait { + background: url('../assets/svg/trait-shield-light.svg') no-repeat; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet { + padding: 0 15px; + padding-top: 36px; + width: 100%; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row { + display: flex; + gap: 5px; + align-items: center; + justify-content: space-between; + padding: 0; + padding-top: 5px; + flex: 1; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text'] { + font-size: 32px; + height: 42px; + text-align: start; + border: 1px solid transparent; + outline: 2px solid transparent; + transition: all 0.3s ease; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text']:hover { + outline: 2px solid light-dark(#222, #f3c267); +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div { + white-space: nowrap; + display: flex; + justify-content: end; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .label { + display: flex; + align-items: center; + gap: 4px; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div input { + width: 40px; + padding: 0; text-align: center; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .profile { - width: 100%; - height: 235px; - object-fit: cover; - mask-image: linear-gradient(0deg, transparent 0%, black 10%); +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button { + color: light-dark(#222, #efe6d8); + font-size: 18px; + line-height: 1; + min-height: unset; + height: min-content; + padding: 4px; + font-family: 'Cinzel', serif; + margin: 0; + font-weight: normal; + border-color: light-dark(#18162e, #f3c267); + background-color: light-dark(transparent, #0e0d15); +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button:hover { + background-image: none; + background-color: var(--color-warm-2); + filter: drop-shadow(0 0 3px lightgray); +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details { + display: flex; + justify-content: space-between; + padding: 5px 0; + margin-bottom: 10px; + font-size: 12px; + color: light-dark(#18162e, #f3c267); +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span { + padding: 3px; + border-radius: 3px; + transition: all 0.3s ease; cursor: pointer; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container { +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span:hover { + background: light-dark(#18162e40, #f3c26740); +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span.dot { + background: transparent; + cursor: default; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row { display: flex; - align-items: center; - position: relative; - top: -45px; gap: 20px; - padding: 0 20px; - margin-bottom: -30px; + align-items: center; + justify-content: space-between; + padding: 0; + margin-bottom: 15px; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info { - display: flex; - flex-direction: column; - gap: 8px; -} -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags { +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section, +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section { + position: relative; display: flex; gap: 10px; - padding-bottom: 0; -} -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .tag { - display: flex; - flex-direction: row; - justify-content: center; + background-color: light-dark(transparent, #18162e); + color: light-dark(#18162e, #f3c267); + padding: 5px 10px; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; align-items: center; - padding: 3px 5px; - font-size: 12px; - font: 'Montserrat', sans-serif; - background: light-dark(#22222215, #efe6d815); - border: 1px solid light-dark(#222, #efe6d8); - border-radius: 3px; + width: fit-content; + height: 30px; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .label { +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4, +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4 { + font-size: 14px; + font-weight: bold; + text-transform: uppercase; + color: light-dark(#18162e, #f3c267); +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4.threshold-value, +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4.threshold-value { + color: light-dark(#222, #efe6d8); +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .threshold-legend, +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .threshold-legend { + position: absolute; + bottom: -21px; + color: light-dark(#f3c267, #18162e); + background-color: light-dark(#18162e, #f3c267); + padding: 3px; + justify-self: anchor-center; + border-radius: 0 0 3px 3px; + text-transform: capitalize; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .hope-value, +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .hope-value { display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - font-size: 12px; + cursor: pointer; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number { +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits { + display: flex; + justify-content: space-between; + padding: 0; + margin-bottom: 15px; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait { + height: 60px; + width: 60px; + cursor: pointer; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name { + display: flex; + padding-top: 5px; + color: light-dark(#18162e, #f3c267); + font-size: 14px; + font-weight: 600; + align-items: center; + justify-content: center; + gap: 3px; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name i { + line-height: 17px; + font-size: 10px; +} +.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-value { + font-family: 'Montserrat', sans-serif; + font-style: normal; + font-weight: 400; + font-size: 20px; + text-align: center; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section { + display: flex; + gap: 10px; + align-items: center; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar { + position: relative; + color: light-dark(#18162e50, #efe6d850); + width: 100%; + padding-top: 5px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input { + border-radius: 50px; + font-family: 'Montserrat', sans-serif; + background: light-dark(#18162e10, #f3c26710); + border: none; + outline: 2px solid transparent; + transition: all 0.3s ease; + padding: 0 20px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:hover { + outline: 2px solid light-dark(#222, #f3c267); +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:placeholder { + color: light-dark(#18162e50, #efe6d850); +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input::-webkit-search-cancel-button { + -webkit-appearance: none; + display: none; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar .icon { + align-content: center; + height: 32px; + position: absolute; + right: 20px; + font-size: 16px; + z-index: 1; + color: light-dark(#18162e50, #efe6d850); +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .items-section { + display: flex; + flex-direction: column; + gap: 10px; + overflow-y: auto; + mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%); + padding: 20px 0; + height: 80%; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .currency-section { + display: flex; + gap: 10px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section { + display: flex; + align-items: center; + justify-content: space-between; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar { + position: relative; + color: light-dark(#18162e50, #efe6d850); + width: 80%; + padding-top: 5px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input { + border-radius: 50px; + font-family: 'Montserrat', sans-serif; + background: light-dark(#18162e10, #f3c26710); + border: none; + outline: 2px solid transparent; + transition: all 0.3s ease; + padding: 0 20px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:hover { + outline: 2px solid light-dark(#222, #f3c267); +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:placeholder { + color: light-dark(#18162e50, #efe6d850); +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input::-webkit-search-cancel-button { + -webkit-appearance: none; + display: none; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar .icon { + align-content: center; + height: 32px; + position: absolute; + right: 20px; + font-size: 16px; + z-index: 1; + color: light-dark(#18162e50, #efe6d850); +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view { + background: light-dark(#18162e10, #18162e); + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 15px; + padding: 0; + gap: 0; + width: 62px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span { + margin: 1px; + width: 26px; + color: light-dark(#18162e, #f3c267); +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-icon i { + margin-left: 3px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-icon i { + margin-right: 3px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-active { + border-radius: 32px 3px 3px 32px; + background-color: light-dark(#18162e, #f3c267); + color: light-dark(#efe6d8, #18162e); + padding: 2px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-active { + border-radius: 3px 32px 32px 3px; + background-color: light-dark(#18162e, #f3c267); + color: light-dark(#efe6d8, #18162e); + padding: 2px; +} +.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .items-section { + display: flex; + flex-direction: column; + gap: 10px; + height: 100%; + overflow-y: auto; + mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%); + padding: 20px 0; + height: 90%; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.application.sheet.daggerheart.actor.dh-style.character .window-content { + display: grid; + grid-template-columns: 275px 1fr; + grid-template-rows: auto 1fr; + gap: 15px 0; + height: 100%; + width: 100%; + overflow: auto; +} +.application.sheet.daggerheart.actor.dh-style.character .window-content .character-sidebar-sheet { + grid-row: 1 / span 2; + grid-column: 1; +} +.application.sheet.daggerheart.actor.dh-style.character .window-content .character-header-sheet { + grid-row: 1; + grid-column: 2; +} +.application.sheet.daggerheart.actor.dh-style.character .window-content .tab { + grid-row: 2; + grid-column: 2; +} +.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet, +.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet, +body.theme-dark .application.daggerheart .character-sidebar-sheet, +body.theme-dark.application.daggerheart .character-sidebar-sheet { + background-image: url('../assets/parchments/dh-parchment-dark.png'); +} +.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value, +.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value, +body.theme-dark .application.daggerheart .character-sidebar-sheet .experience-value, +body.theme-dark.application.daggerheart .character-sidebar-sheet .experience-value { + background: url(../assets/svg/experience-shield.svg) no-repeat; +} +.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet, +.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet, +body.theme-light .application.daggerheart .character-sidebar-sheet, +body.theme-light.application.daggerheart .character-sidebar-sheet { + background: transparent; +} +.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value, +.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value, +body.theme-light .application.daggerheart .character-sidebar-sheet .experience-value, +body.theme-light.application.daggerheart .character-sidebar-sheet .experience-value { + background: url('../assets/svg/experience-shield-light.svg') no-repeat; +} +.application.sheet.dh-style .character-sidebar-sheet { + width: 275px; + min-width: 275px; + border-right: 1px solid light-dark(#18162e, #f3c267); +} +.application.sheet.dh-style .character-sidebar-sheet .portrait { + position: relative; + border-bottom: 1px solid light-dark(#18162e, #f3c267); + cursor: pointer; +} +.application.sheet.dh-style .character-sidebar-sheet .portrait img { + height: 235px; + width: 275px; + object-fit: cover; +} +.application.sheet.dh-style .character-sidebar-sheet .portrait .death-roll-btn { + display: none; +} +.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll { + filter: grayscale(1); +} +.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn { + display: flex; + position: absolute; + top: 30%; + right: 30%; + font-size: 6rem; + color: #efe6d8; +} +.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn:hover { + text-shadow: 0 0 8px #efe6d8; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section { + position: relative; + display: flex; + flex-direction: column; + top: -20px; + gap: 30px; + margin-bottom: -10px; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section { + display: flex; + justify-content: space-evenly; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar { + position: relative; + width: 100px; + height: 40px; justify-items: center; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value { +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label { + position: relative; + top: 40px; + height: 22px; + width: 79px; + clip-path: path('M0 0H79L74 16.5L39 22L4 16.5L0 0Z'); + background: light-dark(#18162e, #f3c267); +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label h4 { + font-weight: bold; + text-align: center; + line-height: 18px; + color: light-dark(#efe6d8, #18162e); +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value { + position: absolute; + display: flex; + padding: 0 6px; + font-size: 1.5rem; + align-items: center; + width: 100px; + height: 40px; + justify-content: center; + text-align: center; + z-index: 2; + color: #efe6d8; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'] { + background: transparent; + font-size: 1.5rem; + width: 40px; + height: 30px; + text-align: center; + border: none; + outline: 2px solid transparent; + color: #efe6d8; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input { + padding: 0; + color: #efe6d8; + backdrop-filter: none; + background: transparent; + transition: all 0.3s ease; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:hover, +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:focus { + background: rgba(24, 22, 46, 0.33); + backdrop-filter: blur(9.5px); +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value .bar-label { + width: 40px; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar { + position: absolute; + appearance: none; + width: 100px; + height: 40px; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + z-index: 1; + background: #18162e; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-bar { + border: none; + background: #18162e; + border-radius: 6px; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-value { + background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%); + border-radius: 6px; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-webkit-progress-value { + background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%); + border-radius: 6px; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-moz-progress-bar { + background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%); + border-radius: 6px; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-moz-progress-bar { + background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%); + border-radius: 6px; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section { + display: flex; + flex-wrap: wrap; + gap: 5px; + justify-content: center; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number { + justify-items: center; +} +.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value { position: relative; display: flex; width: 50px; @@ -4692,272 +934,162 @@ body.theme-light.application.daggerheart .character-sidebar-sheet .experience-va background: light-dark(transparent, #18162e); z-index: 2; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value.armor-slots { +.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value.armor-slots { width: 80px; height: 30px; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label { +.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label { padding: 2px 10px; width: 100%; border-radius: 3px; background: light-dark(#18162e, #f3c267); } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label h4 { +.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label h4 { font-weight: bold; text-align: center; line-height: 18px; font-size: 12px; color: light-dark(#efe6d8, #18162e); } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text'] { - font-size: 32px; - height: 42px; - text-align: start; - transition: all 0.3s ease; - outline: 2px solid transparent; +.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list { + display: flex; + flex-direction: column; + gap: 5px; +} +.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list .inventory-item { + padding: 0 10px; +} +.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title { + display: flex; + gap: 15px; + align-items: center; +} +.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title h3 { + font-size: 20px; +} +.application.sheet.dh-style .character-sidebar-sheet .equipment-section .items-list { + display: flex; + flex-direction: column; + gap: 10px; + align-items: center; +} +.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title { + display: flex; + gap: 15px; + align-items: center; +} +.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title h3 { + font-size: 20px; +} +.application.sheet.dh-style .character-sidebar-sheet .experience-section .title { + display: flex; + gap: 15px; + align-items: center; +} +.application.sheet.dh-style .character-sidebar-sheet .experience-section .title h3 { + font-size: 20px; +} +.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list { + display: flex; + flex-direction: column; + gap: 5px; + width: 100%; + margin-top: 10px; + align-items: center; +} +.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row { + display: flex; + gap: 5px; + width: 250px; + align-items: center; + justify-content: space-between; +} +.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text'] { + height: 32px; + width: 180px; border: 1px solid transparent; + outline: 2px solid transparent; + font-size: 14px; + font-family: 'Montserrat', sans-serif; + transition: all 0.3s ease; + color: light-dark(#222, #efe6d8); } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:hover[type='text'], -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:focus[type='text'] { - box-shadow: none; - outline: 2px solid light-dark(#18162e, #f3c267); +.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text']:hover { + outline: 2px solid light-dark(#222, #efe6d8); } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info { +.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-value { + height: 25px; + width: 35px; + font-size: 14px; + font-family: 'Montserrat', sans-serif; + color: light-dark(#222, #efe6d8); + align-content: center; + text-align: center; +} +.application.sheet.daggerheart.actor.dh-style.companion .partner-section, +.application.sheet.daggerheart.actor.dh-style.companion .attack-section { display: flex; flex-direction: column; - gap: 12px; - padding: 10px 20px; + align-items: center; } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .description, -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .impulses { +.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title, +.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title { + display: flex; + gap: 15px; + align-items: center; +} +.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title h3, +.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title h3 { + font-size: 20px; +} +.application.sheet.daggerheart.actor.dh-style.companion .partner-section .items-list, +.application.sheet.daggerheart.actor.dh-style.companion .attack-section .items-list { + display: flex; + flex-direction: column; + gap: 10px; + align-items: center; +} +.application.sheet.daggerheart.actor.dh-style.companion .partner-placeholder { + display: flex; + opacity: 0.6; + text-align: center; + font-style: italic; + justify-content: center; +} +.application.sheet.daggerheart.actor.dh-style.companion .experience-list { + display: flex; + flex-direction: column; + gap: 5px; + width: 100%; + margin-top: 10px; + align-items: center; +} +.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row { + display: flex; + gap: 5px; + width: 250px; + align-items: center; + justify-content: space-between; +} +.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row .experience-name { + width: 180px; text-align: start; + font-size: 14px; font-family: 'Montserrat', sans-serif; + color: light-dark(#222, #efe6d8); } -.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-navigation { - display: flex; - gap: 20px; - align-items: center; - padding: 0 20px; -} -.themed.theme-dark .application.daggerheart.sheet.dh-style.environment, -.themed.theme-dark.application.daggerheart.sheet.dh-style.environment, -body.theme-dark .application.daggerheart.environment, -body.theme-dark.application.daggerheart.environment { - background-image: url('../assets/parchments/dh-parchment-dark.png'); -} -.themed.theme-light .application.daggerheart.sheet.dh-style.environment, -.themed.theme-light.application.daggerheart.sheet.dh-style.environment, -body.theme-light .application.daggerheart.environment, -body.theme-light.application.daggerheart.environment { - background: url('../assets/parchments/dh-parchment-light.png'); -} -.application.sheet.daggerheart.actor.dh-style.environment .tab { - max-height: 300px; - overflow-y: auto; - scrollbar-width: thin; - scrollbar-color: light-dark(#18162e, #f3c267) transparent; -} -.application.daggerheart.dh-style.dialog .window-content .dialog-header { - width: 100%; - padding-bottom: 16px; -} -.application.daggerheart.dh-style.dialog .window-content .dialog-header h1 { - font-family: 'Cinzel', serif; - font-style: normal; - font-weight: 700; - font-size: 24px; - margin: 0; - text-align: center; - color: light-dark(#18162e, #f3c267); -} -.application.daggerheart.dh-style.dialog .tab.details.active, -.application.daggerheart.dh-style.dialog .tab.attack.active { - display: flex; - flex-direction: column; - gap: 16px; -} -.application.daggerheart.dh-style.dialog .tab .fieldsets-section { - display: flex; - gap: 16px; -} -.application.daggerheart.dh-style.dialog .tab.experiences .add-experience-btn { - width: 100%; - margin-bottom: 12px; -} -.application.daggerheart.dh-style.dialog .tab.experiences .experience-list { - display: flex; - flex-direction: column; - gap: 10px; -} -.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item { - display: grid; - grid-template-columns: 3fr 1fr 30px; - align-items: center; - gap: 5px; -} -.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item a { - text-align: center; -} -.application.daggerheart.dh-style.dialog .tab.features { - max-height: 450px; - overflow-y: auto; - scrollbar-width: thin; - scrollbar-color: light-dark(#18162e, #f3c267) transparent; -} -.application.daggerheart.dh-style.dialog .tab.features .add-feature-btn { - width: 100%; - margin-bottom: 12px; -} -.application.daggerheart.dh-style.dialog .tab.features .feature-list { - display: flex; - flex-direction: column; - gap: 10px; -} -.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item { - display: grid; - grid-template-columns: 40px 1fr auto; - align-items: center; - gap: 5px; - border-radius: 3px; -} -.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item img { - height: 40px; - width: 40px; - object-fit: cover; -} -.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .label { +.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value { + height: 25px; + width: 35px; + font-size: 14px; font-family: 'Montserrat', sans-serif; -} -.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls { - display: flex; - gap: 5px; -} -.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls a { + color: light-dark(#222, #efe6d8); + align-content: center; text-align: center; + background: url(../assets/svg/experience-shield.svg) no-repeat; } -.application.daggerheart.dh-style.dialog.environment-settings .tab.features { - max-height: 450px; - overflow-y: auto; - scrollbar-width: thin; - scrollbar-color: light-dark(#18162e, #f3c267) transparent; -} -.application.daggerheart.dh-style.dialog.environment-settings .tab.features .add-feature-btn { - width: 100%; - margin-bottom: 12px; -} -.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list { - display: flex; - flex-direction: column; - gap: 10px; -} -.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item { - display: grid; - grid-template-columns: 40px 1fr auto; - align-items: center; - gap: 5px; -} -.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item img { - height: 40px; - width: 40px; - object-fit: cover; - border-radius: 3px; -} -.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .label { - font-family: 'Montserrat', sans-serif; -} -.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls { - display: flex; - gap: 5px; -} -.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls a { - text-align: center; -} -.application.daggerheart.dh-style.dialog .tab.adversaries { - max-height: 450px; - overflow-y: auto; - scrollbar-width: thin; - scrollbar-color: light-dark(#18162e, #f3c267) transparent; -} -.application.daggerheart.dh-style.dialog .tab.adversaries .add-action-btn { - width: 100%; - margin-bottom: 12px; -} -.application.daggerheart.dh-style.dialog .tab.adversaries .category-container { - display: flex; - flex-direction: column; - align-items: start; - gap: 8px; -} -.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .category-name { - display: flex; - align-items: center; - gap: 10px; - width: 100%; -} -.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .adversaries-container { - display: flex; - flex-direction: column; - gap: 6px; - width: 100%; -} -.application.daggerheart.dh-style.dialog .tab.adversaries .adversaries-dragger { - display: flex; - align-items: center; - justify-content: center; - box-sizing: border-box; - width: 100%; - height: 40px; - border: 1px dashed light-dark(#18162e50, #efe6d850); - border-radius: 3px; - color: light-dark(#18162e50, #efe6d850); - font-family: 'Montserrat', sans-serif; -} -.theme-light .application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title { - background-image: url('../assets/parchments/dh-parchment-dark.png'); -} -.application.daggerheart.dh-style.views.beastform-selection .beastforms-container { - display: flex; - flex-direction: column; - gap: 4px; -} -.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier { - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; - gap: 4px; -} -.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container { - position: relative; - display: flex; - justify-content: center; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - cursor: pointer; -} -.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container.inactive { - opacity: 0.4; -} -.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container img { - width: 100%; - border-radius: 6px; -} -.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title { - position: absolute; - top: 4px; - display: flex; - flex-wrap: wrap; - font-size: 16px; - margin: 0 4px; - border: 1px solid light-dark(#18162e, #f3c267); - border-radius: 6px; - color: light-dark(#efe6d8, #222); - background-image: url('../assets/parchments/dh-parchment-light.png'); -} -.application.daggerheart.dh-style.views.beastform-selection footer { - margin-top: 8px; - display: flex; -} -.application.daggerheart.dh-style.views.beastform-selection footer button { - flex: 1; +.theme-light .application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value { + background: url('../assets/svg/experience-shield-light.svg') no-repeat; } .application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet { display: flex; @@ -5131,71 +1263,6 @@ body.theme-light.application.daggerheart.environment { align-items: center; width: 100%; } -.application.sheet.daggerheart.actor.dh-style.companion .partner-section, -.application.sheet.daggerheart.actor.dh-style.companion .attack-section { - display: flex; - flex-direction: column; - align-items: center; -} -.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title, -.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title { - display: flex; - gap: 15px; - align-items: center; -} -.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title h3, -.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title h3 { - font-size: 20px; -} -.application.sheet.daggerheart.actor.dh-style.companion .partner-section .items-list, -.application.sheet.daggerheart.actor.dh-style.companion .attack-section .items-list { - display: flex; - flex-direction: column; - gap: 10px; - align-items: center; -} -.application.sheet.daggerheart.actor.dh-style.companion .partner-placeholder { - display: flex; - opacity: 0.6; - text-align: center; - font-style: italic; - justify-content: center; -} -.application.sheet.daggerheart.actor.dh-style.companion .experience-list { - display: flex; - flex-direction: column; - gap: 5px; - width: 100%; - margin-top: 10px; - align-items: center; -} -.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row { - display: flex; - gap: 5px; - width: 250px; - align-items: center; - justify-content: space-between; -} -.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row .experience-name { - width: 180px; - text-align: start; - font-size: 14px; - font-family: 'Montserrat', sans-serif; - color: light-dark(#222, #efe6d8); -} -.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value { - height: 25px; - width: 35px; - font-size: 14px; - font-family: 'Montserrat', sans-serif; - color: light-dark(#222, #efe6d8); - align-content: center; - text-align: center; - background: url(../assets/svg/experience-shield.svg) no-repeat; -} -.theme-light .application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value { - background: url('../assets/svg/experience-shield-light.svg') no-repeat; -} .themed.theme-dark .application.daggerheart.sheet.dh-style.companion, .themed.theme-dark.application.daggerheart.sheet.dh-style.companion, body.theme-dark .application.daggerheart.companion, @@ -5208,46 +1275,136 @@ body.theme-light .application.daggerheart.companion, body.theme-light.application.daggerheart.companion { background: url('../assets/parchments/dh-parchment-light.png'); } -.application.sheet.daggerheart.actor.dh-style.adversary .window-content { - overflow: auto; -} -.daggerheart.sheet.actor.environment .potential-adversary-container { - width: 100%; - height: 50px; -} -.daggerheart.sheet.actor.environment .potential-adversary-container .adversary-placeholder { - font-style: italic; - text-align: center; - opacity: 0.6; -} -.daggerheart.sheet.actor.environment .potential-adversary-container .adversaries-container { +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet { display: flex; + flex-direction: column; + justify-content: start; + text-align: center; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .profile { + width: 100%; + height: 235px; + object-fit: cover; + mask-image: linear-gradient(0deg, transparent 0%, black 10%); + cursor: pointer; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container { + display: flex; + align-items: center; + position: relative; + top: -45px; + gap: 20px; + padding: 0 20px; + margin-bottom: -30px; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info { + display: flex; + flex-direction: column; gap: 8px; } -.daggerheart.sheet.actor.environment .potential-adversary-container .adversaries-container .adversary-container { - border: 1px solid var(--color-dark-5); - border-radius: 6px; - padding: 0 2px; - font-weight: bold; - cursor: pointer; - background-image: url(../assets/parchments/dh-parchment-dark.png); - color: var(--color-light-3); -} -.application.sheet.daggerheart.dh-style.feature .item-sheet-header { +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags { display: flex; + gap: 10px; + padding-bottom: 0; } -.application.sheet.daggerheart.dh-style.feature .item-sheet-header .profile { - height: 130px; - width: 130px; +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .tag { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 3px 5px; + font-size: 12px; + font: 'Montserrat', sans-serif; + background: light-dark(#22222215, #efe6d815); + border: 1px solid light-dark(#222, #efe6d8); + border-radius: 3px; } -.application.sheet.daggerheart.dh-style.feature section.tab { - height: 400px; - overflow-y: auto; - scrollbar-width: thin; - scrollbar-color: light-dark(#18162e, #f3c267) transparent; +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .label { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + font-size: 12px; } -.application.sheet.daggerheart.dh-style.domain-card section.tab { - height: 400px; +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number { + justify-items: center; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value { + position: relative; + display: flex; + width: 50px; + height: 30px; + border: 1px solid light-dark(#18162e, #f3c267); + border-bottom: none; + border-radius: 6px 6px 0 0; + padding: 0 6px; + font-size: 1.2rem; + align-items: center; + justify-content: center; + background: light-dark(transparent, #18162e); + z-index: 2; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value.armor-slots { + width: 80px; + height: 30px; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label { + padding: 2px 10px; + width: 100%; + border-radius: 3px; + background: light-dark(#18162e, #f3c267); +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label h4 { + font-weight: bold; + text-align: center; + line-height: 18px; + font-size: 12px; + color: light-dark(#efe6d8, #18162e); +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text'] { + font-size: 32px; + height: 42px; + text-align: start; + transition: all 0.3s ease; + outline: 2px solid transparent; + border: 1px solid transparent; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:hover[type='text'], +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:focus[type='text'] { + box-shadow: none; + outline: 2px solid light-dark(#18162e, #f3c267); +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info { + display: flex; + flex-direction: column; + gap: 12px; + padding: 10px 20px; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .description, +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .impulses { + text-align: start; + font-family: 'Montserrat', sans-serif; +} +.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-navigation { + display: flex; + gap: 20px; + align-items: center; + padding: 0 20px; +} +.themed.theme-dark .application.daggerheart.sheet.dh-style.environment, +.themed.theme-dark.application.daggerheart.sheet.dh-style.environment, +body.theme-dark .application.daggerheart.environment, +body.theme-dark.application.daggerheart.environment { + background-image: url('../assets/parchments/dh-parchment-dark.png'); +} +.themed.theme-light .application.daggerheart.sheet.dh-style.environment, +.themed.theme-light.application.daggerheart.sheet.dh-style.environment, +body.theme-light .application.daggerheart.environment, +body.theme-light.application.daggerheart.environment { + background: url('../assets/parchments/dh-parchment-light.png'); +} +.application.sheet.daggerheart.actor.dh-style.environment .tab { + max-height: 300px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: light-dark(#18162e, #f3c267) transparent; @@ -5290,6 +1447,883 @@ body.theme-light.application.daggerheart.companion { justify-content: center; gap: 10px; } +.application.sheet.daggerheart.dh-style.domain-card section.tab { + height: 400px; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.application.sheet.daggerheart.dh-style.feature .item-sheet-header { + display: flex; +} +.application.sheet.daggerheart.dh-style.feature .item-sheet-header .profile { + height: 130px; + width: 130px; +} +.application.sheet.daggerheart.dh-style.feature section.tab { + height: 400px; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.application.daggerheart.dh-style.dialog .window-content .dialog-header { + width: 100%; + padding-bottom: 16px; +} +.application.daggerheart.dh-style.dialog .window-content .dialog-header h1 { + font-family: 'Cinzel', serif; + font-style: normal; + font-weight: 700; + font-size: 24px; + margin: 0; + text-align: center; + color: light-dark(#18162e, #f3c267); +} +.application.daggerheart.dh-style.dialog .tab.details.active, +.application.daggerheart.dh-style.dialog .tab.attack.active { + display: flex; + flex-direction: column; + gap: 16px; +} +.application.daggerheart.dh-style.dialog .tab .fieldsets-section { + display: flex; + gap: 16px; +} +.application.daggerheart.dh-style.dialog .tab.experiences .add-experience-btn { + width: 100%; + margin-bottom: 12px; +} +.application.daggerheart.dh-style.dialog .tab.experiences .experience-list { + display: flex; + flex-direction: column; + gap: 10px; +} +.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item { + display: grid; + grid-template-columns: 3fr 1fr 30px; + align-items: center; + gap: 5px; +} +.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item a { + text-align: center; +} +.application.daggerheart.dh-style.dialog .tab.features { + max-height: 450px; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.application.daggerheart.dh-style.dialog .tab.features .add-feature-btn { + width: 100%; + margin-bottom: 12px; +} +.application.daggerheart.dh-style.dialog .tab.features .feature-list { + display: flex; + flex-direction: column; + gap: 10px; +} +.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item { + display: grid; + grid-template-columns: 40px 1fr auto; + align-items: center; + gap: 5px; + border-radius: 3px; +} +.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item img { + height: 40px; + width: 40px; + object-fit: cover; +} +.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .label { + font-family: 'Montserrat', sans-serif; +} +.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls { + display: flex; + gap: 5px; +} +.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls a { + text-align: center; +} +.application.daggerheart.dh-style.dialog.environment-settings .tab.features { + max-height: 450px; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.application.daggerheart.dh-style.dialog.environment-settings .tab.features .add-feature-btn { + width: 100%; + margin-bottom: 12px; +} +.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list { + display: flex; + flex-direction: column; + gap: 10px; +} +.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item { + display: grid; + grid-template-columns: 40px 1fr auto; + align-items: center; + gap: 5px; +} +.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item img { + height: 40px; + width: 40px; + object-fit: cover; + border-radius: 3px; +} +.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .label { + font-family: 'Montserrat', sans-serif; +} +.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls { + display: flex; + gap: 5px; +} +.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls a { + text-align: center; +} +.application.daggerheart.dh-style.dialog .tab.adversaries { + max-height: 450px; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: light-dark(#18162e, #f3c267) transparent; +} +.application.daggerheart.dh-style.dialog .tab.adversaries .add-action-btn { + width: 100%; + margin-bottom: 12px; +} +.application.daggerheart.dh-style.dialog .tab.adversaries .category-container { + display: flex; + flex-direction: column; + align-items: start; + gap: 8px; +} +.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .category-name { + display: flex; + align-items: center; + gap: 10px; + width: 100%; +} +.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .adversaries-container { + display: flex; + flex-direction: column; + gap: 6px; + width: 100%; +} +.application.daggerheart.dh-style.dialog .tab.adversaries .adversaries-dragger { + display: flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 100%; + height: 40px; + border: 1px dashed light-dark(#18162e50, #efe6d850); + border-radius: 3px; + color: light-dark(#18162e50, #efe6d850); + font-family: 'Montserrat', sans-serif; +} +.daggerheart.levelup .levelup-navigation-container { + display: flex; + align-items: center; + gap: 22px; + height: 36px; +} +.daggerheart.levelup .levelup-navigation-container nav { + flex: 1; +} +.daggerheart.levelup .levelup-navigation-container nav .levelup-tab-container { + display: flex; + align-items: center; + gap: 4px; +} +.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions { + width: 306px; + display: flex; + justify-content: end; + gap: 16px; + margin-right: 4px; +} +.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions * { + width: calc(50% - 8px); +} +.daggerheart.levelup .levelup-selections-container .achievement-experience-cards { + display: flex; + gap: 8px; +} +.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card { + border: 1px solid; + border-radius: 4px; + padding-right: 4px; + font-size: 18px; + display: flex; + justify-content: space-between; + align-items: center; + gap: 4px; +} +.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card .achievement-experience-marker { + border: 1px solid; + border-radius: 50%; + height: 18px; + width: 18px; + display: flex; + align-items: center; + justify-content: center; + font-size: 12px; +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection { + display: flex; + flex-wrap: wrap; + gap: 40px; +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection .card-preview-container { + width: calc(100% * (1 / 5)); +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container { + display: flex; + flex-direction: column; + gap: 8px; +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container { + display: flex; + flex-direction: column; + align-items: center; + flex: 1; + position: relative; + cursor: pointer; +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container.disabled { + pointer-events: none; + opacity: 0.4; +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-label { + position: absolute; + text-align: center; + top: 4px; + background: grey; + padding: 0 12px; + border-radius: 6px; +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container img { + height: 124px; +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected { + position: absolute; + height: 54px; + width: 54px; + border-radius: 50%; + border: 2px solid; + font-size: 48px; + display: flex; + align-items: center; + justify-content: center; + background-image: url(../assets/parchments/dh-parchment-light.png); + color: var(--color-dark-5); + top: calc(50% - 29px); +} +.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected i { + position: relative; + right: 2px; +} +.daggerheart.levelup .levelup-selections-container .levelup-selections-title { + display: flex; + align-items: center; + gap: 4px; +} +.daggerheart.levelup .levelup-selections-container .levelup-radio-choices { + display: flex; + gap: 8px; +} +.daggerheart.levelup .levelup-selections-container .levelup-radio-choices label { + flex: 0; +} +.themed.theme-light .application.daggerheart.sheet.dh-style.levelup .tiers-container .tier-container, +.themed.theme-light.application.daggerheart.sheet.dh-style.levelup .tiers-container .tier-container, +body.theme-light .application.daggerheart.levelup .tiers-container .tier-container, +body.theme-light.application.daggerheart.levelup .tiers-container .tier-container { + background-image: url('../assets/parchments/dh-parchment-light.png'); +} +.daggerheart.levelup .window-content { + max-height: 960px; + overflow: auto; +} +.daggerheart.levelup div[data-application-part='form'] { + display: flex; + flex-direction: column; + gap: 8px; +} +.daggerheart.levelup section .section-container { + display: flex; + flex-direction: column; + gap: 8px; + margin-top: 8px; +} +.daggerheart.levelup .levelup-footer { + display: flex; +} +.daggerheart.levelup .levelup-summary-container .level-achievements-container, +.daggerheart.levelup .levelup-summary-container .level-advancements-container { + display: flex; + flex-direction: column; + gap: 8px; +} +.daggerheart.levelup .levelup-summary-container .level-achievements-container h2, +.daggerheart.levelup .levelup-summary-container .level-advancements-container h2, +.daggerheart.levelup .levelup-summary-container .level-achievements-container h3, +.daggerheart.levelup .levelup-summary-container .level-advancements-container h3, +.daggerheart.levelup .levelup-summary-container .level-achievements-container h4, +.daggerheart.levelup .levelup-summary-container .level-advancements-container h4, +.daggerheart.levelup .levelup-summary-container .level-achievements-container h5, +.daggerheart.levelup .levelup-summary-container .level-advancements-container h5 { + margin: 0; + color: var(--color-text-secondary); +} +.daggerheart.levelup .levelup-summary-container .increase-container { + display: flex; + align-items: center; + gap: 4px; + font-size: 20px; +} +.daggerheart.levelup .levelup-summary-container .summary-selection-container { + display: flex; + gap: 8px; +} +.daggerheart.levelup .levelup-summary-container .summary-selection-container .summary-selection { + border: 2px solid; + border-radius: 6px; + padding: 0 4px; + font-size: 18px; +} +.daggerheart.levelup .tiers-container { + display: flex; + gap: 16px; +} +.daggerheart.levelup .tiers-container .tier-container { + flex: 1; + display: flex; + flex-direction: column; + gap: 8px; + background-image: url('../assets/parchments/dh-parchment-dark.png'); +} +.daggerheart.levelup .tiers-container .tier-container.inactive { + opacity: 0.4; + pointer-events: none; +} +.daggerheart.levelup .tiers-container .tier-container legend { + margin-left: auto; + margin-right: auto; + font-size: 22px; + font-weight: bold; + padding: 0 12px; +} +.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container { + display: grid; + grid-template-columns: 1fr 3fr; + gap: 4px; +} +.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container { + display: flex; + justify-content: end; + gap: 4px; +} +.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer { + display: flex; + height: min-content; +} +.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi { + border: 2px solid grey; + padding: 2.4px 2.5px 0; + border-radius: 4px; + gap: 2px; +} +.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi .selection-checkbox { + margin-left: 0; + margin-right: 0; +} +.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer .selection-checkbox { + margin: 0; +} +.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkbox-group-label { + font-size: 14px; + font-style: italic; +} +/* Base Value */ +/* Margins */ +/* Borders */ +/* Padding */ +/* Inputs */ +.daggerheart.views .downtime-container .downtime-header { + margin: 0; + color: light-dark(#18162e, #f3c267); + text-align: center; +} +.daggerheart.views .downtime-container .activity-container { + display: flex; + align-items: center; + padding: 8px; +} +.daggerheart.views .downtime-container .activity-container .activity-title { + flex: 1; + display: flex; + align-items: center; +} +.daggerheart.views .downtime-container .activity-container .activity-title .activity-title-text { + font-size: 24px; + font-weight: bold; +} +.daggerheart.views .downtime-container .activity-container .activity-title .activity-image { + width: 80px; + position: relative; + display: flex; + justify-content: center; + margin-right: 8px; + border: 2px solid black; + border-radius: 50%; + cursor: pointer; +} +.daggerheart.views .downtime-container .activity-container .activity-title .activity-image .activity-select-label { + position: absolute; + top: -9px; + font-size: 14px; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + color: light-dark(#efe6d8, #222); + background-image: url(../assets/parchments/dh-parchment-light.png); + padding: 0 8px; + line-height: 1; + font-weight: bold; +} +.daggerheart.views .downtime-container .activity-container .activity-title .activity-image img { + border-radius: 50%; +} +.daggerheart.views .downtime-container .activity-container .activity-title .activity-image:hover, +.daggerheart.views .downtime-container .activity-container .activity-title .activity-image.selected { + filter: drop-shadow(0 0 6px gold); +} +.daggerheart.views .downtime-container .activity-container .activity-title .custom-name-input { + font-size: 24px; + font-weight: bold; + padding: 0; + background: transparent; + color: #efe6d8; +} +.daggerheart.views .downtime-container .activity-container .activity-body { + flex: 1; + font-style: italic; +} +.daggerheart.views.downtime .activity-text-area { + resize: none; +} +.application.daggerheart.dh-style.views.beastform-selection .beastforms-container { + display: flex; + flex-direction: column; + gap: 4px; +} +.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: 4px; +} +.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container { + position: relative; + display: flex; + justify-content: center; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + cursor: pointer; +} +.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container.inactive { + opacity: 0.4; +} +.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container img { + width: 100%; + border-radius: 6px; +} +.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title { + position: absolute; + top: 4px; + display: flex; + flex-wrap: wrap; + font-size: 16px; + margin: 0 4px; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + color: light-dark(#efe6d8, #222); + background-image: url('../assets/parchments/dh-parchment-light.png'); +} +.themed.theme-dark .application.daggerheart.sheet.dh-style.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title, +.themed.theme-dark.application.daggerheart.sheet.dh-style.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title, +body.theme-dark .application.daggerheart.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title, +body.theme-dark.application.daggerheart.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title { + background-image: url('../assets/parchments/dh-parchment-dark.png'); +} +.application.daggerheart.dh-style.views.beastform-selection footer { + margin-top: 8px; + display: flex; +} +.application.daggerheart.dh-style.views.beastform-selection footer button { + flex: 1; +} +.daggerheart.dh-style.dialog.character-creation .creation-action-footer { + display: flex; + align-items: center; + gap: 32px; +} +.daggerheart.dh-style.dialog.character-creation .creation-action-footer button { + flex: 1; + height: 100%; + white-space: nowrap; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container { + display: flex; + flex-direction: column; + gap: 4px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container { + width: 140px; + display: flex; + flex-direction: column; + text-align: center; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container .card-preview-container { + border-color: light-dark(#18162e, #f3c267); +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-outer-container { + display: flex; + justify-content: space-evenly; + height: 210px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container { + border-radius: 8px; + border-color: light-dark(#18162e, #f3c267); +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container legend { + margin-left: auto; + margin-right: auto; + font-size: 28px; + font-weight: bold; + padding: 0 8px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container { + position: relative; + border-radius: 8px; + border-color: light-dark(#18162e, #f3c267); + display: flex; + justify-content: center; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container legend { + font-size: 20px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button { + position: absolute; + bottom: -8px; + height: 16px; + width: 110px; + min-height: unset; + border: 1px solid light-dark(#18162e, #f3c267); + color: light-dark(#efe6d8, #efe6d8); + background-color: light-dark(var(--color-warm-3), var(--color-warm-3)); +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button:hover { + background-color: light-dark(var(--color-warm-2), var(--color-warm-2)); + filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2))); +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container { + text-align: center; + display: flex; + gap: 16px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container { + display: flex; + flex-wrap: wrap; + width: 176px; + gap: 4px; + margin-bottom: 8px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container { + width: 56px; + white-space: nowrap; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + color: light-dark(#efe6d8, #222); + background-image: url('../assets/parchments/dh-parchment-light.png'); +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container { + display: flex; + justify-content: space-evenly; + gap: 8px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container .trait-container { + border: 1px solid light-dark(#18162e, #f3c267); + padding: 0 4px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container { + display: flex; + justify-content: space-evenly; + text-align: center; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container { + position: relative; + display: flex; + align-items: center; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-description { + border-color: light-dark(#18162e, #f3c267); + padding-right: 24px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-value { + position: absolute; + right: 0; + width: 22px; + border-left: 1px solid light-dark(#18162e, #f3c267); + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer { + display: flex; + align-items: center; + gap: 32px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section { + display: flex; + align-items: center; + gap: 32px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav { + flex: 1; + gap: 8px; + border: 0; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a { + flex: 1; + text-align: center; + display: flex; + justify-content: center; + position: relative; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .nav-section-text { + position: relative; + display: flex; + align-items: center; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker { + position: absolute; + align-self: center; + top: -10px; + padding: 4px; + border: 1px solid; + border-radius: 50%; + height: 20px; + width: 20px; + font-size: 14px; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--color-cool-4); + content: ''; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker.finished { + background-color: var(--color-warm-2); +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor { + position: absolute; + bottom: -8px; + font-size: 12px; + border-radius: 8px; + width: 56px; + text-align: center; + line-height: 1; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + color: light-dark(#efe6d8, #222); + background-image: url(../assets/parchments/dh-parchment-light.png); +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section button { + flex: 1; + height: 100%; + white-space: nowrap; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection { + display: grid; + grid-template-columns: 1fr 2fr; + gap: 16px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection.triple { + grid-template-columns: 1fr 1fr 1fr; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + border: 2px solid light-dark(#18162e, #f3c267); + border-radius: 8px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection legend { + margin-left: auto; + margin-right: auto; + font-size: 28px; + font-weight: bold; + padding: 0 8px; + white-space: nowrap; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-subsection { + display: flex; + align-items: start; + gap: 32px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-wrapper { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container { + display: flex; + flex-direction: column; + justify-content: space-evenly; + gap: 8px; + height: 100%; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment { + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 8px; + position: relative; + display: flex; + justify-content: center; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.selectable { + cursor: pointer; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.inactive { + opacity: 0.4; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label { + position: absolute; + top: -8px; + font-size: 12px; + white-space: nowrap; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + color: light-dark(#efe6d8, #222); + background-image: url('../assets/parchments/dh-parchment-light.png'); + padding: 0 2px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment img { + width: 60px; + height: 60px; + border-radius: 8px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container { + position: relative; + display: flex; + justify-content: center; + height: min-content; + border: 2px solid light-dark(#18162e, #f3c267); + border-radius: 8px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container legend { + margin-left: auto; + margin-right: auto; + font-size: 12px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container { + position: relative; + display: flex; + justify-content: center; + align-items: center; + padding: 6px; + cursor: grab; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container.taken { + opacity: 0.4; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container label { + position: absolute; + top: -2px; + font-size: 12px; +} +.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container img { + width: 120px; +} +.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .tab-navigation nav a .descriptor, +.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .tab-navigation nav a .descriptor, +body.theme-dark .application.daggerheart .character-creation .tab-navigation nav a .descriptor, +body.theme-dark.application.daggerheart .character-creation .tab-navigation nav a .descriptor { + background-image: url('../assets/parchments/dh-parchment-dark.png'); +} +.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container, +.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container, +body.theme-dark .application.daggerheart .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container, +body.theme-dark.application.daggerheart .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container, +.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor, +.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor, +body.theme-dark .application.daggerheart .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor, +body.theme-dark.application.daggerheart .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor, +.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label, +.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label, +body.theme-dark .application.daggerheart .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label, +body.theme-dark.application.daggerheart .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label { + background-image: url('../assets/parchments/dh-parchment-dark.png'); +} +.daggerheart.dh-style.dialog.character-creation .window-content { + gap: 16px; +} +.daggerheart.dh-style.dialog.character-creation .window-content .tab { + overflow-y: auto; +} +.daggerheart.dh-style.dialog.character-creation .tab-navigation nav { + flex: 1; +} +.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a { + flex: 1; + text-align: center; + display: flex; + justify-content: center; + position: relative; +} +.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a.disabled { + opacity: 0.4; +} +.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .nav-section-text { + position: relative; + display: flex; + align-items: center; +} +.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker { + position: absolute; + align-self: center; + top: -8px; + padding: 4px; + border: 1px solid; + border-radius: 50%; + height: 16px; + width: 16px; + font-size: 12px; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--color-cool-4); + content: ''; +} +.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker.active { + background-color: var(--color-warm-2); +} +.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .descriptor { + position: absolute; + bottom: -8px; + font-size: 12px; + border-radius: 8px; + width: 56px; + text-align: center; + line-height: 1; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + color: light-dark(#efe6d8, #222); + background-image: url(../assets/parchments/dh-parchment-light.png); +} .application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container { display: flex; flex-direction: column; @@ -5395,6 +2429,125 @@ body.theme-light.application.daggerheart.companion { line-height: 17px; color: light-dark(#222, #efe6d8); } +.daggerheart.views.damage-reduction .damage-reduction-container { + display: flex; + flex-direction: column; + align-items: center; + gap: 4px; +} +.daggerheart.views.damage-reduction .damage-reduction-container .section-container { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; +} +.daggerheart.views.damage-reduction .damage-reduction-container .padded { + padding: 0 8px; +} +.daggerheart.views.damage-reduction .damage-reduction-container .armor-title { + margin: 0; + white-space: nowrap; +} +.daggerheart.views.damage-reduction .damage-reduction-container .resources-container { + display: flex; + gap: 8px; + width: 100%; +} +.daggerheart.views.damage-reduction .damage-reduction-container .resources-container .resource-container { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; +} +.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection { + display: flex; + align-items: center; + width: 100%; + margin: 0; +} +.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner { + display: flex; + gap: 2px; +} +.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner:not(:last-child) { + margin-right: 8px; +} +.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container { + cursor: pointer; + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + height: 26px; + padding: 0 1px; + font-size: 18px; + display: flex; + align-items: center; + justify-content: center; + opacity: 0.4; +} +.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.selected { + opacity: 1; +} +.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.inactive { + cursor: initial; + opacity: 0.2; +} +.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container .fa-shield { + position: relative; + right: 0.5px; +} +.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container { + margin: 0; + width: 100%; +} +.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction { + border: 1px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + height: 26px; + padding: 0 4px; + font-size: 18px; + display: flex; + align-items: center; + justify-content: center; + gap: 4px; + opacity: 0.4; +} +.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.active { + opacity: 1; + cursor: pointer; +} +.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.selected { + opacity: 1; + background: var(--color-warm-2); + color: white; +} +.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction .stress-reduction-cost { + display: flex; + align-items: center; +} +.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle { + margin: -4px 0 0 0; +} +.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle.bold { + font-variant: all-small-caps; + font-weight: bold; +} +.daggerheart.views.damage-reduction .damage-reduction-container footer { + display: flex; + width: 100%; +} +.daggerheart.views.damage-reduction .damage-reduction-container footer button { + flex: 1; +} +.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value { + font-weight: bold; +} +.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value.reduced-value { + opacity: 0.4; + text-decoration: line-through; +} +.daggerheart.views.damage-reduction .window-content { + padding: 8px 0; +} @keyframes glow { 0% { box-shadow: 0 0 1px 1px #f3c267; @@ -5483,11 +2636,6 @@ body.theme-light.application.daggerheart.companion { font-family: 'Montserrat', sans-serif; opacity: 0.8; } -/** - * Applies theme-specific styles. - * @param {Rules} @darkRules - Styles to apply when `.theme-dark` is present - * @param {Rules} @lightRules - Styles to apply when `.theme-light` is present - */ .themed.theme-dark .application.daggerheart.sheet.dh-style, .themed.theme-dark.application.daggerheart.sheet.dh-style, body.theme-dark .application.daggerheart, @@ -6526,103 +3674,930 @@ body.theme-light.application.daggerheart.dialog { .filter-menu fieldset.filter-section .filter-buttons button.active { animation: glow 0.75s infinite alternate; } -.daggerheart { - /* Flex */ - /****/ -} -.daggerheart .vertical-separator { - border-left: 2px solid black; - height: 56px; - flex: 0; - align-self: center; -} -.daggerheart .flex-centered { - display: flex; - align-items: center; - justify-content: center; -} -.daggerheart .flex-col-centered { +.daggerheart.chat.downtime { display: flex; flex-direction: column; align-items: center; } -.daggerheart .flex-spaced { +.daggerheart.chat.downtime .downtime-title-container { display: flex; - justify-content: space-between; + flex-direction: column; align-items: center; +} +.daggerheart.chat.downtime .downtime-title-container .downtime-subtitle { + font-size: 17px; +} +.daggerheart.chat.downtime .downtime-image { + width: 80px; +} +.daggerheart.chat.downtime .downtime-refresh-container { + margin-top: 8px; width: 100%; } -.daggerheart .flex-min { - display: flex; - flex: 0; -} -.daggerheart img[data-edit='img'] { - min-width: 64px; - min-height: 64px; -} -.daggerheart .editor { - height: 200px; -} -.daggerheart button i { - margin: 0; -} -.daggerheart .icon-button.spaced { - margin-left: 4px; -} -.daggerheart .icon-button.disabled { - opacity: 0.6; -} -.daggerheart .icon-button:hover:not(.disabled) { - cursor: pointer; -} -#players h3 { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: nowrap; -} -#players h3 .players-container { - display: flex; - align-items: center; -} -#players h3 .fear-control { - font-size: 10px; -} -#players h3 .fear-control.disabled { - opacity: 0.4; -} -#players h3 .fear-control:hover:not(.disabled) { - cursor: pointer; - filter: drop-shadow(0 0 3px red); -} -.unlist { - list-style: none; - padding-inline-start: 0; -} -.list-select { - margin: 1rem; -} -.list-select li:not(:last-child) { - border-bottom: 1px solid #bbb; -} -.list-select li label { - padding: 4px 8px; - display: flex; - align-items: center; - gap: 1rem; - cursor: pointer; -} -.list-select li label > span { - flex: 1; +.daggerheart.chat.downtime .downtime-refresh-container .refresh-title { font-weight: bold; - font-size: var(--font-size-16); } -dh-icon, -dh-icon > img { - width: 32px; - height: 32px; +.daggerheart.chat.roll .dice-flavor { + text-align: center; + font-weight: bold; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls.duality { + display: flex; + gap: 0.25rem; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll { display: flex; align-items: center; justify-content: center; - font-size: x-large; + gap: 4px; + margin-bottom: 4px; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container { + display: flex; + flex-direction: column; + gap: 2px; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-title { + color: var(--color-light-1); + text-shadow: 0 0 1px black; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container { + display: flex; + align-items: center; + justify-content: center; + position: relative; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper, +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper { + clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%); +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper { + height: 24px; + width: 24px; + position: relative; + display: flex; + align-items: center; + justify-content: center; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper .dice { + height: 26px; + width: 26px; + max-width: unset; + position: absolute; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-value { + position: absolute; + font-weight: bold; + font-size: 16px; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper { + background: black; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper .dice { + filter: brightness(0) saturate(100%) invert(79%) sepia(79%) saturate(333%) hue-rotate(352deg) brightness(102%) contrast(103%); +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-value { + color: var(--color-dark-1); + text-shadow: 0 0 4px white; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper { + background: white; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper .dice { + filter: brightness(0) saturate(100%) invert(12%) sepia(88%) saturate(4321%) hue-rotate(221deg) brightness(92%) contrast(110%); +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-value { + color: var(--color-light-1); + text-shadow: 0 0 4px black; +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.advantage .dice-wrapper .dice { + filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(4133%) hue-rotate(96deg) brightness(104%) contrast(107%); +} +.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.disadvantage .dice-wrapper .dice { + filter: brightness(0) saturate(100%) invert(9%) sepia(78%) saturate(6903%) hue-rotate(11deg) brightness(93%) contrast(117%); +} +.daggerheart.chat.roll .dice-total.duality.hope { + border-color: #ffe760; + border-width: 3px; + background: rgba(255, 231, 96, 0.5); +} +.daggerheart.chat.roll .dice-total.duality.fear { + border-color: #0032b1; + border-width: 3px; + background: rgba(0, 50, 177, 0.5); +} +.daggerheart.chat.roll .dice-total.duality.critical { + border-color: #430070; + border-width: 3px; + background: rgba(67, 0, 112, 0.5); +} +.daggerheart.chat.roll .dice-total .dice-total-value .hope { + color: #ffe760; +} +.daggerheart.chat.roll .dice-total .dice-total-value .fear { + color: #0032b1; +} +.daggerheart.chat.roll .dice-total .dice-total-value .critical { + color: #430070; +} +.daggerheart.chat.roll .dice-total-label { + font-size: 12px; + font-weight: bold; + font-variant: all-small-caps; + margin: -8px 0; +} +.daggerheart.chat.roll .target-selection { + display: flex; + justify-content: space-around; +} +.daggerheart.chat.roll .target-selection input[type='radio'] { + display: none; +} +.daggerheart.chat.roll .target-selection input[type='radio']:checked + label { + text-shadow: 0px 0px 4px #ce5937; +} +.daggerheart.chat.roll .target-selection input[type='radio']:not(:checked) + label { + opacity: 0.75; +} +.daggerheart.chat.roll .target-selection label { + cursor: pointer; + opacity: 0.75; +} +.daggerheart.chat.roll .target-selection label.target-selected { + text-shadow: 0px 0px 4px #ce5937; + opacity: 1; +} +.daggerheart.chat.roll .target-section { + margin-top: 5px; +} +.daggerheart.chat.roll .target-section .target-container { + display: flex; + transition: all 0.2s ease-in-out; +} +.daggerheart.chat.roll .target-section .target-container:hover { + filter: drop-shadow(0 0 3px gold); + border-color: gold; +} +.daggerheart.chat.roll .target-section .target-container.hidden { + display: none; + border: 0; +} +.daggerheart.chat.roll .target-section .target-container.hit { + background: #008000; +} +.daggerheart.chat.roll .target-section .target-container.miss { + background: #ff0000; +} +.daggerheart.chat.roll .target-section .target-container img, +.daggerheart.chat.roll .target-section .target-container .target-save-container { + width: 22px; + height: 22px; + align-self: center; + border-color: transparent; +} +.daggerheart.chat.roll .target-section .target-container img { + flex: 0; + margin-left: 8px; +} +.daggerheart.chat.roll .target-section .target-container .target-save-container { + margin-right: 8px; + justify-content: center; + display: flex; + align-items: center; + min-height: unset; + border: 1px solid black; +} +.daggerheart.chat.roll .target-section .target-container .target-inner-container { + flex: 1; + display: flex; + justify-content: center; + font-size: var(--font-size-16); +} +.daggerheart.chat.roll .target-section .target-container:not(:has(.target-save-container)) .target-inner-container { + margin-right: 32px; +} +.daggerheart.chat.roll .dice-actions { + display: flex; + gap: 4px; +} +.daggerheart.chat.roll .dice-actions button { + flex: 1; +} +.daggerheart.chat.roll .dice-result .roll-damage-button, +.daggerheart.chat.roll .dice-result .damage-button, +.daggerheart.chat.roll .dice-result .duality-action { + margin-top: 5px; +} +.daggerheart.chat.roll:not(.expanded) .dice-tooltip { + grid-template-rows: 0fr; +} +.daggerheart.chat.domain-card { + display: flex; + flex-direction: column; + align-items: center; +} +.daggerheart.chat.domain-card .domain-card-title { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} +.daggerheart.chat.domain-card .domain-card-title div { + font-size: 20px; + font-variant: small-caps; + font-weight: bold; +} +.daggerheart.chat.domain-card .domain-card-title h2 { + width: 100%; + text-align: center; + margin: 0; +} +.daggerheart.chat.domain-card .ability-card-footer { + display: flex; + width: 100%; + margin-top: 8px; + flex-wrap: wrap; +} +.daggerheart.chat.domain-card .ability-card-footer button { + border-radius: 6px; + background: #699969; + border-color: black; + flex-basis: calc(50% - 2px); +} +.daggerheart.chat.domain-card .ability-card-footer button:nth-of-type(n + 3) { + margin-top: 2px; +} +.daggerheart.chat.domain-card .ability-card-footer .ability-card-action-cost { + margin: auto; + font-size: 1.5em; +} +.daggerheart.chat.domain-card img { + width: 80px; +} +.daggerheart.chat button.inner-button { + --button-size: 1.25rem; + --input-height: 1.25rem; + padding: 0 0.25rem; + margin: 5px 1px -4px auto; +} +.daggerheart.chat button.inner-button.inner-button-right { + margin-left: auto; +} +.daggerheart.chat [data-use-perm='false'] { + pointer-events: none; + border-color: transparent; +} +.daggerheart.chat [data-view-perm='false'] > * { + display: none; +} +.daggerheart.chat [data-view-perm='false']::after { + content: '??'; +} +.chat-message .duality-modifiers, +.chat-message .duality-result, +.chat-message .dice-title { + display: none; +} +fieldset.daggerheart.chat { + padding: 0; + border-left-width: 0; + border-right-width: 0; + border-bottom-width: 0; +} +fieldset.daggerheart.chat legend { + display: flex; + align-items: center; + gap: 5px; +} +fieldset.daggerheart.chat legend:before, +fieldset.daggerheart.chat legend:after { + content: '\f0d8'; + font-family: 'Font Awesome 6 Pro'; +} +fieldset.daggerheart.chat.expanded legend:before, +fieldset.daggerheart.chat.expanded legend:after { + content: '\f0d7'; +} +fieldset.daggerheart.chat .daggerheart.chat { + margin-top: 5px; +} +.theme-colorful .chat-message.duality { + border-color: black; + padding: 8px 0 0 0; +} +.theme-colorful .chat-message.duality fieldset.daggerheart.chat { + border-top-width: 0; + display: contents; +} +.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:before, +.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:after { + display: none; +} +.theme-colorful .chat-message.duality .message-header { + color: var(--color-light-3); + padding: 0 8px; +} +.theme-colorful .chat-message.duality.hope { + background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6)); +} +.theme-colorful .chat-message.duality.fear { + background: linear-gradient(0, rgba(0, 0, 255, 0.6), rgba(15, 15, 97, 0.6)); +} +.theme-colorful .chat-message.duality.critical { + background: linear-gradient(0, rgba(128, 0, 128, 0.6), rgba(37, 8, 37, 0.6)); +} +.theme-colorful .chat-message.duality .chat-message header { + color: var(--color-light-3); +} +.theme-colorful .chat-message.duality > * { + padding: 0 8px; +} +.theme-colorful .chat-message.duality .message-content .duality-modifiers, +.theme-colorful .chat-message.duality .message-content .duality-result, +.theme-colorful .chat-message.duality .message-content .dice-title { + display: flex; +} +.theme-colorful .chat-message.duality .message-content .duality-modifiers { + display: flex; + gap: 2px; + margin-bottom: 4px; +} +.theme-colorful .chat-message.duality .message-content .duality-modifiers .duality-modifier { + padding: 2px; + border-radius: 6px; + border: 1px solid; + background: var(--color-dark-6); + font-size: 12px; +} +.theme-colorful .chat-message.duality .message-content .dice-flavor { + color: var(--color-light-1); + text-shadow: 0 0 1px black; + border-bottom: 1px solid; + display: flex; + align-items: end; + justify-content: space-between; + padding: 0 8px; + margin: 0 -8px 2px; + font-weight: unset; +} +.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers { + display: flex; + gap: 2px; + margin-bottom: 4px; +} +.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers .duality-modifier { + padding: 2px; + border-radius: 6px; + border: 1px solid; + background: var(--color-dark-6); + font-size: 12px; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-formula, +.theme-colorful .chat-message.duality .message-content .dice-result > .dice-total, +.theme-colorful .chat-message.duality .message-content .dice-result .part-header { + display: none; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip { + grid-template-rows: 1fr; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part { + display: flex; + align-items: end; + gap: 0.25rem; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls { + margin-bottom: 0; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls.duality li { + display: flex; + align-items: center; + justify-content: center; + position: relative; + background: unset; + line-height: unset; + font-weight: unset; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .duality-modifier { + display: flex; + margin-bottom: 6px; + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-size: var(--font-size-16); +} +.theme-colorful .chat-message.duality .message-content .dice-result .target-selection label { + color: var(--color-light-1); +} +.theme-colorful .chat-message.duality .message-content .dice-result .target-section { + margin: 4px 0; + border: 2px solid; + margin-top: 5px; +} +.theme-colorful .chat-message.duality .message-content .dice-result .target-section .dice-total { + box-shadow: unset; + border: unset; + border-radius: unset; + font-size: var(--font-size-18); +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions { + justify-content: space-between; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions.duality-alone { + justify-content: end; + margin-top: -20px; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions > * { + display: flex; + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-weight: bold; + background: var(--color-dark-1); + padding: 4px; + border-color: black; + min-height: unset; + height: 26px; + flex: unset; + margin: 0; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action { + border-radius: 0 6px 0 0; + margin-left: -8px; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action.duality-action-effect { + border-top-left-radius: 6px; + margin-left: initial; +} +.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-result { + border-radius: 6px 0 0 0; + margin-right: -8px; +} +.theme-colorful .chat-message.duality .message-content .dice-result .duality-result { + display: flex; + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-weight: bold; + background: var(--color-dark-1); + padding: 4px; + border-color: black; + min-height: unset; + height: 26px; + flex: unset; + margin: 0; + margin-left: auto; + align-self: center; + border-radius: 6px; +} +.theme-colorful .chat-message.duality button.inner-button { + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-weight: bold; + background: var(--color-dark-1); + border-color: black; +} +.combat-sidebar h4 { + margin: 0; + text-align: center; +} +.combat-sidebar .combatant-controls { + flex: 0; +} +.combat-sidebar .encounter-controls.combat { + justify-content: space-between; +} +.combat-sidebar .encounter-controls.combat .encounter-fear-controls { + display: flex; + align-items: center; + gap: 8px; +} +.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container { + display: flex; + gap: 2px; +} +.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container { + display: flex; + position: relative; + align-items: center; + justify-content: center; + color: black; +} +.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .dice { + height: 22px; + width: 22px; +} +.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-fear { + position: absolute; + font-size: 16px; +} +.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-counter { + position: absolute; + right: -10px; + color: var(--color-text-secondary); +} +.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-countdowns { + color: var(--content-link-icon-color); +} +.combat-sidebar .encounter-controls.combat .control-buttons { + width: min-content; +} +.combat-sidebar .spotlight-control { + font-size: 26px; +} +.combat-sidebar .spotlight-control:focus { + outline: none; + box-shadow: none; +} +.combat-sidebar .spotlight-control.discrete:hover { + background: inherit; +} +.combat-sidebar .spotlight-control.requesting { + filter: drop-shadow(0 0 3px gold); + color: var(--button-hover-text-color); +} +.combat-sidebar .token-actions { + align-self: stretch; + display: flex; + align-items: top; + justify-content: center; + gap: 16px; +} +.combat-sidebar .token-actions .action-tokens { + display: flex; + gap: 4px; +} +.combat-sidebar .token-actions .action-tokens .action-token { + height: 22px; + width: 22px; + border: 1px solid; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 10px; + padding: 8px; + --button-size: 0; +} +.combat-sidebar .token-actions .action-tokens .action-token.used { + opacity: 0.5; + background: transparent; +} +.combat-sidebar .token-actions button { + font-size: 22px; + height: 24px; + width: 24px; +} +.combat-sidebar .token-actions button.main { + background: var(--button-hover-background-color); + color: var(--button-hover-text-color); + border-color: var(--button-hover-border-color); +} +.combat-sidebar .token-actions button.main:hover { + filter: drop-shadow(0 0 3px var(--button-hover-text-color)); +} +.daggerheart.dh-style.countdown fieldset { + align-items: center; + margin-top: 5px; + border-radius: 6px; + border-color: light-dark(#18162e, #f3c267); +} +.daggerheart.dh-style.countdown fieldset legend { + font-family: 'Montserrat', sans-serif; + font-weight: bold; + color: light-dark(#18162e, #f3c267); +} +.daggerheart.dh-style.countdown fieldset legend a { + text-shadow: none; +} +.daggerheart.dh-style.countdown .minimized-view { + display: flex; + gap: 8px; + flex-wrap: wrap; +} +.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container { + width: fit-content; + display: flex; + align-items: center; + gap: 8px; + border: 2px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + padding: 0 4px 0 0; + background-image: url('../assets/parchments/dh-parchment-light.png'); + color: light-dark(#efe6d8, #222); + cursor: pointer; +} +.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container.disabled { + cursor: initial; +} +.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container img { + width: 30px; + height: 30px; + border-radius: 6px 0 0 6px; +} +.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container .mini-countdown-name { + white-space: nowrap; +} +.daggerheart.dh-style.countdown .hidden { + display: none; +} +.themed.theme-light .application.daggerheart.sheet.dh-style.countdown .minimized-view .mini-countdown-container, +.themed.theme-light.application.daggerheart.sheet.dh-style.countdown .minimized-view .mini-countdown-container, +body.theme-light .application.daggerheart.countdown .minimized-view .mini-countdown-container, +body.theme-light.application.daggerheart.countdown .minimized-view .mini-countdown-container { + background-image: url('../assets/parchments/dh-parchment-dark.png'); +} +.daggerheart.dh-style.countdown { + overflow: hidden; +} +.daggerheart.dh-style.countdown .window-content > div { + height: 100%; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view { + height: 100%; + display: flex; + flex-direction: column; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu { + display: flex; + gap: 8px; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu .flex { + flex: 1; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container { + display: flex; + gap: 8px; + flex-wrap: wrap; + overflow: auto; + max-height: 100%; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset { + width: 340px; + height: min-content; + position: relative; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .ownership-button { + position: absolute; + top: 8px; + right: 8px; + font-size: 18px; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container { + display: flex; + align-items: center; + gap: 16px; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img { + width: 150px; + height: 150px; + cursor: pointer; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img.disabled { + cursor: initial; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container { + display: flex; + flex-direction: column; + gap: 4px; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container { + display: flex; + gap: 4px; +} +.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container input { + max-width: 80px; +} +.daggerheart.views.ownership-selection .ownership-outer-container { + display: flex; + flex-direction: column; + gap: 8px; +} +.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container { + display: flex; + border: 2px solid light-dark(#18162e, #f3c267); + border-radius: 6px; + padding: 0 4px 0 0; + align-items: center; + gap: 8px; +} +.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container img { + height: 40px; + width: 40px; + border-radius: 6px 0 0 6px; +} +.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container select { + margin: 4px 0; +} +:root { + --shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; + --fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease; +} +#resources { + min-height: calc(var(--header-height) + 4rem); + min-width: 4rem; + color: #d3d3d3; + transition: var(--fear-animation); +} +#resources header, +#resources .controls, +#resources .window-resize-handle { + transition: var(--fear-animation); +} +#resources .window-content { + padding: 0.5rem; +} +#resources .window-content #resource-fear { + display: flex; + flex-direction: row; + gap: 0.5rem 0.25rem; + flex-wrap: wrap; +} +#resources .window-content #resource-fear i { + font-size: var(--font-size-18); + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 50%; + aspect-ratio: 1; + display: flex; + justify-content: center; + align-items: center; + width: 3rem; + background-color: rgba(9, 71, 179, 0.75); + -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); + box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75); + color: #d3d3d3; + flex-grow: 0; +} +#resources .window-content #resource-fear i.inactive { + filter: grayscale(1) !important; + opacity: 0.5; +} +#resources .window-content #resource-fear .controls, +#resources .window-content #resource-fear .resource-bar { + border: 2px solid #997a4f; + background-color: #18162e; +} +#resources .window-content #resource-fear .controls { + display: flex; + align-self: center; + border-radius: 50%; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + font-size: var(--font-size-20); + cursor: pointer; +} +#resources .window-content #resource-fear .controls:hover { + font-size: 1.5rem; +} +#resources .window-content #resource-fear .controls.disabled { + opacity: 0.5; +} +#resources .window-content #resource-fear .resource-bar { + display: flex; + justify-content: center; + border-radius: 6px; + font-size: var(--font-size-20); + overflow: hidden; + position: relative; + padding: 0.25rem 0.5rem; + flex: 1; + text-shadow: var(--shadow-text-stroke); +} +#resources .window-content #resource-fear .resource-bar:before { + content: ''; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: var(--fear-percent); + max-width: 100%; + background: linear-gradient(90deg, #020026 0%, #c701fc 100%); + z-index: 0; + border-radius: 4px; +} +#resources .window-content #resource-fear .resource-bar span { + position: inherit; + z-index: 1; +} +#resources .window-content #resource-fear.isGM i { + cursor: pointer; +} +#resources .window-content #resource-fear.isGM i:hover { + font-size: var(--font-size-20); +} +#resources button[data-action='close'] { + display: none; +} +#resources:not(:hover):not(.minimized) { + background: transparent; + box-shadow: unset; + border-color: transparent; +} +#resources:not(:hover):not(.minimized) header, +#resources:not(:hover):not(.minimized) .controls, +#resources:not(:hover):not(.minimized) .window-resize-handle { + opacity: 0; +} +#resources:has(.fear-bar) { + min-width: 200px; +} +.daggerheart.dh-style.setting fieldset { + display: flex; + flex-direction: column; + gap: 4px; +} +.daggerheart.dh-style.setting fieldset.two-columns { + display: grid; + grid-template-columns: 1fr 2fr; + gap: 10px; +} +.daggerheart.dh-style.setting fieldset.two-columns.even { + grid-template-columns: 1fr 1fr; +} +.daggerheart.dh-style.setting .setting-group-field { + white-space: nowrap; + display: flex; + align-items: center; + gap: 8px; +} +.daggerheart.dh-style.setting .settings-items { + display: flex; + flex-direction: column; + gap: 8px; +} +.daggerheart.dh-style.setting .settings-items .settings-item { + display: flex; + align-items: center; + justify-content: space-between; + border: 1px solid; + border-radius: 8px; + padding: 0 8px 0 0; +} +.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item { + display: flex; + align-items: center; + gap: 8px; +} +.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item img { + width: 60px; + border-radius: 8px 0 0 8px; +} +.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item i { + font-size: 18px; +} +.daggerheart.dh-style.setting .settings-item-header { + display: flex; + align-items: center; +} +.daggerheart.dh-style.setting .settings-item-header .profile { + height: 100px; + width: 100px; + object-fit: cover; + box-sizing: border-box; + cursor: pointer; +} +.daggerheart.dh-style.setting .settings-item-header .item-info { + display: flex; + flex-direction: column; + align-items: center; + gap: 5px; + text-align: center; + width: 80%; +} +.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text'] { + font-size: 32px; + height: 42px; + text-align: center; + width: 90%; + transition: all 0.3s ease; + outline: 2px solid transparent; + border: 1px solid transparent; +} +.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:hover[type='text'], +.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:focus[type='text'] { + box-shadow: none; + outline: 2px solid light-dark(#18162e, #f3c267); +} +.daggerheart.dh-style.setting .settings-col { + display: flex; + flex-direction: column; + gap: 4px; +} +.daggerheart.dh-style.setting .trait-array-container { + display: flex; + justify-content: space-evenly; + gap: 8px; + margin-bottom: 16px; +} +.daggerheart.dh-style.setting .trait-array-container .trait-array-item { + position: relative; + display: flex; + justify-content: center; +} +.daggerheart.dh-style.setting .trait-array-container .trait-array-item label { + position: absolute; + top: -7px; + font-size: 12px; + font-variant: petite-caps; +} +.daggerheart.dh-style.setting .trait-array-container .trait-array-item input { + text-align: center; } diff --git a/styles/daggerheart.less b/styles/daggerheart.less index ebecdc95..86b504b2 100755 --- a/styles/daggerheart.less +++ b/styles/daggerheart.less @@ -1,203 +1,13 @@ -@import './variables/variables.less'; -@import './variables/colors.less'; -@import './class.less'; -@import './pc.less'; -@import './ui.less'; -@import './chat.less'; -@import './item.less'; -@import './application.less'; -@import './sheets/sheets.less'; -@import './dialog.less'; -@import './characterCreation.less'; -@import './levelup.less'; -@import './ownershipSelection.less'; -@import './damageReduction.less'; -@import './resources.less'; -@import './countdown.less'; -@import './settings.less'; +@import './less/sheets/index.less'; +@import './less/sheets-settings/index.less'; -// new styles imports -@import './less/actors/character/header.less'; -@import './less/actors/character/sidebar.less'; -@import './less/actors/character/sheet.less'; -@import './less/actors/character/inventory.less'; -@import './less/actors/character/loadout.less'; -@import './less/actors/character/biography.less'; -@import './less/actors/character/features.less'; - -@import './less/actors/adversary/header.less'; -@import './less/actors/adversary/sheet.less'; -@import './less/actors/adversary/sidebar.less'; - -@import './less/actors/environment/header.less'; -@import './less/actors/environment/sheet.less'; - -@import './less/applications/header.less'; -@import './less/applications/adversary-settings/sheet.less'; -@import './less/applications/adversary-settings/experiences.less'; -@import './less/applications/adversary-settings/features.less'; - -@import './less/applications/environment-settings/features.less'; -@import './less/applications/environment-settings/adversaries.less'; - -@import './less/applications//beastform.less'; - -@import './less/actors/companion/header.less'; -@import './less/actors/companion/details.less'; -@import './less/actors/companion/sheet.less'; - -@import './less/actors/adversary.less'; -@import './less/actors/environment.less'; - -@import './less/items/feature.less'; -@import './less/items/domainCard.less'; -@import './less/items/class.less'; - -@import './less/dialog/dice-roll/roll-selection.less'; +@import './less/dialog/index.less'; @import './less/utils/colors.less'; @import './less/utils/fonts.less'; -@import './less/global/sheet.less'; -@import './less/global/dialog.less'; -@import './less/global/elements.less'; -@import './less/global/tab-navigation.less'; -@import './less/global/tab-form-footer.less'; -@import './less/global/tab-actions.less'; -@import './less/global/tab-features.less'; -@import './less/global/tab-effects.less'; -@import './less/global/item-header.less'; -@import './less/global/feature-section.less'; -@import './less/global/inventory-item.less'; -@import './less/global/inventory-fieldset-items.less'; -@import './less/global/prose-mirror.less'; -@import './less/global/filter-menu.less'; +@import './less/global/index.less'; + +@import './less/ui/index.less'; @import '../node_modules/@yaireo/tagify/dist/tagify.css'; - -.daggerheart { - .vertical-separator { - border-left: 2px solid black; - height: 56px; - flex: 0; - align-self: center; - } - - /* Flex */ - .flex-centered { - display: flex; - align-items: center; - justify-content: center; - } - - .flex-col-centered { - display: flex; - flex-direction: column; - align-items: center; - } - - .flex-spaced { - display: flex; - justify-content: space-between; - align-items: center; - width: 100%; - } - - .flex-min { - display: flex; - flex: 0; - } - - /****/ - img[data-edit='img'] { - min-width: 64px; - min-height: 64px; - } - - .editor { - height: 200px; - } - - button { - i { - margin: 0; - } - } - - .icon-button { - &.spaced { - margin-left: @halfMargin; - } - - &.disabled { - opacity: 0.6; - } - - &:hover:not(.disabled) { - cursor: pointer; - } - } -} - -#players { - h3 { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: nowrap; - - .players-container { - display: flex; - align-items: center; - } - - .fear-control { - font-size: 10px; - - &.disabled { - opacity: 0.4; - } - - &:hover:not(.disabled) { - cursor: pointer; - filter: drop-shadow(0 0 3px @mainShadow); - } - } - } -} - -.unlist { - list-style: none; - padding-inline-start: 0; -} - -.list-select { - margin: 1rem; - li { - &:not(:last-child) { - border-bottom: 1px solid #bbb; - } - label { - padding: 4px 8px; - display: flex; - align-items: center; - gap: 1rem; - cursor: pointer; - > span { - flex: 1; - font-weight: bold; - font-size: var(--font-size-16); - } - } - } -} - -dh-icon, -dh-icon > img { - width: 32px; - height: 32px; - display: flex; - align-items: center; - justify-content: center; - font-size: x-large; -} diff --git a/styles/dialog.less b/styles/dialog.less deleted file mode 100644 index 0a9f31e3..00000000 --- a/styles/dialog.less +++ /dev/null @@ -1,12 +0,0 @@ -.item-button { - &.checked { - background: green; - } - .item-icon { - opacity: 0; - transition: opacity 0.2s; - &.checked { - opacity: 1; - } - } -} diff --git a/styles/item.less b/styles/item.less deleted file mode 100755 index 964d69fc..00000000 --- a/styles/item.less +++ /dev/null @@ -1,59 +0,0 @@ -.daggerheart.sheet { - &.feature { - .editable { - display: flex; - flex-direction: column; - } - - .sheet-body { - flex: 1; - display: flex; - flex-direction: column; - } - .feature-description { - flex: 1; - display: flex; - flex-direction: column; - } - } - - &.class { - .class-feature { - display: flex; - img { - width: 40px; - } - button { - width: 40px; - } - } - } - - .domain-card-description { - .editor { - height: 300px; - } - } - - .item-container { - margin-top: @halfMargin; - gap: @halfMargin; - align-items: baseline; - } - - .item-sidebar { - // border-right: @thinBorder groove darkgray; - min-width: 160px; - flex: 0; - padding: @fullPadding; - - label { - margin-right: @fullMargin; - font-weight: bold; - } - - input[type='checkbox'] { - margin: 0; - } - } -} diff --git a/styles/less/actors/adversary.less b/styles/less/actors/adversary.less deleted file mode 100644 index 5b4feb26..00000000 --- a/styles/less/actors/adversary.less +++ /dev/null @@ -1,5 +0,0 @@ -.application.sheet.daggerheart.actor.dh-style.adversary { - .window-content { - overflow: auto; - } -} diff --git a/styles/less/actors/character.less b/styles/less/actors/character.less deleted file mode 100644 index e3833e3b..00000000 --- a/styles/less/actors/character.less +++ /dev/null @@ -1,11 +0,0 @@ -@import '../utils/colors.less'; -@import '../utils/fonts.less'; - -.application.sheet.daggerheart.actor.dh-style.character { - .window-content { - display: flex; - flex-direction: row; - height: 100%; - width: 100%; - } -} diff --git a/styles/less/actors/environment.less b/styles/less/actors/environment.less deleted file mode 100644 index d534de38..00000000 --- a/styles/less/actors/environment.less +++ /dev/null @@ -1,27 +0,0 @@ -.daggerheart.sheet.actor.environment { - .potential-adversary-container { - width: 100%; - height: 50px; - - .adversary-placeholder { - font-style: italic; - text-align: center; - opacity: 0.6; - } - - .adversaries-container { - display: flex; - gap: 8px; - - .adversary-container { - border: 1px solid var(--color-dark-5); - border-radius: 6px; - padding: 0 2px; - font-weight: bold; - cursor: pointer; - background-image: url(../assets/parchments/dh-parchment-dark.png); - color: var(--color-light-3); - } - } - } -} diff --git a/styles/less/applications/beastform.less b/styles/less/dialog/beastform/beastform-container.less similarity index 78% rename from styles/less/applications/beastform.less rename to styles/less/dialog/beastform/beastform-container.less index 37069bdb..df930532 100644 --- a/styles/less/applications/beastform.less +++ b/styles/less/dialog/beastform/beastform-container.less @@ -1,59 +1,46 @@ -.theme-light .application.daggerheart.dh-style.views.beastform-selection { - .beastforms-container .beastforms-tier .beastform-container .beastform-title { - background-image: url('../assets/parchments/dh-parchment-dark.png'); - } -} - -.application.daggerheart.dh-style.views.beastform-selection { - .beastforms-container { - display: flex; - flex-direction: column; - gap: 4px; - - .beastforms-tier { - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; - gap: 4px; - - .beastform-container { - position: relative; - display: flex; - justify-content: center; - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - cursor: pointer; - - &.inactive { - opacity: 0.4; - } - - img { - width: 100%; - border-radius: 6px; - } - - .beastform-title { - position: absolute; - top: 4px; - display: flex; - flex-wrap: wrap; - font-size: 16px; - margin: 0 4px; - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - color: light-dark(@beige, @dark); - background-image: url('../assets/parchments/dh-parchment-light.png'); - } - } - } - } - - footer { - margin-top: 8px; - display: flex; - - button { - flex: 1; - } - } -} +@import '../../utils/colors.less'; + +.application.daggerheart.dh-style.views.beastform-selection { + .beastforms-container { + display: flex; + flex-direction: column; + gap: 4px; + + .beastforms-tier { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: 4px; + + .beastform-container { + position: relative; + display: flex; + justify-content: center; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + cursor: pointer; + + &.inactive { + opacity: 0.4; + } + + img { + width: 100%; + border-radius: 6px; + } + + .beastform-title { + position: absolute; + top: 4px; + display: flex; + flex-wrap: wrap; + font-size: 16px; + margin: 0 4px; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + color: light-dark(@beige, @dark); + background-image: url('../assets/parchments/dh-parchment-light.png'); + } + } + } + } +} diff --git a/styles/less/dialog/beastform/sheet.less b/styles/less/dialog/beastform/sheet.less new file mode 100644 index 00000000..dd1dff24 --- /dev/null +++ b/styles/less/dialog/beastform/sheet.less @@ -0,0 +1,21 @@ +@import '../../utils/colors.less'; +@import '../../utils/mixin.less'; + +.appTheme({ + &.beastform-selection { + .beastforms-container .beastforms-tier .beastform-container .beastform-title { + background-image: url('../assets/parchments/dh-parchment-dark.png'); + } + } +}, {}); + +.application.daggerheart.dh-style.views.beastform-selection { + footer { + margin-top: 8px; + display: flex; + + button { + flex: 1; + } + } +} diff --git a/styles/less/dialog/character-creation/creation-action-footer.less b/styles/less/dialog/character-creation/creation-action-footer.less new file mode 100644 index 00000000..29e08440 --- /dev/null +++ b/styles/less/dialog/character-creation/creation-action-footer.less @@ -0,0 +1,13 @@ +.daggerheart.dh-style.dialog.character-creation { + .creation-action-footer { + display: flex; + align-items: center; + gap: 32px; + + button { + flex: 1; + height: 100%; + white-space: nowrap; + } + } +} diff --git a/styles/characterCreation.less b/styles/less/dialog/character-creation/selections-container.less similarity index 78% rename from styles/characterCreation.less rename to styles/less/dialog/character-creation/selections-container.less index e6548d21..0a610435 100644 --- a/styles/characterCreation.less +++ b/styles/less/dialog/character-creation/selections-container.less @@ -1,417 +1,325 @@ -@import './less/utils/colors.less'; - -.theme-light .daggerheart.dh-style.dialog.character-creation { - .tab-navigation nav a .descriptor { - background-image: url('../assets/parchments/dh-parchment-dark.png'); - } - .main-selections-container { - .traits-container .suggested-traits-container .suggested-trait-container, - .creation-action-footer .footer-section nav a .descriptor, - .equipment-selection .simple-equipment-container .simple-equipment label { - background-image: url('../assets/parchments/dh-parchment-dark.png'); - } - } -} - -.daggerheart.dh-style.dialog.character-creation { - .window-content { - gap: 16px; - - .tab { - overflow-y: auto; - } - } - - .tab-navigation { - nav { - flex: 1; - - a { - flex: 1; - text-align: center; - display: flex; - justify-content: center; - position: relative; - - &.disabled { - opacity: 0.4; - } - - .nav-section-text { - position: relative; - display: flex; - align-items: center; - } - - .finish-marker { - position: absolute; - align-self: center; - top: -8px; - padding: 4px; - border: 1px solid; - border-radius: 50%; - height: 16px; - width: 16px; - font-size: 12px; - display: flex; - align-items: center; - justify-content: center; - background-color: var(--color-cool-4); - content: ''; - - &.active { - background-color: var(--color-warm-2); - } - } - - .descriptor { - position: absolute; - bottom: -8px; - font-size: 12px; - border-radius: 8px; - width: 56px; - text-align: center; - line-height: 1; - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - color: light-dark(@beige, @dark); - background-image: url(../assets/parchments/dh-parchment-light.png); - } - } - } - } - - .main-selections-container { - display: flex; - flex-direction: column; - gap: 4px; - - .selections-container { - width: 140px; - display: flex; - flex-direction: column; - text-align: center; - - .card-preview-container { - border-color: light-dark(@dark-blue, @golden); - } - } - - .selections-outer-container { - display: flex; - justify-content: space-evenly; - height: 210px; - } - - .section-container { - border-radius: 8px; - border-color: light-dark(@dark-blue, @golden); - - legend { - margin-left: auto; - margin-right: auto; - font-size: 28px; - font-weight: bold; - padding: 0 8px; - } - - .section-inner-container { - position: relative; - border-radius: 8px; - border-color: light-dark(@dark-blue, @golden); - display: flex; - justify-content: center; - - legend { - font-size: 20px; - } - - .action-button { - position: absolute; - bottom: -8px; - height: 16px; - width: 110px; - min-height: unset; - border: 1px solid light-dark(@dark-blue, @golden); - color: light-dark(@beige, @beige); - background-color: light-dark(var(--color-warm-3), var(--color-warm-3)); - - &:hover { - background-color: light-dark(var(--color-warm-2), var(--color-warm-2)); - filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2))); - } - } - } - } - - .traits-container { - text-align: center; - display: flex; - gap: 16px; - - .suggested-traits-container { - display: flex; - flex-wrap: wrap; - width: 176px; - gap: 4px; - margin-bottom: 8px; - - .suggested-trait-container { - width: 56px; - white-space: nowrap; - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - color: light-dark(@beige, @dark); - background-image: url('../assets/parchments/dh-parchment-light.png'); - } - } - - .traits-inner-container { - display: flex; - justify-content: space-evenly; - gap: 8px; - - .trait-container { - border: 1px solid light-dark(@dark-blue, @golden); - padding: 0 4px; - } - } - } - - .experiences-inner-container { - display: flex; - justify-content: space-evenly; - text-align: center; - - .experience-container { - position: relative; - display: flex; - align-items: center; - - .experience-description { - border-color: light-dark(@dark-blue, @golden); - padding-right: 24px; - } - - .experience-value { - position: absolute; - right: 0; - width: 22px; - border-left: 1px solid light-dark(@dark-blue, @golden); - height: 100%; - display: flex; - align-items: center; - justify-content: center; - } - } - } - - .creation-action-footer { - display: flex; - align-items: center; - gap: 32px; - - .footer-section { - display: flex; - align-items: center; - gap: 32px; - - nav { - flex: 1; - gap: 8px; - border: 0; - - a { - flex: 1; - text-align: center; - display: flex; - justify-content: center; - position: relative; - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - - .nav-section-text { - position: relative; - display: flex; - align-items: center; - } - - .finish-marker { - position: absolute; - align-self: center; - top: -10px; - padding: 4px; - border: 1px solid; - border-radius: 50%; - height: 20px; - width: 20px; - font-size: 14px; - display: flex; - align-items: center; - justify-content: center; - background-color: var(--color-cool-4); - content: ''; - - &.finished { - background-color: var(--color-warm-2); - } - } - - .descriptor { - position: absolute; - bottom: -8px; - font-size: 12px; - border-radius: 8px; - width: 56px; - text-align: center; - line-height: 1; - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - color: light-dark(@beige, @dark); - background-image: url(../assets/parchments/dh-parchment-light.png); - } - } - } - - button { - flex: 1; - height: 100%; - white-space: nowrap; - } - } - } - - .main-equipment-selection { - display: grid; - grid-template-columns: 1fr 2fr; - gap: 16px; - - &.triple { - grid-template-columns: 1fr 1fr 1fr; - } - } - - .equipment-selection { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; - border: 2px solid light-dark(@dark-blue, @golden); - border-radius: 8px; - - legend { - margin-left: auto; - margin-right: auto; - font-size: 28px; - font-weight: bold; - padding: 0 8px; - white-space: nowrap; - } - - .equipment-subsection { - display: flex; - align-items: start; - gap: 32px; - } - - .equipment-wrapper { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; - } - - .simple-equipment-container { - display: flex; - flex-direction: column; - justify-content: space-evenly; - gap: 8px; - height: 100%; - - .simple-equipment { - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 8px; - position: relative; - display: flex; - justify-content: center; - - &.selectable { - cursor: pointer; - } - - &.inactive { - opacity: 0.4; - } - - label { - position: absolute; - top: -8px; - font-size: 12px; - white-space: nowrap; - border: 1px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - color: light-dark(@beige, @dark); - background-image: url('../assets/parchments/dh-parchment-light.png'); - padding: 0 2px; - } - - img { - width: 60px; - height: 60px; - border-radius: 8px; - } - } - } - - .suggestion-container { - position: relative; - display: flex; - justify-content: center; - height: min-content; - border: 2px solid light-dark(@dark-blue, @golden); - border-radius: 8px; - - legend { - margin-left: auto; - margin-right: auto; - font-size: 12px; - } - - .suggestion-inner-container { - position: relative; - display: flex; - justify-content: center; - align-items: center; - padding: 6px; - cursor: grab; - - &.taken { - opacity: 0.4; - } - - label { - position: absolute; - top: -2px; - font-size: 12px; - } - - img { - width: 120px; - } - } - } - } - } - - .creation-action-footer { - display: flex; - align-items: center; - gap: 32px; - - button { - flex: 1; - height: 100%; - white-space: nowrap; - } - } -} +@import '../../utils/colors.less'; + +.daggerheart.dh-style.dialog.character-creation { + .main-selections-container { + display: flex; + flex-direction: column; + gap: 4px; + + .selections-container { + width: 140px; + display: flex; + flex-direction: column; + text-align: center; + + .card-preview-container { + border-color: light-dark(@dark-blue, @golden); + } + } + + .selections-outer-container { + display: flex; + justify-content: space-evenly; + height: 210px; + } + + .section-container { + border-radius: 8px; + border-color: light-dark(@dark-blue, @golden); + + legend { + margin-left: auto; + margin-right: auto; + font-size: 28px; + font-weight: bold; + padding: 0 8px; + } + + .section-inner-container { + position: relative; + border-radius: 8px; + border-color: light-dark(@dark-blue, @golden); + display: flex; + justify-content: center; + + legend { + font-size: 20px; + } + + .action-button { + position: absolute; + bottom: -8px; + height: 16px; + width: 110px; + min-height: unset; + border: 1px solid light-dark(@dark-blue, @golden); + color: light-dark(@beige, @beige); + background-color: light-dark(var(--color-warm-3), var(--color-warm-3)); + + &:hover { + background-color: light-dark(var(--color-warm-2), var(--color-warm-2)); + filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2))); + } + } + } + } + + .traits-container { + text-align: center; + display: flex; + gap: 16px; + + .suggested-traits-container { + display: flex; + flex-wrap: wrap; + width: 176px; + gap: 4px; + margin-bottom: 8px; + + .suggested-trait-container { + width: 56px; + white-space: nowrap; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + color: light-dark(@beige, @dark); + background-image: url('../assets/parchments/dh-parchment-light.png'); + } + } + + .traits-inner-container { + display: flex; + justify-content: space-evenly; + gap: 8px; + + .trait-container { + border: 1px solid light-dark(@dark-blue, @golden); + padding: 0 4px; + } + } + } + + .experiences-inner-container { + display: flex; + justify-content: space-evenly; + text-align: center; + + .experience-container { + position: relative; + display: flex; + align-items: center; + + .experience-description { + border-color: light-dark(@dark-blue, @golden); + padding-right: 24px; + } + + .experience-value { + position: absolute; + right: 0; + width: 22px; + border-left: 1px solid light-dark(@dark-blue, @golden); + height: 100%; + display: flex; + align-items: center; + justify-content: center; + } + } + } + + .creation-action-footer { + display: flex; + align-items: center; + gap: 32px; + + .footer-section { + display: flex; + align-items: center; + gap: 32px; + + nav { + flex: 1; + gap: 8px; + border: 0; + + a { + flex: 1; + text-align: center; + display: flex; + justify-content: center; + position: relative; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + + .nav-section-text { + position: relative; + display: flex; + align-items: center; + } + + .finish-marker { + position: absolute; + align-self: center; + top: -10px; + padding: 4px; + border: 1px solid; + border-radius: 50%; + height: 20px; + width: 20px; + font-size: 14px; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--color-cool-4); + content: ''; + + &.finished { + background-color: var(--color-warm-2); + } + } + + .descriptor { + position: absolute; + bottom: -8px; + font-size: 12px; + border-radius: 8px; + width: 56px; + text-align: center; + line-height: 1; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + color: light-dark(@beige, @dark); + background-image: url(../assets/parchments/dh-parchment-light.png); + } + } + } + + button { + flex: 1; + height: 100%; + white-space: nowrap; + } + } + } + + .main-equipment-selection { + display: grid; + grid-template-columns: 1fr 2fr; + gap: 16px; + + &.triple { + grid-template-columns: 1fr 1fr 1fr; + } + } + + .equipment-selection { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + border: 2px solid light-dark(@dark-blue, @golden); + border-radius: 8px; + + legend { + margin-left: auto; + margin-right: auto; + font-size: 28px; + font-weight: bold; + padding: 0 8px; + white-space: nowrap; + } + + .equipment-subsection { + display: flex; + align-items: start; + gap: 32px; + } + + .equipment-wrapper { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + } + + .simple-equipment-container { + display: flex; + flex-direction: column; + justify-content: space-evenly; + gap: 8px; + height: 100%; + + .simple-equipment { + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 8px; + position: relative; + display: flex; + justify-content: center; + + &.selectable { + cursor: pointer; + } + + &.inactive { + opacity: 0.4; + } + + label { + position: absolute; + top: -8px; + font-size: 12px; + white-space: nowrap; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + color: light-dark(@beige, @dark); + background-image: url('../assets/parchments/dh-parchment-light.png'); + padding: 0 2px; + } + + img { + width: 60px; + height: 60px; + border-radius: 8px; + } + } + } + + .suggestion-container { + position: relative; + display: flex; + justify-content: center; + height: min-content; + border: 2px solid light-dark(@dark-blue, @golden); + border-radius: 8px; + + legend { + margin-left: auto; + margin-right: auto; + font-size: 12px; + } + + .suggestion-inner-container { + position: relative; + display: flex; + justify-content: center; + align-items: center; + padding: 6px; + cursor: grab; + + &.taken { + opacity: 0.4; + } + + label { + position: absolute; + top: -2px; + font-size: 12px; + } + + img { + width: 120px; + } + } + } + } + } +} diff --git a/styles/less/dialog/character-creation/sheet.less b/styles/less/dialog/character-creation/sheet.less new file mode 100644 index 00000000..5ee3f9b2 --- /dev/null +++ b/styles/less/dialog/character-creation/sheet.less @@ -0,0 +1,27 @@ +@import '../../utils/colors.less'; +@import '../../utils/mixin.less'; + +.appTheme({ + .character-creation { + .tab-navigation nav a .descriptor { + background-image: url('../assets/parchments/dh-parchment-dark.png'); + } + .main-selections-container { + .traits-container .suggested-traits-container .suggested-trait-container, + .creation-action-footer .footer-section nav a .descriptor, + .equipment-selection .simple-equipment-container .simple-equipment label { + background-image: url('../assets/parchments/dh-parchment-dark.png'); + } + } +} +}, {}); + +.daggerheart.dh-style.dialog.character-creation { + .window-content { + gap: 16px; + + .tab { + overflow-y: auto; + } + } +} diff --git a/styles/less/dialog/character-creation/tab-navigation.less b/styles/less/dialog/character-creation/tab-navigation.less new file mode 100644 index 00000000..d951a7b2 --- /dev/null +++ b/styles/less/dialog/character-creation/tab-navigation.less @@ -0,0 +1,62 @@ +@import '../../utils/colors.less'; + +.daggerheart.dh-style.dialog.character-creation { + .tab-navigation { + nav { + flex: 1; + + a { + flex: 1; + text-align: center; + display: flex; + justify-content: center; + position: relative; + + &.disabled { + opacity: 0.4; + } + + .nav-section-text { + position: relative; + display: flex; + align-items: center; + } + + .finish-marker { + position: absolute; + align-self: center; + top: -8px; + padding: 4px; + border: 1px solid; + border-radius: 50%; + height: 16px; + width: 16px; + font-size: 12px; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--color-cool-4); + content: ''; + + &.active { + background-color: var(--color-warm-2); + } + } + + .descriptor { + position: absolute; + bottom: -8px; + font-size: 12px; + border-radius: 8px; + width: 56px; + text-align: center; + line-height: 1; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + color: light-dark(@beige, @dark); + background-image: url(../assets/parchments/dh-parchment-light.png); + } + } + } + } +} diff --git a/styles/damageReduction.less b/styles/less/dialog/damage-reduction/damage-reduction-container.less similarity index 98% rename from styles/damageReduction.less rename to styles/less/dialog/damage-reduction/damage-reduction-container.less index e3ffc2e9..25ca5ff9 100644 --- a/styles/damageReduction.less +++ b/styles/less/dialog/damage-reduction/damage-reduction-container.less @@ -1,8 +1,6 @@ -.daggerheart.views.damage-reduction { - .window-content { - padding: 8px 0; - } +@import '../../utils/colors.less'; +.daggerheart.views.damage-reduction { .damage-reduction-container { display: flex; flex-direction: column; diff --git a/styles/less/dialog/damage-reduction/sheets.less b/styles/less/dialog/damage-reduction/sheets.less new file mode 100644 index 00000000..836a2b2f --- /dev/null +++ b/styles/less/dialog/damage-reduction/sheets.less @@ -0,0 +1,7 @@ +@import '../../utils/colors.less'; + +.daggerheart.views.damage-reduction { + .window-content { + padding: 8px 0; + } +} diff --git a/styles/less/dialog/downtime/downtime-container.less b/styles/less/dialog/downtime/downtime-container.less new file mode 100644 index 00000000..9b2c842c --- /dev/null +++ b/styles/less/dialog/downtime/downtime-container.less @@ -0,0 +1,81 @@ +@import '../../utils/spacing.less'; +@import '../../utils/colors.less'; + +.daggerheart.views { + .downtime-container { + .downtime-header { + margin: 0; + color: light-dark(@dark-blue, @golden); + text-align: center; + } + + .activity-container { + display: flex; + align-items: center; + padding: 8px; + + .activity-title { + flex: 1; + display: flex; + align-items: center; + + .activity-title-text { + font-size: 24px; + font-weight: bold; + } + + .activity-image { + width: 80px; + position: relative; + display: flex; + justify-content: center; + margin-right: 8px; + border: 2px solid black; + border-radius: 50%; + cursor: pointer; + + .activity-select-label { + position: absolute; + top: -9px; + font-size: 14px; + border: 1px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + color: light-dark(@beige, @dark); + background-image: url(../assets/parchments/dh-parchment-light.png); + padding: 0 8px; + line-height: 1; + font-weight: bold; + } + + img { + border-radius: 50%; + } + + &:hover, + &.selected { + filter: drop-shadow(0 0 6px gold); + } + } + + .custom-name-input { + font-size: 24px; + font-weight: bold; + padding: 0; + background: transparent; + color: rgb(239, 230, 216); + } + } + + .activity-body { + flex: 1; + font-style: italic; + } + } + } + + &.downtime { + .activity-text-area { + resize: none; + } + } +} diff --git a/styles/less/dialog/index.less b/styles/less/dialog/index.less new file mode 100644 index 00000000..ec3ef200 --- /dev/null +++ b/styles/less/dialog/index.less @@ -0,0 +1,19 @@ +@import './level-up/navigation-container.less'; +@import './level-up/selections-container.less'; +@import './level-up/sheet.less'; +@import './level-up/summary-container.less'; +@import './level-up/tiers-container.less'; + +@import './downtime/downtime-container.less'; + +@import './beastform/beastform-container.less'; +@import './beastform/sheet.less'; + +@import './character-creation/creation-action-footer.less'; +@import './character-creation/selections-container.less'; +@import './character-creation/sheet.less'; +@import './character-creation/tab-navigation.less'; + +@import './dice-roll/roll-selection.less'; +@import './damage-reduction/damage-reduction-container.less'; +@import './damage-reduction/sheets.less'; diff --git a/styles/less/dialog/level-up/navigation-container.less b/styles/less/dialog/level-up/navigation-container.less new file mode 100644 index 00000000..b52abf20 --- /dev/null +++ b/styles/less/dialog/level-up/navigation-container.less @@ -0,0 +1,30 @@ +.daggerheart.levelup { + .levelup-navigation-container { + display: flex; + align-items: center; + gap: 22px; + height: 36px; + + nav { + flex: 1; + + .levelup-tab-container { + display: flex; + align-items: center; + gap: 4px; + } + } + + .levelup-navigation-actions { + width: 306px; + display: flex; + justify-content: end; + gap: 16px; + margin-right: 4px; + + * { + width: calc(50% - 8px); + } + } + } +} diff --git a/styles/less/dialog/level-up/selections-container.less b/styles/less/dialog/level-up/selections-container.less new file mode 100644 index 00000000..b04a6182 --- /dev/null +++ b/styles/less/dialog/level-up/selections-container.less @@ -0,0 +1,108 @@ +.daggerheart.levelup { + .levelup-selections-container { + .achievement-experience-cards { + display: flex; + gap: 8px; + + .achievement-experience-card { + border: 1px solid; + border-radius: 4px; + padding-right: 4px; + font-size: 18px; + display: flex; + justify-content: space-between; + align-items: center; + gap: 4px; + + .achievement-experience-marker { + border: 1px solid; + border-radius: 50%; + height: 18px; + width: 18px; + display: flex; + align-items: center; + justify-content: center; + font-size: 12px; + } + } + } + + .levelup-card-selection { + display: flex; + flex-wrap: wrap; + gap: 40px; + + .card-preview-container { + width: calc(100% * (1 / 5)); + } + + .levelup-domains-selection-container { + display: flex; + flex-direction: column; + gap: 8px; + + .levelup-domain-selection-container { + display: flex; + flex-direction: column; + align-items: center; + flex: 1; + position: relative; + cursor: pointer; + + &.disabled { + pointer-events: none; + opacity: 0.4; + } + + .levelup-domain-label { + position: absolute; + text-align: center; + top: 4px; + background: grey; + padding: 0 12px; + border-radius: 6px; + } + + img { + height: 124px; + } + + .levelup-domain-selected { + position: absolute; + height: 54px; + width: 54px; + border-radius: 50%; + border: 2px solid; + font-size: 48px; + display: flex; + align-items: center; + justify-content: center; + background-image: url(../assets/parchments/dh-parchment-light.png); + color: var(--color-dark-5); + top: calc(50% - 29px); + + i { + position: relative; + right: 2px; + } + } + } + } + } + + .levelup-selections-title { + display: flex; + align-items: center; + gap: 4px; + } + + .levelup-radio-choices { + display: flex; + gap: 8px; + + label { + flex: 0; + } + } + } +} diff --git a/styles/less/dialog/level-up/sheet.less b/styles/less/dialog/level-up/sheet.less new file mode 100644 index 00000000..77e7244d --- /dev/null +++ b/styles/less/dialog/level-up/sheet.less @@ -0,0 +1,37 @@ +@import '../../utils/mixin.less'; + +.appTheme({}, { + &.levelup { + .tiers-container { + .tier-container { + background-image: url('../assets/parchments/dh-parchment-light.png'); + } + } + } +}); + +.daggerheart.levelup { + .window-content { + max-height: 960px; + overflow: auto; + } + + div[data-application-part='form'] { + display: flex; + flex-direction: column; + gap: 8px; + } + + section { + .section-container { + display: flex; + flex-direction: column; + gap: 8px; + margin-top: 8px; + } + } + + .levelup-footer { + display: flex; + } +} diff --git a/styles/less/dialog/level-up/summary-container.less b/styles/less/dialog/level-up/summary-container.less new file mode 100644 index 00000000..fb221b07 --- /dev/null +++ b/styles/less/dialog/level-up/summary-container.less @@ -0,0 +1,37 @@ +.daggerheart.levelup { + .levelup-summary-container { + .level-achievements-container, + .level-advancements-container { + display: flex; + flex-direction: column; + gap: 8px; + + h2, + h3, + h4, + h5 { + margin: 0; + color: var(--color-text-secondary); + } + } + + .increase-container { + display: flex; + align-items: center; + gap: 4px; + font-size: 20px; + } + + .summary-selection-container { + display: flex; + gap: 8px; + + .summary-selection { + border: 2px solid; + border-radius: 6px; + padding: 0 4px; + font-size: 18px; + } + } + } +} diff --git a/styles/less/dialog/level-up/tiers-container.less b/styles/less/dialog/level-up/tiers-container.less new file mode 100644 index 00000000..e666b128 --- /dev/null +++ b/styles/less/dialog/level-up/tiers-container.less @@ -0,0 +1,65 @@ +.daggerheart.levelup { + .tiers-container { + display: flex; + gap: 16px; + + .tier-container { + flex: 1; + display: flex; + flex-direction: column; + gap: 8px; + background-image: url('../assets/parchments/dh-parchment-dark.png'); + + &.inactive { + opacity: 0.4; + pointer-events: none; + } + + legend { + margin-left: auto; + margin-right: auto; + font-size: 22px; + font-weight: bold; + padding: 0 12px; + } + + .checkbox-group-container { + display: grid; + grid-template-columns: 1fr 3fr; + gap: 4px; + + .checkboxes-container { + display: flex; + justify-content: end; + gap: 4px; + + .checkbox-grouping-coontainer { + display: flex; + height: min-content; + + &.multi { + border: 2px solid grey; + padding: 2.4px 2.5px 0; + border-radius: 4px; + gap: 2px; + + .selection-checkbox { + margin-left: 0; + margin-right: 0; + } + } + + .selection-checkbox { + margin: 0; + } + } + } + + .checkbox-group-label { + font-size: 14px; + font-style: italic; + } + } + } + } +} diff --git a/styles/less/global/index.less b/styles/less/global/index.less new file mode 100644 index 00000000..461813c1 --- /dev/null +++ b/styles/less/global/index.less @@ -0,0 +1,14 @@ +@import './sheet.less'; +@import './dialog.less'; +@import './elements.less'; +@import './tab-navigation.less'; +@import './tab-form-footer.less'; +@import './tab-actions.less'; +@import './tab-features.less'; +@import './tab-effects.less'; +@import './item-header.less'; +@import './feature-section.less'; +@import './inventory-item.less'; +@import './inventory-fieldset-items.less'; +@import './prose-mirror.less'; +@import './filter-menu.less'; diff --git a/styles/less/items/class.css b/styles/less/items/class.css deleted file mode 100644 index 19f17576..00000000 --- a/styles/less/items/class.css +++ /dev/null @@ -1,132 +0,0 @@ -@font-face { - font-family: 'Cinzel'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/cinzel/v23/8vIU7ww63mVu7gtR-kwKxNvkNOjw-tbnTYo.ttf) format('truetype'); -} -@font-face { - font-family: 'Cinzel'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url(https://fonts.gstatic.com/s/cinzel/v23/8vIU7ww63mVu7gtR-kwKxNvkNOjw-jHgTYo.ttf) format('truetype'); -} -@font-face { - font-family: 'Cinzel Decorative'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url(https://fonts.gstatic.com/s/cinzeldecorative/v17/daaHSScvJGqLYhG8nNt8KPPswUAPniZoaelD.ttf) - format('truetype'); -} -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype'); -} -@font-face { - font-family: 'Montserrat'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype'); -} -.application.sheet.daggerheart.dh-style h1 { - font-family: 'Cinzel Decorative', serif; - margin: 0; - border: none; - font-weight: normal; -} -.application.sheet.daggerheart.dh-style h2, -.application.sheet.daggerheart.dh-style h3 { - font-family: 'Cinzel', serif; - margin: 0; - border: none; - font-weight: normal; -} -.application.sheet.daggerheart.dh-style h4 { - font-family: 'Montserrat', sans-serif; - font-size: 14px; - border: none; - font-weight: 700; - margin: 0; - text-shadow: none; - color: #f3c267; - font-weight: normal; -} -.application.sheet.daggerheart.dh-style h5 { - font-size: 14px; - color: #f3c267; - margin: 0; - font-weight: normal; -} -.application.sheet.daggerheart.dh-style p, -.application.sheet.daggerheart.dh-style span { - font-family: 'Montserrat', sans-serif; -} -.application.sheet.daggerheart.dh-style small { - font-family: 'Montserrat', sans-serif; - opacity: 0.8; -} -.application.sheet.daggerheart.dh-style.class .tagify { - background: light-dark(transparent, transparent); - border: 1px solid light-dark(#222, #efe6d8); - height: 34px; - border-radius: 3px; - margin-right: 1px; -} -.application.sheet.daggerheart.dh-style.class .tagify tag div { - display: flex; - justify-content: space-between; - align-items: center; - height: 22px; -} -.application.sheet.daggerheart.dh-style.class .tagify tag div span { - font-weight: 400; -} -.application.sheet.daggerheart.dh-style.class .tagify tag div img { - margin-left: 8px; - height: 20px; - width: 20px; -} -.application.sheet.daggerheart.dh-style.class .tab.settings .fieldsets-section { - display: grid; - gap: 10px; - grid-template-columns: 1fr 1.5fr 1.5fr; -} -.application.sheet.daggerheart.dh-style.class .tab.settings .list-items { - margin-bottom: 10px; - width: 100%; -} -.application.sheet.daggerheart.dh-style.class .tab.settings .list-items:last-child { - margin-bottom: 0px; -} -.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line { - display: grid; - align-items: center; - gap: 10px; - grid-template-columns: 1fr 3fr 1fr; -} -.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line h4 { - font-family: 'Montserrat', sans-serif; - font-weight: lighter; - color: light-dark(#222, #efe6d8); -} -.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .image { - height: 40px; - width: 40px; - object-fit: cover; - border-radius: 6px; - border: none; -} -.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls { - display: flex; - justify-content: center; - gap: 10px; -} -.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls a { - text-shadow: none; -} diff --git a/styles/less/applications/adversary-settings/experiences.less b/styles/less/sheets-settings/adversary-settings/experiences.less similarity index 100% rename from styles/less/applications/adversary-settings/experiences.less rename to styles/less/sheets-settings/adversary-settings/experiences.less diff --git a/styles/less/applications/adversary-settings/features.less b/styles/less/sheets-settings/adversary-settings/features.less similarity index 100% rename from styles/less/applications/adversary-settings/features.less rename to styles/less/sheets-settings/adversary-settings/features.less diff --git a/styles/less/applications/adversary-settings/sheet.less b/styles/less/sheets-settings/adversary-settings/sheet.less similarity index 100% rename from styles/less/applications/adversary-settings/sheet.less rename to styles/less/sheets-settings/adversary-settings/sheet.less diff --git a/styles/less/applications/environment-settings/adversaries.less b/styles/less/sheets-settings/environment-settings/adversaries.less similarity index 100% rename from styles/less/applications/environment-settings/adversaries.less rename to styles/less/sheets-settings/environment-settings/adversaries.less diff --git a/styles/less/applications/environment-settings/features.less b/styles/less/sheets-settings/environment-settings/features.less similarity index 100% rename from styles/less/applications/environment-settings/features.less rename to styles/less/sheets-settings/environment-settings/features.less diff --git a/styles/less/applications/header.less b/styles/less/sheets-settings/header.less similarity index 100% rename from styles/less/applications/header.less rename to styles/less/sheets-settings/header.less diff --git a/styles/less/sheets-settings/index.less b/styles/less/sheets-settings/index.less new file mode 100644 index 00000000..77fa6d94 --- /dev/null +++ b/styles/less/sheets-settings/index.less @@ -0,0 +1,7 @@ +@import './header.less'; +@import './adversary-settings/sheet.less'; +@import './adversary-settings/experiences.less'; +@import './adversary-settings/features.less'; + +@import './environment-settings/features.less'; +@import './environment-settings/adversaries.less'; \ No newline at end of file diff --git a/styles/less/actors/adversary/actions.less b/styles/less/sheets/actors/adversary/actions.less similarity index 87% rename from styles/less/actors/adversary/actions.less rename to styles/less/sheets/actors/adversary/actions.less index 6ca46e90..8370abc3 100644 --- a/styles/less/actors/adversary/actions.less +++ b/styles/less/sheets/actors/adversary/actions.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.adversary { .tab.features { diff --git a/styles/less/actors/adversary/header.less b/styles/less/sheets/actors/adversary/header.less similarity index 92% rename from styles/less/actors/adversary/header.less rename to styles/less/sheets/actors/adversary/header.less index 4b962466..9ba00355 100644 --- a/styles/less/actors/adversary/header.less +++ b/styles/less/sheets/actors/adversary/header.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.adversary { .adversary-header-sheet { diff --git a/styles/less/actors/adversary/sheet.less b/styles/less/sheets/actors/adversary/sheet.less similarity index 84% rename from styles/less/actors/adversary/sheet.less rename to styles/less/sheets/actors/adversary/sheet.less index f5507f36..baa80bb3 100644 --- a/styles/less/actors/adversary/sheet.less +++ b/styles/less/sheets/actors/adversary/sheet.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.adversary { .window-content { diff --git a/styles/less/actors/adversary/sidebar.less b/styles/less/sheets/actors/adversary/sidebar.less similarity index 93% rename from styles/less/actors/adversary/sidebar.less rename to styles/less/sheets/actors/adversary/sidebar.less index df2ca161..1dabf5ae 100644 --- a/styles/less/actors/adversary/sidebar.less +++ b/styles/less/sheets/actors/adversary/sidebar.less @@ -1,16 +1,26 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; +@import '../../../utils/mixin.less'; + +.appTheme({ + &.adversary { + .adversary-sidebar-sheet { + background-image: url('../assets/parchments/dh-parchment-dark.png'); + } + } +}, { + &.adversary { + .adversary-sidebar-sheet { + background: transparent; + } + } +}); .application.sheet.daggerheart.actor.dh-style.adversary { .adversary-sidebar-sheet { width: 275px; min-width: 275px; border-right: 1px solid light-dark(@dark-blue, @golden); - background-image: url('../assets/parchments/dh-parchment-dark.png'); - - .theme-light & { - background: transparent; - } .portrait { position: relative; diff --git a/styles/less/actors/character/biography.less b/styles/less/sheets/actors/character/biography.less similarity index 87% rename from styles/less/actors/character/biography.less rename to styles/less/sheets/actors/character/biography.less index 635cf8d5..e07d7080 100644 --- a/styles/less/actors/character/biography.less +++ b/styles/less/sheets/actors/character/biography.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.character { .tab.biography { diff --git a/styles/less/actors/character/features.less b/styles/less/sheets/actors/character/features.less similarity index 87% rename from styles/less/actors/character/features.less rename to styles/less/sheets/actors/character/features.less index 6fc86ac3..767544c1 100644 --- a/styles/less/actors/character/features.less +++ b/styles/less/sheets/actors/character/features.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.character { .tab.features { diff --git a/styles/less/actors/character/header.less b/styles/less/sheets/actors/character/header.less similarity index 98% rename from styles/less/actors/character/header.less rename to styles/less/sheets/actors/character/header.less index 300314da..6110fcc6 100644 --- a/styles/less/actors/character/header.less +++ b/styles/less/sheets/actors/character/header.less @@ -1,5 +1,6 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; +@import '../../../utils/mixin.less'; // Theme header backgrounds .appTheme({ diff --git a/styles/less/actors/character/inventory.less b/styles/less/sheets/actors/character/inventory.less similarity index 96% rename from styles/less/actors/character/inventory.less rename to styles/less/sheets/actors/character/inventory.less index 516b01b0..43669d7f 100644 --- a/styles/less/actors/character/inventory.less +++ b/styles/less/sheets/actors/character/inventory.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.character { .tab.inventory { diff --git a/styles/less/actors/character/loadout.less b/styles/less/sheets/actors/character/loadout.less similarity index 97% rename from styles/less/actors/character/loadout.less rename to styles/less/sheets/actors/character/loadout.less index 72393597..cdf0e2e4 100644 --- a/styles/less/actors/character/loadout.less +++ b/styles/less/sheets/actors/character/loadout.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.character { .tab.loadout { diff --git a/styles/less/actors/character/sheet.less b/styles/less/sheets/actors/character/sheet.less similarity index 88% rename from styles/less/actors/character/sheet.less rename to styles/less/sheets/actors/character/sheet.less index f3e0cd74..f2c9bb1a 100644 --- a/styles/less/actors/character/sheet.less +++ b/styles/less/sheets/actors/character/sheet.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.character { .window-content { diff --git a/styles/less/actors/character/sidebar.less b/styles/less/sheets/actors/character/sidebar.less similarity index 98% rename from styles/less/actors/character/sidebar.less rename to styles/less/sheets/actors/character/sidebar.less index 4c637839..d6ceab46 100644 --- a/styles/less/actors/character/sidebar.less +++ b/styles/less/sheets/actors/character/sidebar.less @@ -1,5 +1,6 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; +@import '../../../utils/mixin.less'; // Theme sidebar backgrounds .appTheme({ diff --git a/styles/less/actors/companion/details.less b/styles/less/sheets/actors/companion/details.less similarity index 95% rename from styles/less/actors/companion/details.less rename to styles/less/sheets/actors/companion/details.less index 4da8d126..4edf8aa9 100644 --- a/styles/less/actors/companion/details.less +++ b/styles/less/sheets/actors/companion/details.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.companion { .partner-section, diff --git a/styles/less/actors/companion/header.less b/styles/less/sheets/actors/companion/header.less similarity index 98% rename from styles/less/actors/companion/header.less rename to styles/less/sheets/actors/companion/header.less index daa20e93..fac32ea5 100644 --- a/styles/less/actors/companion/header.less +++ b/styles/less/sheets/actors/companion/header.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.companion { .companion-header-sheet { diff --git a/styles/less/actors/companion/sheet.less b/styles/less/sheets/actors/companion/sheet.less similarity index 52% rename from styles/less/actors/companion/sheet.less rename to styles/less/sheets/actors/companion/sheet.less index 22c5fc0b..f31679ba 100644 --- a/styles/less/actors/companion/sheet.less +++ b/styles/less/sheets/actors/companion/sheet.less @@ -1,3 +1,5 @@ +@import '../../../utils/mixin.less'; + // Theme header backgrounds .appTheme({ &.companion { @@ -8,15 +10,3 @@ background: url('../assets/parchments/dh-parchment-light.png'); } }); - -.application.sheet.daggerheart.actor.dh-style.companion { - // .profile { - // height: 80px; - // width: 80px; - // } - - // .temp-container { - // position: relative; - // top: 32px; - // } -} diff --git a/styles/less/actors/environment/header.less b/styles/less/sheets/actors/environment/header.less similarity index 95% rename from styles/less/actors/environment/header.less rename to styles/less/sheets/actors/environment/header.less index fce7943f..87be3314 100644 --- a/styles/less/actors/environment/header.less +++ b/styles/less/sheets/actors/environment/header.less @@ -1,5 +1,5 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; .application.sheet.daggerheart.actor.dh-style.environment { .environment-header-sheet { diff --git a/styles/less/actors/environment/sheet.less b/styles/less/sheets/actors/environment/sheet.less similarity index 80% rename from styles/less/actors/environment/sheet.less rename to styles/less/sheets/actors/environment/sheet.less index 733f105e..74cec028 100644 --- a/styles/less/actors/environment/sheet.less +++ b/styles/less/sheets/actors/environment/sheet.less @@ -1,5 +1,6 @@ -@import '../../utils/colors.less'; -@import '../../utils/fonts.less'; +@import '../../../utils/colors.less'; +@import '../../../utils/fonts.less'; +@import '../../../utils/mixin.less'; .appTheme({ &.environment { diff --git a/styles/less/sheets/index.less b/styles/less/sheets/index.less new file mode 100644 index 00000000..cbee35ac --- /dev/null +++ b/styles/less/sheets/index.less @@ -0,0 +1,23 @@ +@import './actors/adversary/actions.less'; +@import './actors/adversary/header.less'; +@import './actors/adversary/sheet.less'; +@import './actors/adversary/sidebar.less'; + +@import './actors/character/biography.less'; +@import './actors/character/features.less'; +@import './actors/character/header.less'; +@import './actors/character/inventory.less'; +@import './actors/character/loadout.less'; +@import './actors/character/sheet.less'; +@import './actors/character/sidebar.less'; + +@import './actors/companion/details.less'; +@import './actors/companion/header.less'; +@import './actors/companion/sheet.less'; + +@import './actors/environment/header.less'; +@import './actors/environment/sheet.less'; + +@import './items/class.less'; +@import './items/domain-card.less'; +@import './items/feature.less'; diff --git a/styles/less/items/class.less b/styles/less/sheets/items/class.less similarity index 94% rename from styles/less/items/class.less rename to styles/less/sheets/items/class.less index f8004d31..d32f60d6 100644 --- a/styles/less/items/class.less +++ b/styles/less/sheets/items/class.less @@ -1,5 +1,5 @@ -@import '../utils/colors.less'; -@import '../utils/fonts.less'; +@import '../../utils/colors.less'; +@import '../../utils/fonts.less'; .application.sheet.daggerheart.dh-style.class { .tab.settings { diff --git a/styles/less/items/domainCard.less b/styles/less/sheets/items/domain-card.less similarity index 77% rename from styles/less/items/domainCard.less rename to styles/less/sheets/items/domain-card.less index 93c00558..a784b3a2 100644 --- a/styles/less/items/domainCard.less +++ b/styles/less/sheets/items/domain-card.less @@ -1,5 +1,5 @@ -@import '../utils/colors.less'; -@import '../utils/fonts.less'; +@import '../../utils/colors.less'; +@import '../../utils/fonts.less'; .application.sheet.daggerheart.dh-style.domain-card { section.tab { diff --git a/styles/less/items/feature.less b/styles/less/sheets/items/feature.less old mode 100755 new mode 100644 similarity index 84% rename from styles/less/items/feature.less rename to styles/less/sheets/items/feature.less index c27cfb65..b7493f15 --- a/styles/less/items/feature.less +++ b/styles/less/sheets/items/feature.less @@ -1,5 +1,5 @@ -@import '../utils/colors.less'; -@import '../utils/fonts.less'; +@import '../../utils/colors.less'; +@import '../../utils/fonts.less'; .application.sheet.daggerheart.dh-style.feature { .item-sheet-header { diff --git a/styles/chat.less b/styles/less/ui/chat/chat.less similarity index 60% rename from styles/chat.less rename to styles/less/ui/chat/chat.less index f454bec7..945bda3f 100644 --- a/styles/chat.less +++ b/styles/less/ui/chat/chat.less @@ -1,36 +1,5 @@ -.chat-message { - .duality-modifiers, - .duality-result, - .dice-title { - display: none; - } -} - -fieldset.daggerheart.chat { - padding: 0; - border-left-width: 0; - border-right-width: 0; - border-bottom-width: 0; - legend { - display: flex; - align-items: center; - gap: 5px; - &:before, - &:after { - content: '\f0d8'; - font-family: 'Font Awesome 6 Pro'; - } - } - &.expanded { - legend:before, - legend:after { - content: '\f0d7'; - } - } - .daggerheart.chat { - margin-top: 5px; - } -} +@import '../../utils/colors.less'; +@import '../../utils/spacing.less'; .daggerheart.chat { &.downtime { @@ -408,194 +377,3 @@ fieldset.daggerheart.chat { } } } - -.theme-colorful { - .chat-message.duality { - border-color: black; - padding: 8px 0 0 0; - fieldset.daggerheart.chat { - border-top-width: 0; - display: contents; - legend { - &:before, - &:after { - display: none; - } - } - } - .message-header { - color: var(--color-light-3); - padding: 0 8px; - } - &.hope { - background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6)); - } - &.fear { - background: linear-gradient(0, @fearBackgroundEnd, @fearBackgroundStart); - } - &.critical { - background: linear-gradient(0, @criticalBackgroundEnd, @criticalBackgroundStart); - } - .chat-message header { - color: var(--color-light-3); - } - > * { - padding: 0 8px; - } - .message-content { - .duality-modifiers, - .duality-result, - .dice-title { - display: flex; - } - .duality-modifiers { - display: flex; - gap: 2px; - margin-bottom: 4px; - .duality-modifier { - padding: 2px; - border-radius: 6px; - border: 1px solid; - background: var(--color-dark-6); - font-size: 12px; - } - } - .dice-flavor { - color: var(--color-light-1); - text-shadow: 0 0 1px black; - border-bottom: 1px solid; - display: flex; - align-items: end; - justify-content: space-between; - padding: 0 8px; - margin: 0 -8px 2px; - font-weight: unset; - } - .dice-result { - .duality-modifiers { - display: flex; // Default => display: none; - gap: 2px; - margin-bottom: 4px; - .duality-modifier { - padding: 2px; - border-radius: 6px; - border: 1px solid; - background: var(--color-dark-6); - font-size: 12px; - } - } - .dice-formula, - > .dice-total, - .part-header { - display: none; - } - .dice-tooltip { - grid-template-rows: 1fr; - .wrapper { - .tooltip-part { - display: flex; - align-items: end; - gap: 0.25rem; - .dice { - .dice-rolls { - margin-bottom: 0; - &.duality { - li { - display: flex; - align-items: center; - justify-content: center; - position: relative; - background: unset; - line-height: unset; - font-weight: unset; - } - } - } - } - .duality-modifier { - display: flex; - margin-bottom: 6px; - color: var(--color-light-1); - text-shadow: 0 0 1px black; - font-size: var(--font-size-16); - } - } - } - } - .target-selection { - label { - color: var(--color-light-1); - } - } - .target-section { - margin: 4px 0; - border: 2px solid; - margin-top: 5px; - .dice-total { - box-shadow: unset; - border: unset; - border-radius: unset; - font-size: var(--font-size-18); - } - } - .dice-actions { - justify-content: space-between; - &.duality-alone { - justify-content: end; - margin-top: -20px; - } - > * { - display: flex; - color: var(--color-light-1); - text-shadow: 0 0 1px black; - font-weight: bold; - background: var(--color-dark-1); - padding: 4px; - border-color: black; - min-height: unset; - height: 26px; - flex: unset; - margin: 0; - } - .duality-action { - border-radius: 0 6px 0 0; - margin-left: -8px; - &.duality-action-effect { - border-top-left-radius: 6px; - margin-left: initial; - } - } - .duality-result { - border-radius: 6px 0 0 0; - margin-right: -8px; - } - } - .duality-result { - display: flex; - color: var(--color-light-1); - text-shadow: 0 0 1px black; - font-weight: bold; - background: var(--color-dark-1); - padding: 4px; - border-color: black; - min-height: unset; - height: 26px; - flex: unset; - margin: 0; - margin-left: auto; - align-self: center; - border-radius: 6px; - } - } - } - button { - &.inner-button { - color: var(--color-light-1); - text-shadow: 0 0 1px black; - font-weight: bold; - background: var(--color-dark-1); - border-color: black; - } - } - } -} diff --git a/styles/less/ui/chat/sheet.less b/styles/less/ui/chat/sheet.less new file mode 100644 index 00000000..683b91f1 --- /dev/null +++ b/styles/less/ui/chat/sheet.less @@ -0,0 +1,33 @@ +.chat-message { + .duality-modifiers, + .duality-result, + .dice-title { + display: none; + } +} + +fieldset.daggerheart.chat { + padding: 0; + border-left-width: 0; + border-right-width: 0; + border-bottom-width: 0; + legend { + display: flex; + align-items: center; + gap: 5px; + &:before, + &:after { + content: '\f0d8'; + font-family: 'Font Awesome 6 Pro'; + } + } + &.expanded { + legend:before, + legend:after { + content: '\f0d7'; + } + } + .daggerheart.chat { + margin-top: 5px; + } +} diff --git a/styles/less/ui/chat/theme-colorful.less b/styles/less/ui/chat/theme-colorful.less new file mode 100644 index 00000000..adbbc5ca --- /dev/null +++ b/styles/less/ui/chat/theme-colorful.less @@ -0,0 +1,193 @@ +@import '../../utils/colors.less'; +@import '../../utils/spacing.less'; + +.theme-colorful { + .chat-message.duality { + border-color: black; + padding: 8px 0 0 0; + fieldset.daggerheart.chat { + border-top-width: 0; + display: contents; + legend { + &:before, + &:after { + display: none; + } + } + } + .message-header { + color: var(--color-light-3); + padding: 0 8px; + } + &.hope { + background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6)); + } + &.fear { + background: linear-gradient(0, @fearBackgroundEnd, @fearBackgroundStart); + } + &.critical { + background: linear-gradient(0, @criticalBackgroundEnd, @criticalBackgroundStart); + } + .chat-message header { + color: var(--color-light-3); + } + > * { + padding: 0 8px; + } + .message-content { + .duality-modifiers, + .duality-result, + .dice-title { + display: flex; + } + .duality-modifiers { + display: flex; + gap: 2px; + margin-bottom: 4px; + .duality-modifier { + padding: 2px; + border-radius: 6px; + border: 1px solid; + background: var(--color-dark-6); + font-size: 12px; + } + } + .dice-flavor { + color: var(--color-light-1); + text-shadow: 0 0 1px black; + border-bottom: 1px solid; + display: flex; + align-items: end; + justify-content: space-between; + padding: 0 8px; + margin: 0 -8px 2px; + font-weight: unset; + } + .dice-result { + .duality-modifiers { + display: flex; // Default => display: none; + gap: 2px; + margin-bottom: 4px; + .duality-modifier { + padding: 2px; + border-radius: 6px; + border: 1px solid; + background: var(--color-dark-6); + font-size: 12px; + } + } + .dice-formula, + > .dice-total, + .part-header { + display: none; + } + .dice-tooltip { + grid-template-rows: 1fr; + .wrapper { + .tooltip-part { + display: flex; + align-items: end; + gap: 0.25rem; + .dice { + .dice-rolls { + margin-bottom: 0; + &.duality { + li { + display: flex; + align-items: center; + justify-content: center; + position: relative; + background: unset; + line-height: unset; + font-weight: unset; + } + } + } + } + .duality-modifier { + display: flex; + margin-bottom: 6px; + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-size: var(--font-size-16); + } + } + } + } + .target-selection { + label { + color: var(--color-light-1); + } + } + .target-section { + margin: 4px 0; + border: 2px solid; + margin-top: 5px; + .dice-total { + box-shadow: unset; + border: unset; + border-radius: unset; + font-size: var(--font-size-18); + } + } + .dice-actions { + justify-content: space-between; + &.duality-alone { + justify-content: end; + margin-top: -20px; + } + > * { + display: flex; + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-weight: bold; + background: var(--color-dark-1); + padding: 4px; + border-color: black; + min-height: unset; + height: 26px; + flex: unset; + margin: 0; + } + .duality-action { + border-radius: 0 6px 0 0; + margin-left: -8px; + &.duality-action-effect { + border-top-left-radius: 6px; + margin-left: initial; + } + } + .duality-result { + border-radius: 6px 0 0 0; + margin-right: -8px; + } + } + .duality-result { + display: flex; + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-weight: bold; + background: var(--color-dark-1); + padding: 4px; + border-color: black; + min-height: unset; + height: 26px; + flex: unset; + margin: 0; + margin-left: auto; + align-self: center; + border-radius: 6px; + } + } + } + button { + &.inner-button { + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-weight: bold; + background: var(--color-dark-1); + border-color: black; + } + } + } +} diff --git a/styles/less/ui/combat-sidebar/combat-sidebar.less b/styles/less/ui/combat-sidebar/combat-sidebar.less new file mode 100644 index 00000000..e247e5b4 --- /dev/null +++ b/styles/less/ui/combat-sidebar/combat-sidebar.less @@ -0,0 +1,6 @@ +.combat-sidebar { + h4 { + margin: 0; + text-align: center; + } +} diff --git a/styles/less/ui/combat-sidebar/combatant-controls.less b/styles/less/ui/combat-sidebar/combatant-controls.less new file mode 100644 index 00000000..4a3329d6 --- /dev/null +++ b/styles/less/ui/combat-sidebar/combatant-controls.less @@ -0,0 +1,5 @@ +.combat-sidebar { + .combatant-controls { + flex: 0; + } +} diff --git a/styles/less/ui/combat-sidebar/encounter-controls.less b/styles/less/ui/combat-sidebar/encounter-controls.less new file mode 100644 index 00000000..8a2981b5 --- /dev/null +++ b/styles/less/ui/combat-sidebar/encounter-controls.less @@ -0,0 +1,48 @@ +.combat-sidebar { + .encounter-controls.combat { + justify-content: space-between; + + .encounter-fear-controls { + display: flex; + align-items: center; + gap: 8px; + + .encounter-fear-dice-container { + display: flex; + gap: 2px; + + .encounter-control-fear-container { + display: flex; + position: relative; + align-items: center; + justify-content: center; + color: black; + + .dice { + height: 22px; + width: 22px; + } + + .encounter-control-fear { + position: absolute; + font-size: 16px; + } + + .encounter-control-counter { + position: absolute; + right: -10px; + color: var(--color-text-secondary); + } + } + } + + .encounter-countdowns { + color: var(--content-link-icon-color); + } + } + + .control-buttons { + width: min-content; + } + } +} diff --git a/styles/less/ui/combat-sidebar/spotlight-control.less b/styles/less/ui/combat-sidebar/spotlight-control.less new file mode 100644 index 00000000..2659cc90 --- /dev/null +++ b/styles/less/ui/combat-sidebar/spotlight-control.less @@ -0,0 +1,19 @@ +.combat-sidebar { + .spotlight-control { + font-size: 26px; + + &:focus { + outline: none; + box-shadow: none; + } + + &.discrete:hover { + background: inherit; + } + + &.requesting { + filter: drop-shadow(0 0 3px gold); + color: var(--button-hover-text-color); + } + } +} diff --git a/styles/less/ui/combat-sidebar/token-actions.less b/styles/less/ui/combat-sidebar/token-actions.less new file mode 100644 index 00000000..23be22e8 --- /dev/null +++ b/styles/less/ui/combat-sidebar/token-actions.less @@ -0,0 +1,48 @@ +.combat-sidebar { + .token-actions { + align-self: stretch; + display: flex; + align-items: top; + justify-content: center; + gap: 16px; + + .action-tokens { + display: flex; + gap: 4px; + + .action-token { + height: 22px; + width: 22px; + border: 1px solid; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 10px; + padding: 8px; + --button-size: 0; + + &.used { + opacity: 0.5; + background: transparent; + } + } + } + + button { + font-size: 22px; + height: 24px; + width: 24px; + + &.main { + background: var(--button-hover-background-color); + color: var(--button-hover-text-color); + border-color: var(--button-hover-border-color); + + &:hover { + filter: drop-shadow(0 0 3px var(--button-hover-text-color)); + } + } + } + } +} diff --git a/styles/less/ui/countdown/countdown.less b/styles/less/ui/countdown/countdown.less new file mode 100644 index 00000000..ecc9f1b8 --- /dev/null +++ b/styles/less/ui/countdown/countdown.less @@ -0,0 +1,61 @@ +@import '../../utils/colors.less'; +@import '../../utils/fonts.less'; + +.daggerheart.dh-style.countdown { + fieldset { + align-items: center; + margin-top: 5px; + border-radius: 6px; + border-color: light-dark(@dark-blue, @golden); + + legend { + font-family: @font-body; + font-weight: bold; + color: light-dark(@dark-blue, @golden); + + a { + text-shadow: none; + } + } + } + + .minimized-view { + display: flex; + gap: 8px; + flex-wrap: wrap; + + .mini-countdown-container { + width: fit-content; + display: flex; + align-items: center; + gap: 8px; + border: 2px solid light-dark(@dark-blue, @golden); + border-radius: 6px; + padding: 0 4px 0 0; + background-image: url('../assets/parchments/dh-parchment-light.png'); + color: light-dark(@beige, @dark); + cursor: pointer; + + &.disabled { + cursor: initial; + } + + img { + width: 30px; + height: 30px; + border-radius: 6px 0 0 6px; + } + + .mini-countdown-name { + white-space: nowrap; + } + + .mini-countdown-value { + } + } + } + + .hidden { + display: none; + } +} diff --git a/styles/countdown.less b/styles/less/ui/countdown/sheet.less similarity index 64% rename from styles/countdown.less rename to styles/less/ui/countdown/sheet.less index 336805a9..6a1d2394 100644 --- a/styles/countdown.less +++ b/styles/less/ui/countdown/sheet.less @@ -1,141 +1,88 @@ -.theme-light { - .daggerheart.dh-style.countdown { - .minimized-view .mini-countdown-container { - background-image: url('../assets/parchments/dh-parchment-dark.png'); - } - } -} - -.daggerheart.dh-style.countdown { - overflow: hidden; - - fieldset { - align-items: center; - margin-top: 5px; - border-radius: 6px; - border-color: light-dark(@dark-blue, @golden); - - legend { - font-family: @font-body; - font-weight: bold; - color: light-dark(@dark-blue, @golden); - - a { - text-shadow: none; - } - } - } - - .minimized-view { - display: flex; - gap: 8px; - flex-wrap: wrap; - - .mini-countdown-container { - width: fit-content; - display: flex; - align-items: center; - gap: 8px; - border: 2px solid light-dark(@dark-blue, @golden); - border-radius: 6px; - padding: 0 4px 0 0; - background-image: url('../assets/parchments/dh-parchment-light.png'); - color: light-dark(@beige, @dark); - cursor: pointer; - - &.disabled { - cursor: initial; - } - - img { - width: 30px; - height: 30px; - border-radius: 6px 0 0 6px; - } - - .mini-countdown-name { - white-space: nowrap; - } - - .mini-countdown-value { - } - } - } - - .hidden { - display: none; - } - - .window-content { - > div { - height: 100%; - - .expanded-view { - height: 100%; - display: flex; - flex-direction: column; - - .countdowns-menu { - display: flex; - gap: 8px; - - .flex { - flex: 1; - } - } - - .countdowns-container { - display: flex; - gap: 8px; - flex-wrap: wrap; - overflow: auto; - max-height: 100%; - - .countdown-fieldset { - width: 340px; - height: min-content; - position: relative; - - .ownership-button { - position: absolute; - top: 8px; - right: 8px; - font-size: 18px; - } - - .countdown-container { - display: flex; - align-items: center; - gap: 16px; - - img { - width: 150px; - height: 150px; - cursor: pointer; - - &.disabled { - cursor: initial; - } - } - - .countdown-inner-container { - display: flex; - flex-direction: column; - gap: 4px; - - .countdown-value-container { - display: flex; - gap: 4px; - - input { - max-width: 80px; - } - } - } - } - } - } - } - } - } -} +@import '../../utils/colors.less'; +@import '../../utils/fonts.less'; +@import '../../utils/mixin.less'; + +.appTheme({}, { + &.countdown { + .minimized-view .mini-countdown-container { + background-image: url('../assets/parchments/dh-parchment-dark.png'); + } + } +}); + +.daggerheart.dh-style.countdown { + overflow: hidden; + + .window-content { + > div { + height: 100%; + + .expanded-view { + height: 100%; + display: flex; + flex-direction: column; + + .countdowns-menu { + display: flex; + gap: 8px; + + .flex { + flex: 1; + } + } + + .countdowns-container { + display: flex; + gap: 8px; + flex-wrap: wrap; + overflow: auto; + max-height: 100%; + + .countdown-fieldset { + width: 340px; + height: min-content; + position: relative; + + .ownership-button { + position: absolute; + top: 8px; + right: 8px; + font-size: 18px; + } + + .countdown-container { + display: flex; + align-items: center; + gap: 16px; + + img { + width: 150px; + height: 150px; + cursor: pointer; + + &.disabled { + cursor: initial; + } + } + + .countdown-inner-container { + display: flex; + flex-direction: column; + gap: 4px; + + .countdown-value-container { + display: flex; + gap: 4px; + + input { + max-width: 80px; + } + } + } + } + } + } + } + } + } +} diff --git a/styles/less/ui/index.less b/styles/less/ui/index.less new file mode 100644 index 00000000..0227c26b --- /dev/null +++ b/styles/less/ui/index.less @@ -0,0 +1,18 @@ +@import './chat/chat.less'; +@import './chat/sheet.less'; +@import './chat/theme-colorful.less'; + +@import './combat-sidebar/combat-sidebar.less'; +@import './combat-sidebar/combatant-controls.less'; +@import './combat-sidebar/encounter-controls.less'; +@import './combat-sidebar/spotlight-control.less'; +@import './combat-sidebar/token-actions.less'; + +@import './countdown/countdown.less'; +@import './countdown/sheet.less'; + +@import './ownership-selection/ownership-selection.less'; + +@import './resources/resources.less'; + +@import './settings/settings.less'; diff --git a/styles/ownershipSelection.less b/styles/less/ui/ownership-selection/ownership-selection.less similarity index 94% rename from styles/ownershipSelection.less rename to styles/less/ui/ownership-selection/ownership-selection.less index f0b05937..56fddd4f 100644 --- a/styles/ownershipSelection.less +++ b/styles/less/ui/ownership-selection/ownership-selection.less @@ -1,3 +1,5 @@ +@import '../../utils/colors.less'; + .daggerheart.views.ownership-selection { .ownership-outer-container { display: flex; diff --git a/styles/resources.less b/styles/less/ui/resources/resources.less similarity index 100% rename from styles/resources.less rename to styles/less/ui/resources/resources.less diff --git a/styles/settings.less b/styles/less/ui/settings/settings.less similarity index 98% rename from styles/settings.less rename to styles/less/ui/settings/settings.less index d3e63a2d..3bd200a2 100644 --- a/styles/settings.less +++ b/styles/less/ui/settings/settings.less @@ -1,3 +1,5 @@ +@import '../../utils/colors.less'; + .daggerheart.dh-style.setting { fieldset { display: flex; diff --git a/styles/less/utils/colors.less b/styles/less/utils/colors.less index 57a6b018..3e72b743 100755 --- a/styles/less/utils/colors.less +++ b/styles/less/utils/colors.less @@ -45,6 +45,21 @@ @gradient-hp: linear-gradient(15deg, rgb(70, 20, 10) 0%, rgb(190, 0, 0) 42%, rgb(252, 176, 69) 100%); @gradient-stress: linear-gradient(15deg, rgb(130, 59, 1) 0%, rgb(252, 142, 69) 65%, rgb(190, 0, 0) 100%); +// TODO: Remove this colors section once new chat layout is done +@miss: rgb(255, 0, 0); +@hit: rgb(0, 128, 0); +@positive: #699969; +@secondaryShadow: gold; +@primaryAccent: #778899; +@hope: #ffe760; +@fear: #0032b1; +@fearBackgroundStart: rgba(15, 15, 97, 0.6); +@fearBackgroundEnd: rgba(0, 0, 255, 0.6); +@critical: #430070; +@criticalBackgroundStart: rgba(37, 8, 37, 0.6); +@criticalBackgroundEnd: rgba(128, 0, 128, 0.6); +@primary-color-fear: rgba(9, 71, 179, 0.75); + @keyframes glow { 0% { box-shadow: 0 0 1px 1px @golden; diff --git a/styles/variables/values.less b/styles/less/utils/spacing.less similarity index 100% rename from styles/variables/values.less rename to styles/less/utils/spacing.less diff --git a/styles/levelup.less b/styles/levelup.less deleted file mode 100644 index 0f7949ba..00000000 --- a/styles/levelup.less +++ /dev/null @@ -1,271 +0,0 @@ -.theme-light { - .daggerheart.levelup { - .tiers-container { - .tier-container { - background-image: url('../assets/parchments/dh-parchment-light.png'); - } - } - } -} - -.daggerheart.levelup { - .window-content { - max-height: 960px; - overflow: auto; - } - - div[data-application-part='form'] { - display: flex; - flex-direction: column; - gap: 8px; - } - - section { - .section-container { - display: flex; - flex-direction: column; - gap: 8px; - margin-top: 8px; - } - } - - .levelup-navigation-container { - display: flex; - align-items: center; - gap: 22px; - height: 36px; - - nav { - flex: 1; - - .levelup-tab-container { - display: flex; - align-items: center; - gap: 4px; - } - } - - .levelup-navigation-actions { - width: 306px; - display: flex; - justify-content: end; - gap: 16px; - margin-right: 4px; - - * { - width: calc(50% - 8px); - } - } - } - - .tiers-container { - display: flex; - gap: 16px; - - .tier-container { - flex: 1; - display: flex; - flex-direction: column; - gap: 8px; - background-image: url('../assets/parchments/dh-parchment-dark.png'); - - &.inactive { - opacity: 0.4; - pointer-events: none; - } - - legend { - margin-left: auto; - margin-right: auto; - font-size: 22px; - font-weight: bold; - padding: 0 12px; - } - - .checkbox-group-container { - display: grid; - grid-template-columns: 1fr 3fr; - gap: 4px; - - .checkboxes-container { - display: flex; - justify-content: end; - gap: 4px; - - .checkbox-grouping-coontainer { - display: flex; - height: min-content; - - &.multi { - border: 2px solid grey; - padding: 2.4px 2.5px 0; - border-radius: 4px; - gap: 2px; - - .selection-checkbox { - margin-left: 0; - margin-right: 0; - } - } - - .selection-checkbox { - margin: 0; - } - } - } - - .checkbox-group-label { - font-size: 14px; - font-style: italic; - } - } - } - } - - .levelup-selections-container { - .achievement-experience-cards { - display: flex; - gap: 8px; - - .achievement-experience-card { - border: 1px solid; - border-radius: 4px; - padding-right: 4px; - font-size: 18px; - display: flex; - justify-content: space-between; - align-items: center; - gap: 4px; - - .achievement-experience-marker { - border: 1px solid; - border-radius: 50%; - height: 18px; - width: 18px; - display: flex; - align-items: center; - justify-content: center; - font-size: 12px; - } - } - } - - .levelup-card-selection { - display: flex; - flex-wrap: wrap; - gap: 40px; - - .card-preview-container { - width: calc(100% * (1 / 5)); - } - - .levelup-domains-selection-container { - display: flex; - flex-direction: column; - gap: 8px; - - .levelup-domain-selection-container { - display: flex; - flex-direction: column; - align-items: center; - flex: 1; - position: relative; - cursor: pointer; - - &.disabled { - pointer-events: none; - opacity: 0.4; - } - - .levelup-domain-label { - position: absolute; - text-align: center; - top: 4px; - background: grey; - padding: 0 12px; - border-radius: 6px; - } - - img { - height: 124px; - } - - .levelup-domain-selected { - position: absolute; - height: 54px; - width: 54px; - border-radius: 50%; - border: 2px solid; - font-size: 48px; - display: flex; - align-items: center; - justify-content: center; - background-image: url(../assets/parchments/dh-parchment-light.png); - color: var(--color-dark-5); - top: calc(50% - 29px); - - i { - position: relative; - right: 2px; - } - } - } - } - } - - .levelup-selections-title { - display: flex; - align-items: center; - gap: 4px; - } - - .levelup-radio-choices { - display: flex; - gap: 8px; - - label { - flex: 0; - } - } - } - - .levelup-summary-container { - .level-achievements-container, - .level-advancements-container { - display: flex; - flex-direction: column; - gap: 8px; - - h2, - h3, - h4, - h5 { - margin: 0; - color: var(--color-text-secondary); - } - } - - .increase-container { - display: flex; - align-items: center; - gap: 4px; - font-size: 20px; - } - - .summary-selection-container { - display: flex; - gap: 8px; - - .summary-selection { - border: 2px solid; - border-radius: 6px; - padding: 0 4px; - font-size: 18px; - } - } - } - - .levelup-footer { - display: flex; - } -} diff --git a/styles/pc.less b/styles/pc.less deleted file mode 100644 index c9abd821..00000000 --- a/styles/pc.less +++ /dev/null @@ -1,1519 +0,0 @@ -@import 'variables/values.less'; -@import 'variables/colors.less'; - -.daggerheart.sheet.pc { - width: 810px !important; // Form won't apply height for some reason - - div[data-application-part] { - display: flex; - flex-direction: column; - - .pc-sheet-header { - display: flex; - gap: @halfMargin; - height: 120px; - margin-bottom: @halfMargin; - - .portrait { - border: 0; - border-right: @thinBorder solid var(--color-underline-header); - } - - .class-info { - flex: 1; - background: @primaryAccent; - // -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 55px) 100%, 0px 100%); - // clip-path: polygon(0 0, 100% 0, calc(100% - 75px) 100%, 0px 100%); - - .portrait { - max-width: 120px; - } - - .class-title { - text-align: center; - display: flex; - justify-content: space-between; - - span:hover { - filter: drop-shadow(0px 0px 3px red); - cursor: pointer; - } - - .domain-container { - margin-left: @halfMargin; - } - } - - .class-add-container { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - flex: 0; - - button { - height: 22px; - width: 22px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - margin-left: @halfMargin; - background: @primaryAccent; - } - } - - .domain-title { - text-transform: uppercase; - display: flex; - flex-direction: column; - align-items: center; - line-height: 23px; - font-weight: bold; - font-style: italic; - } - - .domain-image { - height: 30px; - flex: 0; - } - } - .general-info { - flex: 2; - display: flex; - flex-direction: column; - justify-content: space-between; - - .general-input { - position: relative; - - .general-title { - position: absolute; - left: 4px; - // height: 100%; - text-align: center; - font-weight: bold; - text-transform: uppercase; - } - } - - .pc-tabs { - flex: 1; - margin: 0; - } - - .rest-container { - flex-wrap: nowrap; - display: flex; - height: var(--form-field-height); - flex: 0; - - button { - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - width: var(--form-field-height); - - i { - font-size: 13px; - } - } - } - - .level-container { - position: relative; - bottom: 4px; - flex: none; - width: 40px; - border: none; - outline: none; - margin-left: @fullMargin; - - &.levelup { - filter: drop-shadow(0px 0px 3px gold); - } - - img { - height: 40px; - width: 40px; - border: none; - } - - .level-value-container { - width: 48px; - position: absolute; - top: calc(50% - 17px); - left: calc(50% - 23px); - - .level-value { - font-weight: bold; - font-size: 20px; - text-align: center; - &:not(:hover), - &:not(:focus) { - border: none; - } - } - - .levelup-marker { - position: absolute; - top: 0; - right: calc(50% - 12px); - color: gold; - filter: drop-shadow(0px 0px 3px black); - - &.double-digit { - right: calc(50% - 20px); - } - } - } - - .level-title { - position: absolute; - bottom: 2px; - width: 42px; - background-color: black; - color: white; - left: calc(50% - 21px); - text-align: center; - border-radius: 5px; - font-size: 12px; - - &.levelup { - color: gold; - filter: drop-shadow(0px 0px 3px orange); - font-weight: bold; - cursor: pointer; - &:hover { - background-color: aliceblue; - } - } - } - } - } - } - - .sheet-body { - display: flex; - flex-direction: column; - flex: 1; - - .tab-container { - height: 100%; - display: flex; - flex-direction: column; - - .tab-inner-container { - flex: 1; - - .body-section { - display: flex; - flex-direction: column; - - fieldset { - flex: 0; - } - } - } - } - - .system-info { - font-size: 12px; - font-style: italic; - font-weight: bold; - margin-top: -@halfMargin; - flex: 0; - } - - .feature-sheet-body { - gap: @halfMargin; - } - - .abilities-container { - position: relative; - display: flex; - flex-wrap: wrap; - border-radius: 6px; - padding-left: 0; - // flex: 2.5; - - legend { - margin-left: auto; - margin-right: auto; - font-weight: bold; - text-transform: uppercase; - padding: 0 @fullMargin; - position: relative; - } - - .attributes-menu { - position: absolute; - bottom: calc(50% - 12px); - font-size: 24px; - left: -8px; - } - - .attribute { - position: relative; - padding: 0 0 @fullPadding; - display: flex; - flex-direction: column; - align-items: center; - flex-basis: 33.33%; - // flex: 1; - - .attribute-banner { - position: relative; - top: 8px; - z-index: 2; - background: black; - color: white; - text-transform: uppercase; - padding: @smallPadding; - border-radius: 6px; - display: flex; - align-items: center; - overflow: hidden; - min-width: 96px; - - .attribute-roll { - position: absolute; - width: 16px; - transition: transform 0.2s; - - &:hover { - transform: rotate(30deg); - filter: drop-shadow(0px 0px 3px red); - cursor: pointer; - } - } - - .attribute-text { - width: 100%; - margin-left: @largeMargin; - font-size: 12px; - } - } - - .attribute-mark { - height: 23px; - width: 23px; - position: absolute; - right: -5px; - top: 6px; - border: 2px solid black; - border-radius: 50%; - background: white; - z-index: 2; - display: flex; - align-items: center; - justify-content: center; - - &.selectable { - border-color: gold; - filter: drop-shadow(0 0 3px black); - - &:hover i { - opacity: 0.3; - } - } - - & i.selected, - &:hover i.selected { - color: green; - opacity: 1; - } - - i { - color: black; - font-size: 17px; - opacity: 0; - } - } - - .attribute-image { - position: relative; - width: fit-content; - display: flex; - - img { - height: 80px; - width: 80px; - border: none; - } - - .attribute-value { - width: 55px; - padding-right: 10px; - position: absolute; - top: calc(50% - 18px); - left: calc(50% - 24px); - font-weight: bold; - font-size: 30px; - line-height: 30px; - text-align: center; - border: none; - appearance: none; - -moz-appearance: none; - -webkit-appearance: none; - &.negative { - left: calc(50% - 29px); - } - &.unselected { - filter: drop-shadow(0 0 3px @secondaryShadow); - } - } - - .attribute-text { - width: 47px; - position: absolute; - top: calc(50% - 22px); - left: calc(50% - 24px); - font-weight: bold; - font-size: 30px; - text-align: center; - - &.negative { - left: calc(50% - 29px); - } - } - } - - .attribute-verb { - font-variant: petite-caps; - } - } - } - - .defense-row { - height: 100%; - width: 100%; - display: flex; - align-items: baseline; - justify-content: space-evenly; - - .defense-section { - display: flex; - align-items: center; - margin-right: @fullMargin; - - .defense-container { - position: relative; - padding: @fullPadding; - max-width: 100px; - - img { - border: none; - max-width: 80px; - } - - .defense-value { - width: 47px; - position: absolute; - top: calc(50% - 22px); - left: calc(50% - 24px); - font-weight: bold; - font-size: 30px; - text-align: center; - &:not(:hover), - &:not(:focus) { - border: none; - } - } - - .defense-banner { - position: absolute; - bottom: 20px; - left: calc(50% - 42px); - z-index: 2; - background-color: black; - color: white; - width: 84px; - text-align: center; - } - } - } - - .armor-marks { - max-width: 67px; - padding: @fullPadding; - align-self: end; - margin-left: @halfMargin; - - .mark { - width: 16px; - height: 16px; - margin: 0px; - } - - .disabled-mark { - opacity: 0.6; - } - } - } - - .left-main-container { - position: relative; - display: flex; - flex-direction: column; - align-items: flex-start; - border-radius: @normalRadius; - - height: 100px; - width: 100px; - - .legend { - margin-left: auto; - margin-right: auto; - font-weight: bold; - text-transform: uppercase; - padding: 0 @fullPadding; - position: relative; - } - } - - .weapon-section { - padding-top: 8px; - } - - .threshold-container { - position: relative; - display: flex; - align-items: center; - align-self: center; - - .threshold-box { - position: relative; - width: 30px; - height: 30px; - border: @normalBorder solid black; - display: flex; - align-items: center; - justify-content: center; - font-size: 20px; - font-weight: bold; - } - - .threshold-spacer { - position: relative; - z-index: 2; - width: 70px; - height: 18px; - background-color: darkgray; - color: white; - display: flex; - justify-content: center; - align-items: center; - } - } - - .resource-label { - text-transform: uppercase; - font-weight: bold; - } - - .death-save { - position: absolute; - right: -22px; - - &:hover:not(.disabled) { - filter: drop-shadow(0 0 3px @mainShadow); - cursor: pointer; - } - - &.disabled { - opacity: 0.4; - } - } - - .resource-box { - width: 20px; - height: 12px; - - &.stress:nth-child(even) { - position: relative; - right: 1px; - } - - .disabled { - opacity: 0.6; - } - } - - .hope-text { - font-size: 11.7px; - margin-right: 6px; - } - - .hope-container { - background: darkgray; - border-radius: 6px; - display: flex; - padding: @smallPadding 0px; - - .vertical-separator { - border-left: 2px solid white; - height: auto; - margin: @halfMargin 0; - flex: 0; - } - - .hope-inner-container { - position: relative; - - .hope-value { - width: 16px; - height: 16px; - } - - .hope-scar { - position: absolute; - top: calc(50% - 6px); - left: calc(50% - 7px); - opacity: 0.4; - font-size: 12px; - -webkit-transform: scaleX(-1); - transform: scaleX(-1); - } - } - } - - .experience-row { - width: 100%; - display: flex; - align-items: flex-end; - - .experience-selector { - font-size: 18px; - cursor: pointer; - margin-right: @halfMargin; - opacity: 0.5; - - &:hover:not(.selected) { - filter: drop-shadow(0 0 3px gold); - } - - &.selected { - filter: drop-shadow(0 0 3px gold); - opacity: 1; - } - } - - .experience-value { - margin-left: @fullMargin; - width: 30px; - border-bottom: @normalBorder solid black; - border-radius: 4px; - text-align: center; - font-weight: bold; - - &.empty { - border: 0; - } - } - - .disabled-experience { - border: @thinBorder solid @borderTertiary; - background: rgba(0, 0, 0, 0.2); - } - } - .gold-section { - width: calc(100% - 8px); - display: flex; - justify-content: space-between; - - fieldset.gold-fieldset { - padding-right: 0; - padding-left: 0; - padding-bottom: @fullPadding; - - legend { - margin-left: auto; - margin-right: auto; - font-size: 15px; - font-variant: all-petite-caps; - font-weight: bold; - } - - .gold-column { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 100%; - gap: @halfMargin; - } - - .gold-row { - display: flex; - align-items: center; - justify-content: center; - padding: 0 @fullPadding; - gap: @tinyMargin; - } - - .gold-row, - .gold-column { - img { - min-width: 14px; - min-height: 14px; - height: 14px; - border: 0; - filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%); - - &:hover { - cursor: pointer; - filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) - contrast(103%) drop-shadow(0 0 3px @mainShadow); - } - } - - i:hover { - cursor: pointer; - filter: drop-shadow(0 0 3px @mainShadow); - } - - img:not(.owned), - i:not(.owned) { - opacity: 0.4; - } - } - } - } - - .health-category { - text-transform: uppercase; - } - - .class-feature-selectable { - cursor: pointer; - - &:hover { - filter: drop-shadow(0 0 3px @mainShadow); - } - - &.inactive { - opacity: 0.5; - } - } - - .features-container { - width: 100%; - min-height: 136px; - - .feature-container { - display: flex; - align-items: center; - justify-content: space-between; - padding: @fullPadding; - margin-bottom: 0; - - .feature-img { - max-width: 42px; - } - - .feature-label { - font-weight: bold; - font-size: 30px; - } - - button { - flex: 0; - } - } - - .feature-tick-container { - flex: 0; - min-width: 56px; - display: flex; - flex-wrap: wrap; - gap: @fullMargin; - margin: 0 @threeQuarterMargin; - - .feature-tick { - position: relative; - border: @normalBorder solid @borderTertiary; - height: 24px; - border-radius: 50%; - width: 24px; - background: rgba(0, 0, 0, 0.05); - display: flex; - justify-content: center; - - &:hover:not(.disabled):not(.used) { - cursor: pointer; - filter: drop-shadow(0 0 3px @mainShadow); - } - - &.disabled { - opacity: 0.3; - } - - img { - border: 0; - width: 24px; - height: 24px; - filter: invert(17%) sepia(0%) saturate(0%) hue-rotate(19deg) brightness(102%) contrast(84%); - } - - .feature-dice-value { - font-size: 18px; - align-self: center; - } - - &.used::after { - position: absolute; - content: '/'; - color: @borderTertiary; - font-weight: 700; - font-size: 1.7em; - left: 4px; - top: -5px; - transform: rotate(25deg); - font-size: 24.5px; - } - } - } - } - - .feature-input { - border: 0; - border-bottom: @thinBorder solid @borderTertiary; - text-align: center; - height: min-content; - background: inherit; - font-size: 20px; - position: relative; - bottom: 3px; - } - - .editor { - height: 400px; - width: 100%; - } - - .weapons-title { - position: relative; - display: flex; - flex-direction: column; - align-items: center; - - .proficiency-container { - width: 176px; - height: 20px; - position: absolute; - bottom: -15px; - left: calc(50% - 88px); - text-transform: uppercase; - display: flex; - align-items: center; - justify-content: center; - z-index: 1; - clip-path: polygon(11% 100%, 89% 100%, 100% 0%, 0% 0%); - font-size: 10px; - - span { - margin-right: @tinyMargin; - } - - .proficiency-dot { - background: white; - color: white; - font-size: 10px; - padding: 1px; - border-radius: 50%; - - &.marked { - color: black; - } - - &:not(:last-of-type) { - margin-right: @tinyMargin; - } - } - } - } - - .weapons-burden { - position: absolute; - top: -4px; - right: -56px; - display: flex; - align-items: center; - - .weapons-burden-icon { - color: white; - font-size: 22px; - -webkit-text-stroke-width: 1px; - -webkit-text-stroke-color: black; - - &.active { - -webkit-text-stroke-color: rgba(0, 0, 0, 0.05); - color: black; - } - - &.left { - -webkit-transform: scaleX(-1) rotate(20deg); - transform: scaleX(-1) rotate(20deg); - margin-right: 4px; - } - - &.right { - transform: rotate(20deg); - } - } - } - - .armor-container { - display: flex; - align-items: center; - - .active-item-label-chip { - margin-left: @halfMargin; - } - } - - .item-section { - .active-item-container { - display: flex; - flex-direction: column; - width: 100%; - padding: @smallPadding 0px; - - .weapons-label-row { - display: flex; - align-items: center; - - .damage-roll { - width: 24px; - border: none; - margin-left: @halfMargin; - transition: transform 0.2s; - - &:hover { - transform: rotate(30deg); - filter: drop-shadow(0px 0px 3px red); - cursor: pointer; - } - } - } - } - - .active-item-label-chip { - width: 62px; - border: @normalBorder solid black; - border-radius: 6px; - background-color: @primaryAccent; - display: flex; - align-items: center; - justify-content: space-around; - margin-left: @fullPadding; - - img { - height: 20px; - } - - button { - height: 17px; - width: 17px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - background: rgb(122, 121, 113); - border-color: black; - margin: 0; - - &:hover { - background: red; - } - - i { - font-size: 10px; - color: black; - } - } - } - } - - .inventory-armor-section, - .inventory-weapon-section { - width: 100%; - margin-bottom: @fullMargin; - text-transform: uppercase; - - h2 { - width: 100%; - display: flex; - align-items: center; - } - } - - .inventory-legend { - display: flex; - align-items: center; - margin-bottom: @halfMargin; - - .page-selector { - margin-left: 4px; - display: flex; - align-items: center; - - i { - &:hover:not(.disabled) { - cursor: pointer; - filter: drop-shadow(0px 0px 3px red); - } - - &.disabled { - opacity: 0.4; - } - } - } - } - - .inventory-add-button { - position: absolute; - border-radius: 50%; - height: 15px; - width: 15px; - top: -20px; - background: grey; - border-color: black; - right: 6px; - display: flex; - font-size: 13px; - align-items: center; - justify-content: center; - } - - .inventory { - width: 100%; - - .inventory-row { - height: 26px; - border-bottom: @thinBorder solid @borderTertiary; - display: flex; - margin-bottom: @fullMargin; - border-radius: 8px; - - .item-container { - flex-basis: 25%; - margin: 0 @halfMargin @fullMargin; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - - &:hover { - filter: drop-shadow(0px 0px 3px red); - } - - .inventory-item { - background: @primaryAccent; - padding: @fullPadding; - border: @thinBorder solid black; - border-radius: 6px; - display: flex; - align-items: center; - - .inventory-item-text { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - flex: 1; - } - - button { - height: 16px; - width: 16px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - flex: 0; - background: @secondaryBackground; - border-color: black; - margin-left: @halfMargin; - - i { - font-size: 12px; - } - } - } - } - } - - .editor { - height: 100px; - } - } - - .inventory-items { - width: 100%; - flex: 1; - display: flex; - flex-direction: column; - justify-content: space-between; - } - - .domain-card-tab { - flex: 1; - - .domain-card-body { - height: 100%; - width: 100%; - padding: @largePadding; - display: flex; - flex-direction: column; - - .card-row { - flex: 1; - display: flex; - } - - .domain-card { - flex: 0; - flex-basis: 33.33%; - margin: @fullMargin; - } - - .loadout-body { - flex: 1; - - .loadout-container { - height: 100%; - display: flex; - flex-direction: column; - gap: @fullMargin; - - .top-card-row { - flex: 1; - display: flex; - justify-content: space-around; - } - - .domain-card.outlined { - border: @normalBorder dotted black; - padding: 0; - margin: @fullMargin; - height: calc(100% - 16px); - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-evenly; - } - } - } - - .vault-container { - display: flex; - flex-wrap: wrap; - overflow-y: auto; - height: 100%; - - .vault-card { - flex: 0; - flex-basis: calc(33.33% - 16px); - margin: 8px; - height: calc(50% - 16px); - min-height: calc(50% - 16px); - } - } - - .domain-card-menu { - flex: 0; - width: 120px; - height: 100%; - border-width: @normalBorder 0 @normalBorder @normalBorder; - border-color: black; - border-style: solid; - - button { - margin-bottom: @tinyMargin; - } - } - } - } - - .loadout-tabs { - border-top: @thinBorder solid @borderPrimary; - border-bottom: @thinBorder solid @borderPrimary; - } - - .abilities-card { - position: relative; - border: @thickBorder solid @secondaryAccent; - border-radius: 6px; - display: flex; - flex-direction: column; - height: 100%; - font-size: 14px; - - .abilities-card-image-container { - position: relative; - // height: 50%; - } - - .abilities-card-image { - width: 100%; - height: 100%; - aspect-ratio: 2; - } - - .abilities-text-container { - flex: 1; - position: relative; - height: 50%; - display: flex; - flex-direction: column; - overflow-y: auto; - padding: 12px 4px 4px; - } - - .abilities-card-level { - position: absolute; - top: 0; - left: 12px; - color: black; - height: 60px; - border: @normalBorder solid orange; - border-top-width: 0; - width: 30px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-evenly; - background: grey; - font-size: 20px; - font-weight: bold; - - img { - border: 0; - width: 20px; - } - } - .abilities-card-refresh-cost { - position: absolute; - top: 12px; - right: 12px; - color: white; - width: 30px; - height: 30px; - border: @normalBorder solid orange; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - background: black; - font-size: 14px; - i { - font-size: 11px; - } - } - - .abilities-card-type { - flex: 0; - display: flex; - justify-content: center; - align-items: center; - font-weight: bold; - position: absolute; - left: 0; - text-align: center; - width: 100%; - bottom: -9px; - z-index: 1; - - .abilities-card-type-text { - padding: 0px 4px; - border: 1px solid black; - border-radius: 6px; - background: gold; - } - } - - .abilities-card-title { - flex: 0; - display: flex; - justify-content: center; - align-items: center; - font-weight: bold; - font-size: 18px; - } - - .abilities-card-sub-title { - flex: 0; - display: flex; - justify-content: center; - align-items: center; - font-style: italic; - font-size: 12px; - } - - .abilities-card-spellcast { - flex: 0; - display: flex; - justify-content: center; - align-items: center; - text-transform: uppercase; - font-size: 12px; - - .title { - font-weight: bold; - } - } - - .abilities-card-description { - flex: 0; - font-size: 12px; - margin-bottom: 4px; - } - - .abilities-card-effect { - cursor: pointer; - - &:hover { - background: rgb(47 79 79 / 25%); - } - - > * { - margin-top: 0; - margin-bottom: 0; - } - } - - .abilities-card-abilities { - flex: 1; - display: flex; - flex-direction: column; - gap: 4px; - - .abilities-card-ability { - font-size: 12px; - cursor: pointer; - - &:hover { - background: rgb(47 79 79 / 25%); - } - - > * { - margin: 0; - } - } - } - - &:hover .abilities-card-menu { - height: 40px; - left: 0px; - } - - .abilities-card-menu { - display: flex; - justify-content: center; - align-items: center; - height: 0; - transition: height 0.2s; - overflow: hidden; - position: absolute; - bottom: 0; - z-index: 2; - width: 100%; - background: grey; - - button { - font-weight: bold; - } - } - } - - .heritage-container { - height: 100%; - display: flex; - flex-direction: column; - gap: @fullMargin; - - .card-row { - height: 50%; - display: flex; - justify-content: space-around; - } - - .heritage-card { - flex-basis: 33.33%; - margin: @fullMargin; - display: flex; - align-items: center; - justify-content: center; - - &.outlined { - border: @normalBorder dotted black; - font-size: 25px; - } - } - } - - .empty-ability-container { - height: 100%; - display: flex; - flex-direction: column; - align-items: center; - font-size: 25px; - opacity: 0.7; - - .empty-ability-inner-container { - flex: 1; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - - i { - font-size: 48px; - } - } - } - - .story-container { - gap: @largeMargin; - - .story-fieldset { - border-radius: 6px; - } - - .story-legend { - margin-left: auto; - margin-right: auto; - padding: 0 8px; - font-size: 30px; - font-weight: bold; - } - - .scars-container { - .editor { - height: 240px; - } - } - } - - .inventory-container { - height: 100%; - overflow: auto; - - .inventory-item-list { - list-style-type: none; - padding: 0 @largePadding; - margin-top: 0; - - &.inventory-item-header { - margin-bottom: 0; - } - - .inventory-title-row-container { - display: flex; - align-items: center; - width: 100%; - border-bottom: @thickBorder ridge slategrey; - - .inventory-title-row { - justify-content: space-between; - flex: 1; - } - - .inventory-item-title-container { - flex: 1; - display: flex; - align-items: center; - justify-content: flex-start; - } - - .inventory-item-quantity { - width: 48px; - display: flex; - align-items: center; - margin-right: 96px; // Icon toolbar spacing - } - } - - .inventory-item { - background: crimson; - - &:not(:last-of-type) { - border-bottom: @normalBorder ridge slategrey; - } - - .inventory-item-title-container { - flex: 1; - display: flex; - align-items: center; - justify-content: flex-start; - - .inventory-item-title { - display: flex; - align-items: center; - cursor: pointer; - - &:hover { - filter: drop-shadow(0 0 3px @secondaryShadow); - } - } - } - - .inventory-item-quantity { - width: 60px; - display: flex; - align-items: center; - - &.spaced { - margin-right: 56px; - } - - input { - margin: 0 @tinyMargin; - border: 0; - border-bottom: 2px solid black; - } - - i { - font-size: 20px; - } - } - } - - .inventory-title-row { - font-size: 20px; - font-weight: bold; - display: flex; - align-items: center; - padding: 0 @fullPadding; - } - - .inventory-row { - display: flex; - align-items: center; - padding: @fullPadding; - font-size: 24px; - - .row-icon { - margin-left: @halfMargin; - } - - .active-item { - position: absolute; - font-size: 16px; - left: calc(50% - 8px); - top: calc(50% - 8px); - margin-left: @tinyMargin; - color: crimson; - } - - img { - width: 32px; - } - } - } - } - } - } -} diff --git a/styles/sheets/activeEffect.less b/styles/sheets/activeEffect.less deleted file mode 100644 index 86a29244..00000000 --- a/styles/sheets/activeEffect.less +++ /dev/null @@ -1,5 +0,0 @@ -.application.sheet.daggerheart.dh-style.active-effect-config { - label { - white-space: nowrap; - } -} diff --git a/styles/sheets/class.less b/styles/sheets/class.less deleted file mode 100644 index 09dafcff..00000000 --- a/styles/sheets/class.less +++ /dev/null @@ -1,65 +0,0 @@ -.daggerheart.sheet.class .guide .drop-section { - width: 100%; -} -.daggerheart.sheet.class .guide .drop-section legend { - margin-left: auto; - margin-right: auto; - font-size: 12px; -} -.daggerheart.sheet.class .guide .drop-section .drop-section-body { - min-height: 40px; - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.sheet.class .guide .trait-input { - text-align: center; - min-width: 24px; -} -.daggerheart.sheet.class .guide .suggested-item { - border-radius: 6px; - display: flex; - justify-content: space-between; - align-items: center; - width: 100%; -} -.daggerheart.sheet.class .guide .suggested-item img { - width: 30px; -} -.daggerheart.sheet.class .guide .suggested-item div { - text-align: center; -} -.daggerheart.sheet.class .guide .suggested-item i { - border-radius: 50%; - margin-right: 4px; - font-size: 11px; -} -.daggerheart.sheet.class .guide .extra-section { - display: flex; - flex-direction: column; - align-items: center; -} -.daggerheart.sheet.class .guide .extra-section .extra-title { - font-size: 14px; - font-weight: bold; -} -.daggerheart.sheet.class .guide-section-title-centered { - font-weight: bold; - font-size: 18px; -} -.daggerheart.sheet.class .inventory-section { - width: 100%; - border: 2px solid black; - border-style: dotted; - min-height: 80px; -} -.daggerheart.sheet.class .inventory-section .inventory-title { - font-weight: bold; - font-size: 14px; - text-align: center; -} -.daggerheart.sheet.class .domain-section { - display: flex; - align-items: center; - gap: 5px; -} diff --git a/styles/sheets/heritage.less b/styles/sheets/heritage.less deleted file mode 100644 index 84af64bc..00000000 --- a/styles/sheets/heritage.less +++ /dev/null @@ -1,5 +0,0 @@ -.daggerheart.sheet.heritage { - .editor { - height: 200px; - } -} diff --git a/styles/sheets/sheets.less b/styles/sheets/sheets.less deleted file mode 100644 index 5c9b43a1..00000000 --- a/styles/sheets/sheets.less +++ /dev/null @@ -1,185 +0,0 @@ -@import './heritage.less'; -@import './class.less'; -@import './activeEffect.less'; - -.daggerheart.sheet { - .title-container { - display: flex; - gap: @fullMargin; - - div { - flex: 1; - align-items: baseline; - } - } - - .editor-form-group { - display: flex; - flex-direction: column; - - label { - font-weight: bold; - text-align: center; - } - } - - .option-select { - position: absolute; - top: calc(50% - 10px); - right: 8px; - height: 20px; - width: 20px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - padding: 8px; - - &.deeper { - right: 32px; - } - - &:hover:not(:disabled) { - filter: drop-shadow(0px 0px 3px @mainShadow); - cursor: pointer; - } - - i { - margin: 0; - font-size: 11px; - } - } - - .ability-title { - width: 100%; - display: flex; - - h2 { - flex: 1; - } - - i { - cursor: pointer; - - &:hover { - filter: drop-shadow(0px 0px 3px @mainShadow); - } - } - } - - .ability-choices { - display: flex; - align-items: center; - flex-wrap: wrap; - } - - .ability-chip { - border: 2px solid @secondaryAccent; - border-radius: 6px; - display: flex; - align-items: center; - padding: 4px; - margin-bottom: 6px; - flex: calc(33% - 4px); - max-width: calc(33% - 4px); - - &.selected { - filter: drop-shadow(0px 0px 3px @mainShadow); - } - - &:nth-of-type(3n-1) { - margin-left: 6px; - margin-right: 6px; - } - - input { - border: 0; - } - - button { - flex: 0; - border-radius: 50%; - height: 20px; - width: 20px; - display: flex; - align-items: center; - justify-content: center; - margin: 2px 0 2px 4px; - padding: 12px; - - i { - margin: 0; - } - } - } - - .object-select-display { - position: relative; - width: calc(100% - 2px); - background: rgba(0, 0, 0, 0.05); - height: var(--form-field-height); - display: flex; - border: 1px solid rgb(122, 121, 113); - border-radius: 3px; - - .object-select-title { - position: absolute; - left: 4px; - text-align: center; - font-weight: bold; - text-transform: uppercase; - } - - .object-select-text { - align-self: center; - } - - .object-select-item { - cursor: pointer; - &:hover { - filter: drop-shadow(0px 0px 3px red); - } - } - } - - .feature-container { - display: flex; - align-items: center; - justify-content: space-between; - background: @primaryAccent; - padding: 8px; - border: 2px solid black; - border-radius: 6px; - - &:not(:last-child) { - margin-bottom: 8px; - } - - .feature-inner-container { - display: flex; - align-items: center; - - img { - height: 40px; - width: 40px; - margin-right: 8px; - } - - .feature-title { - font-size: 22px; - font-weight: bold; - font-style: italic; - } - } - - button { - height: 40px; - width: 40px; - background: inherit; - border: 0; - - i { - } - } - } -} diff --git a/styles/ui.less b/styles/ui.less deleted file mode 100644 index 09a3511f..00000000 --- a/styles/ui.less +++ /dev/null @@ -1,122 +0,0 @@ -.combat-sidebar { - .encounter-controls.combat { - justify-content: space-between; - - .encounter-fear-controls { - display: flex; - align-items: center; - gap: 8px; - - .encounter-fear-dice-container { - display: flex; - gap: 2px; - - .encounter-control-fear-container { - display: flex; - position: relative; - align-items: center; - justify-content: center; - color: black; - - .dice { - height: 22px; - width: 22px; - } - - .encounter-control-fear { - position: absolute; - font-size: 16px; - } - - .encounter-control-counter { - position: absolute; - right: -10px; - color: var(--color-text-secondary); - } - } - } - - .encounter-countdowns { - color: var(--content-link-icon-color); - } - } - - .control-buttons { - width: min-content; - } - } - - .combatant-controls { - flex: 0; - } - - .token-actions { - align-self: stretch; - display: flex; - align-items: top; - justify-content: center; - gap: 16px; - - .action-tokens { - display: flex; - gap: 4px; - - .action-token { - height: 22px; - width: 22px; - border: 1px solid; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-size: 10px; - padding: 8px; - --button-size: 0; - - &.used { - opacity: 0.5; - background: transparent; - } - } - } - - button { - font-size: 22px; - height: 24px; - width: 24px; - - &.main { - background: var(--button-hover-background-color); - color: var(--button-hover-text-color); - border-color: var(--button-hover-border-color); - - &:hover { - filter: drop-shadow(0 0 3px var(--button-hover-text-color)); - } - } - } - } - - .spotlight-control { - font-size: 26px; - - &:focus { - outline: none; - box-shadow: none; - } - - &.discrete:hover { - background: inherit; - } - - &.requesting { - filter: drop-shadow(0 0 3px gold); - color: var(--button-hover-text-color); - } - } - - h4 { - margin: 0; - text-align: center; - } -} diff --git a/styles/variables/colors.less b/styles/variables/colors.less deleted file mode 100644 index 0468c1e6..00000000 --- a/styles/variables/colors.less +++ /dev/null @@ -1,37 +0,0 @@ -/* General */ -@advantage: #008000; -@disadvantage: #b30000; -@miss: rgb(255, 0, 0); -@hit: rgb(0, 128, 0); -@positive: #699969; -@negative: #ff7f7f; - -@borderPrimary: #b5b3a4; -@borderTertiary: #7a7971; - -/* Drop Shadows */ -@mainShadow: red; -@secondaryShadow: gold; - -/* Background */ -@secondaryBackground: #7a7971; -@primaryAccent: #778899; -@secondaryAccent: #708090; -@formBackground: #782e22; -@hoverBackground: #2f4f4f40; - -/* Duality */ -@hope: #ffe760; -@hopeBackgroundStart: rgba(0, 0, 0, 0.6); -@hopeBackgroundEnd: rgba(165, 42, 42, 0.6); -@fear: #0032b1; -@fearAccent: #2555cd; -@fearBackgroundStart: rgba(15, 15, 97, 0.6); -@fearBackgroundEnd: rgba(0, 0, 255, 0.6); -@critical: #430070; -@criticalAccent: #66159c; -@criticalBackgroundStart: rgba(37, 8, 37, 0.6); -@criticalBackgroundEnd: rgba(128, 0, 128, 0.6); - -/* Fear */ -@primary-color-fear: rgba(9, 71, 179, 0.75); diff --git a/styles/variables/variables.less b/styles/variables/variables.less deleted file mode 100644 index ef536475..00000000 --- a/styles/variables/variables.less +++ /dev/null @@ -1,2 +0,0 @@ -@import './colors.less'; -@import './values.less';