mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-02 05:02:28 +00:00
4397 lines
108 KiB
CSS
4397 lines
108 KiB
CSS
button:focus,
|
|
input:focus {
|
|
background: unset;
|
|
outline: unset;
|
|
}
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container {
|
|
width: 772px;
|
|
min-height: 500px;
|
|
display: grid;
|
|
grid-template-columns: repeat(1, [col] 772px );
|
|
grid-template-rows: 70px 35px auto;
|
|
grid-gap: 2px;
|
|
grid-template-areas:
|
|
"header"
|
|
"navigation"
|
|
"page";
|
|
background-color: #fff;
|
|
color: black;
|
|
border-image-slice:49 48 48 48 fill;
|
|
border-image-width:12px 12px 12px 12px;
|
|
border-image-outset:0px 0px 0px 0px;
|
|
border-image-repeat:stretch stretch;
|
|
border-image-source: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Edge%20of%20the%20Verse/border.jpg?raw=true");
|
|
padding: 20px;
|
|
padding-left: 30px;
|
|
padding-bottom: 30px;
|
|
border-image-outset: 10px;
|
|
}
|
|
|
|
.sheet-container input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.sheet-container input[type=number] {
|
|
width: unset;
|
|
}
|
|
|
|
/* header start */
|
|
.sheet-header-container{
|
|
grid-area: header;
|
|
display: grid;
|
|
grid-template-columns: 170px 342px 256px;
|
|
grid-template-rows: 35px 35px;
|
|
grid-gap: 2px;
|
|
grid-template-areas:
|
|
"logo name exp"
|
|
"logo class exp"
|
|
}
|
|
|
|
.sheet-logo {
|
|
grid-area: logo;
|
|
width: 170px;
|
|
justify-self: center;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-name-container {
|
|
grid-area: name;
|
|
background-color: white;
|
|
height: 35px;
|
|
display: grid;
|
|
grid-template-columns: 70px 272px;
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-gap: 0px;
|
|
}
|
|
|
|
.sheet-name-label {
|
|
background-color: black;
|
|
color: white;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-name-input {
|
|
grid-column-start: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 4;
|
|
background: white;
|
|
border-color: black;
|
|
border-width: 2px;
|
|
text-align: center;
|
|
border-radius: 0px;
|
|
height: 29px;
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-class-container {
|
|
grid-area: class;
|
|
background-color: white;
|
|
height: 35px;
|
|
display: grid;
|
|
grid-template-columns: 70px 185px 2px 85px;
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-gap: 0px;
|
|
}
|
|
|
|
.sheet-class-label {
|
|
background-color: black;
|
|
color: white;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-class-span {
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 4;
|
|
background: white;
|
|
border: 2px solid black;
|
|
text-align: center;
|
|
padding: 5px 0px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.sheet-change-button {
|
|
display:inline-block;
|
|
border:0.1em solid rgb(14, 13, 13);
|
|
background-color: transparent;
|
|
border-radius:0.12em;
|
|
box-sizing: border-box;
|
|
text-decoration:none;
|
|
font-family:'Roboto',sans-serif;
|
|
font-weight:300;
|
|
color: black;
|
|
text-align:center;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.sheet-class-change-button {
|
|
grid-column-start: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
/* rollbonus start */
|
|
.sheet-roll-bonus {
|
|
display: grid;
|
|
align-content: end;
|
|
grid-column-end: 2;
|
|
grid-column-start: 1;
|
|
grid-row-end: 2;
|
|
grid-row-start: 1;
|
|
width: min-content;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-toggler {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, max-content);
|
|
grid-auto-flow: column;
|
|
gap: 3px;
|
|
}
|
|
|
|
.sheet-toggler label {
|
|
margin: 0;
|
|
width: fit-content;
|
|
width: -moz-fit-content;
|
|
padding: 2px;
|
|
align-items: end;
|
|
display: grid;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-toggler input[type=radio],
|
|
.sheet-toggler input[type=checkbox] {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px; margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
|
|
.sheet-toggler input[type=radio] + span,
|
|
.sheet-toggler input[type=checkbox] + span {
|
|
border: 1px solid rgb(35, 31, 32);
|
|
padding: 2px 6px;
|
|
background-color: white;
|
|
color: #D3D3D3;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-toggler input[type=radio]:checked + span,
|
|
.sheet-toggler input[type=checkbox]:checked + span {
|
|
color: rgb(35, 31, 32);
|
|
}
|
|
|
|
.sheet-roll-bonus input[type=text] {
|
|
border: 1px solid black;
|
|
border-radius: 0px;
|
|
text-align: center;
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
/* rollbonus end */
|
|
|
|
/*exp start */
|
|
.sheet-exp-container {
|
|
grid-area: exp;
|
|
display: grid;
|
|
grid-template-columns: min-content 25px 25px 25px 25px min-content 45px;
|
|
grid-template-rows: 45px;
|
|
grid-template-areas: "exp-lbl exp-box1 exp-box2 exp-box3 exp-box4 exp-up-lbl exp-box5";
|
|
gap: 5px;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-exp-label {
|
|
grid-area: exp-lbl;
|
|
align-self: end;
|
|
line-height: 1;
|
|
}
|
|
|
|
.sheet-exp-up-label {
|
|
grid-area: exp-up-lbl;
|
|
align-self: end;
|
|
line-height: 1;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-exp-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
align-self: end;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-exp-box1,
|
|
input[type="checkbox"].sheet-exp-box2,
|
|
input[type="checkbox"].sheet-exp-box3,
|
|
input[type="checkbox"].sheet-exp-box4 {
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
|
|
input[type="number"].sheet-exp-box5 {
|
|
width: 45px;
|
|
height: 45px;
|
|
background: white;
|
|
border-color: black;
|
|
border-width: 2px;
|
|
text-align: center;
|
|
border-radius: 0px;
|
|
font-size: x-large;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-exp-box + span {
|
|
align-self: end;
|
|
border: solid 2px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-exp-box:checked ~ input[type="checkbox"] + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-exp-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-exp-box1 {
|
|
grid-area: exp-box1;
|
|
height: 21px;
|
|
}
|
|
|
|
.sheet-exp-box2{
|
|
grid-area: exp-box2;
|
|
height: 21px;
|
|
}
|
|
|
|
.sheet-exp-box3 {
|
|
grid-area: exp-box3;
|
|
height: 21px;
|
|
}
|
|
|
|
.sheet-exp-box4 {
|
|
grid-area: exp-box4;
|
|
height: 21px;
|
|
}
|
|
|
|
.sheet-exp-box5 {
|
|
grid-area: exp-box5;
|
|
height: 41px;
|
|
}
|
|
/*exp end*/
|
|
|
|
|
|
/* header end */
|
|
|
|
/* navigation start */
|
|
.sheet-navigation-container {
|
|
grid-area: navigation;
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
}
|
|
|
|
.sheet-nav-tabs {
|
|
justify-self: center;
|
|
align-self: end;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto;
|
|
grid-column-gap: 5px;
|
|
grid-column-end: 2;
|
|
grid-column-start: 1;
|
|
grid-row-end: 2;
|
|
grid-row-start: 1;
|
|
}
|
|
|
|
.sheet-nav-button {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-nav-button input {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-nav-button span{
|
|
display:inline-grid;
|
|
border:0.1em solid rgb(14, 13, 13);
|
|
background-color: transparent;
|
|
border-radius:0.12em;
|
|
box-sizing: border-box;
|
|
text-decoration:none;
|
|
font-family:'Roboto',sans-serif;
|
|
font-weight:300;
|
|
color: #D3D3D3;
|
|
text-align:center;
|
|
transition: all 0.2s;
|
|
padding: 2px 6px 2px 6px;
|
|
}
|
|
|
|
.sheet-nav-button input[type=radio]:checked + span {
|
|
color: rgb(35, 31, 32);
|
|
}
|
|
.charsheet .sheet-nav-button:hover span {
|
|
color: rgb(35, 31, 32);
|
|
}
|
|
/* navigation end */
|
|
|
|
/* pages common start */
|
|
.sheet-page {
|
|
grid-area: page;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="page1"] ~ .sheet-page1,
|
|
.sheet-tabstoggle[value="page2"] ~ .sheet-page2,
|
|
.sheet-tabstoggle[value="page3"] ~ .sheet-page3,
|
|
.sheet-tabstoggle[value="page4"] ~ .sheet-page4 {
|
|
display: grid;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="page1"] ~ .sheet-page2,
|
|
.sheet-tabstoggle[value="page1"] ~ .sheet-page3,
|
|
.sheet-tabstoggle[value="page1"] ~ .sheet-page4,
|
|
.sheet-tabstoggle[value="page2"] ~ .sheet-page1,
|
|
.sheet-tabstoggle[value="page2"] ~ .sheet-page3,
|
|
.sheet-tabstoggle[value="page2"] ~ .sheet-page4,
|
|
.sheet-tabstoggle[value="page3"] ~ .sheet-page1,
|
|
.sheet-tabstoggle[value="page3"] ~ .sheet-page2,
|
|
.sheet-tabstoggle[value="page3"] ~ .sheet-page4,
|
|
.sheet-tabstoggle[value="page4"] ~ .sheet-page1,
|
|
.sheet-tabstoggle[value="page4"] ~ .sheet-page2,
|
|
.sheet-tabstoggle[value="page4"] ~ .sheet-page3 {
|
|
display: none;
|
|
}
|
|
/*pages common end */
|
|
|
|
/*page1 pages start */
|
|
.sheet-page1 {
|
|
display: grid;
|
|
grid-template-columns: 383px 383px;
|
|
grid-gap: 10px 6px;
|
|
grid-template-rows: auto;
|
|
grid-template-areas:
|
|
"desc looks"
|
|
"back .";
|
|
grid-auto-flow: row;
|
|
}
|
|
|
|
/*page1 descriprion start*/
|
|
.sheet-description {
|
|
grid-area: desc;
|
|
}
|
|
|
|
.sheet-description .sheet-change-description-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-description .sheet-title {
|
|
display: grid;
|
|
grid-template-columns: max-content 26.4px auto;
|
|
gap: 10px;
|
|
}
|
|
|
|
.sheet-description button.sheet-change-descriprion {
|
|
margin: 0;
|
|
overflow: visible;
|
|
text-transform: none;
|
|
border-style: none;
|
|
padding: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
border:0.1em solid rgb(14, 13, 13);
|
|
background-color: transparent;
|
|
}
|
|
button.sheet-change-descriprion > span.sheet-save,
|
|
button.sheet-change-descriprion > span.sheet-change {
|
|
display: block;
|
|
font-family: "Pictos";
|
|
}
|
|
/* Hide the section(s) that do not match the attribute value */
|
|
.sheet-description input.sheet-change-description-hidden:checked + div > button.sheet-change-descriprion > span.sheet-save {
|
|
display: none;
|
|
}
|
|
.sheet-description input.sheet-change-description-hidden:not(:checked) + div > button.sheet-change-descriprion > span.sheet-change {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-description textarea.sheet-description-input-text {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-description textarea.sheet-description-saved-text {
|
|
display: block;
|
|
width: 380px;
|
|
resize: vertical;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: none;
|
|
border: none;
|
|
cursor: default;
|
|
overflow: auto;
|
|
outline: none;
|
|
height: 280px;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-description textarea.sheet-description-input-text {
|
|
display: none;
|
|
width: 370px;
|
|
margin: 0;
|
|
height: 280px;
|
|
resize: vertical;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-description input.sheet-change-description-hidden:checked ~ textarea.sheet-description-saved-text {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-description input.sheet-change-description-hidden:checked ~ textarea.sheet-description-input-text {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-description input.sheet-change-description-hidden:not(:checked) ~ textarea.sheet-description-saved-text {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-description input.sheet-change-description-hidden:not(:checked) ~ textarea.sheet-description-input-text {
|
|
display: block;
|
|
}
|
|
/*page1 descriprion end*/
|
|
|
|
.sheet-background {
|
|
grid-area: back;
|
|
}
|
|
|
|
.sheet-look {
|
|
grid-area: looks;
|
|
}
|
|
|
|
.sheet-background,
|
|
.sheet-cyborg-path,
|
|
.sheet-stranger-specialization,
|
|
.sheet-juggernaut-handicraft,
|
|
.sheet-raelith-function,
|
|
.sheet-janissary-status,
|
|
.sheet-janissary-calling {
|
|
display: grid;
|
|
gap: 10px;
|
|
grid-template-rows: 26.4px min-content;
|
|
}
|
|
|
|
.sheet-background .sheet-title,
|
|
.sheet-cyborg-path .sheet-title,
|
|
.sheet-stranger-specialization .sheet-title,
|
|
.sheet-juggernaut-handicraft .sheet-title,
|
|
.sheet-raelith-function .sheet-title,
|
|
.sheet-janissary-status .sheet-title,
|
|
.sheet-janissary-calling .sheet-title {
|
|
display: grid;
|
|
grid-template-columns: min-content 26.4px auto;
|
|
gap: 10px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-background .sheet-background-text,
|
|
.sheet-background .sheet-additional-background,
|
|
.sheet-cyborgPath,
|
|
.sheet-strangerSpecialization,
|
|
.sheet-juggernautHandicraft,
|
|
.sheet-raelithFunction,
|
|
.sheet-janissaryStatus,
|
|
.sheet-janissaryCalling {
|
|
display: grid;
|
|
grid-template-columns: 18px auto;
|
|
gap: 3px;
|
|
}
|
|
|
|
button[type=roll].sheet-infoOutput {
|
|
border: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
font-size: 1.05em;
|
|
font-weight: bold;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
height: 21px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
button[type=action].sheet-setting {
|
|
border: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
font-size: 1.05em;
|
|
font-weight: bold;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
button[type=roll].sheet-infoOutput::before {
|
|
content: '';
|
|
}
|
|
|
|
.sheet-page1 .sheet-change-button {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_background"] > .repitem > button,
|
|
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > button,
|
|
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > button,
|
|
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > button,
|
|
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > button,
|
|
.repcontainer[data-groupname="repeating_janissarycalling"] > .repitem > button,
|
|
.repcontainer[data-groupname="repeating_janissarystatus"] > .repitem > button {
|
|
min-height: 10px;
|
|
min-height: 10px;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_background"] > .repitem > .sheet-show-settings,
|
|
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > .sheet-show-settings,
|
|
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > .sheet-show-settings,
|
|
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > .sheet-show-settings,
|
|
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > .sheet-show-settings,
|
|
.repcontainer[data-groupname="repeating_janissarycalling"] > .repitem > .sheet-show-settings,
|
|
.repcontainer[data-groupname="repeating_janissarystatus"] > .repitem > .sheet-show-settings {
|
|
display: none;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_background"] > .repitem > .sheet-show-settings + div,
|
|
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > .sheet-show-settings + div,
|
|
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > .sheet-show-settings + div,
|
|
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > .sheet-show-settings + div,
|
|
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > .sheet-show-settings + div,
|
|
.repcontainer[data-groupname="repeating_janissarycalling"] > .repitem > .sheet-show-settings + div,
|
|
.repcontainer[data-groupname="repeating_janissarystatus"] > .repitem > .sheet-show-settings + div {
|
|
display: none;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_background"] > .repitem > .sheet-show-settings:not(:checked) + div,
|
|
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > .sheet-show-settings:not(:checked) + div,
|
|
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > .sheet-show-settings:not(:checked) + div,
|
|
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > .sheet-show-settings:not(:checked) + div,
|
|
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > .sheet-show-settings:not(:checked) + div,
|
|
.repcontainer[data-groupname="repeating_janissarycalling"] > .repitem > .sheet-show-settings:not(:checked) + div,
|
|
.repcontainer[data-groupname="repeating_janissarystatus"] > .repitem > .sheet-show-settings:not(:checked) + div {
|
|
display: block;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_background"] > .repitem > div> textarea,
|
|
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > div> textarea,
|
|
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > div> textarea,
|
|
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > div> textarea,
|
|
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > div> textarea,
|
|
.repcontainer[data-groupname="repeating_janissarycalling"] > .repitem > div> textarea,
|
|
.repcontainer[data-groupname="repeating_janissarystatus"] > .repitem > div> textarea {
|
|
width: 300px;
|
|
resize: vertical;
|
|
border: 1px solid;
|
|
margin: 5px;
|
|
margin-top: 0px;
|
|
height: 54px;
|
|
border-radius: 0px;
|
|
border-top: 0px;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_background"] > .repitem > div> input[type='text'],
|
|
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > div> input[type='text'],
|
|
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > div> input[type='text'],
|
|
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > div> input[type='text'],
|
|
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > div> input[type='text'],
|
|
.repcontainer[data-groupname="repeating_janissarycalling"] > .repitem > div> input[type='text'],
|
|
.repcontainer[data-groupname="repeating_janissarystatus"] > .repitem > div> input[type='text'] {
|
|
width: 310px;
|
|
border: 1px solid;
|
|
margin: 5px;
|
|
margin-bottom: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/*special start*/
|
|
.sheet-is-cyborg-bg-flag,
|
|
.sheet-is-cyborg-path-flag,
|
|
.sheet-is-cyborg-imp-flag,
|
|
.sheet-is-cyborg-dh-flag,
|
|
.sheet-is-kinetick-gg-flag,
|
|
.sheet-is-daredevil-tech-flag,
|
|
.sheet-is-engineer-probe-flag,
|
|
.sheet-is-manofsteel-armor-flag,
|
|
.sheet-is-janissary-mods-flag,
|
|
.sheet-is-shadow-bg-flag,
|
|
.sheet-is-stranger-spec-flag,
|
|
.sheet-is-juggernaut-craft-flag,
|
|
.sheet-is-raelith-fn-flag,
|
|
.sheet-is-courier-dng-flag,
|
|
.sheet-is-mercenary-death-flag,
|
|
.sheet-is-stranger-fvr-flag,
|
|
.sheet-is-supernova-imp-flag,
|
|
.sheet-is-juggernaut-adr-flag,
|
|
.sheet-is-digitaldao-ovr-flag,
|
|
.sheet-is-emissary-st-flag,
|
|
.sheet-is-raelith-fd-flag,
|
|
.sheet-is-scoundrel-lck-flag,
|
|
.sheet-is-scoundrel-blck-flag,
|
|
.sheet-is-janissary-bg-flag,
|
|
.sheet-is-janissary-st-flag,
|
|
.sheet-is-janissary-cl-flag,
|
|
.sheet-is-janissary-curse-flag,
|
|
.sheet-is-janissary-apst-flag,
|
|
.sheet-is-janissary-pnm-flag {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-is-cyborg-bg-flag:checked + .sheet-cyborg-additional,
|
|
.sheet-is-cyborg-path-flag:checked + .sheet-cyborg-additional,
|
|
.sheet-is-cyborg-dh-flag:checked + .sheet-cyborg-additional,
|
|
.sheet-is-kinetick-gg-flag:checked + .sheet-gravitygene,
|
|
.sheet-is-shadow-bg-flag:checked + .sheet-shadow-additional,
|
|
.sheet-is-stranger-spec-flag:checked + .sheet-stranger-additional,
|
|
.sheet-is-juggernaut-craft-flag:checked + .sheet-juggernaut-additional,
|
|
.sheet-is-raelith-fn-flag:checked + .sheet-raelith-additional,
|
|
.sheet-is-courier-dng-flag:checked + .sheet-courier-additional,
|
|
.sheet-is-mercenary-death-flag:checked + .sheet-mercenary-additional,
|
|
.sheet-is-stranger-fvr-flag:checked + .sheet-stranger-additional,
|
|
.sheet-is-supernova-imp-flag:checked + .sheet-supernova-additional,
|
|
.sheet-is-juggernaut-adr-flag:checked + .sheet-juggernaut-additional,
|
|
.sheet-is-digitaldao-ovr-flag:checked + .sheet-digitaldao-additional,
|
|
.sheet-is-emissary-st-flag:checked + .sheet-emissary-additional,
|
|
.sheet-is-raelith-fd-flag:checked + .sheet-raelith-additional,
|
|
.sheet-is-scoundrel-lck-flag:checked + .sheet-scoundrel-additional,
|
|
.sheet-is-scoundrel-blck-flag:checked + .sheet-scoundrel-additional,
|
|
.sheet-is-janissary-bg-flag:checked + .sheet-janissary-additional,
|
|
.sheet-is-janissary-st-flag:checked + .sheet-janissary-additional,
|
|
.sheet-is-janissary-cl-flag:checked + .sheet-janissary-additional,
|
|
.sheet-is-janissary-curse-flag:checked + .sheet-janissary-additional,
|
|
.sheet-is-janissary-apst-flag:checked + .sheet-janissary-additional,
|
|
.sheet-is-janissary-pnm-flag:checked + .sheet-janissary-additional {
|
|
display: grid;
|
|
}
|
|
|
|
.sheet-is-cyborg-bg-flag:not(:checked) + .sheet-cyborg-additional,
|
|
.sheet-is-cyborg-path-flag:not(:checked) + .sheet-cyborg-additional,
|
|
.sheet-is-cyborg-dh-flag:not(:checked) + .sheet-cyborg-additional,
|
|
.sheet-is-kinetick-gg-flag:not(:checked) + .sheet-gravitygene,
|
|
.sheet-is-shadow-bg-flag:not(:checked) + .sheet-shadow-additional,
|
|
.sheet-is-stranger-spec-flag:not(:checked) + .sheet-stranger-additional,
|
|
.sheet-is-juggernaut-craft-flag:not(:checked) + .sheet-juggernaut-additional,
|
|
.sheet-is-courier-dng-flag:not(:checked) + .sheet-courier-additional,
|
|
.sheet-is-mercenary-death-flag:not(:checked) + .sheet-mercenary-additional,
|
|
.sheet-is-stranger-fvr-flag:not(:checked) + .sheet-stranger-additional,
|
|
.sheet-is-supernova-imp-flag:not(:checked) + .sheet-supernova-additional,
|
|
.sheet-is-juggernaut-adr-flag:not(:checked) + .sheet-juggernaut-additional,
|
|
.sheet-is-digitaldao-ovr-flag:not(:checked) + .sheet-digitaldao-additional,
|
|
.sheet-is-emissary-st-flag:not(:checked) + .sheet-emissary-additional,
|
|
.sheet-is-raelith-fd-flag:not(:checked) + .sheet-raelith-additional,
|
|
.sheet-is-scoundrel-lck-flag:not(:checked) + .sheet-scoundrel-additional,
|
|
.sheet-is-scoundrel-blck-flag:not(:checked) + .sheet-scoundrel-additional,
|
|
.sheet-is-janissary-bg-flag:not(:checked) + .sheet-janissary-additional,
|
|
.sheet-is-janissary-curse-flag:not(:checked) + .sheet-janissary-additional,
|
|
.sheet-is-janissary-apst-flag:not(:checked) + .sheet-janissary-additional,
|
|
.sheet-is-janissary-pnm-flag:not(:checked) + .sheet-janissary-additional {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-is-cyborg-flag:not(:checked) + .sheet-cyborg-path,
|
|
.sheet-is-stranger-spec-flag:not(:checked) + .sheet-stranger-specialization,
|
|
.sheet-is-juggernaut-craft-flag:not(:checked) + .sheet-juggernaut-path,
|
|
.sheet-is-raelith-fn-flag:not(:checked) + .sheet-raelith-additional,
|
|
.sheet-is-janissary-st-flag:not(:checked) + .sheet-janissary-additional,
|
|
.sheet-is-janissary-cl-flag:not(:checked) + .sheet-janissary-additional {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-cyborgPath-show-flag,
|
|
.sheet-strangerSpecialization-show-flag,
|
|
.sheet-juggernautHandicraft-show-flag,
|
|
.sheet-raelithFunction-show-flag,
|
|
.sheet-janissaryCalling-show-flag,
|
|
.sheet-janissaryStatus-show-flag {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-cyborgPath-show-flag:checked + div,
|
|
.sheet-strangerSpecialization-show-flag:checked + div,
|
|
.sheet-juggernautHandicraft-show-flag:checked + div,
|
|
.sheet-raelithFunction-show-flag:checked + div,
|
|
.sheet-janissaryCalling-show-flag:checked + div,
|
|
.sheet-janissaryStatus-show-flag:checked + div {
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-cyborgPath-show-flag:not(:checked) + div,
|
|
.sheet-strangerSpecialization-show-flag:not(:checked) + div,
|
|
.sheet-juggernautHandicraft-show-flag:not(:checked) + div,
|
|
.sheet-raelithFunction-show-flag:not(:checked) + div,
|
|
.sheet-janissaryCalling-show-flag:not(:checked) + div,
|
|
.sheet-janissaryStatus-show-flag:not(:checked) + div {
|
|
display: none;
|
|
}
|
|
|
|
/* raelith special start*/
|
|
.sheet-is-raelith-fn-flag:checked + .sheet-background {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-is-raelith-fn-flag:not(:checked) + .sheet-background {
|
|
display: grid;
|
|
}
|
|
|
|
/* raelith special end */
|
|
|
|
/* cyborg spec start */
|
|
.sheet-is-cyborg-imp-flag + label,
|
|
.sheet-is-daredevil-tech-flag + label,
|
|
.sheet-is-engineer-probe-flag + label,
|
|
.sheet-is-manofsteel-armor-flag + label,
|
|
.sheet-is-janissary-mods-flag + label {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-is-cyborg-imp-flag:checked + label,
|
|
.sheet-is-daredevil-tech-flag:checked + label,
|
|
.sheet-is-engineer-probe-flag:checked + label,
|
|
.sheet-is-manofsteel-armor-flag:checked + label,
|
|
.sheet-is-janissary-mods-flag:checked + label {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-is-cyborg-imp-flag:not(:checked) + label,
|
|
.sheet-is-daredevil-tech-flag:not(:checked) + label,
|
|
.sheet-is-engineer-probe-flag:not(:checked) + label,
|
|
.sheet-is-manofsteel-armor-flag:not(:checked) + label,
|
|
.sheet-is-janissary-mods-flag:not(:checked) + label {
|
|
display: none;
|
|
}
|
|
/* cyborg spec end */
|
|
/* special end*/
|
|
|
|
/* page1 look start */
|
|
.sheet-look .sheet-expand-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-look .sheet-title {
|
|
display: grid;
|
|
grid-template-columns: max-content 26.4px auto;
|
|
gap: 10px;
|
|
}
|
|
|
|
.sheet-look button.sheet-expand-look {
|
|
margin: 0;
|
|
overflow: visible;
|
|
text-transform: none;
|
|
border-style: none;
|
|
padding: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
border:0.1em solid rgb(14, 13, 13);
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Hide the section(s) that do not match the attribute value */
|
|
input.sheet-expand-hidden:not(:checked) + div > button.sheet-expand-look > span.sheet-expanded {
|
|
display: none;
|
|
}
|
|
input.sheet-expand-hidden:checked + div > button.sheet-expand-look > span.sheet-notexpanded {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-look-example {
|
|
display: block;
|
|
opacity: 0;
|
|
max-height: 0;
|
|
transition: max-height 0.5s ease-out;
|
|
overflow: hidden;
|
|
cursor: default;
|
|
}
|
|
|
|
.sheet-look .sheet-expand-hidden:checked ~ .sheet-look-example {
|
|
display: block;
|
|
opacity: 1;
|
|
max-height: 92px;
|
|
transition: max-height 0.5s ease-in;
|
|
width: 380px;
|
|
resize: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: none;
|
|
border: none;
|
|
cursor: default;
|
|
overflow: auto;
|
|
outline: none;
|
|
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-look .sheet-look-input {
|
|
width: 380px;
|
|
height: 100px;
|
|
resize: vertical;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
/* page1 look end */
|
|
|
|
/* page1 startgear start */
|
|
.sheet-start-gear-label {
|
|
display: block;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
.sheet-start-gear button.sheet-toggle {
|
|
padding: 0;
|
|
padding-right: 1px;
|
|
padding-left: 1px;
|
|
padding-bottom: 2px;
|
|
border: solid 1px #a8a8a8;
|
|
cursor: pointer;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 3px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 21px;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
}
|
|
.sheet-start-gear button.sheet-toggle span.sheet-added,
|
|
.sheet-start-gear button.sheet-toggle:active span.sheet-checked {
|
|
display: none;
|
|
}
|
|
.sheet-start-gear button.sheet-toggle:active span.sheet-added {
|
|
display: inline;
|
|
}
|
|
|
|
/* .repcontainer[data-groupname="repeating_startgear"] > .repitem {
|
|
line-height: 12px;
|
|
} */
|
|
.repcontainer[data-groupname="repeating_startgear"] > .repitem {
|
|
display: grid;
|
|
grid-template-columns: 18px auto;
|
|
gap: 5px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.repcontainer[data-groupname="repeating_startgear"] > .repitem span.sheet-name {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-start-gear .sheet-expander {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: -13px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-start-gear .sheet-expand-start-gear + span::before {
|
|
top: -3px;
|
|
margin-left: -6px;
|
|
border: solid 1px black;
|
|
border-radius: 0px;
|
|
color: white;
|
|
background-color: rgb(35, 31, 32);
|
|
width: 15px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
content: "◂";
|
|
}
|
|
|
|
.sheet-start-gear .sheet-expand-start-gear:checked + span::before {
|
|
content: "▾";
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_startgear"] {
|
|
display: block;
|
|
transition: max-height 0.5s ease-out;
|
|
opacity: 0;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-expand-start-gear:checked ~ .repcontainer[data-groupname="repeating_startgear"] {
|
|
display: block;
|
|
opacity: 1;
|
|
max-height: 1700px;
|
|
transition: max-height 0.5s ease-in;
|
|
}
|
|
|
|
/* page1 startgear end */
|
|
/* page1 page end */
|
|
|
|
/* page2 page start*/
|
|
.sheet-page2 {
|
|
display: grid;
|
|
grid-template-columns: 383px 383px;
|
|
grid-gap: 6px;
|
|
grid-template-rows: auto;
|
|
grid-template-areas:
|
|
"attributes bonds"
|
|
"inventory notes";
|
|
grid-auto-flow: row;
|
|
}
|
|
|
|
.sheet-attributes {
|
|
display: grid;
|
|
grid-area: attributes;
|
|
grid-template-columns: 110px 268px;
|
|
grid-template-areas:
|
|
"main sub"
|
|
"fortune fortune"
|
|
"special special";
|
|
gap: 5px;
|
|
grid-auto-rows: min-content;
|
|
}
|
|
|
|
/*page2 main-attr start*/
|
|
.sheet-attributes .sheet-main-attributes {
|
|
grid-area: main;
|
|
display: grid;
|
|
grid-template-columns: 110px;
|
|
grid-template-rows: 35px 35px 35px 35px;
|
|
row-gap: 3px;
|
|
height: min-content;
|
|
}
|
|
.sheet-attributes .sheet-main-attributes .sheet-attribute-container,
|
|
.sheet-attributes .sheet-main-attributes .sheet-additional-attribute-container {
|
|
grid-template-columns: 75px 35px;
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-gap: 0px;
|
|
background-color: white;
|
|
color: #fff;
|
|
}
|
|
.sheet-attributes .sheet-main-attributes .sheet-attribute-container {
|
|
display: grid;
|
|
}
|
|
|
|
|
|
.sheet-attribute-input {
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 4;
|
|
background: white;
|
|
border-color: black;
|
|
border-width: 2px;
|
|
text-align: center;
|
|
border-radius: 0px;
|
|
width: 35px;
|
|
height: 29px;
|
|
}
|
|
|
|
.sheet-attribute-name {
|
|
background-color: black;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
padding: 3px;
|
|
}
|
|
|
|
button[type=roll].sheet-attribute-name {
|
|
background: unset;
|
|
background-color: black;
|
|
color: white;
|
|
|
|
padding: 3px;
|
|
|
|
text-transform: none;
|
|
text-decoration: none;
|
|
text-align: unset;
|
|
|
|
font-family: unset;
|
|
font-weight: unset;
|
|
font-size: unset;
|
|
|
|
border: none;
|
|
border-radius: 0em;
|
|
border-style: none;
|
|
|
|
|
|
|
|
box-sizing: border-box;
|
|
box-shadow: none;
|
|
|
|
transition: all 0.2s;
|
|
|
|
margin: 0;
|
|
overflow: visible;
|
|
|
|
cursor: pointer;
|
|
}
|
|
button[type=roll].sheet-attribute-name::before {
|
|
content: none;
|
|
}
|
|
button[type=roll].sheet-attribute-name:focus {
|
|
outline: unset;
|
|
outline-offset: unset;
|
|
}
|
|
/*page2 main-attr end*/
|
|
|
|
/*page2 sub-attr start*/
|
|
.sheet-attributes .sheet-sub-attributes {
|
|
grid-area: sub;
|
|
display: grid;
|
|
grid-template-columns: 268px;
|
|
grid-template-rows: 35px 35px 35px 60px;
|
|
row-gap: 3px;
|
|
height: min-content;
|
|
}
|
|
|
|
.sheet-sub-attributes .sheet-atack,
|
|
.sheet-sub-attributes .sheet-armor,
|
|
.sheet-sub-attributes .sheet-hp ,
|
|
.sheet-sub-attributes .sheet-gear {
|
|
display: grid;
|
|
grid-template-rows: 5px 25px 5px;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-sub-attributes .sheet-atack {
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . . . ."
|
|
"atack-lbl atack-box1 . atack-box2 . atack-box3 . atack-box4 . atack-box5 . addatackbutton . sbstrctatackbutton"
|
|
". . . . . . . . . . . . . .";
|
|
}
|
|
|
|
.sheet-sub-attributes .sheet-armor {
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . . . ."
|
|
"armor-lbl armor-box1 . armor-box2 . armor-box3 . armor-box4 . armor-box5 . addarmorbutton . sbstrctarmorbutton"
|
|
". . . . . . . . . . . . . .";
|
|
}
|
|
|
|
.sheet-sub-attributes .sheet-hp {
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . . . ."
|
|
"hp-lbl hp-box1 . hp-box2 . hp-box3 . hp-box4 . hp-box5 . addhpbutton . sbstrcthpbutton"
|
|
". . . . . . . . . . . . . .";
|
|
}
|
|
|
|
.sheet-sub-attributes .sheet-gear {
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
grid-template-columns: 95px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px;
|
|
grid-template-rows: 5px 12.5px 12.5px 12.5px 12.5px 5px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . ."
|
|
". gear-box1 . gear-box2 . gear-box3 . gear-box4 . gear-box5 . addgearbutton"
|
|
"gear-lbl gear-box1 . gear-box2 . gear-box3 . gear-box4 . gear-box5 . addgearbutton"
|
|
"gear-lbl gear-box6 . gear-box7 . gear-box8 . gear-box9 . gear-box10 . sbstrctgearbutton"
|
|
". gear-box6 . gear-box7 . gear-box8 . gear-box9 . gear-box10 . sbstrctgearbutton"
|
|
". . . . . . . . . . . .";
|
|
}
|
|
|
|
.sheet-atack-lbl,
|
|
.sheet-armor-lbl,
|
|
.sheet-hp-lbl,
|
|
.sheet-gear-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-atack-lbl {
|
|
grid-area: atack-lbl;
|
|
}
|
|
|
|
.sheet-armor-lbl {
|
|
grid-area: armor-lbl;
|
|
}
|
|
|
|
.sheet-hp-lbl {
|
|
grid-area: hp-lbl;
|
|
}
|
|
|
|
.sheet-gear-lbl {
|
|
grid-area: gear-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-atack-box,
|
|
input[type="checkbox"].sheet-armor-box,
|
|
input[type="checkbox"].sheet-hp-box,
|
|
input[type="checkbox"].sheet-gear-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-atack-box + span,
|
|
input[type="checkbox"].sheet-armor-box + span,
|
|
input[type="checkbox"].sheet-hp-box + span,
|
|
input[type="checkbox"].sheet-gear-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-atack-box:checked ~ input[type="checkbox"].sheet-atack-box + span,
|
|
input[type="checkbox"].sheet-armor-box:checked ~ input[type="checkbox"].sheet-armor-box + span,
|
|
input[type="checkbox"].sheet-hp-box:checked ~ input[type="checkbox"].sheet-hp-box + span,
|
|
input[type="checkbox"].sheet-gear-box:checked ~ input[type="checkbox"].sheet-gear-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-atack-box0,
|
|
input.sheet-armor-box0,
|
|
input.sheet-hp-box0,
|
|
input.sheet-gear-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-atack-box1 {
|
|
grid-area: atack-box1;
|
|
}
|
|
.sheet-atack-box2 {
|
|
grid-area: atack-box2;
|
|
}
|
|
.sheet-atack-box3 {
|
|
grid-area: atack-box3;
|
|
}
|
|
.sheet-atack-box4 {
|
|
grid-area: atack-box4;
|
|
}
|
|
.sheet-atack-box5 {
|
|
grid-area: atack-box5;
|
|
}
|
|
|
|
.sheet-armor-box1 {
|
|
grid-area: armor-box1;
|
|
}
|
|
.sheet-armor-box2 {
|
|
grid-area: armor-box2;
|
|
}
|
|
.sheet-armor-box3 {
|
|
grid-area: armor-box3;
|
|
}
|
|
.sheet-armor-box4 {
|
|
grid-area: armor-box4;
|
|
}
|
|
.sheet-armor-box5 {
|
|
grid-area: armor-box5;
|
|
}
|
|
|
|
.sheet-hp-box1 {
|
|
grid-area: hp-box1;
|
|
}
|
|
.sheet-hp-box2 {
|
|
grid-area: hp-box2;
|
|
}
|
|
.sheet-hp-box3 {
|
|
grid-area: hp-box3;
|
|
}
|
|
.sheet-hp-box4 {
|
|
grid-area: hp-box4;
|
|
}
|
|
.sheet-hp-box5 {
|
|
grid-area: hp-box5;
|
|
}
|
|
|
|
.sheet-gear-box1 {
|
|
grid-area: gear-box1;
|
|
}
|
|
.sheet-gear-box2 {
|
|
grid-area: gear-box2;
|
|
}
|
|
.sheet-gear-box3 {
|
|
grid-area: gear-box3;
|
|
}
|
|
.sheet-gear-box4 {
|
|
grid-area: gear-box4;
|
|
}
|
|
.sheet-gear-box5 {
|
|
grid-area: gear-box5;
|
|
}
|
|
.sheet-gear-box6 {
|
|
grid-area: gear-box6;
|
|
}
|
|
.sheet-gear-box7 {
|
|
grid-area: gear-box7;
|
|
}
|
|
.sheet-gear-box8 {
|
|
grid-area: gear-box8;
|
|
}
|
|
.sheet-gear-box9 {
|
|
grid-area: gear-box9;
|
|
}
|
|
.sheet-gear-box10 {
|
|
grid-area: gear-box10;
|
|
}
|
|
|
|
input.sheet-atack-max,
|
|
input.sheet-armor-max,
|
|
input.sheet-hp-max,
|
|
input.sheet-gear-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-atack-max:checked ~ input[type="checkbox"].sheet-atack-box,
|
|
input[type="checkbox"].sheet-armor-max:checked ~ input[type="checkbox"].sheet-armor-box,
|
|
input[type="checkbox"].sheet-hp-max:checked ~ input[type="checkbox"].sheet-hp-box,
|
|
input[type="checkbox"].sheet-gear-max:checked ~ input[type="checkbox"].sheet-gear-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-atack-max:checked ~ input[type="checkbox"].sheet-atack-box +span,
|
|
input[type="checkbox"].sheet-armor-max:checked ~ input[type="checkbox"].sheet-armor-box +span,
|
|
input[type="checkbox"].sheet-hp-max:checked ~ input[type="checkbox"].sheet-hp-box +span,
|
|
input[type="checkbox"].sheet-gear-max:checked ~ input[type="checkbox"].sheet-gear-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrctatackbutton, .sheet-addatackbutton,
|
|
.sheet-sbstrctarmorbutton, .sheet-addarmorbutton,
|
|
.sheet-sbstrcthpbutton, .sheet-addhpbutton,
|
|
.sheet-sbstrctgearbutton, .sheet-addgearbutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrctatackbutton {
|
|
grid-area: sbstrctatackbutton;
|
|
}
|
|
.sheet-addatackbutton {
|
|
grid-area: addatackbutton;
|
|
}
|
|
|
|
.sheet-sbstrctarmorbutton {
|
|
grid-area: sbstrctarmorbutton;
|
|
}
|
|
.sheet-addarmorbutton {
|
|
grid-area: addarmorbutton;
|
|
}
|
|
|
|
.sheet-sbstrcthpbutton {
|
|
grid-area: sbstrcthpbutton;
|
|
}
|
|
.sheet-addhpbutton {
|
|
grid-area: addhpbutton;
|
|
}
|
|
|
|
.sheet-sbstrctgearbutton {
|
|
grid-area: sbstrctgearbutton;
|
|
}
|
|
.sheet-addgearbutton {
|
|
grid-area: addgearbutton;
|
|
}
|
|
/*page2 sub-attr end*/
|
|
|
|
/*page2 fortune start */
|
|
.sheet-fortune {
|
|
grid-area: fortune;
|
|
display: grid;
|
|
gap: 5px;
|
|
grid-auto-rows: 35px;
|
|
}
|
|
|
|
.sheet-fortune div {
|
|
grid-column-end: 3;
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-fortune .sheet-money {
|
|
grid-template-columns: 120px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . . . ."
|
|
"money-lbl money-box1 . money-box2 . money-box3 . money-box4 . money-box5 . addmoneybutton . sbstrctmoneybutton"
|
|
". . . . . . . . . . . . . .";
|
|
}
|
|
|
|
.sheet-fortune .sheet-wealth {
|
|
grid-template-columns: 120px 25px 2px 25px 2px 25px 3px 25px 2px 25px 27px;
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-areas:
|
|
". . . . . . . . . ."
|
|
"wealth-lbl wealth-box1 . wealth-box2 . wealth-box3 . addwealthbutton . sbstrctwealthbutton"
|
|
". . . . . . . . . .";
|
|
}
|
|
|
|
.sheet-money-lbl,
|
|
.sheet-wealth-lbl {
|
|
grid-area: money-lbl;
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-money-lbl {
|
|
grid-area: money-lbl;
|
|
}
|
|
|
|
.sheet-wealth-lbl {
|
|
grid-area: wealth-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-money-box,
|
|
input[type="checkbox"].sheet-wealth-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-money-box + span,
|
|
input[type="checkbox"].sheet-wealth-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-money-box:checked ~ input[type="checkbox"].sheet-money-box + span,
|
|
input[type="checkbox"].sheet-wealth-box:checked ~ input[type="checkbox"].sheet-wealth-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-money-box0,
|
|
input.sheet-wealth-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-money-box1 {
|
|
grid-area: money-box1;
|
|
}
|
|
.sheet-money-box2 {
|
|
grid-area: money-box2;
|
|
}
|
|
.sheet-money-box3 {
|
|
grid-area: money-box3;
|
|
}
|
|
.sheet-money-box4 {
|
|
grid-area: money-box4;
|
|
}
|
|
.sheet-money-box5 {
|
|
grid-area: money-box5;
|
|
}
|
|
|
|
.sheet-wealth-box1 {
|
|
grid-area: wealth-box1;
|
|
}
|
|
.sheet-wealth-box2 {
|
|
grid-area: wealth-box2;
|
|
}
|
|
.sheet-wealth-box3 {
|
|
grid-area: wealth-box3;
|
|
}
|
|
|
|
input.sheet-money-max,
|
|
input.sheet-wealth-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-money-max:checked ~ input[type="checkbox"].sheet-money-box,
|
|
input[type="checkbox"].sheet-wealth-max:checked ~ input[type="checkbox"].sheet-wealth-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-money-max:checked ~ input[type="checkbox"].sheet-money-box +span,
|
|
input[type="checkbox"].sheet-wealth-max:checked ~ input[type="checkbox"].sheet-wealth-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrctmoneybutton, .sheet-addmoneybutton,
|
|
.sheet-sbstrctwealthbutton, .sheet-addwealthbutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrctmoneybutton {
|
|
grid-area: sbstrctmoneybutton;
|
|
}
|
|
.sheet-addmoneybutton {
|
|
grid-area: addmoneybutton;
|
|
}
|
|
|
|
|
|
.sheet-sbstrctwealthbutton {
|
|
grid-area: sbstrctwealthbutton;
|
|
}
|
|
.sheet-addwealthbutton {
|
|
grid-area: addwealthbutton;
|
|
}
|
|
/* page2 fortune end*/
|
|
|
|
/* page2 inventory start */
|
|
.sheet-inventory {
|
|
grid-area: inventory;
|
|
}
|
|
.sheet-inventory-label {
|
|
display: block;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-inventory textarea {
|
|
width: calc(100% - 40px);
|
|
resize: vertical;
|
|
border: 1px solid;
|
|
margin: 5px;
|
|
height: 54px;
|
|
border-radius: 0px;
|
|
border-top: 0px;
|
|
}
|
|
|
|
.sheet-inventory input {
|
|
margin: 5px;
|
|
margin-top: 0px;
|
|
font-weight: bold;
|
|
border: 1px solid;
|
|
width: calc(100% - 30px);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.sheet-inventory .sheet-expander {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -2px;
|
|
left: 4px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-inventory .sheet-expand-inventory + span::before {
|
|
top: -3px;
|
|
margin-left: -6px;
|
|
border: solid 1px black;
|
|
border-radius: 0px;
|
|
color: white;
|
|
background-color: rgb(35, 31, 32);
|
|
width: 15px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
content: "◂";
|
|
}
|
|
|
|
.sheet-inventory .sheet-expand-inventory:checked + span::before {
|
|
content: "▾";
|
|
}
|
|
|
|
.sheet-inventory-expansion {
|
|
display: block;
|
|
transition: max-height 0.5s ease-out;
|
|
opacity: 0;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-expand-inventory:checked ~ .sheet-inventory-expansion {
|
|
display: block;
|
|
opacity: 1;
|
|
max-height: 700px;
|
|
transition: max-height 0.5s ease-in;
|
|
margin-top: -10px;
|
|
}
|
|
/* page2 inventory end */
|
|
|
|
|
|
|
|
|
|
/* page2 bonds start */
|
|
.sheet-bonds {
|
|
grid-area: bonds;
|
|
}
|
|
|
|
.sheet-bonds-label {
|
|
display: block;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-bonds-main {
|
|
padding: 0px 4px;
|
|
}
|
|
|
|
.sheet-bonds textarea {
|
|
width: calc(100% - 70px);
|
|
resize: vertical;
|
|
border: 1px solid;
|
|
margin: 5px;
|
|
height: 54px;
|
|
border-radius: 0px;
|
|
border-top: 0px;
|
|
margin-left: 10%;
|
|
}
|
|
|
|
.sheet-bonds input {
|
|
margin: 5px;
|
|
margin-top: 0px;
|
|
font-weight: bold;
|
|
border: 1px solid;
|
|
width: calc(100% - 60px);
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.sheet-bonds .sheet-expander {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: -2px;
|
|
left: 4px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-bonds .sheet-expand-bond + span::before {
|
|
top: -3px;
|
|
margin-left: -6px;
|
|
border: solid 1px black;
|
|
border-radius: 0px;
|
|
color: white;
|
|
background-color: rgb(35, 31, 32);
|
|
width: 15px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
content: "◂";
|
|
}
|
|
|
|
.sheet-bonds .sheet-expand-bond:checked + span::before {
|
|
content: "▾";
|
|
}
|
|
|
|
.sheet-bond-expansion {
|
|
display: block;
|
|
transition: max-height 0.5s ease-out;
|
|
opacity: 0;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-expand-bond:checked ~ .sheet-bond-expansion {
|
|
display: block;
|
|
opacity: 1;
|
|
max-height: 700px;
|
|
transition: max-height 0.5s ease-in;
|
|
margin-top: -10px;
|
|
}
|
|
/* page2 bonds end */
|
|
|
|
/* page2 notes start */
|
|
.sheet-notes {
|
|
grid-area: notes;
|
|
}
|
|
.sheet-notes-label {
|
|
display: block;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
.sheet-notes-input {
|
|
width: calc(100% - 20px);
|
|
resize: vertical;
|
|
border: 1px solid;
|
|
margin: 5px;
|
|
height: 54px;
|
|
border-radius: 0px;
|
|
}
|
|
/* page2 notes end */
|
|
|
|
/* page2 page end*/
|
|
|
|
/* page3 page start */
|
|
.sheet-page3 {
|
|
display: grid;
|
|
grid-template-rows: 35px auto;
|
|
grid-template-areas: "moves-navigation" "moves-main";
|
|
grid-gap: 6px;
|
|
}
|
|
.sheet-moves-navigation {
|
|
grid-area: moves-navigation;
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
justify-self: center;
|
|
align-self: end;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto;
|
|
grid-column-gap: 5px;
|
|
grid-column-end: 2;
|
|
grid-column-start: 1;
|
|
grid-row-end: 2;
|
|
grid-row-start: 1;
|
|
}
|
|
|
|
.sheet-moves-navigation .sheet-nav-moves-button {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-moves-navigation .sheet-nav-moves-button input{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.sheet-moves-navigation .sheet-nav-moves-button span{
|
|
display:inline-grid;
|
|
border:0.1em solid rgb(14, 13, 13);
|
|
background-color: transparent;
|
|
border-radius:0.12em;
|
|
box-sizing: border-box;
|
|
text-decoration:none;
|
|
font-family:'Roboto',sans-serif;
|
|
font-weight:300;
|
|
color: #D3D3D3;
|
|
text-align:center;
|
|
transition: all 0.2s;
|
|
padding: 2px 6px 2px 6px;
|
|
}
|
|
|
|
.sheet-moves-navigation .sheet-nav-moves-button input[type=radio]:checked + span,
|
|
.sheet-moves-navigation .sheet-nav-moves-button:hover span {
|
|
color: rgb(35, 31, 32);
|
|
}
|
|
|
|
/* page3 moves start */
|
|
.repcontainer[data-groupname=repeating_moves] button[type=roll]::before {
|
|
content: none;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] button[type=roll] {
|
|
margin: 0;
|
|
overflow: visible;
|
|
text-transform: none;
|
|
border-style: none;
|
|
padding: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
}
|
|
.repcontainer[data-groupname=repeating_moves] button[type=roll] span {
|
|
font-family: "dicefontd6";
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] button[type=roll] {
|
|
display: none;
|
|
}
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] button.sheet-add-move {
|
|
padding: 0;
|
|
padding-right: 1px;
|
|
border: solid 1px #a8a8a8;
|
|
cursor: pointer;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 3px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 30px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
.sheet-moves-own,
|
|
.sheet-moves-base,
|
|
.sheet-moves-optional,
|
|
.sheet-moves-space,
|
|
.sheet-cyborg-implants,
|
|
.sheet-daredevil-tech,
|
|
.sheet-engineer-probe,
|
|
.sheet-manofsteel-armor,
|
|
.sheet-janissary_mods {
|
|
display: none;
|
|
}
|
|
|
|
/*grid start*/
|
|
/* show the selected tab */
|
|
|
|
.sheet-page3 .sheet-tabstoggle[value="own"] ~ .sheet-moves-own,
|
|
.sheet-page3 .sheet-tabstoggle[value="base"] ~ .sheet-moves-base,
|
|
.sheet-page3 .sheet-tabstoggle[value="optional"] ~ .sheet-moves-optional,
|
|
.sheet-page3 .sheet-tabstoggle[value="space"] ~ .sheet-moves-space,
|
|
.sheet-page3 .sheet-tabstoggle[value="implants"] ~ .sheet-cyborg-implants,
|
|
.sheet-page3 .sheet-tabstoggle[value="tech"] ~.sheet-daredevil-tech,
|
|
.sheet-page3 .sheet-tabstoggle[value="probe"] ~.sheet-engineer-probe,
|
|
.sheet-page3 .sheet-tabstoggle[value="armor"] ~.sheet-manofsteel-armor,
|
|
.sheet-page3 .sheet-tabstoggle[value="biomods"] ~.sheet-janissary_mods {
|
|
display: grid;
|
|
}
|
|
|
|
.sheet-page3 .sheet-tabstoggle[value="own"] ~ .sheet-moves-base,
|
|
.sheet-page3 .sheet-tabstoggle[value="own"] ~ .sheet-moves-optional,
|
|
.sheet-page3 .sheet-tabstoggle[value="base"] ~ .sheet-moves-own,
|
|
.sheet-page3 .sheet-tabstoggle[value="base"] ~ .sheet-moves-optional,
|
|
.sheet-page3 .sheet-tabstoggle[value="optional"] ~ .sheet-moves-own,
|
|
.sheet-page3 .sheet-tabstoggle[value="optional"] ~ .sheet-moves-base {
|
|
display: none;
|
|
}
|
|
|
|
div.sheet-moves-own {
|
|
grid-area: moves-main;
|
|
grid-auto-flow: column;
|
|
grid-template-rows: auto;
|
|
grid-template-columns: 383px 383px;
|
|
width: 772px;
|
|
gap: 6px;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves],
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] {
|
|
display: grid;
|
|
grid-template-columns: 383px;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] {
|
|
gap: 6px;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title {
|
|
display: grid;
|
|
grid-template-columns: 26.4px max-content 18px 18px 18px 18px;
|
|
gap: 5px;
|
|
align-items: center;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title span,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title span {
|
|
max-width: 305px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion textarea,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-expansion textarea {
|
|
width: calc(100% - 20px);
|
|
resize: vertical;
|
|
height: 80px;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-description textarea,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-description textarea {
|
|
margin: 0;
|
|
resize: vertical;
|
|
padding: 0;
|
|
border: none;
|
|
width: 380px;
|
|
background: none;
|
|
cursor: default;
|
|
overflow: auto;
|
|
outline: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] input[type='number'],
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] input[type='number'] {
|
|
width: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-moves-upgrade {
|
|
display: grid;
|
|
grid-template-rows: 26.4px auto;
|
|
}
|
|
|
|
.sheet-moves-upgrade .sheet-expand-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves-upgrade .sheet-moves-upgrade-title {
|
|
display: grid;
|
|
grid-template-columns: max-content 26.4px auto;
|
|
gap: 10px;
|
|
}
|
|
|
|
.sheet-moves-upgrade button.sheet-expand-upgrade {
|
|
margin: 0;
|
|
overflow: visible;
|
|
text-transform: none;
|
|
border-style: none;
|
|
padding: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
border:0.1em solid rgb(14, 13, 13);
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Hide the section(s) that do not match the attribute value */
|
|
.sheet-moves-upgrade input.sheet-expand-hidden:not(:checked) + div > button.sheet-expand-upgrade > span.sheet-expanded {
|
|
display: none;
|
|
}
|
|
.sheet-moves-upgrade input.sheet-expand-hidden:checked + div > button.sheet-expand-upgrade > span.sheet-notexpanded {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves-upgrade-body {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves-upgrade .sheet-expand-hidden:checked ~ .sheet-moves-upgrade-body {
|
|
display: block;
|
|
}
|
|
/* grid end */
|
|
|
|
.sheet-moves .sheet-expand-hidden,
|
|
.sheet-moves-upgrade .sheet-expand-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title button.sheet-optional-move,
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title .sheet-checkablecheck,
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title button.sheet-inscribe-move,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title button.sheet-optional-move,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title .sheet-checkablecheck {
|
|
display: none;
|
|
}
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-hidden,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title button.sheet-expand-move,
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title button.sheet-change-move,
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title input.sheet-show-expand-optional:checked ~ button.sheet-optional-move,
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title input.sheet-show-expand-inscribe:checked ~ button.sheet-inscribe-move,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title button.sheet-expand-move,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title button.sheet-change-move,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title input.sheet-show-expand-optional:checked ~ button.sheet-optional-move {
|
|
display: grid;
|
|
margin: 0;
|
|
overflow: visible;
|
|
text-transform: none;
|
|
border-style: none;
|
|
padding: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title input.sheet-show-checkable:checked ~ .sheet-checkablecheck,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title input.sheet-show-checkable:checked ~ .sheet-checkablecheck {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-moves button.sheet-expand-move > span.sheet-expanded,
|
|
.sheet-moves button.sheet-expand-move > span.sheet-not-expanded,
|
|
.sheet-moves-upgrade button.sheet-expand-move > span.sheet-expanded,
|
|
.sheet-moves-upgrade button.sheet-expand-move > span.sheet-not-expanded {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-moves button.sheet-change-move > span.sheet-save,
|
|
.sheet-moves button.sheet-change-move > span.sheet-change,
|
|
.sheet-moves button.sheet-optional-move > span.sheet-open,
|
|
.sheet-moves button.sheet-optional-move > span.sheet-close,
|
|
.sheet-moves button.sheet-inscribe-move > span.sheet-open,
|
|
.sheet-moves button.sheet-inscribe-move > span.sheet-close,
|
|
.sheet-moves-upgrade button.sheet-change-move > span.sheet-save,
|
|
.sheet-moves-upgrade button.sheet-change-move > span.sheet-change,
|
|
.sheet-moves-upgrade button.sheet-optional-move > span.sheet-open,
|
|
.sheet-moves-upgrade button.sheet-optional-move > span.sheet-close {
|
|
display: block;
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-moves input.sheet-expand-description:not(:checked) ~ div > button.sheet-expand-move > span.sheet-expanded,
|
|
.sheet-moves-upgrade input.sheet-expand-description:not(:checked) ~ div > button.sheet-expand-move > span.sheet-expanded {
|
|
display: none;
|
|
}
|
|
.sheet-moves input.sheet-expand-description:checked ~ div > button.sheet-expand-move > span.sheet-not-expanded,
|
|
.sheet-moves-upgrade input.sheet-expand-description:checked ~ div > button.sheet-expand-move > span.sheet-not-expanded {
|
|
display: none;
|
|
}
|
|
.sheet-moves input.sheet-expand-settings:not(:checked) ~ div > button.sheet-change-move > span.sheet-save,
|
|
.sheet-moves-upgrade input.sheet-expand-settings:not(:checked) ~ div > button.sheet-change-move > span.sheet-save {
|
|
display: none;
|
|
}
|
|
.sheet-moves input.sheet-expand-settings:checked ~ div > button.sheet-change-move > span.sheet-change,
|
|
.sheet-moves-upgrade input.sheet-expand-settings:checked ~ div > button.sheet-change-move > span.sheet-change {
|
|
display: none;
|
|
}
|
|
.sheet-moves input.sheet-expand-optional:not(:checked) ~ div > button.sheet-optional-move > span.sheet-close,
|
|
.sheet-moves input.sheet-expand-inscribe:not(:checked) ~ div > button.sheet-inscribe-move > span.sheet-close,
|
|
.sheet-moves-upgrade input.sheet-expand-optional:not(:checked) ~ div > button.sheet-optional-move > span.sheet-close {
|
|
display: none;
|
|
}
|
|
.sheet-moves input.sheet-expand-optional:checked ~ div > button.sheet-optional-move > span.sheet-open,
|
|
.sheet-moves input.sheet-expand-inscribe:checked ~ div > button.sheet-inscribe-move > span.sheet-open,
|
|
.sheet-moves-upgrade input.sheet-expand-optional:checked ~ div > button.sheet-optional-move > span.sheet-open {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves .sheet-move-expansion,
|
|
.sheet-moves-upgrade .sheet-move-expansion {
|
|
display: block;
|
|
transition: max-height 0.5s ease-out;
|
|
opacity: 0;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-moves input.sheet-expand-settings:checked ~ .sheet-move-expansion,
|
|
.sheet-moves-upgrade input.sheet-expand-settings:checked ~ .sheet-move-expansion {
|
|
display: block;
|
|
opacity: 1;
|
|
max-height: 1500px;
|
|
transition: max-height 1s ease-in;
|
|
}
|
|
|
|
.sheet-moves .sheet-move-description,
|
|
.sheet-moves-upgrade .sheet-move-description {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves input.sheet-expand-description:checked ~ .sheet-move-description,
|
|
.sheet-moves-upgrade input.sheet-expand-description:checked ~ .sheet-move-description {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-moves .sheet-move-optional,
|
|
.sheet-moves .sheet-move-inscribe,
|
|
.sheet-moves-upgrade .sheet-move-optional {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves input.sheet-expand-optional:checked ~ .sheet-move-optional,
|
|
.sheet-moves input.sheet-expand-inscribe:checked ~ .sheet-move-inscribe,
|
|
.sheet-moves-upgrade input.sheet-expand-optional:checked ~ .sheet-move-optional {
|
|
display: block;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion input.sheet-enable-roll:not(:checked) ~ div,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-expansion input.sheet-enable-roll:not(:checked) ~ div {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves .sheet-move-optional .sheet-is-hidden-move-opt,
|
|
.sheet-moves-upgrade .sheet-move-optional .sheet-is-hidden-move-opt {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves .sheet-move-optional .sheet-is-hidden-move-opt:checked + div,
|
|
.sheet-moves-upgrade .sheet-move-optional .sheet-is-hidden-move-opt:checked + div {
|
|
display: block;
|
|
}
|
|
.sheet-moves .sheet-move-optional .sheet-is-hidden-move-opt:not(:checked) + div,
|
|
.sheet-moves-upgrade .sheet-move-optional .sheet-is-hidden-move-opt:not(:checked) + div {
|
|
display: none;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion-optional input.sheet-show-expand-optional:not(:checked) ~ div,
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion-optional input.sheet-show-expand-inscribe:not(:checked) ~ div,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-expansion-optional input.sheet-show-expand-optional:not(:checked) ~ div {
|
|
display: none;
|
|
}
|
|
|
|
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion-optional div input.sheet-move-opt:not(:checked) + input + textarea,
|
|
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-expansion-optional div input.sheet-move-opt:not(:checked) + input + textarea {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-moves-upgrade-body .sheet-hidden:not(:checked) + input.sheet-tab,
|
|
.sheet-moves-upgrade-body .sheet-hidden:not(:checked) + input.sheet-tab + span.sheet-tab {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-move-filtered-box { /* By default, display no items of a filter box */
|
|
display: none;
|
|
margin-bottom: 0px;
|
|
}
|
|
/* Decide which specific repitems to display. */
|
|
input.sheet-moves-tab0:checked~.sheet-move-filtered-box, /* Always display all spells of circle zero. */
|
|
.sheet-moves-tab0:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem .sheet-move-filtered-box, /* When tab0 is checked, display everything no matter what which of the inner boxes are checked. */
|
|
.sheet-moves-tab1:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab1:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab2:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab2:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab3:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab3:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab4:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab4:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab5:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab5:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab6:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab6:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab7:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab7:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab8:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab8:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab9:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab9:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab10:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab10:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab11:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab11:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab12:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab12:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab13:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab13:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab14:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab14:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab15:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab15:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab16:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab16:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab17:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab17:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab18:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab18:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab19:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab19:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab20:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab20:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab21:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab21:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab22:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab22:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab23:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab23:checked~.sheet-move-filtered-box,
|
|
.sheet-moves-tab24:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab24:checked~.sheet-move-filtered-box {
|
|
display: block;
|
|
margin-bottom: 2px;
|
|
}
|
|
/* page3 moves end */
|
|
|
|
/* page3 page end */
|
|
|
|
/* page4 page star */
|
|
.sheet-page4 {
|
|
grid-template-rows: repeat(30, auto);
|
|
grid-auto-flow: column;
|
|
}
|
|
.sheet-page4 label:first-child {
|
|
grid-column: 1 / 3; /* span from grid column line 1 to 3 (i.e., span 2 columns) */
|
|
white-space: pre-wrap;
|
|
}
|
|
/* page4 page end */
|
|
|
|
/* rolltemplate start*/
|
|
.sheet-rolltemplate-move .inlinerollresult,
|
|
.sheet-rolltemplate-move .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-move .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-move .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: 1.3em;
|
|
}
|
|
/* rolltemplate info start */
|
|
.sheet-rolltemplate-info .sheet-templateMain {
|
|
background:rgba(35, 31, 32);
|
|
border-radius: 2px;
|
|
margin-left: -10px;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet-rolltemplate-info .sheet-templateheader {
|
|
font-size: 90%;
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-info .sheet-templateheader,
|
|
.sheet-rolltemplate-info .sheet-templatesubheader {
|
|
font-weight: bold;
|
|
padding: 6px 6px 0px 6px;
|
|
color: white;
|
|
/* text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000; */
|
|
}
|
|
|
|
.sheet-rolltemplate-info .sheet-templatedescription {
|
|
background-color: white;
|
|
margin: 5px;
|
|
padding: 2px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: .9em;
|
|
padding: 6px 6px 3px 6px;
|
|
flex: 3;
|
|
}
|
|
/* rolltemplate info end */
|
|
/* rolltemplate move start */
|
|
.sheet-rolltemplate-move .sheet-rt-container ,
|
|
.sheet-rolltemplate-harm .sheet-rt-container {
|
|
background-color: rgb(35, 31, 32);
|
|
border-radius: 2px;
|
|
margin-left: -10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-rolltemplate-move .sheet-rt-header ,
|
|
.sheet-rolltemplate-harm .sheet-rt-header {
|
|
font-weight: bold;
|
|
font-size: medium;
|
|
padding: 6px 6px 0px 6px;
|
|
color: white;
|
|
/* text-shadow:
|
|
-1px -1px 0 #000,
|
|
1px -1px 0 #000,
|
|
-1px 1px 0 #000,
|
|
1px 1px 0 #000; */
|
|
}
|
|
|
|
.sheet-rolltemplate-move .sheet-rt-header-minor ,
|
|
.sheet-rolltemplate-harm .sheet-rt-header-minor {
|
|
font-size: 90%;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-move .sheet-rt-content ,
|
|
.sheet-rolltemplate-harm .sheet-rt-content {
|
|
background-color: white;
|
|
margin: 5px;
|
|
padding: 2px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.sheet-rolltemplate-move .sheet-rt-row ,
|
|
.sheet-rolltemplate-harm .sheet-rt-row {
|
|
flex: 1 0 auto;
|
|
display: flex;
|
|
padding-top: 6px;
|
|
padding-bottom: 2px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-move .sheet-rt-label ,
|
|
.sheet-rolltemplate-harm .sheet-rt-label {
|
|
font-weight: bold;
|
|
font-size: 0.9em;
|
|
display: block;
|
|
padding-right: 4px;
|
|
margin-right: 2px;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-rolltemplate-move .sheet-rt-value ,
|
|
.sheet-rolltemplate-harm .sheet-rt-value {
|
|
display: block;
|
|
font-size: .9em;
|
|
flex: 3;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-move .sheet-rt-details ,
|
|
.sheet-rolltemplate-harm .sheet-rt-details {
|
|
flex: 1 0 auto;
|
|
display: block;
|
|
padding-top: 6px;
|
|
padding-bottom: 2px;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-move .sheet-rt-details h4,
|
|
.sheet-rolltemplate-harm .sheet-rt-details h4{
|
|
text-align: center;
|
|
}
|
|
/* rolltemplate move end */
|
|
/* rolltemplate end*/
|
|
|
|
/*TODO*/
|
|
.sheet-background-show-flag {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-background-show-flag:checked ~ .sheet-background-select {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-background-show-flag:not(:checked) ~ .sheet-background-select {
|
|
display: inline;
|
|
}
|
|
|
|
span.sheet-emptiable:empty,
|
|
span.sheet-emptiable:empty + br {
|
|
display: none;
|
|
}
|
|
|
|
/*всплывашка*/
|
|
.sheet-tip-confirm-flag {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tip-confirm-flag:checked ~ .sheet-class-tip {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tip-confirm-flag:not(:checked) ~ .sheet-class-tip {
|
|
display: block;
|
|
position: absolute;
|
|
top: 7em;
|
|
left: 7em;
|
|
background: white;
|
|
z-index: 99;
|
|
border: 5px double black;
|
|
border-radius: 0px;
|
|
padding: 5px;
|
|
width: 701px;
|
|
height: auto;
|
|
}
|
|
|
|
.sheet-class-tip .sheet-cancel-button {
|
|
float: right;
|
|
border: 1.5px solid black;
|
|
background: white;
|
|
}
|
|
|
|
.sheet-class-tip button[type=action] {
|
|
color: black;
|
|
border: 1.5px solid black;
|
|
background: white;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-class-tip button[type=action]:hover {
|
|
border-color: #6e9ec6;
|
|
}
|
|
|
|
/*вслывашка 2*/
|
|
.sheet-tip-warning-flag {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tip-warning-flag:checked ~ .sheet-change-warning {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tip-warning-flag:not(:checked) ~ .sheet-change-warning {
|
|
display: grid;
|
|
gap: 5px;
|
|
grid-template-rows: repeat(2, auto);
|
|
position: absolute;
|
|
top: 7em;
|
|
left: 7em;
|
|
background: white;
|
|
z-index: 99;
|
|
border: 5px double black;
|
|
border-radius: 0px;
|
|
padding: 5px;
|
|
width: 701px;
|
|
height: auto;
|
|
}
|
|
|
|
.sheet-change-warning .sheet-wrn-text {
|
|
text-align: center;
|
|
font-size: large;
|
|
}
|
|
|
|
.sheet-change-warning .sheet-wrn-btn {
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
justify-content: center;
|
|
gap: 5px;
|
|
}
|
|
|
|
.sheet-change-warning button[type=action] {
|
|
color: black;
|
|
border: 1.5px solid black;
|
|
background: white;
|
|
}
|
|
|
|
.sheet-change-warning button[type=action]:hover {
|
|
border-color: #6e9ec6;
|
|
}
|
|
/********************************************/
|
|
.sheet-moves-fixed * {
|
|
font-size: 12px;
|
|
line-height: 1.5rem;
|
|
}
|
|
|
|
.sheet-moves-fixed button[type=roll]::before {
|
|
content: none;
|
|
}
|
|
|
|
.sheet-moves-fixed button[type=roll] {
|
|
margin: 0;
|
|
overflow: visible;
|
|
text-transform: none;
|
|
border-style: none;
|
|
padding: 0;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
line-height: 1.5em;
|
|
}
|
|
.sheet-moves-fixed button[type=roll] span {
|
|
font-family: "dicefontd6";
|
|
font-size: 17px;
|
|
}
|
|
|
|
div.sheet-moves-fixed {
|
|
grid-area: moves-main;
|
|
}
|
|
|
|
.sheet-moves-fixed h1 {
|
|
font-size: 28px;
|
|
text-align: center;
|
|
margin-top: 0;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.sheet-moves-fixed h2 {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-level-1-list {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-level-1-list > li > ul {
|
|
padding-left: 22px;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-level-1-list > li {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-non-typed-list-item {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-disc-list-item {
|
|
list-style-type: disc;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-arrowed-list-item {
|
|
list-style-type: none;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-arrowed-list-item::before {
|
|
content: "→";
|
|
display: inline-block;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-grid-article-item {
|
|
border: 2px solid black;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-grid-article-item_borderless {
|
|
border: none;
|
|
}
|
|
|
|
.sheet-moves-fixed span {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-disc-list-item {
|
|
list-style-type: disc;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.sheet-moves-fixed p {
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-moves-fixed .sheet-list-divider {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-moves-fixed input[type=checkbox] {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.sheet-moves-fixed input[type=text] {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
border: none;
|
|
outline: none;
|
|
border-bottom: 1px solid #555;
|
|
}
|
|
.sheet-moves-fixed input[type=text]:focus {
|
|
outline: none;
|
|
border-color: #000;
|
|
}
|
|
|
|
/******************************************* */
|
|
.sheet-moves-optional ,
|
|
.sheet-moves-base ,
|
|
.sheet-moves-space {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-auto-rows: 40px;
|
|
width: 772px;
|
|
border: 1px solid black;
|
|
}
|
|
.sheet-moves-optional h1 ,
|
|
.sheet-moves-base h1 ,
|
|
.sheet-moves-space h1 {
|
|
grid-column: 1/3;
|
|
padding-top: 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(1) {
|
|
grid-row: 1/7;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(2) {
|
|
grid-row: 1/6;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(3) {
|
|
grid-row: 7/14;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(4) {
|
|
grid-row: 6/13;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(5) {
|
|
grid-row: 14/19;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(6) {
|
|
grid-row: 19/21;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(7) {
|
|
grid-row: 21/26;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(8) {
|
|
grid-row: 13/19;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(9) {
|
|
grid-row: 19/28;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(10) {
|
|
grid-row: 26/31;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(11) {
|
|
grid-row: 31/35;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(12) {
|
|
grid-row: 35/38;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(13) {
|
|
grid-row: 28/31;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(14) {
|
|
grid-row: 31/37;
|
|
}
|
|
.sheet-moves-base .sheet-grid-article-item:nth-child(15) {
|
|
grid-row: 37/40;
|
|
}
|
|
|
|
|
|
.sheet-moves-optional .sheet-grid-article-item:nth-child(1) {
|
|
grid-row: 1/10;
|
|
}
|
|
.sheet-moves-optional .sheet-grid-article-item:nth-child(2) {
|
|
grid-row: 10/16;
|
|
}
|
|
.sheet-moves-optional .sheet-grid-article-item:nth-child(3) {
|
|
grid-row: 16/23;
|
|
}
|
|
.sheet-moves-optional .sheet-grid-article-item:nth-child(4) {
|
|
grid-row: 1/15;
|
|
}
|
|
|
|
.sheet-moves-space .sheet-grid-article-item:nth-child(1) {
|
|
grid-row: 1/9;
|
|
}
|
|
.sheet-moves-space .sheet-grid-article-item:nth-child(2) {
|
|
grid-row: 9/14;
|
|
}
|
|
.sheet-moves-space .sheet-grid-article-item:nth-child(3) {
|
|
grid-row: 14/18;
|
|
}
|
|
.sheet-moves-space .sheet-grid-article-item:nth-child(4) {
|
|
grid-row: 1/7;
|
|
}
|
|
.sheet-moves-space .sheet-grid-article-item:nth-child(5) {
|
|
grid-row: 7/18;
|
|
}
|
|
/*================================
|
|
CYBORG STYLES
|
|
================================*/
|
|
|
|
.sheet-cyborg-implants {
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 1fr 1fr .1fr 1fr;
|
|
width: 772px;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-cyborg__upper-limbs {
|
|
grid-column: 1 / 2;
|
|
grid-row: 1 / 4;
|
|
}
|
|
|
|
.sheet-cyborg__lower-limbs {
|
|
grid-column: 1 / 2;
|
|
grid-row: 4 / 5;
|
|
}
|
|
|
|
.sheet-cyborg__sense-organs {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
.sheet-cyborg__central-systems {
|
|
grid-column: 2 / 3;
|
|
grid-row: 2 / 5;
|
|
}
|
|
|
|
/* Это кнопки, которые ты просил. Стили у них убраны и они скрыты */
|
|
.sheet-cyborg__button {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-cyborg__button_hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-cyborg__input-block {
|
|
display: flex;
|
|
justify-content: left;
|
|
}
|
|
.sheet-cyborg__input-block-center {
|
|
justify-content: center;
|
|
}
|
|
/*================================================================*/
|
|
|
|
/*================================
|
|
DAREDEVIL STYLES
|
|
================================*/
|
|
|
|
.sheet-daredevil-tech {
|
|
grid-template-columns: 50% 50%;
|
|
grid-template-rows: 1fr 1fr;
|
|
width: 772px;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-daredevil__comrade {
|
|
grid-column: 1 / 2;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
.sheet-daredevil__special-equipment {
|
|
grid-column: 1 / 2;
|
|
grid-row: 2 / 3;
|
|
}
|
|
|
|
.sheet-daredevil__chassis {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
.sheet-daredevil__armament {
|
|
grid-column: 2 / 3;
|
|
grid-row: 2 / 3;
|
|
}
|
|
|
|
/*================================
|
|
ENGINEER STYLES
|
|
================================*/
|
|
|
|
.sheet-engineer-probe {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-rows: auto;
|
|
width: 772px;
|
|
}
|
|
|
|
.sheet-engineer__probe {
|
|
grid-column: 1 / 2;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
.sheet-engineer__type {
|
|
grid-column: 1 / 2;
|
|
grid-row: 2 / 3;
|
|
}
|
|
|
|
.sheet-engineer__hull {
|
|
grid-column: 1 / 2;
|
|
grid-row: 3 / 4;
|
|
}
|
|
|
|
.sheet-engineer__base-utilities {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 3;
|
|
}
|
|
|
|
.sheet-engineer__advanced-utilities {
|
|
grid-column: 3 / 4;
|
|
grid-row: 1 / 3;
|
|
}
|
|
|
|
.sheet-cyborg__input-name {
|
|
justify-content: center;
|
|
background-color: white;
|
|
height: 35px;
|
|
display: grid;
|
|
grid-template-columns: 45px 110px;
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-gap: 0px;
|
|
}
|
|
|
|
.sheet-cyborg__input-name > span {
|
|
background-color: black;
|
|
color: white;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
padding: 3px;
|
|
line-height: 19px;
|
|
}
|
|
|
|
.sheet-cyborg__input-name > input[type=text] {
|
|
grid-column-start: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
background: white;
|
|
border: 2px solid black;
|
|
text-align: center;
|
|
border-radius: 0px;
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-hpprobe {
|
|
display: grid;
|
|
grid-template-rows: 5px 25px 5px;
|
|
align-self: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.sheet-hpprobe {
|
|
grid-template-columns: 80px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . ."
|
|
"hpprobe-lbl hpprobe-box1 . hpprobe-box2 . hpprobe-box3 . addhpprobebutton . sbstrcthpprobebutton"
|
|
". . . . . . . . . . ";
|
|
}
|
|
|
|
.sheet-hpprobe-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-hpprobe-lbl {
|
|
grid-area: hpprobe-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-hpprobe-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-hpprobe-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-hpprobe-box:checked ~ input[type="checkbox"].sheet-hpprobe-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-hpprobe-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-hpprobe-box1 {
|
|
grid-area: hpprobe-box1;
|
|
}
|
|
.sheet-hpprobe-box2 {
|
|
grid-area: hpprobe-box2;
|
|
}
|
|
.sheet-hpprobe-box3 {
|
|
grid-area: hpprobe-box3;
|
|
}
|
|
|
|
|
|
input.sheet-hpprobe-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-hpprobe-max:checked ~ input[type="checkbox"].sheet-hpprobe-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-hpprobe-max:checked ~ input[type="checkbox"].sheet-hpprobe-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrcthpprobebutton, .sheet-addhpprobebutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrcthpprobebutton {
|
|
grid-area: sbstrcthpprobebutton;
|
|
}
|
|
.sheet-addhpprobebutton {
|
|
grid-area: addhpprobebutton;
|
|
}
|
|
|
|
.sheet-powerprobe {
|
|
display: grid;
|
|
align-self: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.sheet-powerprobe {
|
|
grid-template-columns: 25px 2px 25px 2px 25px 2px 25px 2px 25px;
|
|
grid-template-rows: 25px 12.5px 12.5px 12.5px 12.5px 12.5px 12.5px 5px;
|
|
grid-template-areas:
|
|
"powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl"
|
|
"powerprobe-box1 . powerprobe-box2 . powerprobe-box3 . powerprobe-box4 . powerprobe-box5"
|
|
"powerprobe-box1 . powerprobe-box2 . powerprobe-box3 . powerprobe-box4 . powerprobe-box5"
|
|
"powerprobe-box6 . powerprobe-box7 . powerprobe-box8 . powerprobe-box9 . powerprobe-box10"
|
|
"powerprobe-box6 . powerprobe-box7 . powerprobe-box8 . powerprobe-box9 . powerprobe-box10"
|
|
"powerprobe-box11 . powerprobe-box12 . powerprobe-box13 . powerprobe-box14 . powerprobe-box15"
|
|
"powerprobe-box11 . powerprobe-box12 . powerprobe-box13 . powerprobe-box14 . powerprobe-box15"
|
|
"powerprobe-box16 . powerprobe-box17 . powerprobe-box18 . addpowerprobebutton . sbstrctpowerprobebutton"
|
|
"powerprobe-box16 . powerprobe-box17 . powerprobe-box18 . addpowerprobebutton . sbstrctpowerprobebutton"
|
|
". . . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-powerprobe-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-powerprobe-lbl {
|
|
grid-area: powerprobe-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powerprobe-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powerprobe-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-powerprobe-box5 + span,
|
|
input[type="checkbox"].sheet-powerprobe-box10 + span,
|
|
input[type="checkbox"].sheet-powerprobe-box15 + span,
|
|
input[type="checkbox"].sheet-powerprobe-box18 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powerprobe-box:checked ~ input[type="checkbox"].sheet-powerprobe-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-powerprobe-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-powerprobe-box1 {
|
|
grid-area: powerprobe-box1;
|
|
}
|
|
.sheet-powerprobe-box2 {
|
|
grid-area: powerprobe-box2;
|
|
}
|
|
.sheet-powerprobe-box3 {
|
|
grid-area: powerprobe-box3;
|
|
}
|
|
.sheet-powerprobe-box4 {
|
|
grid-area: powerprobe-box4;
|
|
}
|
|
.sheet-powerprobe-box5 {
|
|
grid-area: powerprobe-box5;
|
|
}
|
|
.sheet-powerprobe-box6 {
|
|
grid-area: powerprobe-box6;
|
|
}
|
|
.sheet-powerprobe-box7 {
|
|
grid-area: powerprobe-box7;
|
|
}
|
|
.sheet-powerprobe-box8 {
|
|
grid-area: powerprobe-box8;
|
|
}
|
|
.sheet-powerprobe-box9 {
|
|
grid-area: powerprobe-box9;
|
|
}
|
|
.sheet-powerprobe-box10 {
|
|
grid-area: powerprobe-box10;
|
|
}
|
|
.sheet-powerprobe-box11 {
|
|
grid-area: powerprobe-box11;
|
|
}
|
|
.sheet-powerprobe-box12 {
|
|
grid-area: powerprobe-box12;
|
|
}
|
|
.sheet-powerprobe-box13 {
|
|
grid-area: powerprobe-box13;
|
|
}
|
|
.sheet-powerprobe-box14 {
|
|
grid-area: powerprobe-box14;
|
|
}
|
|
.sheet-powerprobe-box15 {
|
|
grid-area: powerprobe-box15;
|
|
}
|
|
.sheet-powerprobe-box16 {
|
|
grid-area: powerprobe-box16;
|
|
}
|
|
.sheet-powerprobe-box17 {
|
|
grid-area: powerprobe-box17;
|
|
}
|
|
.sheet-powerprobe-box18 {
|
|
grid-area: powerprobe-box18;
|
|
}
|
|
|
|
|
|
input.sheet-powerprobe-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powerprobe-max:checked ~ input[type="checkbox"].sheet-powerprobe-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powerprobe-max:checked ~ input[type="checkbox"].sheet-powerprobe-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrctpowerprobebutton, .sheet-addpowerprobebutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrctpowerprobebutton {
|
|
grid-area: sbstrctpowerprobebutton;
|
|
}
|
|
.sheet-addpowerprobebutton {
|
|
grid-area: addpowerprobebutton;
|
|
}
|
|
|
|
/*================================
|
|
MANOFSTEEL STYLES
|
|
================================*/
|
|
|
|
.sheet-manofsteel-armor {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-rows: auto;
|
|
width: 772px;
|
|
}
|
|
|
|
.sheet-manofsteel__guns {
|
|
grid-column: 1 / 2;
|
|
grid-row: 1 / 3;
|
|
}
|
|
|
|
.sheet-manofsteel__hull {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
.sheet-manofsteel__systems {
|
|
grid-column: 3 / 4;
|
|
grid-row: 1 / 3;
|
|
}
|
|
|
|
.sheet-powermanofsteel {
|
|
display: grid;
|
|
align-self: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.sheet-powermanofsteel {
|
|
grid-template-columns: 95px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px;
|
|
grid-template-rows: 5px 12.5px 12.5px 12.5px 12.5px 5px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . ."
|
|
". powermanofsteel-box1 . powermanofsteel-box2 . powermanofsteel-box3 . powermanofsteel-box4 . powermanofsteel-box5 . addpowermanofsteelbutton"
|
|
"powermanofsteel-lbl powermanofsteel-box1 . powermanofsteel-box2 . powermanofsteel-box3 . powermanofsteel-box4 . powermanofsteel-box5 . addpowermanofsteelbutton"
|
|
"powermanofsteel-lbl powermanofsteel-box6 . powermanofsteel-box7 . powermanofsteel-box8 . powermanofsteel-box9 . powermanofsteel-box10 . sbstrctpowermanofsteelbutton"
|
|
". powermanofsteel-box6 . powermanofsteel-box7 . powermanofsteel-box8 . powermanofsteel-box9 . powermanofsteel-box10 . sbstrctpowermanofsteelbutton"
|
|
". . . . . . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-powermanofsteel-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-powermanofsteel-lbl {
|
|
grid-area: powermanofsteel-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powermanofsteel-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powermanofsteel-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-powermanofsteel-box5 + span,
|
|
input[type="checkbox"].sheet-powermanofsteel-box10 + span,
|
|
input[type="checkbox"].sheet-powermanofsteel-box15 + span,
|
|
input[type="checkbox"].sheet-powermanofsteel-box18 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powermanofsteel-box:checked ~ input[type="checkbox"].sheet-powermanofsteel-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-powermanofsteel-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-powermanofsteel-box1 {
|
|
grid-area: powermanofsteel-box1;
|
|
}
|
|
.sheet-powermanofsteel-box2 {
|
|
grid-area: powermanofsteel-box2;
|
|
}
|
|
.sheet-powermanofsteel-box3 {
|
|
grid-area: powermanofsteel-box3;
|
|
}
|
|
.sheet-powermanofsteel-box4 {
|
|
grid-area: powermanofsteel-box4;
|
|
}
|
|
.sheet-powermanofsteel-box5 {
|
|
grid-area: powermanofsteel-box5;
|
|
}
|
|
.sheet-powermanofsteel-box6 {
|
|
grid-area: powermanofsteel-box6;
|
|
}
|
|
.sheet-powermanofsteel-box7 {
|
|
grid-area: powermanofsteel-box7;
|
|
}
|
|
.sheet-powermanofsteel-box8 {
|
|
grid-area: powermanofsteel-box8;
|
|
}
|
|
.sheet-powermanofsteel-box9 {
|
|
grid-area: powermanofsteel-box9;
|
|
}
|
|
.sheet-powermanofsteel-box10 {
|
|
grid-area: powermanofsteel-box10;
|
|
}
|
|
|
|
input.sheet-powermanofsteel-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powermanofsteel-max:checked ~ input[type="checkbox"].sheet-powermanofsteel-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-powermanofsteel-max:checked ~ input[type="checkbox"].sheet-powermanofsteel-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrctpowermanofsteelbutton, .sheet-addpowermanofsteelbutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrctpowermanofsteelbutton {
|
|
grid-area: sbstrctpowermanofsteelbutton;
|
|
}
|
|
.sheet-addpowermanofsteelbutton {
|
|
grid-area: addpowermanofsteelbutton;
|
|
}
|
|
|
|
.sheet-cyborgdishonour {
|
|
display: grid;
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . . . ."
|
|
"cyborgdishonour-lbl cyborgdishonour-box1 . cyborgdishonour-box2 . cyborgdishonour-box3 . cyborgdishonour-box4 . cyborgdishonour-box5 . addcyborgdishonourbutton . sbstrctcyborgdishonourbutton"
|
|
". . . . . . . . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-cyborgdishonour-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-cyborgdishonour-lbl {
|
|
grid-area: cyborgdishonour-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cyborgdishonour-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cyborgdishonour-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-cyborgdishonour-box5 + span,
|
|
input[type="checkbox"].sheet-cyborgdishonour-box10 + span,
|
|
input[type="checkbox"].sheet-cyborgdishonour-box15 + span,
|
|
input[type="checkbox"].sheet-cyborgdishonour-box18 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cyborgdishonour-box:checked ~ input[type="checkbox"].sheet-cyborgdishonour-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-cyborgdishonour-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-cyborgdishonour-box1 {
|
|
grid-area: cyborgdishonour-box1;
|
|
}
|
|
.sheet-cyborgdishonour-box2 {
|
|
grid-area: cyborgdishonour-box2;
|
|
}
|
|
.sheet-cyborgdishonour-box3 {
|
|
grid-area: cyborgdishonour-box3;
|
|
}
|
|
.sheet-cyborgdishonour-box4 {
|
|
grid-area: cyborgdishonour-box4;
|
|
}
|
|
.sheet-cyborgdishonour-box5 {
|
|
grid-area: cyborgdishonour-box5;
|
|
}
|
|
.sheet-cyborgdishonour-box6 {
|
|
grid-area: cyborgdishonour-box6;
|
|
}
|
|
.sheet-cyborgdishonour-box7 {
|
|
grid-area: cyborgdishonour-box7;
|
|
}
|
|
.sheet-cyborgdishonour-box8 {
|
|
grid-area: cyborgdishonour-box8;
|
|
}
|
|
.sheet-cyborgdishonour-box9 {
|
|
grid-area: cyborgdishonour-box9;
|
|
}
|
|
.sheet-cyborgdishonour-box10 {
|
|
grid-area: cyborgdishonour-box10;
|
|
}
|
|
|
|
input.sheet-cyborgdishonour-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cyborgdishonour-max:checked ~ input[type="checkbox"].sheet-cyborgdishonour-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-cyborgdishonour-max:checked ~ input[type="checkbox"].sheet-cyborgdishonour-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrctcyborgdishonourbutton, .sheet-addcyborgdishonourbutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrctcyborgdishonourbutton {
|
|
grid-area: sbstrctcyborgdishonourbutton;
|
|
}
|
|
.sheet-addcyborgdishonourbutton {
|
|
grid-area: addcyborgdishonourbutton;
|
|
}
|
|
|
|
.sheet-courierdanger {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-courierdanger {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . . . . . ."
|
|
"courierdanger-lbl courierdanger-box1 . courierdanger-box2 . courierdanger-box3 . courierdanger-box4 . courierdanger-box5 . courierdanger-box6 . addcourierdangerbutton . sbstrctcourierdangerbutton"
|
|
". . . . . . . . . . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-courierdanger-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-courierdanger-lbl {
|
|
grid-area: courierdanger-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-courierdanger-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-courierdanger-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-courierdanger-box6 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-courierdanger-box:checked ~ input[type="checkbox"].sheet-courierdanger-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-courierdanger-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-courierdanger-box1 {
|
|
grid-area: courierdanger-box1;
|
|
}
|
|
.sheet-courierdanger-box2 {
|
|
grid-area: courierdanger-box2;
|
|
}
|
|
.sheet-courierdanger-box3 {
|
|
grid-area: courierdanger-box3;
|
|
}
|
|
.sheet-courierdanger-box4 {
|
|
grid-area: courierdanger-box4;
|
|
}
|
|
.sheet-courierdanger-box5 {
|
|
grid-area: courierdanger-box5;
|
|
}
|
|
.sheet-courierdanger-box6 {
|
|
grid-area: courierdanger-box6;
|
|
}
|
|
|
|
input.sheet-courierdanger-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-courierdanger-max:checked ~ input[type="checkbox"].sheet-courierdanger-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-courierdanger-max:checked ~ input[type="checkbox"].sheet-courierdanger-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrctcourierdangerbutton, .sheet-addcourierdangerbutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrctcourierdangerbutton {
|
|
grid-area: sbstrctcourierdangerbutton;
|
|
}
|
|
.sheet-addcourierdangerbutton {
|
|
grid-area: addcourierdangerbutton;
|
|
}
|
|
|
|
.sheet-strangerfavor {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-strangerfavor {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 120px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . . . ."
|
|
"strangerfavor-lbl strangerfavor-box1 . strangerfavor-box2 . strangerfavor-box3 . strangerfavor-box4 . strangerfavor-box5 . addstrangerfavorbutton . sbstrctstrangerfavorbutton"
|
|
". . . . . . . . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-strangerfavor-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-strangerfavor-lbl {
|
|
grid-area: strangerfavor-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-strangerfavor-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-strangerfavor-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-strangerfavor-box5 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-strangerfavor-box:checked ~ input[type="checkbox"].sheet-strangerfavor-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-strangerfavor-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-strangerfavor-box1 {
|
|
grid-area: strangerfavor-box1;
|
|
}
|
|
.sheet-strangerfavor-box2 {
|
|
grid-area: strangerfavor-box2;
|
|
}
|
|
.sheet-strangerfavor-box3 {
|
|
grid-area: strangerfavor-box3;
|
|
}
|
|
.sheet-strangerfavor-box4 {
|
|
grid-area: strangerfavor-box4;
|
|
}
|
|
.sheet-strangerfavor-box5 {
|
|
grid-area: strangerfavor-box5;
|
|
}
|
|
.sheet-strangerfavor-box6 {
|
|
grid-area: strangerfavor-box6;
|
|
}
|
|
|
|
input.sheet-strangerfavor-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-strangerfavor-max:checked ~ input[type="checkbox"].sheet-strangerfavor-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-strangerfavor-max:checked ~ input[type="checkbox"].sheet-strangerfavor-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrctstrangerfavorbutton, .sheet-addstrangerfavorbutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrctstrangerfavorbutton {
|
|
grid-area: sbstrctstrangerfavorbutton;
|
|
}
|
|
.sheet-addstrangerfavorbutton {
|
|
grid-area: addstrangerfavorbutton;
|
|
}
|
|
|
|
.sheet-raelithfade {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-raelithfade {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . ."
|
|
"raelithfade-lbl raelithfade-box1 . raelithfade-box2 . raelithfade-box3 . raelithfade-box4 . raelithfade-box5 . raelithfade-box6"
|
|
". . . . . . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-raelithfade-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-raelithfade-lbl {
|
|
grid-area: raelithfade-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-raelithfade-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-raelithfade-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-raelithfade-box6 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-raelithfade-box:checked ~ input[type="checkbox"].sheet-raelithfade-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-raelithfade-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-raelithfade-box1 {
|
|
grid-area: raelithfade-box1;
|
|
}
|
|
.sheet-raelithfade-box2 {
|
|
grid-area: raelithfade-box2;
|
|
}
|
|
.sheet-raelithfade-box3 {
|
|
grid-area: raelithfade-box3;
|
|
}
|
|
.sheet-raelithfade-box4 {
|
|
grid-area: raelithfade-box4;
|
|
}
|
|
.sheet-raelithfade-box5 {
|
|
grid-area: raelithfade-box5;
|
|
}
|
|
.sheet-raelithfade-box6 {
|
|
grid-area: raelithfade-box6;
|
|
}
|
|
|
|
input.sheet-raelithfade-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-raelithfade-max:checked ~ input[type="checkbox"].sheet-raelithfade-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-raelithfade-max:checked ~ input[type="checkbox"].sheet-raelithfade-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-digitaldaooverload {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-digitaldaooverload {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 90px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . ."
|
|
"digitaldaooverload-lbl digitaldaooverload-box1 . digitaldaooverload-box2 . digitaldaooverload-box3 . digitaldaooverload-box4 . digitaldaooverload-box5"
|
|
". . . . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-digitaldaooverload-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-digitaldaooverload-lbl {
|
|
grid-area: digitaldaooverload-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-digitaldaooverload-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-digitaldaooverload-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-digitaldaooverload-box5 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-digitaldaooverload-box:checked ~ input[type="checkbox"].sheet-digitaldaooverload-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-digitaldaooverload-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-digitaldaooverload-box1 {
|
|
grid-area: digitaldaooverload-box1;
|
|
}
|
|
.sheet-digitaldaooverload-box2 {
|
|
grid-area: digitaldaooverload-box2;
|
|
}
|
|
.sheet-digitaldaooverload-box3 {
|
|
grid-area: digitaldaooverload-box3;
|
|
}
|
|
.sheet-digitaldaooverload-box4 {
|
|
grid-area: digitaldaooverload-box4;
|
|
}
|
|
.sheet-digitaldaooverload-box5 {
|
|
grid-area: digitaldaooverload-box5;
|
|
}
|
|
.sheet-digitaldaooverload-box6 {
|
|
grid-area: digitaldaooverload-box6;
|
|
}
|
|
|
|
input.sheet-digitaldaooverload-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-digitaldaooverload-max:checked ~ input[type="checkbox"].sheet-digitaldaooverload-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-digitaldaooverload-max:checked ~ input[type="checkbox"].sheet-digitaldaooverload-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-juggernautadrenaline {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-juggernautadrenaline {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 90px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . ."
|
|
"juggernautadrenaline-lbl juggernautadrenaline-box1 . juggernautadrenaline-box2 . juggernautadrenaline-box3 . juggernautadrenaline-box4 . juggernautadrenaline-box5"
|
|
". . . . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-juggernautadrenaline-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-juggernautadrenaline-lbl {
|
|
grid-area: juggernautadrenaline-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-juggernautadrenaline-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-juggernautadrenaline-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-juggernautadrenaline-box5 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-juggernautadrenaline-box:checked ~ input[type="checkbox"].sheet-juggernautadrenaline-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-juggernautadrenaline-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-juggernautadrenaline-box1 {
|
|
grid-area: juggernautadrenaline-box1;
|
|
}
|
|
.sheet-juggernautadrenaline-box2 {
|
|
grid-area: juggernautadrenaline-box2;
|
|
}
|
|
.sheet-juggernautadrenaline-box3 {
|
|
grid-area: juggernautadrenaline-box3;
|
|
}
|
|
.sheet-juggernautadrenaline-box4 {
|
|
grid-area: juggernautadrenaline-box4;
|
|
}
|
|
.sheet-juggernautadrenaline-box5 {
|
|
grid-area: juggernautadrenaline-box5;
|
|
}
|
|
.sheet-juggernautadrenaline-box6 {
|
|
grid-area: juggernautadrenaline-box6;
|
|
}
|
|
|
|
input.sheet-juggernautadrenaline-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-juggernautadrenaline-max:checked ~ input[type="checkbox"].sheet-juggernautadrenaline-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-juggernautadrenaline-max:checked ~ input[type="checkbox"].sheet-juggernautadrenaline-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-supernovaimpro {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-supernovaimpro {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 110px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . ."
|
|
"supernovaimpro-lbl supernovaimpro-box1 . supernovaimpro-box2 . supernovaimpro-box3"
|
|
". . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-supernovaimpro-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-supernovaimpro-lbl {
|
|
grid-area: supernovaimpro-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-supernovaimpro-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-supernovaimpro-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-supernovaimpro-box3 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-supernovaimpro-box:checked ~ input[type="checkbox"].sheet-supernovaimpro-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-supernovaimpro-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-supernovaimpro-box1 {
|
|
grid-area: supernovaimpro-box1;
|
|
}
|
|
.sheet-supernovaimpro-box2 {
|
|
grid-area: supernovaimpro-box2;
|
|
}
|
|
.sheet-supernovaimpro-box3 {
|
|
grid-area: supernovaimpro-box3;
|
|
}
|
|
|
|
input.sheet-supernovaimpro-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-supernovaimpro-max:checked ~ input[type="checkbox"].sheet-supernovaimpro-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-supernovaimpro-max:checked ~ input[type="checkbox"].sheet-supernovaimpro-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-emissarystatus {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-emissarystatus {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 70px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . ."
|
|
"emissarystatus-lbl emissarystatus-box1 . emissarystatus-box2 . emissarystatus-box3"
|
|
". . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-emissarystatus-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-emissarystatus-lbl {
|
|
grid-area: emissarystatus-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-emissarystatus-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-emissarystatus-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-emissarystatus-box3 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-emissarystatus-box:checked ~ input[type="checkbox"].sheet-emissarystatus-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-emissarystatus-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-emissarystatus-box1 {
|
|
grid-area: emissarystatus-box1;
|
|
}
|
|
.sheet-emissarystatus-box2 {
|
|
grid-area: emissarystatus-box2;
|
|
}
|
|
.sheet-emissarystatus-box3 {
|
|
grid-area: emissarystatus-box3;
|
|
}
|
|
|
|
input.sheet-emissarystatus-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-emissarystatus-max:checked ~ input[type="checkbox"].sheet-emissarystatus-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-emissarystatus-max:checked ~ input[type="checkbox"].sheet-emissarystatus-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
|
|
.sheet-scoundrelluck {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-scoundrelluck {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . ."
|
|
"scoundrelluck-lbl scoundrelluck-box1 . scoundrelluck-box2 . scoundrelluck-box3 . scoundrelluck-box4"
|
|
". . . . . . . .";
|
|
}
|
|
|
|
|
|
.sheet-scoundrelluck-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-scoundrelluck-lbl {
|
|
grid-area: scoundrelluck-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelluck-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelluck-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-scoundrelluck-box4 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelluck-box:checked ~ input[type="checkbox"].sheet-scoundrelluck-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-scoundrelluck-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-scoundrelluck-box1 {
|
|
grid-area: scoundrelluck-box1;
|
|
}
|
|
.sheet-scoundrelluck-box2 {
|
|
grid-area: scoundrelluck-box2;
|
|
}
|
|
.sheet-scoundrelluck-box3 {
|
|
grid-area: scoundrelluck-box3;
|
|
}
|
|
.sheet-scoundrelluck-box4 {
|
|
grid-area: scoundrelluck-box4;
|
|
}
|
|
|
|
input.sheet-scoundrelluck-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelluck-max:checked ~ input[type="checkbox"].sheet-scoundrelluck-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelluck-max:checked ~ input[type="checkbox"].sheet-scoundrelluck-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-scoundrelbluck {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-scoundrelbluck {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 120px 25px;
|
|
grid-template-areas:
|
|
". ."
|
|
"scoundrelbluck-lbl scoundrelbluck-box1"
|
|
". .";
|
|
}
|
|
|
|
|
|
.sheet-scoundrelbluck-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-scoundrelbluck-lbl {
|
|
grid-area: scoundrelbluck-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelbluck-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelbluck-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-scoundrelbluck-box4 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelbluck-box:checked ~ input[type="checkbox"].sheet-scoundrelbluck-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-scoundrelbluck-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-scoundrelbluck-box1 {
|
|
grid-area: scoundrelbluck-box1;
|
|
}
|
|
|
|
input.sheet-scoundrelbluck-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelbluck-max:checked ~ input[type="checkbox"].sheet-scoundrelbluck-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-scoundrelbluck-max:checked ~ input[type="checkbox"].sheet-scoundrelbluck-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
/*================================
|
|
JANISSARY STYLES
|
|
================================*/
|
|
|
|
.sheet-janissary_mods {
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 1fr .1fr 1fr;
|
|
width: 772px;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-janissary_biomods {
|
|
grid-column: 1 / 2;
|
|
grid-row: 1 / 4;
|
|
}
|
|
|
|
.sheet-janissary_senses {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
.sheet-janissary_chimerism {
|
|
grid-column: 2 / 3;
|
|
grid-row: 2 / 4;
|
|
}
|
|
|
|
.sheet-janissary__button {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-janissary__button_hidden {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-janissary__input-block {
|
|
display: flex;
|
|
justify-content: left;
|
|
}
|
|
.sheet-janissary__input-block-center {
|
|
justify-content: center;
|
|
}
|
|
|
|
.sheet-janissary_mods .sheet-level-1-list{
|
|
padding-left: 0px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.sheet-janissary_mods .sheet-level-1-list > li {
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.sheet-janissary_mods .sheet-level-1-list > li > ul {
|
|
padding-left: 0px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.sheet-janissary_mods input[type=checkbox] {
|
|
margin-right: 5px;
|
|
}
|
|
.sheet-janissary_mods textarea {
|
|
height: 30px;
|
|
width: 330px;
|
|
resize: vertical;
|
|
}
|
|
|
|
|
|
|
|
.sheet-janissarycurse {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-janissarycurse {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 120px 25px;
|
|
grid-template-areas:
|
|
". ."
|
|
"janissarycurse-lbl janissarycurse-box1"
|
|
". .";
|
|
}
|
|
|
|
|
|
.sheet-janissarycurse-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-janissarycurse-lbl {
|
|
grid-area: janissarycurse-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarycurse-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarycurse-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-janissarycurse-box4 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarycurse-box:checked ~ input[type="checkbox"].sheet-janissarycurse-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-janissarycurse-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-janissarycurse-box1 {
|
|
grid-area: janissarycurse-box1;
|
|
}
|
|
|
|
input.sheet-janissarycurse-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarycurse-max:checked ~ input[type="checkbox"].sheet-janissarycurse-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarycurse-max:checked ~ input[type="checkbox"].sheet-janissarycurse-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
|
|
|
|
.sheet-janissaryapostate {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-janissaryapostate {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 120px 25px;
|
|
grid-template-areas:
|
|
". ."
|
|
"janissaryapostate-lbl janissaryapostate-box1"
|
|
". .";
|
|
}
|
|
|
|
|
|
.sheet-janissaryapostate-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-janissaryapostate-lbl {
|
|
grid-area: janissaryapostate-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissaryapostate-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissaryapostate-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-janissaryapostate-box4 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissaryapostate-box:checked ~ input[type="checkbox"].sheet-janissaryapostate-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-janissaryapostate-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-janissaryapostate-box1 {
|
|
grid-area: janissaryapostate-box1;
|
|
}
|
|
|
|
input.sheet-janissaryapostate-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissaryapostate-max:checked ~ input[type="checkbox"].sheet-janissaryapostate-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissaryapostate-max:checked ~ input[type="checkbox"].sheet-janissaryapostate-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-janissarypneuma {
|
|
display: grid;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-janissarypneuma {
|
|
grid-template-rows: 5px 25px 5px;
|
|
grid-template-columns: 120px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
|
|
grid-template-areas:
|
|
". . . . . . . . . . . . "
|
|
"janissarypneuma-lbl janissarypneuma-box1 . janissarypneuma-box2 . janissarypneuma-box3 . janissarypneuma-box4 . addjanissarypneumabutton . sbstrctjanissarypneumabutton"
|
|
". . . . . . . . . . . . ";
|
|
}
|
|
|
|
|
|
.sheet-janissarypneuma-lbl {
|
|
align-self: center;
|
|
line-height: 1;
|
|
background-color: black;
|
|
color: white;
|
|
padding: 5px;
|
|
height: 15px;
|
|
}
|
|
|
|
.sheet-janissarypneuma-lbl {
|
|
grid-area: janissarypneuma-lbl;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarypneuma-box {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 25px;
|
|
height: 25px;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarypneuma-box + span {
|
|
border: solid 2px black;
|
|
border-right: solid 4px black;
|
|
display: block;
|
|
background-color: #000000;
|
|
background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
|
|
border-radius: 0px;
|
|
align-self: center;
|
|
height: 21px;
|
|
width: 21px;
|
|
}
|
|
input[type="checkbox"].sheet-janissarypneuma-box5 + span {
|
|
border-right: 2px solid black;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarypneuma-box:checked ~ input[type="checkbox"].sheet-janissarypneuma-box + span {
|
|
background: white;
|
|
}
|
|
|
|
input.sheet-janissarypneuma-box0 {
|
|
z-index: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-janissarypneuma-box1 {
|
|
grid-area: janissarypneuma-box1;
|
|
}
|
|
.sheet-janissarypneuma-box2 {
|
|
grid-area: janissarypneuma-box2;
|
|
}
|
|
.sheet-janissarypneuma-box3 {
|
|
grid-area: janissarypneuma-box3;
|
|
}
|
|
.sheet-janissarypneuma-box4 {
|
|
grid-area: janissarypneuma-box4;
|
|
}
|
|
|
|
input.sheet-janissarypneuma-max {
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarypneuma-max:checked ~ input[type="checkbox"].sheet-janissarypneuma-box {
|
|
pointer-events: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-janissarypneuma-max:checked ~ input[type="checkbox"].sheet-janissarypneuma-box +span {
|
|
opacity:0.5;
|
|
background-color: #b8c6db;
|
|
background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
|
|
border-color: #b8c6db;
|
|
}
|
|
|
|
.sheet-sbstrctjanissarypneumabutton, .sheet-addjanissarypneumabutton {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-sbstrctjanissarypneumabutton {
|
|
grid-area: sbstrctjanissarypneumabutton;
|
|
}
|
|
.sheet-addjanissarypneumabutton {
|
|
grid-area: addjanissarypneumabutton;
|
|
} |