/*! 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/5th%20Edition%20OGL%20by%20Roll20/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; }