mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
5568 lines
192 KiB
CSS
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;
|
|
} |