mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
5424 lines
201 KiB
CSS
5424 lines
201 KiB
CSS
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Comme:400;700|Black+Ops+One&display=swap");
|
|
@import url("https://fonts.googleapis.com/css?family=Material+Icons&display=swap");
|
|
.tabs__container:not(.k-active-tab) {
|
|
display: none !important;
|
|
}
|
|
|
|
.tabs__nav-item {
|
|
list-style: none;
|
|
}
|
|
|
|
.tabs__nav-list {
|
|
display: flex;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet {
|
|
position: relative;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__button {
|
|
all: initial;
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__checkbox {
|
|
display: none;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
}
|
|
.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);
|
|
}
|
|
.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;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:after,
|
|
.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;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:hover:after,
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:hover:before {
|
|
background: var(--kmodal-close-hover-color);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:before {
|
|
transform: rotate(-45deg);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__checkbox:not(:checked) + .kmodal__outer {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
|
|
top: 0;
|
|
}
|
|
|
|
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;
|
|
--unselectedColor1: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);
|
|
--contentFont:"Comme", sans-serif;
|
|
--headerFont: "Black Ops One", cursive;
|
|
--midHeaderFont: "Comme", sans-serif;
|
|
--lm-collapseColor:black;
|
|
--dm-collapseColor:var(--dm-fontColor);
|
|
--collapseExpandedColor:var(--lm-collapseColor);
|
|
--collapseCollapsedColor:var(--lm-collapseColor);
|
|
--checkedBackColor: var(--tapeDarkStripeColor);
|
|
--lm-selectedTextColor: beige;
|
|
--dm-selectedTextColor: black;
|
|
--selectedTextColor: var(--lm-selectedTextColor);
|
|
--lm-fontColor: black;
|
|
--dm-fontColor: beige;
|
|
--fontColor: var(--lm-fontColor);
|
|
--selectColor: var(--lm-fontColor);
|
|
--lm-template-blendMode: none;
|
|
--dm-template-blendMode:soft-light;
|
|
--template-blendMode:var(--lm-template-blendMode);
|
|
--lm-sectionBackgroundColor: lightgrey;
|
|
--dm-sectionBackgroundColor: #353535;
|
|
--sectionBackgroundColor: var(--lm-sectionBackgroundColor);
|
|
--input-label-gap: var(--half-gap);
|
|
--lm-darkSectionBackgroundColor: rgba(0, 0, 0, 0.948);
|
|
--dm-darkSectionBackgroundColor: rgba(0, 0, 0, 0.948);
|
|
--darkSectionBackgroundColor: var(--lm-darkSectionBackgroundColor);
|
|
--lm-sectionBorderColor: black;
|
|
--dm-sectionBorderColor: var(--dm-tapeLightStripeColor);
|
|
--sectionBorderColor: var(--lm-sectionBorderColor);
|
|
--sectionBorderWidth: 2px;
|
|
--lm-sectionHeaderColor: var(--lm-fontColor);
|
|
--dm-sectionHeaderColor: var(--dm-tapeLightStripeColor);
|
|
--sectionHeaderColor: var(--lm-sectionHeaderColor);
|
|
--lm-sectionFontColor: rgb(24, 24, 27);
|
|
--dm-sectionFontColor: beige;
|
|
--sectionFontColor: var(--lm-sectionFontColor);
|
|
--sidebarContainerWidth: 25%;
|
|
--sidebarContainerBorderWidth: 0.4rem;
|
|
--sidebarContainerBorderColor: #353535;
|
|
--sidebarContainerBorderRadius: 2rem;
|
|
--sidebarGradientColorFirst: #ffda62;
|
|
--sidebarGradientColorSecond: #ffff60;
|
|
--sidebarGradientColorThird: #fffddd;
|
|
--sidebarOddRowColor: #ffda62;
|
|
--sidebarTablePadding: 3rem;
|
|
--sidebarTableMargin: 2.5rem;
|
|
--sidebarTableWidth: 100%;
|
|
--sidebarCellBorderWidth: 0.3rem;
|
|
--sidebarCellBorderColor: #353535;
|
|
--sidebarCellBoderStyle: double;
|
|
--formRadius: 0.5rem;
|
|
--lm-formColor: black;
|
|
--dm-formColor: beige;
|
|
--formColor: var(--lm-formColor);
|
|
--formBackColor: var(--backColor);
|
|
--lm-formShadowColor1: rgba(50, 50, 93, 0.25);
|
|
--lm-formShadowColor2: rgba(0, 0, 0, 0.3);
|
|
--dm-formShadowColor1: rgba(30, 30, 64, 0.25);
|
|
--dm-formShadowColor2: rgba(0, 0, 0, 0.556);
|
|
--formShadowColor1: var(--lm-formShadowColor1);
|
|
--formShadowColor2: var(--lm-formShadowColor2);
|
|
--lm-formSpanBack: var(--tapeDarkStripeColor);
|
|
--dm-formSpanBack: var(--dm-tapeLightStripeColor);
|
|
--formSpanBack: var(--lm-formSpanBack);
|
|
--lm-formSpanColor: rgb(205, 218, 226);
|
|
--dm-formSpanColor: #17191a;
|
|
--formSpanColor: var(--lm-formSpanColor);
|
|
--tapeContainerHeight: 100%;
|
|
--lm-tapeLightStripeColor: #ffff60;
|
|
--dm-tapeLightStripeColor: #f5c454;
|
|
--tapeLightStripeColor: var(--lm-tapeLightStripeColor);
|
|
--lm-tapeDarkStripeColor: #353535;
|
|
--dm-tapeDarkStripeColor: #101010;
|
|
--tapeDarkStripeColor: var(--lm-tapeDarkStripeColor);
|
|
--tapeBorderColor: #353535;
|
|
--tapeBorderWidth: 0.1rem;
|
|
--tapeStripeSize: 1.5rem;
|
|
--lm-cautionTape: repeating-linear-gradient(
|
|
-45deg,
|
|
var(--lm-tapeLightStripeColor) 0 var(--tapeStripeSize),
|
|
var(--lm-tapeDarkStripeColor) var(--tapeStripeSize)
|
|
calc(var(--tapeStripeSize) * 2)
|
|
);
|
|
--dm-cautionTape: repeating-linear-gradient(
|
|
-45deg,
|
|
var(--dm-tapeLightStripeColor) 0 var(--tapeStripeSize),
|
|
var(--dm-tapeDarkStripeColor) var(--tapeStripeSize)
|
|
calc(var(--tapeStripeSize) * 2)
|
|
);
|
|
--cautionTape:var(--lm-cautionTape);
|
|
--lineSpacer: 0.3rem;
|
|
--lm-dieWatermark: #e9e9e9;
|
|
--dm-dieWatermark: black;
|
|
--dieWatermark: var(--lm-dieWatermark);
|
|
--lm-borderColor: #353535;
|
|
--dm-borderColor: var(--dm-tapeLightStripeColor);
|
|
--lm-imageInvert: 0;
|
|
--dm-imageInvert: 0.6;
|
|
--imageInvert:var(--lm-imageInvert);
|
|
--geniusBack: url("https://s3.amazonaws.com/files.d20.io/images/340451606/ge9DgfDNVv6Sz1ERcgD-TQ/original.webp");
|
|
--focusBack: url("https://s3.amazonaws.com/files.d20.io/images/340451603/5uETo9bzyRPsdl5FjuaRVg/original.webp");
|
|
--influenceBack: url("https://s3.amazonaws.com/files.d20.io/images/340451605/UZBb9ALC_vQrZ9w0j8xh-A/original.webp");
|
|
--inspirationBack: url("https://s3.amazonaws.com/files.d20.io/images/340451604/S8tWTbNmUU3gREzFavy0lA/original.webp");
|
|
--floatShadows: drop-shadow(var(--formShadowColor1) 0px 4px 8px) drop-shadow(var(--formShadowColor2) 0px 6px 12px);
|
|
--notchSize: 0.5rem;
|
|
--truePadding: var(--notchSize);
|
|
--notch: calc(100% - var(--notchSize));
|
|
--cornerSize: min(5rem,min(20cqw,20cqh));
|
|
--slopeSize:calc(var(--notchSize) * 0.6666);
|
|
--cornerSlopeSize: calc(var(--cornerSize) + var(--slopeSize));
|
|
--sectionHeadFontSize: 1.5rem;
|
|
--sectionContentPath:
|
|
polygon(
|
|
0 0, var(--cornerSize) 0, var(--cornerSlopeSize) var(--notchSize), calc(100% - var(--cornerSlopeSize)) var(--notchSize), calc(100% - var(--cornerSize)) 0 ,
|
|
100% 0, 100% var(--cornerSize), var(--notch) var(--cornerSlopeSize), var(--notch) calc(100% - var(--cornerSlopeSize)), 100% calc(100% - var(--cornerSize)),
|
|
100% 100%, calc(100% - var(--cornerSize)) 100%, calc(100% - var(--cornerSize)) 100%, calc(100% - var(--cornerSlopeSize)) var(--notch), var(--cornerSlopeSize) var(--notch), var(--cornerSize) 100%,
|
|
0 100%, 0 calc(100% - var(--cornerSize)), var(--notchSize) calc(100% - var(--cornerSlopeSize)), var(--notchSize) var(--cornerSlopeSize), 0 var(--cornerSize)
|
|
);
|
|
--sectionHeadPath: polygon(var(--sectionHeadFontSize) 0,calc(100% - var(--sectionHeadFontSize)) 0,100% 100%,0 100%);
|
|
--size1: 200%;
|
|
--size2: 150%;
|
|
--size3: 100%;
|
|
--size4: 100%;
|
|
--size5: 100%;
|
|
--size6: 100%;
|
|
--font1: var(--headerFont);
|
|
--font2: var(--headerFont);
|
|
--font3: var(--headerFont);
|
|
--font4: var(--midHeaderFont);
|
|
--font5: var(--midHeaderFont);
|
|
--font6: var(--contentFont);
|
|
--lm-statblockColor1:#ed2238;
|
|
--dm-statblockColor1:#ed2238;
|
|
--statblockColor1:var(--lm-statblockColor1);
|
|
--lm-statblockColor2:#132262;
|
|
--dm-statblockColor2:#00b1f0;
|
|
--statblockColor2:var(--lm-statblockColor2);
|
|
--concreteBackground: url("https://files.d20.io/images/338459767/JULvl8XV4Vxz2tV7I67edA/original.png");
|
|
--concreteBackground2: url("https://files.d20.io/images/338460570/GaALpY1919eyaTl6QgBt1A/original.png");
|
|
font-family: var(--contentFont);
|
|
font-weight: 400;
|
|
color: var(--fontColor);
|
|
font-size: 1rem;
|
|
}
|
|
body .ui-dialog .nav-tabs {
|
|
position: sticky;
|
|
top: 0;
|
|
margin-bottom: 0;
|
|
background-color: var(--backColor);
|
|
z-index: 1000;
|
|
}
|
|
body .ui-dialog .tab-content .sheetform {
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet {
|
|
padding: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet textarea,
|
|
body .ui-dialog .tab-content .charsheet input,
|
|
body .ui-dialog .tab-content .charsheet .uneditable-input,
|
|
body .ui-dialog .tab-content .charsheet label,
|
|
body .ui-dialog .tab-content .charsheet button {
|
|
all: initial;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-box,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-box {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-wrap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-space-around,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-space-between,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-center,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-center {
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-min-content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-min-content {
|
|
flex: 1 0 min-content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked.center > * {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked:not(.center) {
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-column,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-column {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-row-reverse,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-row-revers {
|
|
flex-direction: row-reverse;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-column-reverse,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap {
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-x {
|
|
column-gap: var(--normal-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-y {
|
|
row-gap: var(--normal-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap {
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap-x {
|
|
column-gap: var(--half-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap-y {
|
|
row-gap: var(--half-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-x {
|
|
column-gap: var(--tiny-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-y {
|
|
row-gap: var(--tiny-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap {
|
|
gap: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap-x {
|
|
column-gap: var(--big-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap-y {
|
|
row-gap: var(--big-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-span-2,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-span-all,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-column,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-dense,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed {
|
|
border: 2px solid var(--borderColor);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-left,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-left {
|
|
border-left-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-bottom,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom {
|
|
border-bottom-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-right,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-right {
|
|
border-right-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-top,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-top {
|
|
border-top-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .underlined,
|
|
body .ui-dialog .tab-content .charsheet .sheet-underlined {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
border-radius: 0;
|
|
border-bottom: 1px solid var(--borderColor);
|
|
transition: border-radius border var(--revealTrans);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
|
background-color: var(--disabledColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .underlined--invisible {
|
|
border-color: transparent !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ratio1-1,
|
|
body .ui-dialog .tab-content .charsheet .sheet-ratio1-1 {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet span,
|
|
body .ui-dialog .tab-content .charsheet input,
|
|
body .ui-dialog .tab-content .charsheet textarea,
|
|
body .ui-dialog .tab-content .charsheet button,
|
|
body .ui-dialog .tab-content .charsheet select {
|
|
line-height: normal;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-1,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-1 {
|
|
font-size: var(--size1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-2,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-2 {
|
|
font-size: var(--size2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-3,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-3 {
|
|
font-size: var(--size3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-4,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-4 {
|
|
font-size: var(--size4);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-5,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-5 {
|
|
font-size: var(--size5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-6,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-6 {
|
|
font-size: var(--size6);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-7,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-7 {
|
|
font-size: var(--size7);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .capitalize,
|
|
body .ui-dialog .tab-content .charsheet .sheet-capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .lowercase,
|
|
body .ui-dialog .tab-content .charsheet .sheet-lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .uppercase,
|
|
body .ui-dialog .tab-content .charsheet .sheet-uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-material-icons,
|
|
body .ui-dialog .tab-content .charsheet .material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .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-weight: normal;
|
|
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-weight: normal;
|
|
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-weight: normal;
|
|
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-weight: normal;
|
|
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-weight: normal;
|
|
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-weight: normal;
|
|
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 .section:not(.section--fill) {
|
|
margin: calc(var(--sectionBorderWidth) * 2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section:not(.section--fill) > .section--layout > .section__content,
|
|
body .ui-dialog .tab-content .charsheet .section:not(.section--fill) > .section--layout > .section__header {
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section.section--has-header {
|
|
margin-top: calc(var(--sectionHeadFontSize) / 2 + var(--sectionBorderWidth) * 2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section .section__header {
|
|
grid-area: head;
|
|
place-self: start center;
|
|
transform: translateY(calc(var(--sectionHeadFontSize) / -2));
|
|
z-index: 1;
|
|
background-color: var(--sectionBackgroundColor);
|
|
padding-inline: var(--sectionHeadFontSize);
|
|
clip-path: var(--sectionHeadPath);
|
|
color: var(--sectionHeaderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--fill {
|
|
color: var(--sectionFontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--layout {
|
|
display: grid;
|
|
grid-template-rows: [content-start head-start] auto [head-end] 1fr [content-end];
|
|
grid-template-columns: [content-start head-start] auto [head-end content-end];
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section__header {
|
|
font-size: var(--sectionHeadFontSize);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section__header + .section__content {
|
|
padding-top: calc(var(--truePadding) + var(--notchSize) * 2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section__shadow {
|
|
filter: drop-shadow(var(--sectionBorderWidth) var(--sectionBorderWidth) 0px var(--sectionBorderColor)) drop-shadow(calc(var(--sectionBorderWidth) * -1 + 1px) var(--sectionBorderWidth) 0px var(--sectionBorderColor)) drop-shadow(var(--sectionBorderWidth) calc(var(--sectionBorderWidth) * -1 + 1px) 0px var(--sectionBorderColor)) drop-shadow(calc(var(--sectionBorderWidth) * -1 + 1px) calc(var(--sectionBorderWidth) * -1 + 1px) 0px var(--sectionBorderColor));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section > .section__shadow,
|
|
body .ui-dialog .tab-content .charsheet .section > .section__content {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section__content {
|
|
grid-area: content;
|
|
background-color: var(--sectionBackgroundColor);
|
|
padding: calc(var(--truePadding) + var(--notchSize));
|
|
clip-path: var(--sectionContentPath);
|
|
border-radius: 20px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container {
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol-button,
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container.section .repcontrol {
|
|
right: calc(var(--truePadding) + var(--notchSize));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container:not(.section) .repcontrol {
|
|
right: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .caution-tape,
|
|
body .ui-dialog .tab-content .charsheet .sheet-caution-tape {
|
|
background: var(--cautionTape);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: var(--tapeContainerHeight);
|
|
border: var(--tapeBorderWidth) solid var(--tapeBorderColor);
|
|
align-items: stretch;
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .caution-tape__clip,
|
|
body .ui-dialog .tab-content .charsheet .sheet-caution-tape__clip {
|
|
transform: skew(45deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .k-active-button,
|
|
body .ui-dialog .tab-content .charsheet .caution-tape__content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content {
|
|
position: relative;
|
|
isolation: isolate;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .k-active-button:before,
|
|
body .ui-dialog .tab-content .charsheet .caution-tape__content:before,
|
|
body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content:before {
|
|
content: "";
|
|
z-index: -1;
|
|
position: absolute;
|
|
inset: -3px 0;
|
|
background-color: var(--tapeLightStripeColor);
|
|
border-inline: 1rem solid var(--tapeDarkStripeColor);
|
|
border-block: 4px solid var(--tapeDarkStripeColor);
|
|
transform: skewX(-45deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .k-active-button *,
|
|
body .ui-dialog .tab-content .charsheet .caution-tape__content *,
|
|
body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content * {
|
|
color: var(--lm-fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .caution-tape__content--solid,
|
|
body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content--solid {
|
|
background-color: var(--tapeDarkStripeColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .caution-tape__content--solid *,
|
|
body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content--solid * {
|
|
color: var(--dm-fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .caution-tape__content input,
|
|
body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content input {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sidebar__container {
|
|
width: var(--sidebarContainerWidth);
|
|
border: var(--sidebarContainerBorderWidth) solid var(--sidebarContainerBorderColor);
|
|
border-radius: var(--sidebarContainerBorderRadius);
|
|
background: linear-gradient(var(--sidebarGradientColorFirst), 20%, var(--sidebarGradientColorSecond), 80%, var(--sidebarGradientColorThird));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sidebar {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sidebar table {
|
|
padding: var(--sidebarTablePadding);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sidebar table {
|
|
margin: var(--sidebarTableMargin);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sidebar table,
|
|
body .ui-dialog .tab-content .charsheet .sidebar tr {
|
|
width: var(--sidebarTableWidth);
|
|
text-align: center;
|
|
border-collapse: collapse;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sidebar tbody tr:nth-child(odd) {
|
|
background-color: var(--sidebarOddRowColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sidebar tbody td:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sidebar thead th:first-child {
|
|
border-right: var(--sidebarCellBorderWidth) var(--sidebarCellBoderStyle) var(--sidebarCellBorderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio {
|
|
border: 1px solid var(--fontColor) !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio:checked {
|
|
background-color: var(--fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label {
|
|
--input-label-gap: 0;
|
|
align-items: stretch;
|
|
isolation: isolate;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label .form-label__span,
|
|
body .ui-dialog .tab-content .charsheet .form-label .sheet-form-label__span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label .form-label__span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label .sheet-form-label__span {
|
|
padding: var(--tiny-gap) var(--half-gap);
|
|
background-color: var(--formSpanBack);
|
|
color: var(--formSpanColor);
|
|
text-transform: capitalize;
|
|
font-weight: bold;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label .form-label__input,
|
|
body .ui-dialog .tab-content .charsheet .form-label .sheet-form-label__input,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label .form-label__input,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label .sheet-form-label__input {
|
|
border: none;
|
|
padding: var(--tiny-gap);
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label > :first-child:empty + *,
|
|
body .ui-dialog .tab-content .charsheet .form-label > :first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label > :first-child:empty + *,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label > :first-child {
|
|
border-top-left-radius: var(--formRadius);
|
|
border-bottom-left-radius: var(--formRadius);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label > :last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label > :last-child {
|
|
border-top-right-radius: var(--formRadius);
|
|
border-bottom-right-radius: var(--formRadius);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label .form-label__slide-out,
|
|
body .ui-dialog .tab-content .charsheet .form-label .sheet-form-label__slide-out,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label .form-label__slide-out,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label .sheet-form-label__slide-out {
|
|
padding-left: var(--normal-gap);
|
|
transform: translateX(calc(var(--normal-gap) * -1 + var(--tiny-gap)));
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea {
|
|
gap: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea .form-label--textarea__span,
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea .sheet-form-label--textarea__span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .form-label--textarea__span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .sheet-form-label--textarea__span {
|
|
align-self: stretch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea .form-label--textarea__span:first-child,
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea .sheet-form-label--textarea__span:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .form-label--textarea__span:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .sheet-form-label--textarea__span:first-child {
|
|
border-radius: var(--formRadius) var(--formRadius) 0 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea .form-label--textarea__input,
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea .sheet-form-label--textarea__input,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .form-label--textarea__input,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .sheet-form-label--textarea__input {
|
|
align-self: stretch;
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea .form-label--textarea__input:last-child,
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea .sheet-form-label--textarea__input:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .form-label--textarea__input:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .sheet-form-label--textarea__input:last-child {
|
|
border-radius: 0 0 var(--formRadius) var(--formRadius);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line {
|
|
flex-direction: row;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .adaptive--text,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .adaptive--text {
|
|
min-height: 0;
|
|
flex: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .form-label--textarea__span,
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .sheet-form-label--textarea__span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .form-label--textarea__span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .sheet-form-label--textarea__span {
|
|
align-self: stretch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .form-label--textarea__span:first-child,
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .sheet-form-label--textarea__span:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .form-label--textarea__span:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .sheet-form-label--textarea__span:first-child {
|
|
border-radius: var(--formRadius) 0 0 var(--formRadius);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .form-label--textarea__input,
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .sheet-form-label--textarea__input,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .form-label--textarea__input,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .sheet-form-label--textarea__input {
|
|
align-self: stretch;
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .form-label--textarea__input:last-child,
|
|
body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .sheet-form-label--textarea__input:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .form-label--textarea__input:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .sheet-form-label--textarea__input:last-child {
|
|
border-radius: 0 var(--formRadius) var(--formRadius) 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .form-label__no-label,
|
|
body .ui-dialog .tab-content .charsheet .sheet-form-label__no-label {
|
|
border-radius: var(--formRadius) !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .prof-display {
|
|
isolation: isolate;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .prof-display :nth-child(2) ~ * {
|
|
z-index: -1;
|
|
position: relative;
|
|
left: calc(var(--tiny-gap) * -1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .prof-display .fill-left__radio {
|
|
border: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .prof-display .fill-left__radio[type=hidden][value="0"] ~ .fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .prof-display .fill-left__radio:checked ~ .fill-left__radio {
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet [hidden],
|
|
body .ui-dialog .tab-content .charsheet .disabled,
|
|
body .ui-dialog .tab-content .charsheet .disabled--row {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .display-control:not(:checked) + .controlled-display {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .display-control--invert:checked + .controlled-display {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .display-value-control:is(:not([value]), [value=""]) + .controlled-display {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .recess-effect,
|
|
body .ui-dialog .tab-content .charsheet .sheet-recess-effect {
|
|
box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset;
|
|
background-color: var(--backColor);
|
|
color: var(--formColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .float-effect,
|
|
body .ui-dialog .tab-content .charsheet .sheet-float-effect {
|
|
filter: var(--floatShadows);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .rounded-container,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rounded-container {
|
|
background-color: var(--backColor);
|
|
border-radius: var(--formRadius);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer {
|
|
display: flex;
|
|
gap: var(tiny-gap) var(--half-gap);
|
|
flex-wrap: wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child) {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child):after {
|
|
content: ",";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .locked-fieldset + fieldset + .repcontainer + .repcontrol {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_edit {
|
|
display: grid;
|
|
grid-template-columns: auto 0;
|
|
grid-template-areas: "icon text";
|
|
overflow: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_edit:before {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
content: "edit";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add {
|
|
padding: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add:before {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer:nth-child(3) {
|
|
margin-top: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer:nth-last-child(2) {
|
|
margin-bottom: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container--button-margin {
|
|
padding-top: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem {
|
|
display: grid;
|
|
grid-template-columns: [float-start description-start] 1fr [float-end description-end];
|
|
grid-template-rows: [float-start] auto [description-start] auto [float-end] 1fr [description-end];
|
|
isolation: isolate;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem h3 {
|
|
text-align: left;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem .collapse {
|
|
z-index: 100000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head-container .section__content {
|
|
display: grid;
|
|
grid-template-columns: [float-start description-start] 1fr [float-end description-end];
|
|
grid-template-rows: [float-start] auto [description-start] auto [float-end] 1fr [description-end];
|
|
isolation: isolate;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head-container .section__content h3 {
|
|
text-align: left;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head-container .section__content .collapse {
|
|
z-index: 100000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head {
|
|
display: grid;
|
|
grid-area: float;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head .border-value--control:is(:not([value]), [value=""]) + * {
|
|
border-top-right-radius: 10rem;
|
|
border-bottom-right-radius: 10rem;
|
|
border-right: 2px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head .border-control--invert:checked + * {
|
|
--formRadius: 0.5rem;
|
|
border-right: 2px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head > :is(input, button) {
|
|
padding-inline: var(--half-gap);
|
|
border: 2px solid var(--borderColor);
|
|
background-color: var(--backColor);
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head > :is(input, button):first-child {
|
|
border-top-left-radius: 10rem;
|
|
border-bottom-left-radius: 10rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head > :is(input, button):not(:last-child) {
|
|
border-right-width: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head > :is(input, button):last-child {
|
|
border-top-right-radius: 10rem;
|
|
border-bottom-right-radius: 10rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head > input {
|
|
min-width: 5rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head > .roller + button + input + input,
|
|
body .ui-dialog .tab-content .charsheet .item-head > .roller + button + input + input + input,
|
|
body .ui-dialog .tab-content .charsheet .item-head > button + input,
|
|
body .ui-dialog .tab-content .charsheet .item-head > button + input + input {
|
|
border-left-width: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head .form-label:not(:last-child):not(:first-child) {
|
|
--formRadius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head .form-label:last-child .form-label__span {
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head .form-label:last-child .form-label__input {
|
|
border-right: 2px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head .form-label:first-child .form-label__input {
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head .form-label .form-label__input {
|
|
border-block: 2px solid var(--borderColor);
|
|
min-width: 2rem;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head ~ .section {
|
|
grid-area: description;
|
|
z-index: -1;
|
|
padding: var(--notchSize);
|
|
--sectionContentPath: polygon(
|
|
0 0, 100% 0,
|
|
100% var(--notch), 75% var(--notch), calc(75% - var(--slopeSize)) 100%, calc(25% + var(--slopeSize)) 100%, 25% var(--notch), 0 var(--notch)
|
|
);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head ~ .section .section__content {
|
|
background-image: var(--concreteBackground);
|
|
background-blend-mode: multiply;
|
|
background-size: 700px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head ~ .section .section__content {
|
|
--sectionBorderRadius: 50px;
|
|
border-radius: 0 0 var(--sectionBorderRadius) var(--sectionBorderRadius);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .item-head ~ .collapsed span {
|
|
white-space: pre-wrap;
|
|
max-height: 10rem;
|
|
display: block;
|
|
overflow: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .collapse-arrow.collapse-arrow {
|
|
top: calc(var(--half-gap) * -1);
|
|
width: 100%;
|
|
text-align: right;
|
|
height: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .collapse-arrow.collapse-arrow:before {
|
|
line-height: normal;
|
|
content: "expand_less";
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .collapse-arrow.collapse-arrow:checked:before {
|
|
content: "expand_more";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .expansive-section {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--normal-gap);
|
|
margin-top: calc(-100px + var(--normal-gap));
|
|
padding: 0 var(--half-gap);
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .expansive-content {
|
|
background-color: var(--backColor);
|
|
filter: var(--floatShadows);
|
|
overflow: hidden;
|
|
border-radius: 15px 10px 10px 15px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .expansive-content:first-child {
|
|
flex: 1 1 210px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .expansive-content:last-child {
|
|
flex: 1 1 360px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .expansive-content .collapse {
|
|
right: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .expansive-content .repcontainer {
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .character-avatar[src]:not([src=""]) + .character-token:not([src]), body .ui-dialog .tab-content .charsheet .character-avatar[src]:not([src=""]) + .character-token[src=""],
|
|
body .ui-dialog .tab-content .charsheet .character-avatar:not([src]),
|
|
body .ui-dialog .tab-content .charsheet .character-avatar[src=""],
|
|
body .ui-dialog .tab-content .charsheet .character-token:not([src]),
|
|
body .ui-dialog .tab-content .charsheet .character-token[src=""] {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--input {
|
|
display: inline-grid;
|
|
min-width: 6rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roller--mod-display {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roller--mod-display:before {
|
|
font-size: 2rem;
|
|
position: absolute;
|
|
color: var(--dieWatermark);
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roller--mod-display:before,
|
|
body .ui-dialog .tab-content .charsheet .roller--mod-display > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .parentheses--surround--full:not(:empty):before {
|
|
content: "(";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .parentheses--surround--full:not(:empty):after {
|
|
content: ")";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .float-effect {
|
|
grid-template-columns: auto 1fr auto auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .float-effect .input-label:last-child .input-label__input {
|
|
max-width: 5rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .repcontrol-button,
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .repcontrol {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .repcontrol {
|
|
right: calc(var(--truePadding) + var(--notchSize));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .itemcontrol {
|
|
z-index: 10000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .collapse {
|
|
z-index: 100000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list {
|
|
margin: 0;
|
|
background-color: var(--tapeDarkStripeColor);
|
|
transform: skewX(-45deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-item {
|
|
display: grid;
|
|
transform: skewX(45deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__header {
|
|
position: sticky;
|
|
top: 43.4px;
|
|
background: var(--cautionTape);
|
|
display: flex;
|
|
align-items: stretch;
|
|
justify-content: center;
|
|
--selectedColor: var(--tapeLightStripeColor);
|
|
--selectedTextColor: var(--tapeDarkStripeColor);
|
|
z-index: 1000;
|
|
margin-bottom: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__header .tabs__button {
|
|
color: var(--tapeLightStripeColor);
|
|
padding-block: var(--tiny-gap);
|
|
padding-inline: var(--half-gap);
|
|
transition-property: color, background-color, padding;
|
|
transition-duration: var(--revealTime);
|
|
transition-timing-function: var(--revealFunction);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__header .tabs__button:not(.tabs--everyday__button--settings) {
|
|
text-transform: capitalize;
|
|
font-family: var(--headerFont);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__header .k-active-button {
|
|
background-color: transparent;
|
|
color: var(--selectedTextColor);
|
|
padding-inline: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--ability-skill {
|
|
--sectionBackgroundColor: var(--darkSectionBackgroundColor);
|
|
--borderColor:var(--sectionBackgroundColor);
|
|
color: var(--dm-fontColor);
|
|
grid-row: span 3;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--ability-skill .section__content {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display {
|
|
--modSize: 53px;
|
|
display: grid;
|
|
grid-template-columns: [mod-start] calc(var(--modSize) / 2) [score-start] calc(var(--modSize) / 2) [mod-end] 1fr [score-end] 3rem;
|
|
grid-template-rows: auto [mod-start score-start] auto [mod-end score-end];
|
|
grid-template-areas: "name name name save-label" ". . . save";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display > .roller, body .ui-dialog .tab-content .charsheet .ability-display .ability-display__save-label {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display input[type=number] {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 0;
|
|
padding-left: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display__name {
|
|
grid-area: name;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display__save-label {
|
|
grid-area: save-label;
|
|
place-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display__mod {
|
|
position: relative;
|
|
grid-area: mod;
|
|
background-color: var(--backColor);
|
|
z-index: 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 1.4rem;
|
|
color: var(--formColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display__score {
|
|
grid-area: score;
|
|
font-size: 2rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display__save {
|
|
grid-area: save;
|
|
isolation: isolate;
|
|
display: grid;
|
|
grid-template-rows: auto 2rem;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability-display__save .prof-display {
|
|
place-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--ability-skill__abilities {
|
|
align-self: center;
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--ability-skill__skills {
|
|
padding: var(--half-gap);
|
|
background-color: var(--backColor);
|
|
border-radius: 5px;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto auto;
|
|
column-gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID {
|
|
display: grid;
|
|
height: auto;
|
|
border: 2px solid #353535;
|
|
border-radius: 2rem;
|
|
padding-top: 1.8rem;
|
|
background-image: var(--concreteBackground);
|
|
background-size: 700px;
|
|
background-color: var(--backColor);
|
|
background-blend-mode: var(--template-blendMode);
|
|
}
|
|
@container master (min-width: 600px) {
|
|
body .ui-dialog .tab-content .charsheet .heroID--front {
|
|
margin-left: 5rem;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--front {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: auto 5fr;
|
|
grid-column: 1/-1;
|
|
margin-bottom: -2.5rem;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--front .heroID__avatar {
|
|
max-width: 80px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--front .heroID__pic {
|
|
border-right: 0.2rem solid #353535;
|
|
border-top: 0.1rem solid #353535;
|
|
border-bottom: 0.1rem solid #353535;
|
|
border-left: 0.1rem solid #353535;
|
|
border-radius: 0 0 0 1.8rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--front .heroID__pic :first-child[src] ~ * {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--front .heroID__info {
|
|
grid-column: 2/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--back {
|
|
grid-template-rows: repeat(3, auto);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--back .heroID__avatar {
|
|
min-height: 200px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__header {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__title {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
padding-inline: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__pic {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__info {
|
|
padding: var(--half-gap) var(--normal-gap) var(--normal-gap) var(--half-gap);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__info .text {
|
|
--width: 15rem;
|
|
flex: 1 0 var(--width);
|
|
width: var(--width);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__info .text input {
|
|
width: 0;
|
|
flex: 1 0 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__info .number {
|
|
flex: 1 0 auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__info .number input {
|
|
flex: 1 0 auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID__info .form-label--textarea {
|
|
width: 100%;
|
|
flex: 0 0 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense {
|
|
--sectionRadius: 1rem;
|
|
grid-row: span 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense span, body .ui-dialog .tab-content .charsheet .section--defense button {
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .section__content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense button {
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .stacked {
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .stacked .input-label__input {
|
|
width: 100%;
|
|
flex: 1 0 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health {
|
|
background-color: black;
|
|
padding: var(--tiny-gap);
|
|
border-radius: var(--sectionRadius) 0 0 var(--sectionRadius);
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health--hp {
|
|
background-color: black;
|
|
border-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
display: grid;
|
|
gap: 1px;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-rows: auto auto;
|
|
grid-template-areas: "max temp current" "dice dice dice";
|
|
overflow: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health--hp > * {
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health--death {
|
|
color: var(--dm-formColor);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--half-gap);
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
padding: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health--death .input-label {
|
|
width: 100%;
|
|
gap: var(--half-gap);
|
|
justify-content: space-between;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health--death .fill-left {
|
|
padding: var(--tiny-gap);
|
|
background-color: var(--backColor);
|
|
border-radius: 100px;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health--death .fill-left .fill-left__radio {
|
|
border-radius: 100%;
|
|
border: 1px solid black;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health-hp__max {
|
|
grid-area: max;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health-hp__current {
|
|
grid-area: current;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health-hp__temp {
|
|
grid-area: temp;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health-hp__dice {
|
|
grid-area: dice;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health-hp__dice input[type=number] {
|
|
min-width: 1rem;
|
|
flex: 1 1 auto;
|
|
align-self: stretch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .health-hp__current input {
|
|
font-size: var(--size3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label,
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .input-label {
|
|
display: grid;
|
|
grid-template-areas: "label" "input";
|
|
isolation: isolate;
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label:before,
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label__input,
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .input-label:before,
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .input-label__input {
|
|
grid-area: input;
|
|
font-size: var(--size2);
|
|
font-weight: 700;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label:before:is(span),
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label__input:is(span),
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .input-label:before:is(span),
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .input-label__input:is(span) {
|
|
width: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label:before,
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses input.input-label__input,
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .input-label:before,
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points input.input-label__input {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label:before,
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .input-label:before {
|
|
z-index: -1;
|
|
position: relative;
|
|
content: "";
|
|
filter: invert(var(--imageInvert));
|
|
background-repeat: no-repeat;
|
|
background-size: 5rem;
|
|
background-position: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses {
|
|
padding: var(--tiny-gap);
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: var(--tiny-gap);
|
|
background-color: black;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label {
|
|
grid-template-rows: auto 1fr;
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense {
|
|
--pipPos: 1.7rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense:before, body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense:after {
|
|
content: "";
|
|
background-color: black;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
border-radius: 0 50% 50% 0;
|
|
position: relative;
|
|
grid-area: input;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense:before {
|
|
left: calc(var(--pipPos) * -1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense:after {
|
|
left: var(--pipPos);
|
|
rotate: 180deg;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense input {
|
|
width: 4rem;
|
|
border: 5px solid black;
|
|
height: 3rem;
|
|
aspect-ratio: 1/1;
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .bonuses .initiative:before {
|
|
content: "";
|
|
width: 1rem;
|
|
background-image: conic-gradient(from 145deg at 50% 30%, black, black 70deg, transparent 70deg);
|
|
background-repeat: repeat-y;
|
|
background-position: 0 0.8rem;
|
|
background-size: 1rem 1rem;
|
|
margin-left: var(--tiny-gap);
|
|
justify-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
grid-template-columns: 3fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .input-label {
|
|
grid-template-rows: auto 4rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points > * {
|
|
border-radius: var(--sectionRadius);
|
|
background-color: black;
|
|
padding: var(--tiny-gap);
|
|
display: flex;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points > * > :first-child {
|
|
border-top-left-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
border-bottom-left-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points > * > :last-child {
|
|
border-top-right-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
border-bottom-right-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points > * .input-label {
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .genius:before {
|
|
background-image: var(--geniusBack);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .focus:before {
|
|
background-image: var(--focusBack);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .influence:before {
|
|
background-image: var(--influenceBack);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--defense .points .inspiration:before {
|
|
background-image: var(--inspirationBack);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
border: 0.3em solid var(--borderColor);
|
|
grid-row: span 2;
|
|
padding-inline: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__container .input-label {
|
|
margin-block: 0.75rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__container input[type=checkbox] {
|
|
border-radius: 100%;
|
|
border: 0.1rem solid var(--fontColor);
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__container input[type=checkbox]:before {
|
|
content: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__container .input-label h5 {
|
|
font-size: 1rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__radioInput {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
padding: 1rem 0 10px 0;
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__basic, body .ui-dialog .tab-content .charsheet .equipment-prof__misc {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__tier1Line {
|
|
border-bottom: 3px solid var(--borderColor);
|
|
margin-left: 15%;
|
|
margin-right: 20%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__tier2Line {
|
|
border-left: 3px solid var(--borderColor);
|
|
height: 1rem;
|
|
margin-left: 15%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__tiers {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__alignLeft {
|
|
text-align: left;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__header {
|
|
font-size: 1.5rem;
|
|
padding-inline: var(--tiny-gap);
|
|
text-align: center;
|
|
position: absolute;
|
|
top: -1rem;
|
|
margin-inline: auto;
|
|
background: linear-gradient(transparent calc(50% - 0.3em), var(--backColor) calc(50% - 0.3em));
|
|
align-self: center;
|
|
color: var(--sectionHeaderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tickmark {
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tickmark::before {
|
|
position: absolute;
|
|
inset: -0.8rem auto 0;
|
|
margin-inline: auto;
|
|
content: "";
|
|
background-color: var(--borderColor);
|
|
width: 0.2rem;
|
|
height: 1.5rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .prof__visibility {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__miscInput {
|
|
border: none;
|
|
padding: var(--tiny-gap);
|
|
border-radius: var(--formRadius);
|
|
background-color: var(--backColor);
|
|
color: var(--formColor);
|
|
box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__miscFormat {
|
|
padding: 1rem;
|
|
background: var(--backgroundGradient);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-prof__miscFormat h3 {
|
|
white-space: pre-wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--equipment .section__content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--equipment .bulk-display {
|
|
justify-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_equipment] .repitem .float-effect {
|
|
grid-template-columns: 1fr auto auto;
|
|
grid-template-areas: "name qty bulk";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_equipment] .repitem .name {
|
|
grid-area: name;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_equipment] .repitem .qty {
|
|
grid-area: qty;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_equipment] .repitem .bulk {
|
|
grid-area: bulk;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--armor .item-head {
|
|
grid-template-columns: 1fr auto auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--armor .collapse {
|
|
top: 24px;
|
|
right: 6px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section-collapsible {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin-top: 1rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section-select {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select[class=input-label__input] {
|
|
border: none;
|
|
padding: var(--tiny-gap);
|
|
background-color: var(--backColor);
|
|
color: var(--formColor);
|
|
box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset;
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select[class=input-label__input]:last-child {
|
|
border-radius: 0 var(--formRadius) var(--formRadius) 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .talents .feat-info {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
justify-content: space-around;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .talents .float-effect {
|
|
grid-auto-flow: column;
|
|
grid-template-columns: 1fr auto auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--persona {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
container: persona/inline-size;
|
|
align-items: start;
|
|
grid-auto-flow: dense;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--notes .float-effect {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--notes input[type=text] {
|
|
width: 0;
|
|
flex: 1 1 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--persona {
|
|
grid-row: span 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--persona .section__content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--plans-tricks {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--plans-tricks h3,
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--plans-tricks [aria-level="3"] {
|
|
font-size: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--plans-tricks > .section > .section--layout {
|
|
min-height: 10rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .form-label input[type=text] {
|
|
flex: 1 1 0;
|
|
width: 0;
|
|
min-width: 4rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .float-effect {
|
|
grid-template-columns: auto 1fr auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .float-effect + .expanded .section__content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .repcontainer {
|
|
margin: var(--half-gap) 0 0 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place h2, body .ui-dialog .tab-content .charsheet .heroID--place .input-label:not(.stacked).large > [name] {
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .heroID__pic {
|
|
border: 2px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .heroID--place__details {
|
|
display: grid;
|
|
align-content: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .heroID--place__details .form-label__span {
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .heroID__info {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
|
gap: var(--normal-gap);
|
|
padding-top: 2px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .heroID--place__inputs {
|
|
padding-top: var(--half-gap);
|
|
grid-template-rows: auto auto 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .overflow-container {
|
|
min-height: 110px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .adaptive--text {
|
|
flex: 1 0 auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .collapse {
|
|
right: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--place .overflow-content {
|
|
overflow: hidden;
|
|
border-radius: 15px 10px 10px 15px;
|
|
background-color: var(--backColor);
|
|
filter: var(--floatShadows);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--vehicle .heroID__info {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
padding: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--vehicle .heroID--vehicle__damage {
|
|
background-color: var(--sectionBackgroundColor);
|
|
border-radius: 0 0 2rem 2rem;
|
|
align-items: start;
|
|
padding: var(--half-gap) var(--half-gap) 100px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--vehicle .damage-content {
|
|
display: contents;
|
|
color: var(--dm-fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--vehicle .damage-content > .flex-box {
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .heroID--vehicle__contests {
|
|
flex: 1 0 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--vehicle .expansive-section > .float-effect {
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock-edit-control {
|
|
position: sticky;
|
|
z-index: 100000;
|
|
top: 48px;
|
|
padding-inline: var(--half-gap);
|
|
border-radius: 5px;
|
|
background-color: var(--backColor);
|
|
margin-left: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--npc {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap) var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--npc > * {
|
|
flex: 1 0 auto;
|
|
width: 400px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--npc .actions-container .repeating-section-container {
|
|
break-inside: avoid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--npc .actions-container .repeating-section-container:not(:last-child) {
|
|
margin-bottom: var(--normal-gap);
|
|
border-bottom: 2px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock {
|
|
break-inside: avoid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__subrow.collapse-container.flex-box {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__row:not(.statblock__header) {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__row {
|
|
border-bottom: 1px solid var(--borderColor);
|
|
padding: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__row input {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__row > .collapse {
|
|
right: auto;
|
|
left: calc(var(--half-gap) * -1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__row .flex-box > input[type=text] {
|
|
width: 3rem;
|
|
flex: 1 auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__row__header {
|
|
color: var(--statblockColor2);
|
|
font-weight: bold;
|
|
text-transform: capitalize !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__edit .statblock__subrow > .repcontainer {
|
|
margin-top: var(--big-gap);
|
|
margin-bottom: var(--half-gap);
|
|
display: block;
|
|
column-width: 400px;
|
|
column-gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__edit .statblock__subrow > .repcontainer .repitem {
|
|
break-inside: avoid;
|
|
margin-bottom: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__ability-scores {
|
|
border: 3px double var(--borderColor);
|
|
padding: var(--half-gap) var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__ability-scores .score {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
grid-template-rows: auto auto;
|
|
grid-template-areas: "button button" "score mod";
|
|
column-gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__ability-scores input {
|
|
width: 2rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__ability-scores .statblock__row__header {
|
|
grid-area: button;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__header {
|
|
border-bottom: 2px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__header * {
|
|
color: var(--statblockColor1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__header > :first-child {
|
|
text-align: left;
|
|
flex: 1 1 0;
|
|
width: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .statblock__header .input-label .input-label__input {
|
|
width: 3rem;
|
|
text-align: center;
|
|
flex: 0 0 !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--npc-traits .repcontainer {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
|
gap: var(--half-gap) var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--npc-traits .repitem {
|
|
break-inside: avoid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--npc-traits .float-effect {
|
|
grid-template-columns: auto 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--npc-actions .float-effect {
|
|
grid-template-columns: auto 1fr auto auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__body {
|
|
container: master/inline-size;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--core {
|
|
display: grid;
|
|
flex-wrap: wrap;
|
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
|
grid-template-rows: repeat(3, auto) 1fr;
|
|
grid-auto-flow: dense;
|
|
gap: var(--big-gap);
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--npc-actions .float-effect {
|
|
grid-template-columns: auto 1fr auto auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--npc-actions .itemcontrol {
|
|
z-index: 10000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--npc-actions .collapse {
|
|
z-index: 100000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .content-row-gap {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
gap: var(--normal-gap) var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods {
|
|
column-width: 225px;
|
|
gap: var(--normal-gap);
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods h3 {
|
|
column-span: all;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods > * {
|
|
margin-bottom: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods .input-label,
|
|
body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods span {
|
|
flex: 1 0 auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input:placeholder-shown {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-span-all {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roller {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select {
|
|
border: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet label {
|
|
color: inherit;
|
|
font-family: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .itemcontrol {
|
|
z-index: 10000;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet [hidden] {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio[type=hidden][value="0"] ~ .fill-left__radio {
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .thin-border {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .thick-border {
|
|
border-width: var(--tiny-gap);
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .circle {
|
|
border-radius: 100%;
|
|
aspect-ratio: 1/1;
|
|
}
|
|
body.sheet-darkmode .ui-dialog {
|
|
--backColor:var(--dm-backColor);
|
|
--selectedColor:var(--dm-selectedColor);
|
|
--unselectedColor1:var(--dm-unselectedColor1);
|
|
--unselectedColor1:var(--dm-unselectedColor2);
|
|
--checkColor:var(--dm-checkColor);
|
|
--borderColor:var(--dm-borderColor);
|
|
--fontColor:var(--dm-fontColor);
|
|
--disabledColor:var(--dm-disabledColor);
|
|
--fontColor: var(--dm-fontColor);
|
|
--selectColor: var(--dm-fontColor);
|
|
--selectedTextColor: var(--dm-selectedTextColor);
|
|
--sectionBorderColor: var(--dm-sectionBorderColor);
|
|
--sectionBackgroundColor: var(--dm-sectionBackgroundColor);
|
|
--darkSectionBackgroundColor: var(--dm-darkSectionBackgroundColor);
|
|
--sectionFontColor: var(--dm-sectionFontColor);
|
|
--sectionHeaderColor: var(--dm-sectionHeaderColor);
|
|
--formSpanBack: var(--dm-formSpanBack);
|
|
--formSpanColor: var(--dm-formSpanColor);
|
|
--formColor: var(--dm-formColor);
|
|
--formShadowColor1: var(--dm-formShadowColor1);
|
|
--formShadowColor2: var(--dm-formShadowColor2);
|
|
--dieWatermark: var(--dm-dieWatermark);
|
|
--borderColor: var(--dm-borderColor);
|
|
--statblockColor1:var(--dm-statblockColor1);
|
|
--statblockColor2:var(--dm-statblockColor2);
|
|
--tapeLightStripeColor: var(--dm-tapeLightStripeColor);
|
|
--tapeDarkStripeColor: var(--dm-tapeDarkStripeColor);
|
|
--cautionTape:var(--dm-cautionTape);
|
|
--collapseExpandedColor:var(--dm-collapseColor);
|
|
--collapseCollapsedColor:var(--dm-collapseColor);
|
|
--template-blendMode:var(--dm-template-blendMode);
|
|
--checkedBackColor: var(--fontColor);
|
|
color: var(--fontColor);
|
|
}
|
|
|
|
.sheet-rolltemplate-everyday {
|
|
--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;
|
|
--unselectedColor1: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);
|
|
--contentFont:"Comme", sans-serif;
|
|
--headerFont: "Black Ops One", cursive;
|
|
--midHeaderFont: "Comme", sans-serif;
|
|
--lm-collapseColor:black;
|
|
--dm-collapseColor:var(--dm-fontColor);
|
|
--collapseExpandedColor:var(--lm-collapseColor);
|
|
--collapseCollapsedColor:var(--lm-collapseColor);
|
|
--checkedBackColor: var(--tapeDarkStripeColor);
|
|
--lm-selectedTextColor: beige;
|
|
--dm-selectedTextColor: black;
|
|
--selectedTextColor: var(--lm-selectedTextColor);
|
|
--lm-fontColor: black;
|
|
--dm-fontColor: beige;
|
|
--fontColor: var(--lm-fontColor);
|
|
--selectColor: var(--lm-fontColor);
|
|
--lm-template-blendMode: none;
|
|
--dm-template-blendMode:soft-light;
|
|
--template-blendMode:var(--lm-template-blendMode);
|
|
--lm-sectionBackgroundColor: lightgrey;
|
|
--dm-sectionBackgroundColor: #353535;
|
|
--sectionBackgroundColor: var(--lm-sectionBackgroundColor);
|
|
--input-label-gap: var(--half-gap);
|
|
--lm-darkSectionBackgroundColor: rgba(0, 0, 0, 0.948);
|
|
--dm-darkSectionBackgroundColor: rgba(0, 0, 0, 0.948);
|
|
--darkSectionBackgroundColor: var(--lm-darkSectionBackgroundColor);
|
|
--lm-sectionBorderColor: black;
|
|
--dm-sectionBorderColor: var(--dm-tapeLightStripeColor);
|
|
--sectionBorderColor: var(--lm-sectionBorderColor);
|
|
--sectionBorderWidth: 2px;
|
|
--lm-sectionHeaderColor: var(--lm-fontColor);
|
|
--dm-sectionHeaderColor: var(--dm-tapeLightStripeColor);
|
|
--sectionHeaderColor: var(--lm-sectionHeaderColor);
|
|
--lm-sectionFontColor: rgb(24, 24, 27);
|
|
--dm-sectionFontColor: beige;
|
|
--sectionFontColor: var(--lm-sectionFontColor);
|
|
--sidebarContainerWidth: 25%;
|
|
--sidebarContainerBorderWidth: 0.4rem;
|
|
--sidebarContainerBorderColor: #353535;
|
|
--sidebarContainerBorderRadius: 2rem;
|
|
--sidebarGradientColorFirst: #ffda62;
|
|
--sidebarGradientColorSecond: #ffff60;
|
|
--sidebarGradientColorThird: #fffddd;
|
|
--sidebarOddRowColor: #ffda62;
|
|
--sidebarTablePadding: 3rem;
|
|
--sidebarTableMargin: 2.5rem;
|
|
--sidebarTableWidth: 100%;
|
|
--sidebarCellBorderWidth: 0.3rem;
|
|
--sidebarCellBorderColor: #353535;
|
|
--sidebarCellBoderStyle: double;
|
|
--formRadius: 0.5rem;
|
|
--lm-formColor: black;
|
|
--dm-formColor: beige;
|
|
--formColor: var(--lm-formColor);
|
|
--formBackColor: var(--backColor);
|
|
--lm-formShadowColor1: rgba(50, 50, 93, 0.25);
|
|
--lm-formShadowColor2: rgba(0, 0, 0, 0.3);
|
|
--dm-formShadowColor1: rgba(30, 30, 64, 0.25);
|
|
--dm-formShadowColor2: rgba(0, 0, 0, 0.556);
|
|
--formShadowColor1: var(--lm-formShadowColor1);
|
|
--formShadowColor2: var(--lm-formShadowColor2);
|
|
--lm-formSpanBack: var(--tapeDarkStripeColor);
|
|
--dm-formSpanBack: var(--dm-tapeLightStripeColor);
|
|
--formSpanBack: var(--lm-formSpanBack);
|
|
--lm-formSpanColor: rgb(205, 218, 226);
|
|
--dm-formSpanColor: #17191a;
|
|
--formSpanColor: var(--lm-formSpanColor);
|
|
--tapeContainerHeight: 100%;
|
|
--lm-tapeLightStripeColor: #ffff60;
|
|
--dm-tapeLightStripeColor: #f5c454;
|
|
--tapeLightStripeColor: var(--lm-tapeLightStripeColor);
|
|
--lm-tapeDarkStripeColor: #353535;
|
|
--dm-tapeDarkStripeColor: #101010;
|
|
--tapeDarkStripeColor: var(--lm-tapeDarkStripeColor);
|
|
--tapeBorderColor: #353535;
|
|
--tapeBorderWidth: 0.1rem;
|
|
--tapeStripeSize: 1.5rem;
|
|
--lm-cautionTape: repeating-linear-gradient(
|
|
-45deg,
|
|
var(--lm-tapeLightStripeColor) 0 var(--tapeStripeSize),
|
|
var(--lm-tapeDarkStripeColor) var(--tapeStripeSize)
|
|
calc(var(--tapeStripeSize) * 2)
|
|
);
|
|
--dm-cautionTape: repeating-linear-gradient(
|
|
-45deg,
|
|
var(--dm-tapeLightStripeColor) 0 var(--tapeStripeSize),
|
|
var(--dm-tapeDarkStripeColor) var(--tapeStripeSize)
|
|
calc(var(--tapeStripeSize) * 2)
|
|
);
|
|
--cautionTape:var(--lm-cautionTape);
|
|
--lineSpacer: 0.3rem;
|
|
--lm-dieWatermark: #e9e9e9;
|
|
--dm-dieWatermark: black;
|
|
--dieWatermark: var(--lm-dieWatermark);
|
|
--lm-borderColor: #353535;
|
|
--dm-borderColor: var(--dm-tapeLightStripeColor);
|
|
--lm-imageInvert: 0;
|
|
--dm-imageInvert: 0.6;
|
|
--imageInvert:var(--lm-imageInvert);
|
|
--geniusBack: url("https://s3.amazonaws.com/files.d20.io/images/340451606/ge9DgfDNVv6Sz1ERcgD-TQ/original.webp");
|
|
--focusBack: url("https://s3.amazonaws.com/files.d20.io/images/340451603/5uETo9bzyRPsdl5FjuaRVg/original.webp");
|
|
--influenceBack: url("https://s3.amazonaws.com/files.d20.io/images/340451605/UZBb9ALC_vQrZ9w0j8xh-A/original.webp");
|
|
--inspirationBack: url("https://s3.amazonaws.com/files.d20.io/images/340451604/S8tWTbNmUU3gREzFavy0lA/original.webp");
|
|
--floatShadows: drop-shadow(var(--formShadowColor1) 0px 4px 8px) drop-shadow(var(--formShadowColor2) 0px 6px 12px);
|
|
--notchSize: 0.5rem;
|
|
--truePadding: var(--notchSize);
|
|
--notch: calc(100% - var(--notchSize));
|
|
--cornerSize: min(5rem,min(20cqw,20cqh));
|
|
--slopeSize:calc(var(--notchSize) * 0.6666);
|
|
--cornerSlopeSize: calc(var(--cornerSize) + var(--slopeSize));
|
|
--sectionHeadFontSize: 1.5rem;
|
|
--sectionContentPath:
|
|
polygon(
|
|
0 0, var(--cornerSize) 0, var(--cornerSlopeSize) var(--notchSize), calc(100% - var(--cornerSlopeSize)) var(--notchSize), calc(100% - var(--cornerSize)) 0 ,
|
|
100% 0, 100% var(--cornerSize), var(--notch) var(--cornerSlopeSize), var(--notch) calc(100% - var(--cornerSlopeSize)), 100% calc(100% - var(--cornerSize)),
|
|
100% 100%, calc(100% - var(--cornerSize)) 100%, calc(100% - var(--cornerSize)) 100%, calc(100% - var(--cornerSlopeSize)) var(--notch), var(--cornerSlopeSize) var(--notch), var(--cornerSize) 100%,
|
|
0 100%, 0 calc(100% - var(--cornerSize)), var(--notchSize) calc(100% - var(--cornerSlopeSize)), var(--notchSize) var(--cornerSlopeSize), 0 var(--cornerSize)
|
|
);
|
|
--sectionHeadPath: polygon(var(--sectionHeadFontSize) 0,calc(100% - var(--sectionHeadFontSize)) 0,100% 100%,0 100%);
|
|
--size1: 200%;
|
|
--size2: 150%;
|
|
--size3: 100%;
|
|
--size4: 100%;
|
|
--size5: 100%;
|
|
--size6: 100%;
|
|
--font1: var(--headerFont);
|
|
--font2: var(--headerFont);
|
|
--font3: var(--headerFont);
|
|
--font4: var(--midHeaderFont);
|
|
--font5: var(--midHeaderFont);
|
|
--font6: var(--contentFont);
|
|
--lm-statblockColor1:#ed2238;
|
|
--dm-statblockColor1:#ed2238;
|
|
--statblockColor1:var(--lm-statblockColor1);
|
|
--lm-statblockColor2:#132262;
|
|
--dm-statblockColor2:#00b1f0;
|
|
--statblockColor2:var(--lm-statblockColor2);
|
|
--concreteBackground: url("https://files.d20.io/images/338459767/JULvl8XV4Vxz2tV7I67edA/original.png");
|
|
--concreteBackground2: url("https://files.d20.io/images/338460570/GaALpY1919eyaTl6QgBt1A/original.png");
|
|
font-family: var(--contentFont);
|
|
font-weight: 400;
|
|
--lm-fullcritColor:#4bb150;
|
|
--dm-fullcritColor:#4bb150;
|
|
--fullcritColor:var(--lm-fullcritColor);
|
|
--lm-fullfailColor:#b83232;
|
|
--dm-fullfailColor:#ff0f0f;
|
|
--fullfailColor:var(--lm-fullfailColor);
|
|
--lm-importantrollColor:#0091c5;
|
|
--dm-importantrollColor:#00b1f0;
|
|
--importantrollColor:var(--lm-importantrollColor);
|
|
--lm-rollColor:black;
|
|
--dm-rollColor:white;
|
|
--rollColor:var(--lm-rollColor);
|
|
--templateBorder:calc(var(--borderWidth) * 3) solid var(--tapeDarkStripeColor);
|
|
--lm-description-backColor: var(--lm-backColor);
|
|
--dm-description-backColor:transparent;
|
|
--description-backColor:var(--lm-description-backColor);
|
|
margin-left: -40px;
|
|
margin-right: -10px;
|
|
margin-bottom: var(--big-gap);
|
|
filter: var(--floatShadows);
|
|
}
|
|
.sheet-rolltemplate-everyday:not(:first-child) {
|
|
padding-top: 10px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template {
|
|
background-image: var(--concreteBackground);
|
|
background-size: 700px;
|
|
background-color: var(--backColor);
|
|
background-blend-mode: var(--template-blendMode);
|
|
border-radius: 2rem;
|
|
border: var(--templateBorder);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template select,
|
|
.sheet-rolltemplate-everyday .sheet-template textarea,
|
|
.sheet-rolltemplate-everyday .sheet-template input,
|
|
.sheet-rolltemplate-everyday .sheet-template .uneditable-input,
|
|
.sheet-rolltemplate-everyday .sheet-template label,
|
|
.sheet-rolltemplate-everyday .sheet-template button {
|
|
all: initial;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .flex-box,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-flex-box {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .flex-wrap,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .justify-space-around,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .justify-space-between,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .justify-center,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-justify-center {
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .flex-min-content,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-flex-min-content {
|
|
flex: 1 0 min-content;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .stacked {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .stacked.center > * {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .stacked:not(.center) {
|
|
align-items: start;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .flex-column,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-flex-column {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .flex-row-reverse,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-flex-row-revers {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .flex-column-reverse,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .normal-gap,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-normal-gap {
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .normal-gap-x,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-normal-gap-x {
|
|
column-gap: var(--normal-gap-x);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .normal-gap-y,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-normal-gap-y {
|
|
row-gap: var(--normal-gap-y);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .half-gap,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-half-gap {
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .half-gap-x,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-half-gap-x {
|
|
column-gap: var(--half-gap-x);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .half-gap-y,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-half-gap-y {
|
|
row-gap: var(--half-gap-y);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tiny-gap,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-tiny-gap {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tiny-gap-x,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-tiny-gap-x {
|
|
column-gap: var(--tiny-gap-x);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tiny-gap-y,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-tiny-gap-y {
|
|
row-gap: var(--tiny-gap-y);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .big-gap,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-big-gap {
|
|
gap: var(--big-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .big-gap-x,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-big-gap-x {
|
|
column-gap: var(--big-gap-x);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .big-gap-y,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-big-gap-y {
|
|
row-gap: var(--big-gap-y);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .grid,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-grid {
|
|
display: grid;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .grid-span-2,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-grid-span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .grid-span-all,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-grid-span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .grid-column,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-grid-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .grid-dense,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-grid-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .boxed,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-boxed {
|
|
border: 2px solid var(--borderColor);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .boxed.thick-left,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-boxed.thick-left {
|
|
border-left-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .boxed.thick-bottom,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-boxed.thick-bottom {
|
|
border-bottom-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .boxed.thick-right,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-boxed.thick-right {
|
|
border-right-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .boxed.thick-top,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-boxed.thick-top {
|
|
border-top-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .underlined,
|
|
.sheet-rolltemplate-everyday .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-everyday .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-everyday .sheet-template :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
|
background-color: var(--disabledColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .underlined--invisible {
|
|
border-color: transparent !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ratio1-1,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-ratio1-1 {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template span,
|
|
.sheet-rolltemplate-everyday .sheet-template input,
|
|
.sheet-rolltemplate-everyday .sheet-template textarea,
|
|
.sheet-rolltemplate-everyday .sheet-template button,
|
|
.sheet-rolltemplate-everyday .sheet-template select {
|
|
line-height: normal;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .text-1,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-text-1 {
|
|
font-size: var(--size1);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .text-2,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-text-2 {
|
|
font-size: var(--size2);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .text-3,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-text-3 {
|
|
font-size: var(--size3);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .text-4,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-text-4 {
|
|
font-size: var(--size4);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .text-5,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-text-5 {
|
|
font-size: var(--size5);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .text-6,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-text-6 {
|
|
font-size: var(--size6);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .text-7,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-text-7 {
|
|
font-size: var(--size7);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .capitalize,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .lowercase,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .uppercase,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-material-icons,
|
|
.sheet-rolltemplate-everyday .sheet-template .material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-italics,
|
|
.sheet-rolltemplate-everyday .sheet-template .italics {
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h1,
|
|
.sheet-rolltemplate-everyday .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-weight: normal;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h1:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="1"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h1 *,
|
|
.sheet-rolltemplate-everyday .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-weight: normal;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h1 *:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="1"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h2, .sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-everyday .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-weight: normal;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h2:not(input), .sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked).large > [name]:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="2"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h2 *, .sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-everyday .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-weight: normal;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h2 *:not(input), .sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked).large > [name] *:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="2"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h3,
|
|
.sheet-rolltemplate-everyday .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-weight: normal;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h3:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="3"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h3 *,
|
|
.sheet-rolltemplate-everyday .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-weight: normal;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h3 *:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="3"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h4,
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template h4:not(:where(input)),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h4:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h4 *,
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template h4 *:not(:where(input)),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h4 *:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h5,
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template h5:not(:where(input)),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h5:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h5 *,
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template h5 *:not(:where(input)),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h5 *:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h6,
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template h6:not(:where(input)),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h6:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h6 *,
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template h6 *:not(:where(input)),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template h6 *:not(input),
|
|
.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-pictos,
|
|
.sheet-rolltemplate-everyday .sheet-template .pictos {
|
|
font-family: pictos;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .pictos3,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-pictos3 {
|
|
font-family: pictos three;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .pictoscustom,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-pictoscustom {
|
|
font-family: pictos custom;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .d4,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-d4 {
|
|
font-family: dicefontd4 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .d6,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-d6 {
|
|
font-family: dicefontd6 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .d8,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-d8 {
|
|
font-family: dicefontd8 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .d10,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-d10 {
|
|
font-family: dicefontd10 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .d12,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-d12 {
|
|
font-family: dicefontd12 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .d20,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-d20 {
|
|
font-family: dicefontd20 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .d30,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-d30 {
|
|
font-family: dicefontd30 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
|
background-color: var(--checkedBackColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template input[type=number] {
|
|
width: 3rem;
|
|
-moz-appearance: textfield !important;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-everyday .sheet-template input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template select,
|
|
.sheet-rolltemplate-everyday .sheet-template .pseudo-select span,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-everyday .sheet-template textarea,
|
|
.sheet-rolltemplate-everyday .sheet-template input:not(:is([type=radio], [type=checkbox])),
|
|
.sheet-rolltemplate-everyday .sheet-template .uneditable-input {
|
|
padding: var(--inputPadding);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template input:is([type=text], [type=number]), .sheet-rolltemplate-everyday .sheet-template textarea {
|
|
cursor: auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template select,
|
|
.sheet-rolltemplate-everyday .sheet-template .pseudo-select span,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-everyday .sheet-template input:not(:where([type=checkbox], [type=radio])),
|
|
.sheet-rolltemplate-everyday .sheet-template .uneditable-input,
|
|
.sheet-rolltemplate-everyday .sheet-template textarea {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template select,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template input {
|
|
width: auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template input:placeholder {
|
|
color: var(--placeholderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template input.plus-control:not([value*="-"]) + span:before {
|
|
content: "+";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template textarea {
|
|
resize: var(--textareaResize);
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template textarea.fixed {
|
|
resize: none;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template button {
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .roller {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .roller:before {
|
|
content: "T";
|
|
font-family: dicefontd20;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container {
|
|
display: grid;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .text-collapse {
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template .text-collapse__text {
|
|
display: inline;
|
|
}
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template .text-collapse__check:checked + .text-collapse:before {
|
|
content: var(--collapsedSymbol);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem:hover .collapse, .sheet-rolltemplate-everyday .sheet-template .repitem:hover .roll-container,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container:hover .collapse,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container:hover .roll-container {
|
|
opacity: var(--collapseHoverOpacity);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse,
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template .repitem .collapse:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:before {
|
|
content: "y";
|
|
font-family: pictos;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked {
|
|
color: var(--collapseCollapsedColor);
|
|
background-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked ~ .collapse-container .expanded,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked ~ .collapse-container .expanded {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:not(:checked) ~ .collapsed,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:not(:checked) ~ .collapsed {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:hover,
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:hover {
|
|
color: var(--collapseExpandedColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer.editmode .collapse {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .fill-left {
|
|
display: var(--fillLeftDisplay);
|
|
align-self: var(--fillLeftAlignment);
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .fill-left__radio {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
background-color: var(--fillLeftSelectedColor);
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template .fill-left__radio:checked ~ .fill-left__radio {
|
|
background-color: var(--fillLeftUnselectedColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label {
|
|
display: inline-flex;
|
|
gap: var(--input-label-gap);
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked) > input[type=text] {
|
|
flex: 1 1 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked) > :not([name]) {
|
|
flex: 0 0 auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label > :is(span, button) {
|
|
text-transform: var(--input-label-text-transform);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label--dual {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
grid-template-areas: "over over over" "under under under";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label--dual > span:last-of-type {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label--dual > .slash {
|
|
line-height: 0rem;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .headed-textarea {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-columns: auto;
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .headed-textarea :not(textarea):not(.adaptive) {
|
|
justify-self: start;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .headed-textarea .headed-textarea__header {
|
|
grid-area: initial;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "content";
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template .adaptive--text {
|
|
min-height: 4rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive--text__span {
|
|
white-space: pre-wrap;
|
|
padding: 2px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive--text__textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
resize: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive--text__textarea,
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive--input__input {
|
|
position: absolute;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive--input__input {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive--input__span {
|
|
padding: 2px;
|
|
min-height: 1.5rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem > input:not([type=checkbox]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .headed-textarea,
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .description {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-container {
|
|
display: grid;
|
|
grid-template-areas: "header";
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-container > .header {
|
|
grid-area: header;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 0;
|
|
transition: var(--revealTrans);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontrol-button {
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontrol-button ~ .repcontrol {
|
|
justify-self: end;
|
|
z-index: 100;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontrol-button ~ .repcontrol > .repcontrol_add {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .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-everyday .sheet-template .repcontrol-button--add::before {
|
|
inset: 0;
|
|
place-self: center;
|
|
font-family: var(--font-icon);
|
|
font-size: 12px;
|
|
content: "add";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section:not(.section--fill) {
|
|
margin: calc(var(--sectionBorderWidth) * 2);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section:not(.section--fill) > .section--layout > .section__content,
|
|
.sheet-rolltemplate-everyday .sheet-template .section:not(.section--fill) > .section--layout > .section__header {
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section.section--has-header {
|
|
margin-top: calc(var(--sectionHeadFontSize) / 2 + var(--sectionBorderWidth) * 2);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section .section__header {
|
|
grid-area: head;
|
|
place-self: start center;
|
|
transform: translateY(calc(var(--sectionHeadFontSize) / -2));
|
|
z-index: 1;
|
|
background-color: var(--sectionBackgroundColor);
|
|
padding-inline: var(--sectionHeadFontSize);
|
|
clip-path: var(--sectionHeadPath);
|
|
color: var(--sectionHeaderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--fill {
|
|
color: var(--sectionFontColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--layout {
|
|
display: grid;
|
|
grid-template-rows: [content-start head-start] auto [head-end] 1fr [content-end];
|
|
grid-template-columns: [content-start head-start] auto [head-end content-end];
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section__header {
|
|
font-size: var(--sectionHeadFontSize);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section__header + .section__content {
|
|
padding-top: calc(var(--truePadding) + var(--notchSize) * 2);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section__shadow {
|
|
filter: drop-shadow(var(--sectionBorderWidth) var(--sectionBorderWidth) 0px var(--sectionBorderColor)) drop-shadow(calc(var(--sectionBorderWidth) * -1 + 1px) var(--sectionBorderWidth) 0px var(--sectionBorderColor)) drop-shadow(var(--sectionBorderWidth) calc(var(--sectionBorderWidth) * -1 + 1px) 0px var(--sectionBorderColor)) drop-shadow(calc(var(--sectionBorderWidth) * -1 + 1px) calc(var(--sectionBorderWidth) * -1 + 1px) 0px var(--sectionBorderColor));
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section > .section__shadow,
|
|
.sheet-rolltemplate-everyday .sheet-template .section > .section__content {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section__content {
|
|
grid-area: content;
|
|
background-color: var(--sectionBackgroundColor);
|
|
padding: calc(var(--truePadding) + var(--notchSize));
|
|
clip-path: var(--sectionContentPath);
|
|
border-radius: 20px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-section-container {
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-section-container .repcontrol-button,
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-section-container .repcontrol {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-section-container.section .repcontrol {
|
|
right: calc(var(--truePadding) + var(--notchSize));
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-section-container:not(.section) .repcontrol {
|
|
right: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .caution-tape,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape {
|
|
background: var(--cautionTape);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: var(--tapeContainerHeight);
|
|
border: var(--tapeBorderWidth) solid var(--tapeBorderColor);
|
|
align-items: stretch;
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .caution-tape__clip,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__clip {
|
|
transform: skew(45deg);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .k-active-button,
|
|
.sheet-rolltemplate-everyday .sheet-template .caution-tape__content,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content {
|
|
position: relative;
|
|
isolation: isolate;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .k-active-button:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .caution-tape__content:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content:before {
|
|
content: "";
|
|
z-index: -1;
|
|
position: absolute;
|
|
inset: -3px 0;
|
|
background-color: var(--tapeLightStripeColor);
|
|
border-inline: 1rem solid var(--tapeDarkStripeColor);
|
|
border-block: 4px solid var(--tapeDarkStripeColor);
|
|
transform: skewX(-45deg);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .k-active-button *,
|
|
.sheet-rolltemplate-everyday .sheet-template .caution-tape__content *,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content * {
|
|
color: var(--lm-fontColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .caution-tape__content--solid,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid {
|
|
background-color: var(--tapeDarkStripeColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .caution-tape__content--solid *,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid * {
|
|
color: var(--dm-fontColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .caution-tape__content input,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content input {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar__container {
|
|
width: var(--sidebarContainerWidth);
|
|
border: var(--sidebarContainerBorderWidth) solid var(--sidebarContainerBorderColor);
|
|
border-radius: var(--sidebarContainerBorderRadius);
|
|
background: linear-gradient(var(--sidebarGradientColorFirst), 20%, var(--sidebarGradientColorSecond), 80%, var(--sidebarGradientColorThird));
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar table {
|
|
padding: var(--sidebarTablePadding);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar table {
|
|
margin: var(--sidebarTableMargin);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar table,
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar tr {
|
|
width: var(--sidebarTableWidth);
|
|
text-align: center;
|
|
border-collapse: collapse;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar tbody tr:nth-child(odd) {
|
|
background-color: var(--sidebarOddRowColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar tbody td:first-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sidebar thead th:first-child {
|
|
border-right: var(--sidebarCellBorderWidth) var(--sidebarCellBoderStyle) var(--sidebarCellBorderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .fill-left__radio {
|
|
border: 1px solid var(--fontColor) !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .fill-left__radio,
|
|
.sheet-rolltemplate-everyday .sheet-template .fill-left__radio:checked {
|
|
background-color: var(--fontColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label {
|
|
--input-label-gap: 0;
|
|
align-items: stretch;
|
|
isolation: isolate;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label .form-label__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label .sheet-form-label__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .form-label__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .sheet-form-label__span {
|
|
padding: var(--tiny-gap) var(--half-gap);
|
|
background-color: var(--formSpanBack);
|
|
color: var(--formSpanColor);
|
|
text-transform: capitalize;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label .form-label__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label .sheet-form-label__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .form-label__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .sheet-form-label__input {
|
|
border: none;
|
|
padding: var(--tiny-gap);
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label > :first-child:empty + *,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label > :first-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label > :first-child:empty + *,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label > :first-child {
|
|
border-top-left-radius: var(--formRadius);
|
|
border-bottom-left-radius: var(--formRadius);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label > :last-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label > :last-child {
|
|
border-top-right-radius: var(--formRadius);
|
|
border-bottom-right-radius: var(--formRadius);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label .form-label__slide-out,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label .sheet-form-label__slide-out,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .form-label__slide-out,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .sheet-form-label__slide-out {
|
|
padding-left: var(--normal-gap);
|
|
transform: translateX(calc(var(--normal-gap) * -1 + var(--tiny-gap)));
|
|
z-index: -1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea {
|
|
gap: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .form-label--textarea__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .sheet-form-label--textarea__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .form-label--textarea__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .sheet-form-label--textarea__span {
|
|
align-self: stretch;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .form-label--textarea__span:first-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .sheet-form-label--textarea__span:first-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .form-label--textarea__span:first-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .sheet-form-label--textarea__span:first-child {
|
|
border-radius: var(--formRadius) var(--formRadius) 0 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .form-label--textarea__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .sheet-form-label--textarea__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .form-label--textarea__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .sheet-form-label--textarea__input {
|
|
align-self: stretch;
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .form-label--textarea__input:last-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .sheet-form-label--textarea__input:last-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .form-label--textarea__input:last-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .sheet-form-label--textarea__input:last-child {
|
|
border-radius: 0 0 var(--formRadius) var(--formRadius);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line {
|
|
flex-direction: row;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .adaptive--text,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .adaptive--text {
|
|
min-height: 0;
|
|
flex: 1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .form-label--textarea__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .sheet-form-label--textarea__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .form-label--textarea__span,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .sheet-form-label--textarea__span {
|
|
align-self: stretch;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .form-label--textarea__span:first-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .sheet-form-label--textarea__span:first-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .form-label--textarea__span:first-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .sheet-form-label--textarea__span:first-child {
|
|
border-radius: var(--formRadius) 0 0 var(--formRadius);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .form-label--textarea__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .sheet-form-label--textarea__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .form-label--textarea__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .sheet-form-label--textarea__input {
|
|
align-self: stretch;
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .form-label--textarea__input:last-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .sheet-form-label--textarea__input:last-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .form-label--textarea__input:last-child,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .sheet-form-label--textarea__input:last-child {
|
|
border-radius: 0 var(--formRadius) var(--formRadius) 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .form-label__no-label,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-form-label__no-label {
|
|
border-radius: var(--formRadius) !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .prof-display {
|
|
isolation: isolate;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .prof-display :nth-child(2) ~ * {
|
|
z-index: -1;
|
|
position: relative;
|
|
left: calc(var(--tiny-gap) * -1);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .prof-display .fill-left__radio {
|
|
border: 1px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .prof-display .fill-left__radio[type=hidden][value="0"] ~ .fill-left__radio,
|
|
.sheet-rolltemplate-everyday .sheet-template .prof-display .fill-left__radio:checked ~ .fill-left__radio {
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template [hidden],
|
|
.sheet-rolltemplate-everyday .sheet-template .disabled,
|
|
.sheet-rolltemplate-everyday .sheet-template .disabled--row {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .display-control:not(:checked) + .controlled-display {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .display-control--invert:checked + .controlled-display {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .display-value-control:is(:not([value]), [value=""]) + .controlled-display {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .recess-effect,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-recess-effect {
|
|
box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset;
|
|
background-color: var(--backColor);
|
|
color: var(--formColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .float-effect,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-float-effect {
|
|
filter: var(--floatShadows);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .rounded-container,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-rounded-container {
|
|
background-color: var(--backColor);
|
|
border-radius: var(--formRadius);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inline-fieldset + fieldset + .repcontainer {
|
|
display: flex;
|
|
gap: var(tiny-gap) var(--half-gap);
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child) {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child):after {
|
|
content: ",";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .locked-fieldset + fieldset + .repcontainer + .repcontrol {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontrol_edit {
|
|
display: grid;
|
|
grid-template-columns: auto 0;
|
|
grid-template-areas: "icon text";
|
|
overflow: hidden;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontrol_edit:before {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
content: "edit";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontrol-button--add {
|
|
padding: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontrol-button--add:before {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer:nth-child(3) {
|
|
margin-top: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer:nth-last-child(2) {
|
|
margin-bottom: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repeating-section-container--button-margin {
|
|
padding-top: var(--big-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem {
|
|
display: grid;
|
|
grid-template-columns: [float-start description-start] 1fr [float-end description-end];
|
|
grid-template-rows: [float-start] auto [description-start] auto [float-end] 1fr [description-end];
|
|
isolation: isolate;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem h3 {
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repitem .collapse {
|
|
z-index: 100000;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head-container .section__content {
|
|
display: grid;
|
|
grid-template-columns: [float-start description-start] 1fr [float-end description-end];
|
|
grid-template-rows: [float-start] auto [description-start] auto [float-end] 1fr [description-end];
|
|
isolation: isolate;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head-container .section__content h3 {
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head-container .section__content .collapse {
|
|
z-index: 100000;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head {
|
|
display: grid;
|
|
grid-area: float;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head .border-value--control:is(:not([value]), [value=""]) + * {
|
|
border-top-right-radius: 10rem;
|
|
border-bottom-right-radius: 10rem;
|
|
border-right: 2px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head .border-control--invert:checked + * {
|
|
--formRadius: 0.5rem;
|
|
border-right: 2px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > :is(input, button) {
|
|
padding-inline: var(--half-gap);
|
|
border: 2px solid var(--borderColor);
|
|
background-color: var(--backColor);
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > :is(input, button):first-child {
|
|
border-top-left-radius: 10rem;
|
|
border-bottom-left-radius: 10rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > :is(input, button):not(:last-child) {
|
|
border-right-width: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > :is(input, button):last-child {
|
|
border-top-right-radius: 10rem;
|
|
border-bottom-right-radius: 10rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > input {
|
|
min-width: 5rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > .roller + button + input + input,
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > .roller + button + input + input + input,
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > button + input,
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head > button + input + input {
|
|
border-left-width: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head .form-label:not(:last-child):not(:first-child) {
|
|
--formRadius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head .form-label:last-child .form-label__span {
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head .form-label:last-child .form-label__input {
|
|
border-right: 2px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head .form-label:first-child .form-label__input {
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head .form-label .form-label__input {
|
|
border-block: 2px solid var(--borderColor);
|
|
min-width: 2rem;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head ~ .section {
|
|
grid-area: description;
|
|
z-index: -1;
|
|
padding: var(--notchSize);
|
|
--sectionContentPath: polygon(
|
|
0 0, 100% 0,
|
|
100% var(--notch), 75% var(--notch), calc(75% - var(--slopeSize)) 100%, calc(25% + var(--slopeSize)) 100%, 25% var(--notch), 0 var(--notch)
|
|
);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head ~ .section .section__content {
|
|
background-image: var(--concreteBackground);
|
|
background-blend-mode: multiply;
|
|
background-size: 700px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head ~ .section .section__content {
|
|
--sectionBorderRadius: 50px;
|
|
border-radius: 0 0 var(--sectionBorderRadius) var(--sectionBorderRadius);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .item-head ~ .collapsed span {
|
|
white-space: pre-wrap;
|
|
max-height: 10rem;
|
|
display: block;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-arrow.collapse-arrow {
|
|
top: calc(var(--half-gap) * -1);
|
|
width: 100%;
|
|
text-align: right;
|
|
height: auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-arrow.collapse-arrow:before {
|
|
line-height: normal;
|
|
content: "expand_less";
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .collapse-arrow.collapse-arrow:checked:before {
|
|
content: "expand_more";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .expansive-section {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--normal-gap);
|
|
margin-top: calc(-100px + var(--normal-gap));
|
|
padding: 0 var(--half-gap);
|
|
align-items: start;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .expansive-content {
|
|
background-color: var(--backColor);
|
|
filter: var(--floatShadows);
|
|
overflow: hidden;
|
|
border-radius: 15px 10px 10px 15px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .expansive-content:first-child {
|
|
flex: 1 1 210px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .expansive-content:last-child {
|
|
flex: 1 1 360px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .expansive-content .collapse {
|
|
right: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .expansive-content .repcontainer {
|
|
margin: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .character-avatar[src]:not([src=""]) + .character-token:not([src]), .sheet-rolltemplate-everyday .sheet-template .character-avatar[src]:not([src=""]) + .character-token[src=""],
|
|
.sheet-rolltemplate-everyday .sheet-template .character-avatar:not([src]),
|
|
.sheet-rolltemplate-everyday .sheet-template .character-avatar[src=""],
|
|
.sheet-rolltemplate-everyday .sheet-template .character-token:not([src]),
|
|
.sheet-rolltemplate-everyday .sheet-template .character-token[src=""] {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .adaptive--input {
|
|
display: inline-grid;
|
|
min-width: 6rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .roller--mod-display {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
place-items: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .roller--mod-display:before {
|
|
font-size: 2rem;
|
|
position: absolute;
|
|
color: var(--dieWatermark);
|
|
z-index: -1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .roller--mod-display:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .roller--mod-display > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .parentheses--surround--full:not(:empty):before {
|
|
content: "(";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .parentheses--surround--full:not(:empty):after {
|
|
content: ")";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .float-effect {
|
|
grid-template-columns: auto 1fr auto auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .float-effect .input-label:last-child .input-label__input {
|
|
max-width: 5rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .repcontrol-button,
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .repcontrol {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .repcontrol {
|
|
right: calc(var(--truePadding) + var(--notchSize));
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .itemcontrol {
|
|
z-index: 10000;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .collapse {
|
|
z-index: 100000;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs__nav-list {
|
|
margin: 0;
|
|
background-color: var(--tapeDarkStripeColor);
|
|
transform: skewX(-45deg);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs__nav-item {
|
|
display: grid;
|
|
transform: skewX(45deg);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__header {
|
|
position: sticky;
|
|
top: 43.4px;
|
|
background: var(--cautionTape);
|
|
display: flex;
|
|
align-items: stretch;
|
|
justify-content: center;
|
|
--selectedColor: var(--tapeLightStripeColor);
|
|
--selectedTextColor: var(--tapeDarkStripeColor);
|
|
z-index: 1000;
|
|
margin-bottom: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__header .tabs__button {
|
|
color: var(--tapeLightStripeColor);
|
|
padding-block: var(--tiny-gap);
|
|
padding-inline: var(--half-gap);
|
|
transition-property: color, background-color, padding;
|
|
transition-duration: var(--revealTime);
|
|
transition-timing-function: var(--revealFunction);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__header .tabs__button:not(.tabs--everyday__button--settings) {
|
|
text-transform: capitalize;
|
|
font-family: var(--headerFont);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__header .k-active-button {
|
|
background-color: transparent;
|
|
color: var(--selectedTextColor);
|
|
padding-inline: var(--big-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--ability-skill {
|
|
--sectionBackgroundColor: var(--darkSectionBackgroundColor);
|
|
--borderColor:var(--sectionBackgroundColor);
|
|
color: var(--dm-fontColor);
|
|
grid-row: span 3;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--ability-skill .section__content {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display {
|
|
--modSize: 53px;
|
|
display: grid;
|
|
grid-template-columns: [mod-start] calc(var(--modSize) / 2) [score-start] calc(var(--modSize) / 2) [mod-end] 1fr [score-end] 3rem;
|
|
grid-template-rows: auto [mod-start score-start] auto [mod-end score-end];
|
|
grid-template-areas: "name name name save-label" ". . . save";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display > .roller, .sheet-rolltemplate-everyday .sheet-template .ability-display .ability-display__save-label {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display input[type=number] {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 0;
|
|
padding-left: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display__name {
|
|
grid-area: name;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display__save-label {
|
|
grid-area: save-label;
|
|
place-self: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display__mod {
|
|
position: relative;
|
|
grid-area: mod;
|
|
background-color: var(--backColor);
|
|
z-index: 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 1.4rem;
|
|
color: var(--formColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display__score {
|
|
grid-area: score;
|
|
font-size: 2rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display__save {
|
|
grid-area: save;
|
|
isolation: isolate;
|
|
display: grid;
|
|
grid-template-rows: auto 2rem;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .ability-display__save .prof-display {
|
|
place-self: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--ability-skill__abilities {
|
|
align-self: center;
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--ability-skill__skills {
|
|
padding: var(--half-gap);
|
|
background-color: var(--backColor);
|
|
border-radius: 5px;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto auto;
|
|
column-gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID {
|
|
display: grid;
|
|
height: auto;
|
|
border: 2px solid #353535;
|
|
border-radius: 2rem;
|
|
padding-top: 1.8rem;
|
|
background-image: var(--concreteBackground);
|
|
background-size: 700px;
|
|
background-color: var(--backColor);
|
|
background-blend-mode: var(--template-blendMode);
|
|
}
|
|
@container master (min-width: 600px) {
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--front {
|
|
margin-left: 5rem;
|
|
}
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--front {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: auto 5fr;
|
|
grid-column: 1/-1;
|
|
margin-bottom: -2.5rem;
|
|
z-index: 1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--front .heroID__avatar {
|
|
max-width: 80px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--front .heroID__pic {
|
|
border-right: 0.2rem solid #353535;
|
|
border-top: 0.1rem solid #353535;
|
|
border-bottom: 0.1rem solid #353535;
|
|
border-left: 0.1rem solid #353535;
|
|
border-radius: 0 0 0 1.8rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--front .heroID__pic :first-child[src] ~ * {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--front .heroID__info {
|
|
grid-column: 2/-1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--back {
|
|
grid-template-rows: repeat(3, auto);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--back .heroID__avatar {
|
|
min-height: 200px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__header {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__title {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
padding-inline: var(--big-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__pic {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__info {
|
|
padding: var(--half-gap) var(--normal-gap) var(--normal-gap) var(--half-gap);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__info .text {
|
|
--width: 15rem;
|
|
flex: 1 0 var(--width);
|
|
width: var(--width);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__info .text input {
|
|
width: 0;
|
|
flex: 1 0 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__info .number {
|
|
flex: 1 0 auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__info .number input {
|
|
flex: 1 0 auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID__info .form-label--textarea {
|
|
width: 100%;
|
|
flex: 0 0 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense {
|
|
--sectionRadius: 1rem;
|
|
grid-row: span 2;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense span, .sheet-rolltemplate-everyday .sheet-template .section--defense button {
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .section__content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense button {
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .stacked {
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .stacked .input-label__input {
|
|
width: 100%;
|
|
flex: 1 0 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health {
|
|
background-color: black;
|
|
padding: var(--tiny-gap);
|
|
border-radius: var(--sectionRadius) 0 0 var(--sectionRadius);
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health--hp {
|
|
background-color: black;
|
|
border-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
display: grid;
|
|
gap: 1px;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-rows: auto auto;
|
|
grid-template-areas: "max temp current" "dice dice dice";
|
|
overflow: hidden;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health--hp > * {
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health--death {
|
|
color: var(--dm-formColor);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--half-gap);
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
padding: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health--death .input-label {
|
|
width: 100%;
|
|
gap: var(--half-gap);
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health--death .fill-left {
|
|
padding: var(--tiny-gap);
|
|
background-color: var(--backColor);
|
|
border-radius: 100px;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health--death .fill-left .fill-left__radio {
|
|
border-radius: 100%;
|
|
border: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__max {
|
|
grid-area: max;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__current {
|
|
grid-area: current;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__temp {
|
|
grid-area: temp;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__dice {
|
|
grid-area: dice;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__dice input[type=number] {
|
|
min-width: 1rem;
|
|
flex: 1 1 auto;
|
|
align-self: stretch;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__current input {
|
|
font-size: var(--size3);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label,
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label {
|
|
display: grid;
|
|
grid-template-areas: "label" "input";
|
|
isolation: isolate;
|
|
place-items: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label__input {
|
|
grid-area: input;
|
|
font-size: var(--size2);
|
|
font-weight: 700;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label:before:is(span),
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label__input:is(span),
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label:before:is(span),
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label__input:is(span) {
|
|
width: auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses input.input-label__input,
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points input.input-label__input {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label:before,
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label:before {
|
|
z-index: -1;
|
|
position: relative;
|
|
content: "";
|
|
filter: invert(var(--imageInvert));
|
|
background-repeat: no-repeat;
|
|
background-size: 5rem;
|
|
background-position: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses {
|
|
padding: var(--tiny-gap);
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: var(--tiny-gap);
|
|
background-color: black;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label {
|
|
grid-template-rows: auto 1fr;
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense {
|
|
--pipPos: 1.7rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense:before, .sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense:after {
|
|
content: "";
|
|
background-color: black;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
border-radius: 0 50% 50% 0;
|
|
position: relative;
|
|
grid-area: input;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense:before {
|
|
left: calc(var(--pipPos) * -1);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense:after {
|
|
left: var(--pipPos);
|
|
rotate: 180deg;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense input {
|
|
width: 4rem;
|
|
border: 5px solid black;
|
|
height: 3rem;
|
|
aspect-ratio: 1/1;
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .initiative:before {
|
|
content: "";
|
|
width: 1rem;
|
|
background-image: conic-gradient(from 145deg at 50% 30%, black, black 70deg, transparent 70deg);
|
|
background-repeat: repeat-y;
|
|
background-position: 0 0.8rem;
|
|
background-size: 1rem 1rem;
|
|
margin-left: var(--tiny-gap);
|
|
justify-self: start;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
grid-template-columns: 3fr 1fr;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label {
|
|
grid-template-rows: auto 4rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points > * {
|
|
border-radius: var(--sectionRadius);
|
|
background-color: black;
|
|
padding: var(--tiny-gap);
|
|
display: flex;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points > * > :first-child {
|
|
border-top-left-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
border-bottom-left-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points > * > :last-child {
|
|
border-top-right-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
border-bottom-right-radius: calc(var(--sectionRadius) - var(--tiny-gap));
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points > * .input-label {
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .genius:before {
|
|
background-image: var(--geniusBack);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .focus:before {
|
|
background-image: var(--focusBack);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .influence:before {
|
|
background-image: var(--influenceBack);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--defense .points .inspiration:before {
|
|
background-image: var(--inspirationBack);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
border: 0.3em solid var(--borderColor);
|
|
grid-row: span 2;
|
|
padding-inline: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container .input-label {
|
|
margin-block: 0.75rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container input[type=checkbox] {
|
|
border-radius: 100%;
|
|
border: 0.1rem solid var(--fontColor);
|
|
width: 0.75rem;
|
|
height: 0.75rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container input[type=checkbox]:before {
|
|
content: none !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container .input-label h5 {
|
|
font-size: 1rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__radioInput {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
padding: 1rem 0 10px 0;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__basic, .sheet-rolltemplate-everyday .sheet-template .equipment-prof__misc {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__tier1Line {
|
|
border-bottom: 3px solid var(--borderColor);
|
|
margin-left: 15%;
|
|
margin-right: 20%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__tier2Line {
|
|
border-left: 3px solid var(--borderColor);
|
|
height: 1rem;
|
|
margin-left: 15%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__tiers {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__alignLeft {
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__header {
|
|
font-size: 1.5rem;
|
|
padding-inline: var(--tiny-gap);
|
|
text-align: center;
|
|
position: absolute;
|
|
top: -1rem;
|
|
margin-inline: auto;
|
|
background: linear-gradient(transparent calc(50% - 0.3em), var(--backColor) calc(50% - 0.3em));
|
|
align-self: center;
|
|
color: var(--sectionHeaderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tickmark {
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tickmark::before {
|
|
position: absolute;
|
|
inset: -0.8rem auto 0;
|
|
margin-inline: auto;
|
|
content: "";
|
|
background-color: var(--borderColor);
|
|
width: 0.2rem;
|
|
height: 1.5rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .prof__visibility {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__miscInput {
|
|
border: none;
|
|
padding: var(--tiny-gap);
|
|
border-radius: var(--formRadius);
|
|
background-color: var(--backColor);
|
|
color: var(--formColor);
|
|
box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__miscFormat {
|
|
padding: 1rem;
|
|
background: var(--backgroundGradient);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .equipment-prof__miscFormat h3 {
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--equipment .section__content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--equipment .bulk-display {
|
|
justify-self: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_equipment] .repitem .float-effect {
|
|
grid-template-columns: 1fr auto auto;
|
|
grid-template-areas: "name qty bulk";
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_equipment] .repitem .name {
|
|
grid-area: name;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_equipment] .repitem .qty {
|
|
grid-area: qty;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_equipment] .repitem .bulk {
|
|
grid-area: bulk;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--armor .item-head {
|
|
grid-template-columns: 1fr auto auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--armor .collapse {
|
|
top: 24px;
|
|
right: 6px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section-collapsible {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin-top: 1rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section-select {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template select[class=input-label__input] {
|
|
border: none;
|
|
padding: var(--tiny-gap);
|
|
background-color: var(--backColor);
|
|
color: var(--formColor);
|
|
box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset;
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template select[class=input-label__input]:last-child {
|
|
border-radius: 0 var(--formRadius) var(--formRadius) 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .talents .feat-info {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .talents .float-effect {
|
|
grid-auto-flow: column;
|
|
grid-template-columns: 1fr auto auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--persona {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
container: persona/inline-size;
|
|
align-items: start;
|
|
grid-auto-flow: dense;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--notes .float-effect {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--notes input[type=text] {
|
|
width: 0;
|
|
flex: 1 1 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--persona {
|
|
grid-row: span 2;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--persona .section__content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--plans-tricks {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--plans-tricks h3,
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--plans-tricks [aria-level="3"] {
|
|
font-size: 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--plans-tricks > .section > .section--layout {
|
|
min-height: 10rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .form-label input[type=text] {
|
|
flex: 1 1 0;
|
|
width: 0;
|
|
min-width: 4rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .float-effect {
|
|
grid-template-columns: auto 1fr auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .float-effect + .expanded .section__content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .repcontainer {
|
|
margin: var(--half-gap) 0 0 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place h2, .sheet-rolltemplate-everyday .sheet-template .heroID--place .input-label:not(.stacked).large > [name] {
|
|
background-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID__pic {
|
|
border: 2px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID--place__details {
|
|
display: grid;
|
|
align-content: start;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID--place__details .form-label__span {
|
|
border-radius: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID__info {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
|
gap: var(--normal-gap);
|
|
padding-top: 2px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID--place__inputs {
|
|
padding-top: var(--half-gap);
|
|
grid-template-rows: auto auto 1fr;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .overflow-container {
|
|
min-height: 110px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .adaptive--text {
|
|
flex: 1 0 auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .collapse {
|
|
right: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--place .overflow-content {
|
|
overflow: hidden;
|
|
border-radius: 15px 10px 10px 15px;
|
|
background-color: var(--backColor);
|
|
filter: var(--floatShadows);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .heroID__info {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
padding: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .heroID--vehicle__damage {
|
|
background-color: var(--sectionBackgroundColor);
|
|
border-radius: 0 0 2rem 2rem;
|
|
align-items: start;
|
|
padding: var(--half-gap) var(--half-gap) 100px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .damage-content {
|
|
display: contents;
|
|
color: var(--dm-fontColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .damage-content > .flex-box {
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle__contests {
|
|
flex: 1 0 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--vehicle .expansive-section > .float-effect {
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock-edit-control {
|
|
position: sticky;
|
|
z-index: 100000;
|
|
top: 48px;
|
|
padding-inline: var(--half-gap);
|
|
border-radius: 5px;
|
|
background-color: var(--backColor);
|
|
margin-left: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--npc {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap) var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--npc > * {
|
|
flex: 1 0 auto;
|
|
width: 400px;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--npc .actions-container .repeating-section-container {
|
|
break-inside: avoid;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--npc .actions-container .repeating-section-container:not(:last-child) {
|
|
margin-bottom: var(--normal-gap);
|
|
border-bottom: 2px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock {
|
|
break-inside: avoid;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__subrow.collapse-container.flex-box {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__row:not(.statblock__header) {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__row {
|
|
border-bottom: 1px solid var(--borderColor);
|
|
padding: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__row input {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__row > .collapse {
|
|
right: auto;
|
|
left: calc(var(--half-gap) * -1);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__row .flex-box > input[type=text] {
|
|
width: 3rem;
|
|
flex: 1 auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__row__header {
|
|
color: var(--statblockColor2);
|
|
font-weight: bold;
|
|
text-transform: capitalize !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__edit .statblock__subrow > .repcontainer {
|
|
margin-top: var(--big-gap);
|
|
margin-bottom: var(--half-gap);
|
|
display: block;
|
|
column-width: 400px;
|
|
column-gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__edit .statblock__subrow > .repcontainer .repitem {
|
|
break-inside: avoid;
|
|
margin-bottom: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__ability-scores {
|
|
border: 3px double var(--borderColor);
|
|
padding: var(--half-gap) var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__ability-scores .score {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
grid-template-rows: auto auto;
|
|
grid-template-areas: "button button" "score mod";
|
|
column-gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__ability-scores input {
|
|
width: 2rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__ability-scores .statblock__row__header {
|
|
grid-area: button;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__header {
|
|
border-bottom: 2px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__header * {
|
|
color: var(--statblockColor1);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__header > :first-child {
|
|
text-align: left;
|
|
flex: 1 1 0;
|
|
width: 0;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .statblock__header .input-label .input-label__input {
|
|
width: 3rem;
|
|
text-align: center;
|
|
flex: 0 0 !important;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--npc-traits .repcontainer {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
|
gap: var(--half-gap) var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--npc-traits .repitem {
|
|
break-inside: avoid;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--npc-traits .float-effect {
|
|
grid-template-columns: auto 1fr;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .float-effect {
|
|
grid-template-columns: auto 1fr auto auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs__body {
|
|
container: master/inline-size;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--core {
|
|
display: grid;
|
|
flex-wrap: wrap;
|
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
|
grid-template-rows: repeat(3, auto) 1fr;
|
|
grid-auto-flow: dense;
|
|
gap: var(--big-gap);
|
|
align-items: start;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .float-effect {
|
|
grid-template-columns: auto 1fr auto auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .itemcontrol {
|
|
z-index: 10000;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .collapse {
|
|
z-index: 100000;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .content-row-gap {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
gap: var(--normal-gap) var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods {
|
|
column-width: 225px;
|
|
gap: var(--normal-gap);
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods h3 {
|
|
column-span: all;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods > * {
|
|
margin-bottom: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods .input-label,
|
|
.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods span {
|
|
flex: 1 0 auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-wrap-text {
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-header {
|
|
margin-top: var(--big-gap);
|
|
border-block: var(--templateBorder);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content {
|
|
padding-inline: 3rem;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid {
|
|
padding-inline: var(--normal-gap);
|
|
padding-block: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content,
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid {
|
|
margin-right: auto;
|
|
display: grid;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content > h2, .sheet-rolltemplate-everyday .sheet-template .input-label.sheet-caution-tape__content:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid > h2,
|
|
.sheet-rolltemplate-everyday .sheet-template .input-label.sheet-caution-tape__content--solid:not(.stacked).large > [name] {
|
|
justify-self: start;
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content > :not(h2),
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid > :not(h2) {
|
|
justify-self: end;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-content {
|
|
border-radius: 0 0 1.7rem 1.7rem;
|
|
padding: var(--normal-gap);
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
overflow: hidden;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-input-label > .sheet-input-label__span {
|
|
padding-inline: var(--normal-gap);
|
|
padding-block: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-input-label > .sheet-input-label__span .sheet-input-label__span {
|
|
background-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-input-label .sheet-input-label__input {
|
|
padding: var(--half-gap);
|
|
min-width: 4rem;
|
|
background-color: color-mix(in lch, var(--backColor) 30%, transparent);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-template-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-template-row .sheet-input-label__span {
|
|
flex: 1 0 auto;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-template-row .sheet-input-label {
|
|
flex: 1 0 auto;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .sheet-template-description {
|
|
padding: var(--normal-gap);
|
|
background-color: var(--description-backColor);
|
|
margin: 0;
|
|
font-weight: 700;
|
|
margin-inline: -1rem;
|
|
margin-bottom: -1rem;
|
|
mix-blend-mode: difference;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inlinerollresult {
|
|
background-color: transparent;
|
|
border: 0px solid transparent;
|
|
color: var(--rollColor);
|
|
font-size: 2rem;
|
|
font-family: var(--font2);
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.importantroll {
|
|
color: var(--importantrollColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.fullcrit {
|
|
color: var(--fullcritColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.fullfail {
|
|
color: var(--fullfailColor);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.fullcrit {
|
|
transform: skewX(-15deg);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.fullfail {
|
|
transform: skewX(15deg);
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template a {
|
|
font-weight: 700;
|
|
}
|
|
.sheet-rolltemplate-everyday .sheet-template a:is([href^="~"], [href^="!"]) {
|
|
color: inherit;
|
|
padding: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
font-family: var(--font2);
|
|
font-weight: 400;
|
|
}
|
|
.sheet-rolltemplate-everyday.sheet-rolltemplate-darkmode {
|
|
--backColor:var(--dm-backColor);
|
|
--selectedColor:var(--dm-selectedColor);
|
|
--unselectedColor1:var(--dm-unselectedColor1);
|
|
--unselectedColor1:var(--dm-unselectedColor2);
|
|
--checkColor:var(--dm-checkColor);
|
|
--borderColor:var(--dm-borderColor);
|
|
--fontColor:var(--dm-fontColor);
|
|
--disabledColor:var(--dm-disabledColor);
|
|
--fontColor: var(--dm-fontColor);
|
|
--selectColor: var(--dm-fontColor);
|
|
--selectedTextColor: var(--dm-selectedTextColor);
|
|
--sectionBorderColor: var(--dm-sectionBorderColor);
|
|
--sectionBackgroundColor: var(--dm-sectionBackgroundColor);
|
|
--darkSectionBackgroundColor: var(--dm-darkSectionBackgroundColor);
|
|
--sectionFontColor: var(--dm-sectionFontColor);
|
|
--sectionHeaderColor: var(--dm-sectionHeaderColor);
|
|
--formSpanBack: var(--dm-formSpanBack);
|
|
--formSpanColor: var(--dm-formSpanColor);
|
|
--formColor: var(--dm-formColor);
|
|
--formShadowColor1: var(--dm-formShadowColor1);
|
|
--formShadowColor2: var(--dm-formShadowColor2);
|
|
--dieWatermark: var(--dm-dieWatermark);
|
|
--borderColor: var(--dm-borderColor);
|
|
--statblockColor1:var(--dm-statblockColor1);
|
|
--statblockColor2:var(--dm-statblockColor2);
|
|
--tapeLightStripeColor: var(--dm-tapeLightStripeColor);
|
|
--tapeDarkStripeColor: var(--dm-tapeDarkStripeColor);
|
|
--cautionTape:var(--dm-cautionTape);
|
|
--collapseExpandedColor:var(--dm-collapseColor);
|
|
--collapseCollapsedColor:var(--dm-collapseColor);
|
|
--template-blendMode:var(--dm-template-blendMode);
|
|
--checkedBackColor: var(--fontColor);
|
|
color: var(--fontColor);
|
|
--fullcritColor:var(--dm-fullcritColor);
|
|
--fullfailColor:var(--dm-fullfailColor);
|
|
--importantrollColor:var(--dm-importantrollColor);
|
|
--rollColor:var(--dm-rollColor);
|
|
--description-backColor:var(--dm-description-backColor);
|
|
} |