mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
4982 lines
215 KiB
CSS
4982 lines
215 KiB
CSS
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Symbols+Outlined|Germania+One|EB+Garamond:400&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;
|
|
}
|
|
|
|
#main {
|
|
container: main/inline-size;
|
|
}
|
|
|
|
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);
|
|
--input-label-gap: var(--half-gap);
|
|
--lm-fontColor:black;
|
|
--dm-fontColor: beige;
|
|
--checkedColor: var(--selectedColor);
|
|
--checkColor: var(--selectedColor);
|
|
--fontColor:var(--lm-fontColor);
|
|
--dm-backColor:var(--dark-surface1);
|
|
--lm-borderColor:#6c6c6c;
|
|
--lm-sectionHeadBack:#c8c8c8;
|
|
--dm--sectionHeadBack:#c8c8c8;
|
|
--sectionHeadBack:var(--lm-sectionHeadBack);
|
|
--lm-sectionSubheadBack: #575757;
|
|
--dm-sectionSubheadBack:#575757;
|
|
--lm-fillLeftUnselectedColor: var(--lm-backColor);
|
|
--dm-fillLeftUnselectedColor: var(--dm-backColor);
|
|
--fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor);
|
|
--sectionSubheadBack: var(--lm-sectionSubheadBack);
|
|
--topHeadFont:"Germania One", cursive;
|
|
--midHeadFont:"Germania One", cursive;
|
|
--contentHeadFont:"EB Garamond", serif;
|
|
--size1: 200%;
|
|
--size2: 166%;
|
|
--size3: 150%;
|
|
--size4: 132%;
|
|
--size5: 116%;
|
|
--size6: 100%;
|
|
--size7: 85%;
|
|
--lm-activeBack: var(--lm-fontColor);
|
|
--dm-activeBack: var(--dm-fontColor);
|
|
--activeBack: var(--lm-activeBack);
|
|
--lm-activeColor: var(--dm-fontColor);
|
|
--dm-activeColor: var(--lm-fontColor);
|
|
--activeColor: var(--lm-activeColor);
|
|
--dm-selectedColor: var(--dm-fontColor);
|
|
color: var(--fontColor);
|
|
font-family: var(--contentHeadFont);
|
|
font-size: 1rem;
|
|
}
|
|
body .ui-dialog .nav-tabs {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1000;
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .nav-tabs a {
|
|
font-family: var(--font3);
|
|
}
|
|
body .ui-dialog .tab-content .sheetform {
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet {
|
|
/* width */
|
|
/* Track */
|
|
/* Handle */
|
|
/* Handle on hover */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet textarea,
|
|
body .ui-dialog .tab-content .charsheet input,
|
|
body .ui-dialog .tab-content .charsheet .uneditable-input,
|
|
body .ui-dialog .tab-content .charsheet label,
|
|
body .ui-dialog .tab-content .charsheet button {
|
|
all: initial;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-box,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-box {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-wrap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-space-around,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-space-between,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-center,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-center {
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-min-content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-min-content {
|
|
flex: 1 0 min-content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked.center > * {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked:not(.center) {
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-column,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-column {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-row-reverse,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-row-revers {
|
|
flex-direction: row-reverse;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-column-reverse,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap {
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-x {
|
|
column-gap: var(--normal-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-y {
|
|
row-gap: var(--normal-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap {
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap-x {
|
|
column-gap: var(--half-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap-y {
|
|
row-gap: var(--half-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-x {
|
|
column-gap: var(--tiny-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-y {
|
|
row-gap: var(--tiny-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap {
|
|
gap: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap-x {
|
|
column-gap: var(--big-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap-y {
|
|
row-gap: var(--big-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-span-2,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-span-all,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-column,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-dense,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed {
|
|
border: 2px solid var(--borderColor);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-left,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-left {
|
|
border-left-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-bottom,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom {
|
|
border-bottom-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-right,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-right {
|
|
border-right-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-top,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-top {
|
|
border-top-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .underlined,
|
|
body .ui-dialog .tab-content .charsheet .sheet-underlined {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
border-radius: 0;
|
|
border-bottom: 1px solid var(--borderColor);
|
|
transition: border-radius border var(--revealTrans);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
|
background-color: var(--disabledColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .underlined--invisible {
|
|
border-color: transparent !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ratio1-1,
|
|
body .ui-dialog .tab-content .charsheet .sheet-ratio1-1 {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet span,
|
|
body .ui-dialog .tab-content .charsheet input,
|
|
body .ui-dialog .tab-content .charsheet textarea,
|
|
body .ui-dialog .tab-content .charsheet button,
|
|
body .ui-dialog .tab-content .charsheet select {
|
|
line-height: normal;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-1,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-1 {
|
|
font-size: var(--size1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-2,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-2 {
|
|
font-size: var(--size2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-3,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-3 {
|
|
font-size: var(--size3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-4,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-4 {
|
|
font-size: var(--size4);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-5,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-5 {
|
|
font-size: var(--size5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-6,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-6 {
|
|
font-size: var(--size6);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-7,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-7 {
|
|
font-size: var(--size7);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .capitalize,
|
|
body .ui-dialog .tab-content .charsheet .sheet-capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .lowercase,
|
|
body .ui-dialog .tab-content .charsheet .sheet-lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .uppercase,
|
|
body .ui-dialog .tab-content .charsheet .sheet-uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-material-icons,
|
|
body .ui-dialog .tab-content .charsheet .material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .material-symbol,
|
|
body .ui-dialog .tab-content .charsheet .sheet-material-symbol {
|
|
font-family: "Material Symbols Outlined";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 24px; /* Preferred icon size */
|
|
display: inline-block;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: nowrap;
|
|
direction: ltr;
|
|
font-variation-settings: "FILL" 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-italics,
|
|
body .ui-dialog .tab-content .charsheet .italics {
|
|
font-style: italic;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="1"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="1"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="1"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="1"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h2, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="2"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h2:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="2"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h2 *, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="2"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h2 *:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="2"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="3"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="3"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="3"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="3"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size4);
|
|
font-family: var(--font4);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size4);
|
|
font-family: var(--font4);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4 *:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5 *:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6 *:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-pictos,
|
|
body .ui-dialog .tab-content .charsheet .pictos {
|
|
font-family: pictos;
|
|
text-transform: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .pictos3,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pictos3 {
|
|
font-family: pictos three;
|
|
text-transform: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .pictoscustom,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pictoscustom {
|
|
font-family: pictos custom;
|
|
text-transform: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d4,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d4 {
|
|
font-family: dicefontd4 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d6,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d6 {
|
|
font-family: dicefontd6 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d8,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d8 {
|
|
font-family: dicefontd8 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d10,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d10 {
|
|
font-family: dicefontd10 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d12,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d12 {
|
|
font-family: dicefontd12 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d20,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d20 {
|
|
font-family: dicefontd20 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d30,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d30 {
|
|
font-family: dicefontd30 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=checkbox] {
|
|
border: 1px solid var(--checkboxBorderColor);
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: var(--checkboxWidth);
|
|
min-width: var(--checkboxWidth);
|
|
height: var(--checkboxHeight);
|
|
min-height: var(--checkboxHeight);
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-areas: "content";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
|
background-color: var(--checkedBackColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before {
|
|
content: var(--checkContent);
|
|
grid-area: content;
|
|
font-weight: var(--checkWeight);
|
|
place-self: start center;
|
|
color: var(--checkColor);
|
|
font-size: var(--checkSize);
|
|
line-height: var(--checkLineHeight);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=number] {
|
|
width: 3rem;
|
|
-moz-appearance: textfield !important;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button, body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet .pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet textarea,
|
|
body .ui-dialog .tab-content .charsheet input:not(:is([type=radio], [type=checkbox])),
|
|
body .ui-dialog .tab-content .charsheet .uneditable-input {
|
|
padding: var(--inputPadding);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input:is([type=text], [type=number]), body .ui-dialog .tab-content .charsheet textarea {
|
|
cursor: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet .pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet input:not(:where([type=checkbox], [type=radio])),
|
|
body .ui-dialog .tab-content .charsheet .uneditable-input,
|
|
body .ui-dialog .tab-content .charsheet textarea {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet .pseudo-select span {
|
|
-webkit-apperance: none;
|
|
appearance: none;
|
|
text-transform: var(--selectTextTransform);
|
|
overflow: hidden !important;
|
|
white-space: nowrap;
|
|
text-overflow: var(--selectTextOverflow);
|
|
text-align: var(--selectTextAlign);
|
|
color: var(--selectColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input {
|
|
width: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input:placeholder {
|
|
color: var(--placeholderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"]) + span:before {
|
|
content: "+";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea {
|
|
resize: var(--textareaResize);
|
|
white-space: pre-wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea.fixed {
|
|
resize: none;
|
|
overflow: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet button {
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roller {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roller:before {
|
|
content: "T";
|
|
font-family: dicefontd20;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .collapse-container {
|
|
display: grid;
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse {
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse:before {
|
|
content: var(--expandedSymbol);
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse__text {
|
|
display: inline;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse__check:not(:checked) + .text-collapse {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse__check:checked + .text-collapse:before {
|
|
content: var(--collapsedSymbol);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem:hover > .collapse, body .ui-dialog .tab-content .charsheet .repitem:hover .roll-container,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container:hover > .collapse,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container:hover .roll-container {
|
|
opacity: var(--collapseHoverOpacity);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse {
|
|
opacity: var(--collapseBaseOpacity);
|
|
position: absolute;
|
|
right: -10px;
|
|
top: 0px;
|
|
border: 0px solid black;
|
|
border-radius: 0;
|
|
color: var(--collapseExpandedColor);
|
|
text-transform: none;
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:before,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:before {
|
|
content: "y";
|
|
font-family: pictos;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked {
|
|
color: var(--collapseCollapsedColor);
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .expanded,
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .collapse-container .expanded,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .expanded,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .collapse-container .expanded {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:not(:checked) ~ .collapsed,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:not(:checked) ~ .collapsed {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:hover,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:hover {
|
|
color: var(--collapseExpandedColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left {
|
|
display: var(--fillLeftDisplay);
|
|
align-self: var(--fillLeftAlignment);
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
background-color: var(--fillLeftSelectedColor);
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio[data-value]:checked:before {
|
|
content: attr(data-value);
|
|
color: var(--fillLeftDataColor);
|
|
font-size: var(--fillLeftDataSize);
|
|
place-self: center;
|
|
text-transform: var(--fillLeftDataTransform);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio:checked ~ .fill-left__radio {
|
|
background-color: var(--fillLeftUnselectedColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label {
|
|
display: inline-flex;
|
|
gap: var(--input-label-gap);
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > input[type=text] {
|
|
flex: 1 1 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > :not([name]) {
|
|
flex: 0 0 auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label > :is(span, button) {
|
|
text-transform: var(--input-label-text-transform);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label--dual {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
grid-template-areas: "over over over" "under under under";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label--dual > span:last-of-type {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label--dual > .slash {
|
|
line-height: 0rem;
|
|
font-weight: normal;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-textarea {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-columns: auto;
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-textarea :not(textarea):not(.adaptive) {
|
|
justify-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-textarea .headed-textarea__header {
|
|
grid-area: initial;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "content";
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive > span {
|
|
opacity: 0;
|
|
z-index: -10;
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
text-transform: initial;
|
|
border-radius: 0px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--text {
|
|
min-height: 4rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--text__span {
|
|
white-space: pre-wrap;
|
|
padding: 2px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--text__textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
resize: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--text__textarea,
|
|
body .ui-dialog .tab-content .charsheet .adaptive--input__input {
|
|
position: absolute;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--input__input {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--input__span {
|
|
padding: 2px;
|
|
min-height: 1.5rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > input:not([type=checkbox]) {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem .headed-textarea,
|
|
body .ui-dialog .tab-content .charsheet .repitem .description {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-container {
|
|
display: grid;
|
|
grid-template-areas: "header";
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-container > .header {
|
|
grid-area: header;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 0;
|
|
transition: var(--revealTrans);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button {
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol {
|
|
justify-self: end;
|
|
z-index: 100;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol > .repcontrol_add {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add {
|
|
justify-self: start;
|
|
width: 15px;
|
|
height: 15px;
|
|
padding: 4px;
|
|
font-size: 0;
|
|
color: var(--col-alt);
|
|
border: 1px solid var(--col-alt);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add::before {
|
|
inset: 0;
|
|
place-self: center;
|
|
font-family: var(--font-icon);
|
|
font-size: 12px;
|
|
content: "add";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1, body .ui-dialog .tab-content .charsheet [aria-level="1"], 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"], body .ui-dialog .tab-content .charsheet h3, body .ui-dialog .tab-content .charsheet [aria-level="3"], body .ui-dialog .tab-content .charsheet h4, body .ui-dialog .tab-content .charsheet [aria-level="4"], body .ui-dialog .tab-content .charsheet h5, body .ui-dialog .tab-content .charsheet [aria-level="5"] {
|
|
color: inherit;
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet label {
|
|
font-size: inherit;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .pointer {
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .no-icon:before {
|
|
content: "";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet [hidden] {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input:is([type=checkbox], [type=radio]) {
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet :placeholder-shown {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet * {
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-space-evenly,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-space-evenly {
|
|
justify-content: space-evenly;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .split-mod-section .headed-section__content {
|
|
padding: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .split-mod-section .headed-section__content .input-label {
|
|
width: 100%;
|
|
height: 100%;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .disabled {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .collapse:checked ~ .expanded-disable {
|
|
--disabledColor: color-mix(in lch,currentcolor 30%,transparent);
|
|
pointer-events: none;
|
|
color: var(--disabledColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d-6:before {
|
|
font-family: "dicefontd6";
|
|
text-transform: none !important;
|
|
content: "f";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d100:before {
|
|
font-family: "dicefontd10";
|
|
text-transform: none !important;
|
|
content: "t";
|
|
font-size: 140%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d-10:before {
|
|
font-family: "dicefontd10";
|
|
text-transform: none !important;
|
|
content: "j";
|
|
font-size: 140%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label .input-label__text {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .material-icons {
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select option {
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .blackbird-label {
|
|
--input-label-gap:0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .overlay {
|
|
width: auto !important;
|
|
height: auto !important;
|
|
z-index: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .content-grid {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .content-grid > * {
|
|
grid-area: content !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .material-symbols {
|
|
font-family: "Material Symbols Outlined";
|
|
font-size: 20px;
|
|
font-weight: 200;
|
|
line-height: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flip-box {
|
|
--flipDuration:0.8s;
|
|
--flipQuantity:1;
|
|
--flipTiming:ease-in-out;
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
perspective: 1000px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flip-box > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flip-box__content {
|
|
-webkit-backface-visibility: hidden; /* Safari */
|
|
backface-visibility: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flip-box__inner {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
transform-style: preserve-3d;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flip-box__inner > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flip-box__back {
|
|
transform: rotateY(180deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flip-control:checked + .flip-box__inner {
|
|
transform: rotateY(calc(180deg * var(--flipQuantity)));
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
body .ui-dialog .tab-content .charsheet .flip-box__inner {
|
|
transition: transform var(--flipDuration) var(--flipTiming);
|
|
}
|
|
}
|
|
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 .repitem .itemcontrol {
|
|
z-index: 100000;
|
|
}
|
|
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 .repeating-section-container {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-areas: "repcontainer repcontainer" "add edit";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontainer {
|
|
grid-area: repcontainer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol-button--add {
|
|
grid-area: add;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol {
|
|
grid-area: edit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar-thumb:hover {
|
|
background: var(--elementColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section {
|
|
--separatorRadius: 100%;
|
|
--separatorGap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section > :first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section > :first-child {
|
|
border-top: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__header,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__header {
|
|
background-color: var(--sectionHeadBack);
|
|
border-left: 1px solid var(--borderColor);
|
|
border-right: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader {
|
|
font-size: var(--size7);
|
|
background-color: var(--sectionSubheadBack);
|
|
border-left: 1px solid var(--borderColor);
|
|
border-right: 1px solid var(--borderColor);
|
|
color: var(--dm-fontColor);
|
|
flex: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row {
|
|
flex-direction: row;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader {
|
|
flex: 1 1;
|
|
border-bottom: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:first-child {
|
|
border-left: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__subheader:last-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__subheader:last-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__subheader:last-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__subheader:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__subheader:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__subheader:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__subheader:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:last-child {
|
|
border-right: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--column,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .sheet-headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .sheet-headed-section__content {
|
|
border-left: 1px solid var(--borderColor);
|
|
border-right: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child) {
|
|
border-bottom-width: 0px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .sheet-headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .sheet-headed-section__content:last-child {
|
|
border-bottom: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child) {
|
|
border-bottom: 2px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child) {
|
|
border-right: 2px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial > .headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial > .sheet-headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial > .headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial > .sheet-headed-section__content:not(:last-child):after {
|
|
content: "";
|
|
background-color: var(--borderColor);
|
|
position: absolute;
|
|
border-radius: var(--separatorRadius);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.sheet-headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after {
|
|
bottom: 0;
|
|
top: auto;
|
|
left: var(--separatorGap);
|
|
right: var(--separatorGap);
|
|
height: 2px;
|
|
width: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.headed-section__content-area--row > .headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.headed-section__content-area--row > .headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child):after,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after {
|
|
top: var(--separatorGap);
|
|
bottom: var(--separatorGap);
|
|
right: 0;
|
|
left: auto;
|
|
width: 2px;
|
|
height: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content {
|
|
position: relative;
|
|
padding: var(--half-gap);
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .headed-section__content.sheet-dark-content,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.sheet-dark-content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .headed-section__content.sheet-dark-content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.sheet-dark-content {
|
|
--selectedColor: var(--dm-selectedColor);
|
|
background-color: var(--sectionSubheadBack);
|
|
color: var(--dm-fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .headed-section__content.sheet-dark-content > *,
|
|
body .ui-dialog .tab-content .charsheet .headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.sheet-dark-content > *,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .headed-section__content.sheet-dark-content > *,
|
|
body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.sheet-dark-content > * {
|
|
--borderColor: var(--dm-borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
perspective: 1000px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card__content {
|
|
border: 2px solid var(--borderColor);
|
|
overflow: auto;
|
|
width: 240px;
|
|
aspect-ratio: 1/1.66;
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
align-content: start;
|
|
padding: var(--tiny-gap);
|
|
isolation: isolate;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card__content > input[type=text] {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card__content > .input-label input[type=text] {
|
|
width: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card__flip-box {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
transform-style: preserve-3d;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card__flip-box > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card__flip + .card__flip-box .card__view,
|
|
body .ui-dialog .tab-content .charsheet .card__flip + .card__flip-box .card__edit {
|
|
background-color: var(--backColor);
|
|
inset: 0;
|
|
-webkit-backface-visibility: hidden; /* Safari */
|
|
backface-visibility: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card__flip + .card__flip-box .card__view {
|
|
transform: rotateY(180deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card__flip:checked + .card__flip-box {
|
|
transform: rotateY(180deg);
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
body .ui-dialog .tab-content .charsheet .card__flip-box {
|
|
transition: transform 0.8s;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot {
|
|
width: min-content;
|
|
grid-template-rows: auto auto 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .slot-select {
|
|
z-index: 10;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__header,
|
|
body .ui-dialog .tab-content .charsheet .card-slot__subheader {
|
|
--gutterSize: 1.5rem;
|
|
display: grid;
|
|
grid-template-columns: var(--gutterSize) 1fr var(--gutterSize);
|
|
grid-template-areas: ". label eject";
|
|
padding: 0 var(--half-gap);
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__header *,
|
|
body .ui-dialog .tab-content .charsheet .card-slot__subheader * {
|
|
white-space: pre-wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__header button,
|
|
body .ui-dialog .tab-content .charsheet .card-slot__subheader button {
|
|
grid-area: eject;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .unslot-button {
|
|
white-space: nowrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__header h2, body .ui-dialog .tab-content .charsheet .card-slot__header .input-label:not(.stacked).large > [name] {
|
|
grid-area: label;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__subheader label {
|
|
color: inherit;
|
|
display: flex;
|
|
grid-area: label;
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__selection .card__view {
|
|
align-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__selection label {
|
|
--buttonSize: 60px;
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
background-color: var(--sectionHeadBack);
|
|
overflow: hidden;
|
|
width: var(--buttonSize);
|
|
height: var(--buttonSize);
|
|
place-self: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__selection label > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__selection label > span {
|
|
font-size: 400%;
|
|
place-self: center;
|
|
translate: 0 -2px;
|
|
line-height: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card-slot__selection label > select {
|
|
position: absolute;
|
|
inset: 0;
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container {
|
|
--deckRepeatButtonSize: 32px;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-areas: "add edit" "repcontainer repcontainer";
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .repcontainer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
grid-area: repcontainer;
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .repcontrol {
|
|
grid-area: edit;
|
|
justify-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .repcontrol_edit:before,
|
|
body .ui-dialog .tab-content .charsheet .deck-container .repcontrol-button--add:before {
|
|
font-family: "Material Symbols Outlined";
|
|
font-size: 20px;
|
|
font-weight: 200;
|
|
line-height: 1;
|
|
font-size: var(--size1);
|
|
width: var(--deckRepeatButtonSize);
|
|
height: var(--deckRepeatButtonSize);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .repcontrol-button--add {
|
|
grid-area: add;
|
|
justify-self: end;
|
|
width: var(--deckRepeatButtonSize);
|
|
height: var(--deckRepeatButtonSize);
|
|
font-size: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .repcontrol-button--add:before {
|
|
content: "add_card";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .repcontrol_edit:before {
|
|
content: "playing_cards";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .collapse {
|
|
right: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .collapsed, body .ui-dialog .tab-content .charsheet .deck-container .expanded {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .collapsed > input[type=text], body .ui-dialog .tab-content .charsheet .deck-container .expanded > input[type=text] {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deck-container .collapsed > .input-label input[type=text], body .ui-dialog .tab-content .charsheet .deck-container .expanded > .input-label input[type=text] {
|
|
width: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .threshold .headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .threshold .headed-section__content:first-child {
|
|
--width: 6rem;
|
|
max-width: var(--width);
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .egg,
|
|
body .ui-dialog .tab-content .charsheet .sheet-egg {
|
|
display: inline-grid;
|
|
grid-template-rows: 1fr auto;
|
|
place-items: center;
|
|
border: 1px solid var(--borderColor);
|
|
width: 50px;
|
|
overflow: hidden;
|
|
padding-block: var(--tiny-gap);
|
|
aspect-ratio: 1/1.3;
|
|
border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .egg > input,
|
|
body .ui-dialog .tab-content .charsheet .sheet-egg > input {
|
|
align-self: end;
|
|
color: var(--fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .egg span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-egg span {
|
|
color: var(--fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-head {
|
|
--overflow:30px;
|
|
margin-bottom: var(--overflow);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-head__content {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-head__content .egg {
|
|
background-color: var(--backColor);
|
|
margin-bottom: calc(var(--overflow) * -1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .blackbird-radio {
|
|
--checkboxBorderColor:var(--borderColor);
|
|
display: flex;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 1px solid var(--borderColor);
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .blackbird-radio:before {
|
|
content: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-circle.radio-circle {
|
|
border-radius: 50%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-circle.radio-circle:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-circle.radio-circle:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-square.radio-square {
|
|
border-radius: 15%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-square.radio-square:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-square.radio-square:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-egg.radio-egg {
|
|
border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-egg.radio-egg:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-egg.radio-egg:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-shield.radio-shield {
|
|
border-radius: 10% 10% 50% 50%/10% 10% 40% 40%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-shield.radio-shield:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-shield.radio-shield:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-diamond.radio-diamond {
|
|
-webkit-transform: rotate(45deg) translate(10%, 20%);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-diamond.radio-diamond:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-diamond.radio-diamond:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-triangle {
|
|
border-style: solid;
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
place-items: center;
|
|
place-content: center;
|
|
background-color: transparent !important;
|
|
border: 0px solid transparent;
|
|
--triangleHeight:15px;
|
|
width: var(--triangleHeight);
|
|
height: var(--triangleHeight);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-triangle:before, body .ui-dialog .tab-content .charsheet .radio-triangle:after {
|
|
content: "" !important;
|
|
grid-area: content;
|
|
box-sizing: border-box;
|
|
border-style: solid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-triangle:before {
|
|
border-width: var(--triangleHeight) calc(var(--triangleHeight) / 2) 0 calc(var(--triangleHeight) / 2);
|
|
border-color: var(--borderColor) transparent transparent transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-triangle:after {
|
|
z-index: 1;
|
|
border-width: calc(var(--triangleHeight) - 2px) calc(var(--triangleHeight) / 2 - 1px) 0 calc(var(--triangleHeight) / 2 - 1px);
|
|
border-color: var(--backColor) transparent transparent transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .radio-triangle:checked:after {
|
|
--backColor:var(--selectedColor) ;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attCard_egg_col {
|
|
padding: 10px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .bonus_radios {
|
|
padding: 10px;
|
|
display: inline-grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .row_div {
|
|
padding-top: 6px;
|
|
display: inline-flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .att_abil_mod {
|
|
padding-top: -5px;
|
|
display: inline-grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .unlocked {
|
|
display: block !important;
|
|
position: relative;
|
|
left: 17px;
|
|
align-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .att_ability_inputs {
|
|
padding-left: 7px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ability_mod {
|
|
border: 1px solid var(--borderColor);
|
|
border-radius: 5%;
|
|
height: 50px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .collapse--nested-control:checked ~ div .expanded {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .collapse--nested-control:not(:checked) ~ div .collapsed {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--core {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
|
|
grid-template-rows: auto auto 1fr;
|
|
grid-auto-flow: dense;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--core header {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--skills,
|
|
body .ui-dialog .tab-content .charsheet .section--attributes {
|
|
grid-row: span 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat {
|
|
container: combat-container/inline-size;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container {
|
|
display: grid;
|
|
align-items: start;
|
|
gap: var(--half-gap);
|
|
grid-template-columns: [peril-thresh-start peril-track-start] 1fr [peril-track-end armor-start general-start] 2fr [peril-thresh-end damage-thresh-start] 2fr [armor-end general-end damage-track-start] 1fr [damage-track-end damage-thresh-end];
|
|
grid-template-rows: [peril-thresh-start damage-thresh-start] auto [peril-thresh-end damage-thresh-end peril-track-start damage-track-start general-start] auto [general-end armor-start] auto [armor-end peril-track-end damage-track-end];
|
|
}
|
|
@container combat-container (max-width:760px) {
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container {
|
|
grid-template-columns: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container > *,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .threshold,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track {
|
|
grid-area: initial;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area {
|
|
flex-direction: row;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__subheader,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__subheader {
|
|
flex: 1 1;
|
|
border-bottom: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__subheader:first-child,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__content:first-child,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__subheader:first-child {
|
|
border-left: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__subheader:last-child,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__subheader:last-child {
|
|
border-right: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .section--peril, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .section--damage {
|
|
display: grid;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--peril,
|
|
body .ui-dialog .tab-content .charsheet .section--damage {
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--peril .threshold {
|
|
grid-area: peril-thresh;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--peril .threshold-connect-line {
|
|
grid-column: peril-track-start;
|
|
grid-row: peril-thresh-start/peril-track-end;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--peril .track {
|
|
grid-area: peril-track;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--damage .threshold {
|
|
grid-area: damage-thresh;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--damage .threshold-connect-line {
|
|
grid-column: damage-track-start;
|
|
grid-row: damage-thresh-start/damage-track-end;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--damage .track {
|
|
grid-area: damage-track;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--weapons,
|
|
body .ui-dialog .tab-content .charsheet .section--wortcunnings {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general {
|
|
grid-area: general;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__header {
|
|
font-family: var(--font2);
|
|
font-size: var(--font3);
|
|
display: flex;
|
|
gap: var(--tiny-gap) var(--half-gap);
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__header ul {
|
|
gap: var(--tiny-gap);
|
|
align-items: center;
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__header button {
|
|
padding-inline: var(--tiny-gap);
|
|
border: 1px solid transparent;
|
|
text-transform: uppercase;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__header .tabs__nav-item {
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__header .k-active-tab {
|
|
background-color: var(--activeBack);
|
|
background-color: var(--activeColor);
|
|
border-color: var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .cardHolder {
|
|
padding: 0px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor {
|
|
min-width: fit-content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor .headed-section__content:not(:last-child) {
|
|
border-bottom: 1px solid black !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor input:not([type=checkbox]) {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor .armor__labels, body .ui-dialog .tab-content .charsheet .armor .shield__labels {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 2fr) 1fr 2fr;
|
|
row-gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor .section--label__name {
|
|
padding-inline: var(--gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor .section--label__qualities,
|
|
body .ui-dialog .tab-content .charsheet .armor .section--label__threshold,
|
|
body .ui-dialog .tab-content .charsheet .armor .section--label__degredation {
|
|
padding-inline: var(--half-gap);
|
|
min-width: 85px;
|
|
border-left: solid;
|
|
border-radius: 0;
|
|
border-width: 1px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor .shield__labels {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fate-fortune-container {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--fate .headed-section__content {
|
|
display: grid;
|
|
align-items: end;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--fate__header {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr auto;
|
|
place-items: center;
|
|
padding: var(--half-gap) var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--fate__header .sizing-gutter {
|
|
visibility: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--fate__header .sizing-gutter * {
|
|
visibility: hidden;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fate__content:last-child {
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fate__flip-box {
|
|
--flipDuration:.8s;
|
|
--flipQuantity:3;
|
|
--flipTiming:ease-in;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fate__flip-box .content-grid {
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fate__flip-box .flip-box__inner {
|
|
transform: translateX(0%) translateZ(-200px) rotateY(0deg);
|
|
translate: 0 0 200px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fate__flip-box .flip-control:checked + .flip-box__inner {
|
|
transform: translateX(115%) translateZ(-200px) rotateY(calc(180deg * var(--flipQuantity)));
|
|
translate: 0 0 200px;
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
body .ui-dialog .tab-content .charsheet .fate__flip-box .flip-box__inner {
|
|
transition-property: transform, translate;
|
|
transition-duration: var(--flipDuration), calc(var(--flipDuration) / 2);
|
|
transition-delay: 0, calc(var(--flipDuration) / 2);
|
|
transition-timing-function: var(--flipTiming);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fate__flip-box .flip-control:checked + .flip-box__inner {
|
|
transition-property: transform, translate;
|
|
transition-duration: var(--flipDuration), calc(var(--flipDuration) / 2);
|
|
transition-delay: 0, 0;
|
|
transition-timing-function: var(--flipTiming);
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .character_info {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--fate {
|
|
max-width: 270px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .character_info__details {
|
|
flex: 1 1;
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .detail__inputs {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .character-concept {
|
|
display: grid;
|
|
grid-template-rows: auto auto 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--skills {
|
|
margin-left: 14px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--skills__group {
|
|
padding: 0;
|
|
border: 0px solid transparent !important;
|
|
display: grid;
|
|
align-content: center;
|
|
grid-template-areas: "content";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--skills__group > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill--block {
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill--block .headed-section__content-area {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--skills__attribute-header {
|
|
place-self: center start;
|
|
position: relative;
|
|
z-index: 1;
|
|
rotate: 180deg;
|
|
left: -14px;
|
|
background-color: var(--backColor);
|
|
writing-mode: vertical-lr;
|
|
padding-inline: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--skills__normal {
|
|
display: grid;
|
|
grid-template-columns: 1fr repeat(3, 20px);
|
|
grid-auto-rows: 25px;
|
|
gap: var(--tiny-gap) var(--half-gap);
|
|
place-items: center;
|
|
padding-right: var(--half-gap);
|
|
align-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--skills__normal button {
|
|
justify-self: start;
|
|
margin-left: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--skills__unlocked {
|
|
--width: 50px;
|
|
display: grid;
|
|
grid-auto-rows: 25px;
|
|
gap: var(--tiny-gap) var(--half-gap);
|
|
place-items: center;
|
|
flex: 0 !important;
|
|
min-width: var(--width);
|
|
max-width: var(--width);
|
|
align-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .special-skill {
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .special-skill:after {
|
|
content: "*";
|
|
position: absolute;
|
|
right: calc(var(--half-gap) * -1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--alignment .headed-section__subheader {
|
|
display: flex;
|
|
justify-content: center;
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--alignment__grid {
|
|
--outlineSize:2px;
|
|
--gridSize:30px;
|
|
--checkSize:20px;
|
|
--alignment-offset:calc(var(--checkSize) / 2 - 1px);
|
|
display: grid;
|
|
grid-template-columns: repeat(5, var(--gridSize));
|
|
grid-template-rows: repeat(9, var(--gridSize));
|
|
grid-template-areas: "harmony--2 harmony--1 alignment--0 discord--1 discord--2" "harmony--3 . revelation--3 . discord--3" "harmony--4 . . . discord--4" "harmony--5 . revelation--5 . discord--5" "harmony--6 . . . discord--6" "harmony--7 . revelation--7 . discord--7" "harmony--8 . . . discord--8" "harmony--9 . revelation--9 . discord--9" "harmony--10 . revelation--10 . discord--10";
|
|
place-items: center;
|
|
isolation: isolate;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--alignment__line-connect {
|
|
border-width: var(--outlineSize) var(--outlineSize) 0 var(--outlineSize);
|
|
border-color: var(--borderColor);
|
|
border-style: solid;
|
|
grid-row: 1/-1;
|
|
grid-column: 1/-1;
|
|
margin: calc(var(--gridSize) / 2 - 1px);
|
|
place-self: stretch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation {
|
|
grid-column: 1/-1;
|
|
padding-inline: var(--tiny-gap);
|
|
background-color: var(--backColor);
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation:not(div) {
|
|
place-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet div.revelation {
|
|
justify-self: stretch;
|
|
margin-inline: calc(var(--gridSize) / 2);
|
|
border-top: var(--outlineSize) solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .alignment--radio {
|
|
width: var(--checkSize);
|
|
height: var(--checkSize);
|
|
--triangleHeight: var(--checkSize);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .alignment--0 {
|
|
grid-area: alignment--0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--1 {
|
|
grid-area: harmony--1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--1 {
|
|
grid-area: discord--1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--1 {
|
|
grid-row-start: revelation--1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--2 {
|
|
grid-area: harmony--2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--2 {
|
|
grid-area: discord--2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--2 {
|
|
grid-row-start: revelation--2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--3 {
|
|
grid-area: harmony--3;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--3 {
|
|
grid-area: discord--3;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--3 {
|
|
grid-row-start: revelation--3;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--4 {
|
|
grid-area: harmony--4;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--4 {
|
|
grid-area: discord--4;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--4 {
|
|
grid-row-start: revelation--4;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--5 {
|
|
grid-area: harmony--5;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--5 {
|
|
grid-area: discord--5;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--5 {
|
|
grid-row-start: revelation--5;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--6 {
|
|
grid-area: harmony--6;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--6 {
|
|
grid-area: discord--6;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--6 {
|
|
grid-row-start: revelation--6;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--7 {
|
|
grid-area: harmony--7;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--7 {
|
|
grid-area: discord--7;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--7 {
|
|
grid-row-start: revelation--7;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--8 {
|
|
grid-area: harmony--8;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--8 {
|
|
grid-area: discord--8;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--8 {
|
|
grid-row-start: revelation--8;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--9 {
|
|
grid-area: harmony--9;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--9 {
|
|
grid-area: discord--9;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--9 {
|
|
grid-row-start: revelation--9;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .harmony--10 {
|
|
grid-area: harmony--10;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .discord--10 {
|
|
grid-area: discord--10;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .revelation--10 {
|
|
grid-row-start: revelation--10;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--boon-bane .repitem .expanded {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general {
|
|
container: combat-general/inline-size;
|
|
max-width: 580px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general > section {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .injuries {
|
|
grid-column: span 2;
|
|
grid-row: span 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .injuries .collapsed,
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .injuries .expanded {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: var(--tiny-gap) 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .injuries .collapsed > :last-child {
|
|
justify-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .parry {
|
|
justify-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .dodge {
|
|
justify-self: end;
|
|
}
|
|
@container combat-general (max-width:550px) {
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general > section {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .initiative {
|
|
order: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .movement {
|
|
order: 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .injuries {
|
|
order: 3;
|
|
grid-row: span 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .parry {
|
|
order: 4;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--combat-general .dodge {
|
|
order: 5;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .expanded {
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .collapsed {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: var(--tiny-gap);
|
|
justify-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .collapsed > :first-child {
|
|
justify-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .adaptive {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .quality-display {
|
|
white-space: pre-wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths {
|
|
container: paths/inline-size;
|
|
flex: 1 1 600px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths__content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--half-gap);
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths__content h4 {
|
|
white-space: pre-wrap;
|
|
margin-bottom: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths__content img {
|
|
width: 60px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .path-radios {
|
|
flex-direction: column;
|
|
gap: var(--half-gap);
|
|
}
|
|
@container paths (max-width:580px) {
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area {
|
|
grid-template-columns: 1fr;
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .headed-section__content,
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .sheet-headed-section__content {
|
|
border-left: 1px solid var(--borderColor);
|
|
border-right: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .headed-section__content:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .sheet-headed-section__content:not(:last-child) {
|
|
border-bottom-width: 0px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .headed-section__content:last-child,
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .sheet-headed-section__content:last-child {
|
|
border-bottom: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .headed-section__content > .sheet-headed-section__content:not(:last-child):after {
|
|
bottom: 0;
|
|
top: auto;
|
|
left: var(--separatorGap);
|
|
right: var(--separatorGap);
|
|
height: 2px;
|
|
width: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths h4 {
|
|
margin-right: auto;
|
|
margin-bottom: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--paths__content,
|
|
body .ui-dialog .tab-content .charsheet .path-radios {
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--advances {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--talents-and-techniques__container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--talents-and-techniques {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .slot-talent .card__content {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view .card-icon {
|
|
width: 50px;
|
|
place-self: end center;
|
|
z-index: 1;
|
|
filter: invert(1) brightness(1) sepia(1) saturate(1);
|
|
margin-bottom: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view .card-label {
|
|
place-self: start center;
|
|
z-index: 1;
|
|
margin-top: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view .card-label > * {
|
|
color: var(--dm-fontColor);
|
|
white-space: pre-wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--technique,
|
|
body .ui-dialog .tab-content .charsheet .card--talent {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--technique ul {
|
|
margin: 0 0 0 var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--technique li {
|
|
display: grid;
|
|
grid-template-columns: auto 200px;
|
|
margin-bottom: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--technique li .action-line {
|
|
display: flex;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--technique li .action-line > * {
|
|
flex: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .card--technique li .collapse:checked ~ .conditional-span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--tier {
|
|
flex: 0;
|
|
width: 200px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .expanded {
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .collapsed {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: var(--tiny-gap);
|
|
justify-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .collapsed > :first-child {
|
|
justify-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .adaptive {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .quality-display {
|
|
white-space: pre-wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--manifestations .expanded {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--outsiders .expanded {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--outsiders .collapsed .flex-box > * {
|
|
flex: 1 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--outsiders .headed-section__subheader {
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--vitiations .collapsed > * {
|
|
flex: 1 1;
|
|
width: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--vitiations .collapsed > *:not(:first-child) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--vitiations .expanded {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--vitiations .name {
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--vitiations .name input {
|
|
flex: 1 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--theurgy {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
|
gap: var(--half-gap);
|
|
container: theurgy/inline-size;
|
|
}
|
|
@container theurgy (min-width:420px) {
|
|
body .ui-dialog .tab-content .charsheet .section--outsiders, body .ui-dialog .tab-content .charsheet .section--vitiations {
|
|
grid-column: span 2;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patronage > :nth-child(n) {
|
|
margin-bottom: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patronage .row1 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patronage .spoils {
|
|
width: 39%;
|
|
flex-grow: 2;
|
|
min-width: min-content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patronage .undertaking {
|
|
flex-grow: 2;
|
|
width: 39%;
|
|
min-width: min-content;
|
|
padding-right: var(--half-gap);
|
|
padding-bottom: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patronage .obligation {
|
|
flex-grow: 0;
|
|
width: 20%;
|
|
max-height: fit-content;
|
|
min-width: min-content;
|
|
align-items: center;
|
|
padding-right: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .undertaking {
|
|
max-height: 250px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .undertaking .undertaking_base {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .undertaking .section--undertaking__label {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 0.25fr;
|
|
column-gap: var(--half-gap);
|
|
margin: var(--tiny-gap);
|
|
font-style: italic;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .undertaking .section--undertaking__label .undertaking--label__desc {
|
|
border-right: 1px solid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .undertaking .section--undertaking__label .undertaking--label__time {
|
|
padding-left: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .undertaking .repitem {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 0.25fr;
|
|
column-gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .undertaking .repcontainer {
|
|
overflow-y: auto;
|
|
row-gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .undertaking .repcontainer .section--undertaking__description {
|
|
border-right: 1px solid;
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spoils .repitem {
|
|
display: grid;
|
|
grid-template-columns: 2fr 0.5fr 0.25fr;
|
|
grid-template-rows: 1fr;
|
|
column-gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spoils .repcontainer {
|
|
row-gap: var(--tiny-gap);
|
|
overflow-y: auto;
|
|
grid-area: 1/1/2/4;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spoils .repcontainer .section--spoils__value {
|
|
grid-area: 2/2/3/3;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spoils .repcontainer .section--spoils__description {
|
|
grid-area: 2/1/3/2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spoils .repcontainer .roller {
|
|
grid-area: 2/3/3/4;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spoils .spoils_labels {
|
|
display: grid;
|
|
grid-template-columns: 2fr 0.5fr 0.25fr;
|
|
grid-template-rows: 1fr;
|
|
column-gap: var(--half-gap);
|
|
padding-inline: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .spoils .section--label__desc, body .ui-dialog .tab-content .charsheet .spoils .section--spoils__description {
|
|
border-right: solid;
|
|
border-width: 1px;
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .obligation .obligation__title {
|
|
padding-inline: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .obligation .obligation--amount {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-style: italic;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .obligation .obligation--total {
|
|
border-bottom: solid;
|
|
border-width: 1px;
|
|
border-radius: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .obligation .obligation--rules {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .trappings .repitem {
|
|
display: grid;
|
|
grid-template-columns: 1fr 0.25fr;
|
|
grid-template-rows: 1fr;
|
|
border-bottom: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .trappings .repitem .roller {
|
|
align-items: flex-start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .trappings .repcontainer {
|
|
max-height: 100%;
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .trappings .trappings_label {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
justify-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .trappings .headed-section__content-area {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
justify-items: space around;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .trappings .repeating-section-container {
|
|
grid-template-rows: 1fr auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .trappings .headed-section__content:not(:last-child) {
|
|
border: 1px solid var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patron__rules {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
font-style: italic;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patron__rules span {
|
|
padding-inline: var(--half-gap);
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .repcontainer {
|
|
display: block;
|
|
column-width: 300px;
|
|
column-gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .repitem {
|
|
break-inside: avoid;
|
|
flex-grow: 1;
|
|
border: 1px solid var(--borderColor);
|
|
padding: var(--tiny-gap);
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .section--patron__name {
|
|
padding-bottom: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .section--patron__traits {
|
|
padding-bottom: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .section--patron__notes {
|
|
padding-bottom: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .section--patron__label {
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
padding-right: var(--half-gap);
|
|
padding-top: var(--half-gap);
|
|
padding-bottom: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers {
|
|
padding-top: var(--half-gap);
|
|
padding-bottom: var(--half-gap);
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
grid-template-rows: repeat(3, auto);
|
|
align-content: center;
|
|
justify-items: center;
|
|
grid-template-areas: "main-label main-label main-label main-label main-label main-label main-label main-label main-label main-label" "basic-radi basic-radi basic-radi basic-radi basic-radi stewa-radi stewa-radi stewa-radi stewa-radi stewa-radi" ". . . . . stewa-numb stewa-numb stewa-numb stewa-numb stewa-numb";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers span {
|
|
text-align: center;
|
|
padding-inline: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers span:nth-child(6) {
|
|
border-left: 1px solid var(--borderColor);
|
|
height: 280%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .section--patron__score {
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .section--patron__score--stew > :nth-child(2) {
|
|
position: relative;
|
|
margin-left: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .section--patron__score--stew > :nth-child(2):before {
|
|
content: "" !important;
|
|
position: absolute;
|
|
width: 1px;
|
|
height: calc(100% + 2px);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .patron--score__alt {
|
|
grid-area: stewa-numb;
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .patron--score__alt > :first-child {
|
|
grid-column: 6;
|
|
padding-left: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .patrons .section--patron__stewardship {
|
|
text-align: right;
|
|
padding-right: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--npc .collapse {
|
|
right: 0px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc_attributes {
|
|
display: grid;
|
|
grid-template-columns: repeat(7, 1fr);
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc_attributes.skill-display {
|
|
place-items: start center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .non-zero-only:is([value="0"], :not([value]), [value=""]) + .-display {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .non-zero-only-format:is([value="0"], :not([value]), [value=""]) ~ .controlled-display-format {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapon-content {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
place-items: start center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-traits-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .custom-select {
|
|
display: grid;
|
|
grid-template-columns: 1fr 20px;
|
|
grid-template-areas: "input .";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .custom-select select {
|
|
grid-column: 1/-1;
|
|
grid-row: 1/2;
|
|
appearance: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .custom-select option {
|
|
background-color: var(--backColor);
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .custom-select input {
|
|
grid-area: input;
|
|
background-color: var(--backColor);
|
|
color: inherit;
|
|
opacity: 0;
|
|
z-index: -1;
|
|
width: 0;
|
|
min-width: 100%;
|
|
text-transform: initial !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .select-control:checked ~ input {
|
|
z-index: 10;
|
|
opacity: 100;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--flock {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: var(--half-gap) var(--normal-gap);
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flock-members {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flock-members .repcontainer {
|
|
grid-column: 1/-1;
|
|
order: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flock-members .repcontrol-button {
|
|
order: 2;
|
|
place-self: center start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flock-members .repcontrol {
|
|
order: 3;
|
|
place-self: center end;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .qualities-container {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--settings {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--settings .repcontainer {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--settings .repcontrol-button {
|
|
order: 2;
|
|
place-self: center start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--settings .repcontrol {
|
|
order: 3;
|
|
place-self: center end;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .link-output {
|
|
font-family: var(--font3);
|
|
font-size: var(--size5);
|
|
text-transform: capitalize;
|
|
place-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .link-output:before {
|
|
content: "";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .align-center {
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--undertakings {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
grid-template-areas: "desc-head time-head" "repcontainer repcontainer" "add edit";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--undertakings .repcontainer {
|
|
grid-area: repcontainer;
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--undertakings .repitem {
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .section--undertakings .section--undertaking__time-limit {
|
|
max-width: 25ch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapon-display {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr auto auto;
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapon-display .repcontrol-button,
|
|
body .ui-dialog .tab-content .charsheet .weapon-display .repcontrol {
|
|
order: 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapon-display .repcontainer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .comma:after {
|
|
content: ",";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-traits-container {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-traits-container .repcontrol-button {
|
|
justify-self: start;
|
|
order: 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-traits-container .repcontrol {
|
|
justify-self: end;
|
|
order: 3;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-traits-container .repcontainer {
|
|
grid-column: 1/-1;
|
|
}
|
|
body.sheet-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);
|
|
--sectionHeadBack:var(--dm--sectionHeadBack);
|
|
--sectionSubheadBack: var(--dm-sectionSubheadBack);
|
|
--selectedTextColor: var(--dm-selectedTextColor);
|
|
--img-background-trunk: var(--img-background-trunk-dm);
|
|
--img-underline: var(--img-underline-dm);
|
|
--img-underline2: var(--img-underline2-dm);
|
|
--img-underline3: var(--img-underline3-dm);
|
|
--attributeGradientOuter: var(--dm-attributeGradientOuter);
|
|
--nav-tab-active-background:var(--dm-nav-tab-active-background);
|
|
--fillLeftSelectedColor:var(--dm-fillLeftSelectedColor);
|
|
--fillLeftUnselectedColor: var(--dm-fillLeftUnselectedColor);
|
|
--activeColor: var(--dm-activeColor);
|
|
color: var(--fontColor);
|
|
--collapseExpandedColor: var(--dm-collapseExpandedColor);
|
|
}
|
|
|
|
.sheet-rolltemplate-blackbirds {
|
|
--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);
|
|
--input-label-gap: var(--half-gap);
|
|
--lm-fontColor:black;
|
|
--dm-fontColor: beige;
|
|
--checkedColor: var(--selectedColor);
|
|
--checkColor: var(--selectedColor);
|
|
--fontColor:var(--lm-fontColor);
|
|
--dm-backColor:var(--dark-surface1);
|
|
--lm-borderColor:#6c6c6c;
|
|
--lm-sectionHeadBack:#c8c8c8;
|
|
--dm--sectionHeadBack:#c8c8c8;
|
|
--sectionHeadBack:var(--lm-sectionHeadBack);
|
|
--lm-sectionSubheadBack: #575757;
|
|
--dm-sectionSubheadBack:#575757;
|
|
--lm-fillLeftUnselectedColor: var(--lm-backColor);
|
|
--dm-fillLeftUnselectedColor: var(--dm-backColor);
|
|
--fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor);
|
|
--sectionSubheadBack: var(--lm-sectionSubheadBack);
|
|
--topHeadFont:"Germania One", cursive;
|
|
--midHeadFont:"Germania One", cursive;
|
|
--contentHeadFont:"EB Garamond", serif;
|
|
--size1: 200%;
|
|
--size2: 166%;
|
|
--size3: 150%;
|
|
--size4: 132%;
|
|
--size5: 116%;
|
|
--size6: 100%;
|
|
--size7: 85%;
|
|
--lm-activeBack: var(--lm-fontColor);
|
|
--dm-activeBack: var(--dm-fontColor);
|
|
--activeBack: var(--lm-activeBack);
|
|
--lm-activeColor: var(--dm-fontColor);
|
|
--dm-activeColor: var(--lm-fontColor);
|
|
--activeColor: var(--lm-activeColor);
|
|
--dm-selectedColor: var(--dm-fontColor);
|
|
/* width */
|
|
/* Track */
|
|
/* Handle */
|
|
/* Handle on hover */
|
|
margin-left: -10px;
|
|
margin-right: 10px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds select,
|
|
.sheet-rolltemplate-blackbirds textarea,
|
|
.sheet-rolltemplate-blackbirds input,
|
|
.sheet-rolltemplate-blackbirds .uneditable-input,
|
|
.sheet-rolltemplate-blackbirds label,
|
|
.sheet-rolltemplate-blackbirds button {
|
|
all: initial;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flex-box,
|
|
.sheet-rolltemplate-blackbirds .sheet-flex-box {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flex-wrap,
|
|
.sheet-rolltemplate-blackbirds .sheet-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .justify-space-around,
|
|
.sheet-rolltemplate-blackbirds .sheet-justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .justify-space-between,
|
|
.sheet-rolltemplate-blackbirds .sheet-justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .justify-center,
|
|
.sheet-rolltemplate-blackbirds .sheet-justify-center {
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flex-min-content,
|
|
.sheet-rolltemplate-blackbirds .sheet-flex-min-content {
|
|
flex: 1 0 min-content;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .stacked {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .stacked.center > * {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .stacked:not(.center) {
|
|
align-items: start;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flex-column,
|
|
.sheet-rolltemplate-blackbirds .sheet-flex-column {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flex-row-reverse,
|
|
.sheet-rolltemplate-blackbirds .sheet-flex-row-revers {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flex-column-reverse,
|
|
.sheet-rolltemplate-blackbirds .sheet-flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .normal-gap,
|
|
.sheet-rolltemplate-blackbirds .sheet-normal-gap {
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .normal-gap-x,
|
|
.sheet-rolltemplate-blackbirds .sheet-normal-gap-x {
|
|
column-gap: var(--normal-gap-x);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .normal-gap-y,
|
|
.sheet-rolltemplate-blackbirds .sheet-normal-gap-y {
|
|
row-gap: var(--normal-gap-y);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .half-gap,
|
|
.sheet-rolltemplate-blackbirds .sheet-half-gap {
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .half-gap-x,
|
|
.sheet-rolltemplate-blackbirds .sheet-half-gap-x {
|
|
column-gap: var(--half-gap-x);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .half-gap-y,
|
|
.sheet-rolltemplate-blackbirds .sheet-half-gap-y {
|
|
row-gap: var(--half-gap-y);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .tiny-gap,
|
|
.sheet-rolltemplate-blackbirds .sheet-tiny-gap {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .tiny-gap-x,
|
|
.sheet-rolltemplate-blackbirds .sheet-tiny-gap-x {
|
|
column-gap: var(--tiny-gap-x);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .tiny-gap-y,
|
|
.sheet-rolltemplate-blackbirds .sheet-tiny-gap-y {
|
|
row-gap: var(--tiny-gap-y);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .big-gap,
|
|
.sheet-rolltemplate-blackbirds .sheet-big-gap {
|
|
gap: var(--big-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .big-gap-x,
|
|
.sheet-rolltemplate-blackbirds .sheet-big-gap-x {
|
|
column-gap: var(--big-gap-x);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .big-gap-y,
|
|
.sheet-rolltemplate-blackbirds .sheet-big-gap-y {
|
|
row-gap: var(--big-gap-y);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .grid,
|
|
.sheet-rolltemplate-blackbirds .sheet-grid {
|
|
display: grid;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .grid-span-2,
|
|
.sheet-rolltemplate-blackbirds .sheet-grid-span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .grid-span-all,
|
|
.sheet-rolltemplate-blackbirds .sheet-grid-span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .grid-column,
|
|
.sheet-rolltemplate-blackbirds .sheet-grid-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .grid-dense,
|
|
.sheet-rolltemplate-blackbirds .sheet-grid-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .boxed,
|
|
.sheet-rolltemplate-blackbirds .sheet-boxed {
|
|
border: 2px solid var(--borderColor);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .boxed.thick-left,
|
|
.sheet-rolltemplate-blackbirds .sheet-boxed.thick-left {
|
|
border-left-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .boxed.thick-bottom,
|
|
.sheet-rolltemplate-blackbirds .sheet-boxed.thick-bottom {
|
|
border-bottom-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .boxed.thick-right,
|
|
.sheet-rolltemplate-blackbirds .sheet-boxed.thick-right {
|
|
border-right-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .boxed.thick-top,
|
|
.sheet-rolltemplate-blackbirds .sheet-boxed.thick-top {
|
|
border-top-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .underlined,
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds :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-blackbirds :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
|
background-color: var(--disabledColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .underlined--invisible {
|
|
border-color: transparent !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .ratio1-1,
|
|
.sheet-rolltemplate-blackbirds .sheet-ratio1-1 {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds span,
|
|
.sheet-rolltemplate-blackbirds input,
|
|
.sheet-rolltemplate-blackbirds textarea,
|
|
.sheet-rolltemplate-blackbirds button,
|
|
.sheet-rolltemplate-blackbirds select {
|
|
line-height: normal;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .text-1,
|
|
.sheet-rolltemplate-blackbirds .sheet-text-1 {
|
|
font-size: var(--size1);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .text-2,
|
|
.sheet-rolltemplate-blackbirds .sheet-text-2 {
|
|
font-size: var(--size2);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .text-3,
|
|
.sheet-rolltemplate-blackbirds .sheet-text-3 {
|
|
font-size: var(--size3);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .text-4,
|
|
.sheet-rolltemplate-blackbirds .sheet-text-4 {
|
|
font-size: var(--size4);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .text-5,
|
|
.sheet-rolltemplate-blackbirds .sheet-text-5 {
|
|
font-size: var(--size5);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .text-6,
|
|
.sheet-rolltemplate-blackbirds .sheet-text-6 {
|
|
font-size: var(--size6);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .text-7,
|
|
.sheet-rolltemplate-blackbirds .sheet-text-7 {
|
|
font-size: var(--size7);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .capitalize,
|
|
.sheet-rolltemplate-blackbirds .sheet-capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .lowercase,
|
|
.sheet-rolltemplate-blackbirds .sheet-lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .uppercase,
|
|
.sheet-rolltemplate-blackbirds .sheet-uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-material-icons,
|
|
.sheet-rolltemplate-blackbirds .material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
.sheet-rolltemplate-blackbirds .material-symbol,
|
|
.sheet-rolltemplate-blackbirds .sheet-material-symbol {
|
|
font-family: "Material Symbols Outlined";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 24px; /* Preferred icon size */
|
|
display: inline-block;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: nowrap;
|
|
direction: ltr;
|
|
font-variation-settings: "FILL" 1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-italics,
|
|
.sheet-rolltemplate-blackbirds .italics {
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h1,
|
|
.sheet-rolltemplate-blackbirds *[aria-level="1"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
.sheet-rolltemplate-blackbirds h1:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="1"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h1 *,
|
|
.sheet-rolltemplate-blackbirds *[aria-level="1"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
.sheet-rolltemplate-blackbirds h1 *:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="1"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h2, .sheet-rolltemplate-blackbirds .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-blackbirds *[aria-level="2"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
.sheet-rolltemplate-blackbirds h2:not(input), .sheet-rolltemplate-blackbirds .input-label:not(.stacked).large > [name]:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="2"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h2 *, .sheet-rolltemplate-blackbirds .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-blackbirds *[aria-level="2"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
.sheet-rolltemplate-blackbirds h2 *:not(input), .sheet-rolltemplate-blackbirds .input-label:not(.stacked).large > [name] *:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="2"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h3,
|
|
.sheet-rolltemplate-blackbirds *[aria-level="3"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
.sheet-rolltemplate-blackbirds h3:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="3"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h3 *,
|
|
.sheet-rolltemplate-blackbirds *[aria-level="3"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
.sheet-rolltemplate-blackbirds h3 *:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="3"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h4,
|
|
.sheet-rolltemplate-blackbirds *[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-blackbirds h4:not(:where(input)),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="4"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h4:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="4"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h4 *,
|
|
.sheet-rolltemplate-blackbirds *[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-blackbirds h4 *:not(:where(input)),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="4"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h4 *:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="4"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h5,
|
|
.sheet-rolltemplate-blackbirds *[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-blackbirds h5:not(:where(input)),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="5"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h5:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="5"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h5 *,
|
|
.sheet-rolltemplate-blackbirds *[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-blackbirds h5 *:not(:where(input)),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="5"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h5 *:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="5"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h6,
|
|
.sheet-rolltemplate-blackbirds *[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-blackbirds h6:not(:where(input)),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="6"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h6:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="6"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h6 *,
|
|
.sheet-rolltemplate-blackbirds *[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-blackbirds h6 *:not(:where(input)),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="6"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-blackbirds h6 *:not(input),
|
|
.sheet-rolltemplate-blackbirds *[aria-level="6"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-pictos,
|
|
.sheet-rolltemplate-blackbirds .pictos {
|
|
font-family: pictos;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .pictos3,
|
|
.sheet-rolltemplate-blackbirds .sheet-pictos3 {
|
|
font-family: pictos three;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .pictoscustom,
|
|
.sheet-rolltemplate-blackbirds .sheet-pictoscustom {
|
|
font-family: pictos custom;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .d4,
|
|
.sheet-rolltemplate-blackbirds .sheet-d4 {
|
|
font-family: dicefontd4 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .d6,
|
|
.sheet-rolltemplate-blackbirds .sheet-d6 {
|
|
font-family: dicefontd6 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .d8,
|
|
.sheet-rolltemplate-blackbirds .sheet-d8 {
|
|
font-family: dicefontd8 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .d10,
|
|
.sheet-rolltemplate-blackbirds .sheet-d10 {
|
|
font-family: dicefontd10 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .d12,
|
|
.sheet-rolltemplate-blackbirds .sheet-d12 {
|
|
font-family: dicefontd12 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .d20,
|
|
.sheet-rolltemplate-blackbirds .sheet-d20 {
|
|
font-family: dicefontd20 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .d30,
|
|
.sheet-rolltemplate-blackbirds .sheet-d30 {
|
|
font-family: dicefontd30 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds 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-blackbirds input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
|
background-color: var(--checkedBackColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds 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-blackbirds input[type=number] {
|
|
width: 3rem;
|
|
-moz-appearance: textfield !important;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-blackbirds input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.sheet-rolltemplate-blackbirds select,
|
|
.sheet-rolltemplate-blackbirds .pseudo-select span,
|
|
.sheet-rolltemplate-blackbirds .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-blackbirds textarea,
|
|
.sheet-rolltemplate-blackbirds input:not(:is([type=radio], [type=checkbox])),
|
|
.sheet-rolltemplate-blackbirds .uneditable-input {
|
|
padding: var(--inputPadding);
|
|
}
|
|
.sheet-rolltemplate-blackbirds input:is([type=text], [type=number]), .sheet-rolltemplate-blackbirds textarea {
|
|
cursor: auto;
|
|
}
|
|
.sheet-rolltemplate-blackbirds select,
|
|
.sheet-rolltemplate-blackbirds .pseudo-select span,
|
|
.sheet-rolltemplate-blackbirds .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-blackbirds input:not(:where([type=checkbox], [type=radio])),
|
|
.sheet-rolltemplate-blackbirds .uneditable-input,
|
|
.sheet-rolltemplate-blackbirds textarea {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-blackbirds select,
|
|
.sheet-rolltemplate-blackbirds .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds input {
|
|
width: auto;
|
|
}
|
|
.sheet-rolltemplate-blackbirds input:placeholder {
|
|
color: var(--placeholderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds input.plus-control:not([value*="-"]) + span:before {
|
|
content: "+";
|
|
}
|
|
.sheet-rolltemplate-blackbirds textarea {
|
|
resize: var(--textareaResize);
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-blackbirds textarea.fixed {
|
|
resize: none;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-blackbirds button {
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .roller {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .roller:before {
|
|
content: "T";
|
|
font-family: dicefontd20;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .collapse-container {
|
|
display: grid;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .text-collapse {
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds .text-collapse__text {
|
|
display: inline;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds .text-collapse__check:checked + .text-collapse:before {
|
|
content: var(--collapsedSymbol);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem:hover > .collapse, .sheet-rolltemplate-blackbirds .repitem:hover .roll-container,
|
|
.sheet-rolltemplate-blackbirds .collapse-container:hover > .collapse,
|
|
.sheet-rolltemplate-blackbirds .collapse-container:hover .roll-container {
|
|
opacity: var(--collapseHoverOpacity);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem > .collapse,
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds .repitem > .collapse:before,
|
|
.sheet-rolltemplate-blackbirds .collapse-container > .collapse:before {
|
|
content: "y";
|
|
font-family: pictos;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem > .collapse:checked,
|
|
.sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked {
|
|
color: var(--collapseCollapsedColor);
|
|
background-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem > .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-blackbirds .repitem > .collapse:checked ~ .collapse-container .expanded,
|
|
.sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked ~ .collapse-container .expanded {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-blackbirds .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem > .collapse:not(:checked) ~ .collapsed,
|
|
.sheet-rolltemplate-blackbirds .collapse-container > .collapse:not(:checked) ~ .collapsed {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem > .collapse:hover,
|
|
.sheet-rolltemplate-blackbirds .collapse-container > .collapse:hover {
|
|
color: var(--collapseExpandedColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repcontainer.editmode .collapse {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .fill-left {
|
|
display: var(--fillLeftDisplay);
|
|
align-self: var(--fillLeftAlignment);
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .fill-left__radio {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
background-color: var(--fillLeftSelectedColor);
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds .fill-left__radio:checked ~ .fill-left__radio {
|
|
background-color: var(--fillLeftUnselectedColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .input-label {
|
|
display: inline-flex;
|
|
gap: var(--input-label-gap);
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .input-label:not(.stacked) > input[type=text] {
|
|
flex: 1 1 0;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .input-label:not(.stacked) > :not([name]) {
|
|
flex: 0 0 auto;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .input-label > :is(span, button) {
|
|
text-transform: var(--input-label-text-transform);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .input-label--dual {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
grid-template-areas: "over over over" "under under under";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .input-label--dual > span:last-of-type {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .input-label--dual > .slash {
|
|
line-height: 0rem;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-textarea {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-columns: auto;
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-textarea :not(textarea):not(.adaptive) {
|
|
justify-self: start;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-textarea .headed-textarea__header {
|
|
grid-area: initial;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .adaptive {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "content";
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .adaptive > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds .adaptive--text {
|
|
min-height: 4rem;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .adaptive--text__span {
|
|
white-space: pre-wrap;
|
|
padding: 2px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .adaptive--text__textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
resize: none;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .adaptive--text__textarea,
|
|
.sheet-rolltemplate-blackbirds .adaptive--input__input {
|
|
position: absolute;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .adaptive--input__input {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .adaptive--input__span {
|
|
padding: 2px;
|
|
min-height: 1.5rem;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem > input:not([type=checkbox]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem .headed-textarea,
|
|
.sheet-rolltemplate-blackbirds .repitem .description {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repcontainer {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repeating-container {
|
|
display: grid;
|
|
grid-template-areas: "header";
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repeating-container > .header {
|
|
grid-area: header;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 0;
|
|
transition: var(--revealTrans);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repcontrol-button {
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repcontrol-button ~ .repcontrol {
|
|
justify-self: end;
|
|
z-index: 100;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repcontrol-button ~ .repcontrol > .repcontrol_add {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds .repcontrol-button--add::before {
|
|
inset: 0;
|
|
place-self: center;
|
|
font-family: var(--font-icon);
|
|
font-size: 12px;
|
|
content: "add";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .blackbird-label {
|
|
--input-label-gap:0;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .overlay {
|
|
width: auto !important;
|
|
height: auto !important;
|
|
z-index: 1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .content-grid {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .content-grid > * {
|
|
grid-area: content !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .material-symbols {
|
|
font-family: "Material Symbols Outlined";
|
|
font-size: 20px;
|
|
font-weight: 200;
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flip-box {
|
|
--flipDuration:0.8s;
|
|
--flipQuantity:1;
|
|
--flipTiming:ease-in-out;
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
perspective: 1000px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flip-box > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flip-box__content {
|
|
-webkit-backface-visibility: hidden; /* Safari */
|
|
backface-visibility: hidden;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flip-box__inner {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
transform-style: preserve-3d;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flip-box__inner > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flip-box__back {
|
|
transform: rotateY(180deg);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .flip-control:checked + .flip-box__inner {
|
|
transform: rotateY(calc(180deg * var(--flipQuantity)));
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.sheet-rolltemplate-blackbirds .flip-box__inner {
|
|
transition: transform var(--flipDuration) var(--flipTiming);
|
|
}
|
|
}
|
|
.sheet-rolltemplate-blackbirds .inline-fieldset + fieldset + .repcontainer {
|
|
display: flex;
|
|
gap: var(tiny-gap) var(--half-gap);
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child) {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child):after {
|
|
content: ",";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repitem .itemcontrol {
|
|
z-index: 100000;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .locked-fieldset + fieldset + .repcontainer + .repcontrol {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repcontrol_edit {
|
|
display: grid;
|
|
grid-template-columns: auto 0;
|
|
grid-template-areas: "icon text";
|
|
overflow: hidden;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .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-blackbirds .repcontrol-button--add {
|
|
padding: 0;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repcontrol-button--add:before {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repeating-section-container {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-areas: "repcontainer repcontainer" "add edit";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repeating-section-container .repcontainer {
|
|
grid-area: repcontainer;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repeating-section-container .repcontrol-button--add {
|
|
grid-area: add;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .repeating-section-container .repcontrol {
|
|
grid-area: edit;
|
|
}
|
|
.sheet-rolltemplate-blackbirds ::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds ::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds ::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
}
|
|
.sheet-rolltemplate-blackbirds ::-webkit-scrollbar-thumb:hover {
|
|
background: var(--elementColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section {
|
|
--separatorRadius: 100%;
|
|
--separatorGap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section > :first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section > :first-child {
|
|
border-top: 1px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__header,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__header {
|
|
background-color: var(--sectionHeadBack);
|
|
border-left: 1px solid var(--borderColor);
|
|
border-right: 1px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader {
|
|
font-size: var(--size7);
|
|
background-color: var(--sectionSubheadBack);
|
|
border-left: 1px solid var(--borderColor);
|
|
border-right: 1px solid var(--borderColor);
|
|
color: var(--dm-fontColor);
|
|
flex: 1;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row {
|
|
flex-direction: row;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__subheader,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__subheader,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__subheader,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__subheader,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__subheader,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__subheader,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__subheader,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader {
|
|
flex: 1 1;
|
|
border-bottom: 1px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__content:first-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__subheader:first-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__content:first-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__subheader:first-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__content:first-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__subheader:first-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__content:first-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__subheader:first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__content:first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__subheader:first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__content:first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__subheader:first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__content:first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__subheader:first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__content:first-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:first-child {
|
|
border-left: 1px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__subheader:last-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__subheader:last-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__subheader:last-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__subheader:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__subheader:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__subheader:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__subheader:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:last-child {
|
|
border-right: 1px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--column,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--column > .headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--column > .sheet-headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .sheet-headed-section__content {
|
|
border-left: 1px solid var(--borderColor);
|
|
border-right: 1px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child) {
|
|
border-bottom-width: 0px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--column > .headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--column > .sheet-headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .headed-section__content:last-child,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .sheet-headed-section__content:last-child {
|
|
border-bottom: 1px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child) {
|
|
border-bottom: 2px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child),
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child) {
|
|
border-right: 2px solid var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--partial > .headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--partial > .sheet-headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial > .headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial > .sheet-headed-section__content:not(:last-child):after {
|
|
content: "";
|
|
background-color: var(--borderColor);
|
|
position: absolute;
|
|
border-radius: var(--separatorRadius);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--partial.headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .headed-section__content-area--partial.sheet-headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after {
|
|
bottom: 0;
|
|
top: auto;
|
|
left: var(--separatorGap);
|
|
right: var(--separatorGap);
|
|
height: 2px;
|
|
width: auto;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--partial.headed-section__content-area--row > .headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--partial.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .headed-section__content-area--partial.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content-area--partial.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.headed-section__content-area--row > .headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child):after,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after {
|
|
top: var(--separatorGap);
|
|
bottom: var(--separatorGap);
|
|
right: 0;
|
|
left: auto;
|
|
width: 2px;
|
|
height: auto;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content {
|
|
position: relative;
|
|
padding: var(--half-gap);
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content.dark-content .sheet-rolltemplate-blackbirds .headed-section__content.sheet-dark-content,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content.dark-content .sheet-rolltemplate-blackbirds .sheet-headed-section__content.sheet-dark-content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content.dark-content .sheet-rolltemplate-blackbirds .headed-section__content.sheet-dark-content,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content.dark-content .sheet-rolltemplate-blackbirds .sheet-headed-section__content.sheet-dark-content {
|
|
--selectedColor: var(--dm-selectedColor);
|
|
background-color: var(--sectionSubheadBack);
|
|
color: var(--dm-fontColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .headed-section__content.dark-content .sheet-rolltemplate-blackbirds .headed-section__content.sheet-dark-content > *,
|
|
.sheet-rolltemplate-blackbirds .headed-section__content.dark-content .sheet-rolltemplate-blackbirds .sheet-headed-section__content.sheet-dark-content > *,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content.dark-content .sheet-rolltemplate-blackbirds .headed-section__content.sheet-dark-content > *,
|
|
.sheet-rolltemplate-blackbirds .sheet-headed-section__content.dark-content .sheet-rolltemplate-blackbirds .sheet-headed-section__content.sheet-dark-content > * {
|
|
--borderColor: var(--dm-borderColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
perspective: 1000px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card__content {
|
|
border: 2px solid var(--borderColor);
|
|
overflow: auto;
|
|
width: 240px;
|
|
aspect-ratio: 1/1.66;
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
align-content: start;
|
|
padding: var(--tiny-gap);
|
|
isolation: isolate;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card__content > input[type=text] {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card__content > .input-label input[type=text] {
|
|
width: 0;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card__flip-box {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
transform-style: preserve-3d;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card__flip-box > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card__flip + .card__flip-box .card__view,
|
|
.sheet-rolltemplate-blackbirds .card__flip + .card__flip-box .card__edit {
|
|
background-color: var(--backColor);
|
|
inset: 0;
|
|
-webkit-backface-visibility: hidden; /* Safari */
|
|
backface-visibility: hidden;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card__flip + .card__flip-box .card__view {
|
|
transform: rotateY(180deg);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card__flip:checked + .card__flip-box {
|
|
transform: rotateY(180deg);
|
|
}
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.sheet-rolltemplate-blackbirds .card__flip-box {
|
|
transition: transform 0.8s;
|
|
}
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot {
|
|
width: min-content;
|
|
grid-template-rows: auto auto 1fr;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .slot-select {
|
|
z-index: 10;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__header,
|
|
.sheet-rolltemplate-blackbirds .card-slot__subheader {
|
|
--gutterSize: 1.5rem;
|
|
display: grid;
|
|
grid-template-columns: var(--gutterSize) 1fr var(--gutterSize);
|
|
grid-template-areas: ". label eject";
|
|
padding: 0 var(--half-gap);
|
|
place-items: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__header *,
|
|
.sheet-rolltemplate-blackbirds .card-slot__subheader * {
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__header button,
|
|
.sheet-rolltemplate-blackbirds .card-slot__subheader button {
|
|
grid-area: eject;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .unslot-button {
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__header h2, .sheet-rolltemplate-blackbirds .card-slot__header .input-label:not(.stacked).large > [name] {
|
|
grid-area: label;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__subheader label {
|
|
color: inherit;
|
|
display: flex;
|
|
grid-area: label;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__selection .card__view {
|
|
align-content: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__selection label {
|
|
--buttonSize: 60px;
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
background-color: var(--sectionHeadBack);
|
|
overflow: hidden;
|
|
width: var(--buttonSize);
|
|
height: var(--buttonSize);
|
|
place-self: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__selection label > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__selection label > span {
|
|
font-size: 400%;
|
|
place-self: center;
|
|
translate: 0 -2px;
|
|
line-height: 0;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .card-slot__selection label > select {
|
|
position: absolute;
|
|
inset: 0;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container {
|
|
--deckRepeatButtonSize: 32px;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-areas: "add edit" "repcontainer repcontainer";
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .repcontainer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
grid-area: repcontainer;
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .repcontrol {
|
|
grid-area: edit;
|
|
justify-self: start;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .repcontrol_edit:before,
|
|
.sheet-rolltemplate-blackbirds .deck-container .repcontrol-button--add:before {
|
|
font-family: "Material Symbols Outlined";
|
|
font-size: 20px;
|
|
font-weight: 200;
|
|
line-height: 1;
|
|
font-size: var(--size1);
|
|
width: var(--deckRepeatButtonSize);
|
|
height: var(--deckRepeatButtonSize);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .repcontrol-button--add {
|
|
grid-area: add;
|
|
justify-self: end;
|
|
width: var(--deckRepeatButtonSize);
|
|
height: var(--deckRepeatButtonSize);
|
|
font-size: inherit;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .repcontrol-button--add:before {
|
|
content: "add_card";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .repcontrol_edit:before {
|
|
content: "playing_cards";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .collapse {
|
|
right: 0;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .collapsed, .sheet-rolltemplate-blackbirds .deck-container .expanded {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .collapsed > input[type=text], .sheet-rolltemplate-blackbirds .deck-container .expanded > input[type=text] {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .deck-container .collapsed > .input-label input[type=text], .sheet-rolltemplate-blackbirds .deck-container .expanded > .input-label input[type=text] {
|
|
width: 0;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .threshold .headed-section__subheader:first-child,
|
|
.sheet-rolltemplate-blackbirds .threshold .headed-section__content:first-child {
|
|
--width: 6rem;
|
|
max-width: var(--width);
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .egg,
|
|
.sheet-rolltemplate-blackbirds .sheet-egg {
|
|
display: inline-grid;
|
|
grid-template-rows: 1fr auto;
|
|
place-items: center;
|
|
border: 1px solid var(--borderColor);
|
|
width: 50px;
|
|
overflow: hidden;
|
|
padding-block: var(--tiny-gap);
|
|
aspect-ratio: 1/1.3;
|
|
border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .egg > input,
|
|
.sheet-rolltemplate-blackbirds .sheet-egg > input {
|
|
align-self: end;
|
|
color: var(--fontColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .egg span,
|
|
.sheet-rolltemplate-blackbirds .sheet-egg span {
|
|
color: var(--fontColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .skill-head {
|
|
--overflow:30px;
|
|
margin-bottom: var(--overflow);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .skill-head__content {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .skill-head__content .egg {
|
|
background-color: var(--backColor);
|
|
margin-bottom: calc(var(--overflow) * -1);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .blackbird-radio {
|
|
--checkboxBorderColor:var(--borderColor);
|
|
display: flex;
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 1px solid var(--borderColor);
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .blackbird-radio:before {
|
|
content: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-circle.radio-circle {
|
|
border-radius: 50%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-circle.radio-circle:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-circle.radio-circle:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-square.radio-square {
|
|
border-radius: 15%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-square.radio-square:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-square.radio-square:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-egg.radio-egg {
|
|
border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-egg.radio-egg:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-egg.radio-egg:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-shield.radio-shield {
|
|
border-radius: 10% 10% 50% 50%/10% 10% 40% 40%;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-shield.radio-shield:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-shield.radio-shield:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-diamond.radio-diamond {
|
|
-webkit-transform: rotate(45deg) translate(10%, 20%);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-diamond.radio-diamond:hover {
|
|
box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-diamond.radio-diamond:checked {
|
|
background-color: var(--selectedColor) !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-triangle {
|
|
border-style: solid;
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
place-items: center;
|
|
place-content: center;
|
|
background-color: transparent !important;
|
|
border: 0px solid transparent;
|
|
--triangleHeight:15px;
|
|
width: var(--triangleHeight);
|
|
height: var(--triangleHeight);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-triangle:before, .sheet-rolltemplate-blackbirds .radio-triangle:after {
|
|
content: "" !important;
|
|
grid-area: content;
|
|
box-sizing: border-box;
|
|
border-style: solid;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-triangle:before {
|
|
border-width: var(--triangleHeight) calc(var(--triangleHeight) / 2) 0 calc(var(--triangleHeight) / 2);
|
|
border-color: var(--borderColor) transparent transparent transparent;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-triangle:after {
|
|
z-index: 1;
|
|
border-width: calc(var(--triangleHeight) - 2px) calc(var(--triangleHeight) / 2 - 1px) 0 calc(var(--triangleHeight) / 2 - 1px);
|
|
border-color: var(--backColor) transparent transparent transparent;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .radio-triangle:checked:after {
|
|
--backColor:var(--selectedColor) ;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .attCard_egg_col {
|
|
padding: 10px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .bonus_radios {
|
|
padding: 10px;
|
|
display: inline-grid;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .row_div {
|
|
padding-top: 6px;
|
|
display: inline-flex;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .att_abil_mod {
|
|
padding-top: -5px;
|
|
display: inline-grid;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .unlocked {
|
|
display: block !important;
|
|
position: relative;
|
|
left: 17px;
|
|
align-self: center;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .att_ability_inputs {
|
|
padding-left: 7px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .ability_mod {
|
|
border: 1px solid var(--borderColor);
|
|
border-radius: 5%;
|
|
height: 50px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .collapse--nested-control:checked ~ div .expanded {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .collapse--nested-control:not(:checked) ~ div .collapsed {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-material-icons {
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-blackbirds:not(:first-child) {
|
|
margin-top: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-row-head {
|
|
display: inline;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .inlinerollresult {
|
|
border: 0px solid transparent;
|
|
background-color: transparent;
|
|
color: inherit;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-blackbirds .sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-blackbirds .sheet-template-container .inlinerollresult.importantroll {
|
|
border: 0px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row {
|
|
display: grid;
|
|
align-items: center;
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row:not(.sheet-description) {
|
|
grid-template-columns: 1fr auto;
|
|
grid-template-areas: "header value";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(odd) > :first-child {
|
|
justify-self: end;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(odd) .sheet-egg {
|
|
margin-right: -30px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(even) {
|
|
grid-template-columns: auto 1fr;
|
|
grid-template-areas: "value header";
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(even) > :first-child {
|
|
justify-self: start;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(even) .sheet-egg {
|
|
margin-left: -30px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:last-child {
|
|
margin-bottom: 20px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg + :not(.sheet-has-egg) {
|
|
padding-top: 20px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row .sheet-egg {
|
|
z-index: 1;
|
|
margin-top: -20px;
|
|
margin-bottom: -20px;
|
|
}
|
|
.sheet-rolltemplate-blackbirds .sheet-template-container .sheet-egg {
|
|
background-color: var(--backColor);
|
|
grid-area: value;
|
|
}
|
|
.sheet-rolltemplate-blackbirds.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);
|
|
--sectionHeadBack:var(--dm--sectionHeadBack);
|
|
--sectionSubheadBack: var(--dm-sectionSubheadBack);
|
|
--selectedTextColor: var(--dm-selectedTextColor);
|
|
--img-background-trunk: var(--img-background-trunk-dm);
|
|
--img-underline: var(--img-underline-dm);
|
|
--img-underline2: var(--img-underline2-dm);
|
|
--img-underline3: var(--img-underline3-dm);
|
|
--attributeGradientOuter: var(--dm-attributeGradientOuter);
|
|
--nav-tab-active-background:var(--dm-nav-tab-active-background);
|
|
--fillLeftSelectedColor:var(--dm-fillLeftSelectedColor);
|
|
--fillLeftUnselectedColor: var(--dm-fillLeftUnselectedColor);
|
|
--activeColor: var(--dm-activeColor);
|
|
color: var(--fontColor);
|
|
--collapseExpandedColor: var(--dm-collapseExpandedColor);
|
|
} |