mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
3805 lines
195 KiB
CSS
3805 lines
195 KiB
CSS
@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200|Bona+Nova+SC|Merriweather&display=swap");
|
|
.sheet-rolltemplate-Stormlight_Archives {
|
|
--font1:var(--topHeadFont);
|
|
--font2:var(--topHeadFont);
|
|
--font3:var(--midHeadFont);
|
|
--font4:var(--midHeadFont);
|
|
--font5:var(--midHeadFont);
|
|
--font6:var(--contentHeadFont);
|
|
--font7:var(--contentHeadFont);
|
|
--baseFontSize: 16px;
|
|
--size1:300%;
|
|
--size2:250%;
|
|
--size3:200%;
|
|
--size4:150%;
|
|
--size5:125%;
|
|
--size6:100%;
|
|
--size7:87.5%;
|
|
--icon-size:24px;
|
|
--font-icon: "Material Icons";
|
|
--normal-gap-x:1rem;
|
|
--normal-gap-y:1rem;
|
|
--normal-gap: var(--normal-gap-x);
|
|
--half-gap-x:calc(var(--normal-gap-x) / 2);
|
|
--half-gap-y:calc(var(--normal-gap-y) / 2);
|
|
--half-gap: var(--half-gap-x);
|
|
--tiny-gap-x:calc(var(--half-gap-x) / 2);
|
|
--tiny-gap-y:calc(var(--half-gap-y) / 2);
|
|
--tiny-gap: var(--tiny-gap-x);
|
|
--big-gap-x:calc(var(--normal-gap-x) * 2);
|
|
--big-gap-y:calc(var(--normal-gap-y) * 2);
|
|
--big-gap: var(--big-gap-x);
|
|
--lm-backColor:#fff;
|
|
--dm-backColor:var(--dark-surface1);
|
|
--backColor:var(--lm-backColor);
|
|
--lm-selectedColor:#000;
|
|
--dm-selectedColor:#007476;
|
|
--selectedColor:var(--lm-selectedColor);
|
|
--lm-unselectedColor1:lightgrey;
|
|
--dm-unselectedColor1:#0e0e0e;
|
|
--unselectedColor1:var(--lm-unselectedColor1);
|
|
--lm-unselectedColor2:transparent;
|
|
--dm-unselectedColor2:transparent;
|
|
--unselectedColor2:var(--lm-unselectedColor2);
|
|
--lm-checkColor:#000;
|
|
--dm-checkColor:#ff0000;
|
|
--checkColor:var(--lm-checkColor);
|
|
--lm-checkedBackColor:transparent;
|
|
--dm-checkedBackColor:transparent;
|
|
--checkedBackColor:var(--lm-checkedBackColor);
|
|
--lm-borderColor:#000;
|
|
--dm-borderColor:lightgrey;
|
|
--borderColor:var(--lm-borderColor);
|
|
--lm-fontColor:#0f0f0f;
|
|
--dm-fontColor:var(--dark-primarytext);
|
|
--fontColor:var(--lm-fontColor);
|
|
--lm-disabledColor:var(--lm-unselectedColor1);
|
|
--dm-disabledColor:var(--dm-unselectedColor1);
|
|
--disabledColor:var(--lm-disabledColor);
|
|
--checkContent: "✓";
|
|
--checkWeight: bold;
|
|
--checkSize: 150%;
|
|
--checkLineHeight: calc(var(--checkSize) / 3);
|
|
--checkboxBorderWidth: var(--borderWidth);
|
|
--checkboxBorderStyle: var(--borderStyle);
|
|
--lm-checkboxBorderColor: var(--lm-borderColor);
|
|
--dm-checkboxBorderColor: var(--dm-borderColor);
|
|
--checkboxBorderColor: var(--lm-checkBorderColor);
|
|
--checkboxWidth: 14px;
|
|
--checkboxHeight: 14px;
|
|
--inputTopPadding: 2px;
|
|
--inputRightPadding: 2px;
|
|
--inputBottomPadding: 2px;
|
|
--inputLeftPadding: 2px;
|
|
--inputPadding:
|
|
var(--inputTopPadding)
|
|
var(--inputRightPadding)
|
|
var(--inputBottomPadding)
|
|
var(--inputLeftPadding);
|
|
--lm-placeholderColor:#ededed80;
|
|
--dm-placeholderColor:#3f3f3f80;
|
|
--placeholderColor: var(--lm-placeholderColor);
|
|
--textareaResize: vertical;
|
|
--borderWidth:1px;
|
|
--borderStyle:solid;
|
|
--expandedSymbol:"unfold_less";
|
|
--collapsedSymbol: "unfold_more";
|
|
--collapseHoverOpacity: 1;
|
|
--collapseBaseOpacity: 0;
|
|
--lm-collapseExpandedColor:var(--lm-selectedColor);
|
|
--dm-collapseExpandedColor:var(--dm-selectedColor);
|
|
--collapseExpandedColor: var(--lm-collapseExpandedColor);
|
|
--lm-collapseCollapsedColor:var(--lm-unselectedColor);
|
|
--dm-collapseCollapsedColor:var(--dm-unselectedColor);
|
|
--collapseCollapsedColor: var(--lm-collapseCollapsedColor);
|
|
--fillLeftDisplay: flex;
|
|
--fillLeftAlignment: center;
|
|
--fillLeftDataTransform: uppercase;
|
|
--fillLeftDataSize: var(--size6);
|
|
--lm-fillLeftSelectedColor: var(--lm-selectedColor);
|
|
--dm-fillLeftSelectedColor: var(--dm-selectedColor);
|
|
--fillLeftSelectedColor: var(--lm-fillLeftSelectedColor);
|
|
--lm-fillLeftUnselectedColor: var(--lm-unselectedColor);
|
|
--dm-fillLeftUnselectedColor: var(--dm-unselectedColor);
|
|
--fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor);
|
|
--lm-fillLeftDataColor: var(--lm-backColor);
|
|
--dm-fillLeftDataColor: var(--dm-backColor);
|
|
--fillLeftDataColor: var(--lm-fillLeftDataColor);
|
|
--lm-selectColor: var(--lm-fontColor);
|
|
--dm-selectColor: var(--dm-fontColor);
|
|
--selectColor: var(--lm-fontColor);
|
|
--selectTextOverflow: var(--textOverflow);
|
|
--selectTextAlign: center;
|
|
--selectTextTransform: capitalize;
|
|
--revealTime:500ms;
|
|
--revealFunction: ease-in-out;
|
|
--revealTrans: var(--revealTime) var(--revealFunction);
|
|
--kmodal-width:fit-content;
|
|
--kmodal-height:fit-content;
|
|
--kmodal-max-width:90vw;
|
|
--kmodal-max-height:90vh;
|
|
--lm-kmodal-overlay-background:rgba(0,0,0,.9);
|
|
--dm-kmodal-overlay-background:rgba(0,0,0,.9);
|
|
--kmodal-overlay-background: var(--lm-kmodal-overlay-background);
|
|
--lm-kmodal-dialog-background:var(--lm-backColor);
|
|
--dm-kmodal-dialog-background:var(--dm-backColor);
|
|
--kmodal-dialog-background: var(--lm-kmodal-dialog-background);
|
|
--kmodal-border-width:0px;
|
|
--kmodal-border-color:transparent;
|
|
--lm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
|
|
--dm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
|
|
--kmodal-box-shadow-color1:var(--lm-kmodal-box-shadow-color1);
|
|
--kmodal-box-shadow-blur1:28px;
|
|
--kmodal-box-shadow-x1:0px;
|
|
--kmodal-box-shadow-y1:14px;
|
|
--kmodal-box-shadow-spread1:0px;
|
|
--lm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
|
|
--dm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
|
|
--kmodal-box-shadow-color2:var(--lm-kmodal-box-shadow-color2);
|
|
--kmodal-box-shadow-blur2:10px;
|
|
--kmodal-box-shadow-x2:0px;
|
|
--kmodal-box-shadow-y2:10px;
|
|
--kmodal-box-shadow-spread2:0px;
|
|
--kmodal-box-shadow:
|
|
var(--kmodal-box-shadow-x1) var(--kmodal-box-shadow-y1) var(--kmodal-box-shadow-blur1) var(--kmodal-box-shadow-spread1) var(--kmodal-box-shadow-color1),
|
|
var(--kmodal-box-shadow-x2) var(--kmodal-box-shadow-y2) var(--kmodal-box-shadow-blur2) var(--kmodal-box-shadow-spread2) var(--kmodal-box-shadow-color2);
|
|
--kmodal-close-width:1rem;
|
|
--kmodal-close-height:1rem;
|
|
--lm-kmodal-close-color:#ccc;
|
|
--dm-kmodal-close-color:#aaa;
|
|
--kmodal-close-color:var(--lm-kmodal-close-color);
|
|
--lm-kmodal-close-hover-color:#aaa;
|
|
--dm-kmodal-close-hover-color:#aaa;
|
|
--kmodal-close-hover-color:var(--lm-kmodal-close-hover-color);
|
|
--kmodal-close-line-thickness:2px;
|
|
--kmodal-close-line-length:calc(var(--kmodal-close-width) * 1.5);
|
|
--checkboxBorderColor: var(--borderColor);
|
|
--fillLeftSelectedColor: var(--borderColor);
|
|
--lm-borderColor: #151e49;
|
|
--dm-borderColor: #d0a552;
|
|
--lm-fontColor: #151e49;
|
|
--dm-fontColor: #F6E4C3;
|
|
--lm-navColor: var(--dm-fontColor);
|
|
--dm-navColor: var(--lm-fontColor);
|
|
--navColor: var(--lm-navColor);
|
|
--lm-headerColor: #1b3d60;
|
|
--dm-headerColor: #8CB5DE;
|
|
--complicationColor: #a52025;
|
|
--opportunityColor: #1b3c5f;
|
|
--headerGradient: var(--lm-borderColor);
|
|
--collapseExpandedColor: var(--fontColor);
|
|
--size1: 2.5rem;
|
|
--size2: 2rem;
|
|
--size3: 1.75rem;
|
|
--size4: 1.5rem;
|
|
--size5: 1.25rem;
|
|
--size6: 1rem;
|
|
--size7: .875rem;
|
|
--topHeadFont: "Bona Nova SC", serif;
|
|
--midHeadFont: var(--topHeadFont);
|
|
--contentHeadFont: "Merriweather", serif;
|
|
--lm-plotFilter: brightness(1);
|
|
--dm-plotFilter: brightness(1.5);
|
|
--plotFilter: var(--lm-plotFilter);
|
|
--complicationImg: url("https://s3.amazonaws.com/files.d20.io/images/403177954/8SU5WArDqAhDfmuz7_33-g/original.png?17224677415");
|
|
--opportunityImg: url("https://s3.amazonaws.com/files.d20.io/images/403177953/kp4aZuViBjNPJDm0qPnIBw/original.png");
|
|
--lm-checkboxImg: var(--opportunityImg);
|
|
--dm-checkboxImg: var(--complicationImg);
|
|
--checkboxImg: var(--lm-checkboxImg);
|
|
--logoImg: url("https://s3.amazonaws.com/files.d20.io/images/403173720/36CQWceNGy11f5CDWETObw/original.png");
|
|
font-family: var(--contentHeadFont);
|
|
margin-left: -40px;
|
|
margin-right: -10px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives:not(:first-child) {
|
|
margin-top: 10px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives:has(.chat-message-action-button) .ui-dialog {
|
|
padding-top: 0 !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives:has(.chat-message-action-button) .charsheet {
|
|
padding-top: 2rem;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives.sheet-rolltemplate-darkmode {
|
|
--backColor:var(--dm-backColor);
|
|
--selectedColor:var(--dm-selectedColor);
|
|
--unselectedColor1:var(--dm-unselectedColor1);
|
|
--unselectedColor2:var(--dm-unselectedColor2);
|
|
--checkColor:var(--dm-checkColor);
|
|
--checkedBackColor:var(--dm-checkedBackColor);
|
|
--borderColor:var(--dm-borderColor);
|
|
--fontColor:var(--dm-fontColor);
|
|
--disabledColor:var(--dm-disabledColor);
|
|
--checkboxBorderColor: var(--borderColor);
|
|
--fillLeftSelectedColor: var(--borderColor);
|
|
--checkboxImg: var(--dm-checkboxImg);
|
|
--plotFilter: var(--dm-plotFilter);
|
|
--headerGradient: var(--dm-borderColor);
|
|
--navColor: var(--dm-navColor);
|
|
--collapseExpandedColor: var(--fontColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives.sheet-rolltemplate-darkmode:has(.chat-message-action-button) {
|
|
--backColor: #0c0c0c;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives.sheet-rolltemplate-darkmode .sheet-template {
|
|
--inlineRollFumbleColor: var(--dm-inlineRollFumbleColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives.sheet-rolltemplate-darkmode .sheet-template .sheet-message-container {
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives.sheet-rolltemplate-darkmode .sheet-template .sheet-message-container .sheet-header {
|
|
color: var(--lm-fontColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template {
|
|
position: relative;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
--inlineRollFont: var(--font6);
|
|
--inlineRollSize: var(--size6);
|
|
--inlineRollCritFont: var(--inlineRollFont);
|
|
--inlineRollCritSize: var(--inlineRollSize);
|
|
--inlineRollFumbleFont: var(--inlineRollFont);
|
|
--inlineRollFumbleSize: var(--inlineRollSize);
|
|
--inlineRollImportantFont: var(--inlineRollFont);
|
|
--inlineRollImportantSize: var(--inlineRollSize);
|
|
--lm-inlineRollBackColor: transparent;
|
|
--dm-inlineRollBackColor: transparent;
|
|
--inlineRollBackColor: var(--lm-inlineRollBackColor);
|
|
--inlineRollColor: var(--fontColor);
|
|
--lm-inlineRollCritBackColor: var(--lm-inlineRollBackColor);
|
|
--dm-inlineRollCritBackColor: var(--dm-inlineRollBackColor);
|
|
--inlineRollCritBackColor: var(--lm-inlineRollCritBackColor);
|
|
--lm-inlineRollCritColor: #40E240;
|
|
--dm-inlineRollCritColor: #40E240;
|
|
--inlineRollCritColor: var(--lm-inlineRollCritColor);
|
|
--lm-inlineRollFumbleBackColor: var(--lm-inlineRollBackColor);
|
|
--dm-inlineRollFumbleBackColor: var(--dm-inlineRollBackColor);
|
|
--inlineRollFumbleBackColor: var(--lm-inlineRollFumbleBackColor);
|
|
--lm-inlineRollFumbleColor: #C70000;
|
|
--dm-inlineRollFumbleColor: #C70000;
|
|
--inlineRollFumbleColor: var(--lm-inlineRollCritColor);
|
|
--lm-inlineRollImportantBackColor: var(--lm-inlineRollBackColor);
|
|
--dm-inlineRollImportantBackColor: var(--dm-inlineRollBackColor);
|
|
--inlineRollImportantBackColor: var(--lm-inlineRollImportantBackColor);
|
|
--lm-inlineRollImportantColor: #000352;
|
|
--dm-inlineRollImportantColor: #000352;
|
|
--inlineRollImportantColor: var(--lm-inlineRollCritColor);
|
|
--inlineRollPadTop: 0;
|
|
--inlineRollPadRight: 0;
|
|
--inlineRollPadBottom: 0;
|
|
--inlineRollPadLeft: 0;
|
|
--inlineRollMarginTop: 0;
|
|
--inlineRollMarginRight: 0;
|
|
--inlineRollMarginBottom: 0;
|
|
--inlineRollMarginLeft: 0;
|
|
--inlineRollBorderTop: 0;
|
|
--inlineRollBorderRight: 0;
|
|
--inlineRollBorderBottom: 0;
|
|
--inlineRollBorderLeft: 0;
|
|
--inlineRollPadding:
|
|
var(--inlineRollPadTop)
|
|
var(--inlineRollPadRight)
|
|
var(--inlineRollPadBottom)
|
|
var(--inlineRollPadLeft);
|
|
--inlineRollMargin:
|
|
var(--inlineRollMarginTop)
|
|
var(--inlineRollMarginRight)
|
|
var(--inlineRollMarginBottom)
|
|
var(--inlineRollMarginLeft);
|
|
--inlineRollBorder:
|
|
var(--inlineRollBorderTop)
|
|
var(--inlineRollBorderRight)
|
|
var(--inlineRollBorderBottom)
|
|
var(--inlineRollBorderLeft);
|
|
--lm-inlineRollFumbleColor: var(--complicationColor);
|
|
--dm-inlineRollFumbleColor: #f62d36;
|
|
--inlineRollFumbleColor: var(--lm-inlineRollFumbleColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template select,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template textarea,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .uneditable-input,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template label,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template button {
|
|
all: initial;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .flex-box,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-flex-box {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .flex-wrap,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .justify-space-around,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .justify-space-between,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .justify-center,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-justify-center {
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .flex-min-content,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-flex-min-content {
|
|
flex: 1 0 min-content;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .stacked {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .stacked.center > * {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .stacked:not(.center) {
|
|
align-items: start;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .flex-column,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-flex-column {
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .flex-row-reverse,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-flex-row-revers {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .flex-column-reverse,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .normal-gap,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-normal-gap {
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .normal-gap-x,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-normal-gap-x {
|
|
column-gap: var(--normal-gap-x);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .normal-gap-y,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-normal-gap-y {
|
|
row-gap: var(--normal-gap-y);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .half-gap,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-half-gap {
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .half-gap-x,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-half-gap-x {
|
|
column-gap: var(--half-gap-x);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .half-gap-y,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-half-gap-y {
|
|
row-gap: var(--half-gap-y);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .tiny-gap,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-tiny-gap {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .tiny-gap-x,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-tiny-gap-x {
|
|
column-gap: var(--tiny-gap-x);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .tiny-gap-y,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-tiny-gap-y {
|
|
row-gap: var(--tiny-gap-y);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .big-gap,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-big-gap {
|
|
gap: var(--big-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .big-gap-x,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-big-gap-x {
|
|
column-gap: var(--big-gap-x);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .big-gap-y,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-big-gap-y {
|
|
row-gap: var(--big-gap-y);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .grid,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-grid {
|
|
display: grid;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .grid-span-2,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-grid-span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .grid-span-all,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-grid-span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .grid-column,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-grid-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .grid-dense,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-grid-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .boxed,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-boxed {
|
|
border: 2px solid var(--borderColor);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .boxed.thick-left,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-boxed.thick-left {
|
|
border-left-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .boxed.thick-bottom,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-boxed.thick-bottom {
|
|
border-bottom-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .boxed.thick-right,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-boxed.thick-right {
|
|
border-right-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .boxed.thick-top,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-boxed.thick-top {
|
|
border-top-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .underlined,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-underlined {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
border-radius: 0;
|
|
border-bottom: 1px solid var(--borderColor);
|
|
transition: border-radius border var(--revealTrans);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
|
background-color: var(--disabledColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .underlined--invisible {
|
|
border-color: transparent !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .ratio1-1,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-ratio1-1 {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template span,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template textarea,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template button,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template select {
|
|
line-height: normal;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-1,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-text-1 {
|
|
font-size: var(--size1);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-2,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-text-2 {
|
|
font-size: var(--size2);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-3,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-text-3 {
|
|
font-size: var(--size3);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-4,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-text-4 {
|
|
font-size: var(--size4);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-5,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-text-5 {
|
|
font-size: var(--size5);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-6,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-text-6 {
|
|
font-size: var(--size6);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-7,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-text-7 {
|
|
font-size: var(--size7);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .capitalize,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .lowercase,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .uppercase,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-material-icons,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .material-symbol,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-material-symbol {
|
|
font-family: "Material Symbols Outlined";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 24px; /* Preferred icon size */
|
|
display: inline-block;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: nowrap;
|
|
direction: ltr;
|
|
font-variation-settings: "FILL" 1;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-italics,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .italics {
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h1,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="1"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h1:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="1"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h1 *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="1"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h1 *:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="1"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h2, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="2"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h2:not(input), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input), body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name]:not(input), .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name]:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="2"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h2 *, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name] *, .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="2"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h2 *:not(input), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *:not(input), body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name] *:not(input), .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name] *:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="2"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h3,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="3"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h3:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="3"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h3 *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="3"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h3 *:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="3"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h4,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="4"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size4);
|
|
font-family: var(--font4);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h4:not(:where(input)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="4"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h4:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="4"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h4 *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="4"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size4);
|
|
font-family: var(--font4);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h4 *:not(:where(input)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="4"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h4 *:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="4"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h5,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="5"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h5:not(:where(input)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="5"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h5:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="5"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h5 *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="5"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h5 *:not(:where(input)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="5"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h5 *:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="5"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h6,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="6"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h6:not(:where(input)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="6"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h6:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="6"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h6 *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="6"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h6 *:not(:where(input)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="6"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h6 *:not(input),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template *[aria-level="6"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-pictos,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .pictos {
|
|
font-family: pictos;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .pictos3,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-pictos3 {
|
|
font-family: pictos three;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .pictoscustom,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-pictoscustom {
|
|
font-family: pictos custom;
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .d4,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-d4 {
|
|
font-family: dicefontd4 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .d6,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-d6 {
|
|
font-family: dicefontd6 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .d8,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-d8 {
|
|
font-family: dicefontd8 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .d10,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-d10 {
|
|
font-family: dicefontd10 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .d12,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-d12 {
|
|
font-family: dicefontd12 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .d20,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-d20 {
|
|
font-family: dicefontd20 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .d30,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-d30 {
|
|
font-family: dicefontd30 !important;
|
|
text-transform: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input[type=checkbox] {
|
|
border: 1px solid var(--checkboxBorderColor);
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: var(--checkboxWidth);
|
|
min-width: var(--checkboxWidth);
|
|
height: var(--checkboxHeight);
|
|
min-height: var(--checkboxHeight);
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-areas: "content";
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
|
background-color: var(--checkedBackColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before {
|
|
content: var(--checkContent);
|
|
grid-area: content;
|
|
font-weight: var(--checkWeight);
|
|
place-self: start center;
|
|
color: var(--checkColor);
|
|
font-size: var(--checkSize);
|
|
line-height: var(--checkLineHeight);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input[type=number] {
|
|
width: 3rem;
|
|
-moz-appearance: textfield !important;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-Stormlight_Archives .sheet-template input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template select,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .pseudo-select span,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template textarea,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input:not(:is([type=radio], [type=checkbox])),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .uneditable-input {
|
|
padding: var(--inputPadding);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input:is([type=text], [type=number]), .sheet-rolltemplate-Stormlight_Archives .sheet-template textarea {
|
|
cursor: auto;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template select,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .pseudo-select span,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input:not(:where([type=checkbox], [type=radio])),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .uneditable-input,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template textarea {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template select,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-pseudo-select span,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .pseudo-select span {
|
|
-webkit-apperance: none;
|
|
appearance: none;
|
|
text-transform: var(--selectTextTransform);
|
|
overflow: hidden !important;
|
|
white-space: nowrap;
|
|
text-overflow: var(--selectTextOverflow);
|
|
text-align: var(--selectTextAlign);
|
|
color: var(--selectColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input {
|
|
width: auto;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input:placeholder {
|
|
color: var(--placeholderColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template input.plus-control:not([value*="-"]) + span:before {
|
|
content: "+";
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template textarea {
|
|
resize: var(--textareaResize);
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template textarea.fixed {
|
|
resize: none;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template button {
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .roller {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .roller:before {
|
|
content: "T";
|
|
font-family: dicefontd20;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container {
|
|
display: grid;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-collapse {
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-collapse:before {
|
|
content: var(--expandedSymbol);
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-collapse__text {
|
|
display: inline;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-collapse__check:not(:checked) + .text-collapse {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .text-collapse__check:checked + .text-collapse:before {
|
|
content: var(--collapsedSymbol);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem:hover > .collapse, .sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem:hover .roll-container,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container:hover > .collapse,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container:hover .roll-container {
|
|
opacity: var(--collapseHoverOpacity);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse {
|
|
opacity: var(--collapseBaseOpacity);
|
|
position: absolute;
|
|
right: -10px;
|
|
top: 0px;
|
|
border: 0px solid black;
|
|
border-radius: 0;
|
|
color: var(--collapseExpandedColor);
|
|
text-transform: none;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse:before,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse:before {
|
|
content: "y";
|
|
font-family: pictos;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse:checked,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse:checked {
|
|
color: var(--collapseCollapsedColor);
|
|
background-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse:checked ~ .collapse-container .expanded,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse:checked ~ .collapse-container .expanded {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse:not(:checked) ~ .collapsed,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse:not(:checked) ~ .collapsed {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > .collapse:hover,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .collapse-container > .collapse:hover {
|
|
color: var(--collapseExpandedColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontainer.editmode .collapse {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left {
|
|
display: var(--fillLeftDisplay);
|
|
align-self: var(--fillLeftAlignment);
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
background-color: var(--fillLeftSelectedColor);
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio[data-value]:checked:before {
|
|
content: attr(data-value);
|
|
color: var(--fillLeftDataColor);
|
|
font-size: var(--fillLeftDataSize);
|
|
place-self: center;
|
|
text-transform: var(--fillLeftDataTransform);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio:checked ~ .fill-left__radio {
|
|
background-color: var(--fillLeftUnselectedColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label {
|
|
display: inline-flex;
|
|
gap: var(--input-label-gap);
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked) > input[type=text] {
|
|
flex: 1 1 0;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked) > :not([name]) {
|
|
flex: 0 0 auto;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label > :is(span, button) {
|
|
text-transform: var(--input-label-text-transform);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label--dual {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
grid-template-areas: "over over over" "under under under";
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label--dual > span:last-of-type {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label--dual > .slash {
|
|
line-height: 0rem;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .headed-textarea {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-columns: auto;
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .headed-textarea :not(textarea):not(.adaptive) {
|
|
justify-self: start;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .headed-textarea .headed-textarea__header {
|
|
grid-area: initial;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "content";
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive > span {
|
|
opacity: 0;
|
|
z-index: -10;
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
text-transform: initial;
|
|
border-radius: 0px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive--text {
|
|
min-height: 4rem;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive--text__span {
|
|
white-space: pre-wrap;
|
|
padding: 2px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive--text__textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
resize: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive--text__textarea,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive--input__input {
|
|
position: absolute;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive--input__input {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .adaptive--input__span {
|
|
padding: 2px;
|
|
min-height: 1.5rem;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem > input:not([type=checkbox]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem .headed-textarea,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repitem .description {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontainer {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repeating-container {
|
|
display: grid;
|
|
grid-template-areas: "header";
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repeating-container > .header {
|
|
grid-area: header;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 0;
|
|
transition: var(--revealTrans);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol-button {
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol-button ~ .repcontrol {
|
|
justify-self: end;
|
|
z-index: 100;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol-button ~ .repcontrol > .repcontrol_add {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol-button--add {
|
|
justify-self: start;
|
|
width: 15px;
|
|
height: 15px;
|
|
padding: 4px;
|
|
font-size: 0;
|
|
color: var(--col-alt);
|
|
border: 1px solid var(--col-alt);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol-button--add::before {
|
|
inset: 0;
|
|
place-self: center;
|
|
font-family: var(--font-icon);
|
|
font-size: 12px;
|
|
content: "add";
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__button {
|
|
all: initial;
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__checkbox[type=checkbox] {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__outer {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
text-align: left;
|
|
background: var(--kmodal-overlay-background);
|
|
transition: opacity 0.25s ease;
|
|
z-index: 999;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__background {
|
|
all: initial;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__inner {
|
|
position: fixed;
|
|
width: var(--kmodal-width);
|
|
height: var(--kmodal-height);
|
|
inset: 0;
|
|
margin: auto;
|
|
overflow: auto;
|
|
background: var(--kmodal-dialog-background);
|
|
border-radius: 5px;
|
|
padding: var(--kmodal-close-height) calc(var(--kmodal-close-width) * 3) var(--kmodal-close-height) calc(var(--kmodal-close-width) * 2);
|
|
max-width: var(--kmodal-max-width);
|
|
max-height: var(--kmodal-max-height);
|
|
transition: opacity 0.25s ease;
|
|
box-shadow: var(--kmodal-box-shadow);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__close {
|
|
position: absolute;
|
|
right: var(--kmodal-close-width);
|
|
top: var(--kmodal-close-height);
|
|
width: var(--kmodal-close-width);
|
|
height: var(--kmodal-close-height);
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__close:after,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__close:before {
|
|
content: "";
|
|
position: absolute;
|
|
width: var(--kmodal-close-line-thickness);
|
|
height: var(--kmodal-close-line-length);
|
|
background: var(--kmodal-close-color);
|
|
display: block;
|
|
transform: rotate(45deg);
|
|
left: 50%;
|
|
margin: -3px 0 0 -1px;
|
|
top: 0;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__close:hover:after,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__close:hover:before {
|
|
background: var(--kmodal-close-hover-color);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__close:before {
|
|
transform: rotate(-45deg);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__checkbox:not(:checked) + .kmodal__outer {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__checkbox:checked + .kmodal__outer {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
|
|
top: 0;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__container:not(.k-active-tab) {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-item {
|
|
list-style: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .inlinerollresult {
|
|
background-color: var(--inlineRollBackColor);
|
|
color: var(--inlineRollColor);
|
|
font-family: var(--inlineRollFont);
|
|
font-size: var(--inlineRollSize);
|
|
padding: var(--inlineRollPadding);
|
|
border: var(--inlineRollBorder);
|
|
margin: var(--inlineRollMargin);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .inlinerollresult.fullcrit {
|
|
background-color: var(--inlineRollCritBackColor);
|
|
color: var(--inlineRollCritColor);
|
|
font-family: var(--inlineRollCritFont);
|
|
font-size: var(--inlineRollCritSize);
|
|
padding: var(--inlineRollCritPadding);
|
|
border: var(--inlineRollCritBorder);
|
|
margin: var(--inlineRollCritMargin);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .inlinerollresult.fullfail {
|
|
background-color: var(--inlineRollFumbleBackColor);
|
|
color: var(--inlineRollFumbleColor);
|
|
font-family: var(--inlineRollFumbleFont);
|
|
font-size: var(--inlineRollFumbleSize);
|
|
padding: var(--inlineRollFumblePadding);
|
|
border: var(--inlineRollFumbleBorder);
|
|
margin: var(--inlineRollFumbleMargin);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .inlinerollresult.importantroll {
|
|
background-color: var(--inlineRollImportantBackColor);
|
|
color: var(--inlineRollImportantColor);
|
|
font-family: var(--inlineRollImportantFont);
|
|
font-size: var(--inlineRollImportantSize);
|
|
padding: var(--inlineRollImportantPadding);
|
|
border: var(--inlineRollImportantBorder);
|
|
margin: var(--inlineRollImportantMargin);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h1,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h1 *, .sheet-rolltemplate-Stormlight_Archives .sheet-template h2, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name], .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h2 *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .input-label:not(.stacked).large > [name] *, .sheet-rolltemplate-Stormlight_Archives .sheet-template h3,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h3 *, .sheet-rolltemplate-Stormlight_Archives .sheet-template h4,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h4 *, .sheet-rolltemplate-Stormlight_Archives .sheet-template h5,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template h5 *, .sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="1"],
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="1"] *, .sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="2"],
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="2"] *, .sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="3"],
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="3"] *, .sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="4"],
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="4"] *, .sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="5"],
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template [aria-level="5"] * {
|
|
color: inherit;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .padding-half,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-padding-half {
|
|
padding: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border {
|
|
--_width: 2px;
|
|
--_wedgeSize: 10px;
|
|
--_dist: calc(var(--_wedgeSize) + var(--_width));
|
|
--_calcWedge: calc(100% - var(--_wedgeSize));
|
|
--_clip-path: polygon(0 0,100% 0,100% 100%, 0 100%);
|
|
--_background-color: transparent;
|
|
--_topLeftWedge: linear-gradient(135deg,var(--borderColor),var(--borderColor) calc(var(--_dist) / 2),var(--_background-color) calc(var(--_dist) / 2));
|
|
--_topRightWedge: linear-gradient(-135deg,var(--borderColor),var(--borderColor) calc(var(--_dist) / 2),var(--_background-color) calc(var(--_dist) / 2));
|
|
--_bottomRightWedge: linear-gradient(-45deg,var(--borderColor),var(--borderColor) calc(var(--_dist) / 2),var(--_background-color) calc(var(--_dist) / 2));
|
|
--_bottomLeftWedge: linear-gradient(45deg,var(--borderColor),var(--borderColor) calc(var(--_dist) / 2),var(--_background-color) calc(var(--_dist) / 2));
|
|
--_ULBackground: linear-gradient(transparent,transparent);
|
|
--_URBackground: linear-gradient(transparent,transparent);
|
|
--_BRBackground: linear-gradient(transparent,transparent);
|
|
--_BLBackground: linear-gradient(transparent,transparent);
|
|
--_border-background:
|
|
var(--_ULBackground),
|
|
var(--_URBackground),
|
|
var(--_BRBackground),
|
|
var(--_BLBackground);
|
|
--_ULWedgePath: 0 var(--_wedgeSize),var(--_wedgeSize) 0;
|
|
--_URWedgePath: var(--_calcWedge) 0, 100% var(--_wedgeSize);
|
|
--_BRWedgePath: 100% var(--_calcWedge), var(--_calcWedge) 100%;
|
|
--_BLWedgePath: var(--_wedgeSize) 100%, 0 var(--_calcWedge);
|
|
--_ULPath: 0 0;
|
|
--_URPath: 100% 0;
|
|
--_BRPath: 100% 100%;
|
|
--_BLPath: 0 100%;
|
|
--_border-path: polygon(
|
|
var(--_ULPath), var(--_URPath),
|
|
var(--_BRPath), var(--_BLPath)
|
|
);
|
|
border: var(--_width) solid var(--borderColor);
|
|
border-radius: var(--_border-radius);
|
|
clip-path: var(--_border-path);
|
|
background: var(--_border-background);
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.thick, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.thick, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.thick, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .thick.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .thick.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .thick.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .thick.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .thick.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .thick.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-thick, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-thick, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-thick, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-thick.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-thick.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-thick.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-thick.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-thick.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-thick.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.thick,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-thick {
|
|
--_width: 4px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.thin, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.thin, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.thin, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .thin.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .thin.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .thin.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .thin.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .thin.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .thin.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-thin, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-thin, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-thin, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-thin.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-thin.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-thin.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-thin.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-thin.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-thin.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.thin,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-thin {
|
|
--_width: 1px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.small-wedge, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.small-wedge, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.small-wedge, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .small-wedge.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .small-wedge.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .small-wedge.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .small-wedge.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .small-wedge.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .small-wedge.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .border.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .repcontrol_move.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_move.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .repcontrol_del.fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-small-wedge, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-small-wedge, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-small-wedge, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-small-wedge.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-small-wedge.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-small-wedge.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-small-wedge.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-small-wedge.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-small-wedge.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.small-wedge,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-border.fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-small-wedge {
|
|
--_wedgeSize: 5px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.shield, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.shield, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.shield, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .shield.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .shield.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .shield.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .shield.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .shield.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .shield.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-shield, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-shield, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-shield, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-shield.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-shield.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-shield.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-shield.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-shield.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-shield.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.shield,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-shield {
|
|
--_border-radius: 0 0 50% 50%;
|
|
aspect-ratio: 1/1.2;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.shieldup, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.shieldup, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.shieldup, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .shieldup.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .shieldup.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .shieldup.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .shieldup.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .shieldup.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .shieldup.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-shieldup, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-shieldup, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-shieldup, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-shieldup.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-shieldup.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-shieldup.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-shieldup.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-shieldup.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-shieldup.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.shieldup,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-shieldup {
|
|
--_border-radius: 50% 50% 0 0;
|
|
aspect-ratio: 1/1.2;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.wedge, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.wedge, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.border, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.border, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .border.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.repcontrol_move, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .repcontrol_del.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del.repcontrol_move, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .fill-left__radio.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .border.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.repcontrol_del,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .fill-left__radio.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .border.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-wedge, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-wedge, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.wedge,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-border,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-border,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-border.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-border.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.repcontrol_del,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-border.fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.fill-left__radio,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-wedge {
|
|
--_ULPath: var(--_ULWedgePath);
|
|
--_URPath: var(--_URWedgePath);
|
|
--_BRPath: var(--_BRWedgePath);
|
|
--_BLPath: var(--_BLWedgePath);
|
|
--_ULBackground: var(--_topLeftWedge);
|
|
--_URBackground: var(--_topRightWedge);
|
|
--_BRBackground: var(--_bottomRightWedge);
|
|
--_BLBackground: var(--_bottomLeftWedge);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.wedge1, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge1, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.wedge1, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge1.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge1.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge1.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge1.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge1.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge1.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:nth-child(5n), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.setting-option:nth-child(5n), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:nth-child(5n), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.setting-option:nth-child(5n), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:nth-child(5n), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_move.setting-option:nth-child(5n),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:nth-child(5n),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del.setting-option:nth-child(5n), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .fill-left__radio.setting-option:nth-child(5n), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio.setting-option:nth-child(5n), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:first-child, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.setting-option:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:first-child, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.setting-option:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:first-child, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_move.setting-option:first-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:first-child,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del.setting-option:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .fill-left__radio.setting-option:first-child, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio.setting-option:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-wedge1, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge1, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-wedge1, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge1.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge1.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge1.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge1.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge1.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge1.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .border.sheet-key-value:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-key-value:first-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .tabs__nav-list > li.sheet-key-value:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.repcontrol_move:first-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.repcontrol_move:first-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.repcontrol_del:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.repcontrol_del:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.fill-left__radio:first-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.fill-left__radio:first-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.wedge1,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:nth-child(5n),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.setting-option:nth-child(5n),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:first-child,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.setting-option:first-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-wedge1,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-border.sheet-key-value:first-child {
|
|
--_ULPath: var(--_ULWedgePath);
|
|
--_ULBackground: var(--_topLeftWedge);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.wedge2, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge2, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.wedge2, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge2.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge2.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge2.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge2.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge2.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge2.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_move.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .fill-left__radio.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-wedge2, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge2, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-wedge2, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge2.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge2.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge2.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge2.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge2.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge2.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .border.sheet-key-value:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-key-value:first-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .tabs__nav-list > li.sheet-key-value:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.repcontrol_move:first-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.repcontrol_move:first-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.repcontrol_del:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.repcontrol_del:first-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.fill-left__radio:first-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.fill-left__radio:first-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.wedge2,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-wedge2,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-border.sheet-key-value:first-child {
|
|
--_URPath: var(--_URWedgePath);
|
|
--_URBackground: var(--_topRightWedge);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.wedge3, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge3, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.wedge3, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge3.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge3.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge3.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge3.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge3.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge3.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:nth-child(3n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.setting-option:nth-child(3n):not(:nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:nth-child(3n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.setting-option:nth-child(3n):not(:nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:nth-child(3n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_move.setting-option:nth-child(3n):not(:nth-child(5n)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:nth-child(3n):not(:nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del.setting-option:nth-child(3n):not(:nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .fill-left__radio.setting-option:nth-child(3n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio.setting-option:nth-child(3n):not(:nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-wedge3, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge3, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-wedge3, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge3.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge3.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge3.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge3.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge3.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge3.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .border.sheet-key-value:last-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-key-value:last-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .tabs__nav-list > li.sheet-key-value:last-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.repcontrol_move:last-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.repcontrol_move:last-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.repcontrol_del:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.repcontrol_del:last-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.fill-left__radio:last-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.fill-left__radio:last-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.wedge3,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:nth-child(3n):not(:nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.setting-option:nth-child(3n):not(:nth-child(5n)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-wedge3,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-border.sheet-key-value:last-child {
|
|
--_BRPath: var(--_BRWedgePath);
|
|
--_BRBackground: var(--_bottomRightWedge);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border.wedge4, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge4, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.wedge4, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge4.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge4.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge4.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge4.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .wedge4.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .wedge4.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:nth-child(4n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.setting-option:nth-child(4n):not(:nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:nth-child(4n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.setting-option:nth-child(4n):not(:nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:nth-child(4n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_move.setting-option:nth-child(4n):not(:nth-child(5n)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:nth-child(4n):not(:nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .repcontrol_del.setting-option:nth-child(4n):not(:nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .fill-left__radio.setting-option:nth-child(4n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .fill-left__radio.setting-option:nth-child(4n):not(:nth-child(5n)), .sheet-rolltemplate-Stormlight_Archives .sheet-template .border.sheet-wedge4, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge4, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .tabs__nav-list > li.sheet-wedge4, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge4.repcontrol_move, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge4.repcontrol_move,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge4.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge4.repcontrol_del, .sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .sheet-wedge4.fill-left__radio, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-wedge4.fill-left__radio, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .border.sheet-key-value:last-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-key-value:last-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .tabs__nav-list > li.sheet-key-value:last-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.repcontrol_move:last-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.repcontrol_move:last-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.repcontrol_del:last-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.repcontrol_del:last-child, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container body .ui-dialog .tab-content .charsheet .sheet-key-value.fill-left__radio:last-child, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value.fill-left__radio:last-child,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.wedge4,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:nth-child(4n):not(:nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.setting-option:nth-child(4n):not(:nth-child(5n)),
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border.sheet-wedge4,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-border.sheet-key-value:last-child {
|
|
--_BLPath: var(--_BLWedgePath);
|
|
--_BLBackground: var(--_bottomLeftWedge);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .border-label,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-border-label {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
place-items: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container {
|
|
background-color: var(--backColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-header {
|
|
color: var(--dm-fontColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container h5 * {
|
|
font-style: inherit;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
gap: var(--half-gap);
|
|
flex-wrap: wrap;
|
|
padding-block: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value > :first-child {
|
|
padding-left: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value > :last-child {
|
|
padding-right: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-key-value:not(:first-child) {
|
|
border-top: 0px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-header {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
background-color: var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-content {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
padding-left: var(--half-gap);
|
|
padding-right: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-main-roll .sheet-roll-label {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container:not(:has(.sheet-header)) {
|
|
padding-top: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container:not(:has(.sheet-footer)) {
|
|
padding-bottom: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-result-display {
|
|
--_pOffset: var(--normal-gap);
|
|
--_bOffset: calc(var(--normal-gap) + var(--_pOffset));
|
|
display: grid;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-result-display:not(:has(.sheet-result-item)) {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-result-display:has(.sheet-shield-flow) {
|
|
margin-bottom: var(--_bOffset);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-header + .sheet-content .sheet-result-background,
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-header + .sheet-content .sheet-shield-flow {
|
|
border-top: 0px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-result-background {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-result-items {
|
|
display: grid;
|
|
place-items: center;
|
|
gap: var(--half-gap);
|
|
grid-template-columns: 1fr;
|
|
padding: var(--_pOffset);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-result-items:has(> :nth-child(2)) {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-result-items:has(> :nth-child(3)) {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-main-roll {
|
|
display: flex;
|
|
gap: var(--half-gap);
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-result-items .inlinerollresult {
|
|
font-size: var(--size1);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-shield-flow {
|
|
display: grid;
|
|
grid-template-rows: auto auto;
|
|
place-items: center;
|
|
place-content: center;
|
|
gap: var(--tiny-gap);
|
|
align-self: stretch;
|
|
margin-top: calc(var(--_pOffset) * -1);
|
|
margin-bottom: calc(var(--_bOffset) * -1);
|
|
z-index: 10;
|
|
background-color: var(--backColor);
|
|
padding: var(--half-gap) var(--tiny-gap);
|
|
max-width: 71px;
|
|
width: 71px;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-damage {
|
|
display: grid;
|
|
place-content: center;
|
|
place-items: center;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
place-items: center;
|
|
width: 30px;
|
|
height: 30px;
|
|
color: #a52025;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die > *, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:before, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:after {
|
|
content: "";
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:after, .sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:before {
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:before {
|
|
place-self: stretch;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die .sheet-result {
|
|
display: grid;
|
|
place-self: stretch;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die .inlinerollresult {
|
|
display: grid;
|
|
color: transparent;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:has(.sheet-complication) {
|
|
--borderColor: var(--complicationColor);
|
|
filter: var(--plotFilter);
|
|
background-image: var(--complicationImg);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:has(.sheet-complication):after {
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
letter-spacing: -2px;
|
|
right: 2px;
|
|
position: relative;
|
|
bottom: 1px;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:has(.sheet-opportunity) {
|
|
--borderColor: var(--opportunityColor);
|
|
filter: var(--plotFilter);
|
|
background-image: var(--opportunityImg);
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:has(.sheet-complication--2):after {
|
|
content: "+2";
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:has(.sheet-complication--4):after {
|
|
content: "+4";
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-plot-die:not(:has(.sheet-complication)):not(:has(.sheet-opportunity)) {
|
|
background-color: var(--borderColor);
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-footer {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
background-color: var(--borderColor);
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-Stormlight_Archives .sheet-template .sheet-message-container .sheet-footer a {
|
|
background-color: transparent;
|
|
color: inherit;
|
|
border: 0px solid transparent;
|
|
text-align: center;
|
|
}
|
|
html {
|
|
font-size: 10px;
|
|
}
|
|
|
|
body {
|
|
--font1:var(--topHeadFont);
|
|
--font2:var(--topHeadFont);
|
|
--font3:var(--midHeadFont);
|
|
--font4:var(--midHeadFont);
|
|
--font5:var(--midHeadFont);
|
|
--font6:var(--contentHeadFont);
|
|
--font7:var(--contentHeadFont);
|
|
--baseFontSize: 16px;
|
|
--size1:300%;
|
|
--size2:250%;
|
|
--size3:200%;
|
|
--size4:150%;
|
|
--size5:125%;
|
|
--size6:100%;
|
|
--size7:87.5%;
|
|
--icon-size:24px;
|
|
--font-icon: "Material Icons";
|
|
--normal-gap-x:1rem;
|
|
--normal-gap-y:1rem;
|
|
--normal-gap: var(--normal-gap-x);
|
|
--half-gap-x:calc(var(--normal-gap-x) / 2);
|
|
--half-gap-y:calc(var(--normal-gap-y) / 2);
|
|
--half-gap: var(--half-gap-x);
|
|
--tiny-gap-x:calc(var(--half-gap-x) / 2);
|
|
--tiny-gap-y:calc(var(--half-gap-y) / 2);
|
|
--tiny-gap: var(--tiny-gap-x);
|
|
--big-gap-x:calc(var(--normal-gap-x) * 2);
|
|
--big-gap-y:calc(var(--normal-gap-y) * 2);
|
|
--big-gap: var(--big-gap-x);
|
|
--lm-backColor:#fff;
|
|
--dm-backColor:var(--dark-surface1);
|
|
--backColor:var(--lm-backColor);
|
|
--lm-selectedColor:#000;
|
|
--dm-selectedColor:#007476;
|
|
--selectedColor:var(--lm-selectedColor);
|
|
--lm-unselectedColor1:lightgrey;
|
|
--dm-unselectedColor1:#0e0e0e;
|
|
--unselectedColor1:var(--lm-unselectedColor1);
|
|
--lm-unselectedColor2:transparent;
|
|
--dm-unselectedColor2:transparent;
|
|
--unselectedColor2:var(--lm-unselectedColor2);
|
|
--lm-checkColor:#000;
|
|
--dm-checkColor:#ff0000;
|
|
--checkColor:var(--lm-checkColor);
|
|
--lm-checkedBackColor:transparent;
|
|
--dm-checkedBackColor:transparent;
|
|
--checkedBackColor:var(--lm-checkedBackColor);
|
|
--lm-borderColor:#000;
|
|
--dm-borderColor:lightgrey;
|
|
--borderColor:var(--lm-borderColor);
|
|
--lm-fontColor:#0f0f0f;
|
|
--dm-fontColor:var(--dark-primarytext);
|
|
--fontColor:var(--lm-fontColor);
|
|
--lm-disabledColor:var(--lm-unselectedColor1);
|
|
--dm-disabledColor:var(--dm-unselectedColor1);
|
|
--disabledColor:var(--lm-disabledColor);
|
|
--checkContent: "✓";
|
|
--checkWeight: bold;
|
|
--checkSize: 150%;
|
|
--checkLineHeight: calc(var(--checkSize) / 3);
|
|
--checkboxBorderWidth: var(--borderWidth);
|
|
--checkboxBorderStyle: var(--borderStyle);
|
|
--lm-checkboxBorderColor: var(--lm-borderColor);
|
|
--dm-checkboxBorderColor: var(--dm-borderColor);
|
|
--checkboxBorderColor: var(--lm-checkBorderColor);
|
|
--checkboxWidth: 14px;
|
|
--checkboxHeight: 14px;
|
|
--inputTopPadding: 2px;
|
|
--inputRightPadding: 2px;
|
|
--inputBottomPadding: 2px;
|
|
--inputLeftPadding: 2px;
|
|
--inputPadding:
|
|
var(--inputTopPadding)
|
|
var(--inputRightPadding)
|
|
var(--inputBottomPadding)
|
|
var(--inputLeftPadding);
|
|
--lm-placeholderColor:#ededed80;
|
|
--dm-placeholderColor:#3f3f3f80;
|
|
--placeholderColor: var(--lm-placeholderColor);
|
|
--textareaResize: vertical;
|
|
--borderWidth:1px;
|
|
--borderStyle:solid;
|
|
--expandedSymbol:"unfold_less";
|
|
--collapsedSymbol: "unfold_more";
|
|
--collapseHoverOpacity: 1;
|
|
--collapseBaseOpacity: 0;
|
|
--lm-collapseExpandedColor:var(--lm-selectedColor);
|
|
--dm-collapseExpandedColor:var(--dm-selectedColor);
|
|
--collapseExpandedColor: var(--lm-collapseExpandedColor);
|
|
--lm-collapseCollapsedColor:var(--lm-unselectedColor);
|
|
--dm-collapseCollapsedColor:var(--dm-unselectedColor);
|
|
--collapseCollapsedColor: var(--lm-collapseCollapsedColor);
|
|
--fillLeftDisplay: flex;
|
|
--fillLeftAlignment: center;
|
|
--fillLeftDataTransform: uppercase;
|
|
--fillLeftDataSize: var(--size6);
|
|
--lm-fillLeftSelectedColor: var(--lm-selectedColor);
|
|
--dm-fillLeftSelectedColor: var(--dm-selectedColor);
|
|
--fillLeftSelectedColor: var(--lm-fillLeftSelectedColor);
|
|
--lm-fillLeftUnselectedColor: var(--lm-unselectedColor);
|
|
--dm-fillLeftUnselectedColor: var(--dm-unselectedColor);
|
|
--fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor);
|
|
--lm-fillLeftDataColor: var(--lm-backColor);
|
|
--dm-fillLeftDataColor: var(--dm-backColor);
|
|
--fillLeftDataColor: var(--lm-fillLeftDataColor);
|
|
--lm-selectColor: var(--lm-fontColor);
|
|
--dm-selectColor: var(--dm-fontColor);
|
|
--selectColor: var(--lm-fontColor);
|
|
--selectTextOverflow: var(--textOverflow);
|
|
--selectTextAlign: center;
|
|
--selectTextTransform: capitalize;
|
|
--revealTime:500ms;
|
|
--revealFunction: ease-in-out;
|
|
--revealTrans: var(--revealTime) var(--revealFunction);
|
|
--kmodal-width:fit-content;
|
|
--kmodal-height:fit-content;
|
|
--kmodal-max-width:90vw;
|
|
--kmodal-max-height:90vh;
|
|
--lm-kmodal-overlay-background:rgba(0,0,0,.9);
|
|
--dm-kmodal-overlay-background:rgba(0,0,0,.9);
|
|
--kmodal-overlay-background: var(--lm-kmodal-overlay-background);
|
|
--lm-kmodal-dialog-background:var(--lm-backColor);
|
|
--dm-kmodal-dialog-background:var(--dm-backColor);
|
|
--kmodal-dialog-background: var(--lm-kmodal-dialog-background);
|
|
--kmodal-border-width:0px;
|
|
--kmodal-border-color:transparent;
|
|
--lm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
|
|
--dm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
|
|
--kmodal-box-shadow-color1:var(--lm-kmodal-box-shadow-color1);
|
|
--kmodal-box-shadow-blur1:28px;
|
|
--kmodal-box-shadow-x1:0px;
|
|
--kmodal-box-shadow-y1:14px;
|
|
--kmodal-box-shadow-spread1:0px;
|
|
--lm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
|
|
--dm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
|
|
--kmodal-box-shadow-color2:var(--lm-kmodal-box-shadow-color2);
|
|
--kmodal-box-shadow-blur2:10px;
|
|
--kmodal-box-shadow-x2:0px;
|
|
--kmodal-box-shadow-y2:10px;
|
|
--kmodal-box-shadow-spread2:0px;
|
|
--kmodal-box-shadow:
|
|
var(--kmodal-box-shadow-x1) var(--kmodal-box-shadow-y1) var(--kmodal-box-shadow-blur1) var(--kmodal-box-shadow-spread1) var(--kmodal-box-shadow-color1),
|
|
var(--kmodal-box-shadow-x2) var(--kmodal-box-shadow-y2) var(--kmodal-box-shadow-blur2) var(--kmodal-box-shadow-spread2) var(--kmodal-box-shadow-color2);
|
|
--kmodal-close-width:1rem;
|
|
--kmodal-close-height:1rem;
|
|
--lm-kmodal-close-color:#ccc;
|
|
--dm-kmodal-close-color:#aaa;
|
|
--kmodal-close-color:var(--lm-kmodal-close-color);
|
|
--lm-kmodal-close-hover-color:#aaa;
|
|
--dm-kmodal-close-hover-color:#aaa;
|
|
--kmodal-close-hover-color:var(--lm-kmodal-close-hover-color);
|
|
--kmodal-close-line-thickness:2px;
|
|
--kmodal-close-line-length:calc(var(--kmodal-close-width) * 1.5);
|
|
--checkboxBorderColor: var(--borderColor);
|
|
--fillLeftSelectedColor: var(--borderColor);
|
|
--lm-borderColor: #151e49;
|
|
--dm-borderColor: #d0a552;
|
|
--lm-fontColor: #151e49;
|
|
--dm-fontColor: #F6E4C3;
|
|
--lm-navColor: var(--dm-fontColor);
|
|
--dm-navColor: var(--lm-fontColor);
|
|
--navColor: var(--lm-navColor);
|
|
--lm-headerColor: #1b3d60;
|
|
--dm-headerColor: #8CB5DE;
|
|
--complicationColor: #a52025;
|
|
--opportunityColor: #1b3c5f;
|
|
--headerGradient: var(--lm-borderColor);
|
|
--collapseExpandedColor: var(--fontColor);
|
|
--size1: 2.5rem;
|
|
--size2: 2rem;
|
|
--size3: 1.75rem;
|
|
--size4: 1.5rem;
|
|
--size5: 1.25rem;
|
|
--size6: 1rem;
|
|
--size7: .875rem;
|
|
--topHeadFont: "Bona Nova SC", serif;
|
|
--midHeadFont: var(--topHeadFont);
|
|
--contentHeadFont: "Merriweather", serif;
|
|
--lm-plotFilter: brightness(1);
|
|
--dm-plotFilter: brightness(1.5);
|
|
--plotFilter: var(--lm-plotFilter);
|
|
--complicationImg: url("https://s3.amazonaws.com/files.d20.io/images/403177954/8SU5WArDqAhDfmuz7_33-g/original.png?17224677415");
|
|
--opportunityImg: url("https://s3.amazonaws.com/files.d20.io/images/403177953/kp4aZuViBjNPJDm0qPnIBw/original.png");
|
|
--lm-checkboxImg: var(--opportunityImg);
|
|
--dm-checkboxImg: var(--complicationImg);
|
|
--checkboxImg: var(--lm-checkboxImg);
|
|
--logoImg: url("https://s3.amazonaws.com/files.d20.io/images/403173720/36CQWceNGy11f5CDWETObw/original.png");
|
|
font-family: var(--contentHeadFont);
|
|
color: var(--fontColor);
|
|
font-size: 1rem;
|
|
}
|
|
body:has(.tab-content:first-child) .ui-dialog {
|
|
padding-top: 0 !important;
|
|
}
|
|
body:has(.tab-content:first-child) .charsheet {
|
|
padding-top: 2rem;
|
|
}
|
|
body .ui-dialog {
|
|
background-color: var(--backColor) !important;
|
|
}
|
|
body .ui-dialog .tab-content .sheetform {
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet {
|
|
position: relative;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet textarea,
|
|
body .ui-dialog .tab-content .charsheet input,
|
|
body .ui-dialog .tab-content .charsheet .uneditable-input,
|
|
body .ui-dialog .tab-content .charsheet label,
|
|
body .ui-dialog .tab-content .charsheet button {
|
|
all: initial;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-box,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-box {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-wrap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-space-around,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-space-around {
|
|
justify-content: space-around;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-space-between,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-space-between {
|
|
justify-content: space-between;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .justify-center,
|
|
body .ui-dialog .tab-content .charsheet .sheet-justify-center {
|
|
justify-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-min-content,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-min-content {
|
|
flex: 1 0 min-content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked.center > * {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked:not(.center) {
|
|
align-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-column,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-column {
|
|
flex-direction: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-row-reverse,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-row-revers {
|
|
flex-direction: row-reverse;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .flex-column-reverse,
|
|
body .ui-dialog .tab-content .charsheet .sheet-flex-column-reverse {
|
|
flex-direction: column-reverse;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap {
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-x {
|
|
column-gap: var(--normal-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .normal-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-y {
|
|
row-gap: var(--normal-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap {
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap-x {
|
|
column-gap: var(--half-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .half-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-half-gap-y {
|
|
row-gap: var(--half-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-x {
|
|
column-gap: var(--tiny-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tiny-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-y {
|
|
row-gap: var(--tiny-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap {
|
|
gap: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap-x,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap-x {
|
|
column-gap: var(--big-gap-x);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .big-gap-y,
|
|
body .ui-dialog .tab-content .charsheet .sheet-big-gap-y {
|
|
row-gap: var(--big-gap-y);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid {
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-span-2,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-span-all,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-column,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-column {
|
|
grid-auto-flow: column;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .grid-dense,
|
|
body .ui-dialog .tab-content .charsheet .sheet-grid-dense {
|
|
grid-auto-flow: dense;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed {
|
|
border: 2px solid var(--borderColor);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-left,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-left {
|
|
border-left-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-bottom,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom {
|
|
border-bottom-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-right,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-right {
|
|
border-right-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .boxed.thick-top,
|
|
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-top {
|
|
border-top-width: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .underlined,
|
|
body .ui-dialog .tab-content .charsheet .sheet-underlined {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
border-radius: 0;
|
|
border-bottom: 1px solid var(--borderColor);
|
|
transition: border-radius border var(--revealTrans);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
|
|
background-color: var(--disabledColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .underlined--invisible {
|
|
border-color: transparent !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .ratio1-1,
|
|
body .ui-dialog .tab-content .charsheet .sheet-ratio1-1 {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet span,
|
|
body .ui-dialog .tab-content .charsheet input,
|
|
body .ui-dialog .tab-content .charsheet textarea,
|
|
body .ui-dialog .tab-content .charsheet button,
|
|
body .ui-dialog .tab-content .charsheet select {
|
|
line-height: normal;
|
|
color: inherit;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-1,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-1 {
|
|
font-size: var(--size1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-2,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-2 {
|
|
font-size: var(--size2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-3,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-3 {
|
|
font-size: var(--size3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-4,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-4 {
|
|
font-size: var(--size4);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-5,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-5 {
|
|
font-size: var(--size5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-6,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-6 {
|
|
font-size: var(--size6);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-7,
|
|
body .ui-dialog .tab-content .charsheet .sheet-text-7 {
|
|
font-size: var(--size7);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .capitalize,
|
|
body .ui-dialog .tab-content .charsheet .sheet-capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .lowercase,
|
|
body .ui-dialog .tab-content .charsheet .sheet-lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .uppercase,
|
|
body .ui-dialog .tab-content .charsheet .sheet-uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-material-icons,
|
|
body .ui-dialog .tab-content .charsheet .material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .material-symbol,
|
|
body .ui-dialog .tab-content .charsheet .sheet-material-symbol {
|
|
font-family: "Material Symbols Outlined";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 24px; /* Preferred icon size */
|
|
display: inline-block;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: nowrap;
|
|
direction: ltr;
|
|
font-variation-settings: "FILL" 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-italics,
|
|
body .ui-dialog .tab-content .charsheet .italics {
|
|
font-style: italic;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="1"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="1"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="1"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size1);
|
|
font-family: var(--font1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="1"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h2, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="2"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h2:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="2"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h2 *, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="2"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size2);
|
|
font-family: var(--font2);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h2 *:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="2"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="3"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="3"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="3"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
font-size: var(--size3);
|
|
font-family: var(--font3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h3 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="3"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size4);
|
|
font-family: var(--font4);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size4);
|
|
font-family: var(--font4);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4 *:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h4 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5 *:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h5 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"] {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6 *,
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"] * {
|
|
line-height: normal;
|
|
color: var(--fontColor);
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
font-size: var(--size5);
|
|
font-style: normal;
|
|
font-family: var(--font5);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6 *:not(:where(input)),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(:where(input)) {
|
|
text-transform: capitalize;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h6 *:not(input),
|
|
body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(input) {
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-pictos,
|
|
body .ui-dialog .tab-content .charsheet .pictos {
|
|
font-family: pictos;
|
|
text-transform: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .pictos3,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pictos3 {
|
|
font-family: pictos three;
|
|
text-transform: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .pictoscustom,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pictoscustom {
|
|
font-family: pictos custom;
|
|
text-transform: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d4,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d4 {
|
|
font-family: dicefontd4 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d6,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d6 {
|
|
font-family: dicefontd6 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d8,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d8 {
|
|
font-family: dicefontd8 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d10,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d10 {
|
|
font-family: dicefontd10 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d12,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d12 {
|
|
font-family: dicefontd12 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d20,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d20 {
|
|
font-family: dicefontd20 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .d30,
|
|
body .ui-dialog .tab-content .charsheet .sheet-d30 {
|
|
font-family: dicefontd30 !important;
|
|
text-transform: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=checkbox] {
|
|
border: 1px solid var(--checkboxBorderColor);
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
width: var(--checkboxWidth);
|
|
min-width: var(--checkboxWidth);
|
|
height: var(--checkboxHeight);
|
|
min-height: var(--checkboxHeight);
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-areas: "content";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
|
|
background-color: var(--checkedBackColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before {
|
|
content: var(--checkContent);
|
|
grid-area: content;
|
|
font-weight: var(--checkWeight);
|
|
place-self: start center;
|
|
color: var(--checkColor);
|
|
font-size: var(--checkSize);
|
|
line-height: var(--checkLineHeight);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=number] {
|
|
width: 3rem;
|
|
-moz-appearance: textfield !important;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button, body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet .pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet textarea,
|
|
body .ui-dialog .tab-content .charsheet input:not(:is([type=radio], [type=checkbox])),
|
|
body .ui-dialog .tab-content .charsheet .uneditable-input {
|
|
padding: var(--inputPadding);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input:is([type=text], [type=number]), body .ui-dialog .tab-content .charsheet textarea {
|
|
cursor: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet .pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet input:not(:where([type=checkbox], [type=radio])),
|
|
body .ui-dialog .tab-content .charsheet .uneditable-input,
|
|
body .ui-dialog .tab-content .charsheet textarea {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet select,
|
|
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
|
|
body .ui-dialog .tab-content .charsheet .pseudo-select span {
|
|
-webkit-apperance: none;
|
|
appearance: none;
|
|
text-transform: var(--selectTextTransform);
|
|
overflow: hidden !important;
|
|
white-space: nowrap;
|
|
text-overflow: var(--selectTextOverflow);
|
|
text-align: var(--selectTextAlign);
|
|
color: var(--selectColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input {
|
|
width: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input:placeholder {
|
|
color: var(--placeholderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"]) + span:before {
|
|
content: "+";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea {
|
|
resize: var(--textareaResize);
|
|
white-space: pre-wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet textarea.fixed {
|
|
resize: none;
|
|
overflow: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet button {
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roller {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roller:before {
|
|
content: "T";
|
|
font-family: dicefontd20;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .collapse-container {
|
|
display: grid;
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse {
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse:before {
|
|
content: var(--expandedSymbol);
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse__text {
|
|
display: inline;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse__check:not(:checked) + .text-collapse {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: var(--borderColor);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .text-collapse__check:checked + .text-collapse:before {
|
|
content: var(--collapsedSymbol);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem:hover > .collapse, body .ui-dialog .tab-content .charsheet .repitem:hover .roll-container,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container:hover > .collapse,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container:hover .roll-container {
|
|
opacity: var(--collapseHoverOpacity);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse {
|
|
opacity: var(--collapseBaseOpacity);
|
|
position: absolute;
|
|
right: -10px;
|
|
top: 0px;
|
|
border: 0px solid black;
|
|
border-radius: 0;
|
|
color: var(--collapseExpandedColor);
|
|
text-transform: none;
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:before,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:before {
|
|
content: "y";
|
|
font-family: pictos;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked {
|
|
color: var(--collapseCollapsedColor);
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .expanded,
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .collapse-container .expanded,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .expanded,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .collapse-container .expanded {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:not(:checked) ~ .collapsed,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:not(:checked) ~ .collapsed {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > .collapse:hover,
|
|
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:hover {
|
|
color: var(--collapseExpandedColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left {
|
|
display: var(--fillLeftDisplay);
|
|
align-self: var(--fillLeftAlignment);
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
background-color: var(--fillLeftSelectedColor);
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio[data-value]:checked:before {
|
|
content: attr(data-value);
|
|
color: var(--fillLeftDataColor);
|
|
font-size: var(--fillLeftDataSize);
|
|
place-self: center;
|
|
text-transform: var(--fillLeftDataTransform);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio:checked ~ .fill-left__radio {
|
|
background-color: var(--fillLeftUnselectedColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label {
|
|
display: inline-flex;
|
|
gap: var(--input-label-gap);
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > input[type=text] {
|
|
flex: 1 1 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > :not([name]) {
|
|
flex: 0 0 auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label > :is(span, button) {
|
|
text-transform: var(--input-label-text-transform);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label--dual {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
grid-template-areas: "over over over" "under under under";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label--dual > span:last-of-type {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .input-label--dual > .slash {
|
|
line-height: 0rem;
|
|
font-weight: normal;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-textarea {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-columns: auto;
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-textarea :not(textarea):not(.adaptive) {
|
|
justify-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .headed-textarea .headed-textarea__header {
|
|
grid-area: initial;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "content";
|
|
position: relative;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive > span {
|
|
opacity: 0;
|
|
z-index: -10;
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
text-transform: initial;
|
|
border-radius: 0px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--text {
|
|
min-height: 4rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--text__span {
|
|
white-space: pre-wrap;
|
|
padding: 2px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--text__textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
resize: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--text__textarea,
|
|
body .ui-dialog .tab-content .charsheet .adaptive--input__input {
|
|
position: absolute;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--input__input {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .adaptive--input__span {
|
|
padding: 2px;
|
|
min-height: 1.5rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem > input:not([type=checkbox]) {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repitem .headed-textarea,
|
|
body .ui-dialog .tab-content .charsheet .repitem .description {
|
|
grid-column: 1/-1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontainer {
|
|
display: grid;
|
|
gap: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-container {
|
|
display: grid;
|
|
grid-template-areas: "header";
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-container > .header {
|
|
grid-area: header;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 0;
|
|
transition: var(--revealTrans);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
|
|
opacity: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button {
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol {
|
|
justify-self: end;
|
|
z-index: 100;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol > .repcontrol_add {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add {
|
|
justify-self: start;
|
|
width: 15px;
|
|
height: 15px;
|
|
padding: 4px;
|
|
font-size: 0;
|
|
color: var(--col-alt);
|
|
border: 1px solid var(--col-alt);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol-button--add::before {
|
|
inset: 0;
|
|
place-self: center;
|
|
font-family: var(--font-icon);
|
|
font-size: 12px;
|
|
content: "add";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__button {
|
|
all: initial;
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__checkbox[type=checkbox] {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__outer {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
text-align: left;
|
|
background: var(--kmodal-overlay-background);
|
|
transition: opacity 0.25s ease;
|
|
z-index: 999;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__background {
|
|
all: initial;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__inner {
|
|
position: fixed;
|
|
width: var(--kmodal-width);
|
|
height: var(--kmodal-height);
|
|
inset: 0;
|
|
margin: auto;
|
|
overflow: auto;
|
|
background: var(--kmodal-dialog-background);
|
|
border-radius: 5px;
|
|
padding: var(--kmodal-close-height) calc(var(--kmodal-close-width) * 3) var(--kmodal-close-height) calc(var(--kmodal-close-width) * 2);
|
|
max-width: var(--kmodal-max-width);
|
|
max-height: var(--kmodal-max-height);
|
|
transition: opacity 0.25s ease;
|
|
box-shadow: var(--kmodal-box-shadow);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__close {
|
|
position: absolute;
|
|
right: var(--kmodal-close-width);
|
|
top: var(--kmodal-close-height);
|
|
width: var(--kmodal-close-width);
|
|
height: var(--kmodal-close-height);
|
|
cursor: pointer;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__close:after,
|
|
body .ui-dialog .tab-content .charsheet .kmodal__close:before {
|
|
content: "";
|
|
position: absolute;
|
|
width: var(--kmodal-close-line-thickness);
|
|
height: var(--kmodal-close-line-length);
|
|
background: var(--kmodal-close-color);
|
|
display: block;
|
|
transform: rotate(45deg);
|
|
left: 50%;
|
|
margin: -3px 0 0 -1px;
|
|
top: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__close:hover:after,
|
|
body .ui-dialog .tab-content .charsheet .kmodal__close:hover:before {
|
|
background: var(--kmodal-close-hover-color);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__close:before {
|
|
transform: rotate(-45deg);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:not(:checked) + .kmodal__outer {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
|
|
top: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__container:not(.k-active-tab) {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-item {
|
|
list-style: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list {
|
|
display: flex;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet h1,
|
|
body .ui-dialog .tab-content .charsheet h1 *, body .ui-dialog .tab-content .charsheet h2, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
|
|
body .ui-dialog .tab-content .charsheet h2 *,
|
|
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, body .ui-dialog .tab-content .charsheet h3,
|
|
body .ui-dialog .tab-content .charsheet h3 *, body .ui-dialog .tab-content .charsheet h4,
|
|
body .ui-dialog .tab-content .charsheet h4 *, body .ui-dialog .tab-content .charsheet h5,
|
|
body .ui-dialog .tab-content .charsheet h5 *, body .ui-dialog .tab-content .charsheet [aria-level="1"],
|
|
body .ui-dialog .tab-content .charsheet [aria-level="1"] *, body .ui-dialog .tab-content .charsheet [aria-level="2"],
|
|
body .ui-dialog .tab-content .charsheet [aria-level="2"] *, body .ui-dialog .tab-content .charsheet [aria-level="3"],
|
|
body .ui-dialog .tab-content .charsheet [aria-level="3"] *, body .ui-dialog .tab-content .charsheet [aria-level="4"],
|
|
body .ui-dialog .tab-content .charsheet [aria-level="4"] *, body .ui-dialog .tab-content .charsheet [aria-level="5"],
|
|
body .ui-dialog .tab-content .charsheet [aria-level="5"] * {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .padding-half,
|
|
body .ui-dialog .tab-content .charsheet .sheet-padding-half {
|
|
padding: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .display-control--inverted:checked + .controlled-display, body .ui-dialog .tab-content .charsheet .display-control:not(:checked) + .controlled-display {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .display-control--non-zero:not(:is([value=""], :not([value]), [value="0"])) + .controlled-display, body .ui-dialog .tab-content .charsheet .display-control--non-zero--inverted:is([value=""], :not([value]), [value="0"]) + .controlled-display {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .interaction-control:not(:checked) + .controlled-interaction {
|
|
pointer-events: none;
|
|
filter: contrast(30%) brightness(150%);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__header {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto 1fr;
|
|
background: linear-gradient(90deg, transparent, var(--borderColor) var(--normal-gap), var(--borderColor) calc(100% - var(--normal-gap)), transparent);
|
|
min-height: 40px;
|
|
z-index: 10000;
|
|
position: sticky;
|
|
top: 0px;
|
|
padding-inline: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 0;
|
|
--_offset: calc(var(--normal-gap) * -1);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list > li {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
transition-property: background-color, background, margin, color;
|
|
transition-duration: 500ms;
|
|
min-width: 4rem;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list > li:hover, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li:has(:focus-visible), body .ui-dialog .tab-content .charsheet .tabs__nav-list > li:has(.k-active-button) {
|
|
background-color: var(--backColor);
|
|
margin: var(--_offset) 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list > li:not(:hover):not(:has(:focus-visible)):not(:has(.k-active-button)) {
|
|
color: var(--navColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list > li:has(.disabled) {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .true-checkbox:checked {
|
|
background-image: var(--checkboxImg);
|
|
background-repeat: none;
|
|
background-position: center;
|
|
background-size: contain;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .true-checkbox:checked:before {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .itemcontrol {
|
|
z-index: 500;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del {
|
|
padding: var(--half-gap) var(--normal-gap);
|
|
background-color: var(--backColor) !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_move {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del {
|
|
--borderColor: red;
|
|
color: red;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attribute-container {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
place-items: center;
|
|
width: 100px;
|
|
aspect-ratio: 1/1;
|
|
padding: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attribute-container label {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: grid;
|
|
place-items: center;
|
|
cursor: text;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attribute-container input {
|
|
width: 2em;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border, body .ui-dialog .tab-content .charsheet .fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li, body .ui-dialog .tab-content .charsheet .repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border {
|
|
--_width: 2px;
|
|
--_wedgeSize: 10px;
|
|
--_dist: calc(var(--_wedgeSize) + var(--_width));
|
|
--_calcWedge: calc(100% - var(--_wedgeSize));
|
|
--_clip-path: polygon(0 0,100% 0,100% 100%, 0 100%);
|
|
--_background-color: transparent;
|
|
--_topLeftWedge: linear-gradient(135deg,var(--borderColor),var(--borderColor) calc(var(--_dist) / 2),var(--_background-color) calc(var(--_dist) / 2));
|
|
--_topRightWedge: linear-gradient(-135deg,var(--borderColor),var(--borderColor) calc(var(--_dist) / 2),var(--_background-color) calc(var(--_dist) / 2));
|
|
--_bottomRightWedge: linear-gradient(-45deg,var(--borderColor),var(--borderColor) calc(var(--_dist) / 2),var(--_background-color) calc(var(--_dist) / 2));
|
|
--_bottomLeftWedge: linear-gradient(45deg,var(--borderColor),var(--borderColor) calc(var(--_dist) / 2),var(--_background-color) calc(var(--_dist) / 2));
|
|
--_ULBackground: linear-gradient(transparent,transparent);
|
|
--_URBackground: linear-gradient(transparent,transparent);
|
|
--_BRBackground: linear-gradient(transparent,transparent);
|
|
--_BLBackground: linear-gradient(transparent,transparent);
|
|
--_border-background:
|
|
var(--_ULBackground),
|
|
var(--_URBackground),
|
|
var(--_BRBackground),
|
|
var(--_BLBackground);
|
|
--_ULWedgePath: 0 var(--_wedgeSize),var(--_wedgeSize) 0;
|
|
--_URWedgePath: var(--_calcWedge) 0, 100% var(--_wedgeSize);
|
|
--_BRWedgePath: 100% var(--_calcWedge), var(--_calcWedge) 100%;
|
|
--_BLWedgePath: var(--_wedgeSize) 100%, 0 var(--_calcWedge);
|
|
--_ULPath: 0 0;
|
|
--_URPath: 100% 0;
|
|
--_BRPath: 100% 100%;
|
|
--_BLPath: 0 100%;
|
|
--_border-path: polygon(
|
|
var(--_ULPath), var(--_URPath),
|
|
var(--_BRPath), var(--_BLPath)
|
|
);
|
|
border: var(--_width) solid var(--borderColor);
|
|
border-radius: var(--_border-radius);
|
|
clip-path: var(--_border-path);
|
|
background: var(--_border-background);
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.thick, body .ui-dialog .tab-content .charsheet .thick.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.thick, body .ui-dialog .tab-content .charsheet .thick.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .thick.repcontrol_del, body .ui-dialog .tab-content .charsheet .border.sheet-thick, body .ui-dialog .tab-content .charsheet .sheet-thick.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-thick, body .ui-dialog .tab-content .charsheet .sheet-thick.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-thick.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.thick,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-thick {
|
|
--_width: 4px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.thin, body .ui-dialog .tab-content .charsheet .thin.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.thin, body .ui-dialog .tab-content .charsheet .thin.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .thin.repcontrol_del, body .ui-dialog .tab-content .charsheet .border.sheet-thin, body .ui-dialog .tab-content .charsheet .sheet-thin.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-thin, body .ui-dialog .tab-content .charsheet .sheet-thin.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-thin.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.thin,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-thin {
|
|
--_width: 1px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.small-wedge, body .ui-dialog .tab-content .charsheet .border.fill-left__radio, body .ui-dialog .tab-content .charsheet .small-wedge.fill-left__radio, body .ui-dialog .tab-content .charsheet .fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.small-wedge, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.fill-left__radio, body .ui-dialog .tab-content .charsheet .small-wedge.repcontrol_move, body .ui-dialog .tab-content .charsheet .repcontrol_move.fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .small-wedge.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del.fill-left__radio, body .ui-dialog .tab-content .charsheet .border.sheet-small-wedge, body .ui-dialog .tab-content .charsheet .sheet-small-wedge.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-small-wedge, body .ui-dialog .tab-content .charsheet .sheet-small-wedge.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-small-wedge.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.small-wedge,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-small-wedge {
|
|
--_wedgeSize: 5px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.shield, body .ui-dialog .tab-content .charsheet .shield.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.shield, body .ui-dialog .tab-content .charsheet .shield.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .shield.repcontrol_del, body .ui-dialog .tab-content .charsheet .border.sheet-shield, body .ui-dialog .tab-content .charsheet .sheet-shield.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-shield, body .ui-dialog .tab-content .charsheet .sheet-shield.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-shield.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.shield,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-shield {
|
|
--_border-radius: 0 0 50% 50%;
|
|
aspect-ratio: 1/1.2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.shieldup, body .ui-dialog .tab-content .charsheet .shieldup.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.shieldup, body .ui-dialog .tab-content .charsheet .shieldup.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .shieldup.repcontrol_del, body .ui-dialog .tab-content .charsheet .border.sheet-shieldup, body .ui-dialog .tab-content .charsheet .sheet-shieldup.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-shieldup, body .ui-dialog .tab-content .charsheet .sheet-shieldup.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-shieldup.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.shieldup,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-shieldup {
|
|
--_border-radius: 50% 50% 0 0;
|
|
aspect-ratio: 1/1.2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.wedge, body .ui-dialog .tab-content .charsheet .border.fill-left__radio, body .ui-dialog .tab-content .charsheet .wedge.fill-left__radio, body .ui-dialog .tab-content .charsheet .fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.fill-left__radio, body .ui-dialog .tab-content .charsheet .wedge.repcontrol_move, body .ui-dialog .tab-content .charsheet .repcontrol_move.fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .wedge.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.border, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.repcontrol_del, body .ui-dialog .tab-content .charsheet .border.repcontrol_move, body .ui-dialog .tab-content .charsheet .repcontrol_move.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.repcontrol_move, body .ui-dialog .tab-content .charsheet .repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .border.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del.fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_move.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .repcontrol_del, body .ui-dialog .tab-content .charsheet .border.sheet-wedge, body .ui-dialog .tab-content .charsheet .sheet-wedge.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge, body .ui-dialog .tab-content .charsheet .sheet-wedge.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-wedge.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.wedge,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.fill-left__radio,
|
|
body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-border,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-wedge {
|
|
--_ULPath: var(--_ULWedgePath);
|
|
--_URPath: var(--_URWedgePath);
|
|
--_BRPath: var(--_BRWedgePath);
|
|
--_BLPath: var(--_BLWedgePath);
|
|
--_ULBackground: var(--_topLeftWedge);
|
|
--_URBackground: var(--_topRightWedge);
|
|
--_BRBackground: var(--_bottomRightWedge);
|
|
--_BLBackground: var(--_bottomLeftWedge);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.wedge1, body .ui-dialog .tab-content .charsheet .wedge1.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:nth-child(5n), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .setting-option.fill-left__radio:nth-child(5n), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:first-child, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .setting-option.fill-left__radio:first-child, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge1, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:nth-child(5n), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:first-child, body .ui-dialog .tab-content .charsheet .wedge1.repcontrol_move, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:nth-child(5n), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:first-child,
|
|
body .ui-dialog .tab-content .charsheet .wedge1.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:nth-child(5n),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:first-child, body .ui-dialog .tab-content .charsheet .border.sheet-wedge1, body .ui-dialog .tab-content .charsheet .sheet-wedge1.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge1, body .ui-dialog .tab-content .charsheet .sheet-wedge1.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-wedge1.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.wedge1,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:nth-child(5n),
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:first-child,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-wedge1 {
|
|
--_ULPath: var(--_ULWedgePath);
|
|
--_ULBackground: var(--_topLeftWedge);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.wedge2, body .ui-dialog .tab-content .charsheet .wedge2.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .setting-option.fill-left__radio:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge2, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), body .ui-dialog .tab-content .charsheet .wedge2.repcontrol_move, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .wedge2.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)), body .ui-dialog .tab-content .charsheet .border.sheet-wedge2, body .ui-dialog .tab-content .charsheet .sheet-wedge2.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge2, body .ui-dialog .tab-content .charsheet .sheet-wedge2.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-wedge2.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.wedge2,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:nth-child(2n):not(:nth-child(4n), :nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-wedge2 {
|
|
--_URPath: var(--_URWedgePath);
|
|
--_URBackground: var(--_topRightWedge);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.wedge3, body .ui-dialog .tab-content .charsheet .wedge3.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:nth-child(3n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .setting-option.fill-left__radio:nth-child(3n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge3, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:nth-child(3n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .wedge3.repcontrol_move, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:nth-child(3n):not(:nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .wedge3.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:nth-child(3n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .border.sheet-wedge3, body .ui-dialog .tab-content .charsheet .sheet-wedge3.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge3, body .ui-dialog .tab-content .charsheet .sheet-wedge3.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-wedge3.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.wedge3,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:nth-child(3n):not(:nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-wedge3 {
|
|
--_BRPath: var(--_BRWedgePath);
|
|
--_BRBackground: var(--_bottomRightWedge);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border.wedge4, body .ui-dialog .tab-content .charsheet .wedge4.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .border.setting-option:nth-child(4n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .setting-option.fill-left__radio:nth-child(4n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.wedge4, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .tabs__nav-list > li.setting-option:nth-child(4n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .wedge4.repcontrol_move, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_move.setting-option:nth-child(4n):not(:nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .wedge4.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .repcontrol_del.setting-option:nth-child(4n):not(:nth-child(5n)), body .ui-dialog .tab-content .charsheet .border.sheet-wedge4, body .ui-dialog .tab-content .charsheet .sheet-wedge4.fill-left__radio, body .ui-dialog .tab-content .charsheet .tabs__nav-list > li.sheet-wedge4, body .ui-dialog .tab-content .charsheet .sheet-wedge4.repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .sheet-wedge4.repcontrol_del,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.wedge4,
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .sheet-border.setting-option:nth-child(4n):not(:nth-child(5n)),
|
|
body .ui-dialog .tab-content .charsheet .sheet-border.sheet-wedge4 {
|
|
--_BLPath: var(--_BLWedgePath);
|
|
--_BLBackground: var(--_bottomLeftWedge);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .border-label,
|
|
body .ui-dialog .tab-content .charsheet .sheet-border-label {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .defense-shield {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .defense-shield > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-row {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 1fr auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-row input[type=checkbox] {
|
|
width: var(--big-gap);
|
|
height: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-row input[type=checkbox]:checked:before {
|
|
content: "";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-row .fill-left {
|
|
margin-left: auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-name {
|
|
flex: 1 1 0;
|
|
width: 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-text {
|
|
flex: 1 1 0;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-value {
|
|
aspect-ratio: 1/1;
|
|
display: grid;
|
|
place-items: center;
|
|
font-size: var(--size3);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-value * {
|
|
font-weight: bold;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-value .value-in-button {
|
|
pointer-events: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-actions-section {
|
|
padding-top: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .strike-contents {
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-action-view button {
|
|
display: inline;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-attribute-section {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: auto auto;
|
|
position: relative;
|
|
isolation: isolate;
|
|
--_shield-overflow: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-attribute-background {
|
|
position: absolute;
|
|
grid-column: 1/-1;
|
|
grid-row: 1/-1;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-health {
|
|
justify-self: stretch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-resource-pools {
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
place-items: center;
|
|
margin-top: calc(var(--_shield-overflow) + var(--tiny-gap));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-resource-pools input[type=text] {
|
|
width: 0;
|
|
flex: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-attribute-container {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-defense-shield {
|
|
display: grid;
|
|
place-items: start center;
|
|
margin-bottom: calc(var(--_shield-overflow) * -1);
|
|
border-top: 0px;
|
|
background-color: var(--backColor);
|
|
z-index: 10;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-attributes-row {
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
border-width: 0 2px 2px;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-attributes-row button {
|
|
width: auto !important;
|
|
align-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-attributes-row,
|
|
body .ui-dialog .tab-content .charsheet .npc-attribute-headers {
|
|
padding-inline: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-attribute-headers {
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
background-color: var(--borderColor);
|
|
color: white;
|
|
padding-block: var(--tiny-gap);
|
|
border-width: 2px 2px 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-attribute-headers * {
|
|
color: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-features-section {
|
|
padding-top: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .hide-if-none:not(:has(.score-check:not([value="0"]):not([value=""]))) {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-skill-row {
|
|
gap: var(--tiny-gap) var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-languages {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-languages .adaptive--text {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-generic-stats {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
justify-items: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-generic-stats :has(input[type=text]) {
|
|
justify-self: stretch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-generic-stats :has(input[type=text]) input[type=text] {
|
|
flex: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-generic-stats > * {
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .on-dark-background {
|
|
color: var(--dm-fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .deflect-border {
|
|
place-items: center;
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .vertical-label {
|
|
display: grid;
|
|
place-items: center;
|
|
align-content: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attributes-section {
|
|
--_gradient-color: var(--headerGradient);
|
|
--_gradient-mid: color-mix(in lch,var(--headerGradient) 20%,var(--backColor));
|
|
padding: var(--normal-gap);
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
background: linear-gradient(var(--_gradient-color), var(--_gradient-color) 70%, var(--_gradient-mid) 90%, var(--backColor));
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attributes-section .border, body .ui-dialog .tab-content .charsheet .attributes-section .fill-left__radio, body .ui-dialog .tab-content .charsheet .attributes-section .tabs__nav-list > li, body .ui-dialog .tab-content .charsheet .attributes-section .repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .attributes-section .repcontrol_del {
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attributes-section .resource-pool {
|
|
padding: var(--tiny-gap) var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attribute-column {
|
|
display: grid;
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attribute-column .resource-pool {
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .attribute-container {
|
|
grid-template-rows: auto 1fr;
|
|
place-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .defense-display .border, body .ui-dialog .tab-content .charsheet .defense-display .fill-left__radio, body .ui-dialog .tab-content .charsheet .defense-display .tabs__nav-list > li, body .ui-dialog .tab-content .charsheet .defense-display .repcontrol_move,
|
|
body .ui-dialog .tab-content .charsheet .defense-display .repcontrol_del {
|
|
display: grid;
|
|
place-items: center;
|
|
aspect-ratio: 1/1.2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .character-appearance-section {
|
|
grid-row: span 2;
|
|
align-self: stretch;
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sphere-container {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
align-items: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sphere-container .sphere-border {
|
|
display: grid;
|
|
place-items: center;
|
|
height: 40px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .equipment-section, body .ui-dialog .tab-content .charsheet .bonds-section {
|
|
padding: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .expertise-section {
|
|
grid-row: span 2;
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .expertise-edit .description {
|
|
width: 100%;
|
|
display: grid;
|
|
gap: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .goal-section {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
padding: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .goal-section .adaptive--text {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .goal-section > .input-label h3 {
|
|
align-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .goals-items .repitem {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
align-items: start;
|
|
--fillLeftAlignment: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .goals-items .repitem .adaptive--text {
|
|
min-height: calc(2rem + 2px);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .goals-items .repitem input[type=checkbox] {
|
|
width: var(--big-gap);
|
|
height: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet header {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
padding: var(--half-gap);
|
|
grid-column: 1/-1;
|
|
background-color: var(--headerGradient);
|
|
margin-bottom: calc(var(--half-gap) * -1);
|
|
padding-bottom: var(--half-gap);
|
|
}
|
|
@media (min-width: 600px) {
|
|
body .ui-dialog .tab-content .charsheet header {
|
|
grid-template-columns: 300px 1fr;
|
|
grid-template-areas: "logo info" "player info";
|
|
}
|
|
}
|
|
@media (max-width: 599px) {
|
|
body .ui-dialog .tab-content .charsheet header {
|
|
grid-template-areas: "logo" "player" "info";
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet header .input-label {
|
|
background-color: var(--backColor);
|
|
gap: var(--tiny-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet header .level {
|
|
align-items: center !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet header .logo {
|
|
grid-area: logo;
|
|
width: 100%;
|
|
height: auto;
|
|
padding: var(--half-gap);
|
|
box-sizing: border-box;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet header .player-name {
|
|
grid-area: player;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet header .char-info {
|
|
grid-area: info;
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
grid-template-columns: 1fr 100px;
|
|
grid-template-rows: auto 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet header .paths .adaptive {
|
|
align-self: stretch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .lift-num {
|
|
width: 10ch;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .move-lift {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .miscellaneous-section {
|
|
grid-row: span 2;
|
|
display: grid;
|
|
gap: inherit;
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .miscellaneous-section .condition-entry {
|
|
place-self: stretch;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-section {
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-section button {
|
|
z-index: 10;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-repeats {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-repeats .repcontainer {
|
|
grid-column: 1/-1;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-repeats .repitem {
|
|
max-width: 100%;
|
|
display: grid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-repeats .repcontrol {
|
|
place-self: center end;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-repeats .repcontrol-button--add {
|
|
place-self: center start;
|
|
grid-row: 2;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .skill-column {
|
|
display: grid;
|
|
gap: var(--tiny-gap);
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .talent-section {
|
|
grid-row: span 2;
|
|
align-self: start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display {
|
|
font-size: 130%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display .action-icon {
|
|
font-family: "Material Icons";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display .action-control ~ .no-icon {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display .action-control:is([value=always], [value=special]) ~ .no-icon {
|
|
display: inline;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display .action-control:not([value=reaction]) ~ .reaction {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display .action-control:not([value="free action"]) ~ .free {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display .action-control:not([value="1 action"]) ~ .one {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display .action-control:not([value="2 actions"]) ~ .two {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display .action-control:not([value="3 actions"]) ~ .three {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .action-display > .two span:not(:last-child),
|
|
body .ui-dialog .tab-content .charsheet .action-display > .three span:not(:last-child) {
|
|
margin-right: -10px;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .weapon-armor-section, body .ui-dialog .tab-content .charsheet .expertise-section, body .ui-dialog .tab-content .charsheet .talent-section {
|
|
padding: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor-name,
|
|
body .ui-dialog .tab-content .charsheet .weapon-name,
|
|
body .ui-dialog .tab-content .charsheet .npc-action-name,
|
|
body .ui-dialog .tab-content .charsheet .feature-name,
|
|
body .ui-dialog .tab-content .charsheet .bond-name,
|
|
body .ui-dialog .tab-content .charsheet .equipment-name,
|
|
body .ui-dialog .tab-content .charsheet .expertise-name,
|
|
body .ui-dialog .tab-content .charsheet .talent-name {
|
|
flex: 1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor-view,
|
|
body .ui-dialog .tab-content .charsheet .armor-edit,
|
|
body .ui-dialog .tab-content .charsheet .weapon-edit,
|
|
body .ui-dialog .tab-content .charsheet .npc-action-edit,
|
|
body .ui-dialog .tab-content .charsheet .feature-edit,
|
|
body .ui-dialog .tab-content .charsheet .bond-edit,
|
|
body .ui-dialog .tab-content .charsheet .equipment-edit,
|
|
body .ui-dialog .tab-content .charsheet .expertise-edit,
|
|
body .ui-dialog .tab-content .charsheet .talent-edit,
|
|
body .ui-dialog .tab-content .charsheet .weapon-view {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--tiny-gap) var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor-edit .description, body .ui-dialog .tab-content .charsheet .armor-edit .traits,
|
|
body .ui-dialog .tab-content .charsheet .weapon-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .npc-action-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .feature-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .bond-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .equipment-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .expertise-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .talent-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .weapon-edit .traits,
|
|
body .ui-dialog .tab-content .charsheet .npc-action-edit .traits,
|
|
body .ui-dialog .tab-content .charsheet .feature-edit .traits,
|
|
body .ui-dialog .tab-content .charsheet .bond-edit .traits,
|
|
body .ui-dialog .tab-content .charsheet .equipment-edit .traits,
|
|
body .ui-dialog .tab-content .charsheet .expertise-edit .traits,
|
|
body .ui-dialog .tab-content .charsheet .talent-edit .traits {
|
|
width: 100%;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .weapon-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .npc-action-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .feature-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .bond-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .equipment-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .expertise-edit .description,
|
|
body .ui-dialog .tab-content .charsheet .talent-edit .description {
|
|
display: grid;
|
|
gap: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .armor-edit .input-label,
|
|
body .ui-dialog .tab-content .charsheet .weapon-edit .input-label,
|
|
body .ui-dialog .tab-content .charsheet .npc-action-edit .input-label,
|
|
body .ui-dialog .tab-content .charsheet .feature-edit .input-label,
|
|
body .ui-dialog .tab-content .charsheet .bond-edit .input-label,
|
|
body .ui-dialog .tab-content .charsheet .equipment-edit .input-label,
|
|
body .ui-dialog .tab-content .charsheet .expertise-edit .input-label,
|
|
body .ui-dialog .tab-content .charsheet .talent-edit .input-label {
|
|
grid: inherit;
|
|
}
|
|
@media (min-width: 630px) {
|
|
body .ui-dialog .tab-content .charsheet .roll-toggle-container {
|
|
position: fixed;
|
|
z-index: 10000;
|
|
inset: 14px 35px auto auto;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roll-toggle-container .toggle-select {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (max-width: 629px) {
|
|
body .ui-dialog .tab-content .charsheet .roll-toggle-container {
|
|
order: 3;
|
|
align-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roll-toggle-container .toggle-button {
|
|
display: none;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roll-type-label {
|
|
padding: var(--half-gap);
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
background-color: var(--backColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .roll-type-label:has(:checked):not(.toggle-select) {
|
|
background-color: var(--borderColor);
|
|
color: var(--dm-fontColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-main {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
@container (max-width: 825px) {
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-main {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-main :is(.attribute-column, .skill-column):nth-child(3) {
|
|
grid-column: span 2;
|
|
justify-self: center;
|
|
}
|
|
}
|
|
@container (max-width: 560px) {
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-main {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-main .attribute-column, body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-main .skill-column {
|
|
justify-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-main :is(.attribute-column, .skill-column):nth-child(3) {
|
|
grid-column: 1;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-bio {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
grid-template-columns: repeat(3, 1fr);
|
|
align-items: start;
|
|
padding-bottom: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-bio > section {
|
|
break-inside: avoid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-bio header {
|
|
margin-bottom: 0;
|
|
}
|
|
@container (max-width: 825px) {
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-bio {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
}
|
|
@container (max-width: 560px) {
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--pc-bio {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-container {
|
|
display: block;
|
|
column-gap: var(--half-gap);
|
|
column-width: 300px;
|
|
column-fill: balance;
|
|
padding-block: var(--normal-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-container > * {
|
|
break-inside: avoid;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .npc-bordered-section {
|
|
border-top: 2px solid var(--borderColor);
|
|
margin-top: var(--normal-gap);
|
|
padding: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings {
|
|
display: block;
|
|
column-width: 200px;
|
|
column-gap: var(--normal-gap);
|
|
padding-top: var(--big-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__container--settings .setting-option {
|
|
padding: var(--half-gap);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-background {
|
|
z-index: -1;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .logo {
|
|
height: 35px;
|
|
align-self: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-wrapper {
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .sheet-wrapper > * {
|
|
grid-area: content;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .tabs--stormlight-archives__body {
|
|
container: sheet/inline-size;
|
|
padding: 0 var(--normal-gap) var(--normal-gap);
|
|
}
|
|
@media (min-width: 630px) {
|
|
body .ui-dialog .tab-content .charsheet .narrow-toggle {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media (max-width: 629px) {
|
|
body .ui-dialog .tab-content .charsheet .wide-toggle {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .narrow-toggle {
|
|
position: absolute;
|
|
right: var(--big-gap);
|
|
}
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .bold {
|
|
font-weight: bold;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .display-contents {
|
|
display: contents;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .colon:after {
|
|
content: ":";
|
|
}
|
|
body .ui-dialog .tab-content .charsheet label, body .ui-dialog .tab-content .charsheet select {
|
|
color: inherit;
|
|
font-size: inherit;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .number {
|
|
width: 3rem !important;
|
|
text-align: center;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .preserve-space {
|
|
white-space: pre-wrap;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet [hidden] {
|
|
display: none !important;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet button[type=roll]:before {
|
|
display: none;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet button[type=roll]:hover {
|
|
color: var(--borderColor);
|
|
font-weight: bold;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio[value="0"] ~ .fill-left__radio {
|
|
background-color: transparent;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .fill-left__radio {
|
|
background-color: var(--borderColor);
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section > .repcontrol-button--add {
|
|
grid-row: 2;
|
|
place-self: center start;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section > .repcontrol {
|
|
place-self: center end;
|
|
}
|
|
body .ui-dialog .tab-content .charsheet .repeating-section > .repcontainer {
|
|
grid-column: 1/-1;
|
|
}
|
|
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 .nav-tabs ~ .tab-content .tabs--stormlight-archives__header {
|
|
top: 43.3px;
|
|
}
|
|
body.sheet-darkmode {
|
|
--backColor:var(--dm-backColor);
|
|
--selectedColor:var(--dm-selectedColor);
|
|
--unselectedColor1:var(--dm-unselectedColor1);
|
|
--unselectedColor2:var(--dm-unselectedColor2);
|
|
--checkColor:var(--dm-checkColor);
|
|
--checkedBackColor:var(--dm-checkedBackColor);
|
|
--borderColor:var(--dm-borderColor);
|
|
--fontColor:var(--dm-fontColor);
|
|
--disabledColor:var(--dm-disabledColor);
|
|
--checkboxBorderColor: var(--borderColor);
|
|
--fillLeftSelectedColor: var(--borderColor);
|
|
--checkboxImg: var(--dm-checkboxImg);
|
|
--plotFilter: var(--dm-plotFilter);
|
|
--headerGradient: var(--dm-borderColor);
|
|
--navColor: var(--dm-navColor);
|
|
--collapseExpandedColor: var(--fontColor);
|
|
}
|
|
body.sheet-darkmode .light-content {
|
|
display: none;
|
|
}
|
|
body.sheet-darkmode:has(.tab-content:first-child) {
|
|
--backColor: #0c0c0c;
|
|
}
|
|
body:not(.sheet-darkmode) .dark-content {
|
|
display: none;
|
|
} |