diff --git a/less/update/_variables-dark.less b/less/update/_variables-dark.less index db200f10..97cbfd1c 100644 --- a/less/update/_variables-dark.less +++ b/less/update/_variables-dark.less @@ -110,4 +110,37 @@ @foundryNavContextShadow: darken(@colorBlue, 20); @foundryNavContextBorderColor: @colorBlue; -@foundryPlayersArrowColor: @colorLightGray; \ No newline at end of file +@foundryPlayersArrowColor: @colorLightGray; + +@actorPanelBgColor: white; +@actorNameColor: @colorRed; +@actorXPBarBorder: @colorGray; +@actorXPBarBackground: @colorPaleBlue; +@actorXPBarColor: @colorBlue; +@actorProficiencyTextColor: @colorGray; +@actorAttributeInputColor: @colorGray; +@actorSeparatorColor: @colorLightGray; +@actorAttributeButtonBorder: @colorPaleGray; +@actorAttributeButtonBorderHover: @colorRed; +@actorNavigationTabsColor: @colorGray; +@actorNavigationTabsActiveColor: @colorRed; +@actorNavigationTabsHoverBgColor: rgba(@colorGray, 0.1); +@actorNavigationTabsActiveHoverBgColor: rgba(@colorRed, 0.1); +@actorFilterBorderColor: @colorLightGray; +@actorFilterHoverColor: @colorRed; +@actorFilterActiveColor: @colorRed; +@actorGroupListHeaderBgColor: lighten(@colorPaleGray, 10); +@actorGroupListTitleBorderColor: @colorBlue; +@actorGroupListColumnBorderColor: @colorPaleGray; +@actorGroupListAltRowColor: lighten(@colorPaleGray, 10); +@actorItemRollableD20Color: @colorGray; +@actorItemRollableD20HoverColor: @colorRed; +@actorItemControlToggleColor: @colorLightGray; +@actorAbilityScoreColor: @colorGray; +@actorAbilityBorderColor: @colorPaleGray; +@actorSkillsAltRowColor: lighten(@colorPaleGray, 10); +@actorEncumbranceLabelBackground: @colorPaleGray; +@actorEncumbranceTextColor: @colorBlack; +@actorEncumbranceBorderColor: @colorBlack; +@actorEncumbranceBarBgColor: @colorPaleBlue; +@actorEncumbranceBarColor: @colorBlue; \ No newline at end of file diff --git a/less/update/_variables-light.less b/less/update/_variables-light.less index dd46b2a6..8a9e849d 100644 --- a/less/update/_variables-light.less +++ b/less/update/_variables-light.less @@ -107,4 +107,37 @@ @foundryNavContextShadow: darken(@colorBlue, 20); @foundryNavContextBorderColor: @colorBlue; -@foundryPlayersArrowColor: @colorLightGray; \ No newline at end of file +@foundryPlayersArrowColor: @colorLightGray; + +@actorPanelBgColor: white; +@actorNameColor: @colorRed; +@actorXPBarBorder: @colorGray; +@actorXPBarBackground: @colorPaleBlue; +@actorXPBarColor: @colorBlue; +@actorProficiencyTextColor: @colorGray; +@actorAttributeInputColor: @colorGray; +@actorSeparatorColor: @colorLightGray; +@actorAttributeButtonBorder: @colorPaleGray; +@actorAttributeButtonBorderHover: @colorRed; +@actorNavigationTabsColor: @colorGray; +@actorNavigationTabsActiveColor: @colorRed; +@actorNavigationTabsHoverBgColor: rgba(@colorGray, 0.1); +@actorNavigationTabsActiveHoverBgColor: rgba(@colorRed, 0.1); +@actorFilterBorderColor: @colorLightGray; +@actorFilterHoverColor: @colorRed; +@actorFilterActiveColor: @colorRed; +@actorGroupListHeaderBgColor: lighten(@colorPaleGray, 10); +@actorGroupListTitleBorderColor: @colorBlue; +@actorGroupListColumnBorderColor: @colorPaleGray; +@actorGroupListAltRowColor: lighten(@colorPaleGray, 10); +@actorItemRollableD20Color: @colorGray; +@actorItemRollableD20HoverColor: @colorRed; +@actorItemControlToggleColor: @colorLightGray; +@actorAbilityScoreColor: @colorGray; +@actorAbilityBorderColor: @colorPaleGray; +@actorSkillsAltRowColor: lighten(@colorPaleGray, 10); +@actorEncumbranceLabelBackground: @colorPaleGray; +@actorEncumbranceTextColor: @colorBlack; +@actorEncumbranceBorderColor: @colorBlack; +@actorEncumbranceBarBgColor: @colorPaleBlue; +@actorEncumbranceBarColor: @colorBlue; \ No newline at end of file diff --git a/less/update/components/actor-global.less b/less/update/components/actor-global.less new file mode 100644 index 00000000..ea952caa --- /dev/null +++ b/less/update/components/actor-global.less @@ -0,0 +1,988 @@ + +.panel { + padding: 8px; + border-radius: 4px; + .dropShadow1(); +} +.sw5e.sheet.actor.character { + min-width: 780px; + min-height: 720px; +} +.sw5e.sheet .window-content { + .openSans(12px); + + input, + select { + height: 24px; + line-height: 20px; + padding: 1px 4px; + &:hover { + box-shadow: none; + } + &:focus { + box-shadow: none; + } + } + + button { + cursor: pointer; + &:hover, + &:focus { + box-shadow: none; + } + } +} + +.sw5e.sheet.actor { + + .swalt-sheet { + display: grid; + grid-template-rows: 182px 40px auto; + + section>h1 { + .russoOne(17px); + text-align: left; + margin-bottom: 4px; + } + + header { + display: grid; + grid-template-rows: 1fr 26px auto; + grid-template-columns: 128px 1fr; + column-gap: 8px; + row-gap: 8px; + + img { + grid-column-start: 1; + grid-row-start: 1; + grid-row-end: 4; + } + + h1.character-name { + grid-row: 1; + grid-column: 2; + margin: 0; + border: none; + align-self: center; + height: auto; + + .russoOne(32px); + text-transform: uppercase; + height: auto; + + input[type="text"] { + .russoOne(32px); + text-transform: uppercase; + height: auto; + + &:focus { + text-transform: none; + } + } + } + + .level-experience { + grid-row: 1; + grid-column: 3; + + .charlevel { + .russoOne(17px); + text-align: right; + } + + .experience { + .russoOne(17px); + text-align: right; + line-height: 26px; + input { + display: inline-block; + width: 120px; + text-align: right; + } + } + + .xpbar { + height: 8px; + + .bar { + display: block; + height: 100%; + } + } + } + + .summary { + grid-column-start: 2; + grid-row-start: 2; + grid-column-end: 4; + display: grid; + grid-template-rows: 1fr; + grid-template-columns: repeat(4, 1fr); + + input, + .proficiency { + display: inline; + height: auto; + .russoOne(17px); + line-height: 24px; + } + + .proficiency { + line-height: 26px; + } + } + + .attributes { + grid-column-start: 2; + grid-row-start: 3; + grid-column-end: 4; + display: grid; + grid-template-columns: repeat(5, 1fr); + column-gap: 12px; + + h1 { + text-align: center; + } + + .attribute-value, + .attribute-value input { + .russoOne(22px); + text-align: center; + line-height: 1; + + } + + .attribute-value { + + &.multiple { + display: grid; + grid-template-columns: auto 14px auto; + + input { + width: 100%; + } + } + + input { + display: inline-block; + } + + .value-number { + display: inline-block; + text-align: right; + + padding: 0px 3px; + + &:last-child { + text-align: left; + } + } + + span.value-number { + padding: 1px 4px; + } + + .initiative { + padding: 1px 4px; + display: block; + } + } + + footer { + + + button { + background: none; + padding: 1px 3px; + font-size: inherit; + line-height: inherit; + display: inline-block; + width: auto; + + &:hover { + font-weight: 400; + } + } + + &.hit-points, + &.hit-dice, + &.initiative { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 8px; + margin-top: 0; + input, + button { + //border: 1px solid @colorPaleGray; + width: 100%; + text-align: center; + } + + button { + + font-weight: 400; + margin-top: 2px; + + } + + span { + display: block; + padding: 3px 4px; + } + } + + &.speed { + margin-top: 0; + input { + text-align: center; + } + } + } + } + } + + nav.sheet-navigation { + display: grid; + grid-template-columns: repeat(6, 1fr); + column-gap: 16px; + margin: 4px 0; + + .item { + background: none; + border: none; + border-bottom: 3px solid transparent; + border-radius: 0; + margin: 0; + padding: 0 0 8px; + line-height: 1.6; + .russoOne(16px); + } + } + .editor { + position: static; + min-height: 32px; + padding: 0; + .editor-edit { + display: block; + font-size: 12px; + background: none; + border: none; + padding: 0; + box-shadow: none; + top: 0; + right: 0; + &:hover { + text-shadow: none; + } + } + .tox.tox-tinymce { + height: 250px !important; + } + } + .tab { + display: none; + + &.active { + display: block; + } + + .filter-list { + list-style: none; + margin: 0; + padding: 0 0 8px; + display: flex; + flex-direction: row; + justify-content: flex-end; + max-width: 100%; + + .filter-title { + display: none; + font-weight: bold; + width: 50px; + } + + .filter-item { + width: 100px; + text-align: center; + + &+.filter-item { + margin-left: 12px; + } + + &:hover { + text-shadow: none; + } + + } + } + + .group-list-header { + display: grid; + padding-right: 6px; + } + + .group-list-title { + h3 { + .russoOne(17px); + margin: 4px 0 0; + padding: 0 4px; + display: inline; + border: none; + } + + .item-create { + font-size: 12px; + i { + font-size: 10px; + } + &:hover { + text-shadow: none; + } + } + + } + + .group-list-header, + .group-list { + .item-detail { + text-align: left; + padding: 4px; + } + } + + .group-list { + height: 100%; + overflow-y: scroll; + & > li:first-child { + padding-top: 8px; + } + } + + .group-list, + .group-list ol { + list-style: none; + margin: 0 0 8px; + padding: 0; + + .item-uses { + input { + display: inline-block; + width: 32px; + margin-right: 0; + text-align: right; + } + span { + padding-left: 8px; + } + .slot-max-override { + margin-left: 5px; + &:hover { + text-shadow: none; + } + } + } + li.item { + display: grid; + + h4 { + .openSans(13px, 700); + letter-spacing: 0; + } + .item-name, + .item-detail { + padding: 4px; + line-height: 30px; + } + + .item-name { + display: flex; + + .item-image { + width: 30px; + height: 30px; + position: relative; + background-size: contain; + &::before { + font-family: "Font Awesome 5 Free"; + font-weight: 900; + content: '\f6cf'; + opacity: 0; + position: absolute; + top: 0; + left: 2px; + font-size: 26px; + } + + } + + h4 { + line-height: 30px; + display: inline-block; + height: 30px; + padding-left: 8px; + margin: 0; + } + + &.rollable:hover { + text-shadow: none; + + .item-image { + background-image: none !important; + + &::before { + opacity: 1; + } + + &:hover { + background-image: none !important; + + &::before { + opacity: 1; + } + } + } + } + } + + .item-summary { + grid-column-start: 1; + grid-column-end: -1; + padding: 4px 4px 4px 38px; + } + + .item-controls { + display: flex; + flex-direction: row; + justify-content: space-evenly; + } + + .item-control { + &:hover { + text-shadow: none; + } + + } + + } + } + + .group-grid-inventory { + grid-template-columns: auto 60px 100px 100px 100px; + + &.group-list-title { + .item-controls { + grid-column-start: 5; + } + } + } + .group-grid-features { + grid-template-columns: auto 100px 100px 100px; + &.group-list-title { + display: grid; + } + .item-controls { + grid-column-start: 4; + } + + } + .group-grid-powers { + grid-template-columns: auto repeat(5, 100px); + &.group-list-title { + display: grid; + align-items: end; + .item-detail { + padding: 0 4px; + } + } + + + } + .group-grid-fav-items { + grid-template-columns: auto 60px 30px 30px 50px; + &.group-list-title { + display: grid; + align-items: end; + .item-detail { + padding: 0 4px; + } + } + } + + } + + .tab > .panel { + height: 100%; + overflow: hidden; + display: grid; + } + + .tab.attributes { + &.active { + display: grid; + } + + grid-template-columns: 350px auto; + grid-template-rows: auto; + column-gap: 16px; + + .abilities { + display: grid; + grid-template-columns: 128px auto; + grid-template-rows: auto; + column-gap: 12px; + + ol { + list-style: none; + margin: 0; + padding: 0; + } + + .scores { + li { + border-radius: 0; + padding: 4px; + &+li { + border-top: 0 !important; + } + &:first-child { + border-radius: 4px 4px 0 0; + } + + &:last-child { + border-bottom-width: 1px; + border-radius: 0 0 4px 4px; + } + + h2 { + .russoOne(14px); + border: none; + text-align: center; + margin: 0; + + &:hover { + text-shadow: none; + } + } + + .ability-score { + .russoOne(22px); + text-align: center; + width: 48px; + margin: 0 auto; + height: 24px; + display: block; + } + + .ability-modifiers { + margin: 0 -4px -4px; + display: grid; + grid-template-columns: 28px auto 28px; + + .ability-mod, + .ability-save { + padding: 2px 4px; + display: block; + font-weight: bold; + font-size: 13px; + text-align: center; + border-style: solid; + } + + .ability-mod { + border-width: 1px 1px 0 0; + border-radius: 0 4px 0 0; + } + + .ability-save { + border-width: 1px 0 0 1px; + border-radius: 4px 0 0 0; + } + + .proficiency-toggle { + border: none; + background: none; + line-height: 1; + } + } + + } + } + + .skills { + li { + display: grid; + grid-template-columns: 28px auto 18px 28px; + align-items: center; + + + .proficiency-toggle { + border: none; + background: none; + height: 23px; + line-height: 23px; + padding: 0 4px; + } + + .skill-name { + &:hover { + text-shadow: none; + } + } + + .skill-ability { + text-transform: capitalize; + } + + .skill-mod { + text-align: right; + padding-right: 4px; + } + } + } + } + + .traits-resources { + grid-template-rows: 32px auto; + nav { + margin-bottom: 4px; + + button { + display: inline-block; + width: auto; + background: none; + border: none; + border-bottom: 3px solid transparent; + border-radius: 0; + margin: 0; + padding: 0 4px; + line-height: 1.6; + .russoOne(14px); + + &+button { + margin-left: 8px; + } + } + } + + section.traits { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 16px; + row-gap: 8px; + + input, + select { + display: block; + width: 100%; + text-align: left; + } + + label { + font-size: 13px; + } + + .trait-selector { + background: none; + border: none; + display: inline; + width: auto; + &:hover { + text-shadow: none; + } + i.fas { + float: none; + &:hover { + text-shadow: none; + } + + } + + } + + .languages { + grid-column-end: span 2; + label { + &:hover { + cursor: pointer; + } + } + } + + .traits-list { + li { + display: inline; + + &::after { + content: ','; + } + + &:last-child::after { + content: ''; + } + } + } + + ul.passives { + grid-column-end: span 2; + list-style: none; + padding: 0; + margin: 0; + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 4px; + row-gap: 4px; + + strong { + font-size: 13px; + + } + } + } + + section.resources { + .resource-items { + display: grid; + grid-template-columns: repeat(3, 1fr); + column-gap: 12px; + + .resource { + + h1 { + border: none; + margin: 0; + + input { + font-family: 'Russo One'; + font-size: 16px; + font-weight: 400; + text-align: center; + margin-bottom: 4px; + border-radius: 0; + } + } + + .attribute-value, + .attribute-value input { + .russoOne(22px); + text-align: center; + line-height: 1; + } + + .attribute-value { + display: grid; + grid-template-columns: auto 14px auto; + + input { + display: block; + width: 100%; + } + + .value-number { + display: block; + width: 100%; + text-align: right; + padding: 0px 3px; + &:last-child { + text-align: left; + } + } + + span.value-number { + padding: 1px 4px; + } + + } + + .attribute-footer { + display: grid; + grid-template-columns: 1fr 1fr; + + label { + text-align: center; + } + + } + } + } + + .counters { + border: none; + margin: 16px 0; + display: grid; + grid-template-columns: repeat(3, 1fr); + + .counter { + height: auto; + border: none; + text-align: center; + + h4 { + font-size: 13px; + + //display: inline; + &.rollable { + &:hover { + text-shadow: none; + } + } + } + + .counter-value { + display: inline; + text-align: left; + } + + input[type="text"] { + display: inline-block; + width: 10px; + } + + input[type="checkbox"] { + display: inline-block; + } + + .death-success, + .death-fail { + display: inline-block; + + } + + .death-success { + margin-right: 8px; + + } + + } + } + } + } + } + + .tab.inventory { + &>.panel { + grid-template-rows: 32px 32px 24px auto; + } + + .currency-encumbrance { + display: grid; + grid-template-columns: 200px auto; + margin-bottom: 8px; + align-items: center; + } + + .currency { + .russoOne(14px); + + input { + display: inline-block; + width: 128px; + .openSans(13px); + } + } + + .encumbrance-wrapper { + display: grid; + grid-template-columns: 400px 100px; + width: 500px; + justify-self: end; + + .encumbrance-label { + font-size: 12px; + line-height: 14px; + width: 100%; + text-shadow: none; + padding: 0; + margin: 0; + height: auto; + text-align: center; + margin-left: -2px; + border-radius: 0 4px 4px 0; + } + + .encumbrance { + position: relative; + border-radius: 4px; + height: 16px; + margin: 0; + width: 100%; + + .encumbrance-bar { + position: absolute; + top: 0; + left: 0; + height: 100%; + border-radius: 4px; + border: none; + } + } + } + } + .tab.features { + &>.panel { + grid-template-rows: 24px auto; + } + } + .tab.powerbook { + &>.panel { + grid-template-rows: 32px 24px 24px auto; + } + .powercasting-ability { + display: grid; + grid-template-columns: 2fr 1fr 1fr; + label, h3 { + .russoOne(13px); + border-bottom: none; + } + .power-dc { + grid-column-start: 3; + } + } + } + .tab.biography { + grid-template-columns: 1fr 2fr; + grid-template-rows: 100%; + column-gap: 16px; + padding-bottom: 8px; + max-width: 100%; + &.active { + display: grid; + } + &>.panel { + display: block; + overflow-y: auto; + } + section { + position: relative; + } + + } + .tab.notes { + &>.panel { + display: block; + overflow-y: auto; + } + section { + position: relative; + &>input { + .russoOne(16px); + text-align: left; + margin-bottom: 4px; + } + .editor .editor-edit { + top: 3px; + } + } + } + &.limited { + grid-template-rows: 144px auto; + row-gap: 8px; + header { + grid-template-rows: 1fr; + } + + .tab.biography { + grid-template-columns: 100%; + } + } + } +} \ No newline at end of file diff --git a/less/update/components/actor-themes.less b/less/update/components/actor-themes.less new file mode 100644 index 00000000..2110214e --- /dev/null +++ b/less/update/components/actor-themes.less @@ -0,0 +1,397 @@ +.panel { + background: @actorPanelBgColor; +} + +.sw5e.sheet .window-content { + color: @colorBlack; + background: linear-gradient(90deg,#afc6d6 0,#d6d6d6 30%,#d6d6d6 70%,#afc6d6); + input, + select { + color: @colorBlack; + &:hover { + border-color: @inputBorderHover; + } + + &:focus { + border-color: @inputBorderFocus; + } + } + + button { + + &:hover, + &:focus { + border-color: @inputBorderFocus; + } + } +} + +.sw5e.sheet.actor { + color: @colorBlack; + .swalt-sheet { + section>h1 { + border-bottom: 2px solid @colorBlue; + } + + header { + + h1.character-name { + color: @actorNameColor; + + input[type="text"] { + color: @actorNameColor; + } + } + + .level-experience { + + .xpbar { + border: 1px solid @actorXPBarBorder; + background-color: @actorXPBarBackground; + + .bar { + background-color: @actorXPBarColor; + } + } + } + + .summary { + + input, + .proficiency { + color: @actorProficiencyTextColor; + } + } + + .attributes { + + .attribute-value, + .attribute-value input { + color: @actorAttributeInputColor; + } + + .attribute-value { + + .value-separator { + color: @actorSeparatorColor; + } + } + + footer { + button { + border: 1px solid @actorAttributeButtonBorder; + + &:hover { + color: @actorAttributeButtonBorderHover; + } + } + + &.hit-points, + &.hit-dice, + &.initiative { + button { + border: 1px solid @actorAttributeButtonBorder; + color: @colorRed; + + &:hover { + border-color: @actorAttributeButtonBorderHover; + } + } + + } + + } + } + } + + nav.sheet-navigation { + .item { + color: @actorNavigationTabsColor; + + &.active { + color: @actorNavigationTabsActiveColor; + border-bottom-color: @actorNavigationTabsActiveColor; + + &:hover { + background: @actorNavigationTabsHoverBgColor; + } + } + + &:hover { + background: @actorNavigationTabsHoverBgColor; + } + } + } + + .tab { + + .filter-list { + + .filter-item { + border-bottom: 2px solid @actorFilterBorderColor; + + &:hover { + color: @actorFilterHoverColor; + } + + &.active { + color: @actorFilterActiveColor; + border-bottom-color: @actorFilterActiveColor; + } + } + } + + .group-list-header { + background: @actorGroupListHeaderBgColor; + } + + .group-list-title { + border-bottom: 1px solid @actorGroupListTitleBorderColor; + } + + .group-list-header, + .group-list { + .item-detail { + border-left: 1px solid @actorGroupListColumnBorderColor; + } + } + + .group-list, + .group-list ol { + li.item { + &:nth-child(even) { + background-color: @actorGroupListAltRowColor; + } + + h4 { + color: @colorBlack; + } + + + .item-name { + + .item-image { + + &::before { + color: @actorItemRollableD20Color; + } + + } + + + &.rollable:hover { + + .item-image { + &:hover { + &::before { + color: @actorItemRollableD20HoverColor; + } + } + } + } + } + + .item-control { + &:hover { + color: @linkColor !important; + } + + &.item-toggle { + color: @actorItemControlToggleColor; + + &.active { + color: @colorBlack; + } + } + } + + } + } + + + + } + + + .tab.attributes { + .abilities { + + .scores { + li { + border: 1px solid @actorAbilityBorderColor; + + h2 { + &:hover { + color: @linkColor; + } + } + + .ability-score { + color: @actorAbilityScoreColor; + } + + .ability-modifiers { + + .ability-mod, + .ability-save { + border-color: @actorAbilityBorderColor; + } + + } + + } + } + + .skills { + li { + &:nth-child(even) { + background-color: @actorSkillsAltRowColor; + } + + + .skill-name { + &:hover { + color: @linkColor; + } + } + } + } + } + + .traits-resources { + nav { + button { + color: @actorNavigationTabsColor; + + &.active { + color: @actorNavigationTabsActiveColor; + border-bottom-color: @actorNavigationTabsActiveColor; + + &:hover { + background: @actorNavigationTabsActiveHoverBgColor; + } + } + + &:hover { + background: @actorNavigationTabsHoverBgColor; + } + + } + } + + section.traits { + .trait-selector { + i.fas { + color: @linkColor; + } + } + + .languages { + label { + &:hover { + color: @linkColor; + } + } + } + + + } + + section.resources { + .resource-items { + .resource { + h1 { + + input { + color: @headingColor; + border-bottom: 2px solid @headerBorderColor; + } + } + + .attribute-value, + .attribute-value input { + color: @actorAttributeInputColor; + } + + .attribute-value { + .value-separator { + color: @actorSeparatorColor; + } + + } + } + } + + .counters { + .counter { + h4 { + &.rollable { + &:hover { + color: @linkColor; + } + } + } + + + .death-success { + i { + color: @colorGreen; + } + } + + .death-fail { + i { + color: @colorRed; + } + } + } + } + } + } + } + + .tab.inventory { + .currency { + color: @headingColor; + } + + .encumbrance-wrapper { + .encumbrance-label { + background: @actorEncumbranceLabelBackground; + color: @actorEncumbranceTextColor; + border: 1px solid @actorEncumbranceBorderColor; + } + + .encumbrance { + background: @actorEncumbranceBarBgColor; + .encumbrance-bar { + background: @actorEncumbranceBarColor; + } + } + } + } + + + .tab.powerbook { + .powercasting-ability { + label, + h3 { + color: @headingColor; + + span { + color: @colorBlack; + } + } + } + } + + .tab.notes { + section { + &>input { + color: @headingColor; + border-bottom: 2px solid @headerBorderColor; + } + } + } + } +} \ No newline at end of file diff --git a/less/update/components/foundry-app-window-themes.less b/less/update/components/foundry-app-window-themes.less index c43a1834..873feb1a 100644 --- a/less/update/components/foundry-app-window-themes.less +++ b/less/update/components/foundry-app-window-themes.less @@ -2,7 +2,7 @@ border-radius: 4px; border: none; .dropShadow2(); - header { + & > header { background: @windowHeaderBackground; border-radius: 4px 4px 0 0; border: none; @@ -16,6 +16,13 @@ margin-top: 8px; } } + &.minimized { + & > header, & > .window-header { + border: none; + border-radius: 4px; + margin: 0; + } + } } #client-settings { diff --git a/less/update/components/foundry-nav-themes.less b/less/update/components/foundry-nav-themes.less index daa1a47a..890e1a26 100644 --- a/less/update/components/foundry-nav-themes.less +++ b/less/update/components/foundry-nav-themes.less @@ -2,9 +2,9 @@ #nav-toggle { background: @foundryNavBgColor; color: @foundryNavTextColor; - .nav-item { + transform: rotate(-90deg); - } + } .nav-item { border: 1px solid @foundryNavBorderColor; @@ -39,6 +39,7 @@ border: 1px solid @foundryNavBorderColor; box-shadow: none; &:hover { + background: @foundryNavBgColor; box-shadow: 0 0 8px @foundryNavContextShadow; } &.active { @@ -55,8 +56,9 @@ background: @sidebarTabBackground; border: none; margin: 0; - padding: 8px; + padding: 0 8px; font-size: 17px; + line-height: 30px; .dropShadow1(); border-radius: 4px 4px 0 0; .players-mode { diff --git a/less/update/components/sidebar-global.less b/less/update/components/sidebar-global.less index 3c68e11c..9d669a4a 100644 --- a/less/update/components/sidebar-global.less +++ b/less/update/components/sidebar-global.less @@ -1,11 +1,22 @@ #sidebar { border: none; //1px solid @colorBlue; + &.collapsed { + #sidebar-tabs { + min-height: 370px; + justify-content: center; + & > .item.active { + border: none; + } + } + } } #sidebar-tabs { border: none; box-shadow: none; + justify-content: space-between; .dropShadow1(); + .item { font-size: 16px; } @@ -15,6 +26,7 @@ background: none; text-shadow: none; } + } /*----------- diff --git a/less/update/sw5e-dark.less b/less/update/sw5e-dark.less index 49b59659..aef08059 100644 --- a/less/update/sw5e-dark.less +++ b/less/update/sw5e-dark.less @@ -43,4 +43,5 @@ body.dark-theme { @import "components/sidebar-themes.less"; @import "components/foundry-nav-themes.less"; @import "components/foundry-app-window-themes.less"; + @import "components/actor-themes.less"; } \ No newline at end of file diff --git a/less/update/sw5e-global.less b/less/update/sw5e-global.less index d32716d1..6f73a9c0 100644 --- a/less/update/sw5e-global.less +++ b/less/update/sw5e-global.less @@ -154,9 +154,10 @@ a { position: absolute; font-family: "Aurebesh", sans-serif; font-size: 13px; - color: @colorBlack; + color: @colorGray; animation: none; - opacity: 0.7; + opacity: 0.8; + text-shadow: 0 0 8px @colorBlue; } &::before { content: "GAME"; @@ -172,6 +173,7 @@ a { } @import "components/forms-global.less"; @import "components/sidebar-global.less"; +@import "components/actor-global.less"; @keyframes pause-spin { from { diff --git a/less/update/sw5e-light.less b/less/update/sw5e-light.less index 9f17669a..7e36b236 100644 --- a/less/update/sw5e-light.less +++ b/less/update/sw5e-light.less @@ -43,4 +43,5 @@ body.light-theme { @import "components/sidebar-themes.less"; @import "components/foundry-nav-themes.less"; @import "components/foundry-app-window-themes.less"; + @import "components/actor-themes.less"; } \ No newline at end of file diff --git a/module/actor/sheets/newSheet/character.js b/module/actor/sheets/newSheet/character.js index 94ba7625..40ed4eaf 100644 --- a/module/actor/sheets/newSheet/character.js +++ b/module/actor/sheets/newSheet/character.js @@ -623,4 +623,9 @@ async function addSubTabs(app, html, data) { -} \ No newline at end of file +} + +Hooks.on("renderActorSheet5eCharacterNew", (app, html, data) => { + addFavorites(app, html, data); + addSubTabs(app, html, data); +}); \ No newline at end of file diff --git a/sw5e-dark.css b/sw5e-dark.css index d3d18263..629a0178 100644 --- a/sw5e-dark.css +++ b/sw5e-dark.css @@ -394,8 +394,6 @@ body.dark-theme #settings #settings-access { body.dark-theme #navigation #nav-toggle { background: rgba(126, 214, 247, 0.4); color: white; -} -body.dark-theme #navigation #nav-toggle .nav-item { transform: rotate(-90deg); } body.dark-theme #navigation .nav-item { @@ -431,6 +429,7 @@ body.dark-theme #controls .control-tool { } body.dark-theme #controls .scene-control:hover, body.dark-theme #controls .control-tool:hover { + background: rgba(126, 214, 247, 0.4); box-shadow: 0 0 8px #07516c; } body.dark-theme #controls .scene-control.active, @@ -447,8 +446,9 @@ body.dark-theme #players h3 { background: #2b2b2b; border: none; margin: 0; - padding: 8px; + padding: 0 8px; font-size: 17px; + line-height: 30px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); border-radius: 4px 4px 0 0; } @@ -476,7 +476,7 @@ body.dark-theme .window-app { border: none; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } -body.dark-theme .window-app header { +body.dark-theme .window-app > header { background: #2b2b2b; border-radius: 4px 4px 0 0; border: none; @@ -490,6 +490,12 @@ body.dark-theme .window-app .window-content { body.dark-theme .window-app .window-content footer { margin-top: 8px; } +body.dark-theme .window-app.minimized > header, +body.dark-theme .window-app.minimized > .window-header { + border: none; + border-radius: 4px; + margin: 0; +} body.dark-theme #client-settings nav.tabs { border: none; font-size: 17px; @@ -510,3 +516,218 @@ body.dark-theme #client-settings section.content { border: none; margin-top: 4px; } +body.dark-theme .panel { + background: white; +} +body.dark-theme .sw5e.sheet .window-content { + color: #1C1C1C; + background: linear-gradient(90deg, #afc6d6 0, #d6d6d6 30%, #d6d6d6 70%, #afc6d6); +} +body.dark-theme .sw5e.sheet .window-content input, +body.dark-theme .sw5e.sheet .window-content select { + color: #1C1C1C; +} +body.dark-theme .sw5e.sheet .window-content input:hover, +body.dark-theme .sw5e.sheet .window-content select:hover { + border-color: #4f4f4f; +} +body.dark-theme .sw5e.sheet .window-content input:focus, +body.dark-theme .sw5e.sheet .window-content select:focus { + border-color: #E81111; +} +body.dark-theme .sw5e.sheet .window-content button:hover, +body.dark-theme .sw5e.sheet .window-content button:focus { + border-color: #E81111; +} +body.dark-theme .sw5e.sheet.actor { + color: #1C1C1C; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet section > h1 { + border-bottom: 2px solid #0d99cc; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header h1.character-name { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header h1.character-name input[type="text"] { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar { + border: 1px solid #4f4f4f; + background-color: #afc6d6; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar .bar { + background-color: #0d99cc; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .summary input, +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .summary .proficiency { + color: #4f4f4f; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value, +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input { + color: #4f4f4f; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-separator { + color: #828282; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer button { + border: 1px solid #D6D6D6; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer button:hover { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button, +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button, +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button { + border: 1px solid #D6D6D6; + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button:hover, +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button:hover, +body.dark-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button:hover { + border-color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item { + color: #4f4f4f; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active { + color: #E81111; + border-bottom-color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active:hover { + background: rgba(79, 79, 79, 0.1); +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item:hover { + background: rgba(79, 79, 79, 0.1); +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item { + border-bottom: 2px solid #828282; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item:hover { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item.active { + color: #E81111; + border-bottom-color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-header { + background: #f0f0f0; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-title { + border-bottom: 1px solid #0d99cc; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-header .item-detail, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list .item-detail { + border-left: 1px solid #D6D6D6; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item:nth-child(even), +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item:nth-child(even) { + background-color: #f0f0f0; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item h4, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item h4 { + color: #1C1C1C; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image::before, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before { + color: #4f4f4f; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover::before, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover::before { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control:hover, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control:hover { + color: #E81111 !important; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control.item-toggle, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control.item-toggle { + color: #828282; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control.item-toggle.active, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control.item-toggle.active { + color: #1C1C1C; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li { + border: 1px solid #D6D6D6; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li h2:hover { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-score { + color: #4f4f4f; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save { + border-color: #D6D6D6; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li:nth-child(even) { + background-color: #f0f0f0; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-name:hover { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button { + color: #4f4f4f; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button.active { + color: #E81111; + border-bottom-color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button.active:hover { + background: rgba(232, 17, 17, 0.1); +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button:hover { + background: rgba(79, 79, 79, 0.1); +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages label:hover { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 input { + color: #E81111; + border-bottom: 2px solid #0d99cc; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input { + color: #4f4f4f; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-separator { + color: #828282; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter h4.rollable:hover { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-success i { + color: #0dce0d; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-fail i { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .currency { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance-label { + background: #D6D6D6; + color: #1C1C1C; + border: 1px solid #1C1C1C; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance { + background: #afc6d6; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance .encumbrance-bar { + background: #0d99cc; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability label, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability h3 { + color: #E81111; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability label span, +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability h3 span { + color: #1C1C1C; +} +body.dark-theme .sw5e.sheet.actor .swalt-sheet .tab.notes section > input { + color: #E81111; + border-bottom: 2px solid #0d99cc; +} diff --git a/sw5e-global.css b/sw5e-global.css index 59321129..a3dc9f67 100644 --- a/sw5e-global.css +++ b/sw5e-global.css @@ -176,9 +176,10 @@ a:active { position: absolute; font-family: "Aurebesh", sans-serif; font-size: 13px; - color: #1C1C1C; + color: #4f4f4f; animation: none; - opacity: 0.7; + opacity: 0.8; + text-shadow: 0 0 8px #0d99cc; } #pause h3::before { content: "GAME"; @@ -328,9 +329,17 @@ input[type="reset"]:disabled { #sidebar { border: none; } +#sidebar.collapsed #sidebar-tabs { + min-height: 370px; + justify-content: center; +} +#sidebar.collapsed #sidebar-tabs > .item.active { + border: none; +} #sidebar-tabs { border: none; box-shadow: none; + justify-content: space-between; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } #sidebar-tabs .item { @@ -672,6 +681,882 @@ input[type="reset"]:disabled { padding: 0 8px; margin: 0 0 8px; } +.panel { + padding: 8px; + border-radius: 4px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); +} +.sw5e.sheet.actor.character { + min-width: 780px; + min-height: 720px; +} +.sw5e.sheet .window-content { + font-family: 'Open Sans'; + font-size: 12px; + font-weight: 400; +} +.sw5e.sheet .window-content input, +.sw5e.sheet .window-content select { + height: 24px; + line-height: 20px; + padding: 1px 4px; +} +.sw5e.sheet .window-content input:hover, +.sw5e.sheet .window-content select:hover { + box-shadow: none; +} +.sw5e.sheet .window-content input:focus, +.sw5e.sheet .window-content select:focus { + box-shadow: none; +} +.sw5e.sheet .window-content button { + cursor: pointer; +} +.sw5e.sheet .window-content button:hover, +.sw5e.sheet .window-content button:focus { + box-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet { + display: grid; + grid-template-rows: 182px 40px auto; +} +.sw5e.sheet.actor .swalt-sheet section > h1 { + font-family: 'Russo One'; + font-size: 17px; + font-weight: 400; + letter-spacing: 0.5px; + text-align: left; + margin-bottom: 4px; +} +.sw5e.sheet.actor .swalt-sheet header { + display: grid; + grid-template-rows: 1fr 26px auto; + grid-template-columns: 128px 1fr; + column-gap: 8px; + row-gap: 8px; +} +.sw5e.sheet.actor .swalt-sheet header img { + grid-column-start: 1; + grid-row-start: 1; + grid-row-end: 4; +} +.sw5e.sheet.actor .swalt-sheet header h1.character-name { + grid-row: 1; + grid-column: 2; + margin: 0; + border: none; + align-self: center; + font-family: 'Russo One'; + font-size: 32px; + font-weight: 400; + letter-spacing: 0.5px; + text-transform: uppercase; + height: auto; +} +.sw5e.sheet.actor .swalt-sheet header h1.character-name input[type="text"] { + font-family: 'Russo One'; + font-size: 32px; + font-weight: 400; + letter-spacing: 0.5px; + text-transform: uppercase; + height: auto; +} +.sw5e.sheet.actor .swalt-sheet header h1.character-name input[type="text"]:focus { + text-transform: none; +} +.sw5e.sheet.actor .swalt-sheet header .level-experience { + grid-row: 1; + grid-column: 3; +} +.sw5e.sheet.actor .swalt-sheet header .level-experience .charlevel { + font-family: 'Russo One'; + font-size: 17px; + font-weight: 400; + letter-spacing: 0.5px; + text-align: right; +} +.sw5e.sheet.actor .swalt-sheet header .level-experience .experience { + font-family: 'Russo One'; + font-size: 17px; + font-weight: 400; + letter-spacing: 0.5px; + text-align: right; + line-height: 26px; +} +.sw5e.sheet.actor .swalt-sheet header .level-experience .experience input { + display: inline-block; + width: 120px; + text-align: right; +} +.sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar { + height: 8px; +} +.sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar .bar { + display: block; + height: 100%; +} +.sw5e.sheet.actor .swalt-sheet header .summary { + grid-column-start: 2; + grid-row-start: 2; + grid-column-end: 4; + display: grid; + grid-template-rows: 1fr; + grid-template-columns: repeat(4, 1fr); +} +.sw5e.sheet.actor .swalt-sheet header .summary input, +.sw5e.sheet.actor .swalt-sheet header .summary .proficiency { + display: inline; + height: auto; + font-family: 'Russo One'; + font-size: 17px; + font-weight: 400; + letter-spacing: 0.5px; + line-height: 24px; +} +.sw5e.sheet.actor .swalt-sheet header .summary .proficiency { + line-height: 26px; +} +.sw5e.sheet.actor .swalt-sheet header .attributes { + grid-column-start: 2; + grid-row-start: 3; + grid-column-end: 4; + display: grid; + grid-template-columns: repeat(5, 1fr); + column-gap: 12px; +} +.sw5e.sheet.actor .swalt-sheet header .attributes h1 { + text-align: center; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value, +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input { + font-family: 'Russo One'; + font-size: 22px; + font-weight: 400; + letter-spacing: 0.5px; + text-align: center; + line-height: 1; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value.multiple { + display: grid; + grid-template-columns: auto 14px auto; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value.multiple input { + width: 100%; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input { + display: inline-block; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-number { + display: inline-block; + text-align: right; + padding: 0px 3px; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-number:last-child { + text-align: left; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value span.value-number { + padding: 1px 4px; +} +.sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .initiative { + padding: 1px 4px; + display: block; +} +.sw5e.sheet.actor .swalt-sheet header .attributes footer button { + background: none; + padding: 1px 3px; + font-size: inherit; + line-height: inherit; + display: inline-block; + width: auto; +} +.sw5e.sheet.actor .swalt-sheet header .attributes footer button:hover { + font-weight: 400; +} +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 8px; + margin-top: 0; +} +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points input, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice input, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative input, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button { + width: 100%; + text-align: center; +} +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button { + font-weight: 400; + margin-top: 2px; +} +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points span, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice span, +.sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative span { + display: block; + padding: 3px 4px; +} +.sw5e.sheet.actor .swalt-sheet header .attributes footer.speed { + margin-top: 0; +} +.sw5e.sheet.actor .swalt-sheet header .attributes footer.speed input { + text-align: center; +} +.sw5e.sheet.actor .swalt-sheet nav.sheet-navigation { + display: grid; + grid-template-columns: repeat(6, 1fr); + column-gap: 16px; + margin: 4px 0; +} +.sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item { + background: none; + border: none; + border-bottom: 3px solid transparent; + border-radius: 0; + margin: 0; + padding: 0 0 8px; + line-height: 1.6; + font-family: 'Russo One'; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.5px; +} +.sw5e.sheet.actor .swalt-sheet .editor { + position: static; + min-height: 32px; + padding: 0; +} +.sw5e.sheet.actor .swalt-sheet .editor .editor-edit { + display: block; + font-size: 12px; + background: none; + border: none; + padding: 0; + box-shadow: none; + top: 0; + right: 0; +} +.sw5e.sheet.actor .swalt-sheet .editor .editor-edit:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .editor .tox.tox-tinymce { + height: 250px !important; +} +.sw5e.sheet.actor .swalt-sheet .tab { + display: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.active { + display: block; +} +.sw5e.sheet.actor .swalt-sheet .tab .filter-list { + list-style: none; + margin: 0; + padding: 0 0 8px; + display: flex; + flex-direction: row; + justify-content: flex-end; + max-width: 100%; +} +.sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-title { + display: none; + font-weight: bold; + width: 50px; +} +.sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item { + width: 100px; + text-align: center; +} +.sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item + .filter-item { + margin-left: 12px; +} +.sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list-header { + display: grid; + padding-right: 6px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list-title h3 { + font-family: 'Russo One'; + font-size: 17px; + font-weight: 400; + letter-spacing: 0.5px; + margin: 4px 0 0; + padding: 0 4px; + display: inline; + border: none; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list-title .item-create { + font-size: 12px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list-title .item-create i { + font-size: 10px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list-title .item-create:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list-header .item-detail, +.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-detail { + text-align: left; + padding: 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list { + height: 100%; + overflow-y: scroll; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list > li:first-child { + padding-top: 8px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol { + list-style: none; + margin: 0 0 8px; + padding: 0; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-uses input, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol .item-uses input { + display: inline-block; + width: 32px; + margin-right: 0; + text-align: right; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-uses span, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol .item-uses span { + padding-left: 8px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-uses .slot-max-override, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol .item-uses .slot-max-override { + margin-left: 5px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list .item-uses .slot-max-override:hover, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol .item-uses .slot-max-override:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item { + display: grid; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item h4, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item h4 { + font-family: 'Open Sans'; + font-size: 13px; + font-weight: 700; + letter-spacing: 0; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name, +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-detail, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-detail { + padding: 4px; + line-height: 30px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name { + display: flex; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image { + width: 30px; + height: 30px; + position: relative; + background-size: contain; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image::before, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before { + font-family: "Font Awesome 5 Free"; + font-weight: 900; + content: '\f6cf'; + opacity: 0; + position: absolute; + top: 0; + left: 2px; + font-size: 26px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name h4, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name h4 { + line-height: 30px; + display: inline-block; + height: 30px; + padding-left: 8px; + margin: 0; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image { + background-image: none !important; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image::before, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image::before { + opacity: 1; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover { + background-image: none !important; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover::before, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover::before { + opacity: 1; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-summary, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-summary { + grid-column-start: 1; + grid-column-end: -1; + padding: 4px 4px 4px 38px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-controls, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-controls { + display: flex; + flex-direction: row; + justify-content: space-evenly; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control:hover, +.sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-inventory { + grid-template-columns: auto 60px 100px 100px 100px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-inventory.group-list-title .item-controls { + grid-column-start: 5; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-features { + grid-template-columns: auto 100px 100px 100px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-features.group-list-title { + display: grid; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-features .item-controls { + grid-column-start: 4; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-powers { + grid-template-columns: auto repeat(5, 100px); +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-powers.group-list-title { + display: grid; + align-items: end; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-powers.group-list-title .item-detail { + padding: 0 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-fav-items { + grid-template-columns: auto 60px 30px 30px 50px; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-fav-items.group-list-title { + display: grid; + align-items: end; +} +.sw5e.sheet.actor .swalt-sheet .tab .group-grid-fav-items.group-list-title .item-detail { + padding: 0 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab > .panel { + height: 100%; + overflow: hidden; + display: grid; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes { + grid-template-columns: 350px auto; + grid-template-rows: auto; + column-gap: 16px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes.active { + display: grid; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities { + display: grid; + grid-template-columns: 128px auto; + grid-template-rows: auto; + column-gap: 12px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities ol { + list-style: none; + margin: 0; + padding: 0; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li { + border-radius: 0; + padding: 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li + li { + border-top: 0 !important; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li:first-child { + border-radius: 4px 4px 0 0; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li:last-child { + border-bottom-width: 1px; + border-radius: 0 0 4px 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li h2 { + font-family: 'Russo One'; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.5px; + border: none; + text-align: center; + margin: 0; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li h2:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-score { + font-family: 'Russo One'; + font-size: 22px; + font-weight: 400; + letter-spacing: 0.5px; + text-align: center; + width: 48px; + margin: 0 auto; + height: 24px; + display: block; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers { + margin: 0 -4px -4px; + display: grid; + grid-template-columns: 28px auto 28px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod, +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save { + padding: 2px 4px; + display: block; + font-weight: bold; + font-size: 13px; + text-align: center; + border-style: solid; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod { + border-width: 1px 1px 0 0; + border-radius: 0 4px 0 0; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save { + border-width: 1px 0 0 1px; + border-radius: 4px 0 0 0; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .proficiency-toggle { + border: none; + background: none; + line-height: 1; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li { + display: grid; + grid-template-columns: 28px auto 18px 28px; + align-items: center; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .proficiency-toggle { + border: none; + background: none; + height: 23px; + line-height: 23px; + padding: 0 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-name:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-ability { + text-transform: capitalize; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-mod { + text-align: right; + padding-right: 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources { + grid-template-rows: 32px auto; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav { + margin-bottom: 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button { + display: inline-block; + width: auto; + background: none; + border: none; + border-bottom: 3px solid transparent; + border-radius: 0; + margin: 0; + padding: 0 4px; + line-height: 1.6; + font-family: 'Russo One'; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.5px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button + button { + margin-left: 8px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 16px; + row-gap: 8px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits input, +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits select { + display: block; + width: 100%; + text-align: left; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits label { + font-size: 13px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector { + background: none; + border: none; + display: inline; + width: auto; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas { + float: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages { + grid-column-end: span 2; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages label:hover { + cursor: pointer; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li { + display: inline; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li::after { + content: ','; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .traits-list li:last-child::after { + content: ''; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits ul.passives { + grid-column-end: span 2; + list-style: none; + padding: 0; + margin: 0; + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 4px; + row-gap: 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits ul.passives strong { + font-size: 13px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items { + display: grid; + grid-template-columns: repeat(3, 1fr); + column-gap: 12px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 { + border: none; + margin: 0; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 input { + font-family: 'Russo One'; + font-size: 16px; + font-weight: 400; + text-align: center; + margin-bottom: 4px; + border-radius: 0; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value, +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input { + font-family: 'Russo One'; + font-size: 22px; + font-weight: 400; + letter-spacing: 0.5px; + text-align: center; + line-height: 1; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value { + display: grid; + grid-template-columns: auto 14px auto; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input { + display: block; + width: 100%; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-number { + display: block; + width: 100%; + text-align: right; + padding: 0px 3px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-number:last-child { + text-align: left; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value span.value-number { + padding: 1px 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-footer { + display: grid; + grid-template-columns: 1fr 1fr; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-footer label { + text-align: center; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters { + border: none; + margin: 16px 0; + display: grid; + grid-template-columns: repeat(3, 1fr); +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter { + height: auto; + border: none; + text-align: center; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter h4 { + font-size: 13px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter h4.rollable:hover { + text-shadow: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .counter-value { + display: inline; + text-align: left; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter input[type="text"] { + display: inline-block; + width: 10px; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter input[type="checkbox"] { + display: inline-block; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-success, +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-fail { + display: inline-block; +} +.sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-success { + margin-right: 8px; +} +.sw5e.sheet.actor .swalt-sheet .tab.inventory > .panel { + grid-template-rows: 32px 32px 24px auto; +} +.sw5e.sheet.actor .swalt-sheet .tab.inventory .currency-encumbrance { + display: grid; + grid-template-columns: 200px auto; + margin-bottom: 8px; + align-items: center; +} +.sw5e.sheet.actor .swalt-sheet .tab.inventory .currency { + font-family: 'Russo One'; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.5px; +} +.sw5e.sheet.actor .swalt-sheet .tab.inventory .currency input { + display: inline-block; + width: 128px; + font-family: 'Open Sans'; + font-size: 13px; + font-weight: 400; +} +.sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper { + display: grid; + grid-template-columns: 400px 100px; + width: 500px; + justify-self: end; +} +.sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance-label { + font-size: 12px; + line-height: 14px; + width: 100%; + text-shadow: none; + padding: 0; + margin: 0; + height: auto; + text-align: center; + margin-left: -2px; + border-radius: 0 4px 4px 0; +} +.sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance { + position: relative; + border-radius: 4px; + height: 16px; + margin: 0; + width: 100%; +} +.sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance .encumbrance-bar { + position: absolute; + top: 0; + left: 0; + height: 100%; + border-radius: 4px; + border: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.features > .panel { + grid-template-rows: 24px auto; +} +.sw5e.sheet.actor .swalt-sheet .tab.powerbook > .panel { + grid-template-rows: 32px 24px 24px auto; +} +.sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability { + display: grid; + grid-template-columns: 2fr 1fr 1fr; +} +.sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability label, +.sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability h3 { + font-family: 'Russo One'; + font-size: 13px; + font-weight: 400; + letter-spacing: 0.5px; + border-bottom: none; +} +.sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability .power-dc { + grid-column-start: 3; +} +.sw5e.sheet.actor .swalt-sheet .tab.biography { + grid-template-columns: 1fr 2fr; + grid-template-rows: 100%; + column-gap: 16px; + padding-bottom: 8px; + max-width: 100%; +} +.sw5e.sheet.actor .swalt-sheet .tab.biography.active { + display: grid; +} +.sw5e.sheet.actor .swalt-sheet .tab.biography > .panel { + display: block; + overflow-y: auto; +} +.sw5e.sheet.actor .swalt-sheet .tab.biography section { + position: relative; +} +.sw5e.sheet.actor .swalt-sheet .tab.notes > .panel { + display: block; + overflow-y: auto; +} +.sw5e.sheet.actor .swalt-sheet .tab.notes section { + position: relative; +} +.sw5e.sheet.actor .swalt-sheet .tab.notes section > input { + font-family: 'Russo One'; + font-size: 16px; + font-weight: 400; + letter-spacing: 0.5px; + text-align: left; + margin-bottom: 4px; +} +.sw5e.sheet.actor .swalt-sheet .tab.notes section .editor .editor-edit { + top: 3px; +} +.sw5e.sheet.actor .swalt-sheet.limited { + grid-template-rows: 144px auto; + row-gap: 8px; +} +.sw5e.sheet.actor .swalt-sheet.limited header { + grid-template-rows: 1fr; +} +.sw5e.sheet.actor .swalt-sheet.limited .tab.biography { + grid-template-columns: 100%; +} @keyframes pause-spin { from { transform: rotate(0deg); diff --git a/sw5e-light.css b/sw5e-light.css index c7e6ffb8..1f01207d 100644 --- a/sw5e-light.css +++ b/sw5e-light.css @@ -394,8 +394,6 @@ body.light-theme #settings #settings-access { body.light-theme #navigation #nav-toggle { background: rgba(126, 214, 247, 0.4); color: white; -} -body.light-theme #navigation #nav-toggle .nav-item { transform: rotate(-90deg); } body.light-theme #navigation .nav-item { @@ -431,6 +429,7 @@ body.light-theme #controls .control-tool { } body.light-theme #controls .scene-control:hover, body.light-theme #controls .control-tool:hover { + background: rgba(126, 214, 247, 0.4); box-shadow: 0 0 8px #07516c; } body.light-theme #controls .scene-control.active, @@ -447,8 +446,9 @@ body.light-theme #players h3 { background: white; border: none; margin: 0; - padding: 8px; + padding: 0 8px; font-size: 17px; + line-height: 30px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); border-radius: 4px 4px 0 0; } @@ -476,7 +476,7 @@ body.light-theme .window-app { border: none; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } -body.light-theme .window-app header { +body.light-theme .window-app > header { background: white; border-radius: 4px 4px 0 0; border: none; @@ -490,6 +490,12 @@ body.light-theme .window-app .window-content { body.light-theme .window-app .window-content footer { margin-top: 8px; } +body.light-theme .window-app.minimized > header, +body.light-theme .window-app.minimized > .window-header { + border: none; + border-radius: 4px; + margin: 0; +} body.light-theme #client-settings nav.tabs { border: none; font-size: 17px; @@ -510,3 +516,218 @@ body.light-theme #client-settings section.content { border: none; margin-top: 4px; } +body.light-theme .panel { + background: white; +} +body.light-theme .sw5e.sheet .window-content { + color: #1C1C1C; + background: linear-gradient(90deg, #afc6d6 0, #d6d6d6 30%, #d6d6d6 70%, #afc6d6); +} +body.light-theme .sw5e.sheet .window-content input, +body.light-theme .sw5e.sheet .window-content select { + color: #1C1C1C; +} +body.light-theme .sw5e.sheet .window-content input:hover, +body.light-theme .sw5e.sheet .window-content select:hover { + border-color: #4f4f4f; +} +body.light-theme .sw5e.sheet .window-content input:focus, +body.light-theme .sw5e.sheet .window-content select:focus { + border-color: #c40f0f; +} +body.light-theme .sw5e.sheet .window-content button:hover, +body.light-theme .sw5e.sheet .window-content button:focus { + border-color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor { + color: #1C1C1C; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet section > h1 { + border-bottom: 2px solid #0d99cc; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header h1.character-name { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header h1.character-name input[type="text"] { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar { + border: 1px solid #4f4f4f; + background-color: #afc6d6; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .level-experience .xpbar .bar { + background-color: #0d99cc; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .summary input, +body.light-theme .sw5e.sheet.actor .swalt-sheet header .summary .proficiency { + color: #4f4f4f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value, +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value input { + color: #4f4f4f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes .attribute-value .value-separator { + color: #828282; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer button { + border: 1px solid #D6D6D6; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer button:hover { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button, +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button, +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button { + border: 1px solid #D6D6D6; + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-points button:hover, +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.hit-dice button:hover, +body.light-theme .sw5e.sheet.actor .swalt-sheet header .attributes footer.initiative button:hover { + border-color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item { + color: #4f4f4f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active { + color: #c40f0f; + border-bottom-color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item.active:hover { + background: rgba(79, 79, 79, 0.1); +} +body.light-theme .sw5e.sheet.actor .swalt-sheet nav.sheet-navigation .item:hover { + background: rgba(79, 79, 79, 0.1); +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item { + border-bottom: 2px solid #828282; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item:hover { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .filter-list .filter-item.active { + color: #c40f0f; + border-bottom-color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-header { + background: #f0f0f0; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-title { + border-bottom: 1px solid #0d99cc; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list-header .item-detail, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list .item-detail { + border-left: 1px solid #D6D6D6; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item:nth-child(even), +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item:nth-child(even) { + background-color: #f0f0f0; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item h4, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item h4 { + color: #1C1C1C; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name .item-image::before, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name .item-image::before { + color: #4f4f4f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-name.rollable:hover .item-image:hover::before, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-name.rollable:hover .item-image:hover::before { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control:hover, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control:hover { + color: #c40f0f !important; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control.item-toggle, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control.item-toggle { + color: #828282; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list li.item .item-control.item-toggle.active, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab .group-list ol li.item .item-control.item-toggle.active { + color: #1C1C1C; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li { + border: 1px solid #D6D6D6; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li h2:hover { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-score { + color: #4f4f4f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-mod, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .scores li .ability-modifiers .ability-save { + border-color: #D6D6D6; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li:nth-child(even) { + background-color: #f0f0f0; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .abilities .skills li .skill-name:hover { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button { + color: #4f4f4f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button.active { + color: #c40f0f; + border-bottom-color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button.active:hover { + background: rgba(196, 15, 15, 0.1); +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources nav button:hover { + background: rgba(79, 79, 79, 0.1); +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .trait-selector i.fas { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.traits .languages label:hover { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource h1 input { + color: #c40f0f; + border-bottom: 2px solid #0d99cc; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value input { + color: #4f4f4f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .resource-items .resource .attribute-value .value-separator { + color: #828282; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter h4.rollable:hover { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-success i { + color: #0dce0d; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.attributes .traits-resources section.resources .counters .counter .death-fail i { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .currency { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance-label { + background: #D6D6D6; + color: #1C1C1C; + border: 1px solid #1C1C1C; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance { + background: #afc6d6; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.inventory .encumbrance-wrapper .encumbrance .encumbrance-bar { + background: #0d99cc; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability label, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability h3 { + color: #c40f0f; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability label span, +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.powerbook .powercasting-ability h3 span { + color: #1C1C1C; +} +body.light-theme .sw5e.sheet.actor .swalt-sheet .tab.notes section > input { + color: #c40f0f; + border-bottom: 2px solid #0d99cc; +} diff --git a/sw5e.js b/sw5e.js index a1d763da..dbb4e2a2 100644 --- a/sw5e.js +++ b/sw5e.js @@ -239,6 +239,9 @@ Hooks.on("renderJournalDirectory", (app, html, data)=> { Hooks.on("renderRollTableDirectory", (app, html, data)=> { setFolderBackground(html); }); +Hooks.on("ActorSheet5eCharacterNew", (app, html, data) => { + console.log("renderSwaltSheet"); +}); // TODO I should remove this Handlebars.registerHelper('getProperty', function (data, property) { return getProperty(data, property); diff --git a/templates/actors/newActor/template.hbs b/templates/actors/newActor/template.hbs index f94c22c2..cf93ff06 100644 --- a/templates/actors/newActor/template.hbs +++ b/templates/actors/newActor/template.hbs @@ -11,7 +11,7 @@
    {{#each favItems as |item id|}} - {{> "systems/sw5e/templates/actors/newActor/parts/item.hbs" item=item}} + {{> "systems/sw5e/templates/actors/newActor/item.hbs" item=item}} {{/each}}
@@ -27,7 +27,7 @@
    {{#each favFeats as |feat lvl|}} - {{> "systems/sw5e/templates/actors/newActor/parts/item.hbs" item=feat}} + {{> "systems/sw5e/templates/actors/newActor/item.hbs" item=feat}} {{/each}}
@@ -56,7 +56,7 @@
    {{#each section.powers as |power id|}} - {{> "systems/sw5e/templates/actors/newActor/parts/item.hbs" item=power}} + {{> "systems/sw5e/templates/actors/newActor/item.hbs" item=power}} {{/each}}