Dragonbane: version 1.1

This commit is contained in:
Kurohyou
2023-08-02 15:45:27 -06:00
parent 0f98a1a2dd
commit 8628146d76
3 changed files with 1072 additions and 537 deletions
+365 -291
View File
@@ -418,7 +418,9 @@ body .ui-dialog .tab-content .charsheet :not(label).--parchment__trim.--bottom.-
--lm-fontColor:black;
--dm-fontColor: beige;
--selectedColor: #e73431;
--elementColor: hsl(167, 76%, 16%);
--lm-elementColor: hsl(167, 76%, 16%);
--dm-elementColor: hsl(167, 76%, 16%);
--elementColor: var(--lm-elementColor);
--accentColor: #91643e;
--lightAccentColor: #ae9077;
--inputHighlight: hsla(78, 87%, 18%, 0.2);
@@ -962,7 +964,6 @@ body .ui-dialog .tab-content .charsheet .section--attributes_secondaries {
filter: var(--fx-shadow);
}
body .ui-dialog .tab-content .charsheet .section--attributes_secondaries > .marble-header {
flex: 1;
flex-wrap: wrap;
font-size: 12px;
}
@@ -980,11 +981,6 @@ body .ui-dialog .tab-content .charsheet .section--attributes_secondaries > .marb
font-weight: 700;
z-index: 5;
}
@media (max-width: 760px) {
body .ui-dialog .tab-content .charsheet .section--attributes_secondaries .marble-header:nth-child(-n+2) {
display: none;
}
}
body .ui-dialog .tab-content .charsheet .section--skills {
position: relative;
@@ -1099,7 +1095,6 @@ body .ui-dialog .tab-content .charsheet .section--skills__row label:hover {
}
body .ui-dialog .tab-content .charsheet .section--skills .section--skills__list--secondary {
display: grid;
grid-template-columns: 1fr 1fr;
height: fit-content;
}
body .ui-dialog .tab-content .charsheet .section--skills .section--skills__list--secondary .expanded {
@@ -1220,6 +1215,9 @@ body .ui-dialog .tab-content .charsheet .section--skills .section--skills__list-
display: grid;
place-content: center;
}
body .ui-dialog .tab-content .charsheet .section--skills .section--skills__list--secondary .repcontrol_edit::before.round-button--no-image {
background: none;
}
body .ui-dialog .tab-content .charsheet .section--skills .section--skills__list--secondary .repcontrol_edit::before:hover {
filter: hue-rotate(-160deg) brightness(1.5) saturate(2);
}
@@ -1266,6 +1264,9 @@ body .ui-dialog .tab-content .charsheet .section--skills .section--skills__list-
width: 20px;
content: "new_label";
}
body .ui-dialog .tab-content .charsheet .section--skills .section--skills__list--secondary .repcontrol-button--add::before.round-button--no-image {
background: none;
}
body .ui-dialog .tab-content .charsheet .section--skills .section--skills__list--secondary .repcontrol-button--add::before:hover {
filter: hue-rotate(-160deg) brightness(1.5) saturate(2);
}
@@ -1290,6 +1291,9 @@ body .ui-dialog .tab-content .charsheet .section--skills__button--advance {
width: 20px;
z-index: 1;
}
body .ui-dialog .tab-content .charsheet .section--skills__button--advance.round-button--no-image {
background: none;
}
body .ui-dialog .tab-content .charsheet .section--skills__button--advance:hover {
filter: hue-rotate(-160deg) brightness(1.5) saturate(2);
}
@@ -1299,68 +1303,6 @@ body .ui-dialog .tab-content .charsheet .section--skills__button--advance:hover
}
}
body .ui-dialog .tab-content .charsheet .section--inventory {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--half-gap);
}
body .ui-dialog .tab-content .charsheet .section--inventory .marble-header {
filter: var(--fx-shadow);
}
body .ui-dialog .tab-content .charsheet .section--inventory .repcontainer {
gap: var(--tiny-gap);
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto auto;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded textarea {
grid-column: 1/-1;
grid-row: 2;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .collapsed {
display: flex;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .collapsed input, body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded input {
width: 100%;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .collapsed input[type=text], body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded input[type=text] {
flex: 1;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .collapsed input[type=number], body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded input[type=number] {
width: 2em;
}
body .ui-dialog .tab-content .charsheet .section--inventory__description {
background: var(--accentColor);
font-size: 0.7em;
height: 10em;
}
body .ui-dialog .tab-content .charsheet .section--inventory__quantity--wrapper {
position: relative;
font-size: 0.8em;
}
body .ui-dialog .tab-content .charsheet .section--inventory__quantity--wrapper span {
position: absolute;
top: 50%;
left: 0;
translate: 0 calc(-50% - 0.05em);
}
body .ui-dialog .tab-content .charsheet .section--inventory__quantity--wrapper input {
--inputPadding: 0;
line-height: 1;
}
body .ui-dialog .tab-content .charsheet .section--inventory__name {
font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section--inventory [class^=subsection] {
filter: var(--fx-shadow);
}
body .ui-dialog .tab-content .charsheet .section--inventory .subsection--tinyitems {
margin-bottom: 1rem;
}
body .ui-dialog .tab-content .charsheet .section--wealth {
display: flex;
flex-direction: column;
@@ -1369,216 +1311,14 @@ body .ui-dialog .tab-content .charsheet .section--wealth {
filter: var(--fx-shadow);
}
body .ui-dialog .tab-content .charsheet .section--points {
display: flex;
flex-direction: column;
gap: 0.5em;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=section] {
container-type: inline-size;
}
body .ui-dialog .tab-content .charsheet .section--points .section--rest {
display: flex;
justify-content: space-around;
}
body .ui-dialog .tab-content .charsheet .section--points .section--rest label {
display: grid;
grid-template-columns: 1fr auto;
place-items: center;
cursor: pointer;
gap: 0.5em;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] {
box-sizing: border-box;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: grid;
grid-template-columns: 25cqw 2fr;
grid-template-rows: auto 1fr;
grid-template-areas: "title title" "max current";
aspect-ratio: 950/300;
padding: 4cqw 6cqw;
filter: var(--fx-shadow);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate][class*=willpower] {
background-image: var(--img-plate-willpower);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate][class*=willpower] .fill-left input {
filter: invert(0.5) brightness(1.5) sepia(1) saturate(3) hue-rotate(100deg);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate][class*=health] {
background-image: var(--img-plate-hp);
position: relative;
z-index: 2;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate][class*=health] .fill-left input {
filter: invert(0.5) brightness(1.5) sepia(1) saturate(3) hue-rotate(320deg);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] h3 {
grid-area: title;
text-align: left;
color: var(--dm-fontColor);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .scores {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.25em;
line-height: 1;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .scores::after {
content: "/";
color: var(--accentColor);
order: 2;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .scores input {
place-self: center;
border: 0;
padding: 0;
width: 2ch;
text-align: right;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .scores input:nth-of-type(2) {
order: 3;
font-weight: bold;
text-align: left;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="0"] + .fill-left input:nth-child(2), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="0"] + .fill-left input:nth-child(2) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="1"] + .fill-left input:nth-child(3), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="1"] + .fill-left input:nth-child(3) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="2"] + .fill-left input:nth-child(4), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="2"] + .fill-left input:nth-child(4) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="3"] + .fill-left input:nth-child(5), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="3"] + .fill-left input:nth-child(5) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="4"] + .fill-left input:nth-child(6), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="4"] + .fill-left input:nth-child(6) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="5"] + .fill-left input:nth-child(7), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="5"] + .fill-left input:nth-child(7) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="6"] + .fill-left input:nth-child(8), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="6"] + .fill-left input:nth-child(8) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="7"] + .fill-left input:nth-child(9), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="7"] + .fill-left input:nth-child(9) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="8"] + .fill-left input:nth-child(10), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="8"] + .fill-left input:nth-child(10) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="9"] + .fill-left input:nth-child(11), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="9"] + .fill-left input:nth-child(11) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="10"] + .fill-left input:nth-child(12), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="10"] + .fill-left input:nth-child(12) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="11"] + .fill-left input:nth-child(13), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="11"] + .fill-left input:nth-child(13) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="12"] + .fill-left input:nth-child(14), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="12"] + .fill-left input:nth-child(14) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="13"] + .fill-left input:nth-child(15), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="13"] + .fill-left input:nth-child(15) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="14"] + .fill-left input:nth-child(16), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="14"] + .fill-left input:nth-child(16) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="15"] + .fill-left input:nth-child(17), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="15"] + .fill-left input:nth-child(17) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="16"] + .fill-left input:nth-child(18), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="16"] + .fill-left input:nth-child(18) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="17"] + .fill-left input:nth-child(19), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="17"] + .fill-left input:nth-child(19) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="18"] + .fill-left input:nth-child(20), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="18"] + .fill-left input:nth-child(20) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="19"] + .fill-left input:nth-child(21), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="19"] + .fill-left input:nth-child(21) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="20"] + .fill-left input:nth-child(22), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="20"] + .fill-left input:nth-child(22) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: 1fr 1fr;
gap: 2cqw 0;
padding-right: 2.5cqw;
--fillLeftSelectedColor: var(--elementColor);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input {
position: relative;
--background: var(--img-point1);
background: var(--background);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(5n+1) {
--background: var(--img-point2);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(5n+2) {
--background: var(--img-point3);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(5n+3) {
--background: var(--img-point4);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(5n+4) {
--background: var(--img-point5);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(6), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(16) {
margin-right: 2cqw;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(7), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(17) {
margin-left: 2cqw;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input.fill-left__radio:checked ~ input, body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left .fill-left__radio[type=hidden][value="0"] ~ input {
filter: invert(0.8);
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves {
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
top: -1em;
padding: 1em 1em 0.75em 1em;
margin: 0 0.5em;
background: var(--img-field-parchment);
background-size: cover;
background-position: bottom center;
filter: var(--fx-shadow);
z-index: 1;
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves button::before {
content: none;
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves [class^=death-saves] {
display: flex;
flex-direction: column;
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves [class^=death-saves] .fill-left {
--fillLeftSelectedColor: none;
display: flex;
gap: 0.25em;
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves [class^=death-saves] .fill-left input::before {
width: calc(var(--checkboxWidth) - 0.1em);
height: calc(var(--checkboxWidth) - 0.1em);
}
html {
font-size: 16px;
}
#main {
container: charsheet/inline-size;
}
body {
--font1:var(--topHeadFont);
--font2:var(--topHeadFont);
@@ -1743,7 +1483,9 @@ body {
--lm-fontColor:black;
--dm-fontColor: beige;
--selectedColor: #e73431;
--elementColor: hsl(167, 76%, 16%);
--lm-elementColor: hsl(167, 76%, 16%);
--dm-elementColor: hsl(167, 76%, 16%);
--elementColor: var(--lm-elementColor);
--accentColor: #91643e;
--lightAccentColor: #ae9077;
--inputHighlight: hsla(78, 87%, 18%, 0.2);
@@ -1809,7 +1551,6 @@ body {
--img-armor: url(https://s3.amazonaws.com/files.d20.io/images/344484246/AUvTw7I48L6os77jb0qrGA/original.png);
--_shadow: rgba(0,0,0,0.8);
--fx-shadow: drop-shadow(0 0 0.2em var(--_shadow));
color: var(--fontColor);
font-size: 1rem;
}
body .ui-dialog .nav-tabs {
@@ -2849,6 +2590,9 @@ body .ui-dialog .tab-content .charsheet .round-button {
height: 20px;
width: 20px;
}
body .ui-dialog .tab-content .charsheet .round-button.round-button--no-image {
background: none;
}
body .ui-dialog .tab-content .charsheet .round-button:hover {
filter: hue-rotate(-160deg) brightness(1.5) saturate(2);
}
@@ -2954,6 +2698,36 @@ body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar-thumb {
body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar-thumb:hover {
background: var(--elementColor);
}
body .ui-dialog .tab-content .charsheet .repeating-section-container {
display: grid;
grid-template-areas: "header" "section" "buttons";
}
body .ui-dialog .tab-content .charsheet .repcontrol-button--add,
body .ui-dialog .tab-content .charsheet .repcontrol {
grid-area: buttons;
}
body .ui-dialog .tab-content .charsheet .repcontrol {
display: flex;
justify-content: space-between;
place-self: center stretch;
}
body .ui-dialog .tab-content .charsheet .repcontrol-button--add {
place-self: center end;
width: auto;
height: auto;
}
body .ui-dialog .tab-content .charsheet .repcontrol-button--add ~ .repcontrol {
place-self: center start;
}
body .ui-dialog .tab-content .charsheet .display-control:not(:checked) + .controlled-display {
display: none;
}
body .ui-dialog .tab-content .charsheet .display-control--inverted:checked + .controlled-display {
display: none;
}
body .ui-dialog .tab-content .charsheet .display-control--non-zero:is([value="0"], :not([value]), [value=""]) + .controlled-display {
display: none;
}
body .ui-dialog .tab-content .charsheet header {
margin-bottom: var(--half-gap);
align-items: start;
@@ -2995,6 +2769,71 @@ body .ui-dialog .tab-content .charsheet header .input-desc {
flex: 1 1;
min-width: min(300px, 100%);
}
body .ui-dialog .tab-content .charsheet .section--inventory {
gap: var(--half-gap);
grid-template-areas: "header" "backpack" "content" "buttons";
}
body .ui-dialog .tab-content .charsheet .section--inventory .marble-header {
filter: var(--fx-shadow);
}
body .ui-dialog .tab-content .charsheet .section--inventory .repcontainer {
gap: var(--tiny-gap);
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto auto;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded textarea {
grid-column: 1/-1;
grid-row: 2;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .collapsed {
display: flex;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .collapsed input,
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded input {
width: 100%;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .collapsed input[type=text],
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded input[type=text] {
flex: 1;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .collapsed input[type=number],
body .ui-dialog .tab-content .charsheet .section--inventory .repitem .expanded input[type=number] {
width: 2em;
}
body .ui-dialog .tab-content .charsheet .section--inventory .repcontrol {
align-self: stretch;
}
body .ui-dialog .tab-content .charsheet .section--inventory__description {
background: var(--accentColor);
font-size: 0.7em;
height: 10em;
}
body .ui-dialog .tab-content .charsheet .section--inventory__quantity--wrapper {
position: relative;
font-size: 0.8em;
}
body .ui-dialog .tab-content .charsheet .section--inventory__quantity--wrapper span {
position: absolute;
top: 50%;
left: 0;
translate: 0 calc(-50% - 0.05em);
}
body .ui-dialog .tab-content .charsheet .section--inventory__quantity--wrapper input {
--inputPadding: 0;
line-height: 1;
}
body .ui-dialog .tab-content .charsheet .section--inventory__name {
font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section--inventory [class^=subsection] {
filter: var(--fx-shadow);
}
body .ui-dialog .tab-content .charsheet .section--inventory .subsection--tinyitems {
margin-bottom: 1rem;
}
body .ui-dialog .tab-content .charsheet .section--abilities {
display: grid;
gap: var(--half-gap);
@@ -3027,17 +2866,13 @@ body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_a
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_abilities] .expanded .--spellReveal:not(:checked) + ul {
display: none;
}
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_abilities] + .repcontrol {
justify-self: end;
}
body .ui-dialog .tab-content .charsheet .armor {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
align-self: start;
}
body .ui-dialog .tab-content .charsheet .armor .marble-header {
grid-column: 1/-1;
justify-self: start;
justify-self: stretch;
}
body .ui-dialog .tab-content .charsheet .armor .armor__row {
display: grid;
@@ -3164,7 +2999,7 @@ body .ui-dialog .tab-content .charsheet .tabs--dragonbane__container--monster .m
white-space: pre-wrap;
display: inline;
}
body .ui-dialog .tab-content .charsheet .tabs--dragonbane__container--monster .repcontainer .roller {
body .ui-dialog .tab-content .charsheet .tabs--dragonbane__container--monster .repcontainer .label {
display: inline;
margin-inline: var(--half-gap);
}
@@ -3176,7 +3011,7 @@ body .ui-dialog .tab-content .charsheet .section--monster-stats {
body .ui-dialog .tab-content .charsheet .section--monster-stats .input-label {
color: var(--lm-fontColor);
}
body .ui-dialog .tab-content .charsheet .section--monster-stats .collapsed {
body .ui-dialog .tab-content .charsheet .section--monster-stats .repitem .collapsed {
display: block !important;
}
body .ui-dialog .tab-content .charsheet .section--monster-attacks {
@@ -3238,25 +3073,28 @@ body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem > .collapsed .subtable-list .subtable-row:nth-child(even) {
background-color: rgba(255 255 255/var(--rowOpacity));
}
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem .expanded.expanded ul {
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem li::marker {
content: "";
}
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem > .expanded.expanded ul {
padding-left: var(--normal-gap);
padding-right: var(--normal-gap);
}
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem .expanded.expanded .subtable-row {
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem > .expanded.expanded .subtable-row {
display: grid;
grid-template-columns: auto 1fr 1fr;
gap: var(--tiny-gap);
position: relative;
}
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem .expanded.expanded .subtable-row > :first-child {
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem > .expanded.expanded .subtable-row > :first-child {
padding-left: var(--normal-gap);
}
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem .expanded.expanded .subtable-row:before {
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem > .expanded.expanded .subtable-row:before {
position: absolute;
left: var(--half-gap);
top: -2px;
}
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem .expanded.expanded .subtable-row .section--monster-sub-attacks__description {
body .ui-dialog .tab-content .charsheet .section--monster-attacks .repcontainer > .repitem > .expanded.expanded .subtable-row .section--monster-sub-attacks__description {
grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .tabs--dragonbane__container--settings section {
@@ -3343,6 +3181,218 @@ body .ui-dialog .tab-content .charsheet .section--gm .repcontainer > .repitem .c
body .ui-dialog .tab-content .charsheet .section--gm .repcontainer > .repitem .collapsed .subtable-list subtable-row:nth-child(even) {
background-color: rgba(255 255 255/var(--rowOpacity));
}
body .ui-dialog .tab-content .charsheet .section--points {
--gridColumnWidth: 270px;
display: grid;
align-content: start;
grid-template-columns: repeat(auto-fit, minmax(var(--gridColumnWidth), 1fr));
gap: var(--half-gap);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=section] {
container-type: inline-size;
}
body .ui-dialog .tab-content .charsheet .section--points .section--rest {
display: flex;
justify-content: space-around;
}
body .ui-dialog .tab-content .charsheet .section--points .section--rest label {
display: grid;
grid-template-columns: 1fr auto;
place-items: center;
cursor: pointer;
gap: 0.5em;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] {
box-sizing: border-box;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: grid;
grid-template-columns: 25cqw 2fr;
grid-template-rows: auto 1fr;
grid-template-areas: "title title" "max current";
aspect-ratio: 950/300;
padding: 4cqw 6cqw;
filter: var(--fx-shadow);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate][class*=willpower] {
background-image: var(--img-plate-willpower);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate][class*=willpower] .fill-left input {
filter: invert(0.5) brightness(1.5) sepia(1) saturate(3) hue-rotate(100deg);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate][class*=health] {
background-image: var(--img-plate-hp);
position: relative;
z-index: 2;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate][class*=health] .fill-left input {
filter: invert(0.5) brightness(1.5) sepia(1) saturate(3) hue-rotate(320deg);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] h3 {
grid-area: title;
text-align: left;
color: var(--dm-fontColor);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .scores {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.25em;
line-height: 1;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .scores::after {
content: "/";
color: var(--accentColor);
order: 2;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .scores input {
place-self: center;
border: 0;
padding: 0;
width: 2ch;
text-align: right;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .scores input:nth-of-type(2) {
order: 3;
font-weight: bold;
text-align: left;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="0"] + .fill-left input:nth-child(2), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="0"] + .fill-left input:nth-child(2) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="1"] + .fill-left input:nth-child(3), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="1"] + .fill-left input:nth-child(3) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="2"] + .fill-left input:nth-child(4), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="2"] + .fill-left input:nth-child(4) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="3"] + .fill-left input:nth-child(5), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="3"] + .fill-left input:nth-child(5) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="4"] + .fill-left input:nth-child(6), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="4"] + .fill-left input:nth-child(6) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="5"] + .fill-left input:nth-child(7), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="5"] + .fill-left input:nth-child(7) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="6"] + .fill-left input:nth-child(8), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="6"] + .fill-left input:nth-child(8) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="7"] + .fill-left input:nth-child(9), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="7"] + .fill-left input:nth-child(9) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="8"] + .fill-left input:nth-child(10), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="8"] + .fill-left input:nth-child(10) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="9"] + .fill-left input:nth-child(11), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="9"] + .fill-left input:nth-child(11) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="10"] + .fill-left input:nth-child(12), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="10"] + .fill-left input:nth-child(12) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="11"] + .fill-left input:nth-child(13), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="11"] + .fill-left input:nth-child(13) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="12"] + .fill-left input:nth-child(14), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="12"] + .fill-left input:nth-child(14) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="13"] + .fill-left input:nth-child(15), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="13"] + .fill-left input:nth-child(15) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="14"] + .fill-left input:nth-child(16), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="14"] + .fill-left input:nth-child(16) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="15"] + .fill-left input:nth-child(17), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="15"] + .fill-left input:nth-child(17) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="16"] + .fill-left input:nth-child(18), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="16"] + .fill-left input:nth-child(18) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="17"] + .fill-left input:nth-child(19), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="17"] + .fill-left input:nth-child(19) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="18"] + .fill-left input:nth-child(20), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="18"] + .fill-left input:nth-child(20) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="19"] + .fill-left input:nth-child(21), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="19"] + .fill-left input:nth-child(21) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="20"] + .fill-left input:nth-child(22), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] input[type=hidden][value="20"] + .fill-left input:nth-child(22) ~ input {
display: none;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: 1fr 1fr;
gap: 2cqw 0;
padding-right: 2.5cqw;
--fillLeftSelectedColor: var(--elementColor);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input {
position: relative;
--background: var(--img-point1);
background: var(--background);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(5n+1) {
--background: var(--img-point2);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(5n+2) {
--background: var(--img-point3);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(5n+3) {
--background: var(--img-point4);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(5n+4) {
--background: var(--img-point5);
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(6), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(16) {
margin-right: 2cqw;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(7), body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input:nth-child(17) {
margin-left: 2cqw;
}
body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left input.fill-left__radio:checked ~ input, body .ui-dialog .tab-content .charsheet .section--points [class^=plate] .fill-left .fill-left__radio[type=hidden][value="0"] ~ input {
filter: invert(0.8);
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves {
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
top: -1em;
padding: 1em 1em 0.75em 1em;
margin: 0 0.5em;
background: var(--img-field-parchment);
background-size: cover;
background-position: bottom center;
filter: var(--fx-shadow);
z-index: 1;
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves button::before {
content: none;
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves [class^=death-saves] {
display: flex;
flex-direction: column;
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves [class^=death-saves] .fill-left {
--fillLeftSelectedColor: none;
display: flex;
gap: 0.25em;
}
body .ui-dialog .tab-content .charsheet .section--points .death-saves [class^=death-saves] .fill-left input::before {
width: calc(var(--checkboxWidth) - 0.1em);
height: calc(var(--checkboxWidth) - 0.1em);
}
@container charsheet (max-width: 550px) {
body .ui-dialog .tab-content .charsheet .section--points {
--gridColumnWidth: 230px;
}
}
body .ui-dialog .tab-content .charsheet .colon:not(:empty):after {
content: ":";
}
@@ -3352,6 +3402,19 @@ body .ui-dialog .tab-content .charsheet .disabled {
body .ui-dialog .tab-content .charsheet button[type=roll]:before {
content: none;
}
body .ui-dialog .tab-content .charsheet h1 {
white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet label,
body .ui-dialog .tab-content .charsheet select {
font-size: inherit;
color: inherit;
font-family: inherit;
}
body .ui-dialog .tab-content .charsheet label option,
body .ui-dialog .tab-content .charsheet select option {
background-color: var(--backColor);
}
body .ui-dialog .tab-content .charsheet [hidden] {
display: none;
}
@@ -3499,6 +3562,9 @@ body .ui-dialog .tab-content .charsheet .repcontrol_edit::before {
display: grid;
place-content: center;
}
body .ui-dialog .tab-content .charsheet .repcontrol_edit::before.round-button--no-image {
background: none;
}
body .ui-dialog .tab-content .charsheet .repcontrol_edit::before:hover {
filter: hue-rotate(-160deg) brightness(1.5) saturate(2);
}
@@ -3560,6 +3626,9 @@ body .ui-dialog .tab-content .charsheet .repcontrol_add::before {
width: 20px;
content: "new_label";
}
body .ui-dialog .tab-content .charsheet .repcontrol_add::before.round-button--no-image {
background: none;
}
body .ui-dialog .tab-content .charsheet .repcontrol_add::before:hover {
filter: hue-rotate(-160deg) brightness(1.5) saturate(2);
}
@@ -3581,6 +3650,9 @@ body .ui-dialog .tab-content .charsheet .repcontrol-button--add:before {
width: 20px;
content: "new_label";
}
body .ui-dialog .tab-content .charsheet .repcontrol-button--add:before.round-button--no-image {
background: none;
}
body .ui-dialog .tab-content .charsheet .repcontrol-button--add:before:hover {
filter: hue-rotate(-160deg) brightness(1.5) saturate(2);
}
@@ -3603,6 +3675,8 @@ body.sheet-darkmode {
--img-underline2: var(--img-underline2-dm);
--img-underline3: var(--img-underline3-dm);
--attributeGradientOuter: var(--dm-attributeGradientOuter);
--elementColor: var(--dm-elementColor);
--collapseExpandedColor:var(--dm-collapseExpandedColor);
color: var(--fontColor);
}
body .containerWrapper {
+680 -233
View File
File diff suppressed because one or more lines are too long
+27 -13
View File
@@ -15,6 +15,8 @@
"party/gm": "party/gm",
"use roll20 initiative": "use roll20 initiative",
"no": "no",
"Bonus WP": "Bonus WP",
"Bonus HP": "Bonus HP",
"character name": "character name",
"player name": "player name",
"dragon bane": "dragon bane",
@@ -24,17 +26,17 @@
"weakness": "weakness",
"appearance": "appearance",
"strength-abbreviation": "str",
"Exhausted": "Exhausted",
"exhausted": "exhausted",
"constitution-abbreviation": "con",
"Sickly": "Sickly",
"sickly": "sickly",
"agility-abbreviation": "agl",
"Dazed": "Dazed",
"dazed": "dazed",
"intelligence-abbreviation": "int",
"Angry": "Angry",
"angry": "angry",
"willpower-abbreviation": "wil",
"Scared": "Scared",
"scared": "scared",
"charisma-abbreviation": "cha",
"Disheartened": "Disheartened",
"disheartened": "disheartened",
"Damage Bon. Str": "Damage Bon. Str",
"Damage Bon. AGL": "Damage Bon. AGL",
"movement": "movement",
@@ -87,6 +89,7 @@
"skill:": "skill:",
"magic trick": "magic trick",
"general spell": "general spell",
"dynamic power": "dynamic power",
"Rank:": "Rank:",
"Casting Time:": "Casting Time:",
"Range:": "Range:",
@@ -99,10 +102,12 @@
"banes on": "banes on",
"helmet": "helmet",
"ranged attacks": "ranged attacks",
"Round Rest": "Round Rest",
"Stretch Rest": "Stretch Rest",
"Willpower Points": "Willpower Points",
"Hit Points": "Hit Points",
"rest": "rest",
"round": "round",
"stretch": "stretch",
"shift": "shift",
"willpower points": "Willpower Points",
"hit points": "Hit Points",
"Death Rolls": "Death Rolls",
"Successes": "Successes",
"Failures": "Failures",
@@ -127,6 +132,7 @@
"huge": "huge",
"swarm": "swarm",
"hp": "hp",
"base skills": "base skills",
"Monster Attacks": "Monster Attacks",
"attacks": "attacks",
"weight": "weight",
@@ -138,8 +144,8 @@
"dragon-spell-1": "The damage or range of the spell is doubled.",
"dragon-spell-2": "The spell does not cost any WP.",
"dragon-spell-3": "You can immediately cast another spell, but get a bane on the roll.",
"Draw Initiative": "%{initiative}",
"Reset Initiative Order": "%{reset}",
"Draw Initiative": "Draw Initiative",
"Reset Initiative Order": "Reset Initiative Order",
"New Ability": "New Ability",
"Gesture": "Gesture",
"Instant": "Instant",
@@ -175,5 +181,13 @@
"swarm drop query {{creature name}}": "How many {{0}}?",
"dynamic spell level drop query {{monster name}}": "What spell level was {{0}} cast at",
"power level prompt": "What power level was the spell cast at?",
"new skill": "new skill"
"new skill": "new skill",
"death roll": "death roll",
"round rest": "round rest",
"stretch rest": "stretch rest",
"shift rest": "shift rest",
"Heal a condition of your choice": "Heal a condition of your choice",
"are you being cared for": "are you being cared for",
"yes": "yes",
"what power are you casting at": "what power are you casting at"
}