mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Miguel Peres
5eb5a2bb99
All NPCs are dragging onto the table as a blank character sheet, not their NPC sheet. This is a fix for this issue.
5623 lines
200 KiB
CSS
5623 lines
200 KiB
CSS
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200|Material+Icons+Outlined|El+Messiri|IM+Fell+Double+Pica&display=swap");
|
||
.sheet-rolltemplate-dcc {
|
||
--font1:var(--topHeadFont);
|
||
--font2:var(--topHeadFont);
|
||
--font3:var(--midHeadFont);
|
||
--font4:var(--midHeadFont);
|
||
--font5:var(--midHeadFont);
|
||
--font6:var(--contentHeadFont);
|
||
--font7:var(--contentHeadFont);
|
||
--baseFontSize: 16px;
|
||
--size1:300%;
|
||
--size2:250%;
|
||
--size3:200%;
|
||
--size4:150%;
|
||
--size5:125%;
|
||
--size6:100%;
|
||
--size7:87.5%;
|
||
--icon-size:24px;
|
||
--font-icon: "Material Icons";
|
||
--normal-gap-x:1rem;
|
||
--normal-gap-y:1rem;
|
||
--normal-gap: var(--normal-gap-x);
|
||
--half-gap-x:calc(var(--normal-gap-x) / 2);
|
||
--half-gap-y:calc(var(--normal-gap-y) / 2);
|
||
--half-gap: var(--half-gap-x);
|
||
--tiny-gap-x:calc(var(--half-gap-x) / 2);
|
||
--tiny-gap-y:calc(var(--half-gap-y) / 2);
|
||
--tiny-gap: var(--tiny-gap-x);
|
||
--big-gap-x:calc(var(--normal-gap-x) * 2);
|
||
--big-gap-y:calc(var(--normal-gap-y) * 2);
|
||
--big-gap: var(--big-gap-x);
|
||
--lm-backColor:#fff;
|
||
--dm-backColor:var(--dark-surface1);
|
||
--backColor:var(--lm-backColor);
|
||
--lm-selectedColor:#000;
|
||
--dm-selectedColor:#007476;
|
||
--selectedColor:var(--lm-selectedColor);
|
||
--lm-unselectedColor1:lightgrey;
|
||
--dm-unselectedColor1:#0e0e0e;
|
||
--unselectedColor1:var(--lm-unselectedColor1);
|
||
--lm-unselectedColor2:transparent;
|
||
--dm-unselectedColor2:transparent;
|
||
--unselectedColor2:var(--lm-unselectedColor2);
|
||
--lm-checkColor:#000;
|
||
--dm-checkColor:#ff0000;
|
||
--checkColor:var(--lm-checkColor);
|
||
--lm-checkedBackColor:transparent;
|
||
--dm-checkedBackColor:transparent;
|
||
--checkedBackColor:var(--lm-checkedBackColor);
|
||
--lm-borderColor:#000;
|
||
--dm-borderColor:lightgrey;
|
||
--borderColor:var(--lm-borderColor);
|
||
--lm-fontColor:#0f0f0f;
|
||
--dm-fontColor:var(--dark-primarytext);
|
||
--fontColor:var(--lm-fontColor);
|
||
--lm-disabledColor:var(--lm-unselectedColor1);
|
||
--dm-disabledColor:var(--dm-unselectedColor1);
|
||
--disabledColor:var(--lm-disabledColor);
|
||
--checkContent: "✓";
|
||
--checkWeight: bold;
|
||
--checkSize: 150%;
|
||
--checkLineHeight: calc(var(--checkSize) / 3);
|
||
--checkboxBorderWidth: var(--borderWidth);
|
||
--checkboxBorderStyle: var(--borderStyle);
|
||
--lm-checkboxBorderColor: var(--lm-borderColor);
|
||
--dm-checkboxBorderColor: var(--dm-borderColor);
|
||
--checkboxBorderColor: var(--lm-checkBorderColor);
|
||
--checkboxWidth: 14px;
|
||
--checkboxHeight: 14px;
|
||
--inputTopPadding: 2px;
|
||
--inputRightPadding: 2px;
|
||
--inputBottomPadding: 2px;
|
||
--inputLeftPadding: 2px;
|
||
--inputPadding:
|
||
var(--inputTopPadding)
|
||
var(--inputRightPadding)
|
||
var(--inputBottomPadding)
|
||
var(--inputLeftPadding);
|
||
--lm-placeholderColor:#ededed80;
|
||
--dm-placeholderColor:#3f3f3f80;
|
||
--placeholderColor: var(--lm-placeholderColor);
|
||
--textareaResize: vertical;
|
||
--borderWidth:1px;
|
||
--borderStyle:solid;
|
||
--expandedSymbol:"unfold_less";
|
||
--collapsedSymbol: "unfold_more";
|
||
--collapseHoverOpacity: 1;
|
||
--collapseBaseOpacity: 0;
|
||
--lm-collapseExpandedColor:var(--lm-selectedColor);
|
||
--dm-collapseExpandedColor:var(--dm-selectedColor);
|
||
--collapseExpandedColor: var(--lm-collapseExpandedColor);
|
||
--lm-collapseCollapsedColor:var(--lm-unselectedColor);
|
||
--dm-collapseCollapsedColor:var(--dm-unselectedColor);
|
||
--collapseCollapsedColor: var(--lm-collapseCollapsedColor);
|
||
--fillLeftDisplay: flex;
|
||
--fillLeftAlignment: center;
|
||
--fillLeftDataTransform: uppercase;
|
||
--fillLeftDataSize: var(--size6);
|
||
--lm-fillLeftSelectedColor: var(--lm-selectedColor);
|
||
--dm-fillLeftSelectedColor: var(--dm-selectedColor);
|
||
--fillLeftSelectedColor: var(--lm-fillLeftSelectedColor);
|
||
--lm-fillLeftUnselectedColor: var(--lm-unselectedColor);
|
||
--dm-fillLeftUnselectedColor: var(--dm-unselectedColor);
|
||
--fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor);
|
||
--lm-fillLeftDataColor: var(--lm-backColor);
|
||
--dm-fillLeftDataColor: var(--dm-backColor);
|
||
--fillLeftDataColor: var(--lm-fillLeftDataColor);
|
||
--lm-selectColor: var(--lm-fontColor);
|
||
--dm-selectColor: var(--dm-fontColor);
|
||
--selectColor: var(--lm-fontColor);
|
||
--selectTextOverflow: var(--textOverflow);
|
||
--selectTextAlign: center;
|
||
--selectTextTransform: capitalize;
|
||
--revealTime:500ms;
|
||
--revealFunction: ease-in-out;
|
||
--revealTrans: var(--revealTime) var(--revealFunction);
|
||
--kmodal-width:fit-content;
|
||
--kmodal-height:fit-content;
|
||
--kmodal-max-width:90vw;
|
||
--kmodal-max-height:90vh;
|
||
--lm-kmodal-overlay-background:rgba(0,0,0,.9);
|
||
--dm-kmodal-overlay-background:rgba(0,0,0,.9);
|
||
--kmodal-overlay-background: var(--lm-kmodal-overlay-background);
|
||
--lm-kmodal-dialog-background:var(--lm-backColor);
|
||
--dm-kmodal-dialog-background:var(--dm-backColor);
|
||
--kmodal-dialog-background: var(--lm-kmodal-dialog-background);
|
||
--kmodal-border-width:0px;
|
||
--kmodal-border-color:transparent;
|
||
--lm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
|
||
--dm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
|
||
--kmodal-box-shadow-color1:var(--lm-kmodal-box-shadow-color1);
|
||
--kmodal-box-shadow-blur1:28px;
|
||
--kmodal-box-shadow-x1:0px;
|
||
--kmodal-box-shadow-y1:14px;
|
||
--kmodal-box-shadow-spread1:0px;
|
||
--lm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
|
||
--dm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
|
||
--kmodal-box-shadow-color2:var(--lm-kmodal-box-shadow-color2);
|
||
--kmodal-box-shadow-blur2:10px;
|
||
--kmodal-box-shadow-x2:0px;
|
||
--kmodal-box-shadow-y2:10px;
|
||
--kmodal-box-shadow-spread2:0px;
|
||
--kmodal-box-shadow:
|
||
var(--kmodal-box-shadow-x1) var(--kmodal-box-shadow-y1) var(--kmodal-box-shadow-blur1) var(--kmodal-box-shadow-spread1) var(--kmodal-box-shadow-color1),
|
||
var(--kmodal-box-shadow-x2) var(--kmodal-box-shadow-y2) var(--kmodal-box-shadow-blur2) var(--kmodal-box-shadow-spread2) var(--kmodal-box-shadow-color2);
|
||
--kmodal-close-width:1rem;
|
||
--kmodal-close-height:1rem;
|
||
--lm-kmodal-close-color:#ccc;
|
||
--dm-kmodal-close-color:#aaa;
|
||
--kmodal-close-color:var(--lm-kmodal-close-color);
|
||
--lm-kmodal-close-hover-color:#aaa;
|
||
--dm-kmodal-close-hover-color:#aaa;
|
||
--kmodal-close-hover-color:var(--lm-kmodal-close-hover-color);
|
||
--kmodal-close-line-thickness:2px;
|
||
--kmodal-close-line-length:calc(var(--kmodal-close-width) * 1.5);
|
||
--input-label-gap: var(--half-gap);
|
||
--lm-fontColor:black;
|
||
--dm-fontColor: beige;
|
||
--checkedColor: var(--selectedColor);
|
||
--checkColor: var(--selectedColor);
|
||
--fontColor:var(--lm-fontColor);
|
||
--topHeadFont:Arial;
|
||
--midHeadFont:Arial;
|
||
--contentHeadFont:Arial;
|
||
--lm-borderColor: black;
|
||
--dm-borderColor:black;
|
||
--borderColor: var(--lm-borderColor);
|
||
--lm-headColor: black;
|
||
--dm-headColor:black;
|
||
--headColor: var(--lm-headColor);
|
||
--lm-backedFontColor: beige;
|
||
--dm-backedFontColor:beige;
|
||
--backedFontColor: var(--lm-backedFontColor);
|
||
--primary-color: black;
|
||
--secondary-color: #DDD;
|
||
--tertiary-color: #EEE;
|
||
--roll-color: red;
|
||
--mod-color: rgb(0, 17, 255);
|
||
--overwritten-color: rgb(0, 189, 79);
|
||
--background-color: white;
|
||
--font-size-large: 1.12rem;
|
||
--font-size-normal: 1rem;
|
||
--font-size-small: 0.75rem;
|
||
--font-size-xsmall: 0.65rem;
|
||
--gap-size-large: 30px;
|
||
--gap-size-normal: 15px;
|
||
--gap-size-small: 10px;
|
||
--gap-size-xsmall: 5px;
|
||
--button-size-normal: 23px;
|
||
--lm-error-red: red;
|
||
--dm-error-red: red;
|
||
--error-red: var(--lm-error-red);
|
||
color: var(--fontColor);
|
||
font-family: var(--contentHeadFont);
|
||
position: relative;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
.sheet-rolltemplate-dcc:not(:first-child) {
|
||
margin-top: 10px;
|
||
}
|
||
.sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode {
|
||
--backColor:var(--dm-backColor);
|
||
--selectedColor:var(--dm-selectedColor);
|
||
--unselectedColor1:var(--dm-unselectedColor1);
|
||
--unselectedColor2:var(--dm-unselectedColor2);
|
||
--checkColor:var(--dm-checkColor);
|
||
--checkedBackColor:var(--dm-checkedBackColor);
|
||
--borderColor:var(--dm-borderColor);
|
||
--fontColor:var(--dm-fontColor);
|
||
--disabledColor:var(--dm-disabledColor);
|
||
--fontColor:var(--dm-fontColor);
|
||
--borderColor: var(--dm-borderColor);
|
||
--headColor: var(--dm-headColor);
|
||
--backedFontColor: var(--dm-backedFontColor);
|
||
--primary-color: white;
|
||
--secondary-color: #444;
|
||
--tertiary-color: #222;
|
||
--roll-color: red;
|
||
--background-color: #1f1f1f;
|
||
--error-red: var(--dm-error-red);
|
||
color: var(--fontColor);
|
||
}
|
||
.sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode .border__outline, .sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode .border__decoration {
|
||
filter: invert(88%);
|
||
}
|
||
.sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode .border__texture {
|
||
filter: invert(1);
|
||
}
|
||
.sheet-rolltemplate-dcc select,
|
||
.sheet-rolltemplate-dcc textarea,
|
||
.sheet-rolltemplate-dcc input,
|
||
.sheet-rolltemplate-dcc .uneditable-input,
|
||
.sheet-rolltemplate-dcc label,
|
||
.sheet-rolltemplate-dcc button {
|
||
all: initial;
|
||
}
|
||
.sheet-rolltemplate-dcc .flex-box,
|
||
.sheet-rolltemplate-dcc .sheet-flex-box {
|
||
display: flex;
|
||
}
|
||
.sheet-rolltemplate-dcc .flex-wrap,
|
||
.sheet-rolltemplate-dcc .sheet-flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
.sheet-rolltemplate-dcc .justify-space-around,
|
||
.sheet-rolltemplate-dcc .sheet-justify-space-around {
|
||
justify-content: space-around;
|
||
}
|
||
.sheet-rolltemplate-dcc .justify-space-between,
|
||
.sheet-rolltemplate-dcc .sheet-justify-space-between {
|
||
justify-content: space-between;
|
||
}
|
||
.sheet-rolltemplate-dcc .justify-center,
|
||
.sheet-rolltemplate-dcc .sheet-justify-center {
|
||
justify-content: center;
|
||
}
|
||
.sheet-rolltemplate-dcc .flex-min-content,
|
||
.sheet-rolltemplate-dcc .sheet-flex-min-content {
|
||
flex: 1 0 min-content;
|
||
}
|
||
.sheet-rolltemplate-dcc .stacked {
|
||
flex-direction: column;
|
||
}
|
||
.sheet-rolltemplate-dcc .stacked.center > * {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc .stacked:not(.center) {
|
||
align-items: start;
|
||
}
|
||
.sheet-rolltemplate-dcc .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
||
width: 100%;
|
||
}
|
||
.sheet-rolltemplate-dcc .flex-column,
|
||
.sheet-rolltemplate-dcc .sheet-flex-column {
|
||
flex-direction: column;
|
||
}
|
||
.sheet-rolltemplate-dcc .flex-row-reverse,
|
||
.sheet-rolltemplate-dcc .sheet-flex-row-revers {
|
||
flex-direction: row-reverse;
|
||
}
|
||
.sheet-rolltemplate-dcc .flex-column-reverse,
|
||
.sheet-rolltemplate-dcc .sheet-flex-column-reverse {
|
||
flex-direction: column-reverse;
|
||
}
|
||
.sheet-rolltemplate-dcc .normal-gap,
|
||
.sheet-rolltemplate-dcc .sheet-normal-gap {
|
||
gap: var(--normal-gap);
|
||
}
|
||
.sheet-rolltemplate-dcc .normal-gap-x,
|
||
.sheet-rolltemplate-dcc .sheet-normal-gap-x {
|
||
column-gap: var(--normal-gap-x);
|
||
}
|
||
.sheet-rolltemplate-dcc .normal-gap-y,
|
||
.sheet-rolltemplate-dcc .sheet-normal-gap-y {
|
||
row-gap: var(--normal-gap-y);
|
||
}
|
||
.sheet-rolltemplate-dcc .half-gap,
|
||
.sheet-rolltemplate-dcc .sheet-half-gap {
|
||
gap: var(--half-gap);
|
||
}
|
||
.sheet-rolltemplate-dcc .half-gap-x,
|
||
.sheet-rolltemplate-dcc .sheet-half-gap-x {
|
||
column-gap: var(--half-gap-x);
|
||
}
|
||
.sheet-rolltemplate-dcc .half-gap-y,
|
||
.sheet-rolltemplate-dcc .sheet-half-gap-y {
|
||
row-gap: var(--half-gap-y);
|
||
}
|
||
.sheet-rolltemplate-dcc .tiny-gap,
|
||
.sheet-rolltemplate-dcc .sheet-tiny-gap {
|
||
gap: var(--tiny-gap);
|
||
}
|
||
.sheet-rolltemplate-dcc .tiny-gap-x,
|
||
.sheet-rolltemplate-dcc .sheet-tiny-gap-x {
|
||
column-gap: var(--tiny-gap-x);
|
||
}
|
||
.sheet-rolltemplate-dcc .tiny-gap-y,
|
||
.sheet-rolltemplate-dcc .sheet-tiny-gap-y {
|
||
row-gap: var(--tiny-gap-y);
|
||
}
|
||
.sheet-rolltemplate-dcc .big-gap,
|
||
.sheet-rolltemplate-dcc .sheet-big-gap {
|
||
gap: var(--big-gap);
|
||
}
|
||
.sheet-rolltemplate-dcc .big-gap-x,
|
||
.sheet-rolltemplate-dcc .sheet-big-gap-x {
|
||
column-gap: var(--big-gap-x);
|
||
}
|
||
.sheet-rolltemplate-dcc .big-gap-y,
|
||
.sheet-rolltemplate-dcc .sheet-big-gap-y {
|
||
row-gap: var(--big-gap-y);
|
||
}
|
||
.sheet-rolltemplate-dcc .grid,
|
||
.sheet-rolltemplate-dcc .sheet-grid {
|
||
display: grid;
|
||
}
|
||
.sheet-rolltemplate-dcc .grid-span-2,
|
||
.sheet-rolltemplate-dcc .sheet-grid-span-2 {
|
||
grid-column: span 2;
|
||
}
|
||
.sheet-rolltemplate-dcc .grid-span-all,
|
||
.sheet-rolltemplate-dcc .sheet-grid-span-all {
|
||
grid-column: 1/-1;
|
||
}
|
||
.sheet-rolltemplate-dcc .grid-column,
|
||
.sheet-rolltemplate-dcc .sheet-grid-column {
|
||
grid-auto-flow: column;
|
||
}
|
||
.sheet-rolltemplate-dcc .grid-dense,
|
||
.sheet-rolltemplate-dcc .sheet-grid-dense {
|
||
grid-auto-flow: dense;
|
||
}
|
||
.sheet-rolltemplate-dcc .boxed,
|
||
.sheet-rolltemplate-dcc .sheet-boxed {
|
||
border: 2px solid var(--borderColor);
|
||
border-radius: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
.sheet-rolltemplate-dcc .boxed.thick-left,
|
||
.sheet-rolltemplate-dcc .sheet-boxed.thick-left {
|
||
border-left-width: 5px;
|
||
}
|
||
.sheet-rolltemplate-dcc .boxed.thick-bottom,
|
||
.sheet-rolltemplate-dcc .sheet-boxed.thick-bottom {
|
||
border-bottom-width: 5px;
|
||
}
|
||
.sheet-rolltemplate-dcc .boxed.thick-right,
|
||
.sheet-rolltemplate-dcc .sheet-boxed.thick-right {
|
||
border-right-width: 5px;
|
||
}
|
||
.sheet-rolltemplate-dcc .boxed.thick-top,
|
||
.sheet-rolltemplate-dcc .sheet-boxed.thick-top {
|
||
border-top-width: 5px;
|
||
}
|
||
.sheet-rolltemplate-dcc .underlined,
|
||
.sheet-rolltemplate-dcc .sheet-underlined {
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-radius: 5px;
|
||
border-color: transparent;
|
||
box-sizing: border-box;
|
||
border-radius: 0;
|
||
border-bottom: 1px solid var(--borderColor);
|
||
transition: border-radius border var(--revealTrans);
|
||
}
|
||
.sheet-rolltemplate-dcc :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) {
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-color: var(--borderColor);
|
||
border-radius: 5px;
|
||
box-sizing: border-box;
|
||
}
|
||
.sheet-rolltemplate-dcc :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
||
background-color: var(--disabledColor);
|
||
}
|
||
.sheet-rolltemplate-dcc .underlined--invisible {
|
||
border-color: transparent !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .ratio1-1,
|
||
.sheet-rolltemplate-dcc .sheet-ratio1-1 {
|
||
aspect-ratio: 1/1;
|
||
}
|
||
.sheet-rolltemplate-dcc span,
|
||
.sheet-rolltemplate-dcc input,
|
||
.sheet-rolltemplate-dcc textarea,
|
||
.sheet-rolltemplate-dcc button,
|
||
.sheet-rolltemplate-dcc select {
|
||
line-height: normal;
|
||
color: inherit;
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
line-height: inherit;
|
||
}
|
||
.sheet-rolltemplate-dcc .text-1,
|
||
.sheet-rolltemplate-dcc .sheet-text-1 {
|
||
font-size: var(--size1);
|
||
}
|
||
.sheet-rolltemplate-dcc .text-2,
|
||
.sheet-rolltemplate-dcc .sheet-text-2 {
|
||
font-size: var(--size2);
|
||
}
|
||
.sheet-rolltemplate-dcc .text-3,
|
||
.sheet-rolltemplate-dcc .sheet-text-3 {
|
||
font-size: var(--size3);
|
||
}
|
||
.sheet-rolltemplate-dcc .text-4,
|
||
.sheet-rolltemplate-dcc .sheet-text-4 {
|
||
font-size: var(--size4);
|
||
}
|
||
.sheet-rolltemplate-dcc .text-5,
|
||
.sheet-rolltemplate-dcc .sheet-text-5 {
|
||
font-size: var(--size5);
|
||
}
|
||
.sheet-rolltemplate-dcc .text-6,
|
||
.sheet-rolltemplate-dcc .sheet-text-6 {
|
||
font-size: var(--size6);
|
||
}
|
||
.sheet-rolltemplate-dcc .text-7,
|
||
.sheet-rolltemplate-dcc .sheet-text-7 {
|
||
font-size: var(--size7);
|
||
}
|
||
.sheet-rolltemplate-dcc .capitalize,
|
||
.sheet-rolltemplate-dcc .sheet-capitalize {
|
||
text-transform: capitalize !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .lowercase,
|
||
.sheet-rolltemplate-dcc .sheet-lowercase {
|
||
text-transform: lowercase !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .uppercase,
|
||
.sheet-rolltemplate-dcc .sheet-uppercase {
|
||
text-transform: uppercase !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .sheet-material-icons,
|
||
.sheet-rolltemplate-dcc .material-icons {
|
||
font-family: "Material Icons";
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-size: var(--icon-size); /* Preferred icon size */
|
||
}
|
||
.sheet-rolltemplate-dcc .material-symbol,
|
||
.sheet-rolltemplate-dcc .sheet-material-symbol {
|
||
font-family: "Material Symbols Outlined";
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-size: 24px; /* Preferred icon size */
|
||
display: inline-block;
|
||
line-height: 1;
|
||
text-transform: none;
|
||
letter-spacing: normal;
|
||
word-wrap: normal;
|
||
white-space: nowrap;
|
||
direction: ltr;
|
||
font-variation-settings: "FILL" 1;
|
||
}
|
||
.sheet-rolltemplate-dcc .sheet-italics,
|
||
.sheet-rolltemplate-dcc .italics {
|
||
font-style: italic;
|
||
}
|
||
.sheet-rolltemplate-dcc h1,
|
||
.sheet-rolltemplate-dcc *[aria-level="1"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size1);
|
||
font-family: var(--font1);
|
||
}
|
||
.sheet-rolltemplate-dcc h1:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="1"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h1 *,
|
||
.sheet-rolltemplate-dcc *[aria-level="1"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size1);
|
||
font-family: var(--font1);
|
||
}
|
||
.sheet-rolltemplate-dcc h1 *:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="1"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h2, .sheet-rolltemplate-dcc body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name], .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name],
|
||
.sheet-rolltemplate-dcc *[aria-level="2"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size2);
|
||
font-family: var(--font2);
|
||
}
|
||
.sheet-rolltemplate-dcc h2:not(input), .sheet-rolltemplate-dcc body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input), body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name]:not(input), .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name]:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="2"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h2 *, .sheet-rolltemplate-dcc body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name] *, .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name] *,
|
||
.sheet-rolltemplate-dcc *[aria-level="2"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size2);
|
||
font-family: var(--font2);
|
||
}
|
||
.sheet-rolltemplate-dcc h2 *:not(input), .sheet-rolltemplate-dcc body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *:not(input), body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name] *:not(input), .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name] *:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="2"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h3,
|
||
.sheet-rolltemplate-dcc *[aria-level="3"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size3);
|
||
font-family: var(--font3);
|
||
}
|
||
.sheet-rolltemplate-dcc h3:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="3"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h3 *,
|
||
.sheet-rolltemplate-dcc *[aria-level="3"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size3);
|
||
font-family: var(--font3);
|
||
}
|
||
.sheet-rolltemplate-dcc h3 *:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="3"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h4,
|
||
.sheet-rolltemplate-dcc *[aria-level="4"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size4);
|
||
font-family: var(--font4);
|
||
}
|
||
.sheet-rolltemplate-dcc h4:not(:where(input)),
|
||
.sheet-rolltemplate-dcc *[aria-level="4"]:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
.sheet-rolltemplate-dcc h4:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="4"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h4 *,
|
||
.sheet-rolltemplate-dcc *[aria-level="4"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size4);
|
||
font-family: var(--font4);
|
||
}
|
||
.sheet-rolltemplate-dcc h4 *:not(:where(input)),
|
||
.sheet-rolltemplate-dcc *[aria-level="4"] *:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
.sheet-rolltemplate-dcc h4 *:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="4"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h5,
|
||
.sheet-rolltemplate-dcc *[aria-level="5"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size5);
|
||
font-style: normal;
|
||
font-family: var(--font5);
|
||
}
|
||
.sheet-rolltemplate-dcc h5:not(:where(input)),
|
||
.sheet-rolltemplate-dcc *[aria-level="5"]:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
.sheet-rolltemplate-dcc h5:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="5"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h5 *,
|
||
.sheet-rolltemplate-dcc *[aria-level="5"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size5);
|
||
font-style: normal;
|
||
font-family: var(--font5);
|
||
}
|
||
.sheet-rolltemplate-dcc h5 *:not(:where(input)),
|
||
.sheet-rolltemplate-dcc *[aria-level="5"] *:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
.sheet-rolltemplate-dcc h5 *:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="5"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h6,
|
||
.sheet-rolltemplate-dcc *[aria-level="6"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size5);
|
||
font-style: normal;
|
||
font-family: var(--font5);
|
||
}
|
||
.sheet-rolltemplate-dcc h6:not(:where(input)),
|
||
.sheet-rolltemplate-dcc *[aria-level="6"]:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
.sheet-rolltemplate-dcc h6:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="6"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc h6 *,
|
||
.sheet-rolltemplate-dcc *[aria-level="6"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size5);
|
||
font-style: normal;
|
||
font-family: var(--font5);
|
||
}
|
||
.sheet-rolltemplate-dcc h6 *:not(:where(input)),
|
||
.sheet-rolltemplate-dcc *[aria-level="6"] *:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
.sheet-rolltemplate-dcc h6 *:not(input),
|
||
.sheet-rolltemplate-dcc *[aria-level="6"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc .sheet-pictos,
|
||
.sheet-rolltemplate-dcc .pictos {
|
||
font-family: pictos;
|
||
text-transform: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .pictos3,
|
||
.sheet-rolltemplate-dcc .sheet-pictos3 {
|
||
font-family: pictos three;
|
||
text-transform: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .pictoscustom,
|
||
.sheet-rolltemplate-dcc .sheet-pictoscustom {
|
||
font-family: pictos custom;
|
||
text-transform: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .d4,
|
||
.sheet-rolltemplate-dcc .sheet-d4 {
|
||
font-family: dicefontd4 !important;
|
||
text-transform: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .d6,
|
||
.sheet-rolltemplate-dcc .sheet-d6 {
|
||
font-family: dicefontd6 !important;
|
||
text-transform: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .d8,
|
||
.sheet-rolltemplate-dcc .sheet-d8 {
|
||
font-family: dicefontd8 !important;
|
||
text-transform: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .d10,
|
||
.sheet-rolltemplate-dcc .sheet-d10 {
|
||
font-family: dicefontd10 !important;
|
||
text-transform: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .d12,
|
||
.sheet-rolltemplate-dcc .sheet-d12 {
|
||
font-family: dicefontd12 !important;
|
||
text-transform: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .d20,
|
||
.sheet-rolltemplate-dcc .sheet-d20 {
|
||
font-family: dicefontd20 !important;
|
||
text-transform: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .d30,
|
||
.sheet-rolltemplate-dcc .sheet-d30 {
|
||
font-family: dicefontd30 !important;
|
||
text-transform: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc input[type=checkbox] {
|
||
border: 1px solid var(--checkboxBorderColor);
|
||
cursor: pointer;
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
width: var(--checkboxWidth);
|
||
min-width: var(--checkboxWidth);
|
||
height: var(--checkboxHeight);
|
||
min-height: var(--checkboxHeight);
|
||
display: grid;
|
||
grid-template-columns: 1fr;
|
||
grid-template-areas: "content";
|
||
}
|
||
.sheet-rolltemplate-dcc input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
||
background-color: var(--checkedBackColor);
|
||
}
|
||
.sheet-rolltemplate-dcc input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before {
|
||
content: var(--checkContent);
|
||
grid-area: content;
|
||
font-weight: var(--checkWeight);
|
||
place-self: start center;
|
||
color: var(--checkColor);
|
||
font-size: var(--checkSize);
|
||
line-height: var(--checkLineHeight);
|
||
}
|
||
.sheet-rolltemplate-dcc input[type=number] {
|
||
width: 3rem;
|
||
-moz-appearance: textfield !important;
|
||
text-align: center;
|
||
}
|
||
.sheet-rolltemplate-dcc input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-dcc input[type=number]::-webkit-outer-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
.sheet-rolltemplate-dcc select,
|
||
.sheet-rolltemplate-dcc .pseudo-select span,
|
||
.sheet-rolltemplate-dcc .sheet-pseudo-select span,
|
||
.sheet-rolltemplate-dcc textarea,
|
||
.sheet-rolltemplate-dcc input:not(:is([type=radio], [type=checkbox])),
|
||
.sheet-rolltemplate-dcc .uneditable-input {
|
||
padding: var(--inputPadding);
|
||
}
|
||
.sheet-rolltemplate-dcc input:is([type=text], [type=number]), .sheet-rolltemplate-dcc textarea {
|
||
cursor: auto;
|
||
}
|
||
.sheet-rolltemplate-dcc select,
|
||
.sheet-rolltemplate-dcc .pseudo-select span,
|
||
.sheet-rolltemplate-dcc .sheet-pseudo-select span,
|
||
.sheet-rolltemplate-dcc input:not(:where([type=checkbox], [type=radio])),
|
||
.sheet-rolltemplate-dcc .uneditable-input,
|
||
.sheet-rolltemplate-dcc textarea {
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-radius: 5px;
|
||
border-color: transparent;
|
||
box-sizing: border-box;
|
||
}
|
||
.sheet-rolltemplate-dcc select,
|
||
.sheet-rolltemplate-dcc .sheet-pseudo-select span,
|
||
.sheet-rolltemplate-dcc .pseudo-select span {
|
||
-webkit-apperance: none;
|
||
appearance: none;
|
||
text-transform: var(--selectTextTransform);
|
||
overflow: hidden !important;
|
||
white-space: nowrap;
|
||
text-overflow: var(--selectTextOverflow);
|
||
text-align: var(--selectTextAlign);
|
||
color: var(--selectColor);
|
||
}
|
||
.sheet-rolltemplate-dcc input {
|
||
width: auto;
|
||
}
|
||
.sheet-rolltemplate-dcc input:placeholder {
|
||
color: var(--placeholderColor);
|
||
}
|
||
.sheet-rolltemplate-dcc input.plus-control:not([value*="-"]) + span:before {
|
||
content: "+";
|
||
}
|
||
.sheet-rolltemplate-dcc textarea {
|
||
resize: var(--textareaResize);
|
||
white-space: pre-wrap;
|
||
}
|
||
.sheet-rolltemplate-dcc textarea.fixed {
|
||
resize: none;
|
||
overflow: auto;
|
||
}
|
||
.sheet-rolltemplate-dcc button {
|
||
cursor: pointer;
|
||
}
|
||
.sheet-rolltemplate-dcc .roller {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: var(--half-gap);
|
||
}
|
||
.sheet-rolltemplate-dcc .roller:before {
|
||
content: "T";
|
||
font-family: dicefontd20;
|
||
}
|
||
.sheet-rolltemplate-dcc .collapse-container {
|
||
display: grid;
|
||
position: relative;
|
||
}
|
||
.sheet-rolltemplate-dcc .text-collapse {
|
||
cursor: pointer;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
}
|
||
.sheet-rolltemplate-dcc .text-collapse:before {
|
||
content: var(--expandedSymbol);
|
||
font-family: "Material Icons";
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-size: var(--icon-size); /* Preferred icon size */
|
||
}
|
||
.sheet-rolltemplate-dcc .text-collapse__text {
|
||
display: inline;
|
||
}
|
||
.sheet-rolltemplate-dcc .text-collapse__check:not(:checked) + .text-collapse {
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-color: var(--borderColor);
|
||
border-radius: 5px;
|
||
box-sizing: border-box;
|
||
}
|
||
.sheet-rolltemplate-dcc .text-collapse__check:checked + .text-collapse:before {
|
||
content: var(--collapsedSymbol);
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem:hover > .collapse, .sheet-rolltemplate-dcc .repitem:hover .roll-container,
|
||
.sheet-rolltemplate-dcc .collapse-container:hover > .collapse,
|
||
.sheet-rolltemplate-dcc .collapse-container:hover .roll-container {
|
||
opacity: var(--collapseHoverOpacity);
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem > .collapse,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse {
|
||
opacity: var(--collapseBaseOpacity);
|
||
position: absolute;
|
||
right: -10px;
|
||
top: 0px;
|
||
border: 0px solid black;
|
||
border-radius: 0;
|
||
color: var(--collapseExpandedColor);
|
||
text-transform: none;
|
||
background-color: transparent;
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem > .collapse:before,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse:before {
|
||
content: "y";
|
||
font-family: pictos;
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem > .collapse:checked,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked {
|
||
color: var(--collapseCollapsedColor);
|
||
background-color: transparent;
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem > .collapse:checked ~ .expanded,
|
||
.sheet-rolltemplate-dcc .repitem > .collapse:checked ~ .collapse-container .expanded,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked ~ .expanded,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked ~ .collapse-container .expanded {
|
||
display: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
||
.sheet-rolltemplate-dcc .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
|
||
display: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem > .collapse:not(:checked) ~ .collapsed,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse:not(:checked) ~ .collapsed {
|
||
display: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem > .collapse:hover,
|
||
.sheet-rolltemplate-dcc .collapse-container > .collapse:hover {
|
||
color: var(--collapseExpandedColor);
|
||
}
|
||
.sheet-rolltemplate-dcc .repcontainer.editmode .collapse {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .fill-left {
|
||
display: var(--fillLeftDisplay);
|
||
align-self: var(--fillLeftAlignment);
|
||
box-sizing: border-box;
|
||
}
|
||
.sheet-rolltemplate-dcc .fill-left__radio {
|
||
appearance: none;
|
||
-webkit-appearance: none;
|
||
background-color: var(--fillLeftSelectedColor);
|
||
width: 100%;
|
||
height: 100%;
|
||
cursor: pointer;
|
||
}
|
||
.sheet-rolltemplate-dcc .fill-left__radio[data-value]:checked:before {
|
||
content: attr(data-value);
|
||
color: var(--fillLeftDataColor);
|
||
font-size: var(--fillLeftDataSize);
|
||
place-self: center;
|
||
text-transform: var(--fillLeftDataTransform);
|
||
}
|
||
.sheet-rolltemplate-dcc .fill-left__radio:checked ~ .fill-left__radio {
|
||
background-color: var(--fillLeftUnselectedColor);
|
||
}
|
||
.sheet-rolltemplate-dcc .input-label {
|
||
display: inline-flex;
|
||
gap: var(--input-label-gap);
|
||
align-items: center;
|
||
}
|
||
.sheet-rolltemplate-dcc .input-label:not(.stacked) > input[type=text] {
|
||
flex: 1 1 0;
|
||
}
|
||
.sheet-rolltemplate-dcc .input-label:not(.stacked) > :not([name]) {
|
||
flex: 0 0 auto;
|
||
}
|
||
.sheet-rolltemplate-dcc .input-label > :is(span, button) {
|
||
text-transform: var(--input-label-text-transform);
|
||
}
|
||
.sheet-rolltemplate-dcc .input-label--dual {
|
||
grid-template-columns: 1fr auto 1fr;
|
||
grid-template-areas: "over over over" "under under under";
|
||
}
|
||
.sheet-rolltemplate-dcc .input-label--dual > span:last-of-type {
|
||
grid-column: 1/-1;
|
||
}
|
||
.sheet-rolltemplate-dcc .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
||
width: 100%;
|
||
}
|
||
.sheet-rolltemplate-dcc .input-label--dual > .slash {
|
||
line-height: 0rem;
|
||
font-weight: normal;
|
||
}
|
||
.sheet-rolltemplate-dcc .headed-textarea {
|
||
display: grid;
|
||
grid-template-rows: auto 1fr;
|
||
grid-template-columns: auto;
|
||
grid-column: 1/-1;
|
||
}
|
||
.sheet-rolltemplate-dcc .headed-textarea :not(textarea):not(.adaptive) {
|
||
justify-self: start;
|
||
}
|
||
.sheet-rolltemplate-dcc .headed-textarea .headed-textarea__header {
|
||
grid-area: initial;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive {
|
||
display: grid;
|
||
grid-template-columns: auto;
|
||
grid-template-rows: auto;
|
||
grid-template-areas: "content";
|
||
position: relative;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive > * {
|
||
grid-area: content;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive > span {
|
||
opacity: 0;
|
||
z-index: -10;
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-radius: 5px;
|
||
border-color: transparent;
|
||
box-sizing: border-box;
|
||
text-transform: initial;
|
||
border-radius: 0px;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive--text {
|
||
min-height: 4rem;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive--text__span {
|
||
white-space: pre-wrap;
|
||
padding: 2px;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive--text__textarea {
|
||
width: 100%;
|
||
height: 100%;
|
||
resize: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive--text__textarea,
|
||
.sheet-rolltemplate-dcc .adaptive--input__input {
|
||
position: absolute;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive--input__input {
|
||
width: 100%;
|
||
}
|
||
.sheet-rolltemplate-dcc .adaptive--input__span {
|
||
padding: 2px;
|
||
min-height: 1.5rem;
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem > input:not([type=checkbox]) {
|
||
width: 100%;
|
||
}
|
||
.sheet-rolltemplate-dcc .repitem .headed-textarea,
|
||
.sheet-rolltemplate-dcc .repitem .description {
|
||
grid-column: 1/-1;
|
||
}
|
||
.sheet-rolltemplate-dcc .repcontainer {
|
||
display: grid;
|
||
gap: var(--normal-gap);
|
||
}
|
||
.sheet-rolltemplate-dcc .repeating-container {
|
||
display: grid;
|
||
grid-template-areas: "header";
|
||
align-self: start;
|
||
}
|
||
.sheet-rolltemplate-dcc .repeating-container > .header {
|
||
grid-area: header;
|
||
}
|
||
.sheet-rolltemplate-dcc .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
|
||
opacity: 0;
|
||
transition: var(--revealTrans);
|
||
}
|
||
.sheet-rolltemplate-dcc .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
|
||
opacity: 1;
|
||
}
|
||
.sheet-rolltemplate-dcc .repcontrol-button {
|
||
align-self: start;
|
||
}
|
||
.sheet-rolltemplate-dcc .repcontrol-button ~ .repcontrol {
|
||
justify-self: end;
|
||
z-index: 100;
|
||
}
|
||
.sheet-rolltemplate-dcc .repcontrol-button ~ .repcontrol > .repcontrol_add {
|
||
display: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .repcontrol-button--add {
|
||
justify-self: start;
|
||
width: 15px;
|
||
height: 15px;
|
||
padding: 4px;
|
||
font-size: 0;
|
||
color: var(--col-alt);
|
||
border: 1px solid var(--col-alt);
|
||
}
|
||
.sheet-rolltemplate-dcc .repcontrol-button--add::before {
|
||
inset: 0;
|
||
place-self: center;
|
||
font-family: var(--font-icon);
|
||
font-size: 12px;
|
||
content: "add";
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__button {
|
||
all: initial;
|
||
display: flex;
|
||
margin: 0;
|
||
padding: 0;
|
||
cursor: pointer;
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__checkbox[type=checkbox] {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__outer {
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
position: fixed;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
text-align: left;
|
||
background: var(--kmodal-overlay-background);
|
||
transition: opacity 0.25s ease;
|
||
z-index: 999;
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__background {
|
||
all: initial;
|
||
margin: 0;
|
||
padding: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
cursor: pointer;
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__inner {
|
||
position: fixed;
|
||
width: var(--kmodal-width);
|
||
height: var(--kmodal-height);
|
||
inset: 0;
|
||
margin: auto;
|
||
overflow: auto;
|
||
background: var(--kmodal-dialog-background);
|
||
border-radius: 5px;
|
||
padding: var(--kmodal-close-height) calc(var(--kmodal-close-width) * 3) var(--kmodal-close-height) calc(var(--kmodal-close-width) * 2);
|
||
max-width: var(--kmodal-max-width);
|
||
max-height: var(--kmodal-max-height);
|
||
transition: opacity 0.25s ease;
|
||
box-shadow: var(--kmodal-box-shadow);
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__close {
|
||
position: absolute;
|
||
right: var(--kmodal-close-width);
|
||
top: var(--kmodal-close-height);
|
||
width: var(--kmodal-close-width);
|
||
height: var(--kmodal-close-height);
|
||
cursor: pointer;
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__close:after,
|
||
.sheet-rolltemplate-dcc .kmodal__close:before {
|
||
content: "";
|
||
position: absolute;
|
||
width: var(--kmodal-close-line-thickness);
|
||
height: var(--kmodal-close-line-length);
|
||
background: var(--kmodal-close-color);
|
||
display: block;
|
||
transform: rotate(45deg);
|
||
left: 50%;
|
||
margin: -3px 0 0 -1px;
|
||
top: 0;
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__close:hover:after,
|
||
.sheet-rolltemplate-dcc .kmodal__close:hover:before {
|
||
background: var(--kmodal-close-hover-color);
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__close:before {
|
||
transform: rotate(-45deg);
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__checkbox:not(:checked) + .kmodal__outer {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__checkbox:checked + .kmodal__outer {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
.sheet-rolltemplate-dcc .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
|
||
top: 0;
|
||
}
|
||
.sheet-rolltemplate-dcc .tabs__container:not(.k-active-tab) {
|
||
display: none !important;
|
||
}
|
||
.sheet-rolltemplate-dcc .tabs__nav-item {
|
||
list-style: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .tabs__nav-list {
|
||
display: flex;
|
||
}
|
||
.sheet-rolltemplate-dcc a:not([href^="~"]):not([href^="!"]) {
|
||
color: inherit;
|
||
}
|
||
.sheet-rolltemplate-dcc a:is([href^="~"], [href^="!"]) {
|
||
padding: 0;
|
||
border: 0 solid transparent;
|
||
background-color: transparent;
|
||
color: inherit;
|
||
font-weight: 700;
|
||
font-size: 1.2em;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll {
|
||
position: relative;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__border {
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
position: absolute;
|
||
z-index: 0;
|
||
border-image-slice: 15 15 15 15 fill;
|
||
border-image-width: 15px 15px 15px 15px;
|
||
border-image-outset: 0px 0px 0px 0px;
|
||
border-image-repeat: stretch stretch;
|
||
border-image-source: url(https://raw.githubusercontent.com/mperes/dcc-images/main/border-roll.png);
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__container {
|
||
position: relative;
|
||
z-index: 1;
|
||
padding: 15px;
|
||
display: grid;
|
||
grid-template-columns: 1fr max-content;
|
||
align-items: center;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__author {
|
||
font-size: 10px;
|
||
font-weight: bold;
|
||
color: var(--secondary-color);
|
||
margin-bottom: 3px;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__title {
|
||
font-size: 16px;
|
||
color: white;
|
||
font-weight: bold;
|
||
text-transform: capitalize;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__subtitle {
|
||
font-size: 14px;
|
||
color: white;
|
||
text-transform: capitalize;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__formula span {
|
||
display: block;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__formula span .inlinerollresult {
|
||
background: none;
|
||
border: 0;
|
||
color: white;
|
||
font-size: 40px;
|
||
line-height: 32px;
|
||
padding: 0;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__description {
|
||
color: white;
|
||
grid-column: 1/-1;
|
||
margin-top: var(--gap-size-small);
|
||
font-size: 12px;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__description--computed .inlinerollresult {
|
||
background-color: transparent;
|
||
color: inherit;
|
||
padding: 0;
|
||
border: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .sheet-critical {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .sheet-critical:empty ~ .userscript-roll__critical, .sheet-rolltemplate-dcc .userscript-roll .sheet-critical:has(span:empty) ~ .userscript-roll__critical {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .sheet-success {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .sheet-success:empty ~ .userscript-roll__success, .sheet-rolltemplate-dcc .userscript-roll .sheet-success:has(span:empty) ~ .userscript-roll__success {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .sheet-fumble {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .sheet-fumble:empty ~ .userscript-roll__fumble, .sheet-rolltemplate-dcc .userscript-roll .sheet-fumble:has(span:empty) ~ .userscript-roll__fumble {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .sheet-failure {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .sheet-failure:empty ~ .userscript-roll__failure, .sheet-rolltemplate-dcc .userscript-roll .sheet-failure:has(span:empty) ~ .userscript-roll__failure {
|
||
display: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__critical, .sheet-rolltemplate-dcc .userscript-roll__fumble, .sheet-rolltemplate-dcc .userscript-roll__success, .sheet-rolltemplate-dcc .userscript-roll__failure {
|
||
text-transform: uppercase;
|
||
display: inline-block;
|
||
font-size: 10px;
|
||
line-height: 11px;
|
||
padding: 1px 3px;
|
||
margin-top: 5px;
|
||
color: black;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__critical, .sheet-rolltemplate-dcc .userscript-roll__success {
|
||
background: var(--overwritten-color);
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__critical .inlinerollresult, .sheet-rolltemplate-dcc .userscript-roll__success .inlinerollresult {
|
||
background-color: transparent;
|
||
padding: 0;
|
||
border: 0;
|
||
font-size: 1em;
|
||
pointer-events: none;
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll__fumble, .sheet-rolltemplate-dcc .userscript-roll__failure {
|
||
background: var(--roll-color);
|
||
}
|
||
.sheet-rolltemplate-dcc .userscript-roll .inlinerollresult[original-title*="computed value"], .sheet-rolltemplate-dcc .userscript-roll .inlinerollresult[title*="computed value"] {
|
||
pointer-events: none;
|
||
}
|
||
.sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode .userscript-roll__border {
|
||
opacity: 0.85;
|
||
}
|
||
.sheet-rolltemplate-dcc + .flyout {
|
||
top: 8px;
|
||
right: 13px;
|
||
color: #8f8f8f;
|
||
opacity: 0.85;
|
||
}
|
||
.sheet-rolltemplate-dcc .sheet-headed-section {
|
||
display: grid;
|
||
border: 3px solid var(--primary-color);
|
||
}
|
||
|
||
html {
|
||
font-size: 14px;
|
||
}
|
||
html .sheetform {
|
||
background-color: unset !important;
|
||
}
|
||
|
||
.nav.nav-tabs {
|
||
width: calc(100% + 20px);
|
||
margin-left: -20px;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
body {
|
||
--font1:var(--topHeadFont);
|
||
--font2:var(--topHeadFont);
|
||
--font3:var(--midHeadFont);
|
||
--font4:var(--midHeadFont);
|
||
--font5:var(--midHeadFont);
|
||
--font6:var(--contentHeadFont);
|
||
--font7:var(--contentHeadFont);
|
||
--baseFontSize: 16px;
|
||
--size1:300%;
|
||
--size2:250%;
|
||
--size3:200%;
|
||
--size4:150%;
|
||
--size5:125%;
|
||
--size6:100%;
|
||
--size7:87.5%;
|
||
--icon-size:24px;
|
||
--font-icon: "Material Icons";
|
||
--normal-gap-x:1rem;
|
||
--normal-gap-y:1rem;
|
||
--normal-gap: var(--normal-gap-x);
|
||
--half-gap-x:calc(var(--normal-gap-x) / 2);
|
||
--half-gap-y:calc(var(--normal-gap-y) / 2);
|
||
--half-gap: var(--half-gap-x);
|
||
--tiny-gap-x:calc(var(--half-gap-x) / 2);
|
||
--tiny-gap-y:calc(var(--half-gap-y) / 2);
|
||
--tiny-gap: var(--tiny-gap-x);
|
||
--big-gap-x:calc(var(--normal-gap-x) * 2);
|
||
--big-gap-y:calc(var(--normal-gap-y) * 2);
|
||
--big-gap: var(--big-gap-x);
|
||
--lm-backColor:#fff;
|
||
--dm-backColor:var(--dark-surface1);
|
||
--backColor:var(--lm-backColor);
|
||
--lm-selectedColor:#000;
|
||
--dm-selectedColor:#007476;
|
||
--selectedColor:var(--lm-selectedColor);
|
||
--lm-unselectedColor1:lightgrey;
|
||
--dm-unselectedColor1:#0e0e0e;
|
||
--unselectedColor1:var(--lm-unselectedColor1);
|
||
--lm-unselectedColor2:transparent;
|
||
--dm-unselectedColor2:transparent;
|
||
--unselectedColor2:var(--lm-unselectedColor2);
|
||
--lm-checkColor:#000;
|
||
--dm-checkColor:#ff0000;
|
||
--checkColor:var(--lm-checkColor);
|
||
--lm-checkedBackColor:transparent;
|
||
--dm-checkedBackColor:transparent;
|
||
--checkedBackColor:var(--lm-checkedBackColor);
|
||
--lm-borderColor:#000;
|
||
--dm-borderColor:lightgrey;
|
||
--borderColor:var(--lm-borderColor);
|
||
--lm-fontColor:#0f0f0f;
|
||
--dm-fontColor:var(--dark-primarytext);
|
||
--fontColor:var(--lm-fontColor);
|
||
--lm-disabledColor:var(--lm-unselectedColor1);
|
||
--dm-disabledColor:var(--dm-unselectedColor1);
|
||
--disabledColor:var(--lm-disabledColor);
|
||
--checkContent: "✓";
|
||
--checkWeight: bold;
|
||
--checkSize: 150%;
|
||
--checkLineHeight: calc(var(--checkSize) / 3);
|
||
--checkboxBorderWidth: var(--borderWidth);
|
||
--checkboxBorderStyle: var(--borderStyle);
|
||
--lm-checkboxBorderColor: var(--lm-borderColor);
|
||
--dm-checkboxBorderColor: var(--dm-borderColor);
|
||
--checkboxBorderColor: var(--lm-checkBorderColor);
|
||
--checkboxWidth: 14px;
|
||
--checkboxHeight: 14px;
|
||
--inputTopPadding: 2px;
|
||
--inputRightPadding: 2px;
|
||
--inputBottomPadding: 2px;
|
||
--inputLeftPadding: 2px;
|
||
--inputPadding:
|
||
var(--inputTopPadding)
|
||
var(--inputRightPadding)
|
||
var(--inputBottomPadding)
|
||
var(--inputLeftPadding);
|
||
--lm-placeholderColor:#ededed80;
|
||
--dm-placeholderColor:#3f3f3f80;
|
||
--placeholderColor: var(--lm-placeholderColor);
|
||
--textareaResize: vertical;
|
||
--borderWidth:1px;
|
||
--borderStyle:solid;
|
||
--expandedSymbol:"unfold_less";
|
||
--collapsedSymbol: "unfold_more";
|
||
--collapseHoverOpacity: 1;
|
||
--collapseBaseOpacity: 0;
|
||
--lm-collapseExpandedColor:var(--lm-selectedColor);
|
||
--dm-collapseExpandedColor:var(--dm-selectedColor);
|
||
--collapseExpandedColor: var(--lm-collapseExpandedColor);
|
||
--lm-collapseCollapsedColor:var(--lm-unselectedColor);
|
||
--dm-collapseCollapsedColor:var(--dm-unselectedColor);
|
||
--collapseCollapsedColor: var(--lm-collapseCollapsedColor);
|
||
--fillLeftDisplay: flex;
|
||
--fillLeftAlignment: center;
|
||
--fillLeftDataTransform: uppercase;
|
||
--fillLeftDataSize: var(--size6);
|
||
--lm-fillLeftSelectedColor: var(--lm-selectedColor);
|
||
--dm-fillLeftSelectedColor: var(--dm-selectedColor);
|
||
--fillLeftSelectedColor: var(--lm-fillLeftSelectedColor);
|
||
--lm-fillLeftUnselectedColor: var(--lm-unselectedColor);
|
||
--dm-fillLeftUnselectedColor: var(--dm-unselectedColor);
|
||
--fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor);
|
||
--lm-fillLeftDataColor: var(--lm-backColor);
|
||
--dm-fillLeftDataColor: var(--dm-backColor);
|
||
--fillLeftDataColor: var(--lm-fillLeftDataColor);
|
||
--lm-selectColor: var(--lm-fontColor);
|
||
--dm-selectColor: var(--dm-fontColor);
|
||
--selectColor: var(--lm-fontColor);
|
||
--selectTextOverflow: var(--textOverflow);
|
||
--selectTextAlign: center;
|
||
--selectTextTransform: capitalize;
|
||
--revealTime:500ms;
|
||
--revealFunction: ease-in-out;
|
||
--revealTrans: var(--revealTime) var(--revealFunction);
|
||
--kmodal-width:fit-content;
|
||
--kmodal-height:fit-content;
|
||
--kmodal-max-width:90vw;
|
||
--kmodal-max-height:90vh;
|
||
--lm-kmodal-overlay-background:rgba(0,0,0,.9);
|
||
--dm-kmodal-overlay-background:rgba(0,0,0,.9);
|
||
--kmodal-overlay-background: var(--lm-kmodal-overlay-background);
|
||
--lm-kmodal-dialog-background:var(--lm-backColor);
|
||
--dm-kmodal-dialog-background:var(--dm-backColor);
|
||
--kmodal-dialog-background: var(--lm-kmodal-dialog-background);
|
||
--kmodal-border-width:0px;
|
||
--kmodal-border-color:transparent;
|
||
--lm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
|
||
--dm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
|
||
--kmodal-box-shadow-color1:var(--lm-kmodal-box-shadow-color1);
|
||
--kmodal-box-shadow-blur1:28px;
|
||
--kmodal-box-shadow-x1:0px;
|
||
--kmodal-box-shadow-y1:14px;
|
||
--kmodal-box-shadow-spread1:0px;
|
||
--lm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
|
||
--dm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
|
||
--kmodal-box-shadow-color2:var(--lm-kmodal-box-shadow-color2);
|
||
--kmodal-box-shadow-blur2:10px;
|
||
--kmodal-box-shadow-x2:0px;
|
||
--kmodal-box-shadow-y2:10px;
|
||
--kmodal-box-shadow-spread2:0px;
|
||
--kmodal-box-shadow:
|
||
var(--kmodal-box-shadow-x1) var(--kmodal-box-shadow-y1) var(--kmodal-box-shadow-blur1) var(--kmodal-box-shadow-spread1) var(--kmodal-box-shadow-color1),
|
||
var(--kmodal-box-shadow-x2) var(--kmodal-box-shadow-y2) var(--kmodal-box-shadow-blur2) var(--kmodal-box-shadow-spread2) var(--kmodal-box-shadow-color2);
|
||
--kmodal-close-width:1rem;
|
||
--kmodal-close-height:1rem;
|
||
--lm-kmodal-close-color:#ccc;
|
||
--dm-kmodal-close-color:#aaa;
|
||
--kmodal-close-color:var(--lm-kmodal-close-color);
|
||
--lm-kmodal-close-hover-color:#aaa;
|
||
--dm-kmodal-close-hover-color:#aaa;
|
||
--kmodal-close-hover-color:var(--lm-kmodal-close-hover-color);
|
||
--kmodal-close-line-thickness:2px;
|
||
--kmodal-close-line-length:calc(var(--kmodal-close-width) * 1.5);
|
||
--input-label-gap: var(--half-gap);
|
||
--lm-fontColor:black;
|
||
--dm-fontColor: beige;
|
||
--checkedColor: var(--selectedColor);
|
||
--checkColor: var(--selectedColor);
|
||
--fontColor:var(--lm-fontColor);
|
||
--topHeadFont:Arial;
|
||
--midHeadFont:Arial;
|
||
--contentHeadFont:Arial;
|
||
--lm-borderColor: black;
|
||
--dm-borderColor:black;
|
||
--borderColor: var(--lm-borderColor);
|
||
--lm-headColor: black;
|
||
--dm-headColor:black;
|
||
--headColor: var(--lm-headColor);
|
||
--lm-backedFontColor: beige;
|
||
--dm-backedFontColor:beige;
|
||
--backedFontColor: var(--lm-backedFontColor);
|
||
--primary-color: black;
|
||
--secondary-color: #DDD;
|
||
--tertiary-color: #EEE;
|
||
--roll-color: red;
|
||
--mod-color: rgb(0, 17, 255);
|
||
--overwritten-color: rgb(0, 189, 79);
|
||
--background-color: white;
|
||
--font-size-large: 1.12rem;
|
||
--font-size-normal: 1rem;
|
||
--font-size-small: 0.75rem;
|
||
--font-size-xsmall: 0.65rem;
|
||
--gap-size-large: 30px;
|
||
--gap-size-normal: 15px;
|
||
--gap-size-small: 10px;
|
||
--gap-size-xsmall: 5px;
|
||
--button-size-normal: 23px;
|
||
--lm-error-red: red;
|
||
--dm-error-red: red;
|
||
--error-red: var(--lm-error-red);
|
||
color: var(--fontColor);
|
||
font-family: var(--contentHeadFont);
|
||
color: var(--fontColor);
|
||
font-size: 1rem;
|
||
}
|
||
body:has(.tab-content:first-child) .sheet-toggle {
|
||
position: sticky;
|
||
top: 40px;
|
||
justify-content: center;
|
||
margin-bottom: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog {
|
||
scrollbar-gutter: stable;
|
||
}
|
||
body .ui-dialog .nav-tabs {
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 1000;
|
||
background-color: var(--backColor);
|
||
}
|
||
body .ui-dialog .nav-tabs a {
|
||
font-family: var(--font3);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet {
|
||
position: relative;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
padding: 2px;
|
||
--_margin: 1rem;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet select,
|
||
body .ui-dialog .tab-content .charsheet textarea,
|
||
body .ui-dialog .tab-content .charsheet input,
|
||
body .ui-dialog .tab-content .charsheet .uneditable-input,
|
||
body .ui-dialog .tab-content .charsheet label,
|
||
body .ui-dialog .tab-content .charsheet button {
|
||
all: initial;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .flex-box,
|
||
body .ui-dialog .tab-content .charsheet .sheet-flex-box {
|
||
display: flex;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .flex-wrap,
|
||
body .ui-dialog .tab-content .charsheet .sheet-flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .justify-space-around,
|
||
body .ui-dialog .tab-content .charsheet .sheet-justify-space-around {
|
||
justify-content: space-around;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .justify-space-between,
|
||
body .ui-dialog .tab-content .charsheet .sheet-justify-space-between {
|
||
justify-content: space-between;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .justify-center,
|
||
body .ui-dialog .tab-content .charsheet .sheet-justify-center {
|
||
justify-content: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .flex-min-content,
|
||
body .ui-dialog .tab-content .charsheet .sheet-flex-min-content {
|
||
flex: 1 0 min-content;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .stacked {
|
||
flex-direction: column;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .stacked.center > * {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .stacked:not(.center) {
|
||
align-items: start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .flex-column,
|
||
body .ui-dialog .tab-content .charsheet .sheet-flex-column {
|
||
flex-direction: column;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .flex-row-reverse,
|
||
body .ui-dialog .tab-content .charsheet .sheet-flex-row-revers {
|
||
flex-direction: row-reverse;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .flex-column-reverse,
|
||
body .ui-dialog .tab-content .charsheet .sheet-flex-column-reverse {
|
||
flex-direction: column-reverse;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .normal-gap,
|
||
body .ui-dialog .tab-content .charsheet .sheet-normal-gap {
|
||
gap: var(--normal-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .normal-gap-x,
|
||
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-x {
|
||
column-gap: var(--normal-gap-x);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .normal-gap-y,
|
||
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-y {
|
||
row-gap: var(--normal-gap-y);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .half-gap,
|
||
body .ui-dialog .tab-content .charsheet .sheet-half-gap {
|
||
gap: var(--half-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .half-gap-x,
|
||
body .ui-dialog .tab-content .charsheet .sheet-half-gap-x {
|
||
column-gap: var(--half-gap-x);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .half-gap-y,
|
||
body .ui-dialog .tab-content .charsheet .sheet-half-gap-y {
|
||
row-gap: var(--half-gap-y);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .tiny-gap,
|
||
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap {
|
||
gap: var(--tiny-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .tiny-gap-x,
|
||
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-x {
|
||
column-gap: var(--tiny-gap-x);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .tiny-gap-y,
|
||
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-y {
|
||
row-gap: var(--tiny-gap-y);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .big-gap,
|
||
body .ui-dialog .tab-content .charsheet .sheet-big-gap {
|
||
gap: var(--big-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .big-gap-x,
|
||
body .ui-dialog .tab-content .charsheet .sheet-big-gap-x {
|
||
column-gap: var(--big-gap-x);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .big-gap-y,
|
||
body .ui-dialog .tab-content .charsheet .sheet-big-gap-y {
|
||
row-gap: var(--big-gap-y);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .grid,
|
||
body .ui-dialog .tab-content .charsheet .sheet-grid {
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .grid-span-2,
|
||
body .ui-dialog .tab-content .charsheet .sheet-grid-span-2 {
|
||
grid-column: span 2;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .grid-span-all,
|
||
body .ui-dialog .tab-content .charsheet .sheet-grid-span-all {
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .grid-column,
|
||
body .ui-dialog .tab-content .charsheet .sheet-grid-column {
|
||
grid-auto-flow: column;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .grid-dense,
|
||
body .ui-dialog .tab-content .charsheet .sheet-grid-dense {
|
||
grid-auto-flow: dense;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .boxed,
|
||
body .ui-dialog .tab-content .charsheet .sheet-boxed {
|
||
border: 2px solid var(--borderColor);
|
||
border-radius: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .boxed.thick-left,
|
||
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-left {
|
||
border-left-width: 5px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .boxed.thick-bottom,
|
||
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom {
|
||
border-bottom-width: 5px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .boxed.thick-right,
|
||
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-right {
|
||
border-right-width: 5px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .boxed.thick-top,
|
||
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-top {
|
||
border-top-width: 5px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .underlined,
|
||
body .ui-dialog .tab-content .charsheet .sheet-underlined {
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-radius: 5px;
|
||
border-color: transparent;
|
||
box-sizing: border-box;
|
||
border-radius: 0;
|
||
border-bottom: 1px solid var(--borderColor);
|
||
transition: border-radius border var(--revealTrans);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) {
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-color: var(--borderColor);
|
||
border-radius: 5px;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
||
background-color: var(--disabledColor);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .underlined--invisible {
|
||
border-color: transparent !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .ratio1-1,
|
||
body .ui-dialog .tab-content .charsheet .sheet-ratio1-1 {
|
||
aspect-ratio: 1/1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet span,
|
||
body .ui-dialog .tab-content .charsheet input,
|
||
body .ui-dialog .tab-content .charsheet textarea,
|
||
body .ui-dialog .tab-content .charsheet button,
|
||
body .ui-dialog .tab-content .charsheet select {
|
||
line-height: normal;
|
||
color: inherit;
|
||
font-family: inherit;
|
||
font-size: inherit;
|
||
line-height: inherit;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-1,
|
||
body .ui-dialog .tab-content .charsheet .sheet-text-1 {
|
||
font-size: var(--size1);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-2,
|
||
body .ui-dialog .tab-content .charsheet .sheet-text-2 {
|
||
font-size: var(--size2);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-3,
|
||
body .ui-dialog .tab-content .charsheet .sheet-text-3 {
|
||
font-size: var(--size3);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-4,
|
||
body .ui-dialog .tab-content .charsheet .sheet-text-4 {
|
||
font-size: var(--size4);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-5,
|
||
body .ui-dialog .tab-content .charsheet .sheet-text-5 {
|
||
font-size: var(--size5);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-6,
|
||
body .ui-dialog .tab-content .charsheet .sheet-text-6 {
|
||
font-size: var(--size6);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-7,
|
||
body .ui-dialog .tab-content .charsheet .sheet-text-7 {
|
||
font-size: var(--size7);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .capitalize,
|
||
body .ui-dialog .tab-content .charsheet .sheet-capitalize {
|
||
text-transform: capitalize !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .lowercase,
|
||
body .ui-dialog .tab-content .charsheet .sheet-lowercase {
|
||
text-transform: lowercase !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .uppercase,
|
||
body .ui-dialog .tab-content .charsheet .sheet-uppercase {
|
||
text-transform: uppercase !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-material-icons,
|
||
body .ui-dialog .tab-content .charsheet .material-icons {
|
||
font-family: "Material Icons";
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-size: var(--icon-size); /* Preferred icon size */
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .material-symbol,
|
||
body .ui-dialog .tab-content .charsheet .sheet-material-symbol {
|
||
font-family: "Material Symbols Outlined";
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-size: 24px; /* Preferred icon size */
|
||
display: inline-block;
|
||
line-height: 1;
|
||
text-transform: none;
|
||
letter-spacing: normal;
|
||
word-wrap: normal;
|
||
white-space: nowrap;
|
||
direction: ltr;
|
||
font-variation-settings: "FILL" 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-italics,
|
||
body .ui-dialog .tab-content .charsheet .italics {
|
||
font-style: italic;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h1,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="1"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size1);
|
||
font-family: var(--font1);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h1:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="1"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h1 *,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="1"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size1);
|
||
font-family: var(--font1);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h1 *:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="1"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h2, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="2"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size2);
|
||
font-family: var(--font2);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h2:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="2"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h2 *, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="2"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size2);
|
||
font-family: var(--font2);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h2 *:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="2"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h3,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="3"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size3);
|
||
font-family: var(--font3);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h3:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="3"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h3 *,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="3"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
font-size: var(--size3);
|
||
font-family: var(--font3);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h3 *:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="3"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h4,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="4"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size4);
|
||
font-family: var(--font4);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h4:not(:where(input)),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h4:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h4 *,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="4"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size4);
|
||
font-family: var(--font4);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h4 *:not(:where(input)),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h4 *:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h5,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="5"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size5);
|
||
font-style: normal;
|
||
font-family: var(--font5);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h5:not(:where(input)),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h5:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h5 *,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="5"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size5);
|
||
font-style: normal;
|
||
font-family: var(--font5);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h5 *:not(:where(input)),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h5 *:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h6,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="6"] {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size5);
|
||
font-style: normal;
|
||
font-family: var(--font5);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h6:not(:where(input)),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h6:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h6 *,
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="6"] * {
|
||
line-height: normal;
|
||
color: var(--fontColor);
|
||
display: block;
|
||
white-space: nowrap;
|
||
margin-top: 0px;
|
||
margin-bottom: 0px;
|
||
font-weight: normal;
|
||
font-size: var(--size5);
|
||
font-style: normal;
|
||
font-family: var(--font5);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h6 *:not(:where(input)),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(:where(input)) {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h6 *:not(input),
|
||
body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(input) {
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-pictos,
|
||
body .ui-dialog .tab-content .charsheet .pictos {
|
||
font-family: pictos;
|
||
text-transform: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pictos3,
|
||
body .ui-dialog .tab-content .charsheet .sheet-pictos3 {
|
||
font-family: pictos three;
|
||
text-transform: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pictoscustom,
|
||
body .ui-dialog .tab-content .charsheet .sheet-pictoscustom {
|
||
font-family: pictos custom;
|
||
text-transform: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .d4,
|
||
body .ui-dialog .tab-content .charsheet .sheet-d4 {
|
||
font-family: dicefontd4 !important;
|
||
text-transform: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .d6,
|
||
body .ui-dialog .tab-content .charsheet .sheet-d6 {
|
||
font-family: dicefontd6 !important;
|
||
text-transform: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .d8,
|
||
body .ui-dialog .tab-content .charsheet .sheet-d8 {
|
||
font-family: dicefontd8 !important;
|
||
text-transform: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .d10,
|
||
body .ui-dialog .tab-content .charsheet .sheet-d10 {
|
||
font-family: dicefontd10 !important;
|
||
text-transform: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .d12,
|
||
body .ui-dialog .tab-content .charsheet .sheet-d12 {
|
||
font-family: dicefontd12 !important;
|
||
text-transform: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .d20,
|
||
body .ui-dialog .tab-content .charsheet .sheet-d20 {
|
||
font-family: dicefontd20 !important;
|
||
text-transform: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .d30,
|
||
body .ui-dialog .tab-content .charsheet .sheet-d30 {
|
||
font-family: dicefontd30 !important;
|
||
text-transform: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input[type=checkbox] {
|
||
border: 1px solid var(--checkboxBorderColor);
|
||
cursor: pointer;
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
width: var(--checkboxWidth);
|
||
min-width: var(--checkboxWidth);
|
||
height: var(--checkboxHeight);
|
||
min-height: var(--checkboxHeight);
|
||
display: grid;
|
||
grid-template-columns: 1fr;
|
||
grid-template-areas: "content";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
||
background-color: var(--checkedBackColor);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before {
|
||
content: var(--checkContent);
|
||
grid-area: content;
|
||
font-weight: var(--checkWeight);
|
||
place-self: start center;
|
||
color: var(--checkColor);
|
||
font-size: var(--checkSize);
|
||
line-height: var(--checkLineHeight);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input[type=number] {
|
||
width: 3rem;
|
||
-moz-appearance: textfield !important;
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button, body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet select,
|
||
body .ui-dialog .tab-content .charsheet .pseudo-select span,
|
||
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
||
body .ui-dialog .tab-content .charsheet textarea,
|
||
body .ui-dialog .tab-content .charsheet input:not(:is([type=radio], [type=checkbox])),
|
||
body .ui-dialog .tab-content .charsheet .uneditable-input {
|
||
padding: var(--inputPadding);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input:is([type=text], [type=number]), body .ui-dialog .tab-content .charsheet textarea {
|
||
cursor: auto;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet select,
|
||
body .ui-dialog .tab-content .charsheet .pseudo-select span,
|
||
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
||
body .ui-dialog .tab-content .charsheet input:not(:where([type=checkbox], [type=radio])),
|
||
body .ui-dialog .tab-content .charsheet .uneditable-input,
|
||
body .ui-dialog .tab-content .charsheet textarea {
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-radius: 5px;
|
||
border-color: transparent;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet select,
|
||
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
||
body .ui-dialog .tab-content .charsheet .pseudo-select span {
|
||
-webkit-apperance: none;
|
||
appearance: none;
|
||
text-transform: var(--selectTextTransform);
|
||
overflow: hidden !important;
|
||
white-space: nowrap;
|
||
text-overflow: var(--selectTextOverflow);
|
||
text-align: var(--selectTextAlign);
|
||
color: var(--selectColor);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input {
|
||
width: auto;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input:placeholder {
|
||
color: var(--placeholderColor);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"]) + span:before {
|
||
content: "+";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet textarea {
|
||
resize: var(--textareaResize);
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet textarea.fixed {
|
||
resize: none;
|
||
overflow: auto;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet button {
|
||
cursor: pointer;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .roller {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: var(--half-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .roller:before {
|
||
content: "T";
|
||
font-family: dicefontd20;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .collapse-container {
|
||
display: grid;
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-collapse {
|
||
cursor: pointer;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-collapse:before {
|
||
content: var(--expandedSymbol);
|
||
font-family: "Material Icons";
|
||
font-weight: normal;
|
||
font-style: normal;
|
||
font-size: var(--icon-size); /* Preferred icon size */
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-collapse__text {
|
||
display: inline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-collapse__check:not(:checked) + .text-collapse {
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-color: var(--borderColor);
|
||
border-radius: 5px;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .text-collapse__check:checked + .text-collapse:before {
|
||
content: var(--collapsedSymbol);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem:hover > .collapse, body .ui-dialog .tab-content .charsheet .repitem:hover .roll-container,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container:hover > .collapse,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container:hover .roll-container {
|
||
opacity: var(--collapseHoverOpacity);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse {
|
||
opacity: var(--collapseBaseOpacity);
|
||
position: absolute;
|
||
right: -10px;
|
||
top: 0px;
|
||
border: 0px solid black;
|
||
border-radius: 0;
|
||
color: var(--collapseExpandedColor);
|
||
text-transform: none;
|
||
background-color: transparent;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse:before,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:before {
|
||
content: "y";
|
||
font-family: pictos;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked {
|
||
color: var(--collapseCollapsedColor);
|
||
background-color: transparent;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .expanded,
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .collapse-container .expanded,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .expanded,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .collapse-container .expanded {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse:not(:checked) ~ .collapsed,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:not(:checked) ~ .collapsed {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem > .collapse:hover,
|
||
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:hover {
|
||
color: var(--collapseExpandedColor);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .fill-left {
|
||
display: var(--fillLeftDisplay);
|
||
align-self: var(--fillLeftAlignment);
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .fill-left__radio {
|
||
appearance: none;
|
||
-webkit-appearance: none;
|
||
background-color: var(--fillLeftSelectedColor);
|
||
width: 100%;
|
||
height: 100%;
|
||
cursor: pointer;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .fill-left__radio[data-value]:checked:before {
|
||
content: attr(data-value);
|
||
color: var(--fillLeftDataColor);
|
||
font-size: var(--fillLeftDataSize);
|
||
place-self: center;
|
||
text-transform: var(--fillLeftDataTransform);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .fill-left__radio:checked ~ .fill-left__radio {
|
||
background-color: var(--fillLeftUnselectedColor);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label {
|
||
display: inline-flex;
|
||
gap: var(--input-label-gap);
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > input[type=text] {
|
||
flex: 1 1 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > :not([name]) {
|
||
flex: 0 0 auto;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label > :is(span, button) {
|
||
text-transform: var(--input-label-text-transform);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label--dual {
|
||
grid-template-columns: 1fr auto 1fr;
|
||
grid-template-areas: "over over over" "under under under";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label--dual > span:last-of-type {
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label--dual > .slash {
|
||
line-height: 0rem;
|
||
font-weight: normal;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-textarea {
|
||
display: grid;
|
||
grid-template-rows: auto 1fr;
|
||
grid-template-columns: auto;
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-textarea :not(textarea):not(.adaptive) {
|
||
justify-self: start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-textarea .headed-textarea__header {
|
||
grid-area: initial;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive {
|
||
display: grid;
|
||
grid-template-columns: auto;
|
||
grid-template-rows: auto;
|
||
grid-template-areas: "content";
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive > * {
|
||
grid-area: content;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive > span {
|
||
opacity: 0;
|
||
z-index: -10;
|
||
border-width: 1px 3px;
|
||
border-style: solid;
|
||
border-radius: 5px;
|
||
border-color: transparent;
|
||
box-sizing: border-box;
|
||
text-transform: initial;
|
||
border-radius: 0px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive--text {
|
||
min-height: 4rem;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive--text__span {
|
||
white-space: pre-wrap;
|
||
padding: 2px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive--text__textarea {
|
||
width: 100%;
|
||
height: 100%;
|
||
resize: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive--text__textarea,
|
||
body .ui-dialog .tab-content .charsheet .adaptive--input__input {
|
||
position: absolute;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive--input__input {
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .adaptive--input__span {
|
||
padding: 2px;
|
||
min-height: 1.5rem;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem > input:not([type=checkbox]) {
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem .headed-textarea,
|
||
body .ui-dialog .tab-content .charsheet .repitem .description {
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repcontainer {
|
||
display: grid;
|
||
gap: var(--normal-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repeating-container {
|
||
display: grid;
|
||
grid-template-areas: "header";
|
||
align-self: start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repeating-container > .header {
|
||
grid-area: header;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
|
||
opacity: 0;
|
||
transition: var(--revealTrans);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
|
||
opacity: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repcontrol-button {
|
||
align-self: start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol {
|
||
justify-self: end;
|
||
z-index: 100;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol > .repcontrol_add {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repcontrol-button--add {
|
||
justify-self: start;
|
||
width: 15px;
|
||
height: 15px;
|
||
padding: 4px;
|
||
font-size: 0;
|
||
color: var(--col-alt);
|
||
border: 1px solid var(--col-alt);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repcontrol-button--add::before {
|
||
inset: 0;
|
||
place-self: center;
|
||
font-family: var(--font-icon);
|
||
font-size: 12px;
|
||
content: "add";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__button {
|
||
all: initial;
|
||
display: flex;
|
||
margin: 0;
|
||
padding: 0;
|
||
cursor: pointer;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__checkbox[type=checkbox] {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__outer {
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
position: fixed;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
text-align: left;
|
||
background: var(--kmodal-overlay-background);
|
||
transition: opacity 0.25s ease;
|
||
z-index: 999;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__background {
|
||
all: initial;
|
||
margin: 0;
|
||
padding: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
cursor: pointer;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__inner {
|
||
position: fixed;
|
||
width: var(--kmodal-width);
|
||
height: var(--kmodal-height);
|
||
inset: 0;
|
||
margin: auto;
|
||
overflow: auto;
|
||
background: var(--kmodal-dialog-background);
|
||
border-radius: 5px;
|
||
padding: var(--kmodal-close-height) calc(var(--kmodal-close-width) * 3) var(--kmodal-close-height) calc(var(--kmodal-close-width) * 2);
|
||
max-width: var(--kmodal-max-width);
|
||
max-height: var(--kmodal-max-height);
|
||
transition: opacity 0.25s ease;
|
||
box-shadow: var(--kmodal-box-shadow);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__close {
|
||
position: absolute;
|
||
right: var(--kmodal-close-width);
|
||
top: var(--kmodal-close-height);
|
||
width: var(--kmodal-close-width);
|
||
height: var(--kmodal-close-height);
|
||
cursor: pointer;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__close:after,
|
||
body .ui-dialog .tab-content .charsheet .kmodal__close:before {
|
||
content: "";
|
||
position: absolute;
|
||
width: var(--kmodal-close-line-thickness);
|
||
height: var(--kmodal-close-line-length);
|
||
background: var(--kmodal-close-color);
|
||
display: block;
|
||
transform: rotate(45deg);
|
||
left: 50%;
|
||
margin: -3px 0 0 -1px;
|
||
top: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__close:hover:after,
|
||
body .ui-dialog .tab-content .charsheet .kmodal__close:hover:before {
|
||
background: var(--kmodal-close-hover-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__close:before {
|
||
transform: rotate(-45deg);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:not(:checked) + .kmodal__outer {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
|
||
top: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .tabs__container:not(.k-active-tab) {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .tabs__nav-item {
|
||
list-style: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .tabs__nav-list {
|
||
display: flex;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .display-control--inverted:checked + .controlled-display, body .ui-dialog .tab-content .charsheet .display-control:not(:checked) + .controlled-display {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .display-control--non-zero:not(:is([value=""], :not([value]), [value="0"])) + .controlled-display, body .ui-dialog .tab-content .charsheet .display-control--non-zero--inverted:is([value=""], :not([value]), [value="0"]) + .controlled-display {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .interaction-control:not(:checked) + .controlled-interaction {
|
||
pointer-events: none;
|
||
filter: contrast(30%) brightness(150%);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .locked + fieldset + .repcontainer + .repcontrol {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .roller:before {
|
||
content: "";
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet select {
|
||
color: inherit;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet select option {
|
||
background-color: var(--backColor);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .input-label {
|
||
color: inherit;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet::after {
|
||
position: absolute;
|
||
content: "";
|
||
inset: calc(var(--_margin) * -1);
|
||
background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(17, 3%, 65%) 100%), var(--paper_texture);
|
||
background-blend-mode: overlay, normal;
|
||
mix-blend-mode: multiply;
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section {
|
||
display: grid;
|
||
border: 3px solid var(--primary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section__header {
|
||
background-color: var(--primary-color);
|
||
color: var(--background-color);
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section__header h3 {
|
||
background: var(--primary-color);
|
||
padding: var(--gap-size-xsmall);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section__header h3 span {
|
||
font-size: var(--font-size-large);
|
||
color: var(--background-color);
|
||
text-transform: capitalize;
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--grid {
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--flex {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--grow {
|
||
flex-grow: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--fit {
|
||
height: fit-content;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--max {
|
||
height: max-content;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .dcc-check {
|
||
display: inline-block;
|
||
border: 1px solid var(--primary-color);
|
||
width: 14px;
|
||
height: 14px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .dcc-check input {
|
||
padding: 0 !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=""] ~ .filtered-by-class .show-if-class:not(.show-if-class--zero),
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class:not([value]) ~ .filtered-by-class .show-if-class:not(.show-if-class--zero) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=cleric] ~ .filtered-by-class .show-if-class:not(.show-if-class--cleric) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=dwarf] ~ .filtered-by-class .show-if-class:not(.show-if-class--dwarf) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=elf] ~ .filtered-by-class .show-if-class:not(.show-if-class--elf) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=halfling] ~ .filtered-by-class .show-if-class:not(.show-if-class--halfling) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=thief] ~ .filtered-by-class .show-if-class:not(.show-if-class--thief) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=warrior] ~ .filtered-by-class .show-if-class:not(.show-if-class--warrior) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=wizard] ~ .filtered-by-class .show-if-class:not(.show-if-class--wizard) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=zero] ~ .filtered-by-class .show-if-class:not(.show-if-class--zero) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-level[value="0"] + .filter-sibling-by-class ~ .filtered-by-class .show-if-class:not(.show-if-class--zero),
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-level:not([value]) + .filter-sibling-by-class ~ .filtered-by-class .show-if-class:not(.show-if-class--zero) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-level[value]:not([value="0"]) + .filter-sibling-by-class[value]:not([value=zero]) ~ .filtered-by-class .show-if-level.show-if-level--zero:not(.show-if-class) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-state {
|
||
cursor: help;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-state:not([open]) ~ .filtered-by-state {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section {
|
||
grid-template-rows: max-content 1fr;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section:hover .collapse {
|
||
opacity: var(--collapseHoverOpacity);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section__header, body .ui-dialog .tab-content .charsheet .section__header {
|
||
height: max-content;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section__header span, body .ui-dialog .tab-content .charsheet .section__header span {
|
||
display: inline-block;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section__header:has(span), body .ui-dialog .tab-content .charsheet .section__header:has(span) {
|
||
font-size: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section__content, body .ui-dialog .tab-content .charsheet .section__content {
|
||
padding: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container {
|
||
/*&:has(.repcontainer:empty) {
|
||
.collapse {
|
||
pointer-events: none;
|
||
opacity: 1;
|
||
}
|
||
.collapsed {
|
||
display: block!important;
|
||
.repcontrol {
|
||
button {
|
||
visibility: hidden;
|
||
}
|
||
pointer-events: none;
|
||
}
|
||
}
|
||
.expanded {
|
||
display: none;
|
||
}
|
||
}*/
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container input:not([class*=collapse]), body .ui-dialog .tab-content .charsheet .section-container select, body .ui-dialog .tab-content .charsheet .section-container textarea {
|
||
margin: 0;
|
||
padding: var(--gap-size-xsmall);
|
||
border: 0;
|
||
text-align: left;
|
||
background-color: var(--tertiary-color);
|
||
border-radius: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container input:not([class*=collapse]):focus, body .ui-dialog .tab-content .charsheet .section-container select:focus, body .ui-dialog .tab-content .charsheet .section-container textarea:focus {
|
||
background-color: var(--secondary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container ::placeholder {
|
||
font-style: italic;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--uppercased {
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--lowercased {
|
||
text-transform: lowercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--pre-wrap {
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--default-0:empty:after {
|
||
content: "0";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--default-10:empty:after {
|
||
content: "10";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--default-1d4:empty:after {
|
||
content: "1d4";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--default-1d20:empty:after {
|
||
content: "1d20";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--with-default:empty {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--with-default:not(:empty) + .sheet-attribute-default {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--roll-bonus-value:not([value^="-"]):not([value^="+"]) + .sheet-attribute--roll-bonus:not(:empty):before {
|
||
content: "+";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute-default {
|
||
color: var(--secondary-color);
|
||
font-style: italic;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .rollable {
|
||
cursor: pointer;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .rollable:hover span, body .ui-dialog .tab-content .charsheet .section-container .rollable:hover h5 {
|
||
color: var(--roll-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section {
|
||
gap: var(--gap-size-normal);
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section span, body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section input, body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section textarea, body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section select, body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section option {
|
||
font-size: var(--font-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repcontainer {
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem {
|
||
box-sizing: border-box;
|
||
border: 1px solid var(--primary-color);
|
||
padding: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .labelled-edit {
|
||
line-height: normal;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .labelled-edit__container {
|
||
flex-grow: 1;
|
||
position: relative;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
min-height: calc(var(--font-size-small) + 2 * var(--gap-size-xsmall) + 2px);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .labelled-edit__container span {
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .labelled-edit__container .labelled-edit__value {
|
||
position: absolute;
|
||
width: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .rollable {
|
||
line-height: calc(var(--font-size-small) * 1.42857143);
|
||
font-size: var(--font-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .rollable span {
|
||
line-height: calc(var(--font-size-small) * 1.42857143);
|
||
font-size: var(--font-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem:focus-within:after {
|
||
content: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section {
|
||
position: relative;
|
||
gap: var(--gap-size-normal);
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repcontainer {
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header {
|
||
font-size: var(--font-size-normal);
|
||
text-transform: capitalize;
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header span {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repitem {
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header span, body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header input,
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repitem span,
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repitem input {
|
||
text-align: left;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repitem span {
|
||
line-height: normal;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .repcontrol-button--add {
|
||
position: absolute;
|
||
bottom: 0;
|
||
right: 0;
|
||
background: var(--primary-color);
|
||
color: var(--background-color);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
line-height: 12px;
|
||
height: var(--button-size-normal);
|
||
width: var(--button-size-normal);
|
||
padding: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .repcontrol {
|
||
margin-right: calc(var(--button-size-normal) + var(--gap-size-xsmall));
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .repcontrol button {
|
||
background: var(--primary-color);
|
||
font-size: var(--font-size-small);
|
||
line-height: var(--font-size-small);
|
||
color: var(--background-color);
|
||
height: var(--button-size-normal);
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 0 var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container > .collapse {
|
||
display: flex;
|
||
align-items: center;
|
||
height: 30px;
|
||
width: 30px;
|
||
top: -40px;
|
||
line-height: 30px;
|
||
right: -10px !important;
|
||
justify-content: center;
|
||
z-index: 10000000;
|
||
background: var(--primary-color);
|
||
clip-path: circle(35%);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container > .collapse:before {
|
||
color: var(--background-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container > .collapse:checked {
|
||
opacity: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .collapsed {
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .collapsed .repitem {
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .collapsed .repitem:focus-within h5 {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .collapsed .repitem:focus-within:after {
|
||
content: "";
|
||
display: block;
|
||
position: absolute;
|
||
box-sizing: border-box;
|
||
width: calc(100% + 10px);
|
||
height: calc(100% + 10px);
|
||
top: -5px;
|
||
left: -5px;
|
||
z-index: 0;
|
||
border: 1px solid var(--primary-color);
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__label {
|
||
font-weight: bold;
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__label:after {
|
||
content: ": ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__container {
|
||
display: grid;
|
||
grid-template: "container";
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__display {
|
||
grid-area: container;
|
||
position: relative;
|
||
cursor: pointer;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__display--raw:not([value^="-"]):not([value^="+"]) ~ .labelled__display--bonus:before {
|
||
content: "+";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__display:not(:empty) + .labelled__display--placeholder {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__display:not(.labelled__display--placeholder):empty {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__display--placeholder {
|
||
color: var(--secondary-color);
|
||
font-style: italic;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled__value {
|
||
grid-area: container;
|
||
opacity: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled:focus-within .labelled-edit__display {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .labelled:focus-within .labelled-edit__value {
|
||
opacity: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to {
|
||
display: inline-grid;
|
||
gap: 1px;
|
||
border: 1px solid black;
|
||
background-color: black;
|
||
--fill-up-to-size: 1.2em;
|
||
height: min-content;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to__value {
|
||
position: relative;
|
||
background: var(--background-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to__value label {
|
||
display: flex;
|
||
min-height: 100%;
|
||
cursor: pointer;
|
||
align-items: center;
|
||
justify-content: center;
|
||
height: var(--fill-up-to-size);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to__value label span {
|
||
font-size: var(--font-size-xsmall);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to__value input {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
opacity: 0;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to :has(input:checked) {
|
||
background: var(--primary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to :has(input:checked) span {
|
||
color: var(--background-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to :has(input:checked) ~ .fill-up-to__value {
|
||
background: var(--primary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to :has(input:checked) ~ .fill-up-to__value span {
|
||
color: var(--background-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .table {
|
||
margin-bottom: 0;
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .table__header {
|
||
background: var(--background-color);
|
||
border: 2px solid var(--primary-color);
|
||
box-sizing: border-box;
|
||
display: grid;
|
||
gap: 2px;
|
||
grid-template-columns: subgrid;
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .table__header .table__cell {
|
||
background: var(--primary-color);
|
||
color: var(--background-color);
|
||
text-transform: capitalize;
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .table__body {
|
||
box-sizing: border-box;
|
||
border: 2px solid var(--primary-color);
|
||
background: var(--primary-color);
|
||
display: grid;
|
||
gap: 2px;
|
||
grid-template-columns: subgrid;
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .table__cell {
|
||
background: var(--background-color);
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .table__cell--align-center {
|
||
justify-content: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .i18n-list > span:not(:last-child):after {
|
||
content: ", ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .i18n-list > span:last-child:after {
|
||
content: ".";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .between-parentheses:after {
|
||
content: ")";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .between-parentheses:before {
|
||
content: "(";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .expanded .repcontrol, body .ui-dialog .tab-content .charsheet .section-container .expanded .repcontrol-button {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .on-off-hidden {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .on-off {
|
||
--size: 12px;
|
||
width: calc(var(--size) * 1.4 + 2px);
|
||
height: var(--size);
|
||
position: relative;
|
||
border-radius: var(--size);
|
||
border: 1px solid var(--primary-color);
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
flex-shrink: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .on-off input {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
opacity: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
z-index: 2;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .on-off:after {
|
||
content: "";
|
||
display: block;
|
||
background-color: var(--primary-color);
|
||
box-sizing: border-box;
|
||
position: absolute;
|
||
width: calc(var(--size) - 6px);
|
||
height: calc(var(--size) - 6px);
|
||
border-radius: calc(var(--size) - 6px);
|
||
left: 2px;
|
||
top: 2px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .on-off:has(input:checked) {
|
||
background-color: var(--primary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .on-off:has(input:checked):after {
|
||
left: auto;
|
||
right: 2px;
|
||
background-color: var(--background-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container .truncated {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__label {
|
||
font-weight: bold;
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__label:after {
|
||
content: ": ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container {
|
||
display: grid;
|
||
grid-template: "container";
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container:hover .labelled-edit__display {
|
||
background: var(--tertiary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display {
|
||
grid-area: container;
|
||
padding: 5px;
|
||
position: relative;
|
||
cursor: pointer;
|
||
min-height: 100%;
|
||
min-width: 100%;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display:after {
|
||
content: "";
|
||
display: block;
|
||
width: 100%;
|
||
position: absolute;
|
||
height: 1px;
|
||
background: var(--primary-color);
|
||
bottom: 0;
|
||
left: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display--raw:not([value^="-"]):not([value^="+"]) ~ .labelled-edit__display--bonus:before {
|
||
content: "+";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display:not(:empty) + .labelled-edit__display--placeholder {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display:not(.labelled-edit__display--placeholder):empty {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display--placeholder {
|
||
color: var(--secondary-color);
|
||
font-style: italic;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__value {
|
||
display: flex;
|
||
grid-area: container;
|
||
opacity: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container:focus-within .labelled-edit__display {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container:focus-within .labelled-edit__value {
|
||
opacity: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__container input[name*=_total] + input[name*=_mod][value]:not([value="0"]) ~ .labelled-edit__display {
|
||
color: var(--mod-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea .labelled-edit__display {
|
||
white-space: pre-wrap;
|
||
font-size: var(--font-size-small);
|
||
padding: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea .labelled-edit__display:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea .labelled-edit__value {
|
||
width: 100%;
|
||
height: 100%;
|
||
font-size: var(--font-size-small);
|
||
padding: var(--gap-size-small);
|
||
overflow: hidden;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea:focus-within .labelled-edit__display {
|
||
display: block;
|
||
visibility: hidden;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea:focus-within .labelled-edit__value {
|
||
opacity: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--labelless .labelled-edit__container {
|
||
flex-grow: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__label {
|
||
font-weight: bold;
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__label:after {
|
||
content: ": ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__container {
|
||
display: grid;
|
||
grid-template: "container";
|
||
align-items: center;
|
||
min-height: auto;
|
||
cursor: default;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__container:hover .labelled-edit__display {
|
||
background: transparent;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display {
|
||
grid-area: container;
|
||
position: relative;
|
||
cursor: pointer;
|
||
box-sizing: border-box;
|
||
padding: 0;
|
||
min-height: auto;
|
||
cursor: text;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display--raw:not([value^="-"]):not([value^="+"]) ~ .labelled__display--bonus:before {
|
||
content: "+";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display:not(:empty) + .labelled__display--placeholder {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display:not(.labelled__display--placeholder):empty {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display--placeholder {
|
||
color: var(--secondary-color);
|
||
font-style: italic;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__value {
|
||
grid-area: container;
|
||
opacity: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit:focus-within .labelled-edit__display {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit:focus-within .labelled-edit__value {
|
||
opacity: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit__display--overwritten[value="1"] ~ .labelled-edit__display:not(.labelled-edit__display--placeholder) {
|
||
color: var(--overwritten-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .popup-container {
|
||
--_wedgeSize: 10px;
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .popup-container:not(:hover) .popup {
|
||
display: none;
|
||
animation: tip-vanish 1s;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .popup-container .popup {
|
||
display: inline-block;
|
||
position: absolute;
|
||
z-index: 100;
|
||
opacity: 1;
|
||
left: 50%;
|
||
bottom: calc(var(--_wedgeSize) + 100%);
|
||
background-color: var(--backColor);
|
||
border-radius: 10px;
|
||
opacity: 0;
|
||
filter: drop-shadow(rgba(0, 0, 0, 0.19) 0px 10px 20px) drop-shadow(rgba(0, 0, 0, 0.23) 0px 6px 6px) drop-shadow(var(--borderColor) 1px 1px);
|
||
animation: tip-appear 1s 500ms;
|
||
animation-fill-mode: forwards;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .popup-container .popup:before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 50%;
|
||
width: 0;
|
||
border-top: var(--_wedgeSize) solid var(--backColor);
|
||
border-left: var(--_wedgeSize) solid transparent;
|
||
border-right: var(--_wedgeSize) solid transparent;
|
||
}
|
||
@starting-style {
|
||
body .ui-dialog .tab-content .charsheet .popup-container .popup {
|
||
opacity: 0;
|
||
}
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .popup-container .popup-contents {
|
||
padding: var(--tiny-gap);
|
||
}
|
||
@keyframes tip-appear {
|
||
from {
|
||
display: none;
|
||
opacity: 0;
|
||
}
|
||
to {
|
||
display: inline-block;
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@keyframes tip-vanish {
|
||
from {
|
||
display: inline-block;
|
||
opacity: 1;
|
||
}
|
||
to {
|
||
display: none;
|
||
opacity: 0;
|
||
}
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-subfield .flex-box :first-child {
|
||
flex: 0 0 auto;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-subfield .flex-box :not(:first-child) {
|
||
flex: 1 1 auto;
|
||
width: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table {
|
||
display: grid;
|
||
grid-template-rows: [header-start] auto [header-end];
|
||
grid-auto-flow: column;
|
||
place-content: start;
|
||
gap: var(--half-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .header {
|
||
grid-row: header-start/header-end;
|
||
place-self: end center;
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-1 {
|
||
grid-row: 2;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-2 {
|
||
grid-row: 3;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-3 {
|
||
grid-row: 4;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-4 {
|
||
grid-row: 5;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-5 {
|
||
grid-row: 6;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-6 {
|
||
grid-row: 7;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-7 {
|
||
grid-row: 8;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-8 {
|
||
grid-row: 9;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-9 {
|
||
grid-row: 10;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .row-10 {
|
||
grid-row: 11;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .new-row {
|
||
grid-row: 4;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .old-row {
|
||
grid-row: 2;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .level-progress-indicator {
|
||
grid-row: 3;
|
||
grid-column: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .class-table .repcontainer,
|
||
body .ui-dialog .tab-content .charsheet .class-table .repitem {
|
||
display: contents;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .weapon-button-container {
|
||
margin-bottom: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-startup {
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-create .modal-button--thick {
|
||
place-self: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .modal-button--content {
|
||
place-self: center start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .progress-spinner {
|
||
position: absolute;
|
||
z-index: 1000;
|
||
inset: 0;
|
||
background-color: color-mix(in lch, black, transparent 30%);
|
||
display: grid;
|
||
place-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .progress-spinner.inactive {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader, body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:before, body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:after {
|
||
border-radius: 50%;
|
||
width: 2.5em;
|
||
height: 2.5em;
|
||
animation-fill-mode: both;
|
||
animation: bblFadInOut 1.8s infinite ease-in-out;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader {
|
||
color: var(--primary-color);
|
||
font-size: 7px;
|
||
position: relative;
|
||
text-indent: -9999em;
|
||
transform: translateZ(0);
|
||
animation-delay: -0.16s;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:before,
|
||
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:before {
|
||
left: -3.5em;
|
||
animation-delay: -0.32s;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:after {
|
||
left: 3.5em;
|
||
}
|
||
@keyframes bblFadInOut {
|
||
0%, 80%, 100% {
|
||
box-shadow: 0 2.5em 0 -1.3em;
|
||
}
|
||
40% {
|
||
box-shadow: 0 2.5em 0 0;
|
||
}
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-nav-container {
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-nav-container:has(> .preexisting-char:not([value="0"], [value=""])) {
|
||
justify-content: end;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sticky-corner {
|
||
position: sticky;
|
||
bottom: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .corner-right {
|
||
left: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .preserve-whitespace {
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-spells p {
|
||
margin: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-spells .slash-control:empty + span {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-spells .repcontainer[data-groupname=repeating_mancer-spells] {
|
||
display: block;
|
||
column-width: 200px;
|
||
column-gap: var(--big-gap);
|
||
column-rule: 2px solid var(--borderColor);
|
||
column-fill: balance;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-spells .repcontainer[data-groupname=repeating_mancer-spells] .repitem {
|
||
break-inside: avoid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-spells .repcontainer[data-groupname=repeating_mancer-spells] .repitem:has(.header-display:checked) {
|
||
column-span: all;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-spells .repcontainer[data-groupname=repeating_mancer-spells] .repitem:has(.header-display:checked):not(:first-child) {
|
||
margin-top: var(--half-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollable-table-list .repitem {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollable-table-list .repitem button {
|
||
margin-right: auto;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollable-table-list .repcontrol {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .die-display {
|
||
gap: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .die-display input {
|
||
width: 4ch;
|
||
box-sizing: content-box !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .warning {
|
||
background-color: var(--error-red) !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-toggle {
|
||
position: fixed;
|
||
top: 17px;
|
||
right: 30px;
|
||
z-index: 9997;
|
||
display: flex;
|
||
background: var(--background-color);
|
||
gap: 10px;
|
||
}
|
||
@media (max-width: 800px) {
|
||
body .ui-dialog .tab-content .charsheet .sheet-toggle {
|
||
position: fixed;
|
||
top: 43px;
|
||
justify-content: end;
|
||
width: 100%;
|
||
margin-bottom: var(--gap-size-small);
|
||
}
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-toggle .layout--flex {
|
||
align-items: center;
|
||
gap: 5px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-toggle:has(input[name=attr_is_npc]:checked) ~ .compendium-drop-target > .pc {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-toggle:not(:has(input[name=attr_is_npc]:checked)) ~ .compendium-drop-target > .npc {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-toggle .section-container:not(:first-child) {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-toggle .section-container:not(:first-child):before {
|
||
content: "";
|
||
width: 1px;
|
||
display: block;
|
||
background: var(--primary-color);
|
||
height: 15px;
|
||
margin-right: 10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .kmodal--mancer__inner {
|
||
width: clamp(300px, 80dvw, 600px);
|
||
border-radius: 0;
|
||
max-height: 80dvh;
|
||
background-color: var(--backColor);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-button-wrapper {
|
||
display: grid;
|
||
grid-template-columns: [content-start] 1fr [button-start] auto [content-end button-end];
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-button-wrapper > :not(.mancer-button) {
|
||
grid-area: content !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .mancer-button-wrapper > .mancer-button {
|
||
grid-area: button;
|
||
z-index: 10;
|
||
place-self: start center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header {
|
||
container-type: inline-size;
|
||
container-name: header;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header {
|
||
grid-template-areas: "name name title title" "occupation class alignment speed" "augur augur level xp";
|
||
gap: 0 var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--character-name {
|
||
grid-area: name;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--title {
|
||
grid-area: title;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--title .labelled-edit__display {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--occupation {
|
||
grid-area: occupation;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--class {
|
||
grid-area: class;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--class .labelled-edit__display {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--alignment {
|
||
grid-area: alignment;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--alignment .labelled-edit__display {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--speed {
|
||
grid-area: speed;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--birth-augur {
|
||
grid-area: augur;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--level {
|
||
grid-area: level;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--xp {
|
||
grid-area: xp;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit {
|
||
flex-direction: column-reverse;
|
||
align-items: flex-start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__label {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__label:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__container {
|
||
flex-grow: 1;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__container span {
|
||
width: 100%;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__container:not(:hover) .labelled-edit__display {
|
||
padding-left: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--header input[name=attr_occupation]::-webkit-calendar-picker-indicator {
|
||
opacity: 0;
|
||
}
|
||
@container header (max-width: 300px) {
|
||
body .ui-dialog .tab-content .charsheet .layout--header {
|
||
grid-template-areas: "name title" "occupation class" "alignment speed" "level xp";
|
||
}
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .layout--double {
|
||
align-items: flex-start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points {
|
||
flex-direction: column-reverse;
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__label,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__label {
|
||
text-align: center;
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__label:after,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__label:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container {
|
||
width: 80px;
|
||
height: 80px;
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container .shield,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container .shield {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container span,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container input,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container span {
|
||
position: relative;
|
||
z-index: 2;
|
||
height: 100%;
|
||
width: 100%;
|
||
padding: 0;
|
||
text-align: center;
|
||
font-size: 2rem;
|
||
font-weight: bold;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
line-height: normal;
|
||
background: transparent !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container input:after, body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container span:after,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container input:after,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container span:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container:hover .shield:after,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container:hover .shield:after {
|
||
background: var(--tertiary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container:focus-within .shield:after,
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container:focus-within .shield:after {
|
||
background: var(--secondary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container .shield {
|
||
border-top: 5px solid var(--primary-color);
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container .shield:after {
|
||
content: "";
|
||
bottom: 0px;
|
||
left: 0;
|
||
clip-path: ellipse(calc(50% - 5px) calc(100% - 5px) at 50% 0%);
|
||
background: var(--background-color);
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: 1;
|
||
position: absolute;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container .shield:before {
|
||
content: "";
|
||
top: 0;
|
||
left: 0;
|
||
clip-path: ellipse(50% 100% at 50% 0%);
|
||
background: var(--primary-color);
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: 0;
|
||
position: absolute;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container .shield:after {
|
||
content: "";
|
||
top: 0;
|
||
left: 0;
|
||
clip-path: polygon(5px 5px, calc(100% - 5px) 5px, calc(85% - 4px) calc(100% - 5px), calc(15% + 4px) calc(100% - 5px));
|
||
background: var(--background-color);
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: 1;
|
||
position: absolute;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container .shield:before {
|
||
content: "";
|
||
top: 0;
|
||
left: 0;
|
||
clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
|
||
background: var(--primary-color);
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: 0;
|
||
position: absolute;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points-max {
|
||
justify-self: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points-max input, body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points-max span {
|
||
padding-top: 0 !important;
|
||
padding-bottom: 0 !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-die {
|
||
justify-self: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-die input, body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-die span {
|
||
padding-top: 0 !important;
|
||
padding-bottom: 0 !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-die input {
|
||
width: 42px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit__container {
|
||
flex-grow: 1;
|
||
position: relative;
|
||
min-height: 30px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit__label {
|
||
white-space: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit__display {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit input, body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit select {
|
||
width: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
height: auto;
|
||
background-color: transparent;
|
||
position: relative;
|
||
white-space: pre;
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result + .labelled-edit .labelled-edit__container:after {
|
||
content: "";
|
||
position: absolute;
|
||
width: 100%;
|
||
height: calc(100% - 1px);
|
||
pointer-events: none;
|
||
border-bottom: 1px solid var(--primary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="1"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+1)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="2"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+2)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="3"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+3)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="4"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+4)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="5"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+5)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="6"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+6)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="7"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+7)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="8"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+8)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="9"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+9)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="10"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+10)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="11"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+11)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="12"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+12)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="13"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+13)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="14"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+14)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="15"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+15)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="16"] + .labelled-edit .labelled-edit__display--bonus:after {
|
||
content: " (+16)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section--score,
|
||
body .ui-dialog .tab-content .charsheet .section-container--score,
|
||
body .ui-dialog .tab-content .charsheet .layout--score {
|
||
grid-template-columns: subgrid;
|
||
grid-template-rows: subgrid;
|
||
grid-column: 1/-1;
|
||
grid-row: 1/-1;
|
||
display: grid;
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score {
|
||
pointer-events: all;
|
||
align-items: flex-start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .layout--flex {
|
||
flex-direction: column;
|
||
min-height: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container {
|
||
border: 3px solid var(--primary-color);
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
width: 50px;
|
||
height: 50px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container span {
|
||
z-index: 2;
|
||
height: 100%;
|
||
width: 100%;
|
||
padding: 0;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
line-height: normal;
|
||
font-size: var(--font-size-large);
|
||
background: transparent !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container input:after, body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container span:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container:hover {
|
||
background: var(--tertiary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container:focus-within {
|
||
background: var(--secondary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container input[name*=_mod][value]:not([value="0"]) ~ .labelled-edit__display {
|
||
color: var(--mod-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score .rollable {
|
||
background: var(--primary-color);
|
||
color: var(--background-color);
|
||
padding: 3px var(--gap-size-small);
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score .rollable span:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score .labelled-edit__modifier {
|
||
padding-right: 5px;
|
||
justify-content: space-between;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--score .labelled-edit__modifier span, body .ui-dialog .tab-content .charsheet .labelled-edit--score .labelled-edit__modifier input {
|
||
font-size: var(--font-size-normal);
|
||
padding: 0;
|
||
text-align: center;
|
||
justify-content: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--strength {
|
||
grid-area: strength;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--agility {
|
||
grid-area: agility;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--stamina {
|
||
grid-area: stamina;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--personality {
|
||
grid-area: personality;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--luck {
|
||
grid-area: luck;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .labelled-edit--intelligence {
|
||
grid-area: intelligence;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section--savings,
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings,
|
||
body .ui-dialog .tab-content .charsheet .layout--savings {
|
||
grid-template-columns: subgrid;
|
||
grid-template-rows: subgrid;
|
||
grid-column: 1/-1;
|
||
grid-row: 1/-1;
|
||
display: grid;
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving {
|
||
pointer-events: all;
|
||
flex-direction: row-reverse;
|
||
background: var(--primary-color);
|
||
height: 50px;
|
||
padding: 3px var(--gap-size-small) 3px 3px;
|
||
box-sizing: border-box;
|
||
gap: var(--gap-size-small);
|
||
justify-content: left;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__label {
|
||
color: var(--background-color);
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__label:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container {
|
||
background: var(--background-color);
|
||
border-radius: 50px;
|
||
width: 44px;
|
||
height: 44px;
|
||
position: relative;
|
||
flex-shrink: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container span {
|
||
z-index: 2;
|
||
height: 100%;
|
||
width: 100%;
|
||
padding: 0;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
line-height: normal;
|
||
font-size: var(--font-size-large);
|
||
background: transparent !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container input:after, body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container span:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container:hover {
|
||
background: var(--tertiary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container:focus-within {
|
||
background: var(--secondary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--ref-save {
|
||
grid-area: ref-save;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--fort-save {
|
||
grid-area: fort-save;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--will-save {
|
||
grid-area: will-save;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section--misc,
|
||
body .ui-dialog .tab-content .charsheet .section-container--misc,
|
||
body .ui-dialog .tab-content .charsheet .layout--misc {
|
||
grid-template-columns: subgrid;
|
||
grid-template-rows: subgrid;
|
||
grid-column: 1/-1;
|
||
grid-row: 1/-1;
|
||
display: grid;
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit {
|
||
pointer-events: all;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc {
|
||
border: 3px solid var(--primary-color);
|
||
flex-direction: column;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .rollable {
|
||
line-height: normal;
|
||
width: 100%;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .rollable:hover .labelled-edit__label {
|
||
color: var(--roll-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__label {
|
||
background: var(--primary-color);
|
||
color: var(--background-color);
|
||
font-size: var(--font-size-small);
|
||
font-weight: bold;
|
||
padding: 0px 5px 2px 5px;
|
||
box-sizing: border-box;
|
||
display: block;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
flex-shrink: 0;
|
||
line-height: normal;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__label:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__container {
|
||
flex-grow: 1;
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__container:focus-within .labelled-edit__display {
|
||
display: block;
|
||
opacity: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__display:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container span, body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container textarea {
|
||
align-items: center;
|
||
justify-content: center;
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container textarea {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc.labelled-edit--avatar .labelled-edit__container {
|
||
overflow: hidden;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc.labelled-edit--avatar .labelled-edit__avatar {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: contain;
|
||
overflow: hidden;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc.labelled-edit--avatar .labelled-edit__display--raw:not([value]) + .labelled-edit__avatar,
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc.labelled-edit--avatar .labelled-edit__display--raw[value=""] + .labelled-edit__avatar {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck {
|
||
position: relative;
|
||
grid-area: lucky-roll;
|
||
/*
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="0"]),
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw:not([value])) {
|
||
.luck-score {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="1"]) {
|
||
.luck-score:not(.luck-score--1) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="2"]) {
|
||
.luck-score:not(.luck-score--2) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="3"]) {
|
||
.luck-score:not(.luck-score--3) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="4"]) {
|
||
.luck-score:not(.luck-score--4) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="5"]) {
|
||
.luck-score:not(.luck-score--5) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="6"]) {
|
||
.luck-score:not(.luck-score--6) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="7"]) {
|
||
.luck-score:not(.luck-score--7) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="8"]) {
|
||
.luck-score:not(.luck-score--8) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="9"]) {
|
||
.luck-score:not(.luck-score--9) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="10"]) {
|
||
.luck-score:not(.luck-score--10) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="11"]) {
|
||
.luck-score:not(.luck-score--11) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="12"]) {
|
||
.luck-score:not(.luck-score--12) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="13"]) {
|
||
.luck-score:not(.luck-score--13) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="14"]) {
|
||
.luck-score:not(.luck-score--14) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="15"]) {
|
||
.luck-score:not(.luck-score--15) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="16"]) {
|
||
.luck-score:not(.luck-score--16) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="17"]) {
|
||
.luck-score:not(.luck-score--17) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="18"]) {
|
||
.luck-score:not(.luck-score--18) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="19"]) {
|
||
.luck-score:not(.luck-score--19) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="20"]) {
|
||
.luck-score:not(.luck-score--20) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="21"]) {
|
||
.luck-score:not(.luck-score--21) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="22"]) {
|
||
.luck-score:not(.luck-score--22) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="23"]) {
|
||
.luck-score:not(.luck-score--23) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="24"]) {
|
||
.luck-score:not(.luck-score--24) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="25"]) {
|
||
.luck-score:not(.luck-score--25) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="26"]) {
|
||
.luck-score:not(.luck-score--26) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="27"]) {
|
||
.luck-score:not(.luck-score--27) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="28"]) {
|
||
.luck-score:not(.luck-score--28) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="29"]) {
|
||
.luck-score:not(.luck-score--29) {
|
||
display: none;
|
||
}
|
||
}
|
||
&:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="30"]) {
|
||
.luck-score:not(.luck-score--30) {
|
||
display: none;
|
||
}
|
||
}
|
||
*/
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck > .layout {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck__title {
|
||
grid-column: 1/-1;
|
||
background: var(--primary-color);
|
||
color: var(--background-color);
|
||
font-size: var(--font-size-small);
|
||
font-weight: bold;
|
||
padding: 0px 5px 2px 5px;
|
||
box-sizing: border-box;
|
||
display: block;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
line-height: normal;
|
||
border-top: 2px solid var(--primary-color);
|
||
text-transform: capitalize;
|
||
cursor: help;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .labelled-edit--luck-max {
|
||
border-right-width: 1px;
|
||
border-top-width: 1px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .labelled-edit--lucky-roll {
|
||
border-top-width: 1px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .labelled-edit--luck {
|
||
border-left-width: 1px;
|
||
border-top-width: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .labelled-edit__label {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .luck-score {
|
||
padding: 3px var(--gap-size-small);
|
||
top: 0;
|
||
transform: translate(-50%, calc(-100% - 5px));
|
||
max-width: 120px;
|
||
width: max-content;
|
||
font-size: var(--font-size-small);
|
||
left: 50%;
|
||
position: absolute;
|
||
background: var(--overwritten-color);
|
||
color: var(--background-color);
|
||
user-select: none;
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .luck:hover:not(:has(.labelled-edit--luck-max:hover)) .luck-score, body .ui-dialog .tab-content .charsheet .section.section--misc .luck:not(:hover) .luck-score {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--melee-attack {
|
||
grid-area: melee-attack;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--melee-damage {
|
||
grid-area: melee-damage;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--missile-attack {
|
||
grid-area: missile-attack;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--missile-damage {
|
||
grid-area: missile-damage;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--portrait {
|
||
grid-area: portrait;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--languages {
|
||
grid-area: languages;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--languages .labelled-edit__container .labelled-edit__display,
|
||
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--languages .labelled-edit__container .labelled-edit__value {
|
||
text-align: left !important;
|
||
justify-content: left !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section {
|
||
grid-template-columns: 1fr repeat(5, minmax(min-content, max-content));
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section .repitem {
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section .repitem, body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section .repcontainer {
|
||
grid-column: span 6;
|
||
grid-template-columns: subgrid;
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section__cell {
|
||
display: flex;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section__cell > * {
|
||
width: 1px;
|
||
flex-grow: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section .layout--flex {
|
||
gap: var(--gap-size-small);
|
||
flex-wrap: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .collapsed .repcontainer {
|
||
gap: 10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon span[name=attr_fumble_die], body .ui-dialog .tab-content .charsheet .section-container--weapon input[name=attr_fumble_die] {
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .repitem:has(.on-off-hidden__state:not([value="1"])),
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .repitem:has(.on-off-hidden__state:not([value])) {
|
||
opacity: 0.35;
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .repitem:has(.on-off-hidden__state:not([value="1"])) .labelled-edit:not(.labelled-edit--name),
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .repitem:has(.on-off-hidden__state:not([value])) .labelled-edit:not(.labelled-edit--name) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .labelled-edit--name span {
|
||
font-size: var(--font-size-normal);
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type .labelled-edit__display,
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type .labelled-edit__value,
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--two-handed .labelled-edit__display,
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--two-handed .labelled-edit__value {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type:has(.labelled-edit__display--raw[value=melee]) ~ .labelled-edit--range,
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type:has(.labelled-edit__display--raw[value=""]) ~ .labelled-edit--range,
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type:has(.labelled-edit__display--raw:not([value])) ~ .labelled-edit--range {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type:has(.labelled-edit__display--raw:not([value=missile])) ~ .labelled-edit--ammunition {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--ammunition .labelled-edit__container {
|
||
max-width: 30px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--notes {
|
||
margin-top: var(--gap-size-xsmall);
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--notes .labelled-edit__container {
|
||
border: 1px solid var(--primary-color);
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .view .labelled-edit--notes .labelled-edit__container {
|
||
border: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .view .labelled-edit--notes .labelled-edit__container * {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--weapon .view .labelled-edit--notes:has(.labelled-edit__display--raw:not([value])) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure {
|
||
min-height: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .section-container {
|
||
min-height: 100%;
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .section-container:hover {
|
||
background: var(--tertiary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .labelled-edit {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .labelled-edit__value {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .labelled-edit__container {
|
||
height: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .headed-section__content {
|
||
padding: 0;
|
||
min-height: 60px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .headed-section__content textarea {
|
||
display: block;
|
||
padding: var(--gap-size-small);
|
||
background: var(--background-color);
|
||
font-size: var(--font-size-small);
|
||
width: 100%;
|
||
height: 100%;
|
||
resize: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .headed-section__content textarea:hover {
|
||
background: var(--tertiary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--treasure .headed-section__content textarea:focus {
|
||
background: var(--secondary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section {
|
||
grid-template-columns: 1fr minmax(min-content, max-content);
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section .repitem {
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section .repitem, body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section .repcontainer {
|
||
grid-column: span 2;
|
||
grid-template-columns: subgrid;
|
||
position: relative;
|
||
align-items: baseline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section__cell {
|
||
display: flex;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section__cell > * {
|
||
width: 1px;
|
||
flex-grow: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section .layout--flex {
|
||
gap: var(--gap-size-small);
|
||
flex-wrap: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .collapsed .repcontainer {
|
||
gap: 20px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment span[data-i18n=cost], body .ui-dialog .tab-content .charsheet .section-container--equipment span[name=attr_cost], body .ui-dialog .tab-content .charsheet .section-container--equipment input[name=attr_cost] {
|
||
text-align: right !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment select[name=attr_type] {
|
||
grid-column: span 2;
|
||
margin-top: var(--gap-size-xsmall);
|
||
text-align: center;
|
||
font-size: var(--font-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment input[name=attr_modifiers] {
|
||
grid-column: span 2;
|
||
margin-top: var(--gap-size-xsmall);
|
||
font-size: var(--font-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .on-off {
|
||
margin-top: 2px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--equipment .on-off:not(.on-off:has(input:checked)) ~ * {
|
||
opacity: 0.35;
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section {
|
||
grid-template-columns: 1fr repeat(5, minmax(min-content, max-content));
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section .repitem {
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section .repitem, body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section .repcontainer {
|
||
grid-column: span 6;
|
||
grid-template-columns: subgrid;
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section__cell {
|
||
display: flex;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section__cell > * {
|
||
width: 1px;
|
||
flex-grow: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section .layout--flex {
|
||
gap: var(--gap-size-small);
|
||
flex-wrap: nowrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .collapsed .repcontainer {
|
||
gap: 10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor span[name=attr_fumble_die], body .ui-dialog .tab-content .charsheet .section-container--armor input[name=attr_fumble_die] {
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .repitem:has(.on-off-hidden__state:not([value="1"])),
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .repitem:has(.on-off-hidden__state:not([value])) {
|
||
opacity: 0.35;
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .repitem:has(.on-off-hidden__state:not([value="1"])) .labelled-edit:not(.labelled-edit--name),
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .repitem:has(.on-off-hidden__state:not([value])) .labelled-edit:not(.labelled-edit--name) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .labelled-edit--name span {
|
||
font-size: var(--font-size-normal);
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .labelled-edit--fumble-die .labelled-edit__display,
|
||
body .ui-dialog .tab-content .charsheet .section-container--armor .labelled-edit--shield .labelled-edit__display {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display {
|
||
grid-template-columns: 1fr min-content;
|
||
gap: var(--gap-size-normal);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .layout--flex {
|
||
gap: var(--gap-size-normal);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .labelled--abilities {
|
||
width: 100%;
|
||
flex-basis: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .table.table--lay-on-hands {
|
||
grid-column: span 2;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .table--lay-on-hands {
|
||
grid-template-columns: 1fr repeat(4, minmax(min-content, max-content));
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .table--lay-on-hands .table__cell {
|
||
padding: var(--gap-size-xsmall) var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .fill-up-to--disapproval-range {
|
||
grid-template-columns: repeat(5, var(--fill-up-to-size));
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .labelled--disapproval-range {
|
||
align-self: baseline;
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .labelled--disapproval-range .labelled__label {
|
||
align-self: baseline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .labelled.labelled--abilities {
|
||
grid-column: span 2;
|
||
align-items: baseline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .lay-on-hands-players {
|
||
min-width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .lay-on-hands-players input {
|
||
flex-grow: 1;
|
||
text-align: right !important;
|
||
width: 10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .lay-on-hands-players input:not(:focus) {
|
||
background-color: transparent !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display .lay-on-hands-players:has(.between-parentheses:hover) input {
|
||
color: var(--roll-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display input[name=attr_deity] {
|
||
width: 100px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--cleric-display input[name=attr_deity]::-webkit-calendar-picker-indicator {
|
||
opacity: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--dwarf-display {
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--elf-display {
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--hafling-display {
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: var(--gap-size-small);
|
||
align-items: baseline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--hafling-display .layout--grid {
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--hafling-display .layout--grid:first-child {
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--hafling-display ul {
|
||
margin-bottom: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--hafling-display ul li span {
|
||
display: inline-block;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--hafling-display ul li span::first-letter {
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--thief-display {
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: var(--gap-size-small);
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--thief-display .labelled-edit--luck-die .labelled-edit__display:not(.labelled-edit__display--placeholder),
|
||
body .ui-dialog .tab-content .charsheet .layout--thief-display .labelled-edit--cast-spell-from-scroll .labelled-edit__display:not(.labelled-edit__display--placeholder) {
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--warrior-display {
|
||
gap: var(--gap-size-small);
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--warrior-display .labelled-edit--critical-threat-range .labelled-edit__display:before {
|
||
content: "" !important;
|
||
display: block;
|
||
width: 100%;
|
||
position: absolute;
|
||
height: 1px;
|
||
background: var(--primary-color);
|
||
bottom: 0;
|
||
left: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--warrior-display .labelled-edit--critical-threat-range .labelled-edit__display:after {
|
||
content: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--warrior-display .labelled-edit--critical-threat-range .labelled-edit__display:not(:empty):after {
|
||
content: "-20";
|
||
display: inline;
|
||
width: auto;
|
||
position: relative;
|
||
height: auto;
|
||
background: none;
|
||
bottom: auto;
|
||
left: auto;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .layout--wizard-display {
|
||
gap: var(--gap-size-small);
|
||
align-items: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .sheet-ability {
|
||
font-weight: bold;
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-stats {
|
||
padding: 0 !important;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: inherit;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-stats > input {
|
||
flex: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-row-header {
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-row-header:has(.spell-table-control:checked) span {
|
||
visibility: hidden;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .inline-table-holder {
|
||
display: grid;
|
||
grid-template-columns: auto 1fr;
|
||
gap: inherit;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-table-control {
|
||
grid-column: 1/-1;
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-table-control:before {
|
||
place-self: center end !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-table-control:not(:checked):before {
|
||
content: "expand_more" !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-table-control:checked:before {
|
||
content: "expand_less" !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-row-header,
|
||
body .ui-dialog .tab-content .charsheet .spell-table-row {
|
||
display: grid;
|
||
grid-template-columns: 50px 1fr;
|
||
padding-block: 0 !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-table-row {
|
||
align-items: start;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-table-row .roll-value {
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .spell-table-row .adaptive {
|
||
flex: 1;
|
||
min-height: 32.85px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class .show-if-class:not(.show-if-class--cleric) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section .repitem {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section__header span[name=attr_description], body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section__header textarea[name=attr_description],
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section .repitem span[name=attr_description],
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section .repitem textarea[name=attr_description] {
|
||
grid-column: span 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class .spell-details button[name=act_roll-pc-check] {
|
||
margin-top: -10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class .spell-details button[name=act_roll-pc-check]:before {
|
||
content: "Spell Check: ";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .repcontrol-button--add {
|
||
z-index: 100;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem:has(input[value=master]:checked):not(:first-child) {
|
||
border-top: 1px solid black;
|
||
padding-top: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem:has(input[value=table]:checked) .complex-collapse {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem:has(input[value=table]:checked) .itemcontrol * {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem:has(input[value=table]:checked):has(.collapse:checked) {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem .collapse:has(~ input[value=table]:checked) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .repcontainer.editmode > .repitem:has(input[value=table]:checked) {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section {
|
||
grid-template-columns: 1fr repeat(2, minmax(min-content, max-content)) 1fr;
|
||
gap: var(--gap-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section .repitem {
|
||
align-items: baseline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section__header,
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section .repitem,
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section .repcontainer,
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section .spell-details {
|
||
grid-column: 1/-1;
|
||
grid-template-columns: subgrid;
|
||
position: relative;
|
||
gap: inherit;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section__cell {
|
||
display: flex;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section__cell > * {
|
||
width: 1px;
|
||
flex-grow: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section span[name=attr_description], body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section textarea[name=attr_description] {
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section textarea[name=attr_description] {
|
||
margin-top: 10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section span[name=attr_description] {
|
||
border-left: 3px solid var(--secondary-color);
|
||
padding-left: var(--gap-size-small);
|
||
font-size: var(--font-size-small);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section span[name=attr_description]:empty {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells .collapsed .repcontainer {
|
||
gap: 30px 10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .section-container--spells button[name=act_roll-pc-total-check] {
|
||
align-self: baseline;
|
||
line-height: normal;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes {
|
||
min-height: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .section-container {
|
||
min-height: 100%;
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .section-container:hover {
|
||
background: var(--tertiary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .labelled-edit {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .labelled-edit__value {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .labelled-edit__container {
|
||
height: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .headed-section__content {
|
||
padding: 0;
|
||
min-height: 60px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .headed-section__content textarea {
|
||
display: block;
|
||
padding: var(--gap-size-small);
|
||
background: var(--background-color);
|
||
font-size: var(--font-size-small);
|
||
width: 100%;
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
resize: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .headed-section__content textarea:hover {
|
||
background: var(--tertiary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .headed-section--notes .headed-section__content textarea:focus {
|
||
background: var(--secondary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=dwarf] ~ .filtered-by-class .headed-section--notes,
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=halfling] ~ .filtered-by-class .headed-section--notes,
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=thief] ~ .filtered-by-class .headed-section--notes,
|
||
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=warrior] ~ .filtered-by-class .headed-section--notes {
|
||
border-top: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal {
|
||
position: fixed;
|
||
z-index: 9999;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
display: grid;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__container {
|
||
position: relative;
|
||
background: var(--background-color);
|
||
z-index: 2;
|
||
color: var(--primary-color);
|
||
max-width: 300px;
|
||
padding: 20px;
|
||
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__blocker {
|
||
position: absolute;
|
||
z-index: 1;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
background: black;
|
||
opacity: 0.85;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__title {
|
||
font-size: 28px;
|
||
font-weight: bold;
|
||
color: var(--primary-color);
|
||
display: block;
|
||
text-align: center;
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__subtitle {
|
||
font-size: 26px;
|
||
color: var(--primary-color);
|
||
display: block;
|
||
text-align: center;
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__subtitle:empty {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-header {
|
||
margin-bottom: var(--gap-size-normal);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-stats {
|
||
gap: var(--gap-size-normal);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-disable {
|
||
grid-template-columns: min-content 1fr;
|
||
gap: var(--gap-size-small);
|
||
margin-top: var(--gap-size-normal);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-disable span {
|
||
font-size: 12px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-disable .dcc-check {
|
||
margin-top: 2px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal .labelled-edit--rollmodal-type .labelled-edit__display {
|
||
text-transform: capitalize;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal .labelled-edit__container {
|
||
flex-grow: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal .modal-button {
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .modal-button {
|
||
color: var(--background-color);
|
||
background-color: var(--primary-color);
|
||
text-transform: uppercase;
|
||
font-weight: bold;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .modal-button--thin {
|
||
padding: var(--tiny-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .modal-button--thick {
|
||
padding: var(--gap-size-normal);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .modal-button--content {
|
||
width: content;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal-is-active:not([value="1"]) + .rollmodal {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__has-action-die:not([value="1"]) ~ .labelled-edit--rollmodal-action-die {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__has-action-die:not([value="1"]) ~ .labelled-edit--rollmodal-base-formula .labelled-edit__display:before {
|
||
content: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d3] ~ .labelled-edit--rollmodal-action-die option[value="1d3"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D3] ~ .labelled-edit--rollmodal-action-die option[value="1d3"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d4] ~ .labelled-edit--rollmodal-action-die option[value="1d4"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D4] ~ .labelled-edit--rollmodal-action-die option[value="1d4"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d5] ~ .labelled-edit--rollmodal-action-die option[value="1d5"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D5] ~ .labelled-edit--rollmodal-action-die option[value="1d5"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d6] ~ .labelled-edit--rollmodal-action-die option[value="1d6"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D6] ~ .labelled-edit--rollmodal-action-die option[value="1d6"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d7] ~ .labelled-edit--rollmodal-action-die option[value="1d7"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D7] ~ .labelled-edit--rollmodal-action-die option[value="1d7"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d8] ~ .labelled-edit--rollmodal-action-die option[value="1d8"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D8] ~ .labelled-edit--rollmodal-action-die option[value="1d8"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d10] ~ .labelled-edit--rollmodal-action-die option[value="1d10"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D10] ~ .labelled-edit--rollmodal-action-die option[value="1d10"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d12] ~ .labelled-edit--rollmodal-action-die option[value="1d12"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D12] ~ .labelled-edit--rollmodal-action-die option[value="1d12"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d14] ~ .labelled-edit--rollmodal-action-die option[value="1d14"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D14] ~ .labelled-edit--rollmodal-action-die option[value="1d14"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d16] ~ .labelled-edit--rollmodal-action-die option[value="1d16"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D16] ~ .labelled-edit--rollmodal-action-die option[value="1d16"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d20] ~ .labelled-edit--rollmodal-action-die option[value="1d20"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D20] ~ .labelled-edit--rollmodal-action-die option[value="1d20"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d24] ~ .labelled-edit--rollmodal-action-die option[value="1d24"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D24] ~ .labelled-edit--rollmodal-action-die option[value="1d24"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d30] ~ .labelled-edit--rollmodal-action-die option[value="1d30"],
|
||
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D30] ~ .labelled-edit--rollmodal-action-die option[value="1d30"] {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc {
|
||
position: relative;
|
||
padding: 90px 80px 80px 80px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .layout--double {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 20px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .layout--double .layout--double {
|
||
gap: 10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .layout--block {
|
||
gap: var(--gap-size-normal);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
z-index: -1;
|
||
top: 0;
|
||
left: 0;
|
||
background: white;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__title {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 30px;
|
||
top: 28px;
|
||
left: 0;
|
||
z-index: 3;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__title .layout--flex {
|
||
gap: var(--gap-size-small);
|
||
flex-wrap: nowrap;
|
||
height: 100%;
|
||
justify-content: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__title img {
|
||
height: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__subtitle {
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 52px;
|
||
bottom: 0px;
|
||
left: 0;
|
||
z-index: 3;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__subtitle .layout--flex {
|
||
gap: var(--gap-size-small);
|
||
flex-wrap: nowrap;
|
||
height: 100%;
|
||
justify-content: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__subtitle .layout--flex .right {
|
||
transform: scaleX(-1);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__subtitle .layout--flex .class {
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
padding: 12px 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__subtitle img {
|
||
height: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images {
|
||
top: -18px;
|
||
left: -20px;
|
||
position: absolute;
|
||
z-index: 3;
|
||
width: calc(100% + 40px);
|
||
height: calc(100% + 33px);
|
||
pointer-events: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image {
|
||
position: absolute;
|
||
zoom: 0.5;
|
||
user-select: none;
|
||
image-rendering: -moz-crisp-edges; /* Firefox */
|
||
image-rendering: -o-crisp-edges; /* Opera */
|
||
image-rendering: -webkit-optimize-contrast; /* Safari */
|
||
image-rendering: optimize-contrast; /* CSS3 Proposed */
|
||
-ms-interpolation-mode: nearest-neighbor;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image.show-if-class--thief {
|
||
zoom: 0.25;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image.show-if-class--dwarf, body .ui-dialog .tab-content .charsheet .pc .border__images .border__image.show-if-class--warrior {
|
||
zoom: 0.65;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image.show-if-level--zero {
|
||
zoom: 0.2;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--tl {
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 4;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--tl.show-if-class--warrior {
|
||
left: 20px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--tr {
|
||
top: 0;
|
||
right: 0;
|
||
z-index: 3;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--tr.show-if-level--zero {
|
||
right: 145px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--br {
|
||
bottom: 0;
|
||
right: 0;
|
||
z-index: 2;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--br.show-if-class--wizard {
|
||
right: 14px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--bl {
|
||
bottom: 0;
|
||
left: 0;
|
||
z-index: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__outline {
|
||
top: 0;
|
||
left: 0;
|
||
position: absolute;
|
||
border-style: solid;
|
||
border-width: 160px 120px 120px 120px;
|
||
border-image: url(https://raw.githubusercontent.com/mperes/dcc-images/main/border-outline.png) 160 120 120 120 fill;
|
||
clip-path: polygon(calc(50% - 17.5px) 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%, calc(50% + 17.5px) 0%, calc(50% + 17.5px) calc(0% + 80px), calc(0% - 60px) calc(0% + 80px), calc(0% - 60px) calc(100% - 60px), calc(0% + 60px) calc(100% - 60px), calc(0% + 60px) calc(0% + 80px), calc(50% - 17.5px) calc(0% + 80px));
|
||
z-index: 2;
|
||
width: 100%;
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__decoration {
|
||
top: -1px;
|
||
left: calc(50% - 18px);
|
||
position: absolute;
|
||
width: 36px;
|
||
height: 86px;
|
||
background-image: url(https://raw.githubusercontent.com/mperes/dcc-images/main/border-decoration.png);
|
||
background-size: cover;
|
||
z-index: 3;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .border__texture {
|
||
top: 0;
|
||
left: 0;
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-image: url(https://raw.githubusercontent.com/mperes/dcc-images/main/texture-small-super-bright.png);
|
||
z-index: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .layout--main {
|
||
overflow: hidden;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .layout--double.layout--defense-combat {
|
||
grid-template-columns: minmax(min-content, max-content) 1fr;
|
||
gap: var(--gap-size-large);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .pc .layout--stats {
|
||
grid-template-areas: "strength . melee-attack melee-damage" "agility ref-save missile-attack missile-damage" "stamina fort-save portrait portrait" "personality will-save portrait portrait" "luck lucky-roll portrait portrait" "intelligence languages languages languages";
|
||
grid-template-columns: minmax(min-content, max-content) min-content 1fr 1fr;
|
||
grid-template-rows: repeat(6, 50px);
|
||
gap: 10px;
|
||
display: grid;
|
||
}
|
||
@media (max-width: 864px) {
|
||
body .ui-dialog .tab-content .charsheet .border__subtitle .optional {
|
||
display: none;
|
||
}
|
||
}
|
||
@media (max-width: 1125px) {
|
||
body .ui-dialog .tab-content .charsheet .border__title .optional {
|
||
display: none;
|
||
}
|
||
}
|
||
@media (max-width: 1036px) {
|
||
body .ui-dialog .tab-content .charsheet .pc .layout--main {
|
||
grid-template-columns: 1fr;
|
||
}
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .hide-if-empty:has(.empty-check:empty), body .ui-dialog .tab-content .charsheet .hide-if-empty:has(.repcontainer:empty) {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc {
|
||
container-type: inline-size;
|
||
container-name: npc;
|
||
color: var(--primary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc ::placeholder {
|
||
font-style: italic;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__title {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc__hd .npc__title, body .ui-dialog .tab-content .charsheet .npc__ac .npc__title {
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc__name {
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc__name span {
|
||
font-size: 1.5rem;
|
||
font-weight: bold;
|
||
color: var(--primary-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc__title, body .ui-dialog .tab-content .charsheet .npc__subtitle {
|
||
text-transform: capitalize;
|
||
font-size: 1rem;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc__title:after, body .ui-dialog .tab-content .charsheet .npc__subtitle:after {
|
||
content: " ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc__title--uppercased, body .ui-dialog .tab-content .charsheet .npc__subtitle--uppercased {
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc__attribute {
|
||
font-size: 1rem;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc__description {
|
||
margin-top: 1rem;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__sv button .npc__title {
|
||
font-weight: normal;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .repcontrol, body .ui-dialog .tab-content .charsheet .npc .npc__view .repcontrol-button {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .atkholder {
|
||
display: inline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .atkholder button:first-of-type span:last-child:after {
|
||
content: " ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields {
|
||
display: inline;
|
||
font-size: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__field {
|
||
display: inline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__title, body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__subtitle {
|
||
display: inline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repcontainer {
|
||
display: inline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem {
|
||
display: inline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span {
|
||
display: inline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span:not(:last-child):after {
|
||
font-size: 1rem;
|
||
content: " ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span:not(:last-child).npc__attribute--parentheses:after {
|
||
font-size: 1rem;
|
||
content: ")";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span:not(:last-child).npc__attribute--hp:after {
|
||
font-size: 1rem;
|
||
content: "hp)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span:not(:last-child).npc__attribute--measured:after {
|
||
font-size: 1rem;
|
||
content: "’";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem:last-child .npc__attribute--separator {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields > .npc__field:not(:last-child):after,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields > .npc__fields:not(:last-child):after {
|
||
font-size: 1rem;
|
||
content: "; ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__fields .npc__field:not(:last-child):after,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__fields .npc__fields:not(:last-child):after {
|
||
font-size: 1rem;
|
||
content: ", ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable {
|
||
cursor: pointer;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable:has(span:not(.npc__attribute--separator):hover) span:not(.npc__attribute--separator), body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable:has(span:not(.npc__attribute--separator):hover) h5, body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable:has(h5:not(.npc__attribute--separator):hover) span:not(.npc__attribute--separator), body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable:has(h5:not(.npc__attribute--separator):hover) h5 {
|
||
color: var(--roll-color);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--uppercased {
|
||
text-transform: uppercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--lowercased {
|
||
text-transform: lowercase;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--pre-wrap {
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--default-0:empty:after {
|
||
font-size: 1rem;
|
||
content: "0";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--parentheses:not(:empty):before {
|
||
font-size: 1rem;
|
||
content: "(";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--parentheses:not(:empty):after {
|
||
font-size: 1rem;
|
||
content: ")";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--hp:not(:empty):before {
|
||
font-size: 1rem;
|
||
content: "(";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--hp:not(:empty):after {
|
||
font-size: 1rem;
|
||
content: "hp)";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--separator:not(:empty) {
|
||
cursor: default;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--separator:not(:empty):before {
|
||
font-size: 1rem;
|
||
content: " ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--separator:not(:empty):after {
|
||
font-size: 1rem;
|
||
content: " ";
|
||
white-space: pre-wrap;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--measured:not(:empty):after {
|
||
font-size: 1rem;
|
||
content: "’";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--default-10:empty:after {
|
||
font-size: 1rem;
|
||
content: "10";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--default-1d4:empty:after {
|
||
font-size: 1rem;
|
||
content: "1d4";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--default-1d20:empty:after {
|
||
font-size: 1rem;
|
||
content: "1d20";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--roll-bonus-value:not([value*="-"]) + .npc__attribute--roll-bonus:not(:empty):before {
|
||
font-size: 1rem;
|
||
content: "+";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit input, body .ui-dialog .tab-content .charsheet .npc .npc__edit select, body .ui-dialog .tab-content .charsheet .npc .npc__edit textarea {
|
||
margin: 0;
|
||
padding: 0;
|
||
border: 0;
|
||
text-align: left;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .repcontrol {
|
||
position: absolute;
|
||
top: -4px;
|
||
right: 25px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .repcontrol button {
|
||
background: var(--primary-color);
|
||
font-size: 0.75rem;
|
||
line-height: 0.75rem;
|
||
color: var(--background-color);
|
||
height: 15px;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 4px 8px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit > .npc__fields {
|
||
display: grid;
|
||
align-items: center;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 20px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field {
|
||
display: flex;
|
||
align-items: center;
|
||
border-bottom: 1px solid black;
|
||
justify-content: space-between;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field:focus-within {
|
||
position: relative;
|
||
border-bottom: 1px solid white;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field:focus-within h5 {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field:focus-within:after {
|
||
content: "";
|
||
display: block;
|
||
position: absolute;
|
||
box-sizing: border-box;
|
||
width: calc(100% + 16px);
|
||
height: calc(100% + 10px);
|
||
top: -5px;
|
||
left: -8px;
|
||
z-index: -1;
|
||
border: 2px solid black;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field h5 {
|
||
flex-shrink: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field input, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field select {
|
||
flex-grow: 1;
|
||
text-align: right;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating {
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header {
|
||
font-size: 0.5rem;
|
||
text-transform: uppercase;
|
||
border-bottom: 1px solid black;
|
||
margin: 10px 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repcontainer {
|
||
gap: 10px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem {
|
||
display: grid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header span, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header input,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem span,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem input {
|
||
text-align: left;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header span:last-child, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header input:last-child,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem span:last-child,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem input:last-child {
|
||
text-align: right;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem:focus-within {
|
||
position: relative;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem:focus-within:after {
|
||
content: "";
|
||
display: block;
|
||
position: absolute;
|
||
box-sizing: border-box;
|
||
width: calc(100% + 16px);
|
||
height: calc(100% + 10px);
|
||
top: -5px;
|
||
left: -8px;
|
||
z-index: -1;
|
||
border: 2px solid black;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repcontrol-button--add {
|
||
position: absolute;
|
||
top: -4px;
|
||
right: 0;
|
||
background: var(--primary-color);
|
||
color: var(--background-color);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
line-height: 12px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__atk, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__mv {
|
||
align-self: baseline;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__atk .npc__fields-header,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__atk .repitem {
|
||
grid-template-columns: repeat(4, 1fr);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__mv .npc__fields-header,
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__mv .repitem {
|
||
grid-template-columns: repeat(2, 1fr);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__description {
|
||
flex-direction: column;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__description h5 {
|
||
margin-bottom: 5px;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__description h5, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__description textarea {
|
||
flex-grow: 1;
|
||
flex-shrink: 0;
|
||
width: 100%;
|
||
text-align: left;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .npc .layout--npc-extras {
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: var(--gap-size-large);
|
||
}
|
||
@container npc (max-width: 500px) {
|
||
body .ui-dialog .tab-content .charsheet .npc__atk, body .ui-dialog .tab-content .charsheet .npc__mv {
|
||
grid-column: 1/3;
|
||
}
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .grid-span-all {
|
||
grid-column: 1/-1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .flex-span-all {
|
||
width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .flex-fill {
|
||
flex: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .complex-collapse {
|
||
opacity: var(--collapseBaseOpacity);
|
||
position: absolute;
|
||
border: 0px solid black;
|
||
border-radius: 0;
|
||
color: var(--collapseExpandedColor);
|
||
text-transform: none;
|
||
background-color: transparent;
|
||
z-index: 10;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .complex-collapse:before {
|
||
content: "y";
|
||
font-family: "Material Icons";
|
||
font-weight: var(--checkWeight) !important;
|
||
font-size: inherit !important;
|
||
line-height: inherit !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .complex-collapse:checked {
|
||
color: var(--collapseCollapsedColor);
|
||
background-color: transparent;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .repitem:is(:hover, :focus-within) .complex-collapse {
|
||
opacity: 1;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .editmode .complex-collapse {
|
||
display: none;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .itemcontrol {
|
||
z-index: 10;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet [hidden] {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .justify-self-center {
|
||
justify-self: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .justify-end {
|
||
justify-content: end;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .size1 {
|
||
font-size: var(--size1);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .size2 {
|
||
font-size: var(--size2);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .size3 {
|
||
font-size: var(--size3);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .size4 {
|
||
font-size: var(--size4);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .size5 {
|
||
font-size: var(--size5);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .size6 {
|
||
font-size: var(--size6);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .size7 {
|
||
font-size: var(--size7);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .compendium-button {
|
||
font-size: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .compendium-button:before {
|
||
content: "";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet h1, body .ui-dialog .tab-content .charsheet h2, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet h3, body .ui-dialog .tab-content .charsheet h4, body .ui-dialog .tab-content .charsheet h5, body .ui-dialog .tab-content .charsheet h6,
|
||
body .ui-dialog .tab-content .charsheet [aria-level="1"], body .ui-dialog .tab-content .charsheet [aria-level="2"], body .ui-dialog .tab-content .charsheet [aria-level="3"], body .ui-dialog .tab-content .charsheet [aria-level="4"], body .ui-dialog .tab-content .charsheet [aria-level="5"], body .ui-dialog .tab-content .charsheet [aria-level="6"] {
|
||
color: inherit;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .number {
|
||
width: 3rem !important;
|
||
text-align: center;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .disabled {
|
||
display: none !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet input[type=checkbox].true-checkbox {
|
||
background-color: var(--tertiary-color) !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .column-subgrid {
|
||
display: grid;
|
||
grid-template-columns: subgrid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .column-section {
|
||
grid-row: span 2;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .full-width-number.full-width-number {
|
||
box-sizing: border-box;
|
||
min-width: 100%;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .icon-roller:before {
|
||
content: "t" !important;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .colon:after {
|
||
content: ": ";
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .bold {
|
||
font-weight: bold;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .collapse.collapse {
|
||
right: var(--tiny-gap);
|
||
}
|
||
body .ui-dialog .tab-content .charsheet textarea {
|
||
border-radius: 0;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .avoid-break-inside {
|
||
break-inside: avoid;
|
||
}
|
||
body .ui-dialog .tab-content .charsheet .paragraph {
|
||
white-space: pre-wrap;
|
||
}
|
||
body.sheet-darkmode {
|
||
--backColor:var(--dm-backColor);
|
||
--selectedColor:var(--dm-selectedColor);
|
||
--unselectedColor1:var(--dm-unselectedColor1);
|
||
--unselectedColor2:var(--dm-unselectedColor2);
|
||
--checkColor:var(--dm-checkColor);
|
||
--checkedBackColor:var(--dm-checkedBackColor);
|
||
--borderColor:var(--dm-borderColor);
|
||
--fontColor:var(--dm-fontColor);
|
||
--disabledColor:var(--dm-disabledColor);
|
||
--fontColor:var(--dm-fontColor);
|
||
--borderColor: var(--dm-borderColor);
|
||
--headColor: var(--dm-headColor);
|
||
--backedFontColor: var(--dm-backedFontColor);
|
||
--primary-color: white;
|
||
--secondary-color: #444;
|
||
--tertiary-color: #222;
|
||
--roll-color: red;
|
||
--background-color: #1f1f1f;
|
||
--error-red: var(--dm-error-red);
|
||
color: var(--fontColor);
|
||
}
|
||
body.sheet-darkmode .border__outline, body.sheet-darkmode .border__decoration {
|
||
filter: invert(88%);
|
||
}
|
||
body.sheet-darkmode .border__texture {
|
||
filter: invert(1);
|
||
} |