diff --git a/src/acks.scss b/src/acks.scss deleted file mode 100644 index d4689c1..0000000 --- a/src/acks.scss +++ /dev/null @@ -1,8 +0,0 @@ -@import "scss/actor-base"; -@import "scss/apps"; -@import "scss/character"; -@import "scss/core"; -@import "scss/fonts"; -@import "scss/item"; -@import "scss/monster"; -@import "scss/variables"; diff --git a/src/scss/actor-base.scss b/src/scss/actor-base.scss deleted file mode 100644 index 81da001..0000000 --- a/src/scss/actor-base.scss +++ /dev/null @@ -1,372 +0,0 @@ -@import "./variables.scss"; - -@keyframes notify { - from { - text-shadow: none; - } - to { - text-shadow: -1px -1px 4px $colorOlive, 1px -1px 4px $colorOlive, -1px 1px 4px $colorOlive, 1px 1px 4px $colorOlive; - } -} - -.acks.sheet.actor { - $detailsHeight: 44px; - .blinking { - font-weight: bold; - animation: 0.8s ease-in 1s infinite alternate notify; - } - .panel { - border: 1px solid $colorDark; - .panel-title { - color: whitesmoke; - background: $darkBackground; - line-height: 12px; - height: 20px; - text-align: center; - margin: 0; - padding: 4px; - display: flex; - h4 { - flex: 1; - } - .item-controls { - font-size: 12px; - flex: 0 0 18px; - } - } - .panel-content { - margin: 0; - padding: 0; - } - } - - /* Header Summary Details */ - .header-details { - h1 { - input { - margin: 0 0 10px 0; - } - } - } - .profile-img { - border: 0; - flex: 0 0 145px; - height: 145px; - } - - .summary { - flex: 0 0 100%; - height: $detailsHeight; - margin: 0; - padding: 0; - list-style: none; - border-top: none; - - li { - height: calc(100% - 6px); - float: left; - margin: 2px 0; - padding: 0; - line-height: 30px; - color: $colorOlive; - position: relative; - label { - line-height: 10px; - position: absolute; - font-size: 10px; - color: $colorOlive; - bottom: 0; - left: 12px; - } - &.notify { - input { - font-weight: bold; - animation: 0.8s ease-in 1s infinite alternate notify; - } - } - } - } - .sheet-tabs { - position: absolute; - transform: rotate(90deg); - top: 365px; - right: -169px; - width: 320px; - z-index: -1; - .item { - padding: 2px 10px 0; - margin-left: -5px; - text-indent: 4px; - background: url("/ui/parchment.jpg"); - border-top-right-radius: 4px; - border-top-left-radius: 80px; - box-shadow: 0 0 6px 1px $colorDark; - font-size: 12px; - filter: brightness(0.9); - &.active { - filter: none; - z-index: 1; - font-weight: bold; - text-shadow: none; - margin-bottom: -1px; - } - } - } - .sheet-body { - padding: 5px 0; - height: calc(100% - 140px); - .tab { - height: 100%; - } - .attributes { - list-style: none; - margin: 0; - padding: 0; - justify-content: space-evenly; - .attribute { - position: relative; - border: 1px solid $colorTan; - box-shadow: 0 0 2px $colorTan; - .attribute-name { - color: whitesmoke; - padding: 2px; - margin: 0; - border: 1px solid $colorDark; - background: $darkBackground; - text-align: center; - } - &.ability-score { - height: 40px; - .attribute-value { - line-height: 36px; - } - } - .attribute-value { - text-align: center; - padding: 4px; - .sep { - flex: 0 0 5px; - line-height: 24px; - } - } - } - } - .attribute-group { - flex: 0 0 88px; - .attributes { - display: flex; - flex-direction: column; - justify-content: space-evenly; - height: 100%; - .attribute { - display: flex; - flex-direction: row; - .attribute-name { - width: 40px; - margin: 0; - line-height: 35px; - a { - margin: auto; - } - } - &.saving-throw { - .attribute-name { - line-height: 16px; - width: 80px; - } - .attribute-value { - line-height: 29px; - } - } - .attribute-value { - width: 45px; - flex-grow: 0; - input { - padding: 0; - } - } - } - } - } - .inventory { - overflow: auto; - .header-spells { - line-height: 30px; - } - .item-titles { - text-align: center; - padding: 4px 0; - border: 1px solid $colorDark; - box-shadow: 0 0 5px $colorDark; - .item-name { - text-align: left; - text-indent: 8px; - } - font-weight: 300; - font-size: 13px; - background: $darkBackground; - color: white; - input { - color: white; - margin: auto; - } - } - .item-list { - list-style: none; - margin: 0; - padding: 0; - & > * { - line-height: 30px; - } - .item-summary { - font-size: 13px; - padding: 0 4px; - line-height: 20px; - box-shadow: 0 0 3px $colorDark; - .tag-list { - padding: 0; - margin: 0; - list-style: none; - display: flex; - .tag { - margin: 1px 2px; - border: 1px solid $colorFaint; - font-size: 11px; - line-height: 14px; - background: $colorOlive; - padding: 1px 4px; - color: whitesmoke; - border-radius: 3px; - box-shadow: 0 0 1px $colorFaint; - } - } - } - .item-header { - @extend %header-field !optional; - padding: 0px; - margin-bottom: 0px; - } - .item-entry { - &:nth-child(even) { - .item { - background: rgba(0, 0, 0, 0.1); - } - } - } - .item { - line-height: 30px; - height: 30px; - overflow: hidden; - } - .item-equipped { - grid-area: item-equipped; - justify-self: center; - } - .item-rollable { - &:hover .item-image { - background-image: url("/icons/svg/d20-grey.svg") !important; - cursor: pointer; - } - .item-image:hover { - background-image: url("/icons/svg/d20-black.svg") !important; - } - } - .item-name { - text-indent: 8px; - text-align: left; - overflow: hidden; - height: 30px; - margin: 0; - line-height: 30px; - flex-basis: 90px; - .item-image { - flex-basis: 30px; - flex-grow: 0; - background-size: contain; - background-repeat: no-repeat; - } - h4 { - margin: 0; - } - } - } - .icon-row { - img { - border: none; - margin: 3px 1px; - flex: 0 0 24px; - } - span { - font-size: 12px; - flex-grow: 0; - } - } - .field-flex { - flex: 1; - text-align: left; - font-size: 12px; - text-indent: 8px; - } - .field-longer { - text-indent: 8px; - text-align: left; - flex-basis: 90px; - font-size: 12px; - } - .field-long { - flex-basis: 65px; - flex-grow: 0; - text-align: center; - font-size: 12px; - &.memorize input { - border-bottom: none; - margin: 3px 0; - } - } - .field-short { - font-size: 12px; - flex-basis: 45px; - flex-grow: 0; - text-align: center; - &.quantity { - display: flex; - input { - margin: 3px 0; - border-bottom: none; - } - } - } - .item-caret { - flex: 0 0 10px; - margin: 0 4px; - cursor: pointer; - } - .item-controls { - font-size: 12px; - flex-basis: 50px; - flex-grow: 0; - text-align: right; - margin-right: 4px; - .item-unequipped { - color: rgba(0, 0, 0, 0.2); - } - a:hover { - color: $colorCrimson; - text-shadow: 0 0 5px $colorFaint, 1px 0 5px $colorFaint, 0 1px 5px $colorFaint, 1px 1px 5px $colorFaint; - } - } - &.spells { - .item-titles { - line-height: 24px; - } - .item-controls { - flex-basis: 45px; - } - } - } - .editor { - height: 300px; - padding: 4px; - } - } -} diff --git a/src/scss/apps.scss b/src/scss/apps.scss deleted file mode 100644 index 973e337..0000000 --- a/src/scss/apps.scss +++ /dev/null @@ -1,388 +0,0 @@ -.acks.roll-dialog { - .roll-details { - font-weight: bold; - text-align: center; - } -} - -.acks.dialog.creator { - .attribute-list { - .form-fields { - flex: 0 0 50px; - input { - text-align: center; - font-weight: bold; - } - } - } - .roll-stats { - flex: 0 0 65px; - padding: 5px; - margin-left: 4px; - border-left: 1px solid $colorTan; - .form-group { - .form-fields { - span { - text-align: center; - line-height: 24px; - flex: 0; - } - } - } - } -} - -.acks.dialog.party-sheet { - min-width: 250px; - min-height: 250px; - .window-content { - padding: 0; - } - .header { - color: whitesmoke; - background: $darkBackground; - padding: 4px 0; - line-height: 20px; - text-align: left; - padding: 2px 10px; - .item-controls { - .item-control { - padding: 0 2px; - button { - line-height: 15px; - margin: 0 1px; - background: rgba(255, 255, 240, 0.8); - border: 1px solid #b5b3a4; - } - } - } - } - .actor-list { - margin: 0; - overflow: auto; - list-style: none; - padding: 0; - .actor { - border-bottom: 1px solid $colorTan; - border-top: 1px solid $colorTan; - .fas { - padding: 0 2px; - font-size: 10px; - } - margin-bottom: 2px; - font-size: 12px; - text-align: center; - .fields .field-row { - &:nth-child(odd) { - background-color: rgba(0, 0, 0, 0.1); - } - } - .field-img { - flex: 0 0 50px; - position: relative; - &:hover { - .img-btns button { - display: block; - } - } - img { - border: none; - width: 45px; - height: 45px; - } - .img-btns { - position: absolute; - bottom: 6px; - left: 3px; - width: 45px; - height: 12px; - button { - display: none; - cursor: pointer; - font-size: 10px; - height: 18px; - width: 14px; - line-height: 13px; - margin: 0 1px; - border: 1px solid $colorOlive; - padding: 2px; - background: $colorFaint; - box-shadow: inset 0 0px 3px $colorTan; - } - } - } - } - } - .field-name { - text-align: left; - text-indent: 10px; - } -} - -#sidebar #actors .directory-header .header-search { - .acks-party-sheet { - width: 32px; - text-align: center; - line-height: 20px; - } - input { - width: calc(100% - 45px); - } -} - -.acks.dialog.modifiers { - .attribute-bonuses { - label { - font-weight: bold; - } - ol { - list-style: outside; - } - } -} - -.sheet.roll-table-config { - .sheet-header { - .toggle-treasure { - flex: 0 0 30px; - font-size: 26px; - line-height: 25px; - color: white; - margin: 0 2px 5px 8px; - border-radius: 8px; - background: url("/systems/acks/assets/treasure.png") no-repeat center; - background-size: cover; - padding: 5px 8px; - cursor: pointer; - filter: grayscale(1) opacity(0.5); - &.active, - &:hover { - filter: none; - } - } - } - @keyframes activated { - from { - background: none; - } - to { - background: rgba(0, 0, 0, 0.12); - } - } - .results { - .table-result.active { - animation: 0.7s infinite alternate activated; - } - } -} - -#settings .acks.game-license { - font-size: 12px; - .button { - text-align: center; - margin: 4px; - } - .footer { - text-align: right; - } -} - -.acks.chat-block { - margin: 0; - .chat-header { - height: 46px; - margin: 4px 0; - background: $darkBackground; - border: 1px solid black; - border-radius: 3px; - color: white; - padding: 2px; - box-shadow: 0 0 2px #fff inset; - .chat-title { - margin: 4px 0; - height: 30px; - overflow: hidden; - h2 { - border: none; - line-height: 34px; - margin: 0; - text-indent: 10px; - font-size: 16px; - word-break: break-all; - } - } - .chat-img { - flex: 0 0 42px; - background-size: cover; - } - } - .chat-target { - text-align: right; - font-style: italic; - padding: 2px; - } - .chat-details { - padding: 4px; - font-size: 13px; - } - .roll-result { - font-size: 13px; - text-align: center; - &.roll-success { - color: #18520b; - } - &.roll-fail { - color: #aa0200; - } - } - .damage-roll { - position: relative; - .dice-damage { - display: none; - position: absolute; - line-height: 24px; - text-align: center; - background: rgba(0, 0, 0, 0.1); - border-radius: 3px; - box-shadow: 0 0 2px #fff inset; - bottom: 1px; - right: 10px; - button { - padding: 2px 5px; - width: 22px; - line-height: 14px; - height: 22px; - cursor: pointer; - } - } - &:hover { - .dice-damage { - display: block; - } - } - } -} - -.acks.chat-card { - font-style: normal; - font-size: 12px; - - .card-header { - padding: 3px 0; - border-top: 2px groove #fff; - border-bottom: 2px groove #fff; - - img { - flex: 0 0 36px; - margin-right: 5px; - border: none; - } - - h3 { - flex: 1; - margin: 0; - line-height: 36px; - color: $colorOlive; - &:hover { - color: #111; - } - } - } - - .card-content { - margin: 5px 0; - .treasure-list { - padding: 0; - list-style: none; - .treasure { - img { - flex: 0 0 36px; - border: none; - } - div { - text-indent: 10px; - font-size: 14px; - font-weight: bold; - } - line-height: 36px; - } - .sub { - padding-left: 25px; - line-height: 28px; - img { - flex: 0 0 28px; - border: none; - } - div { - text-indent: 10px; - font-size: 14px; - } - } - } - h3 { - font-size: 12px; - margin: 0; - font-weight: bold; - } - - > * { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - } - } - - .card-buttons { - margin: 5px 0; - - span { - display: block; - line-height: 28px; - text-align: center; - border: 1px solid $colorTan; - } - - button { - font-size: 12px; - height: 24px; - line-height: 20px; - margin: 2px 0; - } - } - - .card-footer { - padding: 3px 0 0; - border-top: 2px groove #fff; - - span { - border-right: 2px groove #fff; - padding: 0 5px 0 0; - font-size: 10px; - - &:last-child { - border-right: none; - padding-right: 0; - } - } - } -} - -.dice-roll .dice-total { - &.success { - color: inherit; - background: #c7d0c0; - border: 1px solid #006c00; - } - &.failure { - color: inherit; - background: #ffdddd; - border: 1px solid #6e0000; - } - &.critical { - color: green; - } - &.fumble { - color: red; - } -} diff --git a/src/scss/character.scss b/src/scss/character.scss deleted file mode 100644 index 5b7c7a5..0000000 --- a/src/scss/character.scss +++ /dev/null @@ -1,225 +0,0 @@ -@import "./variables.scss"; - -/* ----------------------------------------- */ -/* Basic Structure */ -/* ----------------------------------------- */ -.acks.sheet.actor.character { - min-width: 450px; - min-height: 550px; - - /* ----------------------------------------- */ - /* Sheet Header */ - /* ----------------------------------------- */ - - .sheet-header { - .xp-bonus { - top: -15px; - right: 3px; - color: $colorTan; - font-size: 10px; - position: absolute; - } - } - - /* ----------------------------------------- */ - /* Sheet Body */ - /* ----------------------------------------- */ - .sheet-body { - .tab { - height: 100%; - } - .attributes-tab{ - justify-content: space-between; - height: 100%; - .attribute-group { - position: relative; - .modifiers-btn { - position: absolute; - left: 0; - top: -8px; - } - } - } - .resources { - display: flex; - justify-content: space-evenly; - flex-direction: column; - .attribute { - flex: 0 0 55px; - &.attribute-secondaries { - flex: 0 0 40px; - margin-bottom: 5px - } - } - } - .notes-tab { - .inventory { - .languages { - margin: 2px; - flex: 0 0 130px; - .item-titles { - .item-controls { - flex: 0 0 20px; - } - } - ol { - height: 100px; - overflow: auto; - list-style: none; - padding: 5px; - li { - margin: 0; - &:hover .item-controls { - display: flex; - } - .item-controls { - flex: 0 0 20px; - display:none; - } - } - } - } - .description { - margin: 2px; - .editor { - .tox .tox-tbtn { - height: 24px; - } - height: 110px; - } - } - &.notes { - margin : 2px; - .editor { - height: 150px; - } - } - } - } - .health { - &.armor-class { - background: url('/systems/acks/assets/shield.png') no-repeat center; - background-size: 70px; - .shield { - text-align: right; - padding: 0 14px; - font-size: 18px; - } - } - height: 70px; - position: relative; - .health-value { - font-size: 16px; - text-align: center; - font-weight: bolder; - text-shadow: 0 0 2px white, 0 1px 2px white, 1px 0 2px white, 1px 1px 2px white; - } - .health-top { - border-bottom: none; - position: absolute; - font-size: 24px; - top: 10px; - width: 70px; - left: calc(50% - 35px); - } - .health-bottom { - border-bottom: none; - position: absolute; - bottom: 8px; - width: 40px; - right: calc(50% + -20px); - } - .health-empty { - background: url('/systems/acks/assets/heart_empty.png') no-repeat center; - background-size: 70px; - background-position: top; - } - .health-full { - background: url('/systems/acks/assets/heart_full.png') no-repeat center; - background-size: 70px; - background-position: bottom; - } - } - .saving-throw { - .attribute-value.flat { - line-height: 30px; - } - } - .exploration { - .attribute { - margin: 4px; - .attribute-name { - text-align: left; - flex: 1 0 60px; - line-height: 25px; - font-size: 12px; - } - } - } - } - - /* Encumbrance Bar */ - .encumbrance { - height: 12px; - background: $darkBackground; - margin: 1px 15px 0 1px; - border: 1px solid $colorDark; - border-radius: 3px; - position: relative; - - .encumbrance-bar { - position: absolute; - background: rgba(255, 0, 0, 0.6); - height: 10px; - border: 1px solid #777; - border-radius: 2px; - } - - .encumbrance-label { - height: 10px; - padding: 0 5px; - position: absolute; - top: 0; - right: 10px; - font-size: 13px; - line-height: 12px; - text-align: right; - color: #EEE; - text-shadow: 0 0 5px #000; - } - - .encumbrance-breakpoint { - display: block; - position: absolute; - &.encumbrance-25 { left: 25% } - &.encumbrance-50 { left: 50% } - &.encumbrance-75 { left: 75% } - } - - .arrow-up { - bottom: 0; - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-bottom: 4px solid $colorFaint; - } - - .arrow-down { - top: 0; - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid $colorFaint; - } - - &.encumbered { - .arrow-up { border-bottom: 4px solid $colorDark; } - .arrow-down { border-top: 4px solid $colorDark; } - } - } - /* ----------------------------------------- */ - /* Item Controls */ - /* ----------------------------------------- */ -} diff --git a/src/scss/core.scss b/src/scss/core.scss deleted file mode 100644 index ff806f9..0000000 --- a/src/scss/core.scss +++ /dev/null @@ -1,40 +0,0 @@ -.acks.window-content { - // Utils - .collapsed { - display: none; - } - .margin { - margin: 5px; - } - // Inputs - input { - text-align: center; - } - input[type="number"] { - -moz-appearance: textfield; - } - input[type="number"]::-webkit-inner-spin-button, - input[type="number"]::-webkit-outer-spin-button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - margin: 0; - } - input:not([type="checkbox"]) { - background: none; - border: none; - border-radius: 0; - border-bottom: 1px solid $colorTan; - &:hover:not(:disabled), &:focus:not(:disabled) { - box-shadow: none; - background: $inputBackground; - } - } - a:hover { - text-shadow: none; - } - - .resizable { - overflow: auto; - } -} \ No newline at end of file diff --git a/src/scss/fonts.scss b/src/scss/fonts.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/scss/item.scss b/src/scss/item.scss deleted file mode 100644 index 91fa1d8..0000000 --- a/src/scss/item.scss +++ /dev/null @@ -1,103 +0,0 @@ -.acks.sheet.item { - .sheet-header { - h1 { - input { - margin: 6px 2%; - } - } - .details { - flex: 0 0 70px; - label { - flex: 0 0 20px; - } - } - .profile-img { - border: none; - flex: 0 0 84px; - height: 84px; - } - .tag-list { - margin: 0; - height: 24px; - overflow: auto; - list-style: none; - padding: 1px; - display: flex; - flex-wrap: wrap; - .tag { - background: $colorOlive; - border-radius: 5px; - color: whitesmoke; - padding: 1px 5px; - height: 18px; - box-shadow: 0 0 3px $colorFaint; - margin: 0 2px; - i { - font-size: 8px; - vertical-align: top; - color: $colorFaint; - } - } - } - } - .sheet-body { - .stats { - flex: 0 0 80px; - border-right: 1px groove rgba(0, 0, 0, 0.2); - padding-right: 2px; - font-size: 13px; - .form-group { - margin: 1px; - border: 1px solid rgba(0, 0, 0, 0.15); - label { - background: rgba(0, 0, 0, 0.1); - padding: 0 4px; - } - input { - border-bottom: none; - margin: auto 0; - } - .form-fields { - &.range { - .sep { - flex: 0 0 1px; - background: $colorTan; - margin: 4px 0; - } - } - } - &.attack-type { - text-align: center; - padding: 2px; - font-size: 15px; - a { - color: $colorInactive; - &.active,:hover { - color: $colorDark; - } - } - } - } - .block-input { - display: flex; - flex-direction: column; - text-align: center; - } - &.narrow { - .form-group { - input { - height: 18px; - } - } - } - } - .description { - .editor { - height: 250px; - .editor-content { - padding: 0 5px; - } - } - } - } -} diff --git a/src/scss/monster.scss b/src/scss/monster.scss deleted file mode 100644 index 3c70ec7..0000000 --- a/src/scss/monster.scss +++ /dev/null @@ -1,94 +0,0 @@ -.acks.actor.monster { - min-height: 565px; - min-width: 460px; - .header-details { - .summary { - .treasure-table { - text-align: center; - } - .check-field { - &:hover { - .check { - display: block; - } - } - .check { - display: none; - line-height: 35px; - flex: 0 0 20px; - position: absolute; - font-size: 12px; - &:hover { - color: $colorDark; - } - } - } - } - } - .sheet-body { - .editor { - height: 300px; - } - .attributes-tab { - display: flex; - justify-content: space-around; - flex-direction: column; - height: 100%; - .attribute-row { - .attributes { - justify-content: space-between; - } - } - .attribute-row { - .attribute-group { - margin: 5px; - } - } - .attributes .attribute { - flex: 0 0 60px; - &.health { - flex: 0 0 85px; - } - &.saving-throw { - flex: 0 0 40px; - } - } - } - } - .attributes { - .attribute.health { - position: relative; - .attribute-name .hp-roll { - font-size: 12px; - position: absolute; - right: 5px; - top: 5px; - color: $colorFaint; - &:hover { - color: white; - } - } - } - } - .attribute-group { - .attacks-description { - margin: 2px; - padding: 0; - text-align: center; - label { - color: $colorTan; - font-size: 10px; - } - } - } - .panel.abilities { - .item-list { - .item-entry { - .item-pattern { - flex: 0 0 15px; - cursor: pointer; - } - } - } - } -} diff --git a/src/scss/variables.scss b/src/scss/variables.scss deleted file mode 100644 index f6ed20c..0000000 --- a/src/scss/variables.scss +++ /dev/null @@ -1,17 +0,0 @@ - -/* ----------------------------------------- */ -/* Sheet Styles */ -/* ----------------------------------------- */ - -$darkBackground: url('/systems/acks/assets/back.png'); -$colorDark: rgba(0, 0, 0, 0.9); -$colorFaint: #d8d6c9; -$colorInactive: #969696; -$colorBeige: #b5b3a4; -$colorTan: #7a7971; -$colorOlive: #4b4a44; -$colorCrimson: #44191A; -$borderGroove: 2px groove #eeede0; -$sheetBackground: whitesmoke; -$inputBackground: linear-gradient(transparent, rgba(0, 0, 0, 0.1)); -