Files

5568 lines
192 KiB
CSS

/*! Talessya Roll 20 Character Sheet - v0.1.0 - 2021-11-29
* https://jorsermar.github.io/roll20-character-sheets/
* Copyright (c) 2021 Jorge Serrano; Licensed */
/*
*
* Uncomment and set these variables to customize the grid.
*
* :root {
* --half-gutter-width: 0.5rem;
* --gutter-compensation: -0.5rem;
* --outer-margin: 2rem;
* }
*/
.sheet-flx-grid {
padding-right: 2rem;
padding-left: 2rem;
}
.sheet-flx-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.sheet-flx-row.sheet-flx-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: row-reverse;
-ms-flex-wrap: row-reverse;
flex-wrap: row-reverse;
}
.sheet-flx-col.sheet-flx-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-flex-wrap: column-reverse;
-ms-flex-wrap: column-reverse;
flex-wrap: column-reverse;
}
.sheet-flx-col-xs,
.sheet-flx-col-xs-1,
.sheet-flx-col-xs-2,
.sheet-flx-col-xs-3,
.sheet-flx-col-xs-4,
.sheet-flx-col-xs-5,
.sheet-flx-col-xs-6,
.sheet-flx-col-xs-7,
.sheet-flx-col-xs-8,
.sheet-flx-col-xs-9,
.sheet-flx-col-xs-10,
.sheet-flx-col-xs-11,
.sheet-flx-col-xs-12,
.sheet-flx-col-xs-offset-1,
.sheet-flx-col-xs-offset-2,
.sheet-flx-col-xs-offset-3,
.sheet-flx-col-xs-offset-4,
.sheet-flx-col-xs-offset-5,
.sheet-flx-col-xs-offset-6,
.sheet-flx-col-xs-offset-7,
.sheet-flx-col-xs-offset-8,
.sheet-flx-col-xs-offset-9,
.sheet-flx-col-xs-offset-10,
.sheet-flx-col-xs-offset-11,
.sheet-flx-col-xs-offset-12 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.sheet-flx-col-xs {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.sheet-flx-col-xs-1 {
-webkit-flex-basis: 8.333333333%;
-ms-flex-preferred-size: 8.333333333%;
flex-basis: 8.333333333%;
max-width: 8.333333333%;
}
.sheet-flx-col-xs-2 {
-webkit-flex-basis: 16.666666667%;
-ms-flex-preferred-size: 16.666666667%;
flex-basis: 16.666666667%;
max-width: 16.666666667%;
}
.sheet-flx-col-xs-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.sheet-flx-col-xs-4 {
-webkit-flex-basis: 33.333333333%;
-ms-flex-preferred-size: 33.333333333%;
flex-basis: 33.333333333%;
max-width: 33.333333333%;
}
.sheet-flx-col-xs-5 {
-webkit-flex-basis: 41.666666667%;
-ms-flex-preferred-size: 41.666666667%;
flex-basis: 41.666666667%;
max-width: 41.666666667%;
}
.sheet-flx-col-xs-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.sheet-flx-col-xs-7 {
-webkit-flex-basis: 58.333333333%;
-ms-flex-preferred-size: 58.333333333%;
flex-basis: 58.333333333%;
max-width: 58.333333333%;
}
.sheet-flx-col-xs-8 {
-webkit-flex-basis: 66.666666667%;
-ms-flex-preferred-size: 66.666666667%;
flex-basis: 66.666666667%;
max-width: 66.666666667%;
}
.sheet-flx-col-xs-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.sheet-flx-col-xs-10 {
-webkit-flex-basis: 83.333333333%;
-ms-flex-preferred-size: 83.333333333%;
flex-basis: 83.333333333%;
max-width: 83.333333333%;
}
.sheet-flx-col-xs-11 {
-webkit-flex-basis: 91.666666667%;
-ms-flex-preferred-size: 91.666666667%;
flex-basis: 91.666666667%;
max-width: 91.666666667%;
}
.sheet-flx-col-xs-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.sheet-flx-col-xs-offset-1 {
margin-left: 8.333333333%;
}
.sheet-flx-col-xs-offset-2 {
margin-left: 16.666666667%;
}
.sheet-flx-col-xs-offset-3 {
margin-left: 25%;
}
.sheet-flx-col-xs-offset-4 {
margin-left: 33.333333333%;
}
.sheet-flx-col-xs-offset-5 {
margin-left: 41.666666667%;
}
.sheet-flx-col-xs-offset-6 {
margin-left: 50%;
}
.sheet-flx-col-xs-offset-7 {
margin-left: 58.333333333%;
}
.sheet-flx-col-xs-offset-8 {
margin-left: 66.666666667%;
}
.sheet-flx-col-xs-offset-9 {
margin-left: 75%;
}
.sheet-flx-col-xs-offset-10 {
margin-left: 83.333333333%;
}
.sheet-flx-col-xs-offset-11 {
margin-left: 91.666666667%;
}
.sheet-flx-start-xs {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.sheet-flx-center-xs {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.sheet-flx-end-xs {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.sheet-flx-top-xs {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.sheet-flx-middle-xs {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sheet-flx-bottom-xs {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.sheet-flx-around-xs {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.sheet-flx-between-xs {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sheet-flx-first-xs {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.sheet-flx-last-xs {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 48em) {
.sheet-flx-col-sm,
.sheet-flx-col-sm-1,
.sheet-flx-col-sm-2,
.sheet-flx-col-sm-3,
.sheet-flx-col-sm-4,
.sheet-flx-col-sm-5,
.sheet-flx-col-sm-6,
.sheet-flx-col-sm-7,
.sheet-flx-col-sm-8,
.sheet-flx-col-sm-9,
.sheet-flx-col-sm-10,
.sheet-flx-col-sm-11,
.sheet-flx-col-sm-12,
.sheet-flx-col-sm-offset-1,
.sheet-flx-col-sm-offset-2,
.sheet-flx-col-sm-offset-3,
.sheet-flx-col-sm-offset-4,
.sheet-flx-col-sm-offset-5,
.sheet-flx-col-sm-offset-6,
.sheet-flx-col-sm-offset-7,
.sheet-flx-col-sm-offset-8,
.sheet-flx-col-sm-offset-9,
.sheet-flx-col-sm-offset-10,
.sheet-flx-col-sm-offset-11,
.sheet-flx-col-sm-offset-12 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.sheet-flx-col-sm {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.sheet-flx-col-sm-1 {
-webkit-flex-basis: 8.333333333%;
-ms-flex-preferred-size: 8.333333333%;
flex-basis: 8.333333333%;
max-width: 8.333333333%;
}
.sheet-flx-col-sm-2 {
-webkit-flex-basis: 16.666666667%;
-ms-flex-preferred-size: 16.666666667%;
flex-basis: 16.666666667%;
max-width: 16.666666667%;
}
.sheet-flx-col-sm-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.sheet-flx-col-sm-4 {
-webkit-flex-basis: 33.333333333%;
-ms-flex-preferred-size: 33.333333333%;
flex-basis: 33.333333333%;
max-width: 33.333333333%;
}
.sheet-flx-col-sm-5 {
-webkit-flex-basis: 41.666666667%;
-ms-flex-preferred-size: 41.666666667%;
flex-basis: 41.666666667%;
max-width: 41.666666667%;
}
.sheet-flx-col-sm-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.sheet-flx-col-sm-7 {
-webkit-flex-basis: 58.333333333%;
-ms-flex-preferred-size: 58.333333333%;
flex-basis: 58.333333333%;
max-width: 58.333333333%;
}
.sheet-flx-col-sm-8 {
-webkit-flex-basis: 66.666666667%;
-ms-flex-preferred-size: 66.666666667%;
flex-basis: 66.666666667%;
max-width: 66.666666667%;
}
.sheet-flx-col-sm-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.sheet-flx-col-sm-10 {
-webkit-flex-basis: 83.333333333%;
-ms-flex-preferred-size: 83.333333333%;
flex-basis: 83.333333333%;
max-width: 83.333333333%;
}
.sheet-flx-col-sm-11 {
-webkit-flex-basis: 91.666666667%;
-ms-flex-preferred-size: 91.666666667%;
flex-basis: 91.666666667%;
max-width: 91.666666667%;
}
.sheet-flx-col-sm-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.sheet-flx-col-sm-offset-1 {
margin-left: 8.333333333%;
max-width: 8.333333333%;
}
.sheet-flx-col-sm-offset-2 {
margin-left: 16.666666667%;
max-width: 16.666666667%;
}
.sheet-flx-col-sm-offset-3 {
margin-left: 25%;
}
.sheet-flx-col-sm-offset-4 {
margin-left: 33.333333333%;
}
.sheet-flx-col-sm-offset-5 {
margin-left: 41.666666667%;
}
.sheet-flx-col-sm-offset-6 {
margin-left: 50%;
}
.sheet-flx-col-sm-offset-7 {
margin-left: 58.333333333%;
}
.sheet-flx-col-sm-offset-8 {
margin-left: 66.666666667%;
}
.sheet-flx-col-sm-offset-9 {
margin-left: 75%;
}
.sheet-flx-col-sm-offset-10 {
margin-left: 83.333333333%;
}
.sheet-flx-col-sm-offset-11 {
margin-left: 91.666666667%;
}
.sheet-flx-start-sm {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.sheet-flx-center-sm {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.sheet-flx-end-sm {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.sheet-flx-top-sm {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.sheet-flx-middle-sm {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sheet-flx-bottom-sm {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.sheet-flx-around-sm {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.sheet-flx-between-sm {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sheet-flx-first-sm {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.sheet-flx-last-sm {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 62em) {
.sheet-flx-col-md,
.sheet-flx-col-md-1,
.sheet-flx-col-md-2,
.sheet-flx-col-md-3,
.sheet-flx-col-md-4,
.sheet-flx-col-md-5,
.sheet-flx-col-md-6,
.sheet-flx-col-md-7,
.sheet-flx-col-md-8,
.sheet-flx-col-md-9,
.sheet-flx-col-md-10,
.sheet-flx-col-md-11,
.sheet-flx-col-md-12,
.sheet-flx-col-md-offset-1,
.sheet-flx-col-md-offset-2,
.sheet-flx-col-md-offset-3,
.sheet-flx-col-md-offset-4,
.sheet-flx-col-md-offset-5,
.sheet-flx-col-md-offset-6,
.sheet-flx-col-md-offset-7,
.sheet-flx-col-md-offset-8,
.sheet-flx-col-md-offset-9,
.sheet-flx-col-md-offset-10,
.sheet-flx-col-md-offset-11,
.sheet-flx-col-md-offset-12 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.sheet-flx-col-md {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.sheet-flx-col-md-1 {
-webkit-flex-basis: 8.333333333%;
-ms-flex-preferred-size: 8.333333333%;
flex-basis: 8.333333333%;
max-width: 8.333333333%;
}
.sheet-flx-col-md-2 {
-webkit-flex-basis: 16.666666667%;
-ms-flex-preferred-size: 16.666666667%;
flex-basis: 16.666666667%;
max-width: 16.666666667%;
}
.sheet-flx-col-md-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.sheet-flx-col-md-4 {
-webkit-flex-basis: 33.333333333%;
-ms-flex-preferred-size: 33.333333333%;
flex-basis: 33.333333333%;
max-width: 33.333333333%;
}
.sheet-flx-col-md-5 {
-webkit-flex-basis: 41.666666667%;
-ms-flex-preferred-size: 41.666666667%;
flex-basis: 41.666666667%;
max-width: 41.666666667%;
}
.sheet-flx-col-md-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.sheet-flx-col-md-7 {
-webkit-flex-basis: 58.333333333%;
-ms-flex-preferred-size: 58.333333333%;
flex-basis: 58.333333333%;
max-width: 58.333333333%;
}
.sheet-flx-col-md-8 {
-webkit-flex-basis: 66.666666667%;
-ms-flex-preferred-size: 66.666666667%;
flex-basis: 66.666666667%;
max-width: 66.666666667%;
}
.sheet-flx-col-md-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.sheet-flx-col-md-10 {
-webkit-flex-basis: 83.333333333%;
-ms-flex-preferred-size: 83.333333333%;
flex-basis: 83.333333333%;
max-width: 83.333333333%;
}
.sheet-flx-col-md-11 {
-webkit-flex-basis: 91.666666667%;
-ms-flex-preferred-size: 91.666666667%;
flex-basis: 91.666666667%;
max-width: 91.666666667%;
}
.sheet-flx-col-md-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.sheet-flx-col-md-offset-1 {
margin-left: 8.333333333%;
}
.sheet-flx-col-md-offset-2 {
margin-left: 16.666666667%;
}
.sheet-flx-col-md-offset-3 {
margin-left: 25%;
}
.sheet-flx-col-md-offset-4 {
margin-left: 33.333333333%;
}
.sheet-flx-col-md-offset-5 {
margin-left: 41.666666667%;
}
.sheet-flx-col-md-offset-6 {
margin-left: 50%;
}
.sheet-flx-col-md-offset-7 {
margin-left: 58.333333333%;
}
.sheet-flx-col-md-offset-8 {
margin-left: 66.666666667%;
}
.sheet-flx-col-md-offset-9 {
margin-left: 75%;
}
.sheet-flx-col-md-offset-10 {
margin-left: 83.333333333%;
}
.sheet-flx-col-md-offset-11 {
margin-left: 91.666666667%;
}
.sheet-flx-start-md {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.sheet-flx-center-md {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.sheet-flx-end-md {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.sheet-flx-top-md {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.sheet-flx-middle-md {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sheet-flx-bottom-md {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.sheet-flx-around-md {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.sheet-flx-between-md {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sheet-flx-first-md {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.sheet-flx-last-md {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 75em) {
.sheet-flx-col-lg,
.sheet-flx-col-lg-1,
.sheet-flx-col-lg-2,
.sheet-flx-col-lg-3,
.sheet-flx-col-lg-4,
.sheet-flx-col-lg-5,
.sheet-flx-col-lg-6,
.sheet-flx-col-lg-7,
.sheet-flx-col-lg-8,
.sheet-flx-col-lg-9,
.sheet-flx-col-lg-10,
.sheet-flx-col-lg-11,
.sheet-flx-col-lg-12,
.sheet-flx-col-lg-offset-1,
.sheet-flx-col-lg-offset-2,
.sheet-flx-col-lg-offset-3,
.sheet-flx-col-lg-offset-4,
.sheet-flx-col-lg-offset-5,
.sheet-flx-col-lg-offset-6,
.sheet-flx-col-lg-offset-7,
.sheet-flx-col-lg-offset-8,
.sheet-flx-col-lg-offset-9,
.sheet-flx-col-lg-offset-10,
.sheet-flx-col-lg-offset-11,
.sheet-flx-col-lg-offset-12 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.sheet-flx-col-lg {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.sheet-flx-col-lg-1 {
-webkit-flex-basis: 8.333333333%;
-ms-flex-preferred-size: 8.333333333%;
flex-basis: 8.333333333%;
max-width: 8.333333333%;
}
.sheet-flx-col-lg-2 {
-webkit-flex-basis: 16.666666667%;
-ms-flex-preferred-size: 16.666666667%;
flex-basis: 16.666666667%;
max-width: 16.666666667%;
}
.sheet-flx-col-lg-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.sheet-flx-col-lg-4 {
-webkit-flex-basis: 33.333333333%;
-ms-flex-preferred-size: 33.333333333%;
flex-basis: 33.333333333%;
max-width: 33.333333333%;
}
.sheet-flx-col-lg-5 {
-webkit-flex-basis: 41.666666667%;
-ms-flex-preferred-size: 41.666666667%;
flex-basis: 41.666666667%;
max-width: 41.666666667%;
}
.sheet-flx-col-lg-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.sheet-flx-col-lg-7 {
-webkit-flex-basis: 58.333333333%;
-ms-flex-preferred-size: 58.333333333%;
flex-basis: 58.333333333%;
max-width: 58.333333333%;
}
.sheet-flx-col-lg-8 {
-webkit-flex-basis: 66.666666667%;
-ms-flex-preferred-size: 66.666666667%;
flex-basis: 66.666666667%;
max-width: 66.666666667%;
}
.sheet-flx-col-lg-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.sheet-flx-col-lg-10 {
-webkit-flex-basis: 83.333333333%;
-ms-flex-preferred-size: 83.333333333%;
flex-basis: 83.333333333%;
max-width: 83.333333333%;
}
.sheet-flx-col-lg-11 {
-webkit-flex-basis: 91.666666667%;
-ms-flex-preferred-size: 91.666666667%;
flex-basis: 91.666666667%;
max-width: 91.666666667%;
}
.sheet-flx-col-lg-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.sheet-flx-col-lg-offset-1 {
margin-left: 8.333333333%;
}
.sheet-flx-col-lg-offset-2 {
margin-left: 16.666666667%;
}
.sheet-flx-col-lg-offset-3 {
margin-left: 25%;
}
.sheet-flx-col-lg-offset-4 {
margin-left: 33.333333333%;
}
.sheet-flx-col-lg-offset-5 {
margin-left: 41.666666667%;
}
.sheet-flx-col-lg-offset-6 {
margin-left: 50%;
}
.sheet-flx-col-lg-offset-7 {
margin-left: 58.333333333%;
}
.sheet-flx-col-lg-offset-8 {
margin-left: 66.666666667%;
}
.sheet-flx-col-lg-offset-9 {
margin-left: 75%;
}
.sheet-flx-col-lg-offset-10 {
margin-left: 83.333333333%;
}
.sheet-flx-col-lg-offset-11 {
margin-left: 91.666666667%;
}
.sheet-flx-start-lg {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.sheet-flx-center-lg {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.sheet-flx-end-lg {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.sheet-flx-top-lg {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.sheet-flx-middle-lg {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sheet-flx-bottom-lg {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.sheet-flx-around-lg {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.sheet-flx-between-lg {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sheet-flx-first-lg {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.sheet-flx-last-lg {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
.charsheet .sheet-talessya {
background: #fff;
color: #000;
font-size: 13px;
line-height: 18px;
margin: 0;
overflow: visible;
padding: 0;
}
.charsheet .sheet-talessya *,
.charsheet .sheet-talessya ::after,
.charsheet .sheet-talessya ::before {
box-sizing: border-box;
}
.charsheet .sheet-talessya input:hover,
.charsheet .sheet-talessya input:focus,
.charsheet .sheet-talessya textarea:hover,
.charsheet .sheet-talessya textarea:focus {
background: #e5fffb;
outline: 0;
}
.charsheet .sheet-talessya select:hover,
.charsheet .sheet-talessya select:focus {
background: #e5fffb;
}
.charsheet .sheet-talessya select:hover option,
.charsheet .sheet-talessya select:focus option {
background: #fff;
}
.charsheet .sheet-talessya label {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
}
.charsheet .sheet-talessya button[type="roll"] {
color: inherit;
font-size: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
.charsheet .sheet-talessya button[type="roll"]:hover {
color: #b61037;
}
.charsheet .sheet-talessya button[type="roll"]:focus {
color: #b61037;
outline: 0;
}
.charsheet .sheet-talessya button[type="roll"]::before {
display: none;
}
.charsheet .sheet-talessya .sheet-checkbox-image {
height: 14px;
overflow: hidden;
position: relative;
width: 14px;
}
.charsheet .sheet-talessya .sheet-checkbox-image [type="checkbox"] {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.charsheet .sheet-talessya .sheet-checkbox-image [type="checkbox"]:hover ~ span,
.charsheet .sheet-talessya .sheet-checkbox-image [type="checkbox"]:focus ~ span {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-checkbox-image [type="checkbox"]:checked ~ span {
background: #dcdcdc;
}
.charsheet .sheet-talessya .sheet-checkbox-image [type="checkbox"]:checked ~ span::after {
content: "";
display: block;
height: 100%;
width: 100%;
border-radius: 100%;
background: #353535;
}
.charsheet .sheet-talessya .sheet-checkbox-image span {
overflow: hidden;
padding: 2px;
background: #fff;
border-radius: 100%;
border: 1px solid #272727;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100% !important;
}
.charsheet .sheet-talessya .sheet-compendium-drop-target.dropping {
background: 0 0;
position: relative;
}
.charsheet .sheet-talessya .sheet-compendium-drop-target.dropping .sheet-section-npc::before,
.charsheet .sheet-talessya .sheet-compendium-drop-target.dropping .sheet-section-pc::before {
content: " ";
position: absolute;
height: 100%;
z-index: 7;
display: block;
background: #edb125;
opacity: 0.5;
border-radius: 6px;
}
.charsheet .sheet-talessya .sheet-compendium-drop-target.dropping .sheet-section-npc::before {
width: 385px;
}
.charsheet .sheet-talessya .sheet-compendium-drop-target.dropping .sheet-section-pc::before {
width: 800px;
}
.charsheet .sheet-talessya .sheet-container-attribute {
background: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/sheet-attribute-bg.png');
background-size: 100% 100%;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 15px auto 29px;
height: 85px;
width: 75px;
}
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-header button {
background: 0 0;
border: 0;
box-shadow: none;
font-size: 8px;
font-weight: 700;
text-transform: uppercase;
width: 100%;
}
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-body {
display: flex;
font-size: 30px;
align-items: center;
justify-content: center;
}
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-footer {
padding: 5px 22px 5px;
}
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-footer input {
background: 0 0;
border: 0;
box-shadow: none;
font-weight: 700;
padding: 0;
text-align: center;
width: 100%;
border-radius: 100%;
}
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-footer input:hover,
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-footer input:focus {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-footer input:hover ~ span,
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-footer input:focus ~ span {
display: none;
}
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-footer span {
display: block;
color: #14b500;
margin-top: -18px;
text-align: center;
background: #fff;
border-radius: 100%;
position: relative;
font-weight: 700;
}
.charsheet .sheet-talessya .sheet-container-attribute .sheet-container-footer span:hover {
display: none;
}
.charsheet .sheet-talessya .sheet-container-bar {
display: flex;
height: 30px;
position: relative;
z-index: 0;
}
.charsheet .sheet-talessya .sheet-container-bar::before {
border-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/sheet-bar-border.png') 103 103 103 103 fill stretch;
border-style: solid;
border-width: 30 30 0;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-container-bar.sheet-container-bar-left {
flex-direction: row-reverse;
}
.charsheet .sheet-talessya .sheet-container-bar.sheet-container-bar-left .sheet-container-header::after {
left: -12px;
right: auto;
transform: scaleX(-1);
}
.charsheet .sheet-talessya .sheet-container-bar .sheet-container-header {
align-items: center;
align-self: stretch;
display: flex;
flex-grow: 1;
font-size: 8px;
font-weight: 700;
justify-content: center;
position: relative;
text-transform: uppercase;
vertical-align: middle;
}
.charsheet .sheet-talessya .sheet-container-bar .sheet-container-header::after {
background: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/sheet-bar-spacer.png');
background-size: 100% 100%;
content: "";
display: inline-block;
height: 30px;
position: absolute;
right: -14px;
width: 19px;
}
.charsheet .sheet-talessya .sheet-container-bar .sheet-container-body {
align-items: center;
display: flex;
justify-content: center;
padding: 0 10px 0 12px;
text-align: center;
}
.charsheet .sheet-talessya .sheet-container-bar .sheet-container-body [type="text"] {
border: 0;
text-align: center;
width: 100%;
}
.charsheet .sheet-talessya .sheet-container-box {
display: flex;
flex-direction: column-reverse;
min-height: 65px;
position: relative;
z-index: 0;
min-width: 0;
overflow: hidden;
}
/* .charsheet .sheet-talessya .sheet-container-box::before {
border-image: url("@{img_prefix}borde-talessya.png") 50 50 50 50 fill stretch;
border-style: solid;
border-width: 15px 15px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1; }*/
.charsheet .sheet-talessya .sheet-container-box .sheet-container-header {
font-size: 8px;
font-weight: 700;
line-height: 1;
margin-left: 2px;
margin-right: 2px;
padding: 0 5px 5px;
text-align: center;
text-transform: uppercase;
min-height: 15px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-header button {
background: 0 0;
border: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-transform: inherit;
white-space: normal;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-header button:active {
box-shadow: none;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-header + .sheet-container-body {
padding-bottom: 0;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-header select {
background: 0 0;
border: 0;
cursor: pointer;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-transform: inherit;
white-space: normal;
width: auto;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-header select:active {
box-shadow: none;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-body {
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-grow: 1;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-body [type="text"],
.charsheet .sheet-talessya .sheet-container-box .sheet-container-body select {
border-color: rgba(255, 255, 255, 0);
flex-grow: 1;
line-height: 13px;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
min-width: 0;
color: #555;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-body input,
.charsheet .sheet-talessya .sheet-container-box .sheet-container-body span {
font-size: 24px;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-body span {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-body select {
cursor: pointer;
height: 100%;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-container-footer {
color: #bab8b8;
font-size: 8px;
font-weight: 700;
line-height: 10px;
padding-top: 6px;
text-transform: uppercase;
box-sizing: border-box;
min-height: 21px;
margin-bottom: -5px;
text-align: center;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-form-inline {
border: 0;
margin-left: -5px;
margin-right: -5px;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-form-inline:not(:first-child) {
margin-top: 5px;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-form-inline > .sheet-form-header {
background: #ddd;
color: inherit;
font-size: 9px;
line-height: 14px;
}
.charsheet .sheet-talessya .sheet-container-box .sheet-form-inline > .sheet-form-body {
padding-bottom: 0;
}
.charsheet .sheet-talessya .sheet-container-counter {
display: flex;
flex-direction: row-reverse;
height: 30px;
position: relative;
z-index: 0;
}
.charsheet .sheet-talessya .sheet-container-counter::before {
border-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/sheet-proficiency-border.png') 143 145 143 145 fill stretch;
border-style: solid;
border-width: 42px 42px 0;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: -6px;
top: 0;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-container-counter .sheet-container-header {
align-items: center;
display: flex;
flex-grow: 1;
font-size: 8px;
font-weight: 700;
justify-content: center;
text-transform: uppercase;
}
.charsheet .sheet-talessya .sheet-container-counter .sheet-container-body {
align-items: center;
display: flex;
justify-content: center;
text-align: center;
width: 39px;
}
.charsheet .sheet-talessya .sheet-container-panel {
display: flex;
flex-direction: column;
min-height: 65px;
min-width: 0;
position: relative;
z-index: 0;
}
.charsheet .sheet-talessya .sheet-container-panel::before {
border-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/borde-talessya.png') 50 50 50 50 fill stretch;
border-style: solid;
border-width: 35px 35px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-container-panel .sheet-container-header {
border-bottom: 2px solid #202020;
color: #202020;
font-size: 8px;
font-weight: 700;
line-height: 14px;
margin-left: 2px;
margin-right: 2px;
padding: 15px 0 5px;
text-align: center;
text-transform: uppercase;
}
.charsheet .sheet-talessya .sheet-container-panel .sheet-container-body {
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-grow: 1;
margin-bottom: 2px;
overflow: hidden;
padding: 5px 10px;
}
.charsheet .sheet-talessya .sheet-container-panel .sheet-container-body .sheet-container-body-header {
text-transform: uppercase;
display: flex;
color: #bab8b8;
font-size: 8px;
font-weight: 700;
line-height: 10px;
margin-bottom: 2px;
display: none;
}
.charsheet .sheet-talessya .sheet-container-panel .sheet-container-body .sheet-container-body-header span {
width: 100%;
}
.charsheet .sheet-talessya .sheet-container-panel .sheet-form-inline {
border: 0;
margin-left: -5px;
margin-right: -5px;
border-radius: 0;
}
.charsheet .sheet-talessya .sheet-container-panel .sheet-form-inline:not(:first-child) {
margin-top: 5px;
}
.charsheet .sheet-talessya .sheet-container-panel .sheet-form-inline > .sheet-form-header {
background: #ddd;
color: inherit;
font-size: 9px;
line-height: 14px;
}
.charsheet .sheet-talessya .sheet-container-panel .sheet-form-inline > .sheet-form-body {
padding-bottom: 0;
}
.charsheet .sheet-talessya .sheet-container-spell {
display: flex;
flex-direction: column;
min-height: 65px;
min-width: 0;
position: relative;
z-index: 0;
margin-top: 3px;
}
.charsheet .sheet-talessya .sheet-container-spell::before {
border-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/borde-talessya.png') 50 50 50 50 fill stretch;
border-style: solid;
border-width: 15px 15px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-header {
z-index: 2;
border: 0;
height: 52px;
padding: 0;
top: -9px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: -18px;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-header .sheet-spells-level {
font-size: 20px;
font-weight: 700;
display: inline-block;
width: 27px;
text-align: center;
flex-shrink: 0;
margin-right: 15px;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-header .sheet-spells-slots {
width: 100%;
text-align: center;
display: flex;
overflow: hidden;
padding-right: 15px;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-header .sheet-spells-slots.sheet-spells-slots-cantrip {
justify-content: center;
font-weight: 700;
font-size: 9px;
text-transform: uppercase;
padding-right: 34px;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-header .sheet-spells-slots input {
flex-grow: 0;
width: 100%;
text-align: right;
padding: 0;
border: 0;
margin-bottom: 3px;
margin-top: 1px;
padding-top: 2px;
min-width: 0;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-header .sheet-spells-slots input + * {
color: #ddd;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-header .sheet-spells-slots input ~ * {
text-transform: none;
font-size: 13px;
line-height: 24px;
margin-left: 3px;
font-weight: 700;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-header::before {
border-style: solid;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
border-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/sheet-spell-header.png') 155 82 155 82 fill stretch;
border-width: 52px 28px 0;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-body {
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-grow: 1;
margin-bottom: 2px;
overflow: hidden;
padding: 5px 10px;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-body .sheet-container-body-header {
text-transform: uppercase;
display: flex;
color: #bab8b8;
font-size: 8px;
font-weight: 700;
line-height: 10px;
margin-bottom: 2px;
display: none;
}
.charsheet .sheet-talessya .sheet-container-spell .sheet-container-body .sheet-container-body-header span {
width: 100%;
}
.charsheet .sheet-talessya .sheet-container-well {
min-height: 65px;
padding: 10px;
position: relative;
z-index: 0;
}
/*.charsheet .sheet-talessya .sheet-container-well::before {
border-image: url("@{img_prefix}sheet-well-border.png") 96 314 96 314 fill stretch;
border-style: solid;
border-width: 32px 101px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1; }*/
.charsheet .sheet-talessya fieldset {
position: relative;
}
.charsheet .sheet-talessya .repcontainer {
flex-grow: 1;
}
.charsheet .sheet-talessya .repcontrol {
border-color: #ccc;
border-top: 1px solid #ccc;
padding-top: 5px;
margin-top: 5px;
}
.charsheet .sheet-talessya .repcontrol .btn {
background: 0 0;
border-color: #ccc;
border-width: 1px;
box-shadow: none;
font-size: 9px;
font-weight: 700;
padding: 0 5px;
}
.charsheet .sheet-talessya .repcontrol .btn:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .repitem:not(:first-of-type) {
border-color: #ccc;
}
.charsheet .sheet-talessya .repitem:not(:last-of-type) {
margin-bottom: 2px;
}
.charsheet .sheet-talessya .repcontainer.editmode + .repcontrol .repcontrol_edit {
background: #cf0101;
border-color: #cf0101;
color: #fff;
}
.charsheet .sheet-talessya .repcontainer.editmode .repitem .itemcontrol {
align-items: center;
border-bottom: 2px solid transparent;
display: flex;
flex-direction: row-reverse;
justify-content: center;
z-index: 2;
}
.charsheet .sheet-talessya .repcontainer.editmode .repitem .itemcontrol::before {
background: rgba(126, 45, 64, 0.25);
border-radius: 6px;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .repcontainer.editmode .repitem .itemcontrol .btn {
box-sizing: border-box;
height: 18px;
line-height: 16px;
padding: 0;
text-align: center;
width: 36px;
}
.charsheet .sheet-talessya .repcontainer.editmode .repitem .itemcontrol .btn:not(:last-child) {
margin-left: 10px;
}
.charsheet .sheet-talessya .repcontainer.editmode .repitem .sheet-fieldset-item {
opacity: 0.25;
}
.charsheet .sheet-talessya .sheet-fieldset-item {
display: flex;
flex-direction: column;
min-height: 18px;
}
.charsheet .sheet-talessya .sheet-fieldset-item > :last-child {
margin-bottom: 0;
}
.charsheet .sheet-talessya .sheet-form {
border-radius: 6px;
border: 2px solid #7e2d40;
display: flex;
flex-direction: column;
overflow: hidden;
}
.charsheet .sheet-talessya .sheet-form.sheet-form-borderless {
border-radius: 0;
border: 0;
}
.charsheet .sheet-talessya .sheet-form.sheet-form-borderless .sheet-form-body {
padding: 0;
}
.charsheet .sheet-talessya .sheet-form > :last-child {
margin-bottom: 0;
}
.charsheet .sheet-talessya .sheet-form input,
.charsheet .sheet-talessya .sheet-form select,
.charsheet .sheet-talessya .sheet-form textarea,
.charsheet .sheet-talessya .sheet-form .uneditable-input {
box-sizing: border-box;
color: #000;
font-size: 11px;
height: 16px;
margin: 0;
padding: 0;
width: 100%;
min-width: 0;
}
.charsheet .sheet-talessya .sheet-form textarea {
min-height: 56px;
resize: vertical;
}
.charsheet .sheet-talessya .sheet-form label {
color: rgba(126, 45, 64, 0.35);
font-size: inherit;
font-weight: 700;
line-height: 16px;
margin: 0;
padding: 0;
white-space: nowrap;
width: auto;
font-size: 9px;
text-transform: uppercase;
}
.charsheet .sheet-talessya .sheet-form select {
cursor: pointer;
}
.charsheet .sheet-talessya .sheet-form input {
border-bottom: 1px solid #ddd;
border-left: 0;
border-radius: 0;
border-right: 0;
border-top: 0;
text-overflow: ellipsis;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-header {
background: #7e2d40;
color: #fff;
font-size: 9px;
font-weight: 700;
line-height: 13px;
text-align: center;
text-transform: uppercase;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-body {
background: #fff;
flex-grow: 1;
padding: 5px;
}
.charsheet .sheet-talessya .sheet-form .sheet-toggle + .sheet-form-group,
.charsheet .sheet-talessya .sheet-form .sheet-form-group + *,
.charsheet .sheet-talessya .sheet-form .sheet-form-fieldset + * {
margin-top: 4px;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-group {
display: flex;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-group > * + * {
margin-left: 5px;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-fieldset {
border-radius: 6px;
border: 2px solid rgba(126, 45, 64, 0.35);
}
.charsheet .sheet-talessya .sheet-form .sheet-form-fieldset .sheet-form-fieldset-header {
background: rgba(126, 45, 64, 0.35);
color: #fff;
font-size: 9px;
font-weight: 700;
line-height: 13px;
text-align: center;
text-transform: uppercase;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-fieldset .sheet-form-fieldset-body {
padding: 5px;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-checkbox {
cursor: pointer;
display: flex;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-checkbox:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-checkbox input {
height: 16px;
width: auto;
}
.charsheet .sheet-talessya .sheet-form .sheet-form-checkbox input + span {
margin-left: 5px;
}
.charsheet .sheet-talessya .sheet-hidden {
display: none !important;
}
.charsheet .sheet-talessya .sheet-display-brackets::after {
content: ")";
}
.charsheet .sheet-talessya .sheet-display-brackets::before {
content: "(";
}
.charsheet .sheet-talessya .sheet-display-brackets-xp::after {
content: " XP)";
}
.charsheet .sheet-talessya .sheet-display-brackets-xp::before {
content: "(";
}
.sheet-compendium-warning,
.sheet-monster-confirm {
display: none;
position: absolute;
top: 50%;
background: #fff;
left: 50%;
z-index: 100;
border: 2px solid #000;
width: 300px;
box-sizing: border-box;
text-align: center;
margin: 0 0 0 -150px;
padding: 30px;
text-transform: uppercase;
font-weight: 700;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.75);
}
.sheet-compendium-warning {
margin-top: -41px;
}
.sheet-monster-confirm {
margin-top: -75px;
}
.sheet-monster-confirm .sheet-monster-confirm-buttons {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.sheet-monster-confirm .sheet-monster-confirm-buttons .sheet-monster-confirm-button {
position: relative;
border: 1px solid #000;
border-radius: 3px;
width: 100%;
padding: 5px;
}
.sheet-monster-confirm .sheet-monster-confirm-buttons .sheet-monster-confirm-button + .sheet-monster-confirm-button {
margin-left: 10px;
}
.sheet-monster-confirm .sheet-monster-confirm-buttons .sheet-monster-confirm-button input {
position: absolute;
height: 100%;
width: 100%;
margin: 0;
left: 0;
top: 0;
opacity: 0;
}
.sheet-licensecontainer.active-drop-target.dropping .sheet-compendium-warning,
.sheet-monster_confirm_flag[value="1"] .sheet-licensecontainer .sheet-monster-confirm {
display: block;
}
.sheet-rolltemplate-spell .sheet-grey {
color: #a0a0a0;
font-weight: 400;
}
.sheet-rolltemplates {
display: none;
}
.sheet-rolltemplate-simple .sheet-containerold {
width: 189px;
background: url(http://i.imgur.com/53WSdhx.png) top left;
background-size: 189px 100%;
background-repeat: no-repeat;
color: #000;
}
.sheet-rolltemplate-simple .sheet-container {
width: 189px;
color: #000;
border: 1px solid #000;
border-radius: 10px;
background-color: #fff;
}
.sheet-rolltemplate-atk .sheet-containerold,
.sheet-rolltemplate-atkdmg .sheet-container.sheet-atkold,
.sheet-rolltemplate-dmg .sheet-atkold {
width: 189px;
background: url(http://i.imgur.com/4RCRsAd.png) top left;
background-size: 189px 100%;
background-repeat: no-repeat;
color: #000;
}
.sheet-rolltemplate-atk .sheet-container,
.sheet-rolltemplate-atkdmg .sheet-container.sheet-atk,
.sheet-rolltemplate-dmg .sheet-atk {
width: 189px;
color: #000;
border: 1px solid #000;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #fff;
}
.sheet-rolltemplate-dmg .sheet-containerold,
.sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplateold {
width: 189px;
background: url(http://i.imgur.com/gw9HTsq.png) top left;
background-size: 189px 100%;
background-repeat: no-repeat;
color: #000;
}
.sheet-rolltemplate-dmg .sheet-container,
.sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplate {
width: 189px;
color: #000;
border: 1px solid #000;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #fff;
}
.sheet-rolltemplate-simple .sheet-result,
.sheet-rolltemplate-atk .sheet-result,
.sheet-rolltemplate-atkdmg .sheet-result,
.sheet-rolltemplate-dmg .sheet-result,
.sheet-npc .sheet-subtitle .sheet-italics {
width: 100%;
}
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result,
.sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-result {
min-height: 45px;
}
.sheet-rolltemplate-simple .sheet-adv,
.sheet-rolltemplate-atk .sheet-adv,
.sheet-rolltemplate-atkdmg .sheet-adv,
.sheet-rolltemplate-dmg .sheet-adv {
width: 84px;
display: inline-block;
text-align: center;
vertical-align: top;
margin-top: 15px;
}
.sheet-rolltemplate-simple .sheet-adv:first-child,
.sheet-rolltemplate-atk .sheet-adv:first-child,
.sheet-rolltemplate-atkdmg .sheet-adv:first-child,
.sheet-rolltemplate-dmg .sheet-adv:first-child {
margin-left: 8px;
margin-right: -3px;
}
.sheet-rolltemplate-simple .sheet-adv:nth-child(3),
.sheet-rolltemplate-atk .sheet-adv:nth-child(3),
.sheet-rolltemplate-atkdmg .sheet-adv:nth-child(3),
.sheet-rolltemplate-dmg .sheet-adv:nth-child(3) {
margin-right: 8px;
margin-left: -3px;
}
.sheet-rolltemplate-simple .sheet-adv span,
.sheet-rolltemplate-simple .sheet-solo span,
.sheet-rolltemplate-atk .sheet-adv span,
.sheet-rolltemplate-atk .sheet-solo span,
.sheet-rolltemplate-atkdmg .sheet-adv span,
.sheet-rolltemplate-atkdmg .sheet-solo span,
.sheet-rolltemplate-dmg .sheet-adv span,
.sheet-rolltemplate-dmg .sheet-solo span {
width: 30px;
font-size: 20px;
background-color: transparent;
border: 0;
padding: 0;
}
.sheet-rolltemplate-simple .sheet-advspacer,
.sheet-rolltemplate-atk .sheet-advspacer,
.sheet-rolltemplate-atkdmg .sheet-advspacer,
.sheet-rolltemplate-dmg .sheet-advspacer {
width: 0;
border: 1px solid #000;
display: inline-block;
height: 35px;
}
.sheet-rolltemplate-simple .sheet-solo,
.sheet-rolltemplate-atk .sheet-solo,
.sheet-rolltemplate-atkdmg .sheet-solo,
.sheet-rolltemplate-dmg .sheet-solo {
width: 100%;
text-align: center;
height: 23px;
padding-top: 15px;
}
.sheet-rolltemplate-simple span,
.sheet-rolltemplate-atk span,
.sheet-rolltemplate-atkdmg span,
.sheet-rolltemplate-dmg span,
.sheet-rolltemplate-desc span {
font-size: 12px;
line-height: 12px;
text-align: center;
font-weight: 700;
}
.sheet-rolltemplate-dmg .sheet-desc span.sheet-plus,
.sheet-rolltemplate-atkdmg .sheet-desc span.sheet-plus {
font-weight: 700;
font-size: 20px;
display: inline;
}
.sheet-rolltemplate-simple .sheet-grey,
.sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-simple .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-simple .sheet-label span span,
.sheet-rolltemplate-atk .sheet-label span span,
.sheet-rolltemplate-atk .sheet-grey,
.sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-atk .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-atkdmg .sheet-label span span,
.sheet-rolltemplate-atkdmg .sheet-grey,
.sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg .sheet-label span span,
.sheet-rolltemplate-dmg .sheet-grey,
.sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-npc .sheet-grey,
.sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-npc .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-npcaction .sheet-grey,
.sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-npcatk .sheet-grey,
.sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.importantroll {
color: #a0a0a0;
border: 0;
font-weight: 400;
}
.sheet-rolltemplate-simple .sheet-label,
.sheet-rolltemplate-atk .sheet-label,
.sheet-rolltemplate-atkdmg .sheet-label,
.sheet-rolltemplate-dmg .sheet-label {
text-align: center;
margin-top: -3px;
padding-bottom: 5px;
}
.sheet-rolltemplate-simple .sheet-label span span,
.sheet-rolltemplate-atk .sheet-label span span,
.sheet-rolltemplate-atkdmg .sheet-label span span,
.sheet-rolltemplate-dmg .sheet-label span span {
padding: 0;
border: 0;
background-color: transparent;
font-size: 12px;
}
.sheet-rolltemplate-simple .inlinerollresult.fullcrit,
.sheet-rolltemplate-atk .inlinerollresult.fullcrit,
.sheet-rolltemplate-atkdmg .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg .inlinerollresult.fullcrit {
color: #3fb315;
border: 0;
}
.sheet-rolltemplate-simple .inlinerollresult.fullfail,
.sheet-rolltemplate-atk .inlinerollresult.fullfail,
.sheet-rolltemplate-atkdmg .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg .inlinerollresult.fullfail {
color: #b31515;
border: 0;
}
.sheet-rolltemplate-simple .inlinerollresult.importantroll,
.sheet-rolltemplate-atk .inlinerollresult.importantroll,
.sheet-rolltemplate-atkdmg .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg .inlinerollresult.importantroll {
color: #4a57ed;
border: 0;
}
.sheet-rolltemplate-atk .sheet-damage,
.sheet-rolltemplate-atkdmg .sheet-damage,
.sheet-rolltemplate-dmg .sheet-damage {
text-align: center;
margin-top: -5px;
}
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullcrit,
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullfail,
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.importantroll,
.sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullfail,
.sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.importantroll,
.sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullfail,
.sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.importantroll,
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullfail .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-atk .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullfail {
color: #000;
border: 0;
}
.sheet-rolltemplate-atk .sheet-save .sheet-savedc,
.sheet-rolltemplate-dmg .sheet-save .sheet-savedc,
.sheet-rolltemplate-atkdmg .sheet-save .sheet-savedc {
padding-bottom: 5px;
padding-top: 15px;
text-align: center;
}
.sheet-rolltemplate-atk .sheet-save .sheet-savedc span,
.sheet-rolltemplate-dmg .sheet-save .sheet-savedc span,
.sheet-rolltemplate-atkdmg .sheet-save .sheet-savedc span {
font-size: 15px;
font-weight: 700;
}
.sheet-rolltemplate-atk .sheet-save .sheet-label span,
.sheet-rolltemplate-dmg .sheet-save .sheet-label span,
.sheet-rolltemplate-atkdmg .sheet-save .sheet-label span {
font-weight: 700;
}
.sheet-rolltemplate-atk .sheet-save .inlinerollresult,
.sheet-rolltemplate-dmg .sheet-save .inlinerollresult,
.sheet-rolltemplate-atkdmg .sheet-save .inlinerollresult {
background-color: transparent;
border: 0;
padding: 0;
display: inline-block;
font-weight: 700;
}
.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult,
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult,
.sheet-rolltemplate-atk .sheet-desc .inlinerollresult {
background-color: transparent;
border: 0;
display: inline-block;
font-weight: 700;
font-size: 20px;
padding-top: 10px;
padding-bottom: 6px;
}
.sheet-rolltemplate-dmg .sheet-desc .sheet-label span,
.sheet-rolltemplate-atkdmg .sheet-desc .sheet-label span {
font-weight: 700;
}
.sheet-rolltemplate-atk .sheet-save span,
.sheet-rolltemplate-dmg .sheet-save span,
.sheet-rolltemplate-atkdmg .sheet-save span {
font-weight: 400;
line-height: 12px;
display: block;
}
.sheet-rolltemplate-atk .sheet-save span.sheet-bold,
.sheet-rolltemplate-dmg .sheet-save span.sheet-bold,
.sheet-rolltemplate-atkdmg .sheet-save span.sheet-bold {
font-weight: 700;
display: inline-block;
}
.sheet-rolltemplate-atk .sheet-sublabel,
.sheet-rolltemplate-atkdmg .sheet-sublabel,
.sheet-rolltemplate-dmg .sheet-sublabel {
text-align: center;
font-style: italic;
margin-top: -2px;
min-height: 17px;
}
.sheet-rolltemplate-atk .sheet-descold,
.sheet-rolltemplate-atkdmg .sheet-descold,
.sheet-rolltemplate-dmg .sheet-descold {
width: 189px;
background: url(http://i.imgur.com/4988JS0.png) top left;
background-size: 189px 100%;
background-repeat: no-repeat;
color: #000;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.sheet-rolltemplate-atk .sheet-desc,
.sheet-rolltemplate-atkdmg .sheet-desc,
.sheet-rolltemplate-dmg .sheet-desc,
.sheet-rolltemplate-desc .sheet-desc {
width: 189px;
border: 1px solid #000;
color: #000;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
background-color: #fff;
}
.sheet-rolltemplate-atk .sheet-desc span,
.sheet-rolltemplate-atkdmg .sheet-desc span,
.sheet-rolltemplate-dmg .sheet-desc span,
.sheet-rolltemplate-desc .sheet-desc span {
font-weight: 400;
line-height: 12px;
display: block;
}
.sheet-rolltemplate-atk .sheet-info span,
.sheet-rolltemplate-atkdmg .sheet-info span,
.sheet-rolltemplate-dmg .sheet-info span {
text-align: left;
padding: 0 5px 0 5px;
}
.sheet-rolltemplate-atk .sheet-info .inlinerollresult,
.sheet-rolltemplate-atkdmg .sheet-info .inlinerollresult,
.sheet-rolltemplate-dmg .sheet-info .inlinerollresult {
font-size: inherit;
padding: 0;
}
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-sublabel,
.sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-sublabel,
.sheet-rolltemplate-atkdmg .sheet-desc .sheet-sublabel,
.sheet-rolltemplate-dmg .sheet-desc .sheet-sublabel {
display: block;
width: 100%;
font-size: 10px;
font-weight: 400;
margin-top: -5px;
color: #a0a0a0;
}
.sheet-rolltemplate-atk .sheet-sublabel span,
.sheet-rolltemplate-atkdmg .sheet-sublabel span,
.sheet-rolltemplate-dmg .sheet-sublabel span {
font-weight: 400;
color: #000;
}
.sheet-rolltemplate-atk .sheet-spacer,
.sheet-rolltemplate-atkdmg .sheet-spacer,
.sheet-rolltemplate-dmg .sheet-spacer {
height: 10px;
}
.sheet-rolltemplate-dmg {
margin-top: -7px;
position: relative;
}
.sheet-rolltemplate-atk a[href^="~"] {
background-color: transparent;
padding: 0;
color: #000;
border: 0;
}
.sheet-rolltemplate-atk a:hover {
color: #ec2127;
}
.sheet-rolltemplate-atk a[href^="~"]:visited {
pointer-events: none;
}
.sheet-rolltemplate-spell .sheet-container {
width: 263px;
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/DD5thEditionLegacy/images/spellbg.jpg) center center;
background-size: auto;
background-repeat: repeat;
color: #000;
font-family: "Times New Roman", Times, serif;
padding: 10px;
margin-left: -45px;
border: 1px solid #000;
}
.withoutavatars .sheet-rolltemplate-spell .sheet-container {
margin-left: -15px;
}
.sheet-rolltemplate-spell .sheet-row {
display: block;
}
.sheet-rolltemplate-spell .sheet-title {
color: #7e2d40;
font-size: 1.2em;
}
.sheet-rolltemplate-spell .sheet-italics,
.sheet-npc .sheet-italics {
font-style: italic;
}
.sheet-rolltemplate-spell .sheet-bold,
.sheet-actions .sheet-bold {
font-weight: 700;
}
.sheet-rolltemplate-spell .sheet-spacer {
height: 5px;
}
.sheet-rolltemplate-npc,
.sheet-rolltemplate-npcaction .sheet-container,
.sheet-rolltemplate-npcatk,
.sheet-rolltemplate-npcdmg,
.sheet-rolltemplate-traits {
width: 188px;
border: 1px solid;
background-color: #fff;
padding: 5px;
}
.sheet-rolltemplate-npcaction .sheet-container.sheet-dmgcontainer {
margin-top: 5px;
}
.sheet-rolltemplate-npcdmg {
margin-top: -8px;
}
.sheet-rolltemplate-npc .sheet-header,
.sheet-rolltemplate-npcaction .sheet-header,
.sheet-rolltemplate-npcatk .sheet-header,
.sheet-rolltemplate-npcdmg .sheet-header {
color: #7e2d40;
font-size: 18px;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
}
.sheet-rolltemplate-traits .sheet-header {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
text-transform: capitalize;
font-variant: small-caps;
font-weight: 700;
color: #7e2d40;
}
.sheet-rolltemplate-npc .sheet-italics,
.sheet-rolltemplate-npcaction .sheet-italics,
.sheet-rolltemplate-npcatk .sheet-italics,
.sheet-rolltemplate-npcdmg .sheet-italics,
.sheet-rolltemplate-traits .sheet-italics {
font-style: italic;
}
.sheet-rolltemplate-npc .sheet-subheader,
.sheet-rolltemplate-npcaction .sheet-subheader,
.sheet-rolltemplate-npcatk .sheet-subheader,
.sheet-rolltemplate-npcdmg .sheet-subheader {
line-height: 13px;
margin-top: -3px;
}
.sheet-rolltemplate-traits .sheet-subheader {
font-style: italic;
color: #a0a0a0;
margin-top: -5px;
}
.sheet-rolltemplate-npc .sheet-subheader span,
.sheet-rolltemplate-npcaction .sheet-subheader span,
.sheet-rolltemplate-npcatk .sheet-subheader span,
.sheet-rolltemplate-npcdmg .sheet-subheader span {
font-size: 11px;
line-height: 11px;
}
.sheet-rolltemplate-traits .sheet-subheader span {
font-weight: 400;
font-size: 10px;
text-align: left;
line-height: 16px;
}
.sheet-rolltemplate-traits .sheet-desc {
font-weight: 400;
font-size: 12px;
text-align: left;
line-height: 16px;
}
.sheet-rolltemplate-npc .sheet-arrow-rightold,
.sheet-rolltemplate-npcaction .sheet-arrow-rightold,
.sheet-rolltemplate-npcatk .sheet-arrow-rightold,
.sheet-rolltemplate-npcdmg .sheet-arrow-rightold {
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 195px solid #7e2d40;
}
.sheet-rolltemplate-npc .sheet-arrow-right,
.sheet-rolltemplate-npcaction .sheet-arrow-right,
.sheet-rolltemplate-npcatk .sheet-arrow-right,
.sheet-rolltemplate-npcdmg .sheet-arrow-right {
border: 1px solid #7e2d40;
margin-bottom: 2px;
margin-top: 2px;
}
.sheet-rolltemplate-npc .inlinerollresult,
.sheet-rolltemplate-npcaction .inlinerollresult,
.sheet-rolltemplate-npcatk .inlinerollresult,
.sheet-rolltemplate-npcdmg .inlinerollresult,
.sheet-rolltemplate-traits .inlinerollresult {
background-color: #fff;
border: none;
}
.sheet-rolltemplate-npc .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcaction .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcatk .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcdmg .inlinerollresult.fullcrit {
color: #3fb315;
border: none;
}
.sheet-rolltemplate-npc .inlinerollresult.fullfail,
.sheet-rolltemplate-npcaction .inlinerollresult.fullfail,
.sheet-rolltemplate-npcatk .inlinerollresult.fullfail,
.sheet-rolltemplate-npcdmg .inlinerollresult.fullfail {
color: #b31515;
border: none;
}
.sheet-rolltemplate-npc .inlinerollresult.importantroll,
.sheet-rolltemplate-npcaction .inlinerollresult.importantroll,
.sheet-rolltemplate-npcatk .inlinerollresult.importantroll,
.sheet-rolltemplate-npcdmg .inlinerollresult.importantroll {
color: #4a57ed;
border: none;
}
.sheet-rolltemplate-npcatk a[href^="~"] {
background-color: transparent;
padding: 0;
color: #000;
border: 0;
}
.sheet-rolltemplate-npcatk .sheet-header a[href^="~"] {
color: #7e2d40;
}
.sheet-rolltemplate-npcatk a[href^="~"]:hover {
color: #ec2127;
}
.sheet-rolltemplate-simple .sheet-charname,
.sheet-rolltemplate-atk .sheet-charname,
.sheet-rolltemplate-dmg .sheet-charname,
.sheet-rolltemplate-atkdmg .sheet-charname {
text-align: center;
margin-top: -10px;
}
.sheet-rolltemplate-simple .sheet-charname span,
.sheet-rolltemplate-atk .sheet-charname span,
.sheet-rolltemplate-dmg .sheet-charname span,
.sheet-rolltemplate-atkdmg .sheet-charname span {
font-size: 11px;
font-weight: 400;
color: #a0a0a0;
}
.sheet-rolltemplate-dmg .sheet-label .sheet-rolltemplate-inline,
.sheet-rolltemplate-dmg .sheet-savedc .sheet-rolltemplate-inline,
.sheet-rolltemplate-atkdmg .sheet-savedc .sheet-rolltemplate-inline,
.sheet-rolltemplate-atkdmg .sheet-label .sheet-rolltemplate-inline {
display: inline-block;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-header .sheet-npc-header-name {
padding-right: 20px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-header > span {
font-size: 12px;
font-style: italic;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-header button {
background: 0 0;
border: 0;
box-shadow: none;
color: #7e2d40;
display: block;
font-size: 24px;
font-variant: small-caps;
font-weight: 700;
margin-bottom: 5px;
padding: 0;
width: 100%;
text-align: left;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-header button span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-header button:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section {
border-bottom: 2px solid #7e2d40;
border-top: 2px solid #7e2d40;
color: #7e2d40;
line-height: 16px;
margin: 5px 0;
padding: 5px 0;
position: relative;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section + .sheet-npc-section {
border-top: 0;
padding-top: 0;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section label {
color: inherit;
display: inline-block;
font-weight: 700;
width: auto;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section .sheet-btn-inline {
background: 0 0;
border: 0;
box-shadow: none;
margin: 0;
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section .sheet-btn-inline:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-abilities {
display: flex;
justify-content: space-between;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability {
background: 0 0;
border: 0;
box-shadow: none;
color: inherit;
flex-grow: 1;
margin: 0;
padding: 0;
text-shadow: none;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability .sheet-btn-npc-ability-title {
display: block;
font-weight: 700;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability .sheet-value-negative[value="0"] + ::before {
content: "(+";
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability .sheet-btn-npc-ability-mod::after {
content: ")";
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability .sheet-btn-npc-ability-mod::before {
content: "(";
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-skills button {
background: 0 0;
border: 0;
box-shadow: none;
color: inherit;
margin: 0;
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-skills button:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-skills button > :last-child::before {
content: "+";
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-saving-throws .sheet-field-toggle[value="1"] + button > :last-child::after,
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-skills .sheet-field-toggle[value="1"] + button > :last-child::after {
content: ",";
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-btn-npc-initiative {
background: 0 0;
border: 0;
box-shadow: none;
color: inherit;
position: absolute;
right: 0;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-btn-npc-initiative:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-btn-npc-initiative > :first-child {
display: block;
font-family: dicefontd20;
font-size: 16px;
font-weight: 700;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-btn-npc-initiative > :last-child {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-saving-throws button {
background: 0 0;
border: 0;
box-shadow: none;
color: inherit;
margin: 0;
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-section-saving-throws button > :last-child::before {
content: "+";
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-panel-npc {
border-radius: 4px;
border: 1px solid #ccc;
margin-top: 5px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-panel-npc .sheet-panel-header {
background: 0 0;
border-bottom: 2px solid #7e2d40;
color: #7e2d40;
font-size: 18px;
font-variant: small-caps;
font-weight: 700;
height: inherit;
line-height: inherit;
margin: 0;
padding: 5px;
text-align: left;
text-transform: capitalize;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-panel-npc .sheet-panel-body {
padding: 5px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-traits,
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-actions,
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-reactions,
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-legendary-actions {
margin-top: 5px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-traits .repitem:not(:last-of-type),
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-actions .repitem:not(:last-of-type),
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-reactions .repitem:not(:last-of-type),
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-legendary-actions .repitem:not(:last-of-type) {
border-bottom: 1px dotted #ddd;
padding-bottom: 5px;
margin-bottom: 5px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-traits {
margin-top: 0;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-trait {
font-size: 11px;
padding-right: 20px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-trait .sheet-npc-trait-name {
font-weight: 700;
padding: 0 5px;
background: #ddd;
border-radius: 3px;
display: inline-block;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-trait .sheet-npc-trait-desc {
display: inline;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-reaction {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-reaction .sheet-npc-reaction-name {
font-weight: 700;
padding: 0 5px;
background: #ddd;
border-radius: 3px;
display: block;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-reaction .sheet-npc-reaction-desription {
display: block;
white-space: normal;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-action {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-action button:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-action .sheet-fieldset-item-npcaction-checked-name {
background: #ddd;
display: inline-block;
border-radius: 3px;
padding: 0 5px;
width: 100%;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-action .sheet-fieldset-item-npcaction-checked-desription {
white-space: normal;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-legendary-action {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-legendary-action button:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-legendary-action .sheet-fieldset-item-npcaction-checked-name {
background: #ddd;
display: inline-block;
border-radius: 3px;
padding: 0 5px;
width: 100%;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-legendary-action .sheet-fieldset-item-npcaction-checked-desription {
white-space: normal;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-npc-legendary-actions-desription {
font-size: 11px;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #ddd;
border-radius: 3px;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-roll {
background: 0 0;
border: 0;
box-shadow: none;
text-align: left;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-name {
font-weight: 700;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-attack > :not(:last-child) {
font-style: italic;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-onhit > :first-child {
font-style: italic;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-fieldset-item-npcreaction .sheet-fieldset-item-npcaction-checked-roll {
background: 0 0;
border: 0;
box-shadow: none;
text-align: left;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-npc-display .sheet-fieldset-item-npcreaction .sheet-fieldset-item-npcreaction-name {
font-weight: 700;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-npc .sheet-section-npc-footer {
display: none;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc {
display: block;
width: 385px;
margin: 0 auto;
margin-top: 6px;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-section-pc-header {
display: none;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tabs {
margin-top: 0;
width: 385px;
min-height: 0;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab {
display: none;
position: relative;
width: 100%;
margin: 0 auto;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab > :first-child {
display: none;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab .sheet-tab-label,
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab .sheet-tab-content {
display: none;
position: relative;
padding: 0;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(5) {
display: block;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(5) .sheet-tab-content {
display: block;
top: 0;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(5) .sheet-tab-content .sheet-container-well-spell-attributes {
display: none;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(5) .sheet-tab-content .sheet-container-well-spells {
margin-bottom: 0;
border-radius: 0;
grid-template-columns: 1fr;
grid-auto-flow: inherit;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(5) .sheet-tab-content .sheet-container-well-spells > .sheet-container-spell {
min-height: 112px;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) ~ .sheet-toggle-npc-edit:checked ~ .sheet-section-pc .sheet-tab-content {
display: none !important;
}
.charsheet .sheet-talessya .sheet-form-fieldset-npc-attributes .sheet-form-fieldset-body,
.charsheet .sheet-talessya .sheet-form-fieldset-npc-saves .sheet-form-fieldset-body {
display: grid;
grid-column-gap: 10px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.charsheet .sheet-talessya .sheet-form-fieldset-npc-attributes .sheet-form-fieldset-body .sheet-form-group,
.charsheet .sheet-talessya .sheet-form-fieldset-npc-saves .sheet-form-fieldset-body .sheet-form-group {
align-items: center;
margin: 0;
}
.charsheet .sheet-talessya .sheet-form-fieldset-npc-attributes .sheet-form-fieldset-body .sheet-form-group input,
.charsheet .sheet-talessya .sheet-form-fieldset-npc-saves .sheet-form-fieldset-body .sheet-form-group input {
margin: 0;
text-align: center;
}
.charsheet .sheet-talessya .sheet-form-fieldset-npc-skills .sheet-form-fieldset-body {
display: grid;
grid-auto-flow: column;
grid-column-gap: 10px;
grid-row-gap: 2.5px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.charsheet .sheet-talessya .sheet-form-fieldset-npc-skills .sheet-form-fieldset-body .sheet-form-group {
margin: 0;
}
.charsheet .sheet-talessya .sheet-section-npc {
margin: 0 auto;
max-width: 385px;
position: relative;
}
.charsheet .sheet-talessya .sheet-section-npc .sheet-section-npc-footer p {
color: #ccc;
font-size: 9px;
margin: 3px 0 0;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-npc .sheet-section-npc-footer p a {
color: inherit;
}
.charsheet .sheet-talessya .sheet-section-npc .sheet-section-npc-footer p a:hover {
text-decoration: none;
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-pc {
margin: 0 auto;
width: 800px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-footer p {
color: #ccc;
font-size: 9px;
margin: 3px 0 0;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-footer p a {
color: inherit;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-footer p a:hover {
text-decoration: none;
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header {
/*background: url('@{img_prefix}sheet-header-bg.png');*/
background-size: 100% 100%;
display: grid;
grid-template-areas: ". logo . . ." ". logo . details ." ". name . details ." ". . . . .";
grid-template-columns: 18px 289px 38px auto 18px;
grid-template-rows: 40px 33px 46px auto;
height: 141px;
margin-bottom: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-name {
display: flex;
grid-area: name;
padding: 5px 15px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-name input {
flex-grow: 1;
border: 0;
color: #212121;
font-size: 20px;
font-weight: 700;
margin: 0;
padding: 0;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details {
grid-area: details;
overflow: hidden;
padding: 5px 35px;
position: relative;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-form {
height: 70px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-toggle-unchecked {
height: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-form-body {
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 2.5px 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-checkbox-cog {
right: 35px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-section-pc-header-details-panel {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-column-gap: 10px;
height: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-section-pc-header-details-panel div {
display: flex;
flex-direction: column-reverse;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-section-pc-header-details-panel div input {
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #000;
border-radius: 0;
height: 19px;
padding: 0;
width: 100%;
border-color: #ccc;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-section-pc-header-details-panel div label {
font-size: 9px;
text-transform: uppercase;
font-weight: 700;
line-height: 1.5;
color: #ccc;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-logo {
grid-area: logo;
padding: 15px 15px 6px;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-logo div {
background: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/logo.png');
width: 219.84px;
height: 52px;
display: block;
background-size: 100%;
margin: 0 auto;
}
.sheet-tabs {
position: relative;
width: 800px;
}
.sheet-tabs::after {
clear: both;
content: "";
display: block;
}
.sheet-tabs .sheet-tab {
width: 800px;
}
.sheet-tabs .sheet-tab:nth-of-type(2) > input[type="radio"],
.sheet-tabs .sheet-tab:nth-of-type(2) > .sheet-tab-label {
margin-left: 16.66667%;
}
.sheet-tabs .sheet-tab:nth-of-type(3) > input[type="radio"],
.sheet-tabs .sheet-tab:nth-of-type(3) > .sheet-tab-label {
margin-left: 33.33333%;
}
.sheet-tabs .sheet-tab:nth-of-type(4) > input[type="radio"],
.sheet-tabs .sheet-tab:nth-of-type(4) > .sheet-tab-label {
margin-left: 50%;
}
.sheet-tabs .sheet-tab:nth-of-type(5) > input[type="radio"],
.sheet-tabs .sheet-tab:nth-of-type(5) > .sheet-tab-label {
margin-left: 66.66667%;
}
.sheet-tabs .sheet-tab:nth-of-type(6) > input[type="radio"],
.sheet-tabs .sheet-tab:nth-of-type(6) > .sheet-tab-label {
margin-left: 83.33333%;
}
.sheet-tabs .sheet-tab > input[type="radio"] {
height: 30px;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
width: 16.66667%;
z-index: 1;
}
.sheet-tabs .sheet-tab > input[type="radio"]:hover ~ .sheet-tab-label {
background: #fff;
color: #8c6c49;
border-bottom-color: #8c6c49;
}
.sheet-tabs .sheet-tab > .sheet-tab-label {
align-items: center;
background: #ddd;
border-radius: 6px 6px 0 0;
border: 2px solid #ddd;
color: #8a8a8a;
display: flex;
font-size: 11px;
font-variant: small-caps;
font-weight: 700;
height: 30px;
justify-content: center;
margin: 0;
position: absolute;
text-transform: uppercase;
top: 0;
width: 16.66667%;
border-left-color: #fff;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: lightgrey;
}
.sheet-tabs .sheet-tab > input[type="radio"]:checked ~ .sheet-tab-label {
background: #fff;
border-color: #575757;
border-bottom-color: #fff;
color: #000;
}
.sheet-tabs .sheet-tab > input[type="radio"]:checked {
cursor: auto;
}
.sheet-tabs .sheet-tab > input[type="radio"]:checked ~ .sheet-tab-content {
display: block;
}
.sheet-tabs .sheet-tab .sheet-tab-content {
display: none;
min-height: 847px;
padding-top: 35px;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core > input[type="radio"]:checked ~ .sheet-tab-content {
display: grid;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "attributes personality" "attributes trackers" "attributes attacks";
grid-template-columns: 340px 1fr;
grid-template-rows: auto;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes {
grid-area: attributes;
display: grid;
grid-template-columns: 75px auto;
grid-template-rows: 98px 98px auto auto 1fr;
grid-template-areas: "attributes proficiency-bonus" "attributes saves" "attributes skills" "tools tools" "proficiencies proficiencies";
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-attributes {
grid-area: attributes;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiency-bonus {
grid-area: proficiency-bonus;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiency-bonus .sheet-container-body {
width: 50px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saves {
grid-area: saves;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill {
display: flex;
align-items: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw:not(:first-of-type),
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill:not(:first-of-type) {
border-top: 1px dotted #dcdcdc;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw .sheet-checkbox-image,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill .sheet-checkbox-image {
height: 10px;
width: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw .sheet-checkbox-image span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill .sheet-checkbox-image span {
padding: 1px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill input {
width: auto;
flex-grow: 0;
margin: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill span {
flex-grow: 0;
width: 20px;
text-align: center;
font-weight: 700;
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw button,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill button {
flex-grow: 1;
text-align: left;
border: 0;
background: 0 0;
box-shadow: none;
height: 18px;
font-size: 11px;
margin: 0;
padding: 0;
vertical-align: baseline;
color: inherit;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw button span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill button span {
font-weight: 400;
font-size: inherit;
width: auto;
opacity: 0.5;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw button:hover,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill button:hover {
background: #e5fffb;
margin-left: -3px;
padding-left: 3px;
color: #b61037;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skills {
grid-area: skills;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill .sheet-checkbox-image,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill span {
flex-grow: 0;
flex-shrink: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill button {
flex-grow: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill select {
margin: 0;
padding: 0;
height: 18px;
font-size: 11px;
width: 5rem;
border: none;
flex-grow: 1;
color: #b3b3b3;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill.sheet-pc-skill-animal-handling button {
letter-spacing: -0.6px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill.sheet-pc-skill-sleight-of-hand button {
letter-spacing: -0.25px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools {
grid-area: tools;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-container-body-header span:nth-of-type(1) {
width: 45px;
flex-shrink: 0;
padding-left: 10px;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-container-body-header span:nth-of-type(2) {
text-align: left;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button {
border: none;
background: 0 0;
box-shadow: none;
font-size: 11px;
display: flex;
align-items: center;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(1) {
border: 1px solid #000;
border-radius: 100%;
width: 10px;
height: 10px;
display: inline-block;
flex-shrink: 0;
padding: 1px;
background: #dcdcdc;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(1)::after {
content: "";
display: block;
height: 100%;
width: 100%;
border-radius: 100%;
background: #353535;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(2) {
width: 25px;
font-weight: 700;
text-align: center;
flex-shrink: 0;
margin-left: 2px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(4) {
opacity: 0.5;
margin-left: 2px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(4)::before {
content: "(";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(4)::after {
content: ")";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies {
grid-area: proficiencies;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-container-body-header span:first-of-type {
width: 65px;
margin-right: 5px;
flex-shrink: 0;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-pc-proficiency button {
border: none;
background: 0 0;
box-shadow: none;
font-size: 11px;
display: flex;
text-align: left;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
align-items: stretch;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-pc-proficiency button span:first-of-type {
margin-right: 5px;
width: 65px;
flex-shrink: 0;
font-size: 9px;
font-weight: 700;
display: flex;
text-shadow: none;
background: #dcdcdc;
justify-content: center;
border-radius: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-pc-proficiency button span:last-of-type {
white-space: normal;
line-height: 13px;
padding: 2px 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-pc-proficiency button:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-effects {
grid-area: effects;
display: flex;
flex-direction: column;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-effects {
flex-grow: 1;
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-container-body-header span:first-of-type {
text-align: center;
width: 10px;
flex-shrink: 0;
margin-right: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-pc-effect {
display: flex;
align-items: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-pc-effect .sheet-checkbox-image {
height: 10px;
width: 10px;
margin-right: 5px;
flex-shrink: 0;
align-self: flex-start;
margin-top: 4px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-pc-effect .sheet-checkbox-image span {
padding: 1px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-pc-effect > :last-child {
line-height: 12px;
padding: 3px 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-grouping-pc-health-conditions {
grid-area: health;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects {
display: flex;
flex-direction: column;
flex-grow: 1;
grid-area: effects;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details {
margin-bottom: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details label {
cursor: pointer;
margin: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details ul {
list-style: none;
margin: 0;
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details .sheet-pc-exhaustion-dot {
background: #fff;
border-radius: 100%;
border: 1px solid #272727;
display: inline-block;
height: 8px;
margin-right: 4px;
position: relative;
width: 8px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li + li {
margin-top: 2px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li [type="radio"] {
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li span {
border-radius: 4px;
display: flex;
font-size: 11px;
line-height: 8px;
padding: 2px 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li span strong {
margin-right: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details .sheet-radio span:hover {
position: relative;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details .sheet-radio span:hover::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: #e5fffb;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li input[type="radio"]:checked + span {
position: relative;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li input[type="radio"]:checked + span::after {
background: #b4cf01;
border-radius: 5px;
bottom: 0;
content: "";
height: 26px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li input[type="radio"]:checked + span .sheet-pc-exhaustion-dot {
background: #8c8c8c;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(1) input[type="radio"]:checked + span::after {
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:not(:nth-of-type(1)) input[type="radio"]:checked + span {
color: #fff;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(2) input[type="radio"]:checked + span::after {
background: #b4cf01;
height: 12px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(3) input[type="radio"]:checked + span::after {
background: #b4cf01;
height: 26px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(4) input[type="radio"]:checked + span::after {
background: #cfb401;
height: 40px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(5) input[type="radio"]:checked + span::after {
background: #cf7d01;
height: 54px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(6) input[type="radio"]:checked + span::after {
background: #cf4601;
height: 68px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(7) input[type="radio"]:checked + span::after {
background: #cf0101;
height: 82px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers {
grid-area: trackers;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 30px 30px;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "armor initiative perception speed fate fate" "armor initiative perception speed inspiration inspiration";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-armor {
grid-area: armor;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-initiative {
grid-area: initiative;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-perception {
grid-area: perception;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-speed {
grid-area: speed;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-xp {
grid-area: xp;
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-xp .sheet-container-body {
width: 152px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-training {
grid-area: training;
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-fate {
grid-area: fate;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-inspiration {
grid-area: inspiration;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health {
display: grid;
grid-area: health;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "hp-max hp hp health wounds wounds" "hit-dice hit-dice death health wounds wounds";
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 65px auto;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-max {
grid-area: hp-max;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-max .sheet-container-body {
padding-top: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-current {
grid-area: hp;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-current .sheet-container-body {
display: flex;
flex-direction: row;
padding-top: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-current .sheet-container-footer {
display: flex;
padding-left: 10px;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-current .sheet-container-footer span {
flex-grow: 1;
text-align: center;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice {
grid-area: hit-dice;
max-height: 65px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice .sheet-container-body {
display: flex;
flex-direction: row;
padding-top: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice .sheet-container-body span {
align-items: center;
color: #ddd;
display: flex;
font-size: 24px;
justify-content: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice .sheet-container-footer {
display: flex;
padding-left: 10px;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice .sheet-container-footer span {
flex-grow: 1;
text-align: center;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death {
grid-area: death;
max-height: 65px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-container-body {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-success,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-fail {
display: flex;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-success > span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-fail > span {
color: #c9c8bf;
font-size: 14px !important;
font-weight: 700;
line-height: 14px;
margin-right: 3px;
width: 14px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-success + *,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-fail + * {
margin-top: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-health {
grid-area: health;
max-height: 135px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds {
grid-area: wounds;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-container-body-header span:first-of-type {
width: 15px;
flex-shrink: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-pc-wound {
font-size: 11px;
display: flex;
align-items: center;
white-space: nowrap;
padding-right: 20px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-pc-wound > span {
overflow: hidden;
text-overflow: ellipsis;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-pc-wound .sheet-checkbox-image {
width: 10px;
height: 10px;
margin-right: 5px;
flex-shrink: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-pc-wound .sheet-checkbox-image span {
padding: 1px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions {
display: grid;
grid-area: conditions;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "conditions conditions conditions conditions rations rations" "conditions conditions conditions conditions water water" "conditions conditions conditions conditions exhaustion exhaustion";
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 30px 30px 65px;
margin-top: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions {
grid-area: conditions;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions .sheet-container-header {
display: grid;
grid-column-gap: 5px;
grid-template-columns: repeat(4, 1fr);
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions .sheet-container-header span {
text-align: center;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions .sheet-container-body {
display: grid;
grid-column-gap: 5px;
grid-template-columns: repeat(4, 1fr);
height: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions .sheet-container-body .sheet-list-conditions {
display: flex;
justify-content: space-between;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-rations {
grid-area: rations;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-water {
grid-area: water;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion {
grid-area: exhaustion;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body {
display: flex;
flex-direction: row;
padding-top: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body span {
align-items: center;
display: flex;
justify-content: center;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body span:nth-of-type(1),
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body span:nth-of-type(2) {
font-size: 18px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body span:nth-of-type(3) {
border-radius: 100%;
background: #eee;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-footer {
display: flex;
padding-left: 10px;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-footer span {
flex-grow: 1;
text-align: center;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress {
grid-area: stress;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 65px 1fr;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "pc-stress levels levels" "afflictions afflictions afflictions";
min-height: 85px;
margin-bottom: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress {
grid-area: pc-stress;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels {
grid-area: levels;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels .sheet-container-body {
justify-content: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels [type="checkbox"] {
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul {
list-style: none;
padding: 0;
margin: 0;
column-count: 2;
column-gap: 5px;
column-rule: 1px solid #dcdcdc;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul li:nth-of-type(2),
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul li:nth-of-type(4) {
margin-top: 2px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul label {
font-size: 11px;
cursor: pointer;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul span {
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul span strong {
margin-right: 2px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul span:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(1) input[type="checkbox"]:checked + span {
background: #cfb401;
color: #fff;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(3) input[type="checkbox"]:checked + span {
background: #cf7d01;
color: #fff;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(2) input[type="checkbox"]:checked + span {
background: #cf4601;
color: #fff;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(4) input[type="checkbox"]:checked + span {
background: #cf0101;
color: #fff;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(4) span {
letter-spacing: -0.75px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-afflictions {
grid-area: afflictions;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-afflictions .sheet-container-body-header span:first-of-type {
width: 75px;
flex-shrink: 0;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-afflictions .sheet-pc-affliction {
font-size: 11px;
line-height: 1.3;
padding: 3px 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-exhaustion {
grid-area: exhaustion;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks {
display: grid;
grid-area: attacks;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "spell-ability spell-dc spell-attack" "resource-class resource-other spell-burnout" "resources resources resources" "attacks attacks attacks";
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 65px 65px auto 1fr;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-ability {
grid-area: spell-ability;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-dc {
grid-area: spell-dc;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-dc .sheet-container-header {
padding-left: 10px;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-attack {
grid-area: spell-attack;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class {
grid-area: resource-class;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other {
grid-area: resource-other;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resources {
grid-area: resources;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resources .sheet-pc-resource {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resources .sheet-pc-resource span:nth-of-type(2) {
opacity: 0.5;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resources .sheet-pc-resource span:nth-of-type(2)::before {
content: "(";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resources .sheet-pc-resource span:nth-of-type(2)::after {
content: " /";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resources .sheet-pc-resource span:nth-of-type(3) {
opacity: 0.5;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resources .sheet-pc-resource span:nth-of-type(3)::after {
content: ")";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-header,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-header {
position: relative;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-header input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-header input {
background: 0 0;
border: 0;
bottom: 0;
font-size: inherit;
font-weight: inherit;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-header input:focus,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-header input:focus {
height: 18px;
opacity: 1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-header input:focus + span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-header input:focus + span {
opacity: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-body,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-body {
flex-direction: row;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-body input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-body input {
padding: 0;
font-size: 14px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-body span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-body span {
align-items: center;
color: #ddd;
display: flex;
font-size: 24px;
justify-content: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-burnout {
grid-area: spell-burnout;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks {
grid-area: attacks;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button {
background: 0 0;
border: none;
box-shadow: none;
display: flex;
font-size: 11px;
padding-right: 18px;
padding: 0;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button span {
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button span:first-of-type {
text-align: left;
text-shadow: none;
text-align: center;
font-weight: 700;
font-size: 9px;
border-radius: 3px;
background: #dcdcdc;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button span:nth-of-type(2) {
width: 40%;
text-align: center;
margin-right: 5px;
font-weight: 700;
border-right: 1px solid #dcdcdc;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button span:last-of-type {
text-align: center;
width: 80%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-ac-modifier {
align-items: center;
display: flex;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier .sheet-checkbox-image,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier .sheet-checkbox-image,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier .sheet-checkbox-image,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier .sheet-checkbox-image,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-ac-modifier .sheet-checkbox-image {
height: 10px;
margin-right: 5px;
width: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier .sheet-checkbox-image span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier .sheet-checkbox-image span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier .sheet-checkbox-image span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier .sheet-checkbox-image span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-ac-modifier .sheet-checkbox-image span {
padding: 1px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier > span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier > span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier > span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier > span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-ac-modifier > span {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier > span + span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier > span + span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier > span + span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier > span + span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-ac-modifier > span + span {
margin-left: 5px;
opacity: 0.5;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier > span + span::before,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier > span + span::before,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier > span + span::before,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier > span + span::before,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-ac-modifier > span + span::before {
content: "(";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier > span + span::after,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier > span + span::after,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier > span + span::after,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier > span + span::after,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-core .sheet-pc-ac-modifier > span + span::after {
content: ")";
}
.charsheet .sheet-talessya .sheet-list-conditions {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.charsheet .sheet-talessya .sheet-list-conditions .sheet-radio {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
line-height: 14px;
text-align: center;
}
.charsheet .sheet-talessya .sheet-list-conditions .sheet-radio span {
border-radius: 4px;
flex-grow: 1;
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-list-conditions .sheet-radio span:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-list-conditions .sheet-radio input {
display: none;
}
.charsheet .sheet-talessya .sheet-list-conditions .sheet-radio input[type="radio"]:checked + span {
background: #cf0101;
color: #fff;
}
.charsheet .sheet-talessya .sheet-list-conditions li:nth-of-type(1) input[type="radio"]:checked + span {
background: #46cf01;
}
.charsheet .sheet-talessya .sheet-list-conditions li:nth-of-type(2) input[type="radio"]:checked + span {
background: #7dcf01;
}
.charsheet .sheet-talessya .sheet-list-conditions li:nth-of-type(3) input[type="radio"]:checked + span {
background: #b4cf01;
}
.charsheet .sheet-talessya .sheet-list-conditions li:nth-of-type(4) input[type="radio"]:checked + span {
background: #cfb401;
}
.charsheet .sheet-talessya .sheet-list-conditions li:nth-of-type(5) input[type="radio"]:checked + span {
background: #cf7d01;
}
.charsheet .sheet-talessya .sheet-list-conditions li:nth-of-type(6) input[type="radio"]:checked + span {
background: #cf4601;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-alert-warning {
background: #7e2d40;
font-size: 9px;
text-align: center;
margin-bottom: 4px;
color: #fff;
border-radius: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-cp .sheet-container-header,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-sp .sheet-container-header,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-ep .sheet-container-header,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-gp .sheet-container-header,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-pp .sheet-container-header,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other .sheet-container-header {
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-cp .sheet-container-header input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-sp .sheet-container-header input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-ep .sheet-container-header input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-gp .sheet-container-header input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-pp .sheet-container-header input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other .sheet-container-header input {
text-align: center;
width: 100%;
border: 0;
padding-left: 0;
padding-right: 0;
font-size: 8px;
font-weight: 700;
background: 0 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-cp .sheet-container-header input:hover,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-sp .sheet-container-header input:hover,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-ep .sheet-container-header input:hover,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-gp .sheet-container-header input:hover,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-pp .sheet-container-header input:hover,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other .sheet-container-header input:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-cp .sheet-container-body input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-sp .sheet-container-body input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-ep .sheet-container-body input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-gp .sheet-container-body input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-pp .sheet-container-body input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other .sheet-container-body input {
width: 40px;
padding-left: 0;
padding-right: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-cp {
grid-area: cp;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-sp {
grid-area: sp;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-gp {
grid-area: gp;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-ep {
grid-area: ep;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-pp {
grid-area: pp;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other {
grid-area: other;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment > input[type="radio"]:checked ~ .sheet-tab-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 165px auto;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "purse encumberance" "equipment equipment";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment {
grid-area: equipment;
display: grid;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment-supplies {
grid-area: supplies;
display: grid;
grid-template-rows: repeat(2, 30px);
grid-row-gap: 5px;
grid-template-areas: "rations" "water";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment-purse {
grid-area: purse;
display: grid;
grid-template-rows: 30px 30px 40px;
grid-template-columns: 1fr 1fr;
grid-row-gap: 5px;
grid-column-gap: 5px;
grid-template-areas: "cp gp" "sp pp" "coinage coinage";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment-encumberance {
grid-area: encumberance;
display: grid;
grid-template-rows: 65px auto;
grid-row-gap: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment-general {
grid-area: general;
display: grid;
grid-template-rows: auto;
grid-row-gap: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-otheritem {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-otheritem span:first-of-type {
font-weight: 700;
background: #ddd;
padding: 3px 5px;
margin-right: 3px;
border-radius: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-rations {
grid-area: rations;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-water {
grid-area: water;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container-footer {
font-size: 7px;
display: flex;
text-transform: uppercase;
opacity: 1;
line-height: 1;
margin-top: 0;
background: #ddd;
padding: 3px 5px;
padding-right: 20px;
border-radius: 0 0 4px 4px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container-footer span:first-of-type {
flex-grow: 1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container-footer span:not(:first-of-type) {
width: 50px;
margin-left: 1px;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item-equipped {
background: #7e2d40;
color: #fff;
display: inline-block;
height: 14px;
width: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item-carried {
background: #ddd;
color: #000;
display: inline-block;
height: 14px;
width: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment [name="attr_equipped"][value="1"] ~ .sheet-pc-item-carried {
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment [name="attr_equipped"][value="0"] ~ [name="attr_carried"][value="0"] + .sheet-pc-item-carried {
display: inline-flex !important;
background: 0 0;
border: 1px solid #ddd;
color: #fff;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item {
font-size: 11px;
padding-right: 20px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-header {
font-size: 7px;
display: flex;
text-transform: uppercase;
opacity: 1;
line-height: 1;
margin-top: 0;
padding: 0 0 3px;
color: #b1b1b1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-header span:first-of-type {
flex-grow: 1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-header span:not(:first-of-type) {
width: 50px;
margin-left: 1px;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-content {
display: flex;
border-radius: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-content input {
text-align: center;
width: 100%;
height: 100%;
border: none;
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item:hover {
background: #f2f2f2;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-name {
flex-grow: 1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-quantity,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-notches,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-weight,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-slots {
border: 1px solid #ccc;
border-radius: 3px;
height: 20px;
display: inline-block;
flex-grow: 0;
width: 50px;
text-align: center;
margin-left: 1px;
display: flex;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container {
background: #7e2d40;
color: #fff;
font-size: 11px;
border-radius: 4px 4px 0 0;
padding: 0 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container .sheet-pc-equipment-container-slots {
opacity: 0.75;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container .sheet-pc-item-equipped {
background: 0 0;
border: 1px solid #ddd;
color: #fff;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container .sheet-pc-item-carried {
background: 0 0;
border: 1px solid #ddd;
color: #fff;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container [name="attr_equipped"][value="1"] ~ .sheet-pc-item-carried {
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container [name="attr_equipped"][value="0"] ~ [name="attr_carried"][value="0"] + .sheet-pc-item-carried {
display: inline-flex !important;
background: 0 0;
border: 1px solid #ddd;
color: #7e2d40;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-item-columns-2 {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-item-columns-2 > .sheet-form-group {
margin: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-form-body {
display: grid;
grid-template-columns: auto 115px;
grid-column-gap: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-toggle-unchecked,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-toggle-checked {
margin-top: 4px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span {
display: block;
border-radius: 3px;
text-align: center;
font-size: 9px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
line-height: 20px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-unencumbered {
background: #b4cf01;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-immobile,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-over {
background: #cf4601;
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-encumbered {
background: #cfb401;
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-heavily {
background: #cf7d01;
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="IMMOBILE"] ~ .sheet-pc-unencumbered,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="HEAVILY ENCUMBERED"] ~ .sheet-pc-unencumbered,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="ENCUMBERED"] ~ .sheet-pc-unencumbered,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="OVER CARRYING CAPACITY"] ~ .sheet-pc-unencumbered {
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="IMMOBILE"] ~ .sheet-pc-immobile {
display: block;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="HEAVILY ENCUMBERED"] ~ .sheet-pc-heavily {
display: block;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="ENCUMBERED"] ~ .sheet-pc-encumbered {
display: block;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="OVER CARRYING CAPACITY"] ~ .sheet-pc-over {
display: block;
}
.charsheet .sheet-talessya .sheet-pc-equipment-other .repitem + .repitem {
margin-top: 5px;
padding-top: 5px;
border-top: 1px dotted #ddd;
}
.charsheet .sheet-talessya .sheet-pc-slots .sheet-container-body,
.charsheet .sheet-talessya .sheet-pc-weight .sheet-container-body {
display: flex;
flex-direction: row;
padding-top: 0;
}
.charsheet .sheet-talessya .sheet-pc-slots .sheet-container-body span,
.charsheet .sheet-talessya .sheet-pc-weight .sheet-container-body span {
align-items: center;
color: #ddd;
display: flex;
font-size: 24px;
justify-content: center;
}
.charsheet .sheet-talessya .sheet-pc-slots .sheet-container-body span:nth-of-type(2),
.charsheet .sheet-talessya .sheet-pc-weight .sheet-container-body span:nth-of-type(2) {
width: 100%;
color: #000;
}
.charsheet .sheet-talessya .sheet-pc-slots .sheet-container-footer,
.charsheet .sheet-talessya .sheet-pc-weight .sheet-container-footer {
display: flex;
padding-left: 10px;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-pc-slots .sheet-container-footer span,
.charsheet .sheet-talessya .sheet-pc-weight .sheet-container-footer span {
flex-grow: 1;
text-align: center;
width: 100%;
}
.charsheet .sheet-talessya .repitem:not(:first-of-type) .sheet-pc-item .sheet-pc-item-header {
display: none;
}
.charsheet .sheet-talessya .sheet-pc-equipment .sheet-toggle-slots[value="0"] ~ .repcontainer .sheet-pc-equipment-container-footer span:nth-of-type(4),
.charsheet .sheet-talessya .sheet-pc-equipment .sheet-toggle-slots[value="0"] ~ .repcontainer .sheet-pc-item-header span:nth-of-type(4),
.charsheet .sheet-talessya .sheet-pc-equipment .sheet-toggle-slots[value="0"] ~ .repcontainer .sheet-pc-item .sheet-pc-item-slots {
display: none;
}
.charsheet .sheet-talessya .sheet-pc-equipment .sheet-toggle-slots[value="1"] ~ .repcontainer .sheet-pc-equipment-container-footer span:nth-of-type(3),
.charsheet .sheet-talessya .sheet-pc-equipment .sheet-toggle-slots[value="1"] ~ .repcontainer .sheet-pc-item-header span:nth-of-type(3),
.charsheet .sheet-talessya .sheet-pc-equipment .sheet-toggle-slots[value="1"] ~ .repcontainer .sheet-pc-item .sheet-pc-item-weight {
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features > input[type="radio"]:checked ~ .sheet-tab-content {
display: grid;
grid-template-columns: auto 262.5px;
grid-template-rows: 355px auto;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "details features" "memories features";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-container-well-details {
grid-area: details;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-areas: "details personality" "details ideals" "details bonds" "details flaws";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-container-well-memories {
grid-area: memories;
display: grid;
grid-template-columns: repeat(1, 0fr);
grid-template-rows: repeat(2, 20) auto;
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-areas: "memories xp" "memories training" "memories notes";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-container-well-features {
grid-area: features;
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "features";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details {
grid-area: details;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail {
display: flex;
height: 20px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail:not(:last-of-type) {
margin-bottom: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail * + * {
margin-left: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail label,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail select {
font-size: 11px;
height: 20px;
padding: 0;
line-height: 20px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail input {
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
padding: 0 4px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail select {
cursor: pointer;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail select {
width: 100%;
min-width: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail label {
white-space: nowrap;
font-size: 9px;
background: #ddd;
border-radius: 3px;
width: 60px;
font-weight: 700;
display: inline-block;
flex-grow: 1;
flex-shrink: 0;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-column {
display: flex;
flex-direction: column;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-column * {
margin: 0;
flex-shrink: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-habit,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-motivation,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-feature {
height: auto;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-habit label,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-motivation label,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-feature label {
height: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-quest {
height: 40px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-quest label {
height: 40px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-quest textarea {
height: 40px;
font-size: 11px;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
resize: none;
padding: 0 4px;
line-height: 13px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-personality {
grid-area: personality;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-ideals {
grid-area: ideals;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-bonds {
grid-area: bonds;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-flaws {
grid-area: flaws;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-xp {
grid-area: xp;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-xp input {
width: 140px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-training {
grid-area: training;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-memories {
grid-area: memories;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-memories .repitem + .repitem {
margin-top: 5px;
padding-top: 5px;
border-top: 1px dotted #ddd;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-memories .sheet-pc-memory {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-memories .sheet-pc-memory span:first-of-type {
font-weight: 700;
background: #ddd;
padding: 3px 5px;
border-radius: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-personality textarea,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-ideals textarea,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-bonds textarea,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-flaws textarea {
flex-grow: 1;
min-height: 39px;
font-size: 11px;
border: 0;
padding: 0;
resize: none;
margin: 0;
height: auto;
line-height: 13px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features {
grid-area: features;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-checkbox-cog:hover span {
color: #fff;
opacity: 1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .repitem + .repitem {
margin-top: 5px;
padding-top: 5px;
border-top: 1px dotted #ddd;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature button {
background: 0 0;
border: 0;
box-shadow: none;
width: 100%;
text-shadow: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature button:hover {
background: #e5fffb;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-name {
background: #7e2d40;
color: #fff;
border-radius: 3px;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 20px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-details {
text-align: left;
white-space: normal;
line-height: 1.3;
margin-top: 5px;
font-size: 9px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-source {
opacity: 0.5;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-source::before {
content: "(";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-source::after {
content: ")";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-notes {
grid-area: notes;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-notes .repitem + .repitem {
margin-top: 5px;
padding-top: 5px;
border-top: 1px dotted #ddd;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-notes .sheet-pc-note {
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-features .sheet-pc-notes .sheet-pc-note span:first-of-type {
font-weight: 700;
background: #ddd;
padding: 3px 5px;
border-radius: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-notes > input[type="radio"]:checked ~ .sheet-tab-content {
display: grid;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-notes .sheet-pc-notes {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-areas: "backstory features features" "allies allies treasure";
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-notes .sheet-pc-notes textarea {
width: 100%;
height: 100%;
margin: 0;
resize: none;
border: 0;
font-size: 11px;
line-height: 13px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-notes .sheet-pc-notes .sheet-pc-notes-features {
grid-area: features;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-notes .sheet-pc-notes .sheet-pc-notes-backstory {
grid-area: backstory;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-notes .sheet-pc-notes .sheet-pc-notes-allies {
grid-area: allies;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-notes .sheet-pc-notes .sheet-pc-notes-treasure {
grid-area: treasure;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell-ability .sheet-container-header,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-burnout .sheet-container-header {
padding-left: 10px;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell-ability .sheet-container-body select,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell-ability .sheet-container-body input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-burnout .sheet-container-body select,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-burnout .sheet-container-body input {
height: 39px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell {
display: flex;
padding-right: 20px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell button {
justify-content: space-between;
flex-grow: 1;
display: flex;
border: 0;
background: 0 0;
box-shadow: none;
font-size: 11px;
width: 100%;
overflow: hidden;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell button:hover {
background: #e5fffb;
margin-left: -3px;
margin-right: -3px;
padding-left: 3px;
padding-right: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-checkbox-image {
margin-right: 5px;
flex-shrink: 0;
height: 10px;
width: 10px;
margin-top: 4px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-checkbox-image span {
padding: 1px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-pc-spell-name {
overflow: hidden;
text-overflow: ellipsis;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-pc-spell-components {
font-size: 8px;
margin-left: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-display-brackets {
opacity: 0.5;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells > input[type="radio"]:checked ~ .sheet-tab-content {
display: grid;
grid-row-gap: 5px;
grid-template-rows: 85px auto;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes {
display: grid;
grid-column-gap: 5px;
grid-template-columns: repeat(4, 1fr) 3fr;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-spell-symbols {
font-size: 11px;
line-height: 1.3;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-spell-symbols ul {
list-style: none;
margin: 0;
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-spell-dc .sheet-container-header {
padding-left: 10px;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-header,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-header {
position: relative;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-header input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-header input {
background: 0 0;
border: 0;
bottom: 0;
font-size: inherit;
font-weight: inherit;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-header input:focus,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-header input:focus {
height: 18px;
opacity: 1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-header input:focus + span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-header input:focus + span {
opacity: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-body,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-body {
flex-direction: row;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-body input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-body input {
padding: 0;
font-size: 14px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-body span,
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-body span {
align-items: center;
color: #ddd;
display: flex;
font-size: 24px;
justify-content: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spells {
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto auto;
grid-auto-flow: row;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spells .sheet-spells-8-9 {
display: grid;
grid-row-gap: 10px;
grid-template-rows: 1fr auto;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spells .sheet-spells-8-9 .sheet-container-spell {
min-height: 112px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-spells .sheet-container-well-spells .sheet-container-spell {
min-height: 218px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options > input[type="radio"]:checked ~ .sheet-tab-content {
display: grid;
grid-row-gap: 5px;
grid-template-rows: auto;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-options {
display: grid;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "class multiclass custom" "class spell custom" "general attribute skill" "general save skill" "darker save skill";
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto auto auto 1fr;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-class {
grid-area: class;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-gdd {
grid-area: darker;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-multiclass {
grid-area: multiclass;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-spell {
grid-area: spell;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-spell .sheet-form-body {
display: grid;
grid-column-gap: 10px;
grid-row-gap: 5px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
grid-auto-flow: column;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-spell .sheet-form-body > .sheet-form-group {
margin: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-class-custom {
grid-area: custom;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-class-custom .sheet-form-fieldset-body {
display: grid;
grid-column-gap: 10px;
grid-row-gap: 5px;
grid-template-columns: 1fr 1fr;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-class-custom .sheet-form-fieldset-body > .sheet-form-group {
margin: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-general {
grid-area: general;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-attribute {
grid-area: attribute;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-save {
grid-area: save;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-skill {
grid-area: skill;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-skill label:not(.sheet-form-checkbox) span {
opacity: 0.5;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-option-skill select {
width: 75px;
flex-shrink: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-options label {
color: #000;
font-size: 11px;
font-weight: 400;
text-transform: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-options .sheet-form-fieldset {
border-color: lightgrey;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-pc-options .sheet-form-fieldset .sheet-form-fieldset-header {
background-color: lightgrey;
color: inherit;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-form-fieldset-custom-ac {
margin-top: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-tab-options .sheet-form-fieldset-hp-modifiers .repitem + .repitem {
margin-top: 5px;
}
.charsheet .sheet-talessya .sheet-section-roll {
margin: 0 auto;
width: 800px;
display: flex;
justify-content: flex-end;
margin-bottom: -18px;
height: 18px;
}
.charsheet .sheet-talessya .sheet-section-roll-advantage,
.charsheet .sheet-talessya .sheet-section-roll-whisper {
display: none;
}
.charsheet .sheet-talessya .sheet-section-roll-advantage label,
.charsheet .sheet-talessya .sheet-section-roll-whisper label {
position: relative;
}
.charsheet .sheet-talessya .sheet-section-roll-advantage label:first-of-type span,
.charsheet .sheet-talessya .sheet-section-roll-whisper label:first-of-type span {
border-radius: 4px 0 0 4px;
border-left: 1px solid #b7b7b7;
}
.charsheet .sheet-talessya .sheet-section-roll-advantage label:last-of-type span,
.charsheet .sheet-talessya .sheet-section-roll-whisper label:last-of-type span {
border-radius: 0 4px 4px 0;
}
.charsheet .sheet-talessya .sheet-section-roll-advantage label span,
.charsheet .sheet-talessya .sheet-section-roll-whisper label span {
background: #ddd;
padding: 1px 5px;
font-weight: 700;
border: 1px solid #b7b7b7;
border-left: 0;
color: #909090;
}
.charsheet .sheet-talessya .sheet-section-roll-advantage label input,
.charsheet .sheet-talessya .sheet-section-roll-whisper label input {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
}
.charsheet .sheet-talessya .sheet-section-roll-advantage label input:checked ~ span,
.charsheet .sheet-talessya .sheet-section-roll-whisper label input:checked ~ span {
background: #7e2d40;
color: #fff;
border-color: #7e2d40;
}
.charsheet .sheet-talessya .sheet-section-roll-advantage label input:not(:checked):hover ~ span,
.charsheet .sheet-talessya .sheet-section-roll-whisper label input:not(:checked):hover ~ span {
color: #000;
}
.charsheet .sheet-talessya .sheet-roll-toggle[value*="advantagetoggle"] + .sheet-section-roll-advantage,
.charsheet .sheet-talessya .sheet-roll-toggle[value*="whispertoggle"] + .sheet-section-roll-whisper {
display: flex;
}
.charsheet .sheet-talessya .sheet-section-roll-whisper {
margin-left: 3px;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-roll {
width: 385px;
justify-content: space-between;
margin-bottom: 0;
height: auto;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-roll .sheet-section-roll-advantage,
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-roll .sheet-section-roll-whisper {
margin-bottom: 10px;
}
.charsheet .sheet-talessya .sheet-section-templates {
display: none;
}
.charsheet .sheet-talessya .sheet-checkbox-cog {
display: inline-block;
height: 18px;
position: absolute;
right: 0;
width: 18px;
}
.charsheet .sheet-talessya .sheet-checkbox-cog input {
height: 100%;
margin: 0;
opacity: 0;
position: relative;
width: 100%;
z-index: 1;
}
.charsheet .sheet-talessya .sheet-checkbox-cog input:checked ~ span {
border: none;
color: inherit;
opacity: 0.25;
top: -2px;
}
.charsheet .sheet-talessya .sheet-checkbox-cog input:checked ~ span::before {
content: "2";
color: #fff;
}
.charsheet .sheet-talessya .sheet-checkbox-cog:hover span {
color: #000;
}
.charsheet .sheet-talessya .sheet-checkbox-cog:hover input:checked ~ span {
opacity: 1;
}
.charsheet .sheet-talessya .sheet-checkbox-cog span {
align-items: center;
border-radius: 50%;
box-sizing: border-box;
color: #ccc;
display: flex;
font-family: Pictos;
font-size: 13px;
height: 100%;
justify-content: center;
left: 0;
opacity: 0.25;
position: absolute;
top: 0;
width: 100%;
}
.charsheet .sheet-talessya .sheet-checkbox-cog span::before {
content: "y";
}
.charsheet .sheet-talessya .sheet-toggle ~ .sheet-toggle-checked {
display: none;
}
.charsheet .sheet-talessya .sheet-toggle ~ .sheet-toggle-unchecked {
display: block;
width: 100%;
}
.charsheet .sheet-talessya .sheet-toggle:checked ~ .sheet-toggle-checked {
display: block;
width: 100%;
}
.charsheet .sheet-talessya .sheet-toggle:checked ~ .sheet-toggle-unchecked {
display: none;
}
.charsheet .sheet-talessya .sheet-toggle-npc[value="0"] ~ .sheet-section-npc {
display: none;
}
.charsheet .sheet-talessya .sheet-toggle-npc[value="0"] ~ .sheet-section-pc {
display: block;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-npc {
display: block;
}
.charsheet .sheet-talessya .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-pc {
display: none;
}
.charsheet .sheet-talessya .sheet-field-toggle:not([value]) + *,
.charsheet .sheet-talessya .sheet-field-toggle[value=""] + *,
.charsheet .sheet-talessya .sheet-field-toggle[value="0"] + *,
.charsheet .sheet-talessya .sheet-field-toggle[value="hide"] + * {
display: none !important;
}
.charsheet .sheet-talessya .sheet-field-untoggle[value="1"] + * {
display: none !important;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 8, 2021 */
@font-face {
font-family: first_orderregular;
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstorder-webfont.eot');
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstorder-webfont.eot?#iefix') format("embedded-opentype"), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstorder-webfont.woff2') format("woff2"), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstorder-webfont.woff') format("woff"), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstorder-webfont.ttf') format("truetype"), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstorder-webfont.svg#first_orderregular') format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: first_order_condensedCn;
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstordercond-webfont.eot');
src: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstordercond-webfont.eot?#iefix') format("embedded-opentype"), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstordercond-webfont.woff2') format("woff2"), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstordercond-webfont.woff') format("woff"), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstordercond-webfont.ttf') format("truetype"), url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/fonts/firstordercond-webfont.svg#first_order_condensedCn') format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6u8w4BMUTPHh30wWw.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USew8.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHvxk.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVew8.ttf) format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh50Xew8.ttf) format('truetype');
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
.charsheet .sheet-bg-less {
background-image: none!important;
}
.charsheet .sheet-talessya {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/fondo.png');
background-size: cover;
background-repeat: no-repeat;
min-height: 1050px;
}
.charsheet .sheet-talessya .sheet-tabs .sheet-tab .sheet-tab-label {
background-color: #8c6c49;
color: #fff;
border: none;
}
.charsheet .sheet-talessya .sheet-checkbox-cog span {
color: #fff;
opacity: 1;
}
.charsheet .sheet-talessya .sheet-section-roll2 {
display: flex;
justify-content: center;
grid-area: roll2;
}
.charsheet .sheet-talessya .sheet-section-roll2 .sheet-section-roll-advantage,
.charsheet .sheet-talessya .sheet-section-roll2 .sheet-section-roll-whisper {
display: flex;
}
.charsheet .sheet-talessya .sheet-section-roll2 .sheet-section-roll-advantage label span,
.charsheet .sheet-talessya .sheet-section-roll2 .sheet-section-roll-whisper label span {
white-space: nowrap;
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-npc {
padding-top: 120px;
}
.charsheet .sheet-talessya .sheet-section-npc .sheet-npc-action .sheet-fieldset-item-npcaction-checked-name {
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-npc .sheet-npc-action .sheet-fieldset-item-npcaction-checked-descrition span {
white-space: break-spaces;
}
.charsheet .sheet-talessya .sheet-section-npc .repcontrol .btn {
background: white;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header {
grid-template-areas: ". roll2 . name ." ". logo . details ." ". logo . details .";
grid-template-columns: 18px 289px 38px auto 18px;
grid-template-rows: auto auto auto;
height: 115px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-logo {
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-name,
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details-panel {
height: auto !important;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-name input,
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details-panel input {
background-color: transparent;
border: 0;
border-bottom: 0 !important;
color: #fff;
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/barra_horizontal.png');
background-size: 101%;
background-repeat: no-repeat;
background-position: center bottom;
outline: 0;
font-family: Lato, Helvetica, Arial, sans-serif;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-name label,
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details-panel label {
color: #fff !important;
font-weight: bolder;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details {
padding: 0 35px;
overflow: inherit;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body {
width: 600px;
margin: 0 auto;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs {
position: relative;
width: 600px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab {
width: 600px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-tab-content {
padding-top: 25px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes {
grid-template-columns: 100px auto;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-attribute {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/atributo_bg.png');
grid-template-rows: auto 22px 20px;
height: 98px;
width: 100px;
grid-template-columns: 100px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-attribute .sheet-container-header button {
color: #fff;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-attribute .sheet-container-footer {
padding: 0;
margin-left: 49px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-attribute .sheet-container-footer input:hover,
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-attribute .sheet-container-footer input:focus {
background: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-attribute .sheet-container-body {
align-items: flex-end;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-attribute .sheet-container-body input {
width: 100%;
font-size: 30px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-combat {
display: grid;
grid-area: secondary;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "armadura iniciativa velocidad";
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 98px;
align-items: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-combat .sheet-container-box {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/secundario_bg.png');
grid-template-rows: auto 15px;
height: 69px;
width: 70px;
background-size: contain;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-combat .sheet-container-box:before {
content: unset;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-combat .sheet-container-header {
padding: 0 5px 3px;
color: #fff;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: 900;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-combat .sheet-container-header button {
color: #fff;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: 900;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-combat .sheet-container-footer {
padding: 0;
margin-left: 49px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-combat .sheet-container-body {
align-items: center;
padding-top: 6px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-combat .sheet-container-body input {
background: none;
border: none;
outline: 0;
box-shadow: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-well-health {
display: grid;
grid-area: health;
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-areas: "hp hit-dice";
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 98px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-well-health .sheet-container-header {
padding: 0 5px 3px;
color: #fff;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bolder;
text-transform: uppercase;
width: 100%;
text-align: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-well-health .sheet-container-header button {
color: #fff;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-well-health .sheet-container-footer {
padding: 0;
margin-left: 49px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-well-health .sheet-container-body {
align-items: flex-end;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-well-health .sheet-container-body input {
background: none;
border: none;
outline: 0;
box-shadow: none;
text-align: center;
padding: 0;
margin-bottom: -6px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice {
grid-template-rows: 15px auto auto;
height: 98px;
width: 100px;
grid-template-columns: 100px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-container-header {
line-height: 1;
padding: 0;
text-align: left;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-container-header button {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #000;
line-height: 1;
background: 0 0;
border: 0;
text-transform: uppercase;
font-weight: 900;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-hit-dice {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/terciario_bg.png');
grid-template-rows: auto 27px;
height: 48px;
width: 48px;
background-size: contain;
background-repeat: no-repeat;
display: grid;
max-height: 48px;
min-height: 48px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-hit-dice .sheet-container-body {
display: flex;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-hit-dice .sheet-container-body input {
font-size: 11px;
max-width: 100%;
text-align: center;
max-width: 42px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-hit-dice .sheet-container-footer {
font-size: 10px;
display: flex;
margin: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-hit-dice .sheet-container-footer input {
font-size: 10px;
width: auto;
background: 0 0;
border: none;
outline: 0;
box-shadow: none;
text-align: right;
padding: 0;
max-width: 36px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-death {
grid-template-rows: auto 22px;
height: 24px;
width: 120px;
background-size: contain;
background-repeat: no-repeat;
display: grid;
max-height: 37px;
min-height: 37px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-death .sheet-container-header {
display: flex;
justify-content: start;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-death .sheet-checkbox-image {
height: 8px;
width: 8px;
margin-left: 1px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-death .sheet-checkbox-image span {
background-color: transparent;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-death .sheet-checkbox-image span.mas {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/icon_mas.png');
background-size: contain;
background-repeat: no-repeat;
border: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-death .sheet-checkbox-image span.menos {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/icon_menos.png');
background-size: contain;
background-repeat: no-repeat;
border: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-hitdice .sheet-pc-death .sheet-container-body {
align-items: flex-start;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-attacks {
grid-template-columns: 100px auto;
/*background-image: url('@{img_prefix}marco.png');
background-size:100% 100%;
background-repeat: no-repeat;*/
padding: 10px 0 10px 0;
min-height: 200px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-attacks::before {
border-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/borde-talessya.png') 50 50 50 50 fill stretch;
border-style: solid;
border-width: 35px 35px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-attacks button[type="roll"] {
width: 100%;
text-align: left;
background: 0 0;
border: none;
padding-left: 5px;
box-shadow: none;
white-space: normal;
padding-right: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-pc-attacks .sheet-container-header {
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 13px;
border-bottom: 0;
background-image: url(../img/barra_horizontal.png);
background-size: 101%;
background-repeat: no-repeat;
background-position: center bottom;
padding: 5px;
line-height: 1.3;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-inspiration {
grid-area: 4;
grid-column-start: 1;
grid-column-end: 3;
margin-top: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-inspiration .sheet-container-box {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/secundario_bg.png');
grid-template-rows: auto 22px;
height: 98px;
width: 100px;
background-size: contain;
display: grid;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-inspiration .sheet-container-box .sheet-container-header {
align-items: center;
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-inspiration .sheet-container-box .sheet-container-body {
align-self: center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-inspiration .sheet-container-box .sheet-container-body input[type="checkbox"] {
border: 0;
background: 0 0;
width: 50px;
height: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-container-inspiration .sheet-container-box .sheet-container-body input[type="checkbox"]:checked ~ span {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/inspiracion.png');
height: 42px;
width: 51px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
background-position: center;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-herramientas {
grid-area: 5;
grid-column-start: 1;
grid-column-end: 3;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-attributes .sheet-herramientas button {
text-align: left;
border: 0;
background: 0 0;
box-shadow: none;
height: 18px;
margin: 0;
padding: 0;
vertical-align: baseline;
color: inherit;
margin-left: 3px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #000;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-personality {
grid-template-columns: 100px auto;
/*background-image: url('@{img_prefix}marco.png');
background-size:100% 100%;
background-repeat: no-repeat;*/
padding: 10 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-personality::before {
border-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/borde-talessya.png') 50 50 50 50 fill stretch;
border-style: solid;
border-width: 35px 35px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-personality .sheet-container-box {
display: block;
min-height: auto;
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/barra_horizontal.png');
background-size: 101%;
background-repeat: no-repeat;
background-position: center bottom;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-personality .sheet-container-box .sheet-container-header {
margin: 0;
padding: 0;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #000;
padding: 5px 0 0 20px;
text-align: left;
display: block;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-personality .sheet-container-box .sheet-container-header.more-padding {
padding-top: 10px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-personality .sheet-container-box .sheet-container-body textarea {
height: auto;
margin-bottom: 0;
background: 0 0;
outline: 0;
border: 0;
box-shadow: none;
padding: 0 15px 5px 15px;
font-size: 10px;
line-height: 1.2em;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-personality .sheet-container-box:last-of-type {
background-image: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-equipo {
padding: 5px 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-skills {
grid-template-columns: 100px auto;
/*background-image: url('@{img_prefix}marco.png');
background-size:100% 100%;
background-repeat: no-repeat;*/
padding: 10 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-skills::before {
border-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/borde-talessya.png') 50 50 50 50 fill stretch;
border-style: solid;
border-width: 35px 35px;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-skills .sheet-container-header {
margin: 0;
padding: 0;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #000;
padding: 5px 0 0 15px;
text-align: left;
display: block;
text-transform: uppercase;
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/barra_horizontal.png');
background-size: 101%;
background-repeat: no-repeat;
background-position: center bottom;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-skills .sheet-container-body {
column-count: 2;
padding: 7px 15px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-skills .sheet-pc-skill {
display: block;
min-height: auto;
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/barra_horizontal.png');
background-size: 100%;
background-repeat: no-repeat;
background-position: center bottom;
display: flex;
font-size: 10px;
align-items: center;
line-height: 1.1em;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-skills .sheet-pc-skill .sheet-checkbox-image {
width: 8px;
height: 8px;
margin-right: 3px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-skills .sheet-pc-skill select {
display: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tabs .sheet-tab .sheet-container-well-skills .sheet-pc-skill button {
text-align: left;
border: 0;
background: 0 0;
box-shadow: none;
height: 18px;
margin: 0;
padding: 0;
vertical-align: baseline;
color: inherit;
margin-left: 3px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #000;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-pc-proficiency button {
text-align: left;
border: 0;
background: 0 0;
box-shadow: none;
height: 18px;
margin: 0;
padding: 0;
vertical-align: baseline;
color: inherit;
margin-left: 3px;
font-family: Lato, Helvetica, Arial, sans-serif;
color: #000;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage {
grid-area: coinage;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-row-gap: 5px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-coin {
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino1 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino1.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino2 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino2.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino3 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino3.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino4 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino4.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino5 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino5.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino6 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino6.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino7 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino7.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino8 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino8.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-coinage .sheet-reino9 {
background-image: url('https://jorsermar.github.io/roll20-jorsermar-sheets/Talessya/img/reino9.png');
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-biografia {
height: 100% !important;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-biografia textarea {
height: 100%;
background: 0 0;
border: none;
box-shadow: none;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tab-spells .sheet-tab-content {
width: 840px;
position: absolute;
left: -120px;
background: rgba(225, 214, 205, 0.8);
top: 30px;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tab-spells .sheet-tab-content .sheet-container-header {
padding: 0;
}
.charsheet .sheet-talessya .sheet-section-pc .sheet-section-pc-body .sheet-tab-spells .sheet-tab-content .sheet-container-spell .sheet-container-body {
overflow: visible;
}
.charsheet .sheet-talessya .sheet_npc_options {
color: white;
text-align: right;
padding: 20px;
margin: -20px;
}