mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1745 lines
67 KiB
CSS
1745 lines
67 KiB
CSS
@import url("https://fonts.googleapis.com/css?family=Bakbak+One|Oxanium:wght@700|Raleway:wght@500;600;700;800|Material+Icons&display=swap");
|
|
@import url("https://fonts.googleapis.com/css?family=Material+Icons&display=swap");
|
|
.sheet-rolltemplate-rapidfire, .ui-dialog {
|
|
--topHeaderFont:Bakbak One;
|
|
--midHeaderFont:Oxanium;
|
|
--contentFont:Raleway;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet select,
|
|
.ui-dialog .tab-content .charsheet textarea,
|
|
.ui-dialog .tab-content .charsheet input,
|
|
.ui-dialog .tab-content .charsheet .uneditable-input,
|
|
.ui-dialog .tab-content .charsheet label,
|
|
.ui-dialog .tab-content .charsheet button {
|
|
all: initial;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .sheet-image-background, .sheet-rolltemplate-rapidfire > .sheet-template, #vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem, .ui-dialog .tab-content .charsheet .section {
|
|
transition: box-shadow var(--focusTiming), transform;
|
|
border-radius: 6px;
|
|
padding: var(--half-gap);
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .sheet-image-background:hover, .sheet-rolltemplate-rapidfire > .sheet-template:hover, #vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem:hover, .ui-dialog .tab-content .charsheet .section:hover {
|
|
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .stacked.input-label, .ui-dialog .tab-content .charsheet .stacked.input-label {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .stacked.center.input-label > *, .ui-dialog .tab-content .charsheet .stacked.center.input-label > * {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .stacked.input-label:not(.center) > *, .ui-dialog .tab-content .charsheet .stacked.input-label:not(.center) > * {
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .stacked.input-label > [name], .ui-dialog .tab-content .charsheet .stacked.input-label > [name] {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire :is(.underlined, .boxed):not([readonly]):is(:hover, :focus, :focus-within), .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):is(:hover, :focus, :focus-within) {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: black;
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
transition: var(--focusTrans);
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .fill-left__dot,
|
|
.ui-dialog .tab-content .charsheet .fill-left__checkbox, .sheet-rolltemplate-rapidfire .ratio1-1, .ui-dialog .tab-content .charsheet .ratio1-1 {
|
|
aspect-ratio: 1/1;
|
|
}
|
|
|
|
#warbird-weapons .repitem, #warbird-weapons .repitem .ammo-tracker, #warbird-trait .repitem, #warbird-stats, #warbird-ratings, #warbird, #character, #weapon .repitem, #adjustments .repitem, #skill .repitem, #secondary > .secondaries, #secondary > .combat-gear, #stats .equipment, #stats .equipment .repitem, .ui-dialog .tab-content .charsheet .boxed.span-2, .ui-dialog .tab-content .charsheet .health-track .repcontainer, .ui-dialog .tab-content .charsheet .health-track .repcontainer > .repitem, .ui-dialog .tab-content .charsheet .repeat-columns, .ui-dialog .tab-content .charsheet .image-container, .ui-dialog .tab-content .charsheet .base-container, .sheet-rolltemplate-rapidfire .roll-container, .ui-dialog .tab-content .charsheet .roll-container, .sheet-rolltemplate-rapidfire .headed-textarea, .ui-dialog .tab-content .charsheet .headed-textarea, .sheet-rolltemplate-rapidfire section, .ui-dialog .tab-content .charsheet section, #warbird-weapons, #warbird-trait, #warbird-ratings .warbird-skills, #weapon, #adjustments .subsection, #skill, #character-info, #settings, .ui-dialog .tab-content .charsheet .adaptive--text {
|
|
display: grid;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .fill-left__dot {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire select, .ui-dialog .tab-content .charsheet select,
|
|
.sheet-rolltemplate-rapidfire .pseudo-select span,
|
|
.ui-dialog .tab-content .charsheet .pseudo-select span,
|
|
.sheet-rolltemplate-rapidfire input:not(:where([type=checkbox], [type=radio])),
|
|
.ui-dialog .tab-content .charsheet input:not(:where([type=checkbox], [type=radio])),
|
|
.sheet-rolltemplate-rapidfire .uneditable-input,
|
|
.ui-dialog .tab-content .charsheet .uneditable-input,
|
|
.sheet-rolltemplate-rapidfire textarea,
|
|
.ui-dialog .tab-content .charsheet textarea, .ui-dialog .tab-content .charsheet .adaptive--text > span {
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
border-color: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .repcontrol .repcontrol_edit, .ui-dialog .tab-content .charsheet .repcontrol .repcontrol_edit, .sheet-rolltemplate-rapidfire .repcontrol-button--add, .ui-dialog .tab-content .charsheet .repcontrol-button--add {
|
|
background-color: rgba(220, 220, 220, 0.2);
|
|
border-radius: 5px;
|
|
box-shadow: 0 2px 4px black;
|
|
border-width: 0;
|
|
transition-property: box-shadow, backdrop-filter;
|
|
transition-duration: 200ms;
|
|
transition-timing-function: ease-out;
|
|
backdrop-filter: blur(1px);
|
|
overflow: hidden;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol .repcontrol_edit:is(:hover, :focus), .ui-dialog .tab-content .charsheet .repcontrol .repcontrol_edit:is(:hover, :focus), .sheet-rolltemplate-rapidfire .repcontrol-button--add:is(:hover, :focus), .ui-dialog .tab-content .charsheet .repcontrol-button--add:is(:hover, :focus) {
|
|
background-color: rgba(133, 133, 133, 0.5019607843);
|
|
box-shadow: 0 4px 6px black;
|
|
backdrop-filter: blur(2px);
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol .repcontrol_edit:active, .ui-dialog .tab-content .charsheet .repcontrol .repcontrol_edit:active, .sheet-rolltemplate-rapidfire .repcontrol-button--add:active, .ui-dialog .tab-content .charsheet .repcontrol-button--add:active {
|
|
background-color: #858585;
|
|
box-shadow: 0 1px 2px black;
|
|
backdrop-filter: blur(0px);
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .repcontrol .repcontrol_edit, .ui-dialog .tab-content .charsheet .repcontrol .repcontrol_edit, .sheet-rolltemplate-rapidfire .repcontrol-button--add, .ui-dialog .tab-content .charsheet .repcontrol-button--add {
|
|
padding: 5px 7px;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .adaptive--text {
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "content";
|
|
}
|
|
.ui-dialog .tab-content .charsheet .adaptive--text > * {
|
|
grid-area: content;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .adaptive--text > span {
|
|
opacity: 0;
|
|
z-index: -10;
|
|
white-space: pre-wrap;
|
|
text-transform: initial;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .adaptive--text textarea {
|
|
resize: none;
|
|
}
|
|
|
|
#main-nav .nav__button--settings, .sheet-rolltemplate-rapidfire .pictos, .ui-dialog .tab-content .charsheet .pictos {
|
|
font-family: pictos !important;
|
|
text-transform: initial !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .pictos3, .ui-dialog .tab-content .charsheet .pictos3 {
|
|
font-family: pictos three !important;
|
|
text-transform: initial !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .pictoscustom, .ui-dialog .tab-content .charsheet .pictoscustom {
|
|
font-family: pictos custom !important;
|
|
text-transform: initial !important;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .roller {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
align-self: start;
|
|
gap: var(--half-gap);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .roller:before {
|
|
content: "L";
|
|
font-family: dicefontd6;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .hidden, .ui-dialog .tab-content .charsheet .hidden,
|
|
.sheet-rolltemplate-rapidfire *[hidden],
|
|
.ui-dialog .tab-content .charsheet *[hidden] {
|
|
display: none !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .italics, .ui-dialog .tab-content .charsheet .italics {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire span, .ui-dialog .tab-content .charsheet span,
|
|
.sheet-rolltemplate-rapidfire input,
|
|
.ui-dialog .tab-content .charsheet input,
|
|
.sheet-rolltemplate-rapidfire textarea,
|
|
.ui-dialog .tab-content .charsheet textarea, .sheet-rolltemplate-rapidfire h5 *, .ui-dialog .tab-content .charsheet h5 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="5"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .sheet-rolltemplate-rapidfire h5, .ui-dialog .tab-content .charsheet h5,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="5"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="5"], .sheet-rolltemplate-rapidfire h4 *, .ui-dialog .tab-content .charsheet h4 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="4"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="4"] *, .sheet-rolltemplate-rapidfire h4, .ui-dialog .tab-content .charsheet h4,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="4"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="4"], .sheet-rolltemplate-rapidfire h3 *, .ui-dialog .tab-content .charsheet h3 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .sheet-rolltemplate-rapidfire h3, .ui-dialog .tab-content .charsheet h3,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"], .sheet-rolltemplate-rapidfire h2 *, .ui-dialog .tab-content .charsheet h2 *, .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name] *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .sheet-rolltemplate-rapidfire h2, .ui-dialog .tab-content .charsheet h2, .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name], .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"], .sheet-rolltemplate-rapidfire h1 *, .ui-dialog .tab-content .charsheet h1 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .sheet-rolltemplate-rapidfire h1, .ui-dialog .tab-content .charsheet h1,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] {
|
|
line-height: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire h5 *, .ui-dialog .tab-content .charsheet h5 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="5"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .sheet-rolltemplate-rapidfire h5, .ui-dialog .tab-content .charsheet h5,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="5"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="5"], .sheet-rolltemplate-rapidfire h4 *, .ui-dialog .tab-content .charsheet h4 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="4"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="4"] *, .sheet-rolltemplate-rapidfire h4, .ui-dialog .tab-content .charsheet h4,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="4"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="4"], .sheet-rolltemplate-rapidfire h3 *, .ui-dialog .tab-content .charsheet h3 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .sheet-rolltemplate-rapidfire h3, .ui-dialog .tab-content .charsheet h3,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"], .sheet-rolltemplate-rapidfire h2 *, .ui-dialog .tab-content .charsheet h2 *, .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name] *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .sheet-rolltemplate-rapidfire h2, .ui-dialog .tab-content .charsheet h2, .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name], .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"], .sheet-rolltemplate-rapidfire h1 *, .ui-dialog .tab-content .charsheet h1 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .sheet-rolltemplate-rapidfire h1, .ui-dialog .tab-content .charsheet h1,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] {
|
|
color: black;
|
|
display: block;
|
|
white-space: nowrap;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire h3 *, .ui-dialog .tab-content .charsheet h3 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .sheet-rolltemplate-rapidfire h3, .ui-dialog .tab-content .charsheet h3,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"], .sheet-rolltemplate-rapidfire h2 *, .ui-dialog .tab-content .charsheet h2 *, .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name] *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .sheet-rolltemplate-rapidfire h2, .ui-dialog .tab-content .charsheet h2, .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name], .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"], .sheet-rolltemplate-rapidfire h1 *, .ui-dialog .tab-content .charsheet h1 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .sheet-rolltemplate-rapidfire h1, .ui-dialog .tab-content .charsheet h1,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] {
|
|
text-transform: uppercase;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire h5 :not(input), .ui-dialog .tab-content .charsheet h5 :not(input),
|
|
.sheet-rolltemplate-rapidfire *[aria-level="5"] :not(input),
|
|
.ui-dialog .tab-content .charsheet *[aria-level="5"] :not(input), .sheet-rolltemplate-rapidfire h5:not(input), .ui-dialog .tab-content .charsheet h5:not(input),
|
|
.sheet-rolltemplate-rapidfire [aria-level="5"]:not(input),
|
|
.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input), .sheet-rolltemplate-rapidfire h4 :not(input), .ui-dialog .tab-content .charsheet h4 :not(input),
|
|
.sheet-rolltemplate-rapidfire *[aria-level="4"] :not(input),
|
|
.ui-dialog .tab-content .charsheet *[aria-level="4"] :not(input), .sheet-rolltemplate-rapidfire h4:not(input), .ui-dialog .tab-content .charsheet h4:not(input),
|
|
.sheet-rolltemplate-rapidfire [aria-level="4"]:not(input),
|
|
.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input) {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire h1 *, .ui-dialog .tab-content .charsheet h1 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] *, .sheet-rolltemplate-rapidfire h1, .ui-dialog .tab-content .charsheet h1,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] {
|
|
font-size: 2rem;
|
|
font-family: var(--topHeaderFont);
|
|
}
|
|
.sheet-rolltemplate-rapidfire h1 :not(input), .ui-dialog .tab-content .charsheet h1 :not(input),
|
|
.sheet-rolltemplate-rapidfire *[aria-level="1"] :not(input),
|
|
.ui-dialog .tab-content .charsheet *[aria-level="1"] :not(input), .sheet-rolltemplate-rapidfire h1:not(input), .ui-dialog .tab-content .charsheet h1:not(input),
|
|
.sheet-rolltemplate-rapidfire [aria-level="1"]:not(input),
|
|
.ui-dialog .tab-content .charsheet [aria-level="1"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire h2 *, .ui-dialog .tab-content .charsheet h2 *, .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name] *, .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"] *, .sheet-rolltemplate-rapidfire h2, .ui-dialog .tab-content .charsheet h2, .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name], .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"] {
|
|
font-size: 1.75rem;
|
|
font-family: var(--topHeaderFont);
|
|
grid-area: header;
|
|
}
|
|
.sheet-rolltemplate-rapidfire h2 :not(input), .ui-dialog .tab-content .charsheet h2 :not(input), .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name] :not(input), .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] :not(input),
|
|
.sheet-rolltemplate-rapidfire *[aria-level="2"] :not(input),
|
|
.ui-dialog .tab-content .charsheet *[aria-level="2"] :not(input), .sheet-rolltemplate-rapidfire h2:not(input), .ui-dialog .tab-content .charsheet h2:not(input), .sheet-rolltemplate-rapidfire .input-label:not(.stacked).large > [name]:not(input), .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input),
|
|
.sheet-rolltemplate-rapidfire [aria-level="2"]:not(input),
|
|
.ui-dialog .tab-content .charsheet [aria-level="2"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire h3 *, .ui-dialog .tab-content .charsheet h3 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"] *, .sheet-rolltemplate-rapidfire h3, .ui-dialog .tab-content .charsheet h3,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"] {
|
|
font-size: 1.5rem;
|
|
font-family: var(--topHeaderFont);
|
|
}
|
|
.sheet-rolltemplate-rapidfire h3 :not(input), .ui-dialog .tab-content .charsheet h3 :not(input),
|
|
.sheet-rolltemplate-rapidfire *[aria-level="3"] :not(input),
|
|
.ui-dialog .tab-content .charsheet *[aria-level="3"] :not(input), .sheet-rolltemplate-rapidfire h3:not(input), .ui-dialog .tab-content .charsheet h3:not(input),
|
|
.sheet-rolltemplate-rapidfire [aria-level="3"]:not(input),
|
|
.ui-dialog .tab-content .charsheet [aria-level="3"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire h4 *, .ui-dialog .tab-content .charsheet h4 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="4"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="4"] *, .sheet-rolltemplate-rapidfire h4, .ui-dialog .tab-content .charsheet h4,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="4"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="4"] {
|
|
font-size: 1.25rem;
|
|
font-family: var(--midHeaderFont);
|
|
}
|
|
.sheet-rolltemplate-rapidfire h4 :not(input), .ui-dialog .tab-content .charsheet h4 :not(input),
|
|
.sheet-rolltemplate-rapidfire *[aria-level="4"] :not(input),
|
|
.ui-dialog .tab-content .charsheet *[aria-level="4"] :not(input), .sheet-rolltemplate-rapidfire h4:not(input), .ui-dialog .tab-content .charsheet h4:not(input),
|
|
.sheet-rolltemplate-rapidfire [aria-level="4"]:not(input),
|
|
.ui-dialog .tab-content .charsheet [aria-level="4"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire h5 *, .ui-dialog .tab-content .charsheet h5 *,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="5"] *,
|
|
.ui-dialog .tab-content .charsheet *[aria-level="5"] *, .sheet-rolltemplate-rapidfire h5, .ui-dialog .tab-content .charsheet h5,
|
|
.sheet-rolltemplate-rapidfire *[aria-level="5"],
|
|
.ui-dialog .tab-content .charsheet *[aria-level="5"] {
|
|
font-size: 1rem;
|
|
font-style: normal;
|
|
font-family: var(--midHeaderFont);
|
|
}
|
|
.sheet-rolltemplate-rapidfire h5 :not(input), .ui-dialog .tab-content .charsheet h5 :not(input),
|
|
.sheet-rolltemplate-rapidfire *[aria-level="5"] :not(input),
|
|
.ui-dialog .tab-content .charsheet *[aria-level="5"] :not(input), .sheet-rolltemplate-rapidfire h5:not(input), .ui-dialog .tab-content .charsheet h5:not(input),
|
|
.sheet-rolltemplate-rapidfire [aria-level="5"]:not(input),
|
|
.ui-dialog .tab-content .charsheet [aria-level="5"]:not(input) {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .contents, .ui-dialog .tab-content .charsheet .contents,
|
|
.sheet-rolltemplate-rapidfire .sheet-contents,
|
|
.ui-dialog .tab-content .charsheet .sheet-contents {
|
|
display: contents;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .health-track__fill-control:checked + *, .sheet-rolltemplate-rapidfire input[type=checkbox]:checked, .ui-dialog .tab-content .charsheet input[type=checkbox]:checked {
|
|
background-color: var(--selectedColor);
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire .boxed, .ui-dialog .tab-content .charsheet .boxed,
|
|
.sheet-rolltemplate-rapidfire .sheet-boxed,
|
|
.ui-dialog .tab-content .charsheet .sheet-boxed {
|
|
border: 1px solid black;
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#settings {
|
|
gap: var(--big-gap);
|
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
}
|
|
|
|
#warbird-weapons, #warbird-trait, #warbird-ratings .warbird-skills, #weapon, #adjustments .subsection, #skill, #character-info {
|
|
grid-template-areas: "header";
|
|
gap: var(--half-gap);
|
|
align-self: start;
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire, .ui-dialog .tab-content .charsheet {
|
|
--grid-gap: 1rem;
|
|
--half-gap: calc(var(--grid-gap) / 2);
|
|
--tiny-gap: calc(var(--half-gap) / 2);
|
|
--big-gap: calc(var(--grid-gap) * 2);
|
|
--revealTime: 500ms;
|
|
--delayTime: 200ms;
|
|
--inputSwap: opacity var(--revealTime) ease var(--delayTime);
|
|
--focusTiming: 500ms ease;
|
|
--focusTrans: all var(--focusTiming);
|
|
--borderColor: black;
|
|
--fontColor: black;
|
|
--backColor: #ffffff;
|
|
--spanSectionColumn:1/-1;
|
|
--displayBorderWidth: 2px;
|
|
--subHeadBackColor:grey;
|
|
--unselectedColor:lightgrey;
|
|
--selectedColor:black;
|
|
--topCorner:url("https://s3.amazonaws.com/files.d20.io/images/258525471/MZYT-HjOvfJOqUXufyBkww/original.png");
|
|
--bottomCorner:url("https://s3.amazonaws.com/files.d20.io/images/258525472/d7gSQyNdXW4tfBUa3osltQ/original.png");
|
|
--headerBottom:url("https://s3.amazonaws.com/files.d20.io/images/258525865/9moWl3pE8miL8gqQC2UPRw/original.png");
|
|
--footerTop:url("https://s3.amazonaws.com/files.d20.io/images/258525864/dzZKV6kH_fltY8yH9D-ptA/original.png");
|
|
position: relative;
|
|
gap: var(--grid-gap);
|
|
}
|
|
.sheet-rolltemplate-rapidfire button, .ui-dialog .tab-content .charsheet button {
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .capitalize, .ui-dialog .tab-content .charsheet .capitalize {
|
|
text-transform: capitalize;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .flex-box, .ui-dialog .tab-content .charsheet .flex-box {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .inline-flex-box, .ui-dialog .tab-content .charsheet .inline-flex-box {
|
|
display: inline-flex;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .half-gap, .ui-dialog .tab-content .charsheet .half-gap {
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-rapidfire .tiny-gap, .ui-dialog .tab-content .charsheet .tiny-gap {
|
|
gap: var(--tiny-gap);
|
|
}
|
|
.sheet-rolltemplate-rapidfire .space-around, .ui-dialog .tab-content .charsheet .space-around {
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .space-between, .ui-dialog .tab-content .charsheet .space-between {
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .center, .ui-dialog .tab-content .charsheet .center {
|
|
place-self: center;
|
|
}
|
|
.sheet-rolltemplate-rapidfire textarea, .ui-dialog .tab-content .charsheet textarea {
|
|
resize: vertical;
|
|
min-height: 3.5rem;
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-rapidfire textarea.fixed, .ui-dialog .tab-content .charsheet textarea.fixed {
|
|
resize: none;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .span-2, .ui-dialog .tab-content .charsheet .span-2 {
|
|
grid-column: span 2;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .span-all, .ui-dialog .tab-content .charsheet .span-all {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-rapidfire select, .ui-dialog .tab-content .charsheet select,
|
|
.sheet-rolltemplate-rapidfire .pseudo-select span,
|
|
.ui-dialog .tab-content .charsheet .pseudo-select span,
|
|
.sheet-rolltemplate-rapidfire textarea,
|
|
.ui-dialog .tab-content .charsheet textarea,
|
|
.sheet-rolltemplate-rapidfire input:not(:is([type=radio], [type=checkbox])),
|
|
.ui-dialog .tab-content .charsheet input:not(:is([type=radio], [type=checkbox])),
|
|
.sheet-rolltemplate-rapidfire .uneditable-input,
|
|
.ui-dialog .tab-content .charsheet .uneditable-input {
|
|
padding: 2px;
|
|
font-size: 1rem;
|
|
}
|
|
.sheet-rolltemplate-rapidfire input:is([type=text], [type=number]), .ui-dialog .tab-content .charsheet input:is([type=text], [type=number]), .sheet-rolltemplate-rapidfire textarea, .ui-dialog .tab-content .charsheet textarea {
|
|
cursor: auto;
|
|
}
|
|
.sheet-rolltemplate-rapidfire select, .ui-dialog .tab-content .charsheet select,
|
|
.sheet-rolltemplate-rapidfire .pseudo-select span,
|
|
.ui-dialog .tab-content .charsheet .pseudo-select span {
|
|
-webkit-apperance: none;
|
|
appearance: none;
|
|
text-transform: capitalize;
|
|
overflow: hidden !important;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-rapidfire input, .ui-dialog .tab-content .charsheet input {
|
|
width: auto;
|
|
}
|
|
.sheet-rolltemplate-rapidfire input:placeholder, .ui-dialog .tab-content .charsheet input:placeholder {
|
|
color: rgba(237, 237, 237, 0.5019607843);
|
|
}
|
|
.sheet-rolltemplate-rapidfire input.plus-control:not([value*="-"]) + span:before, .ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"]) + span:before {
|
|
content: "+";
|
|
}
|
|
.sheet-rolltemplate-rapidfire span, .ui-dialog .tab-content .charsheet span,
|
|
.sheet-rolltemplate-rapidfire input,
|
|
.ui-dialog .tab-content .charsheet input,
|
|
.sheet-rolltemplate-rapidfire textarea,
|
|
.ui-dialog .tab-content .charsheet textarea {
|
|
font-size: 1rem;
|
|
}
|
|
.sheet-rolltemplate-rapidfire span, .ui-dialog .tab-content .charsheet span, .sheet-rolltemplate-rapidfire input, .ui-dialog .tab-content .charsheet input, .sheet-rolltemplate-rapidfire textarea, .ui-dialog .tab-content .charsheet textarea, .sheet-rolltemplate-rapidfire button, .ui-dialog .tab-content .charsheet button, .sheet-rolltemplate-rapidfire select, .ui-dialog .tab-content .charsheet select {
|
|
font-family: var(--contentFont);
|
|
--fontWght: 600;
|
|
font-weight: var(--fontWght);
|
|
font-variation-settings: "wght" var(--fontWght);
|
|
}
|
|
.sheet-rolltemplate-rapidfire input[type=checkbox], .ui-dialog .tab-content .charsheet input[type=checkbox] {
|
|
align-self: center;
|
|
border: 1px solid black;
|
|
cursor: pointer;
|
|
}
|
|
.sheet-rolltemplate-rapidfire input[type=radio], .ui-dialog .tab-content .charsheet input[type=radio] {
|
|
appearance: radio;
|
|
}
|
|
.sheet-rolltemplate-rapidfire input[type=number], .ui-dialog .tab-content .charsheet input[type=number] {
|
|
width: 3rem;
|
|
appearance: textfield !important;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-rapidfire input[type=number]::-webkit-inner-spin-button, .ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-rapidfire input[type=number]::-webkit-outer-spin-button, .ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .number, .ui-dialog .tab-content .charsheet .number {
|
|
width: 3rem;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
.sheet-rolltemplate-rapidfire section, .ui-dialog .tab-content .charsheet section {
|
|
gap: var(--half-gap);
|
|
align-self: start;
|
|
}
|
|
.sheet-rolltemplate-rapidfire section.page, .ui-dialog .tab-content .charsheet section.page {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-rapidfire section.inactive, .ui-dialog .tab-content .charsheet section.inactive {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .navigable-section:not(.active), .ui-dialog .tab-content .charsheet .navigable-section:not(.active) {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .pseudo-button, .ui-dialog .tab-content .charsheet .pseudo-button {
|
|
display: inline;
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
text-transform: uppercase;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
padding: 0 5px;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .input-label, .ui-dialog .tab-content .charsheet .input-label {
|
|
display: inline-flex;
|
|
gap: var(--half-gap);
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .input-label:not(.stacked) > [name]:not(button, [type=number], [type=checkbox], [type=radio]), .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > [name]:not(button, [type=number], [type=checkbox], [type=radio]) {
|
|
width: 0;
|
|
flex: 1 1 0;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .input-label:not(.stacked) > :not([name]), .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > :not([name]) {
|
|
flex: 0 0 auto;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .input-label--dual, .ui-dialog .tab-content .charsheet .input-label--dual {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
grid-template-areas: "over over over" "under under under";
|
|
}
|
|
.sheet-rolltemplate-rapidfire .input-label--dual > span:last-of-type, .ui-dialog .tab-content .charsheet .input-label--dual > span:last-of-type {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .input-label--dual > input, .ui-dialog .tab-content .charsheet .input-label--dual > input {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .input-label--dual > .slash, .ui-dialog .tab-content .charsheet .input-label--dual > .slash {
|
|
line-height: 0rem;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .headed-textarea, .ui-dialog .tab-content .charsheet .headed-textarea {
|
|
grid-template-rows: auto 1fr;
|
|
grid-template-columns: auto;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .headed-textarea h5, .ui-dialog .tab-content .charsheet .headed-textarea h5 {
|
|
justify-self: start;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .boxed.thick-left, .ui-dialog .tab-content .charsheet .boxed.thick-left,
|
|
.sheet-rolltemplate-rapidfire .sheet-boxed.thick-left,
|
|
.ui-dialog .tab-content .charsheet .sheet-boxed.thick-left {
|
|
border-left-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .boxed.thick-bottom, .ui-dialog .tab-content .charsheet .boxed.thick-bottom,
|
|
.sheet-rolltemplate-rapidfire .sheet-boxed.thick-bottom,
|
|
.ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom {
|
|
border-bottom-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .boxed.thick-right, .ui-dialog .tab-content .charsheet .boxed.thick-right,
|
|
.sheet-rolltemplate-rapidfire .sheet-boxed.thick-right,
|
|
.ui-dialog .tab-content .charsheet .sheet-boxed.thick-right {
|
|
border-right-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .boxed.thick-top, .ui-dialog .tab-content .charsheet .boxed.thick-top,
|
|
.sheet-rolltemplate-rapidfire .sheet-boxed.thick-top,
|
|
.ui-dialog .tab-content .charsheet .sheet-boxed.thick-top {
|
|
border-top-width: 5px;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .underlined, .ui-dialog .tab-content .charsheet .underlined,
|
|
.sheet-rolltemplate-rapidfire .sheet-underlined,
|
|
.ui-dialog .tab-content .charsheet .sheet-underlined {
|
|
border-radius: 0;
|
|
border-bottom: 1px solid black;
|
|
transition: var(--focusTrans);
|
|
}
|
|
.sheet-rolltemplate-rapidfire :is(.underlined, .boxed):not([readonly]):is(:focus, :focus-within), .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):is(:focus, :focus-within) {
|
|
background-color: #DCDCDC;
|
|
transition: var(--focusTrans);
|
|
}
|
|
.sheet-rolltemplate-rapidfire .inline-fieldset__summary, .ui-dialog .tab-content .charsheet .inline-fieldset__summary {
|
|
display: inline;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .inline-fieldset__summary .roller, .ui-dialog .tab-content .charsheet .inline-fieldset__summary .roller {
|
|
line-height: normal;
|
|
align-self: center;
|
|
font-size: 1rem;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .inline-fieldset + fieldset + .repcontainer, .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer {
|
|
display: flex;
|
|
align-content: center;
|
|
flex-wrap: wrap;
|
|
gap: var(--tiny-gap);
|
|
padding: 0;
|
|
line-height: normal;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .inline-fieldset + fieldset + .repcontainer > .repitem, .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer > .repitem {
|
|
display: inline;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .inline-fieldset + fieldset + .repcontainer > .repitem .repcontrol_move, .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer > .repitem .repcontrol_move {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .inline-fieldset + fieldset + .repcontainer > .repitem:not(:last-child) > .inline-fieldset__summary:after, .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer > .repitem:not(:last-child) > .inline-fieldset__summary:after {
|
|
content: ",";
|
|
}
|
|
.sheet-rolltemplate-rapidfire .short-text, .ui-dialog .tab-content .charsheet .short-text {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-transform: initial;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .roll-container, .ui-dialog .tab-content .charsheet .roll-container {
|
|
align-self: center;
|
|
opacity: 0;
|
|
grid-row: 1/2;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .collapse-container, .ui-dialog .tab-content .charsheet .collapse-container {
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse, .ui-dialog .tab-content .charsheet .repitem .collapse,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse {
|
|
opacity: 0;
|
|
position: absolute;
|
|
right: -5px;
|
|
top: 0px;
|
|
border: 0px solid black;
|
|
border-radius: 0;
|
|
color: var(--selectedColor);
|
|
text-transform: none;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse:before, .ui-dialog .tab-content .charsheet .repitem .collapse:before,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse:before,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse:before {
|
|
content: "y";
|
|
font-family: pictos;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse:checked, .ui-dialog .tab-content .charsheet .repitem .collapse:checked,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse:checked,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse:checked {
|
|
background-color: transparent;
|
|
color: var(--unselectedColor);
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse:checked ~ .collapse-container .expanded, .ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .collapse-container .expanded,
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse:checked ~ .expanded,
|
|
.ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .expanded,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse:checked ~ .collapse-container .expanded,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse:checked ~ .collapse-container .expanded,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse:checked ~ .expanded,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse:checked ~ .expanded {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse:checked ~ .collapse-container .expanded--empty:is(:not([value]), [value=""]) + *, .ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .collapse-container .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse:checked .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.ui-dialog .tab-content .charsheet .repitem .collapse:checked .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse:checked ~ .collapse-container .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse:checked ~ .collapse-container .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse:checked .expanded--empty:is(:not([value]), [value=""]) + *,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse:checked .expanded--empty:is(:not([value]), [value=""]) + * {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse:not(:checked) ~ .collapsed, .ui-dialog .tab-content .charsheet .repitem .collapse:not(:checked) ~ .collapsed,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse:not(:checked) ~ .collapsed,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse:not(:checked) ~ .collapsed {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem .collapse:hover, .ui-dialog .tab-content .charsheet .repitem .collapse:hover,
|
|
.sheet-rolltemplate-rapidfire .collapse-container .collapse:hover,
|
|
.ui-dialog .tab-content .charsheet .collapse-container .collapse:hover {
|
|
color: var(--selectedColor);
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem:hover .collapse, .ui-dialog .tab-content .charsheet .repitem:hover .collapse,
|
|
.sheet-rolltemplate-rapidfire .collapse-container:hover .collapse,
|
|
.ui-dialog .tab-content .charsheet .collapse-container:hover .collapse {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem > input:not([type=checkbox]), .ui-dialog .tab-content .charsheet .repitem > input:not([type=checkbox]) {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem .headed-textarea, .ui-dialog .tab-content .charsheet .repitem .headed-textarea {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repitem:hover .collapse, .ui-dialog .tab-content .charsheet .repitem:hover .collapse, .sheet-rolltemplate-rapidfire .repitem:hover .roll-container, .ui-dialog .tab-content .charsheet .repitem:hover .roll-container {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontainer.editmode .collapse, .ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontainer, .ui-dialog .tab-content .charsheet .repcontainer {
|
|
display: grid;
|
|
gap: var(--grid-gap);
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repeating-container, .ui-dialog .tab-content .charsheet .repeating-container {
|
|
display: grid;
|
|
grid-template-areas: "header";
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repeating-container .repcontrol-button, .ui-dialog .tab-content .charsheet .repeating-container .repcontrol-button, .sheet-rolltemplate-rapidfire .repeating-container .repcontrol .repcontrol_edit, .ui-dialog .tab-content .charsheet .repeating-container .repcontrol .repcontrol_edit {
|
|
transition-property: opacity, box-shadow;
|
|
transition-duration: 0.5s;
|
|
transition-timing-function: ease;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repeating-container:is(:hover, :focus-within, :focus) .repcontrol-button, .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) .repcontrol-button, .sheet-rolltemplate-rapidfire .repeating-container:is(:hover, :focus-within, :focus) .repcontrol .repcontrol_edit, .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) .repcontrol .repcontrol_edit {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repeating-container:not(:hover, :focus-within, :focus) .repcontrol-button, .ui-dialog .tab-content .charsheet .repeating-container:not(:hover, :focus-within, :focus) .repcontrol-button, .sheet-rolltemplate-rapidfire .repeating-container:not(:hover, :focus-within, :focus) .repcontrol .repcontrol_edit, .ui-dialog .tab-content .charsheet .repeating-container:not(:hover, :focus-within, :focus) .repcontrol .repcontrol_edit {
|
|
box-shadow: none;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol-button ~ .repcontrol .repcontrol_add, .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol .repcontrol_add {
|
|
display: none !important;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol-button--add, .ui-dialog .tab-content .charsheet .repcontrol-button--add {
|
|
text-transform: none;
|
|
opacity: 0.4;
|
|
transition: opacity var(--revealTime);
|
|
grid-area: header;
|
|
justify-self: start;
|
|
align-self: center;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol-button--add:before, .ui-dialog .tab-content .charsheet .repcontrol-button--add:before {
|
|
font-family: pictos;
|
|
content: "&";
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol, .ui-dialog .tab-content .charsheet .repcontrol {
|
|
align-self: center;
|
|
grid-area: header;
|
|
justify-self: end;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol .repcontrol_edit, .ui-dialog .tab-content .charsheet .repcontrol .repcontrol_edit {
|
|
display: grid;
|
|
grid-template-columns: auto 0;
|
|
overflow: hidden;
|
|
color: transparent;
|
|
text-transform: none;
|
|
opacity: 0.4;
|
|
transition: opacity var(--revealTime);
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol .repcontrol_edit:before, .ui-dialog .tab-content .charsheet .repcontrol .repcontrol_edit:before {
|
|
color: var(--fontColor);
|
|
font-family: pictos;
|
|
content: "p";
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol-button--edit, .ui-dialog .tab-content .charsheet .repcontrol-button--edit {
|
|
justify-self: end;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .repcontrol-button--edit:before, .ui-dialog .tab-content .charsheet .repcontrol-button--edit:before {
|
|
font-family: pictos;
|
|
content: "p";
|
|
}
|
|
.sheet-rolltemplate-rapidfire .box, .ui-dialog .tab-content .charsheet .box {
|
|
border-radius: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
html {
|
|
font-size: 13px;
|
|
}
|
|
|
|
ul.nav-tabs.nav {
|
|
position: sticky;
|
|
top: 0;
|
|
background-color: white;
|
|
z-index: 9999;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 10;
|
|
}
|
|
|
|
.image-input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet {
|
|
--selectedRadio:black;
|
|
padding-top: 0px;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .raw-control:not(:checked) + .raw,
|
|
.ui-dialog .tab-content .charsheet .raw-control:checked ~ .custom {
|
|
display: none !important;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .raw {
|
|
text-transform: capitalize;
|
|
}
|
|
.ui-dialog .tab-content .charsheet span.underlined {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 2px;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
border-width: 1px 3px;
|
|
border-style: solid;
|
|
border-color: transparent transparent black transparent;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .display-control:is([value=""], :not([value])) ~ .controlled-display {
|
|
display: none !important;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .fill-left {
|
|
gap: var(--half-gap) var(--tiny-gap);
|
|
place-items: center;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .fill-left:is(:hover,
|
|
:focus-within,
|
|
:focus) .fill-left__clearer {
|
|
background-image: linear-gradient(45deg, transparent 0% 48%, white 48% calc(48% + 1px), transparent calc(48% + 1px)), linear-gradient(-45deg, transparent 0% 48%, white 48% calc(48% + 1px), transparent calc(48% + 1px));
|
|
}
|
|
.ui-dialog .tab-content .charsheet .fill-left__dot,
|
|
.ui-dialog .tab-content .charsheet .fill-left__checkbox {
|
|
cursor: pointer;
|
|
-webkit-apperance: none;
|
|
appearance: none;
|
|
width: 12px;
|
|
border: 1px solid black;
|
|
background-color: var(--selectedRadio);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .fill-left__dot:checked,
|
|
.ui-dialog .tab-content .charsheet .fill-left__checkbox:checked {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .fill-left__dot:checked ~ .fill-left__radio,
|
|
.ui-dialog .tab-content .charsheet .fill-left__checkbox:checked ~ .fill-left__radio {
|
|
order: 3;
|
|
background-color: white;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .fill-left__clearer {
|
|
order: 2;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .fill-left__radio {
|
|
order: 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .subsystem-display:not(.active-system) {
|
|
display: none !important;
|
|
}
|
|
.ui-dialog .tab-content .charsheet *[data-i18n=xp] {
|
|
text-transform: uppercase;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .stat-grid {
|
|
gap: var(--half-gap) var(--tiny-gap);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .stat-grid > :not(input):not(h2):not(.center) {
|
|
place-self: center end;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .boxed.span-2 {
|
|
grid-auto-flow: column;
|
|
place-content: center;
|
|
width: 6.5rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .roll-plus {
|
|
justify-self: center;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track .repcontainer {
|
|
grid-template-columns: repeat(auto-fill, 2rem);
|
|
gap: var(--tiny-gap) 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track .repcontainer:hover .health-track__clearer {
|
|
background-image: linear-gradient(45deg, transparent 0% 48%, white 48% calc(48% + 1px), transparent calc(48% + 1px)), linear-gradient(-45deg, transparent 0% 48%, white 48% calc(48% + 1px), transparent calc(48% + 1px));
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track .repcontainer > .repitem {
|
|
grid-template-columns: 2rem;
|
|
grid-template-rows: repeat(2, 2rem);
|
|
grid-template-areas: "check" "penalty";
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track .repcontainer > .repitem:first-child .itemcontrol {
|
|
display: none !important;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track .repcontainer > .repitem .repcontrol_move {
|
|
display: none !important;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track .repcontrol {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track__max-control[value="1"] ~ .repcontrol .repcontrol_edit {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track__number:is(:hover, :focus) {
|
|
border-radius: 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track__checkbox {
|
|
border-radius: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
grid-area: check;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track__clear-control:not(:checked) ~ .health-track__clearer {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track__clearer {
|
|
grid-area: check;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .health-track__clearer button {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .repeat-columns > * {
|
|
background-color: var(--subHeadBackColor);
|
|
border: 1px solid black;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .image-container {
|
|
grid-template-columns: "content";
|
|
}
|
|
.ui-dialog .tab-content .charsheet .image-container__input {
|
|
z-index: 10;
|
|
background-color: white;
|
|
box-shadow: 0 0 var(--grid-gap) var(--grid-gap) white;
|
|
grid-area: content;
|
|
place-self: center;
|
|
width: calc(100% - var(--big-gap) * 2);
|
|
transition: opacity var(--focusTiming), height var(--focusTiming);
|
|
opacity: 0;
|
|
height: 0;
|
|
overflow: hidden;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .image-container__input span {
|
|
white-space: pre-wrap;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .image-container__input input {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .image-container__input.active {
|
|
opacity: 1;
|
|
height: auto;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .image-container__button {
|
|
grid-area: content;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .base-container {
|
|
grid-template-areas: "content";
|
|
}
|
|
.ui-dialog .tab-content .charsheet .base-container__actual {
|
|
grid-area: content;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .base-container__interact {
|
|
grid-area: content;
|
|
z-index: 1;
|
|
}
|
|
|
|
#main .inactive {
|
|
display: none;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .system-header {
|
|
margin: 0 auto;
|
|
width: 200px;
|
|
}
|
|
.ui-dialog .tab-content .charsheet article {
|
|
padding: var(--grid-gap);
|
|
}
|
|
.ui-dialog .tab-content .charsheet article:not(.active) {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .translate-control:checked ~ .untranslated, .ui-dialog .tab-content .charsheet .translate-control:not(:checked) ~ .translated {
|
|
display: none;
|
|
}
|
|
#character-info > .health-track {
|
|
margin: 0 -5px;
|
|
}
|
|
|
|
.sheet-darkmode #character-info {
|
|
--darkVar:var(--dark-surface1) ;
|
|
}
|
|
|
|
#settings .input-label {
|
|
justify-content: space-between;
|
|
}
|
|
#settings .input-label [name]:not([type=number], [type=checkbox], [type=radio]) {
|
|
width: auto;
|
|
flex: 0 0 auto;
|
|
}
|
|
#settings section {
|
|
align-self: stretch;
|
|
align-content: start;
|
|
}
|
|
|
|
#stats {
|
|
grid-template-columns: auto 1fr repeat(2, auto);
|
|
grid-template-areas: "header header header header" "stat_points . . ." "reserve . . ." ". . . ." "header2 header2 header2 header2";
|
|
}
|
|
#stats h2 {
|
|
grid-area: auto;
|
|
grid-column: 1/-1;
|
|
}
|
|
#stats > button {
|
|
grid-column: 2;
|
|
}
|
|
#stats > .stat_points {
|
|
grid-area: stat_points;
|
|
justify-self: end;
|
|
}
|
|
#stats > .reserve {
|
|
grid-area: reserve;
|
|
justify-self: end;
|
|
}
|
|
#stats > .reserve {
|
|
box-sizing: border-box;
|
|
}
|
|
#stats .equipment {
|
|
grid-template-areas: "header";
|
|
gap: var(--half-gap);
|
|
grid-column: 1/-1;
|
|
place-self: stretch;
|
|
}
|
|
#stats .equipment h2 {
|
|
grid-area: header;
|
|
}
|
|
#stats .equipment .repeat-columns,
|
|
#stats .equipment .repitem {
|
|
grid-template-columns: 1fr 2.5rem;
|
|
}
|
|
|
|
#secondary > .secondaries {
|
|
grid-template-columns: 1fr repeat(3, auto);
|
|
grid-template-areas: "header header header header";
|
|
}
|
|
#secondary > .combat-gear {
|
|
grid-template-areas: "header";
|
|
}
|
|
|
|
#skill {
|
|
grid-area: skills;
|
|
}
|
|
#skill .repcontainer {
|
|
gap: 0;
|
|
}
|
|
#skill .repitem {
|
|
position: relative;
|
|
}
|
|
#skill .repitem span {
|
|
align-self: center;
|
|
text-align: left;
|
|
}
|
|
#skill .repeat-columns,
|
|
#skill .repitem {
|
|
grid-template-columns: 1rem 1fr 3rem 4rem 2.5rem;
|
|
}
|
|
#skill .repeat-columns > input,
|
|
#skill .repitem > input {
|
|
width: 100%;
|
|
}
|
|
#skill .repeat-columns :nth-child(1) {
|
|
grid-column: 2;
|
|
}
|
|
#skill .repeat-columns :nth-child(2) {
|
|
grid-column: 3;
|
|
}
|
|
#skill .repeat-columns :nth-child(3) {
|
|
grid-column: 4;
|
|
}
|
|
#skill .repeat-columns :nth-child(4) {
|
|
grid-column: 5;
|
|
}
|
|
#skill .roller.raw {
|
|
grid-column: span 2;
|
|
}
|
|
|
|
#adjustments {
|
|
display: contents;
|
|
}
|
|
#adjustments .repitem {
|
|
gap: var(--half-gap);
|
|
}
|
|
#adjustments input[type=text] {
|
|
width: 100%;
|
|
}
|
|
#weapon input[type=text] {
|
|
width: 100%;
|
|
}
|
|
#weapon .repitem {
|
|
row-gap: var(--half-gap);
|
|
}
|
|
#weapon .repitem > .underlined {
|
|
width: 100%;
|
|
}
|
|
#weapon .repeat-columns,
|
|
#weapon .repitem {
|
|
grid-template-columns: 1rem 1fr 10rem 7rem;
|
|
align-items: end;
|
|
}
|
|
#weapon .repeat-columns :nth-child(1) {
|
|
grid-column: 2;
|
|
}
|
|
#weapon .repeat-columns :nth-child(2) {
|
|
grid-column: 3;
|
|
}
|
|
#weapon .repeat-columns :nth-child(3) {
|
|
grid-column: 4;
|
|
}
|
|
#weapon .headed-textarea {
|
|
grid-column: 1/-1;
|
|
}
|
|
|
|
.tabs__container:not(.k-active-tab) {
|
|
display: none !important;
|
|
}
|
|
|
|
.tabs__nav-item {
|
|
list-style: none;
|
|
}
|
|
|
|
.tabs__nav-list {
|
|
display: flex;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet {
|
|
position: relative;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__button {
|
|
all: initial;
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__checkbox {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__outer {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
text-align: left;
|
|
background: var(--kmodal-overlay-background);
|
|
transition: opacity 0.25s ease;
|
|
z-index: 999;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__background {
|
|
all: initial;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__inner {
|
|
position: fixed;
|
|
width: var(--kmodal-width);
|
|
height: var(--kmodal-height);
|
|
inset: 0;
|
|
margin: auto;
|
|
overflow: auto;
|
|
background: var(--kmodal-dialog-background);
|
|
border-radius: 5px;
|
|
padding: var(--kmodal-close-height) calc(var(--kmodal-close-width) * 3) var(--kmodal-close-height) calc(var(--kmodal-close-width) * 2);
|
|
max-width: var(--kmodal-max-width);
|
|
max-height: var(--kmodal-max-height);
|
|
transition: opacity 0.25s ease;
|
|
box-shadow: var(--kmodal-box-shadow);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__close {
|
|
position: absolute;
|
|
right: var(--kmodal-close-width);
|
|
top: var(--kmodal-close-height);
|
|
width: var(--kmodal-close-width);
|
|
height: var(--kmodal-close-height);
|
|
cursor: pointer;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:after,
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:before {
|
|
content: "";
|
|
position: absolute;
|
|
width: var(--kmodal-close-line-thickness);
|
|
height: var(--kmodal-close-line-length);
|
|
background: var(--kmodal-close-color);
|
|
display: block;
|
|
transform: rotate(45deg);
|
|
left: 50%;
|
|
margin: -3px 0 0 -1px;
|
|
top: 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:hover:after,
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:hover:before {
|
|
background: var(--kmodal-close-hover-color);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__close:before {
|
|
transform: rotate(-45deg);
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__checkbox:not(:checked) + .kmodal__outer {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
|
|
top: 0;
|
|
}
|
|
|
|
#npc nav ul {
|
|
display: flex;
|
|
gap: var(--grid-gap);
|
|
justify-content: center;
|
|
}
|
|
#npc nav ul button {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
#base-npc {
|
|
grid-template-areas: "header";
|
|
}
|
|
#base-npc .heading {
|
|
grid-area: header;
|
|
}
|
|
#base-npc .heading [type=text] {
|
|
min-width: 0;
|
|
flex: 1 1 auto;
|
|
}
|
|
#base-npc .skill-container .expanded-inline-fieldset + fieldset + .repcontainer {
|
|
justify-content: space-around;
|
|
}
|
|
#base-npc .skill-container .repcontainer {
|
|
gap: 0;
|
|
}
|
|
#base-npc .skill-container .repitem {
|
|
overflow: hidden;
|
|
}
|
|
#base-npc .skill-container .repitem > * {
|
|
padding-inline: var(--tiny-gap);
|
|
}
|
|
#base-npc .combat {
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
}
|
|
#base-npc .combat > h2, #base-npc .combat .health-track {
|
|
grid-area: initial;
|
|
grid-column: 1/-1;
|
|
}
|
|
#base-npc .toggle-before:before {
|
|
content: "settings";
|
|
text-transform: none;
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: var(--icon-size); /* Preferred icon size */
|
|
}
|
|
#base-npc .toggle-before.expand-toggle:before {
|
|
content: "construction";
|
|
}
|
|
#base-npc .toggle-before:not(.expand-toggle) ~ :is(.repcontrol-button, .repcontrol) {
|
|
display: none;
|
|
}
|
|
#base-npc .attack-container .collapse {
|
|
right: calc((var(--half-gap) + var(--tiny-gap)) * -1);
|
|
}
|
|
#base-npc .attack-container .repcontainer {
|
|
gap: var(--grid-gap);
|
|
}
|
|
#base-npc .attack-container .repcontainer .repitem {
|
|
display: flex;
|
|
}
|
|
#base-npc .attack-container .repcontainer .repitem:not(:last-child):after {
|
|
content: ",";
|
|
}
|
|
|
|
#warbird, #character {
|
|
gap: var(--big-gap);
|
|
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
|
}
|
|
|
|
.sheet-rolltemplate-rapidfire > .sheet-template, #vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem, .ui-dialog .tab-content .charsheet .section {
|
|
--warbirdSectionBorder: 5px solid black;
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
border: var(--warbirdSectionBorder);
|
|
transition: all var(--focusTiming);
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template:hover, #vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem:hover, .ui-dialog .tab-content .charsheet .section:hover, .sheet-rolltemplate-rapidfire > .sheet-template:focus-within, #vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem:focus-within, .ui-dialog .tab-content .charsheet .section:focus-within {
|
|
background-color: white;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .structure-display-control:checked ~ * {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .structure-check-control:checked + * {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
#character {
|
|
grid-template-rows: repeat(2, auto) 1fr;
|
|
grid-template-areas: "." "skills" "skills";
|
|
background-image: url(https://s3.amazonaws.com/files.d20.io/images/270587779/zS4dSe7YaA4lBn_q-9qQDw/original.jpg);
|
|
background-repeat: repeat-y;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
.nav-tabs li a {
|
|
font-family: var(--midHeaderFont);
|
|
padding-top: 18px;
|
|
padding-bottom: 15px;
|
|
}
|
|
.nav-tabs li a[data-tab=charsheet] {
|
|
background-image: url(https://s3.amazonaws.com/files.d20.io/images/259063058/V4Hm27FqfgBujU8bI74Xaw/original.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
padding-left: 50px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
#main-nav {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
grid-template-columns: 1fr auto 1fr;
|
|
place-items: center;
|
|
position: sticky;
|
|
top: 60px;
|
|
background: white;
|
|
box-shadow: -10px 0 0 0 white, 10px 0 0 0 white, 0 -6px white;
|
|
z-index: 100;
|
|
}
|
|
#main-nav .nav__button--settings.active, #main-nav .nav__button--settings:hover {
|
|
color: black;
|
|
background-color: silver;
|
|
box-shadow: 0 0 0 var(--half-gap) black inset, var(--grid-gap) 0 0 var(--half-gap) black inset, calc(var(--grid-gap) * -1) 0 0 var(--half-gap) black inset;
|
|
}
|
|
#main-nav .nav__button--settings.active:before, #main-nav .nav__button--settings.active:after, #main-nav .nav__button--settings:hover:before, #main-nav .nav__button--settings:hover:after {
|
|
opacity: 1;
|
|
}
|
|
|
|
#main nav button {
|
|
border-radius: 5px;
|
|
padding: var(--half-gap) var(--big-gap);
|
|
font-style: normal;
|
|
color: grey;
|
|
text-align: center;
|
|
position: relative;
|
|
transition-property: color, background-color;
|
|
transition-duration: var(--revealTime);
|
|
transition-timing-function: ease;
|
|
}
|
|
#main nav button:not(.nav__button--settings) {
|
|
text-transform: capitalize;
|
|
}
|
|
#main nav button:before, #main nav button:after {
|
|
content: "D";
|
|
font-family: pictos;
|
|
opacity: 0;
|
|
color: silver;
|
|
transition-property: opacity;
|
|
transition-duration: var(--revealTime);
|
|
transition-timing-function: ease;
|
|
}
|
|
#main nav button:before {
|
|
transform: rotate(23deg);
|
|
left: calc((var(--tiny-gap)) / 1);
|
|
position: absolute;
|
|
}
|
|
#main nav button:after {
|
|
transform: rotate(-17deg);
|
|
right: calc((var(--tiny-gap)) / 1);
|
|
position: absolute;
|
|
}
|
|
#main nav button:hover, #main nav button.k-active-tab, #main nav button.active {
|
|
color: black;
|
|
background-color: silver;
|
|
box-shadow: 0 0 0 var(--half-gap) black inset, var(--grid-gap) 0 0 var(--half-gap) black inset, calc(var(--grid-gap) * -1) 0 0 var(--half-gap) black inset;
|
|
}
|
|
#main nav button:hover:before, #main nav button:hover:after, #main nav button.k-active-tab:before, #main nav button.k-active-tab:after, #main nav button.active:before, #main nav button.active:after {
|
|
opacity: 1;
|
|
}
|
|
#main nav button.active, #main nav button.k-active-tab {
|
|
pointer-events: none;
|
|
}
|
|
|
|
#npc-nav {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
gap: var(--half-gap);
|
|
}
|
|
|
|
@media (min-width: 680px) {
|
|
#weapon, #warbird-weapons {
|
|
grid-column: span 2;
|
|
}
|
|
}
|
|
@media (min-width: 1300px) {
|
|
#main {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: var(--big-gap);
|
|
}
|
|
#main .system-header {
|
|
grid-column: 1/-1;
|
|
}
|
|
#main .sheet-state:not([value=settings]) ~ article:not(#settings):not(.inactive) {
|
|
display: grid;
|
|
}
|
|
#main .sheet-state:not([value=settings]) ~ #main-nav .nav__button--tab {
|
|
color: black;
|
|
background-color: silver;
|
|
box-shadow: 0 0 0 var(--half-gap) black inset, var(--grid-gap) 0 0 var(--half-gap) black inset, calc(var(--grid-gap) * -1) 0 0 var(--half-gap) black inset;
|
|
pointer-events: none;
|
|
}
|
|
#main .sheet-state:not([value=settings]) ~ #main-nav .nav__button--tab:before, #main .sheet-state:not([value=settings]) ~ #main-nav .nav__button--tab:after {
|
|
opacity: 1;
|
|
}
|
|
#settings {
|
|
grid-column: 1/-1;
|
|
}
|
|
#main-nav {
|
|
grid-column: 1/-1;
|
|
}
|
|
}
|
|
#warbird {
|
|
grid-template-areas: "image";
|
|
grid-template-rows: repeat(2, auto) 1fr;
|
|
background-image: url(https://s3.amazonaws.com/files.d20.io/images/270587778/2qS0P_LxUgrRoc1eKjcfLA/original.jpg);
|
|
background-repeat: repeat-y;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
#warbird-pic {
|
|
grid-area: image;
|
|
}
|
|
#warbird-pic > .input-label {
|
|
justify-self: start;
|
|
}
|
|
#warbird-pic .image-container {
|
|
place-items: center;
|
|
margin: 0 calc(var(--half-gap) * -1) calc(var(--half-gap) * -1);
|
|
padding: var(--half-gap);
|
|
background-color: white;
|
|
border-top: var(--warbirdSectionBorder);
|
|
}
|
|
|
|
#warbird-ratings {
|
|
grid-template-columns: 1fr repeat(3, auto);
|
|
grid-template-areas: "header header header";
|
|
}
|
|
#warbird-ratings .warbird-skills {
|
|
grid-template-areas: "header header header";
|
|
place-self: stretch;
|
|
grid-column: 1/-1;
|
|
gap: 0;
|
|
}
|
|
#warbird-ratings .warbird-skills * {
|
|
place-self: stretch;
|
|
}
|
|
#warbird-ratings .warbird-skills input {
|
|
width: 100%;
|
|
}
|
|
#warbird-ratings .warbird-skills,
|
|
#warbird-ratings .warbird-skills .repeat-columns {
|
|
grid-template-columns: 1fr 4rem 3rem;
|
|
}
|
|
#warbird-ratings .warbird-skills *,
|
|
#warbird-ratings .warbird-skills .repeat-columns * {
|
|
align-self: center;
|
|
}
|
|
#warbird-ratings .warbird-skills .repeat-columns {
|
|
grid-column: 1/-1;
|
|
}
|
|
#warbird-ratings .warbird-skills .repeat-columns :not(:first-child) {
|
|
text-align: center;
|
|
}
|
|
#warbird-ratings .warbird-skills .roller {
|
|
justify-self: start;
|
|
}
|
|
#warbird-ratings .warbird-skills input {
|
|
justify-self: center;
|
|
}
|
|
|
|
#warbird-stats {
|
|
grid-template-columns: 1fr repeat(2, auto) 1fr repeat(2, auto);
|
|
grid-template-areas: "header header header header header header";
|
|
}
|
|
#warbird-stats .strike_damage_label {
|
|
grid-area: strike_damage_label;
|
|
}
|
|
#warbird-stats .strike_damage_input {
|
|
grid-area: strike_damage_input;
|
|
}
|
|
#warbird-stats .strike_range_label {
|
|
grid-area: strike_range_label;
|
|
}
|
|
#warbird-stats .strike_range_input {
|
|
grid-area: strike_range_input;
|
|
}
|
|
#warbird-stats .assault_damage_label {
|
|
grid-area: assault_damage_label;
|
|
}
|
|
#warbird-stats .assault_damage_input {
|
|
grid-area: assault_damage_input;
|
|
}
|
|
|
|
#warbird-trait {
|
|
grid-row-end: span 2;
|
|
}
|
|
#warbird-trait .repeat-columns,
|
|
#warbird-trait .repitem {
|
|
grid-template-columns: 2fr 3fr;
|
|
}
|
|
#warbird-weapons .repeat-columns,
|
|
#warbird-weapons .repitem {
|
|
grid-template-columns: 1rem 1fr 5rem 4rem 7rem 8rem 5rem;
|
|
}
|
|
#warbird-weapons .repeat-columns :nth-child(1) {
|
|
grid-column: 2;
|
|
}
|
|
#warbird-weapons .repeat-columns :nth-child(2) {
|
|
grid-column: 3;
|
|
}
|
|
#warbird-weapons .repeat-columns :nth-child(3) {
|
|
grid-column: 4;
|
|
}
|
|
#warbird-weapons .repeat-columns :nth-child(4) {
|
|
grid-column: 5;
|
|
}
|
|
#warbird-weapons .repeat-columns :nth-child(5) {
|
|
grid-column: 6;
|
|
}
|
|
#warbird-weapons .repeat-columns :nth-child(6) {
|
|
grid-column: 7;
|
|
}
|
|
#warbird-weapons .repitem {
|
|
gap: var(--tiny-gap);
|
|
grid-template-columns: auto repeat(2, 1fr);
|
|
}
|
|
#warbird-weapons .repitem .roller {
|
|
grid-row-end: span 2;
|
|
}
|
|
#warbird-weapons .repitem .ammo {
|
|
grid-column: 1/-1;
|
|
align-items: flex-start;
|
|
}
|
|
#warbird-weapons .repitem .ammo-tracker {
|
|
gap: var(--half-gap) var(--tiny-gap);
|
|
grid-template-columns: repeat(10, auto);
|
|
place-content: center;
|
|
}
|
|
#warbird-weapons .repitem .ammo-display-control:checked + .ammo-tracker :nth-child(11) ~ * {
|
|
display: none;
|
|
}
|
|
|
|
#large-vehicle {
|
|
background-image: url(https://s3.amazonaws.com/files.d20.io/images/270587778/2qS0P_LxUgrRoc1eKjcfLA/original.jpg);
|
|
background-repeat: repeat-y;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
#vehicle {
|
|
display: grid;
|
|
gap: var(--grid-gap);
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
}
|
|
#vehicle .main-structure {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: var(--half-gap);
|
|
grid-row: 1/2;
|
|
grid-column: 1/-1;
|
|
align-items: start;
|
|
}
|
|
#vehicle #vehicle-header {
|
|
grid-column: 1/-1;
|
|
grid-row: 1/2;
|
|
justify-self: center;
|
|
text-align: center;
|
|
}
|
|
#vehicle .repcontrol-button,
|
|
#vehicle .repcontrol {
|
|
grid-row: 1/2;
|
|
grid-column: 1/-1;
|
|
align-self: start;
|
|
position: relative;
|
|
top: calc(var(--half-gap) + var(--tiny-gap));
|
|
}
|
|
#vehicle .repcontrol-button--add {
|
|
left: calc(var(--half-gap) + var(--tiny-gap));
|
|
}
|
|
#vehicle .repcontrol {
|
|
right: calc(var(--half-gap) + var(--tiny-gap));
|
|
}
|
|
#vehicle .repcontainer[data-groupname=repeating_vehicle] {
|
|
display: contents;
|
|
}
|
|
#vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
|
|
gap: var(--half-gap);
|
|
align-items: start;
|
|
align-self: start;
|
|
}
|
|
#vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem [role=heading] {
|
|
grid-column: 1/-1;
|
|
}
|
|
#vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem .collapse {
|
|
right: 0;
|
|
}
|
|
#vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem .structure-track {
|
|
grid-column: 1/-1;
|
|
justify-self: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0;
|
|
}
|
|
#vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem .structure-track h4 {
|
|
margin-right: var(--half-gap);
|
|
}
|
|
#vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem .structure-track > .health-track__number {
|
|
width: 2rem;
|
|
}
|
|
#vehicle .repcontainer[data-groupname=repeating_vehicle] .repitem .attacks {
|
|
grid-column: 1/-1;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--half-gap);
|
|
}
|
|
|
|
#npc-warbird {
|
|
display: grid;
|
|
gap: var(--half-gap);
|
|
}
|
|
#npc-warbird .health-track {
|
|
display: grid;
|
|
justify-items: start;
|
|
grid-template-areas: "header";
|
|
}
|
|
#npc-warbird .health-track .repcontainer {
|
|
justify-self: stretch;
|
|
}
|
|
|
|
/*
|
|
Roll Template
|
|
#rolltemplate
|
|
*/
|
|
.sheet-rolltemplate-rapidfire {
|
|
--templateRadius: 1rem;
|
|
--dieSize: 50px;
|
|
--templateBorderW: 2px 5px 2px 5px;
|
|
--fumbleColor: red;
|
|
--critColor: green;
|
|
--innerBorderRadius: 5px;
|
|
--borderSize:1px;
|
|
--sizeFactor: 6;
|
|
--cornerSize: calc(1107px / var(--sizeFactor)) calc(952px / var(--sizeFactor));
|
|
--headSideMargin:40px;
|
|
--headVerticalMargin:10px;
|
|
--circleSize:73px;
|
|
--hexagonBackgroundImage:url("https://s3.amazonaws.com/files.d20.io/images/258492885/gzYgspdnfa8K2zUgTrgV3g/original.png");
|
|
display: grid;
|
|
grid-template-areas: "content";
|
|
}
|
|
.sheet-rolltemplate-rapidfire > * {
|
|
grid-area: content;
|
|
}
|
|
.sheet-rolltemplate-rapidfire:not(:first-child) {
|
|
margin-top: 10px;
|
|
}
|
|
.sheet-rolltemplate-rapidfire .sheet-image-background {
|
|
background-color: white;
|
|
background-image: url(https://s3.amazonaws.com/files.d20.io/images/270587779/zS4dSe7YaA4lBn_q-9qQDw/original.jpg);
|
|
background-position: right;
|
|
background-repeat: repeat-x;
|
|
background-attachment: fixed;
|
|
background-size: auto 100%;
|
|
}
|
|
@media (prefers-reduced-motion) {
|
|
.sheet-rolltemplate-rapidfire .sheet-image-background {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: auto;
|
|
}
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template {
|
|
background-color: color-mix(in lch, white 65%, transparent) !important;
|
|
display: grid;
|
|
grid-template-columns: 1fr minmax(auto, 0.5fr);
|
|
gap: var(--half-gap);
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template a[href^="!"],
|
|
.sheet-rolltemplate-rapidfire > .sheet-template a[href^="~"],
|
|
.sheet-rolltemplate-rapidfire > .sheet-template a {
|
|
font-family: var(--topHeaderFont);
|
|
background-color: transparent;
|
|
color: black;
|
|
font-weight: 700;
|
|
padding: 0;
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template h1, .sheet-rolltemplate-rapidfire > .sheet-template h2, .sheet-rolltemplate-rapidfire > .sheet-template h3, .sheet-rolltemplate-rapidfire > .sheet-template h4, .sheet-rolltemplate-rapidfire > .sheet-template h5, .sheet-rolltemplate-rapidfire > .sheet-template a {
|
|
white-space: pre-wrap;
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template span:not(.inlinerollresult) {
|
|
font-size: 13px;
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-header,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-character_name,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-description {
|
|
grid-column: 1/-1;
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-row-label {
|
|
grid-column: 1;
|
|
place-self: center start;
|
|
font-family: var(--topHeaderFont);
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-row-roll {
|
|
grid-column: 2;
|
|
place-self: start center;
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult {
|
|
font-size: 150%;
|
|
color: black;
|
|
font-weight: 700;
|
|
font-family: var(--topHeaderFont);
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll[title*="[computed value]"], .sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll[original-title*="[computed value]"],
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult[title*="[computed value]"],
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult[original-title*="[computed value]"] {
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll, .sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll.fullcrit, .sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll.fullfail, .sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll.importantroll,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult.importantroll {
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll.fullcrit,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult.fullcrit {
|
|
color: var(--critColor);
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll.fullfail,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult.fullfail {
|
|
color: var(--fumbleColor);
|
|
}
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .sheet-roll.importantroll,
|
|
.sheet-rolltemplate-rapidfire > .sheet-template .inlinerollresult.importantroll {
|
|
color: black;
|
|
} |