mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
7077 lines
289 KiB
CSS
7077 lines
289 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&display=swap");
|
|
@import url("https://fonts.googleapis.com/css2?family=Prata&family=Smythe&family=Syne+Mono&display=swap");
|
|
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");
|
|
@keyframes play {
|
|
0% {
|
|
mask-position: 0 0;
|
|
}
|
|
100% {
|
|
mask-position: 0 100%;
|
|
}
|
|
}
|
|
html {
|
|
font-size: 16px;
|
|
}
|
|
|
|
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);
|
|
--font-main: "Prata", serif;
|
|
--font1: "Prata", serif;
|
|
--font2: "Smythe", serif;
|
|
--font3: "Smythe", serif;
|
|
--fontSystem: "Syne Mono", monospace;
|
|
--font-icon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
|
|
--col-neutral: #f1ede5;
|
|
--col-gold-dark: #7f6b00;
|
|
--col-gold: #c39e00;
|
|
--col-gold-light: #f0e8ba;
|
|
--col-green-dark: #101f16;
|
|
--col-green: #2a4d3c;
|
|
--col-green-light: #d1e5b5;
|
|
--_colorMix: rgb(201, 194, 194);
|
|
--img-border-green: url(https://s3.amazonaws.com/files.d20.io/images/439959381/RSZd41flQfklAhybTasWew/med.png?1746560180);
|
|
--img-border-green-light: url(https://s3.amazonaws.com/files.d20.io/images/440254513/1otqE1yz3VDqzl8M7eFe6w/original.png?1746774339);
|
|
--img-border-scroll: url(https://s3.amazonaws.com/files.d20.io/images/441107547/Ki_dUXzY_0gSPGevOWjq2A/original.png?1747360515);
|
|
--img-border-empty: url(https://s3.amazonaws.com/files.d20.io/images/441222035/aSCo5zOEJVaxTunJldDxmw/med.png?1747440067);
|
|
--img-logo: url(https://s3.amazonaws.com/files.d20.io/images/439972227/bORX11WQus32E9rAVlbEqg/med.png?1746567667);
|
|
--img-logo: url(https://s3.amazonaws.com/files.d20.io/images/443045832/kchsi8xYnvPxRUWzLokFrQ/med.png?1748647013);
|
|
--img-pog_tentacle: url(https://s3.amazonaws.com/files.d20.io/images/440002303/ZLoKw5hWNy7xw6tVFKsZkw/med.png?1746584035);
|
|
--img-big_tentacle: url(https://s3.amazonaws.com/files.d20.io/images/442119807/YpIxhF5prAc3YVJ-jUKe3A/med.png?1748042089);
|
|
--img-texture: url(https://s3.amazonaws.com/files.d20.io/images/440006955/Dm71QzSaGTDZnrjN6b6Z0g/original.png?1746587565);
|
|
--img-ability_star: url(https://s3.amazonaws.com/files.d20.io/images/440613203/2Xp46SOGR8dvF_qs3nulPg/original.png?1746989324);
|
|
--img-square: url(https://s3.amazonaws.com/files.d20.io/images/440869348/goUEf0zcfbLCmdqmrdFSyw/med.png?1747181097);
|
|
--img-circle: url(https://s3.amazonaws.com/files.d20.io/images/441219840/y5qnYmU-UX-sWQFN4_KLQg/med.png?1747439294);
|
|
--img-threshold: url(https://s3.amazonaws.com/files.d20.io/images/441943059/RSMiKJFGMZBUauNW8LVBSw/med.png?1747926945);
|
|
--img-blackleather: url(https://s3.amazonaws.com/files.d20.io/images/441108548/0p1U9axVf08EEZPQz8FD4g/original.jpg?1747361132);
|
|
--ico-magnifier-closed: url(https://s3.amazonaws.com/files.d20.io/images/441255868/CYpwe9ZCybjrfpjMlDTLxA/med.png?1747459063);
|
|
--ico-magnifier-open: url(https://s3.amazonaws.com/files.d20.io/images/441255867/gEIstzLGVnJCbNKJbxYPeQ/med.png?1747459062);
|
|
--img-linefall: url(https://s3.amazonaws.com/files.d20.io/images/441870018/adDTs6FfP1NkXHptqd5LEw/original.png?1747861275);
|
|
--img-plus: url(https://s3.amazonaws.com/files.d20.io/images/442124389/0rcBSIlXQKCp9aYfcF6Jhg/med.png?1748044418);
|
|
--border_header: url(https://s3.amazonaws.com/files.d20.io/images/441630619/7pEN7LU9M-EAUN25ntSFBw/med.png?1747683222);
|
|
--vfx-longfill: url(https://s3.amazonaws.com/files.d20.io/images/440219143/18z4xpvFLMIMLIPFEuvW-g/original.png?1746746997);
|
|
--vfx-centerfill: url(https://s3.amazonaws.com/files.d20.io/images/441101785/6UKaIKAt3o0aUB39KyixLQ/original.jpg?1747356871);
|
|
--checkedBackColor: var(--col-gold-light);
|
|
--checkboxWidth: 10px;
|
|
--checkboxHeight: 10px;
|
|
--checkColor: var(var(--col-green-light));
|
|
--_mask-width: 4px;
|
|
--empty_mask:
|
|
polygon(
|
|
var(--_mask-width) calc(3 * var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(3 * var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) var(--_mask-width),
|
|
calc(100% - (3 * var(--_mask-width))) var(--_mask-width),
|
|
calc(100% - (3 * var(--_mask-width))) calc(3 * var(--_mask-width)),
|
|
calc(100% - var(--_mask-width)) calc(3 * var(--_mask-width)),
|
|
calc(100% - var(--_mask-width)) calc(100% - (3 * var(--_mask-width))),
|
|
calc(100% - (3 * var(--_mask-width))) calc(100% - (3 * var(--_mask-width))),
|
|
calc(100% - (3 * var(--_mask-width))) calc(100% - var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(100% - var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(100% - (3 * var(--_mask-width))),
|
|
var(--_mask-width) calc(100% - (3 * var(--_mask-width)))
|
|
);
|
|
color: var(--fontColor);
|
|
font-size: 1rem;
|
|
}
|
|
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;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .btn_exit {
|
|
display: grid;
|
|
position: fixed;
|
|
inset: 0;
|
|
padding-top: 30px;
|
|
line-height: 4rem;
|
|
color: var(--col-gold-light);
|
|
text-align: center;
|
|
justify-content: center;
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .btn_exit input {
|
|
display: none;
|
|
}
|
|
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 .edit_label {
|
|
display: flex;
|
|
color: var(--col-gold);
|
|
font-family: var(--fontSystem);
|
|
font-size: 0.8em;
|
|
width: max-content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .edit_label span {
|
|
padding: 0 0.2em;
|
|
border: 1px solid var(--col-gold);
|
|
border-width: 1px 1px 0 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=radio] {
|
|
width: 1em !important;
|
|
height: 1em !important;
|
|
margin-right: 0.3em;
|
|
border: 1px solid black;
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=radio]:checked {
|
|
background-color: var(--col-gold);
|
|
border-color: var(--col-gold-dark);
|
|
}
|
|
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 {
|
|
font-family: "Prata", serif;
|
|
color: var(--col-gold);
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3 {
|
|
font-size: 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea {
|
|
display: block;
|
|
width: 100%;
|
|
font-family: var(--font-main);
|
|
font-size: 1em;
|
|
overflow-y: scroll;
|
|
/* Firefox */
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--col-gold) transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea::-webkit-scrollbar {
|
|
width: 12px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea::-webkit-scrollbar-track {
|
|
background: unset; /* Dark background for contrast */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea::-webkit-scrollbar-thumb {
|
|
background: var(--col-gold);
|
|
border-radius: 6px;
|
|
border: 2px solid var(--col-gold-dark); /* Adds padding effect */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea::-webkit-scrollbar-thumb:hover {
|
|
background: var(--col-gold-light); /* Lighter gold on hover */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet p {
|
|
font-family: var(--font-main);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet label {
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
font-family: var(--font1);
|
|
color: var(--col-gold);
|
|
border: 1px solid var(--col-gold);
|
|
border-width: 0 1px 1px 0;
|
|
margin-bottom: 0.25em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label span {
|
|
font-size: 0.7em;
|
|
color: var(--col-gold-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label input {
|
|
text-align: right;
|
|
min-width: 2em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label:has(select) {
|
|
cursor: default;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label:has(select) select {
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet *:where(:has(.repcontrol)) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
padding-bottom: 2.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet *:where(:has(.repcontrol)) .repcontrol-button--add {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 50%;
|
|
transform: translateX(-150%);
|
|
z-index: 10;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer .repitem .itemcontrol {
|
|
inset: 0;
|
|
z-index: 100;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .btn {
|
|
line-height: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add {
|
|
margin-top: 5px;
|
|
padding: 2px 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
font-size: 2em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
width: max-content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_edit,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_delete {
|
|
display: grid;
|
|
place-items: center;
|
|
color: var(--col-gold);
|
|
background: var(--img-blackleather);
|
|
border: 3px double var(--col-gold);
|
|
padding: 0.2em 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_edit::before,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add::before,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_delete::before {
|
|
color: var(--col-gold);
|
|
}
|
|
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);
|
|
--dm-checkColor: var(--col-green-light);
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .sheetform {
|
|
background-color: unset;
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .charsheet main .center::before, body.sheet-darkmode .ui-dialog .tab-content .charsheet main .abilities-panel, body.sheet-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section.flip-container .card::before {
|
|
background: var(--img-blackleather);
|
|
background-size: 500px 500px;
|
|
background-repeat: repeat;
|
|
background-blend-mode: unset;
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section span {
|
|
color: var(--col-gold);
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section input {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section label.occupation_button {
|
|
background: var(--col-green-dark);
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section label.occupation_button:hover {
|
|
background-color: var(--col-green);
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .charsheet main .abilities-col.general {
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-green) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
color: var(--col-gold-light);
|
|
border-image-outset: 2em;
|
|
padding: unset;
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .charsheet main .abilities-col.general * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body.sheet-darkmode .ui-dialog .tab-content .charsheet main .current_value {
|
|
color: var(--col-green);
|
|
}
|
|
|
|
section.abilities:has(input[name=attr_flag_edit_abilities][value="1"]) .edit-mode-show {
|
|
display: block;
|
|
}
|
|
section.abilities:has(input[name=attr_flag_edit_abilities][value="1"]) .edit-mode-show.show-flex {
|
|
display: flex;
|
|
}
|
|
section.abilities:has(input[name=attr_flag_edit_abilities][value="1"]) .edit-mode-show.show-grid {
|
|
display: grid;
|
|
}
|
|
section.abilities:has(input[name=attr_flag_edit_abilities][value="0"]) .edit-mode-show {
|
|
display: none !important;
|
|
}
|
|
section.abilities:has(input[type=hidden][name=attr_general_ability_warning][value="1"]) .general_ability_warning {
|
|
display: block;
|
|
}
|
|
section.abilities:has(input[type=hidden][name=attr_general_ability_warning][value="1"]) .general_ability_warning.show-flex {
|
|
display: flex;
|
|
}
|
|
section.abilities:has(input[type=hidden][name=attr_general_ability_warning][value="1"]) .general_ability_warning.show-grid {
|
|
display: grid;
|
|
}
|
|
section.abilities .general-ability-warning {
|
|
display: none;
|
|
color: red;
|
|
font-weight: bold;
|
|
border: 1px solid red;
|
|
padding: 5px;
|
|
margin-top: 10px;
|
|
background-color: #ffe0e0;
|
|
}
|
|
|
|
.unarmed-attack:has(input[name=attr_flag_unarmed_edit][value="1"]) .unarmed-attack-view {
|
|
display: none;
|
|
}
|
|
.unarmed-attack:has(input[name=attr_flag_unarmed_edit][value="1"]) .unarmed-attack-edit {
|
|
display: block;
|
|
}
|
|
.unarmed-attack:has(input[name=attr_flag_unarmed_edit][value="1"]) .unarmed-attack-edit.show-flex {
|
|
display: flex;
|
|
}
|
|
.unarmed-attack:has(input[name=attr_flag_unarmed_edit][value="1"]) .unarmed-attack-edit.show-grid {
|
|
display: grid;
|
|
}
|
|
.unarmed-attack:has(input[name=attr_flag_unarmed_edit][value="0"]) .unarmed-attack-view {
|
|
display: block;
|
|
}
|
|
.unarmed-attack:has(input[name=attr_flag_unarmed_edit][value="0"]) .unarmed-attack-view.show-flex {
|
|
display: flex;
|
|
}
|
|
.unarmed-attack:has(input[name=attr_flag_unarmed_edit][value="0"]) .unarmed-attack-view.show-grid {
|
|
display: grid;
|
|
}
|
|
.unarmed-attack:has(input[name=attr_flag_unarmed_edit][value="0"]) .unarmed-attack-edit {
|
|
display: none;
|
|
}
|
|
|
|
.weapon-item .weapon-view {
|
|
display: block;
|
|
}
|
|
.weapon-item .weapon-view.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapon-item .weapon-view.show-grid {
|
|
display: grid;
|
|
}
|
|
.weapon-item .weapon-edit {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(> input.edit-toggle:checked) .weapon-view {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(> input.edit-toggle:checked) .weapon-edit {
|
|
display: block;
|
|
}
|
|
.weapon-item:has(> input.edit-toggle:checked) .weapon-edit.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapon-item:has(> input.edit-toggle:checked) .weapon-edit.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.equipment-item .equipment-view {
|
|
display: block;
|
|
}
|
|
.equipment-item .equipment-view.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .equipment-view.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .equipment-edit {
|
|
display: none;
|
|
}
|
|
.equipment-item:has(> input.edit-toggle:checked) .equipment-view {
|
|
display: none !important;
|
|
}
|
|
.equipment-item:has(> input.edit-toggle:checked) .equipment-edit {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(> input.edit-toggle:checked) .equipment-edit.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(> input.edit-toggle:checked) .equipment-edit.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=pistol]) .extended-label {
|
|
display: block;
|
|
}
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=pistol]) .extended-label.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=pistol]) .extended-label.show-grid {
|
|
display: grid;
|
|
}
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=shotgun]) .out-of-range-label {
|
|
display: block;
|
|
}
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=shotgun]) .out-of-range-label.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=shotgun]) .out-of-range-label.show-grid {
|
|
display: grid;
|
|
}
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=thrown]) .out-of-range-label {
|
|
display: block;
|
|
}
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=thrown]) .out-of-range-label.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapons-panel:has(input[type=hidden][name=attr_combat_range][value=long]) .weapon-item:has(input[type=hidden][name=attr_weapon_type][value=thrown]) .out-of-range-label.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.weapon-item .extended-label,
|
|
.weapon-item .out-of-range-label {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(select[name$=_associated_ability] option:not([value=custom]):checked) .custom-ability-name-container {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .weapon-edit .ranged-options {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .weapon-edit .melee-options {
|
|
display: block;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .weapon-edit .melee-options.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .weapon-edit .melee-options.show-grid {
|
|
display: grid;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .weapon-view .ranged-roller {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .weapon-view .melee-roller {
|
|
display: block;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .weapon-view .melee-roller.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .weapon-view .melee-roller.show-grid {
|
|
display: grid;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .is-shotgun {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=melee]:checked) .is-automatic {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=ranged]:checked) .weapon-edit .ranged-options {
|
|
display: block;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=ranged]:checked) .weapon-edit .ranged-options.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=ranged]:checked) .weapon-edit .ranged-options.show-grid {
|
|
display: grid;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=ranged]:checked) .weapon-edit .melee-options {
|
|
display: none;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=ranged]:checked) .weapon-view .ranged-roller {
|
|
display: block;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=ranged]:checked) .weapon-view .ranged-roller.show-flex {
|
|
display: flex;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=ranged]:checked) .weapon-view .ranged-roller.show-grid {
|
|
display: grid;
|
|
}
|
|
.weapon-item:has(input[name$=_category][value=ranged]:checked) .weapon-view .melee-roller {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet:has(input[name=attr_system_sheet][value=toc]) .weapon-item:not(:has(input[name=attr_weapon_type][value=shotgun])) .is-shotgun {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[name=attr_system_sheet][value=toc]) .weapon-item:has(input[name=attr_weapon_type][value=explosive]) .ranged-weight-group,
|
|
.charsheet:has(input[name=attr_system_sheet][value=toc]) .weapon-item:has(input[name=attr_weapon_type][value=explosive]) .capacity-input-container {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[name=attr_system_sheet][value=toc]) .weapon-item:not(:has(input[name=attr_weapon_type][value=automatic])) .is-automatic {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[name=attr_system_sheet][value=toc]) .weapon-item:not(:has(input[name=attr_category][value=ranged])) .weapon-capacity-display {
|
|
display: none;
|
|
}
|
|
|
|
.spell-item:has(select[name$=_casting_ability] option:not([value=custom]):checked) .custom-ability-name-container {
|
|
display: none;
|
|
}
|
|
.spell-item:has(input[name=attr_type][value=incantation]) .invocation-specific {
|
|
display: block;
|
|
}
|
|
.spell-item:has(input[name=attr_type][value=incantation]) .invocation-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.spell-item:has(input[name=attr_type][value=incantation]) .invocation-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.spell-item:has(input[name=attr_type][value=incantation]) .ritual-specific {
|
|
display: none;
|
|
}
|
|
.spell-item:has(input[name=attr_type][value=ritual]) .invocation-specific {
|
|
display: none;
|
|
}
|
|
.spell-item:has(input[name=attr_type][value=ritual]) .ritual-specific {
|
|
display: block;
|
|
}
|
|
.spell-item:has(input[name=attr_type][value=ritual]) .ritual-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.spell-item:has(input[name=attr_type][value=ritual]) .ritual-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.spell-item .spell-view {
|
|
display: block;
|
|
}
|
|
.spell-item .spell-view.show-flex {
|
|
display: flex;
|
|
}
|
|
.spell-item .spell-view.show-grid {
|
|
display: grid;
|
|
}
|
|
.spell-item .spell-edit {
|
|
display: none;
|
|
}
|
|
.spell-item:has(> input.edit-toggle:checked) .spell-view {
|
|
display: none;
|
|
}
|
|
.spell-item:has(> input.edit-toggle:checked) .spell-edit {
|
|
display: block;
|
|
}
|
|
.spell-item:has(> input.edit-toggle:checked) .spell-edit.show-flex {
|
|
display: flex;
|
|
}
|
|
.spell-item:has(> input.edit-toggle:checked) .spell-edit.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.vehicle,
|
|
.aircraft,
|
|
.tome,
|
|
.tome-resource {
|
|
display: none;
|
|
}
|
|
|
|
.equipment-item:has(select[name$=_type] option[value=vehicle]:checked) .vehicle {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=vehicle]:checked) .vehicle.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=vehicle]:checked) .vehicle.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .aircraft {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .aircraft.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .aircraft.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .vehicle {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .vehicle.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .vehicle.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked) .tome {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked) .tome.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked) .tome.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked):has(select[name$=_type_tome] option[value=resource]:checked) .tome-resource {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked):has(select[name$=_type_tome] option[value=resource]:checked) .tome-resource.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked):has(select[name$=_type_tome] option[value=resource]:checked) .tome-resource.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item .academic-bonus-specific,
|
|
.equipment-item .bonus-item .interpersonal-bonus-specific,
|
|
.equipment-item .bonus-item .technical-bonus-specific,
|
|
.equipment-item .bonus-item .general-bonus-specific,
|
|
.equipment-item .bonus-item .custom-bonus-specific {
|
|
display: none;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=academic]:checked) .academic-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=academic]:checked) .academic-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=academic]:checked) .academic-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=interpersonal]:checked) .interpersonal-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=interpersonal]:checked) .interpersonal-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=interpersonal]:checked) .interpersonal-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=technical]:checked) .technical-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=technical]:checked) .technical-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=technical]:checked) .technical-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=general]:checked) .general-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=general]:checked) .general-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=general]:checked) .general-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=custom]:checked) .custom-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=custom]:checked) .custom-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=custom]:checked) .custom-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog:has(input[type=hidden][name=attr_flag_dialog][value="1"]) {
|
|
display: block;
|
|
}
|
|
.dialog:has(input[type=hidden][name=attr_flag_dialog][value="1"]).show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog:has(input[type=hidden][name=attr_flag_dialog][value="1"]).show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=spell]) .dialog-content-spell {
|
|
display: block;
|
|
}
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=spell]) .dialog-content-spell.show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=spell]) .dialog-content-spell.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=weapon]) .dialog-content-weapon {
|
|
display: block;
|
|
}
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=weapon]) .dialog-content-weapon.show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=weapon]) .dialog-content-weapon.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=ability]) .dialog-content-ability {
|
|
display: block;
|
|
}
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=ability]) .dialog-content-ability.show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog:has(input[type=hidden][name=attr_show_dialog_content_type][value=ability]) .dialog-content-ability.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=ranged]) .ranged-weapon-dialog-options {
|
|
display: block;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=ranged]) .ranged-weapon-dialog-options.show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=ranged]) .ranged-weapon-dialog-options.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=melee]) .melee-weapon-dialog-options {
|
|
display: block;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=melee]) .melee-weapon-dialog-options.show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=melee]) .melee-weapon-dialog-options.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=unarmed]) .melee-weapon-dialog-options {
|
|
display: block;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=unarmed]) .melee-weapon-dialog-options.show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_options][value=unarmed]) .melee-weapon-dialog-options.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_type][value=automatic]) .is-automatic {
|
|
display: block;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_type][value=automatic]) .is-automatic.show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_type][value=automatic]) .is-automatic.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_type][value=shotgun]) .is-shotgun {
|
|
display: block;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_type][value=shotgun]) .is-shotgun.show-flex {
|
|
display: flex;
|
|
}
|
|
.dialog-content-weapon:has(input[type=hidden][name=attr_dialog_weapon_type][value=shotgun]) .is-shotgun.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.vehicle,
|
|
.aircraft,
|
|
.tome,
|
|
.tome-resource {
|
|
display: none;
|
|
}
|
|
|
|
.equipment-item:has(select[name$=_type] option[value=vehicle]:checked) .vehicle {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=vehicle]:checked) .vehicle.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=vehicle]:checked) .vehicle.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .aircraft {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .aircraft.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .aircraft.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .vehicle {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .vehicle.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=aircraft]:checked) .vehicle.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked) .tome {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked) .tome.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked) .tome.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked):has(select[name$=_type_tome] option[value=resource]:checked) .tome-resource {
|
|
display: block;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked):has(select[name$=_type_tome] option[value=resource]:checked) .tome-resource.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item:has(select[name$=_type] option[value=tome]:checked):has(select[name$=_type_tome] option[value=resource]:checked) .tome-resource.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item .academic-bonus-specific,
|
|
.equipment-item .bonus-item .interpersonal-bonus-specific,
|
|
.equipment-item .bonus-item .technical-bonus-specific,
|
|
.equipment-item .bonus-item .general-bonus-specific,
|
|
.equipment-item .bonus-item .custom-bonus-specific {
|
|
display: none;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=academic]:checked) .academic-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=academic]:checked) .academic-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=academic]:checked) .academic-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=interpersonal]:checked) .interpersonal-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=interpersonal]:checked) .interpersonal-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=interpersonal]:checked) .interpersonal-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=technical]:checked) .technical-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=technical]:checked) .technical-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=technical]:checked) .technical-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=general]:checked) .general-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=general]:checked) .general-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=general]:checked) .general-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=custom]:checked) .custom-bonus-specific {
|
|
display: block;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=custom]:checked) .custom-bonus-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.equipment-item .bonus-item:has(select[name$=_bonus_type].bonus-type-selector option[value=custom]:checked) .custom-bonus-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]) .pc-specific {
|
|
display: none !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]) .npc-specific {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]) .npc-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]) .npc-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=toc]) .abilities-item.ability-driving,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=toc]) .abilities-item.ability-conceal {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-driving,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-conceal {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-driving.show-flex,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-conceal.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-driving.show-grid,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-conceal.show-grid {
|
|
display: grid;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]).charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-mechanics .sub-ability-list {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .pc-specific {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .pc-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .pc-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .npc-specific {
|
|
display: none !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .monster-specific,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .humanoid-specific {
|
|
display: none !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .abilities-item.ability-athletics,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .abilities-item.ability-driving {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .abilities-item.ability-athletics.show-flex,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .abilities-item.ability-driving.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .abilities-item.ability-athletics.show-grid,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]) .abilities-item.ability-driving.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=toc]) .toc-specific {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=toc]) .toc-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=toc]) .toc-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=toc]) .nba-specific {
|
|
display: none !important;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .toc-specific {
|
|
display: none !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .nba-specific {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .nba-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .nba-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=monster]) .monster-specific {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=monster]) .monster-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=monster]) .monster-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=monster]) .humanoid-specific {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=monster]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-athletics {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=mundane]) .monster-specific {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=mundane]) .humanoid-specific {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=mundane]) .humanoid-specific.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=mundane]) .humanoid-specific.show-grid {
|
|
display: grid;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=mundane]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-athletics {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=mundane]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-athletics.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_npc_mode][value=mundane]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item.ability-athletics.show-grid {
|
|
display: grid;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="1"]) .sheet-main-content-container {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="1"]) .settings-panel {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="1"]) .settings-panel.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="1"]) .settings-panel.show-grid {
|
|
display: grid;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="1"]) .settings-panel input,
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="1"]) .settings-panel select {
|
|
color: var(--col-gold);
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container {
|
|
display: block;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container.show-flex {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container.show-grid {
|
|
display: grid;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .reset-buttons button {
|
|
display: inline-block;
|
|
place-items: center;
|
|
text-align: center;
|
|
font-family: var(--font1);
|
|
font-size: 0.9em;
|
|
line-height: 1.2;
|
|
text-transform: capitalize;
|
|
color: var(--col-gold);
|
|
background: var(--img-blackleather);
|
|
background-size: cover;
|
|
border: 3px double var(--col-gold);
|
|
padding: 0.4em 0.8em;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
|
|
appearance: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .reset-buttons button:hover {
|
|
background-color: color-mix(in srgb, var(--img-blackleather) 80%, #fff 20%);
|
|
border-color: var(--col-gold-light);
|
|
color: var(--col-gold-light);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .reset-buttons button span {
|
|
color: inherit;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .settings-panel {
|
|
display: none;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .dev-test-button {
|
|
display: block;
|
|
margin: 10px;
|
|
padding: 5px;
|
|
background-color: #f0ad4e;
|
|
color: white;
|
|
border: 1px solid #eea236;
|
|
border-radius: 3px;
|
|
position: fixed;
|
|
bottom: 10px;
|
|
right: 10px;
|
|
z-index: 1000;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel .h3 {
|
|
--_outline-width: 2px;
|
|
--_outline-color: var(--col-green-dark);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
translate: -50%;
|
|
font-family: var(--font3);
|
|
font-size: 2.5em;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
color: var(--col-gold-light);
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel .stat-row {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel .overlay {
|
|
display: none;
|
|
opacity: 0;
|
|
position: fixed;
|
|
inset: 1em;
|
|
top: 2em;
|
|
bottom: 0;
|
|
z-index: 100;
|
|
backdrop-filter: blur(5px) contrast(0.8);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel .overlay:target {
|
|
display: flex;
|
|
justify-content: center;
|
|
opacity: 1;
|
|
animation: fade-in 0.2s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel .overlay .container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 1.5em;
|
|
position: fixed;
|
|
width: clamp(10em, 70%, 100%);
|
|
top: 5em;
|
|
padding: 4em;
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel .overlay .container label {
|
|
cursor: pointer;
|
|
width: 1.5em;
|
|
aspect-ratio: 1/1;
|
|
border: 2px solid black;
|
|
border-radius: 100%;
|
|
padding: 0.2em;
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel .overlay .container input[type=radio] {
|
|
display: none;
|
|
}
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .health-stability-panel .btn_exit {
|
|
display: flex;
|
|
position: fixed;
|
|
padding-top: 30px;
|
|
inset: 0;
|
|
text-align: center;
|
|
justify-content: center;
|
|
z-index: -1;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet main section.top {
|
|
display: grid;
|
|
gap: 0.5em;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-areas: "Logo ID" "Sources Pillars" "Stats Stats";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pillars-container, body .ui-dialog .tab-content .charsheet main .sources-container {
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-green) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pillars-container *, body .ui-dialog .tab-content .charsheet main .sources-container * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pillars-container textarea, body .ui-dialog .tab-content .charsheet main .sources-container textarea {
|
|
font-size: 0.8em;
|
|
overflow: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pillars-container .adaptive--text__span, body .ui-dialog .tab-content .charsheet main .sources-container .adaptive--text__span {
|
|
font-family: var(--font1);
|
|
font-size: 0.8em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pc-specific .input-label {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pc-specific .logo {
|
|
grid-area: logo;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pc-specific:has(.agent-info-section) {
|
|
grid-area: ID;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pc-specific:has(.health-stability-panel) {
|
|
grid-area: Stats;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pc-specific:has(.pillars-container) {
|
|
grid-area: Pillars;
|
|
flex-wrap: wrap;
|
|
gap: 1em;
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .pc-specific:has(.sources-container) {
|
|
grid-area: Sources;
|
|
flex-wrap: wrap;
|
|
gap: 1em;
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main section.center {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main section.center::before {
|
|
content: "";
|
|
position: absolute;
|
|
border: 1px solid var(--col-gold);
|
|
inset: 2em 0;
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main section.bottom {
|
|
display: grid;
|
|
gap: 1em;
|
|
grid-template-columns: 1fr 1fr;
|
|
margin-bottom: 2em;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main section.cct {
|
|
display: grid;
|
|
gap: 1em;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .notes-container {
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-green) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .notes-container * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main .notes-container textarea {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .info-label {
|
|
cursor: default;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .repcontrol-button--add {
|
|
display: block;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .repcontrol {
|
|
display: block;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .edit-toggle {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-tip__edit {
|
|
display: grid;
|
|
grid-template-columns: 1fr 25px 25px 25px 26px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-tip {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .custom-ability {
|
|
padding-bottom: 2.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-controls .edit-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
padding-top: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-panel {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
border: 1px solid var(--col-gold);
|
|
display: grid;
|
|
grid-template-columns: 48% 1fr;
|
|
grid-template-areas: ". general";
|
|
gap: 2em;
|
|
margin: 10px 0;
|
|
margin-bottom: 2em;
|
|
column-width: 10em;
|
|
padding: 0.5em;
|
|
font-size: 0.8em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-panel .repcontrol-button--add {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-panel .repcontrol {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-edit {
|
|
border: 1px solid var(--col-gold);
|
|
padding: 0.5em;
|
|
color: var(--lm-fontColor);
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
--dropshadow: #dd1ccd;
|
|
mask-image: var(--vfx-longfill);
|
|
mask-size: cover;
|
|
mask-repeat: no-repeat;
|
|
mask-position: 0 0;
|
|
animation: play 400ms steps(22) forwards;
|
|
filter: drop-shadow(0 0 0.5em var(--dropshadow)) drop-shadow(0 0 0.5em var(--dropshadow));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-columns {
|
|
display: block;
|
|
columns: 180px;
|
|
column-gap: 10px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col {
|
|
display: contents;
|
|
padding: 5px;
|
|
flex: 1 1 250px;
|
|
min-width: 200px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col .pc-specific:has(.repcontainer) {
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col .repcontrol-button--add {
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col .repcontainer {
|
|
margin: 5px 0;
|
|
gap: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col .repcontainer .repitem {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col .repcontainer .abilities-item {
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet section.abilities {
|
|
margin-bottom: 0;
|
|
padding-bottom: 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet section.abilities input[name=attr_flag_edit_abilities][value="0"] ~ .abilities-panel .abilities-col.academic .abilities-item:has(input[type=hidden].max-value[value="0"]), body .ui-dialog .tab-content .charsheet section.abilities input[name=attr_flag_edit_abilities][value="0"] ~ .abilities-panel .abilities-col.interpersonal .abilities-item:has(input[type=hidden].max-value[value="0"]), body .ui-dialog .tab-content .charsheet section.abilities input[name=attr_flag_edit_abilities][value="0"] ~ .abilities-panel .abilities-col.technical .abilities-item:has(input[type=hidden].max-value[value="0"]) {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-col.general .pc-content-wrapper > span {
|
|
left: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general {
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-green-light) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
color: var(--col-gold-dark);
|
|
border-image-outset: 2em;
|
|
padding: 0;
|
|
grid-area: general;
|
|
display: block;
|
|
columns: 180px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .abilities-tip {
|
|
display: grid;
|
|
grid-template-columns: 23px 1fr 60px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .abilities-tip span {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .pc-content-wrapper > span,
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .npc-content-wrapper > span {
|
|
position: absolute;
|
|
left: 25px;
|
|
top: 2px;
|
|
z-index: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .edit-toggle {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr 60px;
|
|
grid-template-areas: "roll subtract add" "sub sub sub";
|
|
break-after: avoid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general button.roller {
|
|
display: grid;
|
|
place-items: center;
|
|
grid-area: roll;
|
|
margin: 0 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general button.roller:hover {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .abilities-item {
|
|
background: linear-gradient(to right, var(--col-green-dark) 0, var(--col-green) 90px, var(--col-green) 280px);
|
|
background-size: calc(100% + 90px);
|
|
background-repeat: no-repeat;
|
|
background-position: -90px 0;
|
|
color: var(--col-green-light);
|
|
overflow: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .abilities-item span {
|
|
color: var(--col-green-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .abilities-item .current-value {
|
|
color: var(--col-green-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-col.general .abilities-item:hover {
|
|
background-position: 0 0;
|
|
transition: all 0s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .custom-ability {
|
|
height: unset;
|
|
padding-bottom: unset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-header {
|
|
font-weight: bold;
|
|
padding: 3px;
|
|
margin: 0 -0.5em;
|
|
padding-left: 0.5em;
|
|
background: var(--col-green);
|
|
color: var(--col-green-light);
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet [class^=abilities-tip] {
|
|
display: grid;
|
|
grid-template-columns: 1fr 60px;
|
|
gap: 1px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet [class^=abilities-tip] label {
|
|
background: var(--col-gold);
|
|
border-radius: 5px 5px 0 0;
|
|
font-size: 0.7em;
|
|
font-family: var(--font1);
|
|
text-align: center;
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet [class^=abilities-tip] span {
|
|
position: relative;
|
|
bottom: -1px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-tip__edit {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item {
|
|
background: linear-gradient(to right, color-mix(in hsl, var(--col-gold) 50%, transparent 50%) 0, transparent 90px, transparent 180px);
|
|
background-size: calc(100% + 90px);
|
|
background-repeat: no-repeat;
|
|
background-position: -180px 0;
|
|
position: relative;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
border: 1px solid var(--col-gold);
|
|
margin-bottom: 5px;
|
|
gap: 5px;
|
|
transition: all 1s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .pc-content-wrapper > span {
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 2px;
|
|
z-index: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item:where(.repeating-item .edit-mode-show) {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item:where(.repeating-item .edit-mode-show) .input.reepating-title-input {
|
|
padding: 0 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item:hover {
|
|
background-position: 0 0;
|
|
transition: all 0s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item:hover .current_value {
|
|
translate: -30px 0;
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item:hover .current_value::before {
|
|
rotate: 225deg;
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item:hover .ability-pool-button {
|
|
background-position: 0 0 !important;
|
|
transition: all 600ms ease-out !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item:hover .ability-pool-button.ability-recover-button {
|
|
transition: all 200ms ease-out !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .ability-pool-button {
|
|
background: var(--img-linefall);
|
|
background-size: 400px 400px;
|
|
background-position: -100% -100%;
|
|
background-repeat: no-repeat;
|
|
transition: background-position 0.5s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .pc-content-wrapper,
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .npc-content-wrapper {
|
|
position: relative;
|
|
display: flex;
|
|
flex-grow: 1;
|
|
align-items: center;
|
|
break-inside: avoid;
|
|
justify-content: flex-end;
|
|
gap: 5px;
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .pc-content-wrapper > span,
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .npc-content-wrapper > span {
|
|
margin-right: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .ability-title-area,
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .rep-title,
|
|
body .ui-dialog .tab-content .charsheet .abilities-item button.abilities-title,
|
|
body .ui-dialog .tab-content .charsheet .abilities-item button.rep-title-button {
|
|
flex-basis: 100%;
|
|
flex-grow: 1;
|
|
text-align: left;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item input.repeating-title-input {
|
|
width: 100%;
|
|
border: 0px solid #eee;
|
|
padding: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .repeating-title {
|
|
color: var(--col-green);
|
|
align-self: center;
|
|
grid-area: subtract;
|
|
z-index: 100;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .npc-content-wrapper input.npc-value {
|
|
width: 4em;
|
|
text-align: right;
|
|
border: none;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input {
|
|
background-color: var(--col-neutral);
|
|
color: var(--lm-fontColor);
|
|
border: 1px solid var(--col-gold);
|
|
border-radius: 0;
|
|
padding: 0 5px;
|
|
margin: 2px 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="0"] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="0"] ~ [name$=_sub_ability-0] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="1"] ~ [name$=_sub_ability-1] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="2"] ~ [name$=_sub_ability-2] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="3"] ~ [name$=_sub_ability-3] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="4"] ~ [name$=_sub_ability-4] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="5"] ~ [name$=_sub_ability-5] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="6"] ~ [name$=_sub_ability-6] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="7"] ~ [name$=_sub_ability-7] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .sub-ability-section input[type=hidden][value="8"] ~ [name$=_sub_ability-8] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .points {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .points input {
|
|
width: 2em;
|
|
text-align: center;
|
|
border: 1px solid var(--col-gold);
|
|
border-radius: 0;
|
|
border-width: 0 1px;
|
|
background: var(--col-gold-light);
|
|
background: transparent;
|
|
font-weight: bold;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .points input.totalpoints {
|
|
background: var(--col-green);
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .edit-toggle {
|
|
position: relative;
|
|
width: 100%;
|
|
display: grid;
|
|
break-after: avoid;
|
|
grid-template-columns: 1fr 60px;
|
|
grid-template-rows: auto auto;
|
|
grid-template-areas: "subtract add" "sub sub";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .edit-toggle .ability-rank {
|
|
grid-area: add;
|
|
display: flex;
|
|
justify-content: end;
|
|
pointer-events: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .edit-toggle .ability-spend-button {
|
|
grid-area: subtract;
|
|
background: var(--img-linefall);
|
|
margin-left: 5px;
|
|
background-size: 300px 300px;
|
|
background-position: -250px -250px;
|
|
background-repeat: no-repeat;
|
|
transition: background-position 0.4s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .abilities-item .edit-toggle .ability-recover-button {
|
|
grid-area: add;
|
|
background: var(--img-plus), linear-gradient(to right, var(--col-green-light), transparent 100%);
|
|
background-size: 150px 150px;
|
|
background-position: 150px 0;
|
|
background-repeat: no-repeat;
|
|
transition: background-position 0.4s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-col.general .abilities-item .mos-radio-container.nba-specific {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-col.general .abilities-item .mos-indicator.nba-specific {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-col.general .abilities-item .mos-radio-container {
|
|
position: absolute;
|
|
left: 0;
|
|
translate: 0 0;
|
|
opacity: 0;
|
|
transition: all 0.2s ease-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=hidden][name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-col.general .abilities-item:hover .mos-radio-container {
|
|
left: -0.25em;
|
|
translate: -100% 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .wheel-container {
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel-container label.pog {
|
|
display: grid;
|
|
position: relative;
|
|
place-items: center;
|
|
background: var(--img-pog_tentacle), var(--col-green);
|
|
background-size: cover;
|
|
aspect-ratio: 1/1;
|
|
width: 8em;
|
|
border: 2px solid black;
|
|
border-radius: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel-container .h3 {
|
|
--_outline-width: 2px;
|
|
--_outline-color: var(--col-green-dark);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
translate: -50%;
|
|
font-family: var(--font3);
|
|
font-size: 2.5em;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
color: var(--col-gold-light);
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel-container .bignumber {
|
|
--_outline-width: 2px;
|
|
--_outline-color: var(--col-green-dark);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% calc(-50% + 0.1em);
|
|
font-family: var(--font3);
|
|
font-size: 5em;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
color: var(--col-gold-light);
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel-container input[type=checkbox] {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel-container input[type=hidden][value="0"] + * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel-container input[type=hidden][value="1"] + * {
|
|
display: grid;
|
|
z-index: 1000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel-container .btn_exit {
|
|
backdrop-filter: blur(2px);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel {
|
|
background: var(--img-big_tentacle);
|
|
background-color: var(--col-green-dark);
|
|
background-size: contain;
|
|
font-size: 2em;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
height: 8em;
|
|
aspect-ratio: 1/1;
|
|
border-radius: 100%;
|
|
color: white;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel .smallnumber {
|
|
--_outline-width: 2px;
|
|
--_outline-color: var(--col-green-dark);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
position: absolute;
|
|
pointer-events: none;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
font-family: var(--font3);
|
|
font-size: 5em;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
color: var(--col-gold-light);
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection {
|
|
background: var(--col-gold-light);
|
|
border: 1px solid black;
|
|
outline: 2px solid var(--col-gold);
|
|
border-radius: 100%;
|
|
height: 1.5em;
|
|
aspect-ratio: 1/1;
|
|
transform-origin: center;
|
|
translate: -50% -50%;
|
|
position: absolute;
|
|
inset: 50%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.disabled {
|
|
background-color: var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.disabled p {
|
|
color: var(--col-gold-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection[class*=_-] {
|
|
background-color: var(--col-green-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection input {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection p {
|
|
font-size: 0.8em;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-12 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-232deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-12 p {
|
|
transform-origin: center;
|
|
rotate: 232deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-12:nth-child(odd) {
|
|
transform: rotate(-232deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-11 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-220deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-11 p {
|
|
transform-origin: center;
|
|
rotate: 220deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-11:nth-child(odd) {
|
|
transform: rotate(-220deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-10 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-208deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-10 p {
|
|
transform-origin: center;
|
|
rotate: 208deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-10:nth-child(odd) {
|
|
transform: rotate(-208deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-9 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-196deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-9 p {
|
|
transform-origin: center;
|
|
rotate: 196deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-9:nth-child(odd) {
|
|
transform: rotate(-196deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-8 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-184deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-8 p {
|
|
transform-origin: center;
|
|
rotate: 184deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-8:nth-child(odd) {
|
|
transform: rotate(-184deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-7 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-172deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-7 p {
|
|
transform-origin: center;
|
|
rotate: 172deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-7:nth-child(odd) {
|
|
transform: rotate(-172deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-6 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-160deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-6 p {
|
|
transform-origin: center;
|
|
rotate: 160deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-6:nth-child(odd) {
|
|
transform: rotate(-160deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-5 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-148deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-5 p {
|
|
transform-origin: center;
|
|
rotate: 148deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-5:nth-child(odd) {
|
|
transform: rotate(-148deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-4 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-136deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-4 p {
|
|
transform-origin: center;
|
|
rotate: 136deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-4:nth-child(odd) {
|
|
transform: rotate(-136deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-3 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-124deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-3 p {
|
|
transform-origin: center;
|
|
rotate: 124deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-3:nth-child(odd) {
|
|
transform: rotate(-124deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-2 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-112deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-2 p {
|
|
transform-origin: center;
|
|
rotate: 112deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-2:nth-child(odd) {
|
|
transform: rotate(-112deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-1 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-100deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-1 p {
|
|
transform-origin: center;
|
|
rotate: 100deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_-1:nth-child(odd) {
|
|
transform: rotate(-100deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_0 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-88deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_0 p {
|
|
transform-origin: center;
|
|
rotate: 88deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_0:nth-child(odd) {
|
|
transform: rotate(-88deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_1 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-76deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_1 p {
|
|
transform-origin: center;
|
|
rotate: 76deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_1:nth-child(odd) {
|
|
transform: rotate(-76deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_2 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-64deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_2 p {
|
|
transform-origin: center;
|
|
rotate: 64deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_2:nth-child(odd) {
|
|
transform: rotate(-64deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_3 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-52deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_3 p {
|
|
transform-origin: center;
|
|
rotate: 52deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_3:nth-child(odd) {
|
|
transform: rotate(-52deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_4 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-40deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_4 p {
|
|
transform-origin: center;
|
|
rotate: 40deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_4:nth-child(odd) {
|
|
transform: rotate(-40deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_5 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-28deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_5 p {
|
|
transform-origin: center;
|
|
rotate: 28deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_5:nth-child(odd) {
|
|
transform: rotate(-28deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_6 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-16deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_6 p {
|
|
transform-origin: center;
|
|
rotate: 16deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_6:nth-child(odd) {
|
|
transform: rotate(-16deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_7 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(-4deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_7 p {
|
|
transform-origin: center;
|
|
rotate: 4deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_7:nth-child(odd) {
|
|
transform: rotate(-4deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_8 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(8deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_8 p {
|
|
transform-origin: center;
|
|
rotate: -8deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_8:nth-child(odd) {
|
|
transform: rotate(8deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_9 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(20deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_9 p {
|
|
transform-origin: center;
|
|
rotate: -20deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_9:nth-child(odd) {
|
|
transform: rotate(20deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_10 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(32deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_10 p {
|
|
transform-origin: center;
|
|
rotate: -32deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_10:nth-child(odd) {
|
|
transform: rotate(32deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_11 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(44deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_11 p {
|
|
transform-origin: center;
|
|
rotate: -44deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_11:nth-child(odd) {
|
|
transform: rotate(44deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_12 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(56deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_12 p {
|
|
transform-origin: center;
|
|
rotate: -56deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_12:nth-child(odd) {
|
|
transform: rotate(56deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_13 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(68deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_13 p {
|
|
transform-origin: center;
|
|
rotate: -68deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_13:nth-child(odd) {
|
|
transform: rotate(68deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_14 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(80deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_14 p {
|
|
transform-origin: center;
|
|
rotate: -80deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_14:nth-child(odd) {
|
|
transform: rotate(80deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_15 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(92deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_15 p {
|
|
transform-origin: center;
|
|
rotate: -92deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_15:nth-child(odd) {
|
|
transform: rotate(92deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_16 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(104deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_16 p {
|
|
transform-origin: center;
|
|
rotate: -104deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_16:nth-child(odd) {
|
|
transform: rotate(104deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_17 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(116deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_17 p {
|
|
transform-origin: center;
|
|
rotate: -116deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_17:nth-child(odd) {
|
|
transform: rotate(116deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_18 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(128deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_18 p {
|
|
transform-origin: center;
|
|
rotate: -128deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_18:nth-child(odd) {
|
|
transform: rotate(128deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_19 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(140deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_19 p {
|
|
transform-origin: center;
|
|
rotate: -140deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_19:nth-child(odd) {
|
|
transform: rotate(140deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_20 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(152deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_20 p {
|
|
transform-origin: center;
|
|
rotate: -152deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_20:nth-child(odd) {
|
|
transform: rotate(152deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_21 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(164deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_21 p {
|
|
transform-origin: center;
|
|
rotate: -164deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_21:nth-child(odd) {
|
|
transform: rotate(164deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_22 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(176deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_22 p {
|
|
transform-origin: center;
|
|
rotate: -176deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_22:nth-child(odd) {
|
|
transform: rotate(176deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_23 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(188deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_23 p {
|
|
transform-origin: center;
|
|
rotate: -188deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_23:nth-child(odd) {
|
|
transform: rotate(188deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_24 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(200deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_24 p {
|
|
transform-origin: center;
|
|
rotate: -200deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_24:nth-child(odd) {
|
|
transform: rotate(200deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_25 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(212deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_25 p {
|
|
transform-origin: center;
|
|
rotate: -212deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_25:nth-child(odd) {
|
|
transform: rotate(212deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_26 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(224deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_26 p {
|
|
transform-origin: center;
|
|
rotate: -224deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_26:nth-child(odd) {
|
|
transform: rotate(224deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_27 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(236deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_27 p {
|
|
transform-origin: center;
|
|
rotate: -236deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_27:nth-child(odd) {
|
|
transform: rotate(236deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_28 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(248deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_28 p {
|
|
transform-origin: center;
|
|
rotate: -248deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_28:nth-child(odd) {
|
|
transform: rotate(248deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_29 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(260deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_29 p {
|
|
transform-origin: center;
|
|
rotate: -260deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_29:nth-child(odd) {
|
|
transform: rotate(260deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_30 {
|
|
display: grid;
|
|
place-items: center;
|
|
transform-origin: center;
|
|
transform: rotate(272deg) translate(6.5em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_30 p {
|
|
transform-origin: center;
|
|
rotate: -272deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.label_30:nth-child(odd) {
|
|
transform: rotate(272deg) translate(4.8em);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .wheel label.selection.btn_exit {
|
|
height: unset;
|
|
background: unset;
|
|
translate: unset;
|
|
inset: 0;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio) {
|
|
border: 1px solid var(--col-gold);
|
|
justify-self: center;
|
|
align-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
|
background-color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio)::before {
|
|
color: var(--col-gold-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio).glass {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-gold-light);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
border: unset;
|
|
background: var(--ico-magnifier-open) no-repeat center center;
|
|
background-color: unset;
|
|
background-size: 100%;
|
|
height: 25px;
|
|
width: 25px;
|
|
transition: rotate 0.1s ease-in-out;
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio).glass:checked {
|
|
background: var(--ico-magnifier-closed) no-repeat center center;
|
|
background-size: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio).glass:checked::before {
|
|
all: unset !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio).glass:hover {
|
|
rotate: -30deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio).edit_icon {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-gold-light);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
display: grid;
|
|
place-content: center;
|
|
position: relative;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
border: unset;
|
|
background: unset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet main input[type=checkbox]:not(.collapse):not(.fill-left__radio).edit_icon::before {
|
|
display: grid;
|
|
place-content: center;
|
|
position: absolute;
|
|
inset: 0;
|
|
content: "edit_square";
|
|
font-family: var(--font-icon);
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .ability-rank {
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .current_value, body .ui-dialog .tab-content .charsheet .ability-rank .max_value {
|
|
position: relative;
|
|
font-family: var(--font2);
|
|
width: 1.5em;
|
|
text-align: center;
|
|
padding: 2px;
|
|
border: unset;
|
|
flex-shrink: 0;
|
|
z-index: 2;
|
|
transition: all 0.8s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .current_value span, body .ui-dialog .tab-content .charsheet .ability-rank .max_value span {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .current_value::before, body .ui-dialog .tab-content .charsheet .ability-rank .max_value::before {
|
|
transition: all 0.8s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .max_value {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .max_value span {
|
|
z-index: 2;
|
|
margin-right: -2px;
|
|
color: var(--col-gold-light);
|
|
font-weight: bold;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .max_value::before {
|
|
content: "";
|
|
position: absolute;
|
|
justify-self: end;
|
|
z-index: 0;
|
|
right: 0;
|
|
top: 0;
|
|
width: 59px;
|
|
height: 26px;
|
|
border: unset;
|
|
background: var(--img-ability_star);
|
|
background-size: 45px 20px;
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .current_value {
|
|
position: absolute;
|
|
translate: -5px 0;
|
|
z-index: 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .current_value span {
|
|
z-index: 3;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-rank .current_value::before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
translate: -50% -50%;
|
|
rotate: 45deg;
|
|
width: 14px;
|
|
aspect-ratio: 1/1;
|
|
background: var(--col-gold-light);
|
|
border: 2px solid var(--col-gold);
|
|
z-index: 0;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential, body .ui-dialog .tab-content .charsheet .magic_score {
|
|
display: grid;
|
|
grid-template-areas: "card";
|
|
position: relative;
|
|
width: 80px;
|
|
aspect-ratio: 1;
|
|
perspective: 1000px;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential::before, body .ui-dialog .tab-content .charsheet .magic_score::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
inset: 0;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-green) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
color: var(--col-gold-light);
|
|
border-image-outset: 1em;
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential::before *, body .ui-dialog .tab-content .charsheet .magic_score::before * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .display, body .ui-dialog .tab-content .charsheet .magic_score .display {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-green-dark);
|
|
position: absolute;
|
|
top: calc(0.25em + 50%);
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
text-align: center;
|
|
color: var(--col-gold-light);
|
|
font-family: var(--font2);
|
|
font-size: 4em;
|
|
font-weight: bold;
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .flip-card, body .ui-dialog .tab-content .charsheet .magic_score .flip-card {
|
|
background: var(--img-square);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
position: relative;
|
|
width: 100%;
|
|
transform-style: preserve-3d;
|
|
transform-origin: center;
|
|
transition: transform 0.6s;
|
|
display: grid;
|
|
grid-template-areas: "card";
|
|
transition: transform 0.6s;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .flip-card .front-facing, body .ui-dialog .tab-content .charsheet .mythos-potential .flip-card .back-facing, body .ui-dialog .tab-content .charsheet .magic_score .flip-card .front-facing, body .ui-dialog .tab-content .charsheet .magic_score .flip-card .back-facing {
|
|
grid-area: card;
|
|
backface-visibility: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .flip-card .back-facing, body .ui-dialog .tab-content .charsheet .magic_score .flip-card .back-facing {
|
|
transform: rotateY(180deg);
|
|
font-size: 0.8em;
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: auto auto;
|
|
grid-auto-flow: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .flip-card .back-facing input, body .ui-dialog .tab-content .charsheet .magic_score .flip-card .back-facing input {
|
|
align-self: self-start;
|
|
width: 2em;
|
|
text-align: center;
|
|
border: 1px solid var(--col-gold);
|
|
border-radius: 0;
|
|
background: var(--col-green);
|
|
color: var(--col-gold-light);
|
|
font-weight: bold;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .flip-card .back-facing span, body .ui-dialog .tab-content .charsheet .magic_score .flip-card .back-facing span {
|
|
align-self: self-end;
|
|
background: var(--col-gold);
|
|
border: 1px solid var(--col-green);
|
|
border-width: 1px 1px 0 1px;
|
|
border-radius: 5px 5px 0 0;
|
|
font-size: 0.7em;
|
|
font-family: var(--font1);
|
|
text-align: center;
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .flip-card .input-label, body .ui-dialog .tab-content .charsheet .magic_score .flip-card .input-label {
|
|
border: unset;
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .flip-card .input-label .input-label__input, body .ui-dialog .tab-content .charsheet .magic_score .flip-card .input-label .input-label__input {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-green-dark);
|
|
position: absolute;
|
|
top: calc(0.5em + 50%);
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
text-align: center;
|
|
color: var(--col-gold-light);
|
|
font-family: var(--font2);
|
|
font-size: 3em;
|
|
font-weight: bold;
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential input[name=attr_flag_edit_abilities][value="1"] ~ .flip-card, body .ui-dialog .tab-content .charsheet .magic_score input[name=attr_flag_edit_abilities][value="1"] ~ .flip-card {
|
|
transform: rotateY(180deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .mythos-potential .input-label span, body .ui-dialog .tab-content .charsheet .magic_score .input-label span {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-green-dark);
|
|
position: absolute;
|
|
top: -0.25em;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
color: var(--col-gold-light);
|
|
font-family: var(--font2);
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .hit_threshold {
|
|
--_outline-width: 2px;
|
|
--_outline-color: var(--col-green);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
position: relative;
|
|
color: var(--col-gold-light);
|
|
font-family: var(--font2);
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .hit_threshold input {
|
|
display: grid;
|
|
place-items: center;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
border: 2px solid var(--col-gold);
|
|
border-radius: 100%;
|
|
background: var(--col-green);
|
|
font-family: var(--font1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .hit_threshold::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
inset: -140px;
|
|
bottom: -5px;
|
|
background: var(--img-threshold);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
z-index: -1;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .spells-panel, body .ui-dialog .tab-content .charsheet .weapons-panel, body .ui-dialog .tab-content .charsheet .equipment-panel, body .ui-dialog .tab-content .charsheet .npc-investigation-panel, body .ui-dialog .tab-content .charsheet .npc-features-panel {
|
|
position: relative;
|
|
margin: 1em;
|
|
font-size: 0.75em;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-scroll) 170 fill;
|
|
border-image-width: 6em;
|
|
padding: 1em 3em;
|
|
color: var(--col-gold-light);
|
|
color: var(--col-green-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel *, body .ui-dialog .tab-content .charsheet .weapons-panel *, body .ui-dialog .tab-content .charsheet .equipment-panel *, body .ui-dialog .tab-content .charsheet .npc-investigation-panel *, body .ui-dialog .tab-content .charsheet .npc-features-panel * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel *, body .ui-dialog .tab-content .charsheet .weapons-panel *, body .ui-dialog .tab-content .charsheet .equipment-panel *, body .ui-dialog .tab-content .charsheet .npc-investigation-panel *, body .ui-dialog .tab-content .charsheet .npc-features-panel * {
|
|
color: var(--col-green-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel h2, body .ui-dialog .tab-content .charsheet .spells-panel .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-sheet-name .sheet-template body .ui-dialog .tab-content .charsheet .spells-panel .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet .weapons-panel h2, body .ui-dialog .tab-content .charsheet .weapons-panel .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-sheet-name .sheet-template body .ui-dialog .tab-content .charsheet .weapons-panel .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet .equipment-panel h2, body .ui-dialog .tab-content .charsheet .equipment-panel .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-sheet-name .sheet-template body .ui-dialog .tab-content .charsheet .equipment-panel .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet .npc-investigation-panel h2, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-sheet-name .sheet-template body .ui-dialog .tab-content .charsheet .npc-investigation-panel .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet .npc-features-panel h2, body .ui-dialog .tab-content .charsheet .npc-features-panel .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-sheet-name .sheet-template body .ui-dialog .tab-content .charsheet .npc-features-panel .input-label:not(.stacked).large > [name] {
|
|
font-family: var(--font3);
|
|
color: var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel h3, body .ui-dialog .tab-content .charsheet .weapons-panel h3, body .ui-dialog .tab-content .charsheet .equipment-panel h3, body .ui-dialog .tab-content .charsheet .npc-investigation-panel h3, body .ui-dialog .tab-content .charsheet .npc-features-panel h3 {
|
|
display: block;
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
border-image: var(--border_header) 34 80 fill;
|
|
border-image-width: 1em 3em;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
font-size: 1.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel h3 span, body .ui-dialog .tab-content .charsheet .weapons-panel h3 span, body .ui-dialog .tab-content .charsheet .equipment-panel h3 span, body .ui-dialog .tab-content .charsheet .npc-investigation-panel h3 span, body .ui-dialog .tab-content .charsheet .npc-features-panel h3 span {
|
|
color: var(--col-green);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .input-label input, body .ui-dialog .tab-content .charsheet .weapons-panel .input-label input, body .ui-dialog .tab-content .charsheet .equipment-panel .input-label input, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .input-label input, body .ui-dialog .tab-content .charsheet .npc-features-panel .input-label input {
|
|
padding-right: 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .edit-toggle, body .ui-dialog .tab-content .charsheet .weapons-panel .edit-toggle, body .ui-dialog .tab-content .charsheet .equipment-panel .edit-toggle, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .edit-toggle, body .ui-dialog .tab-content .charsheet .npc-features-panel .edit-toggle {
|
|
position: absolute !important;
|
|
top: 0.5em;
|
|
right: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-name-display, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-name-display, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-name-display, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-name-display, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-name-display {
|
|
display: block;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
font-size: 2em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-description-display, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-description-display, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-description-display, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-description-display, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-description-display {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 7;
|
|
-webkit-box-orient: vertical;
|
|
font-family: var(--font1);
|
|
font-style: italic;
|
|
margin-bottom: 0.5em;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-header .input-label:first-of-type, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-header .input-label:first-of-type, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-header .input-label:first-of-type, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-header .input-label:first-of-type, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-header .input-label:first-of-type {
|
|
display: block;
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-header .input-label:first-of-type input, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-header .input-label:first-of-type input, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-header .input-label:first-of-type input, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-header .input-label:first-of-type input, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-header .input-label:first-of-type input {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repcontainer, body .ui-dialog .tab-content .charsheet .weapons-panel .repcontainer, body .ui-dialog .tab-content .charsheet .equipment-panel .repcontainer, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repcontainer, body .ui-dialog .tab-content .charsheet .npc-features-panel .repcontainer {
|
|
margin-bottom: 3em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repcontrol .btn, body .ui-dialog .tab-content .charsheet .spells-panel .repcontrol-button::before, body .ui-dialog .tab-content .charsheet .weapons-panel .repcontrol .btn, body .ui-dialog .tab-content .charsheet .weapons-panel .repcontrol-button::before, body .ui-dialog .tab-content .charsheet .equipment-panel .repcontrol .btn, body .ui-dialog .tab-content .charsheet .equipment-panel .repcontrol-button::before, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repcontrol .btn, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repcontrol-button::before, body .ui-dialog .tab-content .charsheet .npc-features-panel .repcontrol .btn, body .ui-dialog .tab-content .charsheet .npc-features-panel .repcontrol-button::before {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem {
|
|
position: relative;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-empty) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem::before, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem::before, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem::before, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem::before, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem::before {
|
|
--_mask-width: 4px;
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
clip-path: var(--empty_mask);
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem::before, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem::before, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem::before, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem::before, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem::before {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem .spell-cost > span, body .ui-dialog .tab-content .charsheet .spells-panel .repitem .ritual-specific > span, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem .spell-cost > span, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem .ritual-specific > span, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem .spell-cost > span, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem .ritual-specific > span, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem .spell-cost > span, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem .ritual-specific > span, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem .spell-cost > span, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem .ritual-specific > span {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-gold);
|
|
position: relative;
|
|
bottom: -0.75em;
|
|
font-family: var(--font3);
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
color: var(--col-green);
|
|
z-index: 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem .cost-inputs, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem .cost-inputs, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem .cost-inputs, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem .cost-inputs, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem .cost-inputs {
|
|
position: relative;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-empty) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
z-index: 1;
|
|
display: grid;
|
|
grid-template-columns: auto auto 1fr;
|
|
grid-template-rows: auto auto;
|
|
grid-auto-flow: column;
|
|
gap: 2px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem .cost-inputs::before, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem .cost-inputs::before, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem .cost-inputs::before, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem .cost-inputs::before, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem .cost-inputs::before {
|
|
--_mask-width: 4px;
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
clip-path: var(--empty_mask);
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem .cost-inputs .input-label, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem .cost-inputs .input-label, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem .cost-inputs .input-label, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem .cost-inputs .input-label, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem .cost-inputs .input-label {
|
|
position: relative;
|
|
background: var(--img-circle);
|
|
background-size: contain;
|
|
border: 1px solid var(--col-gold);
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 3em;
|
|
height: 3em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem .cost-inputs .input-label span, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem .cost-inputs .input-label span, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem .cost-inputs .input-label span, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem .cost-inputs .input-label span, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem .cost-inputs .input-label span {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-green-dark);
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 50%;
|
|
translate: -50%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: var(--font3);
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
color: var(--col-gold-light);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem .cost-inputs .input-label input, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem .cost-inputs .input-label input, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem .cost-inputs .input-label input, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem .cost-inputs .input-label input, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem .cost-inputs .input-label input {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
font-family: var(--font3);
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: var(--col-green-dark);
|
|
background: transparent;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .repitem .cost-inputs .headed-textarea, body .ui-dialog .tab-content .charsheet .weapons-panel .repitem .cost-inputs .headed-textarea, body .ui-dialog .tab-content .charsheet .equipment-panel .repitem .cost-inputs .headed-textarea, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .repitem .cost-inputs .headed-textarea, body .ui-dialog .tab-content .charsheet .npc-features-panel .repitem .cost-inputs .headed-textarea {
|
|
grid-column: unset;
|
|
grid-row: 1/span 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel::before, body .ui-dialog .tab-content .charsheet .weapons-panel::before, body .ui-dialog .tab-content .charsheet .equipment-panel::before, body .ui-dialog .tab-content .charsheet .npc-investigation-panel::before, body .ui-dialog .tab-content .charsheet .npc-features-panel::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: -1em;
|
|
background: var(--img-blackleather);
|
|
background-size: 500px 500px;
|
|
border-radius: 1em;
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-roller, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-roller, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-roller, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-roller, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-roller {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-family: var(--font1);
|
|
font-size: 1.2em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-roller button, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-roller button, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-roller button, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-roller button, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-roller button {
|
|
display: inline-block;
|
|
place-items: center;
|
|
text-align: center;
|
|
font-family: var(--font1);
|
|
font-size: 0.9em;
|
|
line-height: 1.2;
|
|
text-transform: capitalize;
|
|
color: var(--col-gold);
|
|
background: var(--img-blackleather);
|
|
background-size: cover;
|
|
border: 3px double var(--col-gold);
|
|
padding: 0.4em 0.8em;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
|
|
appearance: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-roller button::before, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-roller button::before, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-roller button::before, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-roller button::before, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-roller button::before {
|
|
content: unset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-roller button:hover, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-roller button:hover, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-roller button:hover, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-roller button:hover, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-roller button:hover {
|
|
background-color: color-mix(in srgb, var(--img-blackleather) 80%, #fff 20%);
|
|
border-color: var(--col-gold-light);
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-roller button span, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-roller button span, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-roller button span, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-roller button span, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-roller button span {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spells-panel .spell-roller > span, body .ui-dialog .tab-content .charsheet .weapons-panel .spell-roller > span, body .ui-dialog .tab-content .charsheet .equipment-panel .spell-roller > span, body .ui-dialog .tab-content .charsheet .npc-investigation-panel .spell-roller > span, body .ui-dialog .tab-content .charsheet .npc-features-panel .spell-roller > span {
|
|
display: grid;
|
|
place-content: center;
|
|
text-transform: capitalize;
|
|
font-style: italic;
|
|
color: var(--col-gold);
|
|
padding-right: 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spell-dialog {
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-scroll) 170 fill;
|
|
border-image-width: 6em;
|
|
padding: 1em 3em;
|
|
color: var(--col-gold-light);
|
|
--dropshadow: #dd1ccd;
|
|
mask-image: var(--vfx-centerfill);
|
|
mask-size: 100% 1500%;
|
|
mask-repeat: no-repeat;
|
|
mask-position: 0 0;
|
|
mask-mode: luminance;
|
|
animation: play 400ms steps(17) forwards;
|
|
filter: drop-shadow(0 0 0.5em var(--dropshadow)) drop-shadow(0 0 0.5em var(--dropshadow));
|
|
display: none;
|
|
position: fixed;
|
|
width: calc(100% - 10em);
|
|
height: 20em;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
z-index: 1000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spell-dialog * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spell-dialog .cost-panel {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet [type=hidden][name=attr_flag-spell_dialog][value="1"] + .spell-dialog {
|
|
display: block;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-rollers button {
|
|
display: inline-block;
|
|
place-items: center;
|
|
text-align: center;
|
|
font-family: var(--font1);
|
|
font-size: 0.9em;
|
|
line-height: 1.2;
|
|
text-transform: capitalize;
|
|
color: var(--col-gold);
|
|
background: var(--img-blackleather);
|
|
background-size: cover;
|
|
border: 3px double var(--col-gold);
|
|
padding: 0.4em 0.8em;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
|
|
appearance: none;
|
|
font-size: 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-rollers button::before {
|
|
content: unset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-rollers button:hover {
|
|
background-color: color-mix(in srgb, var(--img-blackleather) 80%, #fff 20%);
|
|
border-color: var(--col-gold-light);
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-rollers button span {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel section.action_initiative {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel section.action_initiative .input-label {
|
|
position: relative;
|
|
flex: 1;
|
|
margin-right: 1em;
|
|
padding-top: 0.5em;
|
|
justify-content: right;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel section.action_initiative .input-label span {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
color: var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel section.action_initiative .input-label select {
|
|
color: var(--col-gold-light);
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel section.action_initiative .action-order {
|
|
display: inline-block;
|
|
place-items: center;
|
|
text-align: center;
|
|
font-family: var(--font1);
|
|
font-size: 0.9em;
|
|
line-height: 1.2;
|
|
text-transform: capitalize;
|
|
color: var(--col-gold);
|
|
background: var(--img-blackleather);
|
|
background-size: cover;
|
|
border: 3px double var(--col-gold);
|
|
padding: 0.4em 0.8em;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
|
|
appearance: none;
|
|
margin-bottom: 4px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel section.action_initiative .action-order::before {
|
|
content: unset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel section.action_initiative .action-order:hover {
|
|
background-color: color-mix(in srgb, var(--img-blackleather) 80%, #fff 20%);
|
|
border-color: var(--col-gold-light);
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel section.action_initiative .action-order span {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel [name=attr_name] {
|
|
padding-right: 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .score_container {
|
|
border: 2px solid var(--col-green-light);
|
|
background: var(--col-green);
|
|
display: flex;
|
|
position: relative;
|
|
font-family: var(--font1);
|
|
font-size: 1em;
|
|
line-height: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .score_container input {
|
|
color: var(--col-gold-light);
|
|
font-family: var(--font1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .score_container::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 50%;
|
|
width: 2px;
|
|
rotate: 20deg;
|
|
transform-origin: center;
|
|
background: var(--col-green-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .global-range-selector {
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-green) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
color: var(--col-gold-light);
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .global-range-selector * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .global-range-selector h4 {
|
|
grid-column: 1/-1;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .global-range-selector label {
|
|
display: grid;
|
|
place-items: center;
|
|
box-sizing: content-box;
|
|
border-radius: 1em;
|
|
font-size: 0.8em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .global-range-selector label:hover {
|
|
background: var(--col-gold-dark);
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .global-range-selector label:has(input:checked) {
|
|
border: 2px solid var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .global-range-selector input[type=radio] {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .category-toggles label {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .full-auto-container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
border: 2px solid var(--col-gold);
|
|
border-width: 0 0 1px 1px;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .full-auto-container label {
|
|
padding: 0 0.5em;
|
|
font-family: var(--font1);
|
|
font-size: 1em;
|
|
line-height: 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item.unarmed-attack {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-green-light) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
color: var(--col-gold-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item.unarmed-attack button {
|
|
display: inline-block;
|
|
place-items: center;
|
|
text-align: center;
|
|
font-family: var(--font1);
|
|
font-size: 0.9em;
|
|
line-height: 1.2;
|
|
text-transform: capitalize;
|
|
color: var(--col-gold);
|
|
background: var(--img-blackleather);
|
|
background-size: cover;
|
|
border: 3px double var(--col-gold);
|
|
padding: 0.4em 0.8em;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
|
|
appearance: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item.unarmed-attack button::before {
|
|
content: unset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item.unarmed-attack button:hover {
|
|
background-color: color-mix(in srgb, var(--img-blackleather) 80%, #fff 20%);
|
|
border-color: var(--col-gold-light);
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item.unarmed-attack button span {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .repcontrol-button::before {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .ranged-adjustments {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
place-items: center;
|
|
gap: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .ranged-adjustments h3 {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .ranged-adjustments span {
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .ranged-adjustments .range-adjust-group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .ranged-adjustments .range-adjust-group .input-label {
|
|
position: relative;
|
|
background: var(--img-circle);
|
|
background-size: contain;
|
|
border: 1px solid var(--col-gold);
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 3em;
|
|
height: 3em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .ranged-adjustments .range-adjust-group .input-label span {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-green-dark);
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 50%;
|
|
translate: -50%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: var(--font3);
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
color: var(--col-gold-light);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .ranged-adjustments .range-adjust-group .input-label input {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
font-family: var(--font3);
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: var(--col-green-dark);
|
|
background: transparent;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .modifier-display {
|
|
text-align: center;
|
|
background: var(--col-gold);
|
|
border-radius: 0 0 1em 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .modifier-display span {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item {
|
|
font-family: var(--font1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item .weapon-name-display, body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item .weapon-name {
|
|
font-size: 1.2em;
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapons-panel .weapon-item input[name$=_category][value=melee] ~ .weapon-view .weapon-capacity-display {
|
|
display: none;
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section input {
|
|
color: var(--col-gold-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container {
|
|
perspective: 1000px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .occupation-container {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container label.occupation_button {
|
|
display: inline-block;
|
|
place-items: center;
|
|
text-align: center;
|
|
font-family: var(--font1);
|
|
font-size: 0.9em;
|
|
line-height: 1.2;
|
|
text-transform: capitalize;
|
|
color: var(--col-gold);
|
|
background: var(--img-blackleather);
|
|
background-size: cover;
|
|
border: 3px double var(--col-gold);
|
|
padding: 0.4em 0.8em;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
|
|
appearance: none;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5em;
|
|
color: var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container label.occupation_button::before {
|
|
content: unset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container label.occupation_button:hover {
|
|
background-color: color-mix(in srgb, var(--img-blackleather) 80%, #fff 20%);
|
|
border-color: var(--col-gold-light);
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container label.occupation_button span {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container label.occupation_button input {
|
|
height: 18px !important;
|
|
width: 18px !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container label.occupation_button ~ input[type=text] {
|
|
width: 100%;
|
|
border: 1px solid var(--col-gold);
|
|
border-width: 0 1px 1px 0;
|
|
border-radius: 0;
|
|
font-family: var(--font1);
|
|
text-align: right;
|
|
flex: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .card {
|
|
position: relative;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-empty) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
z-index: 1;
|
|
padding: 1em;
|
|
position: relative;
|
|
transform-style: preserve-3d;
|
|
transform-origin: center;
|
|
transition: transform 0.6s;
|
|
display: grid;
|
|
grid-template-areas: "card";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .card::before {
|
|
--_mask-width: 4px;
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
clip-path: var(--empty_mask);
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .card .card-front, body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .card .card-back {
|
|
backface-visibility: hidden;
|
|
grid-area: card;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .card .card-back {
|
|
transform: rotateY(180deg);
|
|
backface-visibility: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .card .card-back .adaptive {
|
|
height: 120px;
|
|
font-size: 0.8em;
|
|
transition: height 0.3s ease-in-out;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .card .card-back .adaptive span {
|
|
font-family: var(--font1);
|
|
padding-right: 1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container .card::before {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container input[name=attr_occupation_flag][value="1"] ~ .card {
|
|
transform: rotateY(180deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .agent-info-section.flip-container input[name=attr_occupation_flag][value="1"] ~ .card .adaptive {
|
|
height: unset;
|
|
}
|
|
|
|
.sheet-rolltemplate-gumshoe {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
position: relative;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-empty) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
z-index: 1;
|
|
--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);
|
|
--font-main: "Prata", serif;
|
|
--font1: "Prata", serif;
|
|
--font2: "Smythe", serif;
|
|
--font3: "Smythe", serif;
|
|
--fontSystem: "Syne Mono", monospace;
|
|
--font-icon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
|
|
--col-neutral: #f1ede5;
|
|
--col-gold-dark: #7f6b00;
|
|
--col-gold: #c39e00;
|
|
--col-gold-light: #f0e8ba;
|
|
--col-green-dark: #101f16;
|
|
--col-green: #2a4d3c;
|
|
--col-green-light: #d1e5b5;
|
|
--_colorMix: rgb(201, 194, 194);
|
|
--img-border-green: url(https://s3.amazonaws.com/files.d20.io/images/439959381/RSZd41flQfklAhybTasWew/med.png?1746560180);
|
|
--img-border-green-light: url(https://s3.amazonaws.com/files.d20.io/images/440254513/1otqE1yz3VDqzl8M7eFe6w/original.png?1746774339);
|
|
--img-border-scroll: url(https://s3.amazonaws.com/files.d20.io/images/441107547/Ki_dUXzY_0gSPGevOWjq2A/original.png?1747360515);
|
|
--img-border-empty: url(https://s3.amazonaws.com/files.d20.io/images/441222035/aSCo5zOEJVaxTunJldDxmw/med.png?1747440067);
|
|
--img-logo: url(https://s3.amazonaws.com/files.d20.io/images/439972227/bORX11WQus32E9rAVlbEqg/med.png?1746567667);
|
|
--img-logo: url(https://s3.amazonaws.com/files.d20.io/images/443045832/kchsi8xYnvPxRUWzLokFrQ/med.png?1748647013);
|
|
--img-pog_tentacle: url(https://s3.amazonaws.com/files.d20.io/images/440002303/ZLoKw5hWNy7xw6tVFKsZkw/med.png?1746584035);
|
|
--img-big_tentacle: url(https://s3.amazonaws.com/files.d20.io/images/442119807/YpIxhF5prAc3YVJ-jUKe3A/med.png?1748042089);
|
|
--img-texture: url(https://s3.amazonaws.com/files.d20.io/images/440006955/Dm71QzSaGTDZnrjN6b6Z0g/original.png?1746587565);
|
|
--img-ability_star: url(https://s3.amazonaws.com/files.d20.io/images/440613203/2Xp46SOGR8dvF_qs3nulPg/original.png?1746989324);
|
|
--img-square: url(https://s3.amazonaws.com/files.d20.io/images/440869348/goUEf0zcfbLCmdqmrdFSyw/med.png?1747181097);
|
|
--img-circle: url(https://s3.amazonaws.com/files.d20.io/images/441219840/y5qnYmU-UX-sWQFN4_KLQg/med.png?1747439294);
|
|
--img-threshold: url(https://s3.amazonaws.com/files.d20.io/images/441943059/RSMiKJFGMZBUauNW8LVBSw/med.png?1747926945);
|
|
--img-blackleather: url(https://s3.amazonaws.com/files.d20.io/images/441108548/0p1U9axVf08EEZPQz8FD4g/original.jpg?1747361132);
|
|
--ico-magnifier-closed: url(https://s3.amazonaws.com/files.d20.io/images/441255868/CYpwe9ZCybjrfpjMlDTLxA/med.png?1747459063);
|
|
--ico-magnifier-open: url(https://s3.amazonaws.com/files.d20.io/images/441255867/gEIstzLGVnJCbNKJbxYPeQ/med.png?1747459062);
|
|
--img-linefall: url(https://s3.amazonaws.com/files.d20.io/images/441870018/adDTs6FfP1NkXHptqd5LEw/original.png?1747861275);
|
|
--img-plus: url(https://s3.amazonaws.com/files.d20.io/images/442124389/0rcBSIlXQKCp9aYfcF6Jhg/med.png?1748044418);
|
|
--border_header: url(https://s3.amazonaws.com/files.d20.io/images/441630619/7pEN7LU9M-EAUN25ntSFBw/med.png?1747683222);
|
|
--vfx-longfill: url(https://s3.amazonaws.com/files.d20.io/images/440219143/18z4xpvFLMIMLIPFEuvW-g/original.png?1746746997);
|
|
--vfx-centerfill: url(https://s3.amazonaws.com/files.d20.io/images/441101785/6UKaIKAt3o0aUB39KyixLQ/original.jpg?1747356871);
|
|
--checkedBackColor: var(--col-gold-light);
|
|
--checkboxWidth: 10px;
|
|
--checkboxHeight: 10px;
|
|
--checkColor: var(var(--col-green-light));
|
|
--_mask-width: 4px;
|
|
--empty_mask:
|
|
polygon(
|
|
var(--_mask-width) calc(3 * var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(3 * var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) var(--_mask-width),
|
|
calc(100% - (3 * var(--_mask-width))) var(--_mask-width),
|
|
calc(100% - (3 * var(--_mask-width))) calc(3 * var(--_mask-width)),
|
|
calc(100% - var(--_mask-width)) calc(3 * var(--_mask-width)),
|
|
calc(100% - var(--_mask-width)) calc(100% - (3 * var(--_mask-width))),
|
|
calc(100% - (3 * var(--_mask-width))) calc(100% - (3 * var(--_mask-width))),
|
|
calc(100% - (3 * var(--_mask-width))) calc(100% - var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(100% - var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(100% - (3 * var(--_mask-width))),
|
|
var(--_mask-width) calc(100% - (3 * var(--_mask-width)))
|
|
);
|
|
padding: 1em;
|
|
font-family: var(--font1);
|
|
color: var(--fontColor);
|
|
}
|
|
.sheet-rolltemplate-gumshoe::before {
|
|
--_mask-width: 4px;
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
clip-path: var(--empty_mask);
|
|
z-index: -1;
|
|
}
|
|
.sheet-rolltemplate-gumshoe h2, .sheet-rolltemplate-gumshoe .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-sheet-name .sheet-template .sheet-rolltemplate-gumshoe .input-label:not(.stacked).large > [name] {
|
|
font-family: var(--font1);
|
|
font-size: 1em;
|
|
color: var(--col-gold-dark);
|
|
}
|
|
.sheet-rolltemplate-gumshoe hr {
|
|
display: block;
|
|
border: none;
|
|
width: 100%;
|
|
height: 1px;
|
|
background: var(--col-gold);
|
|
margin: 0 1em;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-character-name {
|
|
color: var(--col-gold);
|
|
text-align: right;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-roll-header {
|
|
font-family: var(--font3);
|
|
font-size: 2em;
|
|
text-align: center;
|
|
color: var(--col-gold-dark);
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-roll-description {
|
|
color: var(--lm-fontColor);
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-roll-points-spent {
|
|
display: block;
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
border-image: var(--border_header) 34 80 fill;
|
|
border-image-width: 1em 3em;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
font-family: var(--font1);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 0.8em;
|
|
color: var(--col-gold-dark);
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-roll-points-spent span {
|
|
color: var(--col-green);
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-roll-points-spent span:last-of-type {
|
|
position: relative;
|
|
font-weight: bold;
|
|
color: var(--col-gold-light);
|
|
padding: 0.2em;
|
|
border-radius: 0.5em;
|
|
aspect-ratio: 1/1;
|
|
z-index: 1;
|
|
margin-left: 1em;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-roll-points-spent span:last-of-type::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: calc(50% - 2px);
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
background: var(--col-gold-dark);
|
|
border-radius: 100%;
|
|
border: 4px double var(--col-gold);
|
|
z-index: -1;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-roll {
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-scroll) 170 fill;
|
|
border-image-width: 6em;
|
|
padding: 1em 3em;
|
|
color: var(--col-gold-light);
|
|
display: grid;
|
|
place-items: center;
|
|
padding: 3em;
|
|
height: 3.5em;
|
|
overflow: hidden;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-roll * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-roll > span {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-roll .inlinerollresult {
|
|
display: grid;
|
|
place-content: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
background-color: unset;
|
|
border: unset;
|
|
font-size: 3em;
|
|
border: 3px double var(--col-gold);
|
|
border-radius: 100%;
|
|
height: 3em;
|
|
width: 3em;
|
|
color: var(--col-gold-dark);
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-spell_cost {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-spell_cost [class^=sheet-spell_cost-] {
|
|
position: relative;
|
|
background: var(--img-circle);
|
|
background-size: contain;
|
|
border: 1px solid var(--col-gold);
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 3em;
|
|
height: 3em;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-spell_cost [class^=sheet-spell_cost-] span {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-green-dark);
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 50%;
|
|
translate: -50%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: var(--font3);
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
color: var(--col-gold-light);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-spell_cost [class^=sheet-spell_cost-] input {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
font-family: var(--font3);
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: var(--col-green-dark);
|
|
background: transparent;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-spell_cost [class^=sheet-spell_cost-] span:last-of-type {
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
text-shadow: unset;
|
|
color: var(--col-gold-dark);
|
|
font-family: var(--font3);
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-range {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-range span {
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-damage {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-damage span {
|
|
display: grid;
|
|
}
|
|
.sheet-rolltemplate-gumshoe .sheet-result-damage .inlinerollresult {
|
|
display: grid;
|
|
place-content: center;
|
|
background-color: unset;
|
|
border: unset;
|
|
color: var(--col-gold-dark);
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .dialog {
|
|
font-family: var(--font1);
|
|
font-size: 0.8em;
|
|
color: var(--col-green-dark);
|
|
overflow-y: scroll;
|
|
/* Firefox */
|
|
scrollbar-width: thin;
|
|
scrollbar-color: var(--col-gold) transparent;
|
|
filter: unset;
|
|
z-index: 1000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog::-webkit-scrollbar {
|
|
width: 12px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog::-webkit-scrollbar-track {
|
|
background: unset; /* Dark background for contrast */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog::-webkit-scrollbar-thumb {
|
|
background: var(--col-gold);
|
|
border-radius: 6px;
|
|
border: 2px solid var(--col-gold-dark); /* Adds padding effect */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog::-webkit-scrollbar-thumb:hover {
|
|
background: var(--col-gold-light); /* Lighter gold on hover */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .single_line {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog button.close-dialog-button {
|
|
position: fixed;
|
|
inset: 0;
|
|
backdrop-filter: blur(5px);
|
|
z-index: -999;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog button.close-dialog-button span {
|
|
position: absolute;
|
|
text-transform: uppercase;
|
|
color: var(--col-green-dark);
|
|
top: 10%;
|
|
left: 50%;
|
|
width: 20%;
|
|
text-align: center;
|
|
background: linear-gradient(to right, transparent, var(--backColor), transparent);
|
|
translate: -50% 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog button.close-dialog-button:hover span {
|
|
color: var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog :where([class^=dialog-content]) {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content_container {
|
|
position: fixed;
|
|
right: 20%;
|
|
left: 20%;
|
|
filter: drop-shadow(0 0 10px #31f77c);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
--dropshadow: #dd1ccd;
|
|
mask-image: var(--vfx-centerfill);
|
|
mask-size: 100% 1500%;
|
|
mask-repeat: no-repeat;
|
|
mask-position: 0 0;
|
|
mask-mode: luminance;
|
|
animation: play 400ms steps(17) forwards;
|
|
filter: drop-shadow(0 0 0.5em var(--dropshadow)) drop-shadow(0 0 0.5em var(--dropshadow));
|
|
padding: 1em 2em;
|
|
border: 6px double var(--col-green-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=initiative] ~ .dialog-content-initiative {
|
|
display: block;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=initiative] ~ .dialog-content-initiative.show-flex {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=initiative] ~ .dialog-content-initiative.show-grid {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=spell] ~ .dialog-content-spell {
|
|
display: block;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=spell] ~ .dialog-content-spell.show-flex {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=spell] ~ .dialog-content-spell.show-grid {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=weapon] ~ .dialog-content-weapon {
|
|
display: block;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=weapon] ~ .dialog-content-weapon.show-flex {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=weapon] ~ .dialog-content-weapon.show-grid {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=ability] ~ .dialog-content-ability {
|
|
display: block;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=ability] ~ .dialog-content-ability.show-flex {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .content input[name=attr_show_dialog_content_type][value=ability] ~ .dialog-content-ability.show-grid {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell > h3 {
|
|
grid-column: 1/-1;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
color: var(--col-green-dark);
|
|
display: block;
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
border-image: var(--border_header) 34 80 fill;
|
|
border-image-width: 1em 3em;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell > h3 span {
|
|
color: var(--col-green);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .spell-description {
|
|
grid-column: 1/-1;
|
|
text-align: center;
|
|
position: relative;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-empty) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
z-index: 1;
|
|
border-radius: 5px;
|
|
margin: 1em 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .spell-description::before {
|
|
--_mask-width: 4px;
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
clip-path: var(--empty_mask);
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell aside {
|
|
display: grid;
|
|
place-content: center;
|
|
border: 1px solid var(--col-gold);
|
|
border-radius: 5px;
|
|
padding: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .spell-rules {
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .spell-cost {
|
|
gap: 1em;
|
|
position: relative;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-empty) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .spell-cost::before {
|
|
--_mask-width: 4px;
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
clip-path: var(--empty_mask);
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .additional-cost {
|
|
font-family: var(--fontSystem);
|
|
color: var(--col-gold-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .flip-container {
|
|
perspective: 1000px;
|
|
float: right;
|
|
margin: 0 0 0.5em 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .flip-container label {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: var(--col-gold);
|
|
margin-bottom: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .flip-container .flip-card {
|
|
position: relative;
|
|
width: fit-content;
|
|
transform-style: preserve-3d;
|
|
transform-origin: center;
|
|
transition: transform 0.6s;
|
|
display: grid;
|
|
grid-template-areas: "card";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .flip-container input[name=attr_dialog_spell_cost_initial][value="1"] ~ .flip-card {
|
|
transform: rotateY(180deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .flip-container input[name=attr_dialog_spell_type][value=ritual] ~ .initial {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .cost-panel {
|
|
display: grid;
|
|
grid-area: card;
|
|
grid-template-columns: 1fr 1fr;
|
|
backface-visibility: hidden;
|
|
box-sizing: border-box;
|
|
gap: 2px;
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .cost-panel label {
|
|
position: relative;
|
|
background: var(--img-circle);
|
|
background-size: contain;
|
|
border: 1px solid var(--col-gold);
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 3em;
|
|
height: 3em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .cost-panel label span {
|
|
--_outline-width: 1px;
|
|
--_outline-color: var(--col-green-dark);
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 50%;
|
|
translate: -50%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: var(--font3);
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
color: var(--col-gold-light);
|
|
text-shadow: var(--_outline-width) 0 0 var(--_outline-color), calc(-1 * var(--_outline-width)) 0 0 var(--_outline-color), 0 var(--_outline-width) 0 var(--_outline-color), 0 calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), var(--_outline-width) calc(-1 * var(--_outline-width)) 0 var(--_outline-color), calc(-1 * var(--_outline-width)) var(--_outline-width) 0 var(--_outline-color), var(--_outline-width) var(--_outline-width) 0 var(--_outline-color);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .cost-panel label input {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
font-family: var(--font3);
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: var(--col-green-dark);
|
|
background: transparent;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .cost-panel.back {
|
|
transform: rotateY(180deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-spell .stability-display {
|
|
grid-column: 1/-1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-weapon .ranged-weapon-dialog-options, body .ui-dialog .tab-content .charsheet .dialog .dialog-content-weapon .melee-weapon-dialog-options, body .ui-dialog .tab-content .charsheet .dialog .dialog-content-weapon .is-automatic, body .ui-dialog .tab-content .charsheet .dialog .dialog-content-weapon .is-shotgun {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-weapon input[name=attr_dialog_weapon_category][value=ranged] ~ .ranged-weapon-dialog-options {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-weapon input[name=attr_dialog_weapon_category][value=melee] ~ .melee-weapon-dialog-options {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-weapon input[name=attr_dialog_weapon_type][value=automatic] ~ .ranged-weapon-dialog-options .is-automatic {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-content-weapon input[name=attr_dialog_weapon_type][value=shotgun] ~ .ranged-weapon-dialog-options .is-shotgun {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .ranged-weapon-dialog-options {
|
|
justify-content: space-evenly;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .ranged-weapon-dialog-options > * {
|
|
gap: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .ranged-weapon-dialog-options .display_damage_modifier {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .ranged-weapon-dialog-options .display_damage_modifier span[name=attr_dialog_weapon_damage_mod] {
|
|
color: var(--col-gold-light);
|
|
position: relative;
|
|
height: min-content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .ranged-weapon-dialog-options .display_damage_modifier span[name=attr_dialog_weapon_damage_mod]::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: calc(50% - 1px);
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
background: var(--col-gold-dark);
|
|
border: 2px solid var(--col-gold);
|
|
border-radius: 50%;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .ranged-weapon-dialog-options .is-automatic {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
position: relative;
|
|
margin: 0.5em 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
border-image: var(--border_header) 34 80 fill;
|
|
border-image-width: 1em 3em;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
height: 2em;
|
|
width: 80%;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: -50% -50%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput::before span {
|
|
color: var(--col-green);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput h4 {
|
|
--fontColor: var(--col-gold-dark);
|
|
grid-column: 1/-1;
|
|
display: flex;
|
|
gap: 0.3em;
|
|
color: var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput h4 span[name=attr_dialog_ability_name] {
|
|
--fontColor: var(--col-green);
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
top: -0.2em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .present_display {
|
|
display: flex;
|
|
position: relative;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .present_display span {
|
|
box-sizing: content-box;
|
|
display: grid;
|
|
position: relative;
|
|
place-items: center;
|
|
color: var(--col-gold);
|
|
font-size: 1.5em;
|
|
height: 2em;
|
|
width: 2em;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .present_display span[name=attr_dialog_ability_pool] {
|
|
z-index: 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .present_display span[name=attr_dialog_ability_pool]::before {
|
|
background-color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .present_display span[name=attr_dialog_ability_max] {
|
|
background-color: var(--col-green);
|
|
border: 2px solid var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .present_display span[name=attr_dialog_ability_max]::before {
|
|
background-color: var(--col-green);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .present_display span::before {
|
|
position: absolute;
|
|
content: "";
|
|
inset: 0;
|
|
border: 2px solid var(--col-gold);
|
|
rotate: 45deg;
|
|
transform-origin: center;
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .input_wrapper {
|
|
position: relative;
|
|
margin-left: auto;
|
|
margin-right: 2em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput .input_wrapper::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: -1em;
|
|
bottom: -2em;
|
|
border: 2px solid var(--col-gold);
|
|
border-radius: 5em 5em 0 0;
|
|
background: var(--img-pog_tentacle), var(--img-blackleather);
|
|
background-size: contain, cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .spendInput input {
|
|
background-color: var(--col-gold-dark);
|
|
position: relative;
|
|
width: 2em;
|
|
height: 2em;
|
|
font-size: 2em;
|
|
color: var(--col-gold-light);
|
|
border: 2px solid var(--col-gold);
|
|
border-radius: 50%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .sub_header {
|
|
font-size: 0.7em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-button {
|
|
position: relative;
|
|
margin-right: 0.5em;
|
|
text-align: center;
|
|
background: var(--img-blackleather);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
font-size: 2em;
|
|
font-family: var(--font3);
|
|
color: var(--col-gold);
|
|
height: 2em;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .dialog .dialog-button::before {
|
|
content: "";
|
|
border: 5px double var(--col-gold);
|
|
position: absolute;
|
|
display: block;
|
|
inset: 0;
|
|
font-size: 0.5em;
|
|
z-index: -1;
|
|
}
|
|
|
|
.logo {
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
grid-template-areas: "bio weapons abilities" "bio spells abilities";
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container input[type=text] {
|
|
width: 100%;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.top {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-specific:has(input[name=attr_character_name]) {
|
|
grid-area: bio;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .abilities {
|
|
grid-area: abilities;
|
|
width: min-content;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .abilities-panel {
|
|
display: contents;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .abilities-panel .abilities-columns {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .abilities-panel .general {
|
|
columns: unset;
|
|
margin: 2em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .abilities-item:has(input[type=hidden].current-value[value="0"]) {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .abilities input[name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-col.general .abilities-item {
|
|
display: flex;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .abilities input[name=attr_flag_edit_abilities][value="1"] ~ .abilities-panel .abilities-col.general .abilities-item span:first-of-type {
|
|
left: 0;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.center {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom {
|
|
grid-column: 1/-1;
|
|
display: contents;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel {
|
|
grid-row: weapons;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel .global-range-selector,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel .unarmed-attack {
|
|
display: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .spells-panel {
|
|
padding: 3em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .spells-panel::before {
|
|
content: unset;
|
|
inset: -0.5em;
|
|
border-radius: 1em 1em 0 0;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel .repcontrol_edit,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel .repcontrol-button--add,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel .repcontrol_delete,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .spells-panel .repcontrol_edit,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .spells-panel .repcontrol-button--add,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .spells-panel .repcontrol_delete {
|
|
display: grid;
|
|
place-items: center;
|
|
color: var(--col-gold-dark);
|
|
background-color: var(--col-green-light);
|
|
border: 3px double var(--col-gold-dark);
|
|
padding: 0.2em 0.5em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel .repcontrol_edit::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel .repcontrol-button--add::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .weapons-panel .repcontrol_delete::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .spells-panel .repcontrol_edit::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .spells-panel .repcontrol-button--add::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container section.bottom .spells-panel .repcontrol_delete::before {
|
|
color: var(--col-gold-dark);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-features-panel, .charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-investigation-panel {
|
|
padding: 1em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-features-panel::before, .charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-investigation-panel::before {
|
|
content: unset;
|
|
inset: -0.5em;
|
|
border-radius: 1em 1em 0 0;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-features-panel .repcontrol_edit,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-features-panel .repcontrol-button--add,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-features-panel .repcontrol_delete, .charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-investigation-panel .repcontrol_edit,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-investigation-panel .repcontrol-button--add,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-investigation-panel .repcontrol_delete {
|
|
display: grid;
|
|
place-items: center;
|
|
color: var(--col-gold-dark);
|
|
background-color: var(--col-green-light);
|
|
border: 3px double var(--col-gold-dark);
|
|
padding: 0.2em 0.5em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-features-panel .repcontrol_edit::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-features-panel .repcontrol-button--add::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-features-panel .repcontrol_delete::before, .charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-investigation-panel .repcontrol_edit::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-investigation-panel .repcontrol-button--add::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_flag_show_settings][value="0"]) .sheet-main-content-container .npc-investigation-panel .repcontrol_delete::before {
|
|
color: var(--col-gold-dark);
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container {
|
|
--font-main: "Prata", serif;
|
|
--font1: "Prata", serif;
|
|
--font2: "Smythe", serif;
|
|
--font3: "Smythe", serif;
|
|
--fontSystem: "Syne Mono", monospace;
|
|
--fontColor: var(--col-gold-dark);
|
|
--col-neutral: #f1ede5;
|
|
--col-gold-dark: #160505;
|
|
--col-gold: #7c1111;
|
|
--col-gold-light: #90dae4;
|
|
--col-green-dark: #0c1025;
|
|
--col-green: #29455f;
|
|
--col-green-light: #b5d2e5;
|
|
--img-border-green: none;
|
|
--img-border-green-light: none;
|
|
--img-border-scroll: none;
|
|
--img-border-empty: none;
|
|
--img-logo: url(https://s3.amazonaws.com/files.d20.io/images/439972227/bORX11WQus32E9rAVlbEqg/med.png?1746567667);
|
|
--img-logo: url(https://s3.amazonaws.com/files.d20.io/images/444776396/E5cD5RwEiXe5TEAR6N7LZA/med.png?1749838010);
|
|
--img-pog_tentacle: url(https://s3.amazonaws.com/files.d20.io/images/440002303/ZLoKw5hWNy7xw6tVFKsZkw/med.png?1746584035);
|
|
--img-big_tentacle: url(https://s3.amazonaws.com/files.d20.io/images/442119807/YpIxhF5prAc3YVJ-jUKe3A/med.png?1748042089);
|
|
--img-texture: url(https://s3.amazonaws.com/files.d20.io/images/440006955/Dm71QzSaGTDZnrjN6b6Z0g/original.png?1746587565);
|
|
--img-ability_star: url(https://s3.amazonaws.com/files.d20.io/images/440613203/2Xp46SOGR8dvF_qs3nulPg/original.png?1746989324);
|
|
--img-square: url(https://s3.amazonaws.com/files.d20.io/images/440869348/goUEf0zcfbLCmdqmrdFSyw/med.png?1747181097);
|
|
--img-circle: url(https://s3.amazonaws.com/files.d20.io/images/441219840/y5qnYmU-UX-sWQFN4_KLQg/med.png?1747439294);
|
|
--img-threshold: none;
|
|
--img-blackleather: url(https://s3.amazonaws.com/files.d20.io/images/441108548/0p1U9axVf08EEZPQz8FD4g/original.jpg?1747361132);
|
|
--ico-magnifier-closed: url(https://s3.amazonaws.com/files.d20.io/images/441255868/CYpwe9ZCybjrfpjMlDTLxA/med.png?1747459063);
|
|
--ico-magnifier-open: url(https://s3.amazonaws.com/files.d20.io/images/441255867/gEIstzLGVnJCbNKJbxYPeQ/med.png?1747459062);
|
|
--img-linefall: url(https://s3.amazonaws.com/files.d20.io/images/441870018/adDTs6FfP1NkXHptqd5LEw/original.png?1747861275);
|
|
--img-plus: url(https://s3.amazonaws.com/files.d20.io/images/442124389/0rcBSIlXQKCp9aYfcF6Jhg/med.png?1748044418);
|
|
--_colorMix: rgb(180 183 201);
|
|
--border_header: none;
|
|
--empty_mask: none;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .settings-panel input,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .settings-panel select {
|
|
color: var(--col-gold);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .agent-info-section,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .tag-team-benefits-container,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .special-weapons-training-container,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .weapons-panel,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .notes-container,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .npc-features-panel {
|
|
border-image: unset !important;
|
|
border: 2px solid var(--col-gold) !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .agent-info-section::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .tag-team-benefits-container::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .special-weapons-training-container::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .weapons-panel::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .notes-container::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .npc-features-panel::before {
|
|
border-image: unset !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .reset-buttons button {
|
|
background: unset;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .reset-buttons button:hover {
|
|
border-color: var(--col-gold-dark);
|
|
color: var(--col-gold-dark);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .center {
|
|
justify-content: space-around;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .resistance-section {
|
|
padding: 0.5em;
|
|
border: 2px solid var(--col-gold);
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .resistance-section .resistance-values-grid {
|
|
background: var(--_colorMix);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .hit_threshold {
|
|
font-size: 1em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .abilities-panel {
|
|
gap: 1em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .ability-edit {
|
|
color: var(--col-gold);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .abilities-col:not(.general) .abilities-item {
|
|
color: var(--col-gold-dark);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .abilities-col.general {
|
|
border-image: unset;
|
|
padding: 0 0 0 1em;
|
|
border-color: var(--col-gold-dark);
|
|
border-width: 0 0 0 2px;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .agent-info-section,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .abilities-panel,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .ability-edit,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .tag-team-benefits-container,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .special-weapons-training-container,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .notes-container,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .weapons-panel,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .npc-features-panel,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-color: transparent;
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
background-repeat: repeat;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .agent-info-section::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .abilities-panel::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .ability-edit::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .tag-team-benefits-container::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .special-weapons-training-container::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .notes-container::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .weapons-panel::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .npc-features-panel::before,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container::before {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture) !important;
|
|
background-color: transparent !important;
|
|
background-blend-mode: screen, normal !important;
|
|
background-size: 920px 1380px !important;
|
|
background-position: center !important;
|
|
background-repeat: repeat !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .notes-container h3 {
|
|
color: var(--col-gold) !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .notes-container textarea {
|
|
color: var(--col-gold-dark) !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .weapons-panel .repitem,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .weapons-panel .repcontrol,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .npc-features-panel .repitem,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .npc-features-panel .repcontrol {
|
|
border: 2px solid var(--col-gold) !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .global-range-selector * {
|
|
color: var(--col-gold) !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .global-range-selector label:hover {
|
|
background: var(--_colorMix);
|
|
color: var(--col-gold-light);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container h4 {
|
|
color: var(--col-gold) !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .npc-features-panel h3 {
|
|
border: 1px solid var(--col-gold) !important;
|
|
color: var(--col-gold) !important;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .special-weapons-training-container,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .tag-team-benefits-container {
|
|
padding: 1em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .repcontrol .btn,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .repcontrol-button::before {
|
|
color: var(--col-gold-light);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container {
|
|
position: relative;
|
|
margin: 1em;
|
|
font-size: 0.75em;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-scroll) 170 fill;
|
|
border-image-width: 6em;
|
|
padding: 1em 3em;
|
|
color: var(--col-gold-light);
|
|
color: var(--col-green-dark);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container * {
|
|
color: var(--col-green-dark);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .repcontrol .btn,
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .repcontrol-button::before {
|
|
color: var(--col-gold-light);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-header {
|
|
display: block;
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
border-image: var(--border_header) 34 80 fill;
|
|
border-image-width: 1em 3em;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
font-size: 1.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-header span {
|
|
color: var(--col-green);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container fieldset {
|
|
display: grid;
|
|
gap: 0.5em;
|
|
padding: 0.5em 0;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-row {
|
|
position: relative;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-empty) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
z-index: 1;
|
|
padding: 0.75em 1em;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-row::before {
|
|
--_mask-width: 4px;
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
clip-path: var(--empty_mask);
|
|
z-index: -1;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-row::before {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-row input[type=text] {
|
|
flex-grow: 1;
|
|
border: none;
|
|
background: transparent;
|
|
color: var(--col-green-dark);
|
|
padding: 0.2em 0.5em;
|
|
border-bottom: 1px solid var(--col-gold-dark);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-row input[type=text]:focus {
|
|
outline: none;
|
|
border-bottom-color: var(--col-gold);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-row input[type=number] {
|
|
width: 3em;
|
|
text-align: center;
|
|
border: 1px solid var(--col-gold-dark);
|
|
background-color: var(--col-neutral);
|
|
color: var(--col-green-dark);
|
|
padding: 0.2em;
|
|
border-radius: 3px;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container .simple-list-row input[type=number]:focus {
|
|
outline: none;
|
|
border-color: var(--col-gold);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container .sheet-main-content-container .simple-list-container::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: -1em;
|
|
background: var(--img-blackleather);
|
|
border-radius: 1em;
|
|
z-index: -1;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=npc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general {
|
|
background: linear-gradient(to top, var(--_colorMix), var(--_colorMix)), var(--img-texture);
|
|
background-color: transparent;
|
|
background-blend-mode: screen, normal;
|
|
background-size: 920px 1380px;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item {
|
|
overflow: visible;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item:has(input.cherry-hidden-input[value="1"]) span {
|
|
color: var(--col-gold);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-item:has(input.cherry-hidden-input[value="1"]) input {
|
|
color: var(--col-gold);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
padding: 0.1em 0.2em;
|
|
position: relative;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label .mos-icon,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label .mos-icon {
|
|
font-family: "Material Symbols Outlined";
|
|
font-size: 1.2em;
|
|
background: var(--col-green);
|
|
border-radius: 2em;
|
|
line-height: 1;
|
|
color: var(--col-gold-light);
|
|
transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
|
|
font-variation-settings: "FILL" 0;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label .mos-icon::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label .mos-icon::before {
|
|
content: attr(data-unchecked-icon);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label input.mos-radio,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label input.mos-selector-checkbox,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label input.mos-radio,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label input.mos-selector-checkbox {
|
|
opacity: 0;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label input.mos-selector-checkbox:checked + .mos-icon,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label input.mos-radio:checked + .mos-icon,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label input.mos-selector-checkbox:checked + .mos-icon,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label input.mos-radio:checked + .mos-icon {
|
|
background: var(--col-green-light);
|
|
color: var(--col-gold);
|
|
font-variation-settings: "FILL" 1;
|
|
transform: scale(1.1);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label input.mos-selector-checkbox:checked + .mos-icon::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label input.mos-radio:checked + .mos-icon::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label input.mos-selector-checkbox:checked + .mos-icon::before,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label input.mos-radio:checked + .mos-icon::before {
|
|
content: attr(data-checked-icon);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-selector-container .mos-selector-label:hover .mos-icon,
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item .mos-radio-container .mos-selector-label:hover .mos-icon {
|
|
color: var(--col-gold);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item:has(input.is-mos-hidden-input[value="1"]) {
|
|
outline: 4px solid var(--col-gold);
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item:has(input.is-mos-hidden-input[value="1"]) span {
|
|
font-weight: 600;
|
|
}
|
|
.charsheet:has(input[type=hidden][name=attr_sheet_mode][value=pc]):has(input[type=hidden][name=attr_system_sheet][value=nba]) .abilities-col.general .abilities-item:has(input.is-mos-hidden-input[value="1"]) input {
|
|
font-weight: 600;
|
|
}
|
|
|
|
body.sheet-darkmode .charsheet:has(input[type=hidden][name=attr_system_sheet][value=nba]) .sheet-container {
|
|
--dm-fontColor: var(--col-gold-dark);
|
|
}
|
|
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel {
|
|
position: relative;
|
|
margin: 1em;
|
|
font-size: 0.75em;
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-scroll) 170 fill;
|
|
border-image-width: 6em;
|
|
padding: 1em 3em;
|
|
color: var(--col-gold-light);
|
|
color: var(--col-green-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel * {
|
|
color: var(--col-green-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel h2, body .ui-dialog .tab-content .charsheet .equipment-panel .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-sheet-name .sheet-template body .ui-dialog .tab-content .charsheet .equipment-panel .input-label:not(.stacked).large > [name] {
|
|
font-family: var(--font3);
|
|
color: var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-view {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 0.25em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-view .equipment-name-display {
|
|
display: block;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
font-size: 1.8em;
|
|
line-height: 1.1;
|
|
margin-bottom: 0.1em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit {
|
|
padding: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .input-label {
|
|
border: 1px solid var(--col-gold);
|
|
border-width: 0 1px 1px 0;
|
|
margin-bottom: 0.25em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .input-label span {
|
|
font-size: 0.7em;
|
|
color: var(--col-gold-dark);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit h3, body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit h4 {
|
|
display: block;
|
|
width: 100%;
|
|
border: 1px solid black;
|
|
border-image: var(--border_header) 34 80 fill;
|
|
border-image-width: 1em 3em;
|
|
text-align: center;
|
|
font-family: var(--font3);
|
|
font-size: 1.2em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit h3 span, body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit h4 span {
|
|
color: var(--col-green);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .other,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .vehicle,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .aircraft,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .tome,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .potential-fields,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .ability-bonuses-section {
|
|
margin-top: 0.5em;
|
|
padding-top: 0.5em;
|
|
border-top: 1px dashed var(--col-gold);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .other:first-child,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .vehicle:first-child,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .aircraft:first-child,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .tome:first-child,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .potential-fields:first-child,
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .ability-bonuses-section:first-child {
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
border-top: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .equipment-edit .bonus-item {
|
|
display: grid;
|
|
gap: 0.5em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-panel .edit-toggle.glass {
|
|
position: absolute;
|
|
top: 0.5em;
|
|
right: 0.5em;
|
|
z-index: 10;
|
|
}
|
|
|
|
.sheet-rolltemplate-sheet-name {
|
|
--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);
|
|
--font-main: "Prata", serif;
|
|
--font1: "Prata", serif;
|
|
--font2: "Smythe", serif;
|
|
--font3: "Smythe", serif;
|
|
--fontSystem: "Syne Mono", monospace;
|
|
--font-icon: "Material Symbols Outlined", "Material Icons", "Material Design Icons", "Font Awesome 5 Free";
|
|
--col-neutral: #f1ede5;
|
|
--col-gold-dark: #7f6b00;
|
|
--col-gold: #c39e00;
|
|
--col-gold-light: #f0e8ba;
|
|
--col-green-dark: #101f16;
|
|
--col-green: #2a4d3c;
|
|
--col-green-light: #d1e5b5;
|
|
--_colorMix: rgb(201, 194, 194);
|
|
--img-border-green: url(https://s3.amazonaws.com/files.d20.io/images/439959381/RSZd41flQfklAhybTasWew/med.png?1746560180);
|
|
--img-border-green-light: url(https://s3.amazonaws.com/files.d20.io/images/440254513/1otqE1yz3VDqzl8M7eFe6w/original.png?1746774339);
|
|
--img-border-scroll: url(https://s3.amazonaws.com/files.d20.io/images/441107547/Ki_dUXzY_0gSPGevOWjq2A/original.png?1747360515);
|
|
--img-border-empty: url(https://s3.amazonaws.com/files.d20.io/images/441222035/aSCo5zOEJVaxTunJldDxmw/med.png?1747440067);
|
|
--img-logo: url(https://s3.amazonaws.com/files.d20.io/images/439972227/bORX11WQus32E9rAVlbEqg/med.png?1746567667);
|
|
--img-logo: url(https://s3.amazonaws.com/files.d20.io/images/443045832/kchsi8xYnvPxRUWzLokFrQ/med.png?1748647013);
|
|
--img-pog_tentacle: url(https://s3.amazonaws.com/files.d20.io/images/440002303/ZLoKw5hWNy7xw6tVFKsZkw/med.png?1746584035);
|
|
--img-big_tentacle: url(https://s3.amazonaws.com/files.d20.io/images/442119807/YpIxhF5prAc3YVJ-jUKe3A/med.png?1748042089);
|
|
--img-texture: url(https://s3.amazonaws.com/files.d20.io/images/440006955/Dm71QzSaGTDZnrjN6b6Z0g/original.png?1746587565);
|
|
--img-ability_star: url(https://s3.amazonaws.com/files.d20.io/images/440613203/2Xp46SOGR8dvF_qs3nulPg/original.png?1746989324);
|
|
--img-square: url(https://s3.amazonaws.com/files.d20.io/images/440869348/goUEf0zcfbLCmdqmrdFSyw/med.png?1747181097);
|
|
--img-circle: url(https://s3.amazonaws.com/files.d20.io/images/441219840/y5qnYmU-UX-sWQFN4_KLQg/med.png?1747439294);
|
|
--img-threshold: url(https://s3.amazonaws.com/files.d20.io/images/441943059/RSMiKJFGMZBUauNW8LVBSw/med.png?1747926945);
|
|
--img-blackleather: url(https://s3.amazonaws.com/files.d20.io/images/441108548/0p1U9axVf08EEZPQz8FD4g/original.jpg?1747361132);
|
|
--ico-magnifier-closed: url(https://s3.amazonaws.com/files.d20.io/images/441255868/CYpwe9ZCybjrfpjMlDTLxA/med.png?1747459063);
|
|
--ico-magnifier-open: url(https://s3.amazonaws.com/files.d20.io/images/441255867/gEIstzLGVnJCbNKJbxYPeQ/med.png?1747459062);
|
|
--img-linefall: url(https://s3.amazonaws.com/files.d20.io/images/441870018/adDTs6FfP1NkXHptqd5LEw/original.png?1747861275);
|
|
--img-plus: url(https://s3.amazonaws.com/files.d20.io/images/442124389/0rcBSIlXQKCp9aYfcF6Jhg/med.png?1748044418);
|
|
--border_header: url(https://s3.amazonaws.com/files.d20.io/images/441630619/7pEN7LU9M-EAUN25ntSFBw/med.png?1747683222);
|
|
--vfx-longfill: url(https://s3.amazonaws.com/files.d20.io/images/440219143/18z4xpvFLMIMLIPFEuvW-g/original.png?1746746997);
|
|
--vfx-centerfill: url(https://s3.amazonaws.com/files.d20.io/images/441101785/6UKaIKAt3o0aUB39KyixLQ/original.jpg?1747356871);
|
|
--checkedBackColor: var(--col-gold-light);
|
|
--checkboxWidth: 10px;
|
|
--checkboxHeight: 10px;
|
|
--checkColor: var(var(--col-green-light));
|
|
--_mask-width: 4px;
|
|
--empty_mask:
|
|
polygon(
|
|
var(--_mask-width) calc(3 * var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(3 * var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) var(--_mask-width),
|
|
calc(100% - (3 * var(--_mask-width))) var(--_mask-width),
|
|
calc(100% - (3 * var(--_mask-width))) calc(3 * var(--_mask-width)),
|
|
calc(100% - var(--_mask-width)) calc(3 * var(--_mask-width)),
|
|
calc(100% - var(--_mask-width)) calc(100% - (3 * var(--_mask-width))),
|
|
calc(100% - (3 * var(--_mask-width))) calc(100% - (3 * var(--_mask-width))),
|
|
calc(100% - (3 * var(--_mask-width))) calc(100% - var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(100% - var(--_mask-width)),
|
|
calc(3 * var(--_mask-width)) calc(100% - (3 * var(--_mask-width))),
|
|
var(--_mask-width) calc(100% - (3 * var(--_mask-width)))
|
|
);
|
|
}
|
|
.sheet-rolltemplate-sheet-name.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);
|
|
--dm-checkColor: var(--col-green-light);
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .sheetform {
|
|
background-color: unset;
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .center::before, .sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .abilities-panel, .sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section.flip-container .card::before {
|
|
background: var(--img-blackleather);
|
|
background-size: 500px 500px;
|
|
background-repeat: repeat;
|
|
background-blend-mode: unset;
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section span {
|
|
color: var(--col-gold);
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section input {
|
|
color: var(--col-gold-light);
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section label.occupation_button {
|
|
background: var(--col-green-dark);
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .agent-info-section label.occupation_button:hover {
|
|
background-color: var(--col-green);
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .abilities-col.general {
|
|
border: 2px solid black;
|
|
border-image: var(--img-border-green) 90 fill;
|
|
border-image-width: 3em;
|
|
padding: 1em;
|
|
color: var(--col-gold-light);
|
|
border-image-outset: 2em;
|
|
padding: unset;
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .abilities-col.general * {
|
|
color: var(--col-gold-light);
|
|
}
|
|
.sheet-rolltemplate-sheet-name.sheet-rolltemplate-darkmode .ui-dialog .tab-content .charsheet main .current_value {
|
|
color: var(--col-green);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template {
|
|
position: relative;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
--inlineRollFont: var(--font6);
|
|
--inlineRollSize: var(--size6);
|
|
--inlineRollCritFont: var(--inlineRollFont);
|
|
--inlineRollCritSize: var(--inlineRollSize);
|
|
--inlineRollFumbleFont: var(--inlineRollFont);
|
|
--inlineRollFumbleSize: var(--inlineRollSize);
|
|
--inlineRollImportantFont: var(--inlineRollFont);
|
|
--inlineRollImportantSize: var(--inlineRollSize);
|
|
--lm-inlineRollBackColor: transparent;
|
|
--dm-inlineRollBackColor: transparent;
|
|
--inlineRollBackColor: var(--lm-inlineRollBackColor);
|
|
--inlineRollColor: var(--fontColor);
|
|
--lm-inlineRollCritBackColor: var(--lm-inlineRollBackColor);
|
|
--dm-inlineRollCritBackColor: var(--dm-inlineRollBackColor);
|
|
--inlineRollCritBackColor: var(--lm-inlineRollCritBackColor);
|
|
--lm-inlineRollCritColor: #40E240;
|
|
--dm-inlineRollCritColor: #40E240;
|
|
--inlineRollCritColor: var(--lm-inlineRollCritColor);
|
|
--lm-inlineRollFumbleBackColor: var(--lm-inlineRollBackColor);
|
|
--dm-inlineRollFumbleBackColor: var(--dm-inlineRollBackColor);
|
|
--inlineRollFumbleBackColor: var(--lm-inlineRollFumbleBackColor);
|
|
--lm-inlineRollFumbleColor: #C70000;
|
|
--dm-inlineRollFumbleColor: #C70000;
|
|
--inlineRollFumbleColor: var(--lm-inlineRollCritColor);
|
|
--lm-inlineRollImportantBackColor: var(--lm-inlineRollBackColor);
|
|
--dm-inlineRollImportantBackColor: var(--dm-inlineRollBackColor);
|
|
--inlineRollImportantBackColor: var(--lm-inlineRollImportantBackColor);
|
|
--lm-inlineRollImportantColor: #000352;
|
|
--dm-inlineRollImportantColor: #000352;
|
|
--inlineRollImportantColor: var(--lm-inlineRollCritColor);
|
|
--inlineRollPadTop: 0;
|
|
--inlineRollPadRight: 0;
|
|
--inlineRollPadBottom: 0;
|
|
--inlineRollPadLeft: 0;
|
|
--inlineRollMarginTop: 0;
|
|
--inlineRollMarginRight: 0;
|
|
--inlineRollMarginBottom: 0;
|
|
--inlineRollMarginLeft: 0;
|
|
--inlineRollBorderTop: 0;
|
|
--inlineRollBorderRight: 0;
|
|
--inlineRollBorderBottom: 0;
|
|
--inlineRollBorderLeft: 0;
|
|
--inlineRollPadding:
|
|
var(--inlineRollPadTop)
|
|
var(--inlineRollPadRight)
|
|
var(--inlineRollPadBottom)
|
|
var(--inlineRollPadLeft);
|
|
--inlineRollMargin:
|
|
var(--inlineRollMarginTop)
|
|
var(--inlineRollMarginRight)
|
|
var(--inlineRollMarginBottom)
|
|
var(--inlineRollMarginLeft);
|
|
--inlineRollBorder:
|
|
var(--inlineRollBorderTop)
|
|
var(--inlineRollBorderRight)
|
|
var(--inlineRollBorderBottom)
|
|
var(--inlineRollBorderLeft);
|
|
/*No roll sfc used*/
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template select,
|
|
.sheet-rolltemplate-sheet-name .sheet-template textarea,
|
|
.sheet-rolltemplate-sheet-name .sheet-template input,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .uneditable-input,
|
|
.sheet-rolltemplate-sheet-name .sheet-template label,
|
|
.sheet-rolltemplate-sheet-name .sheet-template button {
|
|
all: initial;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .flex-box,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-flex-box {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .flex-wrap,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .justify-space-around,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .justify-space-between,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .justify-center,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-justify-center {
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .flex-min-content,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-flex-min-content {
|
|
flex: 1 0 min-content;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .stacked {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .stacked.center > * {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .stacked:not(.center) {
|
|
align-items: start;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .flex-column,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-flex-column {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .flex-row-reverse,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-flex-row-revers {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .flex-column-reverse,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .normal-gap,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-normal-gap {
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .normal-gap-x,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-normal-gap-x {
|
|
column-gap: var(--normal-gap-x);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .normal-gap-y,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-normal-gap-y {
|
|
row-gap: var(--normal-gap-y);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .half-gap,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-half-gap {
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .half-gap-x,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-half-gap-x {
|
|
column-gap: var(--half-gap-x);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .half-gap-y,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-half-gap-y {
|
|
row-gap: var(--half-gap-y);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .tiny-gap,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-tiny-gap {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .tiny-gap-x,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-tiny-gap-x {
|
|
column-gap: var(--tiny-gap-x);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .tiny-gap-y,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-tiny-gap-y {
|
|
row-gap: var(--tiny-gap-y);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .big-gap,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-big-gap {
|
|
gap: var(--big-gap);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .big-gap-x,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-big-gap-x {
|
|
column-gap: var(--big-gap-x);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .big-gap-y,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-big-gap-y {
|
|
row-gap: var(--big-gap-y);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .grid,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-grid {
|
|
display: grid;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .grid-span-2,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-grid-span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .grid-span-all,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-grid-span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .grid-column,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-grid-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .grid-dense,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-grid-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .boxed,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-boxed {
|
|
border: 2px solid var(--borderColor);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .boxed.thick-left,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-boxed.thick-left {
|
|
border-left-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .boxed.thick-bottom,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-boxed.thick-bottom {
|
|
border-bottom-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .boxed.thick-right,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-boxed.thick-right {
|
|
border-right-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .boxed.thick-top,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-boxed.thick-top {
|
|
border-top-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .underlined,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template :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-sheet-name .sheet-template :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
|
background-color: var(--disabledColor);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .underlined--invisible {
|
|
border-color: transparent !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .ratio1-1,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-ratio1-1 {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template span,
|
|
.sheet-rolltemplate-sheet-name .sheet-template input,
|
|
.sheet-rolltemplate-sheet-name .sheet-template textarea,
|
|
.sheet-rolltemplate-sheet-name .sheet-template button,
|
|
.sheet-rolltemplate-sheet-name .sheet-template select {
|
|
line-height: normal;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .text-1,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-text-1 {
|
|
font-size: var(--size1);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .text-2,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-text-2 {
|
|
font-size: var(--size2);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .text-3,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-text-3 {
|
|
font-size: var(--size3);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .text-4,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-text-4 {
|
|
font-size: var(--size4);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .text-5,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-text-5 {
|
|
font-size: var(--size5);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .text-6,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-text-6 {
|
|
font-size: var(--size6);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .text-7,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-text-7 {
|
|
font-size: var(--size7);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .capitalize,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .lowercase,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .uppercase,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-material-icons,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .material-symbol,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .sheet-italics,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .italics {
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h1,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h1:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="1"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h1 *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h1 *:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="1"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h2, .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h2:not(input), .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name]:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="2"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h2 *, .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h2 *:not(input), .sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked).large > [name] *:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="2"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h3,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h3:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="3"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h3 *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h3 *:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="3"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h4,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h4:not(:where(input)),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="4"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h4:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="4"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h4 *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h4 *:not(:where(input)),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="4"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h4 *:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="4"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h5,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h5:not(:where(input)),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="5"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h5:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="5"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h5 *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h5 *:not(:where(input)),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="5"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h5 *:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="5"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h6,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h6:not(:where(input)),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="6"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h6:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="6"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h6 *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[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-sheet-name .sheet-template h6 *:not(:where(input)),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="6"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template h6 *:not(input),
|
|
.sheet-rolltemplate-sheet-name .sheet-template *[aria-level="6"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-pictos,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .pictos {
|
|
font-family: pictos;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .pictos3,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-pictos3 {
|
|
font-family: pictos three;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .pictoscustom,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-pictoscustom {
|
|
font-family: pictos custom;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .d4,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-d4 {
|
|
font-family: dicefontd4 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .d6,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-d6 {
|
|
font-family: dicefontd6 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .d8,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-d8 {
|
|
font-family: dicefontd8 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .d10,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-d10 {
|
|
font-family: dicefontd10 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .d12,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-d12 {
|
|
font-family: dicefontd12 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .d20,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-d20 {
|
|
font-family: dicefontd20 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .d30,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-d30 {
|
|
font-family: dicefontd30 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template 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-sheet-name .sheet-template input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
|
background-color: var(--checkedBackColor);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template 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-sheet-name .sheet-template input[type=number] {
|
|
width: 3rem;
|
|
-moz-appearance: textfield !important;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-sheet-name .sheet-template input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template select,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .pseudo-select span,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-sheet-name .sheet-template textarea,
|
|
.sheet-rolltemplate-sheet-name .sheet-template input:not(:is([type=radio], [type=checkbox])),
|
|
.sheet-rolltemplate-sheet-name .sheet-template .uneditable-input {
|
|
padding: var(--inputPadding);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template input:is([type=text], [type=number]), .sheet-rolltemplate-sheet-name .sheet-template textarea {
|
|
cursor: auto;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template select,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .pseudo-select span,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-sheet-name .sheet-template input:not(:where([type=checkbox], [type=radio])),
|
|
.sheet-rolltemplate-sheet-name .sheet-template .uneditable-input,
|
|
.sheet-rolltemplate-sheet-name .sheet-template textarea {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template select,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template input {
|
|
width: auto;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template input:placeholder {
|
|
color: var(--placeholderColor);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template input.plus-control:not([value*="-"]) + span:before {
|
|
content: "+";
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template textarea {
|
|
resize: var(--textareaResize);
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template textarea.fixed {
|
|
resize: none;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template button {
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .roller {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .roller:before {
|
|
content: "T";
|
|
font-family: dicefontd20;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container {
|
|
display: grid;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .text-collapse {
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .text-collapse__text {
|
|
display: inline;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .text-collapse__check:checked + .text-collapse:before {
|
|
content: var(--collapsedSymbol);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem:hover > .collapse, .sheet-rolltemplate-sheet-name .sheet-template .repitem:hover .roll-container,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container:hover > .collapse,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container:hover .roll-container {
|
|
opacity: var(--collapseHoverOpacity);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > .collapse,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .repitem > .collapse:before,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container > .collapse:before {
|
|
content: "y";
|
|
font-family: pictos;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > .collapse:checked,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container > .collapse:checked {
|
|
color: var(--collapseCollapsedColor);
|
|
background-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > .collapse:checked ~ .collapse-container .expanded,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container > .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container > .collapse:checked ~ .collapse-container .expanded {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > .collapse:not(:checked) ~ .collapsed,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container > .collapse:not(:checked) ~ .collapsed {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > .collapse:hover,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .collapse-container > .collapse:hover {
|
|
color: var(--collapseExpandedColor);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repcontainer.editmode .collapse {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .fill-left {
|
|
display: var(--fillLeftDisplay);
|
|
align-self: var(--fillLeftAlignment);
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .fill-left__radio {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
background-color: var(--fillLeftSelectedColor);
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .fill-left__radio:checked ~ .fill-left__radio {
|
|
background-color: var(--fillLeftUnselectedColor);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .input-label {
|
|
display: inline-flex;
|
|
gap: var(--input-label-gap);
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked) > input[type=text] {
|
|
flex: 1 1 0;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .input-label:not(.stacked) > :not([name]) {
|
|
flex: 0 0 auto;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .input-label > :is(span, button) {
|
|
text-transform: var(--input-label-text-transform);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .input-label--dual {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
grid-template-areas: "over over over" "under under under";
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .input-label--dual > span:last-of-type {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .input-label--dual > .slash {
|
|
line-height: 0rem;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .headed-textarea {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-columns: auto;
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .headed-textarea :not(textarea):not(.adaptive) {
|
|
justify-self: start;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .headed-textarea .headed-textarea__header {
|
|
grid-area: initial;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .adaptive {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "content";
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .adaptive > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .adaptive--text {
|
|
min-height: 4rem;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .adaptive--text__span {
|
|
white-space: pre-wrap;
|
|
padding: 2px;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .adaptive--text__textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
resize: none;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .adaptive--text__textarea,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .adaptive--input__input {
|
|
position: absolute;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .adaptive--input__input {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .adaptive--input__span {
|
|
padding: 2px;
|
|
min-height: 1.5rem;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem > input:not([type=checkbox]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem .headed-textarea,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repitem .description {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repcontainer {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repeating-container {
|
|
display: grid;
|
|
grid-template-areas: "header";
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repeating-container > .header {
|
|
grid-area: header;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 0;
|
|
transition: var(--revealTrans);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repcontrol-button {
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repcontrol-button ~ .repcontrol {
|
|
justify-self: end;
|
|
z-index: 100;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .repcontrol-button ~ .repcontrol > .repcontrol_add {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .repcontrol-button--add::before {
|
|
inset: 0;
|
|
place-self: center;
|
|
font-family: var(--font-icon);
|
|
font-size: 12px;
|
|
content: "add";
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .kmodal__button {
|
|
all: initial;
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .kmodal__checkbox[type=checkbox] {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .kmodal__background {
|
|
all: initial;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .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-sheet-name .sheet-template .kmodal__close:after,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .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-sheet-name .sheet-template .kmodal__close:hover:after,
|
|
.sheet-rolltemplate-sheet-name .sheet-template .kmodal__close:hover:before {
|
|
background: var(--kmodal-close-hover-color);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .kmodal__close:before {
|
|
transform: rotate(-45deg);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .kmodal__checkbox:not(:checked) + .kmodal__outer {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .kmodal__checkbox:checked + .kmodal__outer {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
|
|
top: 0;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .tabs__container:not(.k-active-tab) {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .tabs__nav-item {
|
|
list-style: none;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .tabs__nav-list {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .inlinerollresult {
|
|
background-color: var(--inlineRollBackColor);
|
|
color: var(--inlineRollColor);
|
|
font-family: var(--inlineRollFont);
|
|
font-size: var(--inlineRollSize);
|
|
padding: var(--inlineRollPadding);
|
|
border: var(--inlineRollBorder);
|
|
margin: var(--inlineRollMargin);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .inlinerollresult.fullcrit {
|
|
background-color: var(--inlineRollCritBackColor);
|
|
color: var(--inlineRollCritColor);
|
|
font-family: var(--inlineRollCritFont);
|
|
font-size: var(--inlineRollCritSize);
|
|
padding: var(--inlineRollCritPadding);
|
|
border: var(--inlineRollCritBorder);
|
|
margin: var(--inlineRollCritMargin);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .inlinerollresult.fullfail {
|
|
background-color: var(--inlineRollFumbleBackColor);
|
|
color: var(--inlineRollFumbleColor);
|
|
font-family: var(--inlineRollFumbleFont);
|
|
font-size: var(--inlineRollFumbleSize);
|
|
padding: var(--inlineRollFumblePadding);
|
|
border: var(--inlineRollFumbleBorder);
|
|
margin: var(--inlineRollFumbleMargin);
|
|
}
|
|
.sheet-rolltemplate-sheet-name .sheet-template .inlinerollresult.importantroll {
|
|
background-color: var(--inlineRollImportantBackColor);
|
|
color: var(--inlineRollImportantColor);
|
|
font-family: var(--inlineRollImportantFont);
|
|
font-size: var(--inlineRollImportantSize);
|
|
padding: var(--inlineRollImportantPadding);
|
|
border: var(--inlineRollImportantBorder);
|
|
margin: var(--inlineRollImportantMargin);
|
|
} |