MedievalSteve
76da31e0d0
Ver 1.2.4 Token Integration and Radio Button Bug Fix Implemented new attributes: currenthp, currentmp currentmpelementtwo and currentmpelementthree. These attributes are to be used with token bars to accurately represent wounds and magic points which count down properly. In developing these attributes, I was able to correct a bug which was requiring players to double click on wound / mp radio buttons to function properly. Layout changes: Removed redundant magic point trackers from the magic page. Not only were they redundant, but they interferred with the function of the currentmp set of attributes. Ver 1.2.3 Workaround to address lag issue Problem: "Need to streamline Sheet Workers in the code to reduce overall attribute calls (looking for experienced JS coders for some help here!)." The sheet will no longer seek to automatically update scores after any changes, as users had reported significant performance issues due to too many attribute checks/calls. I have added a button to the top-bar "Click to Apply Changes", which the user will need to click to apply any changes made to the sheet. While this is not the ideal solution I would choose, I do not have enough coding experience to rebuild the Sheet Workers myself. Ver 1.2.2 Fixed error preventing Precise Shot modifiers from being applied to rolls. Spinners removed from read-only boxes to avoid confusion. Have moved base score inputs (all) to the renamed tab "Base Scores" (formerly Miscellaneous Modifiers). Removed ABR / DMG bonus boxes from front sheet as unnecessary. Moved AF misc bonus to the AF section of the Inventory page. Opened up base Magic Stats on the Magic page for all classes. Changed tab name from "Skills" to "Path and Skills" and added a paths box. Added a classic DW picture to the front page to reduce strange spacing issues after taking out unnecessary input boxes. Poison save roll button added under health points
2514 lines
70 KiB
CSS
2514 lines
70 KiB
CSS
@import url("https://fonts.googleapis.com/css?family=Almendra|Almendra+SC&display=swap");
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: 'Almendra SC', serif;
|
|
font-size: medium;
|
|
padding: 1px;
|
|
}
|
|
select {
|
|
width: auto;
|
|
background-color: #F5F5F5;
|
|
}
|
|
textarea {
|
|
display: block;
|
|
width: 98%;
|
|
resize: vertical;
|
|
height: fit-content 100%;
|
|
background-color: #F5F5F5;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
overflow: auto;
|
|
}
|
|
textarea.sheet-shorttextarea {
|
|
display: block;
|
|
width: 98%;
|
|
resize: vertical;
|
|
height: auto;
|
|
background-color: #F5F5F5;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
overflow: auto;
|
|
}
|
|
input.sheet-number {
|
|
background-color: #F5F5F5;
|
|
}
|
|
input.sheet-text {
|
|
background-color: #F5F5F5;
|
|
}
|
|
span {
|
|
font-size: medium;
|
|
}
|
|
label {
|
|
font-size: medium;
|
|
}
|
|
label.sheet-subtext {
|
|
font-size: small;
|
|
align-self: flex-end;
|
|
}
|
|
label.sheet-boxheading {
|
|
font-size: large;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
label.sheet-larger {
|
|
font-size: larger;
|
|
font-weight: bold;
|
|
}
|
|
span.sheet-boxheading {
|
|
font-size: large;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
input.sheet-flexitextinput {
|
|
width: 98%;
|
|
background-color: #F5F5F5;
|
|
}
|
|
input.sheet-fourshorttextinput {
|
|
width: 4em;
|
|
background-color: #F5F5F5;
|
|
}
|
|
input.sheet-eightmidtextinput {
|
|
width: 8em;
|
|
background-color: #F5F5F5;
|
|
}
|
|
input.sheet-twelvemidlongtextinput {
|
|
width: 16em;
|
|
background-color: #F5F5F5;
|
|
}
|
|
input.sheet-sixteenlongtextinput {
|
|
width: 16em;
|
|
background-color: #F5F5F5;
|
|
}
|
|
label.sheet-centerlabel {
|
|
text-align:center;
|
|
}
|
|
label.sheet-justifylabel {
|
|
text-align:justify;
|
|
}
|
|
button[type="roll"].sheet-d20:before{
|
|
content: ' ';
|
|
}
|
|
button[type="roll"].sheet-d20:hover{
|
|
background-position: 0;
|
|
}
|
|
button[type="roll"].sheet-d20{
|
|
background-image: url(https://i.imgur.com/JQC7jDf.jpg);
|
|
background-size: 26px 26px;
|
|
background-repeat: no-repeat;
|
|
width: 26px;
|
|
height: 26px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 5px;
|
|
}
|
|
button.sheet-d20 {
|
|
background-image: url(https://i.imgur.com/JQC7jDf.jpg);
|
|
background-size: 30px 30px;
|
|
background-repeat: no-repeat;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
button.sheet-update {
|
|
padding: 2px;
|
|
margin-top: 3px;
|
|
}
|
|
img.sheet-headerimage {
|
|
width: 100%;
|
|
}
|
|
img.sheet-imgbackpack {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 45%;
|
|
}
|
|
img.sheet-imgchest {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 50%;
|
|
}
|
|
img.sheet-imghand {
|
|
display: inline-block;
|
|
width: 40px px;
|
|
height: 25px;
|
|
}
|
|
img.sheet-imghanda {
|
|
display: inline-block;
|
|
width: 40px px;
|
|
height: 25px;
|
|
transform: scaleX(-1);
|
|
}
|
|
img.sheet-skullimg {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 90%;
|
|
}
|
|
img.sheet-elementimage {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 50%;
|
|
}
|
|
img.sheet-imgsword {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 60%;
|
|
}
|
|
img.sheet-imgbow {
|
|
display: block;
|
|
transform: rotate(120deg);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 30%;
|
|
}
|
|
img.sheet-imgshield {
|
|
width: 98%;
|
|
}
|
|
img.sheet-riderimg {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 90%;
|
|
}
|
|
img.sheet-liftclaw {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 45%;
|
|
}
|
|
/* Configure the 'radio' button styling for health and magic point trackers. */
|
|
button.sheet-sdot {
|
|
padding: 0;
|
|
border: solid 1px #a8a8a8;
|
|
margin-left: 6px;
|
|
margin-bottom:3px;
|
|
cursor: pointer;
|
|
width: 21px;
|
|
height: 21px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
button.sheet-sdot > span {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background-image: url(https://i.imgur.com/ru2VnTB.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 80%;
|
|
background-position: center center;
|
|
}
|
|
button.sheet-wtdot {
|
|
padding: 0;
|
|
border: solid 1px #a8a8a8;
|
|
margin-left: 6px;
|
|
margin-bottom:3px;
|
|
cursor: pointer;
|
|
width: 21px;
|
|
height: 21px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
button.sheet-wtdot > span {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background-image: url(https://i.imgur.com/ERkbC3Q.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 80%;
|
|
background-position: center center;
|
|
}
|
|
button.sheet-mdot {
|
|
padding: 0;
|
|
border: solid 1px #a8a8a8;
|
|
margin-left: 6px;
|
|
margin-bottom:3px;
|
|
cursor: pointer;
|
|
width: 21px;
|
|
height: 21px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
button.sheet-mdot > span {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background-image: url(https://i.imgur.com/yZp3cmw.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 90%;
|
|
background-position: center;
|
|
}
|
|
button.sheet-m2dot {
|
|
padding: 0;
|
|
border: solid 1px #a8a8a8;
|
|
margin-left: 6px;
|
|
margin-bottom:3px;
|
|
cursor: pointer;
|
|
width: 21px;
|
|
height: 21px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
button.sheet-m2dot > span {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background-image: url(https://i.imgur.com/yZp3cmw.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 90%;
|
|
background-position: center;
|
|
}
|
|
button.sheet-m3dot {
|
|
padding: 0;
|
|
border: solid 1px #a8a8a8;
|
|
margin-left: 6px;
|
|
margin-bottom:3px;
|
|
cursor: pointer;
|
|
width: 21px;
|
|
height: 21px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
button.sheet-m3dot > span {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background-image: url(https://i.imgur.com/yZp3cmw.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 90%;
|
|
background-position: center;
|
|
}
|
|
/* Configure the radio button arrays for health points and magic points */
|
|
input.sheet-sdot[value="0"] ~ button.sheet-gt-0 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="1"] ~ button.sheet-gt-1 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="2"] ~ button.sheet-gt-2 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="3"] ~ button.sheet-gt-3 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="4"] ~ button.sheet-gt-4 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="5"] ~ button.sheet-gt-5 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="6"] ~ button.sheet-gt-6 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="7"] ~ button.sheet-gt-7 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="8"] ~ button.sheet-gt-8 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="9"] ~ button.sheet-gt-9 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="10"] ~ button.sheet-gt-10 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="11"] ~ button.sheet-gt-11 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="12"] ~ button.sheet-gt-12 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="13"] ~ button.sheet-gt-13 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="14"] ~ button.sheet-gt-14 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="15"] ~ button.sheet-gt-15 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="16"] ~ button.sheet-gt-16 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="17"] ~ button.sheet-gt-17 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="18"] ~ button.sheet-gt-18 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="19"] ~ button.sheet-gt-19 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="20"] ~ button.sheet-gt-20 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="21"] ~ button.sheet-gt-21 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="22"] ~ button.sheet-gt-22 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="23"] ~ button.sheet-gt-23 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="24"] ~ button.sheet-gt-24 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="25"] ~ button.sheet-gt-25 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="26"] ~ button.sheet-gt-26 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="27"] ~ button.sheet-gt-27 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="28"] ~ button.sheet-gt-28 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="29"] ~ button.sheet-gt-29 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="30"] ~ button.sheet-gt-30 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="31"] ~ button.sheet-gt-31 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="32"] ~ button.sheet-gt-32 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="33"] ~ button.sheet-gt-33 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="34"] ~ button.sheet-gt-34 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="35"] ~ button.sheet-gt-35 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="36"] ~ button.sheet-gt-36 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="37"] ~ button.sheet-gt-37 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="38"] ~ button.sheet-gt-38 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="39"] ~ button.sheet-gt-39 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="40"] ~ button.sheet-gt-40 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="41"] ~ button.sheet-gt-41 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="42"] ~ button.sheet-gt-42 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="43"] ~ button.sheet-gt-43 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="44"] ~ button.sheet-gt-44 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="45"] ~ button.sheet-gt-45 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="46"] ~ button.sheet-gt-46 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="47"] ~ button.sheet-gt-47 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="48"] ~ button.sheet-gt-48 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="49"] ~ button.sheet-gt-49 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sdot[value="50"] ~ button.sheet-gt-50 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-wtdot[value="0"] ~ button.sheet-wt-0 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-wtdot[value="1"] ~ button.sheet-wt-1 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-wtdot[value="2"] ~ button.sheet-wt-2 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-wtdot[value="3"] ~ button.sheet-wt-3 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-sbody[value="0"] ~ button.sheet-gt-0,
|
|
input.sheet-sbody[value="1"] ~ button.sheet-gt-1,
|
|
input.sheet-sbody[value="2"] ~ button.sheet-gt-2,
|
|
input.sheet-sbody[value="3"] ~ button.sheet-gt-3,
|
|
input.sheet-sbody[value="4"] ~ button.sheet-gt-4,
|
|
input.sheet-sbody[value="5"] ~ button.sheet-gt-5,
|
|
input.sheet-sbody[value="6"] ~ button.sheet-gt-6,
|
|
input.sheet-sbody[value="7"] ~ button.sheet-gt-7,
|
|
input.sheet-sbody[value="8"] ~ button.sheet-gt-8,
|
|
input.sheet-sbody[value="9"] ~ button.sheet-gt-9,
|
|
input.sheet-sbody[value="10"] ~ button.sheet-gt-10,
|
|
input.sheet-sbody[value="11"] ~ button.sheet-gt-11,
|
|
input.sheet-sbody[value="12"] ~ button.sheet-gt-12,
|
|
input.sheet-sbody[value="13"] ~ button.sheet-gt-13,
|
|
input.sheet-sbody[value="14"] ~ button.sheet-gt-14,
|
|
input.sheet-sbody[value="15"] ~ button.sheet-gt-15,
|
|
input.sheet-sbody[value="16"] ~ button.sheet-gt-16,
|
|
input.sheet-sbody[value="17"] ~ button.sheet-gt-17,
|
|
input.sheet-sbody[value="18"] ~ button.sheet-gt-18,
|
|
input.sheet-sbody[value="19"] ~ button.sheet-gt-19,
|
|
input.sheet-sbody[value="20"] ~ button.sheet-gt-20,
|
|
input.sheet-sbody[value="21"] ~ button.sheet-gt-21,
|
|
input.sheet-sbody[value="22"] ~ button.sheet-gt-22,
|
|
input.sheet-sbody[value="23"] ~ button.sheet-gt-23,
|
|
input.sheet-sbody[value="24"] ~ button.sheet-gt-24,
|
|
input.sheet-sbody[value="25"] ~ button.sheet-gt-25,
|
|
input.sheet-sbody[value="26"] ~ button.sheet-gt-26,
|
|
input.sheet-sbody[value="27"] ~ button.sheet-gt-27,
|
|
input.sheet-sbody[value="28"] ~ button.sheet-gt-28,
|
|
input.sheet-sbody[value="29"] ~ button.sheet-gt-29,
|
|
input.sheet-sbody[value="30"] ~ button.sheet-gt-30,
|
|
input.sheet-sbody[value="31"] ~ button.sheet-gt-31,
|
|
input.sheet-sbody[value="32"] ~ button.sheet-gt-32,
|
|
input.sheet-sbody[value="33"] ~ button.sheet-gt-33,
|
|
input.sheet-sbody[value="34"] ~ button.sheet-gt-34,
|
|
input.sheet-sbody[value="35"] ~ button.sheet-gt-35,
|
|
input.sheet-sbody[value="36"] ~ button.sheet-gt-36,
|
|
input.sheet-sbody[value="37"] ~ button.sheet-gt-37,
|
|
input.sheet-sbody[value="38"] ~ button.sheet-gt-38,
|
|
input.sheet-sbody[value="39"] ~ button.sheet-gt-39,
|
|
input.sheet-sbody[value="40"] ~ button.sheet-gt-40,
|
|
input.sheet-sbody[value="41"] ~ button.sheet-gt-41,
|
|
input.sheet-sbody[value="42"] ~ button.sheet-gt-42,
|
|
input.sheet-sbody[value="43"] ~ button.sheet-gt-43,
|
|
input.sheet-sbody[value="44"] ~ button.sheet-gt-44,
|
|
input.sheet-sbody[value="45"] ~ button.sheet-gt-45,
|
|
input.sheet-sbody[value="46"] ~ button.sheet-gt-46,
|
|
input.sheet-sbody[value="47"] ~ button.sheet-gt-47,
|
|
input.sheet-sbody[value="48"] ~ button.sheet-gt-48,
|
|
input.sheet-sbody[value="49"] ~ button.sheet-gt-49,
|
|
input.sheet-sbody[value="50"] ~ button.sheet-gt-50{
|
|
display: none;
|
|
}
|
|
input.sheet-wtbody[value="0"] ~ button.sheet-wt-0,
|
|
input.sheet-wtbody[value="1"] ~ button.sheet-wt-1,
|
|
input.sheet-wtbody[value="2"] ~ button.sheet-wt-2,
|
|
input.sheet-wtbody[value="3"] ~ button.sheet-wt-3{
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="0"] ~ button.sheet-mt-0 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="1"] ~ button.sheet-mt-1 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="2"] ~ button.sheet-mt-2 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="3"] ~ button.sheet-mt-3 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="4"] ~ button.sheet-mt-4 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="5"] ~ button.sheet-mt-5 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="6"] ~ button.sheet-mt-6 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="7"] ~ button.sheet-mt-7 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="8"] ~ button.sheet-mt-8 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="9"] ~ button.sheet-mt-9 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="10"] ~ button.sheet-mt-10 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="11"] ~ button.sheet-mt-11 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="12"] ~ button.sheet-mt-12 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="13"] ~ button.sheet-mt-13 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="14"] ~ button.sheet-mt-14 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="15"] ~ button.sheet-mt-15 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="16"] ~ button.sheet-mt-16 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="17"] ~ button.sheet-mt-17 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="18"] ~ button.sheet-mt-18 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="19"] ~ button.sheet-mt-19 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="20"] ~ button.sheet-mt-20 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="21"] ~ button.sheet-mt-21 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="22"] ~ button.sheet-mt-22 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="23"] ~ button.sheet-mt-23 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="24"] ~ button.sheet-mt-24 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="25"] ~ button.sheet-mt-25 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="26"] ~ button.sheet-mt-26 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="27"] ~ button.sheet-mt-27 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="28"] ~ button.sheet-mt-28 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="29"] ~ button.sheet-mt-29 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="30"] ~ button.sheet-mt-30 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="31"] ~ button.sheet-mt-31 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="32"] ~ button.sheet-mt-32 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="33"] ~ button.sheet-mt-33 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="34"] ~ button.sheet-mt-34 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="35"] ~ button.sheet-mt-35 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="36"] ~ button.sheet-mt-36 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="37"] ~ button.sheet-mt-37 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="38"] ~ button.sheet-mt-38 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="39"] ~ button.sheet-mt-39 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="40"] ~ button.sheet-mt-40 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="41"] ~ button.sheet-mt-41 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="42"] ~ button.sheet-mt-42 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="43"] ~ button.sheet-mt-43 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="44"] ~ button.sheet-mt-44 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="45"] ~ button.sheet-mt-45 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="46"] ~ button.sheet-mt-46 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="47"] ~ button.sheet-mt-47 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="48"] ~ button.sheet-mt-48 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="49"] ~ button.sheet-mt-49 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mdot[value="50"] ~ button.sheet-mt-50 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-mbody[value="0"] ~ button.sheet-mt-0,
|
|
input.sheet-mbody[value="1"] ~ button.sheet-mt-1,
|
|
input.sheet-mbody[value="2"] ~ button.sheet-mt-2,
|
|
input.sheet-mbody[value="3"] ~ button.sheet-mt-3,
|
|
input.sheet-mbody[value="4"] ~ button.sheet-mt-4,
|
|
input.sheet-mbody[value="5"] ~ button.sheet-mt-5,
|
|
input.sheet-mbody[value="6"] ~ button.sheet-mt-6,
|
|
input.sheet-mbody[value="7"] ~ button.sheet-mt-7,
|
|
input.sheet-mbody[value="8"] ~ button.sheet-mt-8,
|
|
input.sheet-mbody[value="9"] ~ button.sheet-mt-9,
|
|
input.sheet-mbody[value="10"] ~ button.sheet-mt-10,
|
|
input.sheet-mbody[value="11"] ~ button.sheet-mt-11,
|
|
input.sheet-mbody[value="12"] ~ button.sheet-mt-12,
|
|
input.sheet-mbody[value="13"] ~ button.sheet-mt-13,
|
|
input.sheet-mbody[value="14"] ~ button.sheet-mt-14,
|
|
input.sheet-mbody[value="15"] ~ button.sheet-mt-15,
|
|
input.sheet-mbody[value="16"] ~ button.sheet-mt-16,
|
|
input.sheet-mbody[value="17"] ~ button.sheet-mt-17,
|
|
input.sheet-mbody[value="18"] ~ button.sheet-mt-18,
|
|
input.sheet-mbody[value="19"] ~ button.sheet-mt-19,
|
|
input.sheet-mbody[value="20"] ~ button.sheet-mt-20,
|
|
input.sheet-mbody[value="21"] ~ button.sheet-mt-21,
|
|
input.sheet-mbody[value="22"] ~ button.sheet-mt-22,
|
|
input.sheet-mbody[value="23"] ~ button.sheet-mt-23,
|
|
input.sheet-mbody[value="24"] ~ button.sheet-mt-24,
|
|
input.sheet-mbody[value="25"] ~ button.sheet-mt-25,
|
|
input.sheet-mbody[value="26"] ~ button.sheet-mt-26,
|
|
input.sheet-mbody[value="27"] ~ button.sheet-mt-27,
|
|
input.sheet-mbody[value="28"] ~ button.sheet-mt-28,
|
|
input.sheet-mbody[value="29"] ~ button.sheet-mt-29,
|
|
input.sheet-mbody[value="30"] ~ button.sheet-mt-30,
|
|
input.sheet-mbody[value="31"] ~ button.sheet-mt-31,
|
|
input.sheet-mbody[value="32"] ~ button.sheet-mt-32,
|
|
input.sheet-mbody[value="33"] ~ button.sheet-mt-33,
|
|
input.sheet-mbody[value="34"] ~ button.sheet-mt-34,
|
|
input.sheet-mbody[value="35"] ~ button.sheet-mt-35,
|
|
input.sheet-mbody[value="36"] ~ button.sheet-mt-36,
|
|
input.sheet-mbody[value="37"] ~ button.sheet-mt-37,
|
|
input.sheet-mbody[value="38"] ~ button.sheet-mt-38,
|
|
input.sheet-mbody[value="39"] ~ button.sheet-mt-39,
|
|
input.sheet-mbody[value="40"] ~ button.sheet-mt-40,
|
|
input.sheet-mbody[value="41"] ~ button.sheet-mt-41,
|
|
input.sheet-mbody[value="42"] ~ button.sheet-mt-42,
|
|
input.sheet-mbody[value="43"] ~ button.sheet-mt-43,
|
|
input.sheet-mbody[value="44"] ~ button.sheet-mt-44,
|
|
input.sheet-mbody[value="45"] ~ button.sheet-mt-45,
|
|
input.sheet-mbody[value="46"] ~ button.sheet-mt-46,
|
|
input.sheet-mbody[value="47"] ~ button.sheet-mt-47,
|
|
input.sheet-mbody[value="48"] ~ button.sheet-mt-48,
|
|
input.sheet-mbody[value="49"] ~ button.sheet-mt-49,
|
|
input.sheet-mbody[value="50"] ~ button.sheet-mt-50{
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="0"] ~ button.sheet-mt2-0 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="1"] ~ button.sheet-mt2-1 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="2"] ~ button.sheet-mt2-2 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="3"] ~ button.sheet-mt2-3 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="4"] ~ button.sheet-mt2-4 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="5"] ~ button.sheet-mt2-5 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="6"] ~ button.sheet-mt2-6 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="7"] ~ button.sheet-mt2-7 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="8"] ~ button.sheet-mt2-8 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="9"] ~ button.sheet-mt2-9 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="10"] ~ button.sheet-mt2-10 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="11"] ~ button.sheet-mt2-11 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="12"] ~ button.sheet-mt2-12 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="13"] ~ button.sheet-mt2-13 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="14"] ~ button.sheet-mt2-14 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="15"] ~ button.sheet-mt2-15 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="16"] ~ button.sheet-mt2-16 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="17"] ~ button.sheet-mt2-17 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="18"] ~ button.sheet-mt2-18 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="19"] ~ button.sheet-mt2-19 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="20"] ~ button.sheet-mt2-20 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="21"] ~ button.sheet-mt2-21 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="22"] ~ button.sheet-mt2-22 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="23"] ~ button.sheet-mt2-23 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="24"] ~ button.sheet-mt2-24 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="25"] ~ button.sheet-mt2-25 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="26"] ~ button.sheet-mt2-26 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="27"] ~ button.sheet-mt2-27 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="28"] ~ button.sheet-mt2-28 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="29"] ~ button.sheet-mt2-29 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="30"] ~ button.sheet-mt2-30 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="31"] ~ button.sheet-mt22-31 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="32"] ~ button.sheet-mt2-32 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="33"] ~ button.sheet-mt2-33 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="34"] ~ button.sheet-mt2-34 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="35"] ~ button.sheet-mt2-35 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="36"] ~ button.sheet-mt2-36 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="37"] ~ button.sheet-mt2-37 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="38"] ~ button.sheet-mt2-38 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="39"] ~ button.sheet-mt2-39 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="40"] ~ button.sheet-mt2-40 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="41"] ~ button.sheet-mt2-41 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="42"] ~ button.sheet-mt2-42 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="43"] ~ button.sheet-mt2-43 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="44"] ~ button.sheet-mt2-44 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="45"] ~ button.sheet-mt2-45 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="46"] ~ button.sheet-mt2-46 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="47"] ~ button.sheet-mt2-47 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="48"] ~ button.sheet-mt2-48 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="49"] ~ button.sheet-mt2-49 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2dot[value="50"] ~ button.sheet-mt2-50 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m2body[value="0"] ~ button.sheet-mt2-0,
|
|
input.sheet-m2body[value="1"] ~ button.sheet-mt2-1,
|
|
input.sheet-m2body[value="2"] ~ button.sheet-mt2-2,
|
|
input.sheet-m2body[value="3"] ~ button.sheet-mt2-3,
|
|
input.sheet-m2body[value="4"] ~ button.sheet-mt2-4,
|
|
input.sheet-m2body[value="5"] ~ button.sheet-mt2-5,
|
|
input.sheet-m2body[value="6"] ~ button.sheet-mt2-6,
|
|
input.sheet-m2body[value="7"] ~ button.sheet-mt2-7,
|
|
input.sheet-m2body[value="8"] ~ button.sheet-mt2-8,
|
|
input.sheet-m2body[value="9"] ~ button.sheet-mt2-9,
|
|
input.sheet-m2body[value="10"] ~ button.sheet-mt2-10,
|
|
input.sheet-m2body[value="11"] ~ button.sheet-mt2-11,
|
|
input.sheet-m2body[value="12"] ~ button.sheet-mt2-12,
|
|
input.sheet-m2body[value="13"] ~ button.sheet-mt2-13,
|
|
input.sheet-m2body[value="14"] ~ button.sheet-mt2-14,
|
|
input.sheet-m2body[value="15"] ~ button.sheet-mt2-15,
|
|
input.sheet-m2body[value="16"] ~ button.sheet-mt2-16,
|
|
input.sheet-m2body[value="17"] ~ button.sheet-mt2-17,
|
|
input.sheet-m2body[value="18"] ~ button.sheet-mt2-18,
|
|
input.sheet-m2body[value="19"] ~ button.sheet-mt2-19,
|
|
input.sheet-m2body[value="20"] ~ button.sheet-mt2-20,
|
|
input.sheet-m2body[value="21"] ~ button.sheet-mt2-21,
|
|
input.sheet-m2body[value="22"] ~ button.sheet-mt2-22,
|
|
input.sheet-m2body[value="23"] ~ button.sheet-mt2-23,
|
|
input.sheet-m2body[value="24"] ~ button.sheet-mt2-24,
|
|
input.sheet-m2body[value="25"] ~ button.sheet-mt2-25,
|
|
input.sheet-m2body[value="26"] ~ button.sheet-mt2-26,
|
|
input.sheet-m2body[value="27"] ~ button.sheet-mt2-27,
|
|
input.sheet-m2body[value="28"] ~ button.sheet-mt2-28,
|
|
input.sheet-m2body[value="29"] ~ button.sheet-mt2-29,
|
|
input.sheet-m2body[value="30"] ~ button.sheet-mt2-30,
|
|
input.sheet-m2body[value="31"] ~ button.sheet-mt2-31,
|
|
input.sheet-m2body[value="32"] ~ button.sheet-mt2-32,
|
|
input.sheet-m2body[value="33"] ~ button.sheet-mt2-33,
|
|
input.sheet-m2body[value="34"] ~ button.sheet-mt2-34,
|
|
input.sheet-m2body[value="35"] ~ button.sheet-mt2-35,
|
|
input.sheet-m2body[value="36"] ~ button.sheet-mt2-36,
|
|
input.sheet-m2body[value="37"] ~ button.sheet-mt2-37,
|
|
input.sheet-m2body[value="38"] ~ button.sheet-mt2-38,
|
|
input.sheet-m2body[value="39"] ~ button.sheet-mt2-39,
|
|
input.sheet-m2body[value="40"] ~ button.sheet-mt2-40,
|
|
input.sheet-m2body[value="41"] ~ button.sheet-mt2-41,
|
|
input.sheet-m2body[value="42"] ~ button.sheet-mt2-42,
|
|
input.sheet-m2body[value="43"] ~ button.sheet-mt2-43,
|
|
input.sheet-m2body[value="44"] ~ button.sheet-mt2-44,
|
|
input.sheet-m2body[value="45"] ~ button.sheet-mt2-45,
|
|
input.sheet-m2body[value="46"] ~ button.sheet-mt2-46,
|
|
input.sheet-m2body[value="47"] ~ button.sheet-mt2-47,
|
|
input.sheet-m2body[value="48"] ~ button.sheet-mt2-48,
|
|
input.sheet-m2body[value="49"] ~ button.sheet-mt2-49,
|
|
input.sheet-m2body[value="50"] ~ button.sheet-mt2-50{
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="0"] ~ button.sheet-mt3-0 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="1"] ~ button.sheet-mt3-1 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="2"] ~ button.sheet-mt3-2 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="3"] ~ button.sheet-mt3-3 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="4"] ~ button.sheet-mt3-4 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="5"] ~ button.sheet-mt3-5 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="6"] ~ button.sheet-mt3-6 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="7"] ~ button.sheet-mt3-7 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="8"] ~ button.sheet-mt3-8 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="9"] ~ button.sheet-mt3-9 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="10"] ~ button.sheet-mt3-10 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="11"] ~ button.sheet-mt3-11 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="12"] ~ button.sheet-mt3-12 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="13"] ~ button.sheet-mt3-13 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="14"] ~ button.sheet-mt3-14 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="15"] ~ button.sheet-mt3-15 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="16"] ~ button.sheet-mt3-16 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="17"] ~ button.sheet-mt3-17 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="18"] ~ button.sheet-mt3-18 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="19"] ~ button.sheet-mt3-19 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="20"] ~ button.sheet-mt3-20 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="21"] ~ button.sheet-mt3-21 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="22"] ~ button.sheet-mt3-22 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="23"] ~ button.sheet-mt3-23 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="24"] ~ button.sheet-mt3-24 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="25"] ~ button.sheet-mt3-25 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="26"] ~ button.sheet-mt3-26 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="27"] ~ button.sheet-mt3-27 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="28"] ~ button.sheet-mt3-28 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="29"] ~ button.sheet-mt3-29 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="30"] ~ button.sheet-mt3-30 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="31"] ~ button.sheet-mt32-31 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="32"] ~ button.sheet-mt3-32 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="33"] ~ button.sheet-mt3-33 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="34"] ~ button.sheet-mt3-34 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="35"] ~ button.sheet-mt3-35 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="36"] ~ button.sheet-mt3-36 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="37"] ~ button.sheet-mt3-37 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="38"] ~ button.sheet-mt3-38 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="39"] ~ button.sheet-mt3-39 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="40"] ~ button.sheet-mt3-40 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="41"] ~ button.sheet-mt3-41 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="42"] ~ button.sheet-mt3-42 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="43"] ~ button.sheet-mt3-43 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="44"] ~ button.sheet-mt3-44 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="45"] ~ button.sheet-mt3-45 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="46"] ~ button.sheet-mt3-46 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="47"] ~ button.sheet-mt3-47 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="48"] ~ button.sheet-mt3-48 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="49"] ~ button.sheet-mt3-49 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3dot[value="50"] ~ button.sheet-mt3-50 > span.sheet-checked {
|
|
display: none;
|
|
}
|
|
input.sheet-m3body[value="0"] ~ button.sheet-mt3-0,
|
|
input.sheet-m3body[value="1"] ~ button.sheet-mt3-1,
|
|
input.sheet-m3body[value="2"] ~ button.sheet-mt3-2,
|
|
input.sheet-m3body[value="3"] ~ button.sheet-mt3-3,
|
|
input.sheet-m3body[value="4"] ~ button.sheet-mt3-4,
|
|
input.sheet-m3body[value="5"] ~ button.sheet-mt3-5,
|
|
input.sheet-m3body[value="6"] ~ button.sheet-mt3-6,
|
|
input.sheet-m3body[value="7"] ~ button.sheet-mt3-7,
|
|
input.sheet-m3body[value="8"] ~ button.sheet-mt3-8,
|
|
input.sheet-m3body[value="9"] ~ button.sheet-mt3-9,
|
|
input.sheet-m3body[value="10"] ~ button.sheet-mt3-10,
|
|
input.sheet-m3body[value="11"] ~ button.sheet-mt3-11,
|
|
input.sheet-m3body[value="12"] ~ button.sheet-mt3-12,
|
|
input.sheet-m3body[value="13"] ~ button.sheet-mt3-13,
|
|
input.sheet-m3body[value="14"] ~ button.sheet-mt3-14,
|
|
input.sheet-m3body[value="15"] ~ button.sheet-mt3-15,
|
|
input.sheet-m3body[value="16"] ~ button.sheet-mt3-16,
|
|
input.sheet-m3body[value="17"] ~ button.sheet-mt3-17,
|
|
input.sheet-m3body[value="18"] ~ button.sheet-mt3-18,
|
|
input.sheet-m3body[value="19"] ~ button.sheet-mt3-19,
|
|
input.sheet-m3body[value="20"] ~ button.sheet-mt3-20,
|
|
input.sheet-m3body[value="21"] ~ button.sheet-mt3-21,
|
|
input.sheet-m3body[value="22"] ~ button.sheet-mt3-22,
|
|
input.sheet-m3body[value="23"] ~ button.sheet-mt3-23,
|
|
input.sheet-m3body[value="24"] ~ button.sheet-mt3-24,
|
|
input.sheet-m3body[value="25"] ~ button.sheet-mt3-25,
|
|
input.sheet-m3body[value="26"] ~ button.sheet-mt3-26,
|
|
input.sheet-m3body[value="27"] ~ button.sheet-mt3-27,
|
|
input.sheet-m3body[value="28"] ~ button.sheet-mt3-28,
|
|
input.sheet-m3body[value="29"] ~ button.sheet-mt3-29,
|
|
input.sheet-m3body[value="30"] ~ button.sheet-mt3-30,
|
|
input.sheet-m3body[value="31"] ~ button.sheet-mt3-31,
|
|
input.sheet-m3body[value="32"] ~ button.sheet-mt3-32,
|
|
input.sheet-m3body[value="33"] ~ button.sheet-mt3-33,
|
|
input.sheet-m3body[value="34"] ~ button.sheet-mt3-34,
|
|
input.sheet-m3body[value="35"] ~ button.sheet-mt3-35,
|
|
input.sheet-m3body[value="36"] ~ button.sheet-mt3-36,
|
|
input.sheet-m3body[value="37"] ~ button.sheet-mt3-37,
|
|
input.sheet-m3body[value="38"] ~ button.sheet-mt3-38,
|
|
input.sheet-m3body[value="39"] ~ button.sheet-mt3-39,
|
|
input.sheet-m3body[value="40"] ~ button.sheet-mt3-40,
|
|
input.sheet-m3body[value="41"] ~ button.sheet-mt3-41,
|
|
input.sheet-m3body[value="42"] ~ button.sheet-mt3-42,
|
|
input.sheet-m3body[value="43"] ~ button.sheet-mt3-43,
|
|
input.sheet-m3body[value="44"] ~ button.sheet-mt3-44,
|
|
input.sheet-m3body[value="45"] ~ button.sheet-mt3-45,
|
|
input.sheet-m3body[value="46"] ~ button.sheet-mt3-46,
|
|
input.sheet-m3body[value="47"] ~ button.sheet-mt3-47,
|
|
input.sheet-m3body[value="48"] ~ button.sheet-mt3-48,
|
|
input.sheet-m3body[value="49"] ~ button.sheet-mt3-49,
|
|
input.sheet-m3body[value="50"] ~ button.sheet-mt3-50{
|
|
display: none;
|
|
}
|
|
.sheet-dots {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
/*configure the main frame of the sheet, including the header image*/
|
|
.sheet-main {
|
|
min-width: 850px;
|
|
border: 20px solid transparent;
|
|
padding: 1px;
|
|
border-image: url(https://i.imgur.com/XxBv5A2.png) 30 round;
|
|
border-image-outset: 1px;
|
|
background-color: #DCDCDC;
|
|
}
|
|
/*Configure the tabbed sections of the sheet*/
|
|
/*Configure the tab buttons*/
|
|
.sheet-character,
|
|
.sheet-skills,
|
|
.sheet-inventory,
|
|
.sheet-combat,
|
|
.sheet-magic,
|
|
.sheet-languages,
|
|
.sheet-biographical,
|
|
.sheet-documentation {
|
|
display: none;
|
|
}
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
|
|
.sheet-tabstoggle[value="magic"] ~ div.sheet-magic,
|
|
.sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
|
|
.sheet-tabstoggle[value="languages"] ~ div.sheet-languages,
|
|
.sheet-tabstoggle[value="biographical"] ~ div.sheet-biographical,
|
|
.sheet-tabstoggle[value="documentation"] ~ div.sheet-documentation {
|
|
display: grid;
|
|
grid-gap: 5px;
|
|
}
|
|
.sheet-buttonbar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
align-items: flex-start;
|
|
width: auto;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
padding: 0.75%;
|
|
margin-bottom: 5px;
|
|
}
|
|
/*define main tab pages*/
|
|
.sheet-character {
|
|
width: auto;
|
|
height: auto;
|
|
grid-template-columns: 29% 34% 36%;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "common common common" "attributes afattributes finalcombatattributes" "atkdefattributes hpattributes finalcombatattributes" "evaattribute hpattributes finalcombatattributes" "mamdattributes mpattributes classcombatabilities" "steperattributes mpattributes classcombatabilities" "gapfillimg mpattributes classcombatabilities";
|
|
}
|
|
.sheet-inventory {
|
|
width: auto;
|
|
height: auto;
|
|
grid-template-columns: 50% 50%;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "weapons weapons" "money armour" "encumbrance armour" "possessions possessions";
|
|
}
|
|
.sheet-combat {
|
|
width: auto;
|
|
height: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "basecharacteristics baseotherattributes" "basemeleeattributes baserangedattributes" "finalcombatattributes finalcombatattributes";
|
|
}
|
|
.sheet-magic {
|
|
width: auto;
|
|
height: auto;
|
|
grid-template-columns: 34% 64%;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "allprofessionattribs spellbox" "allcastermana spellbox" "manabox spellbox";
|
|
}
|
|
.sheet-skills {
|
|
width: auto;
|
|
height: auto;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "paths" "professionskills" "secondaryskills";
|
|
}
|
|
.sheet-languages {
|
|
width: auto;
|
|
height: auto;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "modlang" "anclang";
|
|
}
|
|
.sheet-biographical {
|
|
width: auto;
|
|
height: auto;
|
|
grid-template-columns: auto;
|
|
grid-template-rows: auto;
|
|
grid-template-areas: "basicbio";
|
|
}
|
|
.sheet-documentation {
|
|
width: auto;
|
|
height: auto;
|
|
font-family: 'arial', sans-serif !important;
|
|
text-align: left;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
/*define child elements*/
|
|
/* columns */
|
|
.sheet-col1 {
|
|
width: calc(66% - 12px);
|
|
display: inline-block;
|
|
margin-left: 15px;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-col2 {
|
|
width: calc(33% - 12px);
|
|
display: inline-block;
|
|
}
|
|
.sheet-colequip {
|
|
width: calc(66% - 12px);
|
|
display: inline-block;
|
|
}
|
|
.sheet-colbackpack {
|
|
width: calc(33% - 12px);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-inputscol {
|
|
width: calc(25% - 12px);
|
|
display: inline-block;
|
|
}
|
|
.sheet-skullcol {
|
|
width: calc(35% - 12px);
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-encumbrance {
|
|
grid-area: encumbrance;
|
|
display: grid;
|
|
grid-template-areas: "encumbranceheader encumbranceheader encumbranceheader" "liftclawcol encumbrancecol1 encumbrancecol2 ";
|
|
}
|
|
.sheet-encumbranceheader {
|
|
grid-area: encumbranceheader;
|
|
}
|
|
.sheet-encumbrancecol1 {
|
|
grid-area: encumbrancecol1;
|
|
}
|
|
.sheet-encumbrancecol2 {
|
|
grid-area: encumbrancecol2;
|
|
}
|
|
.sheet-liftclawcol {
|
|
grid-area: liftclawcol;
|
|
}
|
|
/* Child Elements on the Character Tab */
|
|
.sheet-common {
|
|
grid-area: common;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-gapfillimg {
|
|
display: grid;
|
|
grid-area: gapfillimg;
|
|
}
|
|
.sheet-attributes {
|
|
grid-area: attributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "charhead charhead charhead" "char1 charscore1 button1" "char2 charscore2 button2" "char3 charscore3 button3" "char4 charscore4 button4" "char5 charscore5 button5";
|
|
}
|
|
button.sheet-button1 {
|
|
grid-area: button1;
|
|
}
|
|
button.sheet-button2 {
|
|
grid-area: button2;
|
|
}
|
|
button.sheet-button3 {
|
|
grid-area: button3;
|
|
}
|
|
button.sheet-button4 {
|
|
grid-area: button4;
|
|
}
|
|
button.sheet-button5 {
|
|
grid-area: button5;
|
|
}
|
|
.sheet-char1 {
|
|
grid-area: char1;
|
|
}
|
|
.sheet-char2 {
|
|
grid-area: char2;
|
|
}
|
|
.sheet-char3 {
|
|
grid-area: char3;
|
|
}
|
|
.sheet-char4 {
|
|
grid-area: char4;
|
|
}
|
|
.sheet-char5 {
|
|
grid-area: char5;
|
|
}
|
|
.sheet-charscore1 {
|
|
grid-area: charscore1;
|
|
}
|
|
.sheet-charscore2 {
|
|
grid-area: charscore2;
|
|
}
|
|
.sheet-charscore3 {
|
|
grid-area: charscore3;
|
|
}
|
|
.sheet-charscore4 {
|
|
grid-area: charscore4;
|
|
}
|
|
.sheet-charscore5 {
|
|
grid-area: charscore5;
|
|
}
|
|
label.sheet-charheading {
|
|
grid-area: charhead;
|
|
}
|
|
.sheet-atkdefattributes {
|
|
grid-area: atkdefattributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "cfheading cfheading" "finalmeleelabel1 finalmeleebox1" "finalrangedlabel1 finalrangedbox1" "finalmeleelabel2 finalmeleebox2" "finalrangedlabel2 finalrangedbox2";
|
|
}
|
|
.sheet-finalmeleelabel1 {
|
|
grid-area: finalmeleelabel1;
|
|
text-align: center;
|
|
}
|
|
.sheet-finalmeleelabel2 {
|
|
grid-area: finalmeleelabel2;
|
|
text-align: center;
|
|
}
|
|
.sheet-finalmeleebox1 {
|
|
grid-area: finalmeleebox1;
|
|
}
|
|
.sheet-finalmeleebox2 {
|
|
grid-area: finalmeleebox2;
|
|
}
|
|
.sheet-finalrangedlabel1 {
|
|
grid-area: finalrangedlabel1;
|
|
text-align: center;
|
|
}
|
|
.sheet-finalrangedlabel2 {
|
|
grid-area: finalrangedlabel2;
|
|
text-align: center;
|
|
}
|
|
.sheet-finalrangedbox1 {
|
|
grid-area: finalrangedbox1;
|
|
}
|
|
.sheet-finalrangedbox2 {
|
|
grid-area: finalrangedbox2;
|
|
}
|
|
.sheet-cf1 {
|
|
grid-area: cf1;
|
|
}
|
|
.sheet-cf2 {
|
|
grid-area: cf2;
|
|
}
|
|
.sheet-cfa {
|
|
grid-area: cfa;
|
|
}
|
|
.sheet-cfd {
|
|
grid-area: cfd;
|
|
}
|
|
label.sheet-cfheading {
|
|
grid-area: cfheading;
|
|
}
|
|
.sheet-mabrlabel1 {
|
|
grid-area: mabrlabel1;
|
|
}
|
|
.sheet-mdamlabel1 {
|
|
grid-area: mdamlabel1;
|
|
}
|
|
.sheet-rabrlabel1 {
|
|
grid-area: rabrlabel1;
|
|
}
|
|
.sheet-rdamlabel1 {
|
|
grid-area: rdamlabel1;
|
|
}
|
|
.sheet-mabrbox1 {
|
|
grid-area: mabrbox1;
|
|
}
|
|
.sheet-mdambox1 {
|
|
grid-area: mdambox1;
|
|
}
|
|
.sheet-rabrbox1 {
|
|
grid-area: rabrbox1;
|
|
}
|
|
.sheet-rdambox1 {
|
|
grid-area: rdambox1;
|
|
}
|
|
.sheet-evaattribute {
|
|
grid-area: evaattribute;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "dodgehead dodgehead" "dodge evade" "finaldodge finalevade";
|
|
}
|
|
.sheet-dodge {
|
|
grid-area: dodge;
|
|
}
|
|
.sheet-evade {
|
|
grid-area: evade;
|
|
}
|
|
.sheet-finaldodge {
|
|
grid-area: finaldodge;
|
|
text-align: center;
|
|
}
|
|
.sheet-finalevade {
|
|
grid-area: finalevade;
|
|
}
|
|
label.sheet-dodgeheading {
|
|
grid-area: dodgehead;
|
|
}
|
|
.sheet-mamdattributes {
|
|
grid-area: mamdattributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
text-align: justify;
|
|
text-justify: inter-word;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "mcfheading mcfheading" "mcf1 mcfma" "finalmagicalattacklabel finalmagicalattackbox" "mcf2 mcfmd" "finalmagicaldefencelabel finalmagicaldefencebox";
|
|
}
|
|
.sheet-finalmagicalattacklabel {
|
|
grid-area: finalmagicalattacklabel;
|
|
text-align: center;
|
|
}
|
|
.sheet-finalmagicalattackbox {
|
|
grid-area: finalmagicalattackbox;
|
|
}
|
|
.sheet-finalmagicaldefencelabel {
|
|
grid-area: finalmagicaldefencelabel;
|
|
text-align: center;
|
|
}
|
|
.sheet-finalmagicaldefencebox {
|
|
grid-area: finalmagicaldefencebox;
|
|
}
|
|
label.sheet-mcfheading {
|
|
grid-area: mcfheading;
|
|
}
|
|
.sheet-mcf1 {
|
|
grid-area: mcf1;
|
|
}
|
|
.sheet-mcf2 {
|
|
grid-area: mcf2;
|
|
}
|
|
.sheet-mcfma {
|
|
grid-area: mcfma;
|
|
}
|
|
.sheet-mcfmd {
|
|
grid-area: mcfmd;
|
|
}
|
|
.sheet-steperattributes {
|
|
grid-area: steperattributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "steperheading steperheading steperheading " "steper3 finalstealth button1" "steper4 finalperception button2";
|
|
}
|
|
label.sheet-steperheading {
|
|
grid-area: steperheading;
|
|
}
|
|
.sheet-steper1 {
|
|
grid-area: steper1;
|
|
}
|
|
.sheet-steper2 {
|
|
grid-area: steper2;
|
|
}
|
|
.sheet-steper3 {
|
|
grid-area: steper3;
|
|
text-align: center;
|
|
}
|
|
.sheet-steper4 {
|
|
grid-area: steper4;
|
|
text-align: center;
|
|
}
|
|
.sheet-stealth {
|
|
grid-area: stealth;
|
|
}
|
|
.sheet-finalperception {
|
|
grid-area: finalperception;
|
|
}
|
|
.sheet-finalstealth {
|
|
grid-area: finalstealth;
|
|
}
|
|
.sheet-percep {
|
|
grid-area: percep;
|
|
}
|
|
.sheet-hpattributes {
|
|
grid-area: hpattributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-afattributes {
|
|
grid-area: afattributes;
|
|
grid-template-columns: 25% 50% 25%;
|
|
grid-template-rows: auto;
|
|
display: grid;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
grid-template-areas: "afheader afheader afheader" "aftype aftypeinput aftypeinput" "imgshieldcol afname afinput" "imgshieldcol shieldbox shieldbox" "shieldhidden shieldhidden shieldhidden";
|
|
}
|
|
.sheet-afheader {
|
|
grid-area: afheader;
|
|
}
|
|
.sheet-aftype{
|
|
grid-area: aftype;
|
|
}
|
|
.sheet-aftypeinput{
|
|
grid-area: aftypeinput;
|
|
}
|
|
.sheet-imgshieldcol{
|
|
grid-area: imgshieldcol;
|
|
}
|
|
.sheet-afname{
|
|
grid-area: afname;
|
|
}
|
|
.sheet-afinput{
|
|
grid-area: afinput;
|
|
}
|
|
.sheet-shieldbox{
|
|
grid-area: shieldbox;
|
|
}
|
|
/*hide shield values if the shield is not equipped*/
|
|
.sheet-shieldhidden{
|
|
display: none;
|
|
grid-area: shieldhidden;
|
|
grid-template-areas: "shielddie shieldsuccess shieldbutton";
|
|
}
|
|
.sheet-shielddie{
|
|
grid-area: shielddie;
|
|
}
|
|
.sheet-shieldsuccess {
|
|
grid-area: shieldsuccess;
|
|
}
|
|
.sheet-shieldbutton {
|
|
grid-area: shieldbutton;
|
|
}
|
|
input.sheet-shield-toggle[value="1"] ~ div.sheet-shieldhidden {
|
|
display: grid;
|
|
}
|
|
/*define which magic point elements should be shown, based on profession*/
|
|
.sheet-mpattributes {
|
|
grid-area: mpattributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-mp {
|
|
display: none;
|
|
}
|
|
input.sheet-profession-toggle[value="Knight"] ~ div.sheet-martialhidden,
|
|
input.sheet-profession-toggle[value="Barbarian"] ~ div.sheet-martialhidden,
|
|
input.sheet-profession-toggle[value="Assassin"] ~ div.sheet-nonmartialhidden,
|
|
input.sheet-profession-toggle[value="Hunter"] ~ div.sheet-martialhidden,
|
|
input.sheet-profession-toggle[value="Knave"] ~ div.sheet-nonmartialhidden,
|
|
input.sheet-profession-toggle[value="Priest"] ~ div.sheet-nonmartialhidden,
|
|
input.sheet-profession-toggle[value="Sorcerer"] ~ div.sheet-mpattributeshidden,
|
|
input.sheet-profession-toggle[value="Mystic"] ~ div.sheet-mpattributeshidden,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-mpattributeshidden,
|
|
input.sheet-profession-toggle[value="Warlock"] ~ div.sheet-mpattributeshidden,
|
|
input.sheet-profession-toggle[value="Demonologist"] ~ div.sheet-mpattributeshidden {
|
|
display: grid;
|
|
}
|
|
.sheet-nonmartialhidden {
|
|
grid-template-areas: "guardheader2 guardheader2" "guardselect2 guardselect2" "malabel2 mabox2" "mdlabel2 mdbox2" "ralabel2 rabox2" "rdlabel2 rdbox2" "dodgelabel2 dodgebox2" "guardother2 guardother2";
|
|
}
|
|
.sheet-guardheader2 {
|
|
grid-area: guardheader2;
|
|
}
|
|
.sheet-guardselect2 {
|
|
grid-area: guardselect2;
|
|
}
|
|
.sheet-malabel2 {
|
|
grid-area: malabel2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mabox2 {
|
|
grid-area: mabox2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mdlabel2 {
|
|
grid-area: mdlabel2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mdbox2 {
|
|
grid-area: mdbox2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-ralabel2 {
|
|
grid-area: ralabel2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rabox2 {
|
|
grid-area: rabox2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rdlabel2 {
|
|
grid-area: rdlabel2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rdbox2 {
|
|
grid-area: rdbox2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-dodgelabel2 {
|
|
grid-area: dodgelabel2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-dodgebox2 {
|
|
grid-area: dodgebox2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-guardother2 {
|
|
grid-area: guardother2;
|
|
}
|
|
.sheet-martialhidden {
|
|
grid-template-areas: "guardheader1 guardheader1" "guardselect1 guardselect1" "guardcounteredcol guardcounteredcol" "malabel1 mabox1" "mdlabel1 mdbox1" "ralabel1 rabox1" "rdlabel1 rdbox1" "dodgelabel1 dodgebox1" "guardother1 guardother1";
|
|
}
|
|
.sheet-guardheader1 {
|
|
grid-area: guardheader1;
|
|
}
|
|
.sheet-guardcounteredcol {
|
|
grid-area: guardcounteredcol;
|
|
}
|
|
.sheet-guardselect1 {
|
|
grid-area: guardselect1;
|
|
}
|
|
.sheet-malabel1 {
|
|
grid-area: malabel1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mabox1 {
|
|
grid-area: mabox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mdlabel1 {
|
|
grid-area: mdlabel1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mdbox1 {
|
|
grid-area: mdbox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-ralabel1 {
|
|
grid-area: ralabel1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rabox1 {
|
|
grid-area: rabox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rdlabel1 {
|
|
grid-area: rdlabel1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rdbox1 {
|
|
grid-area: rdbox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-dodgelabel1 {
|
|
grid-area: dodgelabel1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-dodgebox1 {
|
|
grid-area: dodgebox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-guardother1 {
|
|
grid-area: guardother1;
|
|
}
|
|
.sheet-castermp {
|
|
justify-content: space-between;
|
|
grid-template-areas: "dma1 dmabutton1" "ima1 imabutton1" "ser1 serbutton1";
|
|
}
|
|
.sheet-warlockmp {
|
|
justify-content: space-between;
|
|
grid-template-areas: "dma2 dmabutton2" "ima2 imabutton2" "ser2 serbutton2";
|
|
}
|
|
.sheet-dma1 {
|
|
justify-content: space-between;
|
|
grid-area: dma1;
|
|
}
|
|
.sheet-ima1 {
|
|
justify-content: space-between;
|
|
grid-area: ima1;
|
|
}
|
|
.sheet-ser1 {
|
|
justify-content: space-between;
|
|
grid-area: ser1;
|
|
}
|
|
button.sheet-dmabutton1 {
|
|
justify-content: space-around;
|
|
grid-area: dmabutton1;
|
|
}
|
|
button.sheet-imabutton1 {
|
|
justify-content: space-around;
|
|
grid-area: imabutton1;
|
|
}
|
|
button.sheet-serbutton1 {
|
|
grid-area: serbutton1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-dma2 {
|
|
justify-content: space-between;
|
|
grid-area: dma2;
|
|
}
|
|
.sheet-ima2 {
|
|
justify-content: space-between;
|
|
grid-area: ima2;
|
|
}
|
|
.sheet-ser2 {
|
|
justify-content: space-between;
|
|
grid-area: ser2;
|
|
}
|
|
button.sheet-dmabutton2 {
|
|
justify-content: space-around;
|
|
grid-area: dmabutton2;
|
|
}
|
|
button.sheet-imabutton2 {
|
|
justify-content: space-around;
|
|
grid-area: imabutton2;
|
|
}
|
|
button.sheet-serbutton2 {
|
|
grid-area: serbutton2;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-finmagatk {
|
|
grid-area: finmagatk;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-finmagdef {
|
|
grid-area: finmagdef;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-finmagatkbox {
|
|
grid-area: finmagatkbox;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-finmagdefbox {
|
|
grid-area: finmagdefbox;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-mysticmp {
|
|
grid-template-areas: "psyfatlabel1 psyfatlabel1 psyfatlabel1" "psyfatbox1 psyfatbox1 psyfatbutton1" "esplabel1 espbox1 espbutton1" "premonitionlabel1 premonitionbox1 premonitionbutton1";
|
|
}
|
|
.sheet-psyfatlabel1 {
|
|
grid-area: psyfatlabel1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-psyfatbox1 {
|
|
grid-area: psyfatbox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-psyfatbutton1 {
|
|
grid-area: psyfatbutton1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-esplabel1 {
|
|
grid-area: esplabel1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-espbox1 {
|
|
grid-area: espbox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-espbutton1 {
|
|
grid-area: espbutton1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-premonitionlabel1 {
|
|
grid-area: premonitionlabel1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-premonitionbox1 {
|
|
grid-area: premonitionbox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-premonitionbutton1 {
|
|
grid-area: premonitionbutton1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-frontmp {
|
|
display: none;
|
|
}
|
|
input.sheet-profession-toggle[value="Sorcerer"] ~ div.sheet-castermp,
|
|
input.sheet-profession-toggle[value="Mystic"] ~ div.sheet-castermp,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-castermp,
|
|
input.sheet-profession-toggle[value="Demonologist"] ~ div.sheet-castermp,
|
|
input.sheet-profession-toggle[value="Warlock"] ~ div.sheet-warlockmp,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-standardmp,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-elementalistmp,
|
|
input.sheet-profession-toggle[value="Sorcerer"] ~ div.sheet-standardmp,
|
|
input.sheet-profession-toggle[value="Mystic"] ~ div.sheet-mysticmp,
|
|
input.sheet-profession-toggle[value="Warlock"] ~ div.sheet-standardmp,
|
|
input.sheet-profession-toggle[value="Demonologist"] ~ div.sheet-standardmp {
|
|
display: grid;
|
|
}
|
|
.sheet-paths {
|
|
grid-area: paths;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-professionskills {
|
|
grid-area: professionskills;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-secondaryskillssec {
|
|
grid-area: secondaryskills;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
/*define equiment tab children*/
|
|
.sheet-possessions {
|
|
grid-area: possessions;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-money {
|
|
grid-area: money;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-armour {
|
|
grid-area: armour;
|
|
display: grid;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
grid-template-areas: " aflabel1 aflabel1" "armourtypelabel1 armourtypebox1" "armourfactorlabel1 armourfactorbox1" "armourmagiclabel1 armourmagicbox1" "colstatlabel9 colstatmodbox9" "nonprofarmourheader1 nonprofarmourheader1" "nonprofarmourpenaltylabel1 nonprofarmourpenaltybox1" "nonprofarmourpenaltylabel2 nonprofarmourpenaltybox2" " nonprofarmourpenaltylabel3 nonprofarmourpenaltybox3" "shieldcol1 shieldcol1";
|
|
}
|
|
.sheet-aflabel1 {
|
|
grid-area: aflabel1;
|
|
}
|
|
.sheet-armourtypelabel1 {
|
|
grid-area: armourtypelabel1;
|
|
}
|
|
.sheet-armourtypebox1 {
|
|
grid-area: armourtypebox1;
|
|
}
|
|
.sheet-armourfactorlabel1 {
|
|
grid-area: armourfactorlabel1;
|
|
}
|
|
.sheet-armourfactorbox1 {
|
|
grid-area: armourfactorbox1;
|
|
}
|
|
.sheet-armourmagiclabel1 {
|
|
grid-area: armourmagiclabel1;
|
|
}
|
|
.sheet-armourmagicbox1 {
|
|
grid-area: armourmagicbox1;
|
|
}
|
|
.sheet-nonprofarmourheader1 {
|
|
grid-area: nonprofarmourheader1;
|
|
}
|
|
.sheet-nonprofarmourpenaltylabel1 {
|
|
grid-area: nonprofarmourpenaltylabel1;
|
|
text-align: center;
|
|
}
|
|
.sheet-nonprofarmourpenaltylabel2 {
|
|
grid-area: nonprofarmourpenaltylabel2;
|
|
text-align: center;
|
|
}
|
|
.sheet-nonprofarmourpenaltylabel3 {
|
|
grid-area: nonprofarmourpenaltylabel3;
|
|
text-align: center;
|
|
}
|
|
.sheet-nonprofarmourpenaltybox1 {
|
|
grid-area: nonprofarmourpenaltybox1;
|
|
}
|
|
.sheet-nonprofarmourpenaltybox2 {
|
|
grid-area: nonprofarmourpenaltybox2;
|
|
}
|
|
.sheet-nonprofarmourpenaltybox3 {
|
|
grid-area: nonprofarmourpenaltybox3;
|
|
}
|
|
.sheet-shieldcol1 {
|
|
grid-area: shieldcol1;
|
|
display: grid;
|
|
grid-template-areas: "skullcol1 shieldbox1 shieldbox1" "skullcol1 magicshieldlabel1 magicshieldbox1" "shieldhidden1 shieldhidden1 shieldhidden1";
|
|
}
|
|
.sheet-skullcol1 {
|
|
grid-area: skullcol1;
|
|
}
|
|
.sheet-shieldbox1 {
|
|
grid-area: shieldbox1;
|
|
}
|
|
.sheet-magicshieldlabel1 {
|
|
grid-area: magicshieldlabel1;
|
|
}
|
|
.sheet-magicshieldbox1 {
|
|
grid-area: magicshieldbox1;
|
|
}
|
|
.sheet-shieldhidden1{
|
|
display: none;
|
|
grid-area: shieldhidden1;
|
|
grid-template-areas: "shielddie1 shieldsuccess1 shieldbutton1";
|
|
}
|
|
.sheet-shielddie1{
|
|
grid-area: shielddie1;
|
|
}
|
|
.sheet-shieldsuccess1 {
|
|
grid-area: shieldsuccess1;
|
|
}
|
|
.sheet-shieldbutton1 {
|
|
grid-area: shieldbutton1;
|
|
}
|
|
input.sheet-shield-toggle[value="1"] ~ div.sheet-shieldhidden1 {
|
|
display: grid;
|
|
}
|
|
.sheet-weapons {
|
|
grid-area: weapons;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-encumbrance {
|
|
grid-area: encumbrance;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
/*define Biography tab children*/
|
|
.sheet-basicbio {
|
|
grid-area: basicbio;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
/*define Languages tab children*/
|
|
.sheet-modlang {
|
|
grid-area: modlang;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-anclang {
|
|
grid-area: anclang;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
/*define Magic tab children*/
|
|
.sheet-allprofessionattribs {
|
|
grid-area: allprofessionattribs;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-between;
|
|
display: grid;
|
|
grid-template-areas: "mdheader mdheader" "mcf2 mcfmd" "magmod2 magbox2" "magfmod2 magfbox2";
|
|
}
|
|
.sheet-mdheader {
|
|
grid-area: mdheader;
|
|
}
|
|
.sheet-manabox {
|
|
grid-area: manabox;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-spellbox {
|
|
grid-area: spellbox;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-allcastermana{
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-between;
|
|
display: grid;
|
|
grid-template-areas: "maheader maheader" "mcf1 mcfma" "magmod1 magbox1" "magfmod1 magfbox1";
|
|
}
|
|
.sheet-maheader {
|
|
grid-area: maheader;
|
|
}
|
|
/*define which elements should be shown, based on profession*/
|
|
.sheet-mana {
|
|
display: none;
|
|
}
|
|
.sheet-magmod1 {
|
|
grid-area: magmod1;
|
|
}
|
|
.sheet-magmod2 {
|
|
grid-area: magmod2;
|
|
}
|
|
.sheet-magbox1 {
|
|
grid-area: magbox1;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-magbox2 {
|
|
grid-area: magbox2;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-magfmod1 {
|
|
grid-area: magfmod1;
|
|
text-align: center;
|
|
}
|
|
.sheet-magfmod2 {
|
|
grid-area: magfmod2;
|
|
text-align: center;
|
|
}
|
|
.sheet-magfbox1 {
|
|
grid-area: magfbox1;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-magfbox2 {
|
|
grid-area: magfbox2;
|
|
justify-content: space-around;
|
|
}
|
|
label.sheet-magattribheader {
|
|
grid-area: magattribheader;
|
|
}
|
|
.sheet-castermana {
|
|
grid-template-areas: "dma3 dmabutton3" "ima3 imabutton3" "ser3 serbutton3";
|
|
}
|
|
.sheet-warlockmana {
|
|
grid-template-areas: "dma4 dmabutton4" "ima4 imabutton4" "ser4 serbutton4";
|
|
}
|
|
.sheet-dma3 {
|
|
justify-content: space-between;
|
|
grid-area: dma3;
|
|
}
|
|
.sheet-ima3 {
|
|
justify-content: space-between;
|
|
grid-area: ima3;
|
|
}
|
|
.sheet-ser3 {
|
|
justify-content: space-between;
|
|
grid-area: ser3;
|
|
}
|
|
.sheet-dmabutton3 {
|
|
justify-content: space-around;
|
|
grid-area: dmabutton3;
|
|
}
|
|
.sheet-imabutton3 {
|
|
justify-content: space-around;
|
|
grid-area: imabutton3;
|
|
}
|
|
.sheet-serbutton3 {
|
|
grid-area: serbutton3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-dma4 {
|
|
justify-content: space-between;
|
|
grid-area: dma4;
|
|
}
|
|
.sheet-ima4 {
|
|
justify-content: space-between;
|
|
grid-area: ima4;
|
|
}
|
|
.sheet-ser4 {
|
|
justify-content: space-between;
|
|
grid-area: ser4;
|
|
}
|
|
.sheet-dmabutton4 {
|
|
justify-content: space-around;
|
|
grid-area: dmabutton4;
|
|
}
|
|
.sheet-imabutton4 {
|
|
justify-content: space-around;
|
|
grid-area: imabutton4;
|
|
}
|
|
.sheet-serbutton4 {
|
|
grid-area: serbutton4;
|
|
justify-content: space-around;
|
|
}
|
|
input.sheet-profession-toggle[value="Knight"] ~ div.sheet-notacaster,
|
|
input.sheet-profession-toggle[value="Barbarian"] ~ div.sheet-notacaster,
|
|
input.sheet-profession-toggle[value="Assassin"] ~ div.sheet-notacaster,
|
|
input.sheet-profession-toggle[value="Hunter"] ~ div.sheet-notacaster,
|
|
input.sheet-profession-toggle[value="Knave"] ~ div.sheet-notacaster,
|
|
input.sheet-profession-toggle[value="Priest"] ~ div.sheet-notacaster,
|
|
input.sheet-profession-toggle[value="Sorcerer"] ~ div.sheet-castermana,
|
|
input.sheet-profession-toggle[value="Mystic"] ~ div.sheet-castermana,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-castermana,
|
|
input.sheet-profession-toggle[value="Demonologist"] ~ div.sheet-castermana,
|
|
input.sheet-profession-toggle[value="Warlock"] ~ div.sheet-warlockmana,
|
|
input.sheet-profession-toggle[value="Sorcerer"] ~ div.sheet-standardmana,
|
|
input.sheet-profession-toggle[value="Mystic"] ~ div.sheet-mysticmana,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-elementalistattributes,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-standardmana,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-elementalistmana,
|
|
input.sheet-profession-toggle[value="Warlock"] ~ div.sheet-standardmana,
|
|
input.sheet-profession-toggle[value="Demonologist"] ~ div.sheet-standardmana {
|
|
display: grid;
|
|
}
|
|
.sheet-spells {
|
|
display: none;
|
|
}
|
|
input.sheet-profession-toggle[value="Knight"] ~ div.sheet-noncaster,
|
|
input.sheet-profession-toggle[value="Barbarian"] ~ div.sheet-noncaster,
|
|
input.sheet-profession-toggle[value="Assassin"] ~ div.sheet-noncaster,
|
|
input.sheet-profession-toggle[value="Knave"] ~ div.sheet-noncaster,
|
|
input.sheet-profession-toggle[value="Hunter"] ~ div.sheet-noncaster,
|
|
input.sheet-profession-toggle[value="Priest"] ~ div.sheet-noncaster,
|
|
input.sheet-profession-toggle[value="Sorcerer"] ~ div.sheet-list,
|
|
input.sheet-profession-toggle[value="Mystic"] ~ div.sheet-list,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-list,
|
|
input.sheet-profession-toggle[value="Warlock"] ~ div.sheet-list,
|
|
input.sheet-profession-toggle[value="Demonologist"] ~ div.sheet-list {
|
|
display: grid;
|
|
}
|
|
/* define combat tab children*/
|
|
.sheet-basemeleeattributes {
|
|
grid-area: basemeleeattributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "miscmeleemodsheading miscmeleemodsheading" "colhead1 colhead2" "mmod1 mbox1" "mmod2 mbox2" "mmod3 mbox3" "mmod4 mbox4";
|
|
}
|
|
.sheet-miscmeleemodsheading {
|
|
grid-area: miscmeleemodsheading;
|
|
}
|
|
.sheet-mmod1 {
|
|
grid-area: mmod1;
|
|
}
|
|
.sheet-mmod2 {
|
|
grid-area: mmod2;
|
|
}
|
|
.sheet-mmod3 {
|
|
grid-area: mmod3;
|
|
}
|
|
.sheet-mmod4 {
|
|
grid-area: mmod4;
|
|
}
|
|
.sheet-mbox1{
|
|
grid-area: mbox1;
|
|
}
|
|
.sheet-mbox2{
|
|
grid-area: mbox2;
|
|
}
|
|
.sheet-mbox3{
|
|
grid-area: mbox3;
|
|
}
|
|
.sheet-mbox4{
|
|
grid-area: mbox4;
|
|
}
|
|
.sheet-baserangedattributes {
|
|
grid-area: baserangedattributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "miscrangedmodsheading miscrangedmodsheading" "colhead1 colhead2" "rmod1 rbox1" "rmod2 rbox2" "rmod3 rbox3" "rmod4 rbox4";
|
|
}
|
|
.sheet-miscrangedmodsheading {
|
|
grid-area: miscrangedmodsheading;
|
|
}
|
|
.sheet-rmod1 {
|
|
grid-area: rmod1;
|
|
}
|
|
.sheet-rmod2 {
|
|
grid-area: rmod2;
|
|
}
|
|
.sheet-rmod3 {
|
|
grid-area: rmod3;
|
|
}
|
|
.sheet-rmod4 {
|
|
grid-area: rmod4;
|
|
}
|
|
.sheet-rbox1{
|
|
grid-area: rbox1;
|
|
}
|
|
.sheet-rbox2{
|
|
grid-area: rbox2;
|
|
}
|
|
.sheet-rbox3{
|
|
grid-area: rbox3;
|
|
}
|
|
.sheet-rbox4{
|
|
grid-area: rbox4;
|
|
}
|
|
.sheet-basecharacteristics {
|
|
grid-area: basecharacteristics;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "misccharacteristicheading misccharacteristicheading misccharacteristicheading" "colhead1 colhead3 colhead2" "colstatlabel4 colstatfinal4 colstatmodbox4" "colstatlabel5 colstatfinal5 colstatmodbox5" "colstatlabel6 colstatfinal6 colstatmodbox6" "colstatlabel7 colstatfinal7 colstatmodbox7" "colstatlabel8 colstatfinal8 colstatmodbox8";
|
|
}
|
|
.sheet-misccharacteristicheading {
|
|
grid-area: misccharacteristicheading;
|
|
}
|
|
.sheet-colstatlabel4 {
|
|
grid-area: colstatlabel4;
|
|
}
|
|
.sheet-colstatlabel5 {
|
|
grid-area: colstatlabel5;
|
|
}
|
|
.sheet-colstatlabel6 {
|
|
grid-area: colstatlabel6;
|
|
}
|
|
.sheet-colstatlabel7 {
|
|
grid-area: colstatlabel7;
|
|
}
|
|
.sheet-colstatlabel8 {
|
|
grid-area: colstatlabel8;
|
|
}
|
|
.sheet-colstatmodbox4 {
|
|
grid-area: colstatmodbox4;
|
|
}
|
|
.sheet-colstatmodbox5 {
|
|
grid-area: colstatmodbox5;
|
|
}
|
|
.sheet-colstatmodbox6 {
|
|
grid-area: colstatmodbox6;
|
|
}
|
|
.sheet-colstatmodbox7 {
|
|
grid-area: colstatmodbox7;
|
|
}
|
|
.sheet-colstatmodbox8 {
|
|
grid-area: colstatmodbox8;
|
|
}
|
|
.sheet-baseotherattributes {
|
|
grid-area: baseotherattributes;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
justify-content: space-around;
|
|
display: grid;
|
|
grid-template-areas: "miscotherheading miscotherheading miscotherheading" "colhead1 colhead2 colhead3" "cf1 cfa colstatlabel10" "cf2 cfd colstatlabel20" "colstatlabel1 stealth colstatmodbox1" "colstatlabel2 percep colstatmodbox2" "colstatlabel3 evade colstatmodbox3";
|
|
}
|
|
.sheet-miscotherheading {
|
|
grid-area: miscotherheading;
|
|
}
|
|
.sheet-colhead1 {
|
|
grid-area: colhead1;
|
|
}
|
|
.sheet-colhead2 {
|
|
grid-area: colhead2;
|
|
}
|
|
.sheet-colstatlabel1 {
|
|
grid-area: colstatlabel1;
|
|
}
|
|
.sheet-colstatlabel2 {
|
|
grid-area: colstatlabel2;
|
|
}
|
|
.sheet-colstatlabel10 {
|
|
grid-area: colstatlabel10;
|
|
}
|
|
.sheet-colstatlabel20 {
|
|
grid-area: colstatlabel20;
|
|
}
|
|
.sheet-colstatlabel3 {
|
|
grid-area: colstatlabel3;
|
|
}
|
|
.sheet-colstatlabel9 {
|
|
grid-area: colstatlabel9;
|
|
}
|
|
.sheet-colstatmodbox1 {
|
|
grid-area: colstatmodbox1;
|
|
}
|
|
.sheet-colstatmodbox2 {
|
|
grid-area: colstatmodbox2;
|
|
}
|
|
.sheet-colstatmodbox3 {
|
|
grid-area: colstatmodbox3;
|
|
}
|
|
.sheet-colstatmodbox9 {
|
|
grid-area: colstatmodbox9;
|
|
}
|
|
.sheet-classcombatabilities {
|
|
grid-area: classcombatabilities;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
}
|
|
.sheet-finalcombatattributes2 {
|
|
grid-area: finalcombatattributes;
|
|
display: grid;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
grid-template-areas: "finalsumheader finalsumheader finalsumheader finalsumheader" "finalsumcol1 finalsumboxes1 finalsumcol2 finalsumboxes2";
|
|
}
|
|
.sheet-finalsumboxes1 {
|
|
grid-area: finalsumboxes1;
|
|
}
|
|
.sheet-finalsumboxes2 {
|
|
grid-area: finalsumboxes2;
|
|
}
|
|
.sheet-finalsumcol1 {
|
|
grid-area: finalsumcol1;
|
|
}
|
|
.sheet-finalsumcol2 {
|
|
grid-area: finalsumcol2;
|
|
}
|
|
.sheet-finalsumheader {
|
|
grid-area: finalsumheader;
|
|
}
|
|
.sheet-finalcombatattributes {
|
|
grid-area: finalcombatattributes;
|
|
display: grid;
|
|
border-style: double;
|
|
border-width: 6px;
|
|
grid-template-columns: 53% 47%;
|
|
grid-template-areas: "combatsumheader combatsumheader" "meleeattack1 meleeattack1" "equippedweaponlabel1 equippedweaponbox1" "abrlabel1 abrbox1" "mabrlabel1 mabrbox1" "damagelabel1 damagebox1" "mdamlabel1 mdambox1" "imgsworddiv imgsworddiv" "rangedattack1 rangedattack1" "equippedweaponlabel2 equippedweaponbox2" "equippedammolabel1 equippedammobox1" "abrlabel2 abrbox2" "rabrlabel1 rabrbox1" "damagelabel2 damagebox2" "rdamlabel1 rdambox1" "rangecols rangecols" "buttonfooter buttonfooter";
|
|
}
|
|
.sheet-meleeattack1 {
|
|
grid-area: meleeattack1 ;
|
|
}
|
|
.sheet-equippedweaponlabel1 {
|
|
grid-area: equippedweaponlabel1;
|
|
}
|
|
.sheet-equippedweaponbox1 {
|
|
grid-area: equippedweaponbox1;
|
|
}
|
|
.sheet-abrlabel1 {
|
|
grid-area: abrlabel1;
|
|
}
|
|
.sheet-abrbox1 {
|
|
grid-area: abrbox1;
|
|
}
|
|
.sheet-damagelabel1 {
|
|
grid-area: damagelabel1 ;
|
|
}
|
|
.sheet-damagebox1 {
|
|
grid-area: damagebox1;
|
|
}
|
|
.sheet-rangedattack1 {
|
|
grid-area: rangedattack1;
|
|
}
|
|
.sheet-equippedweaponlabel2 {
|
|
grid-area: equippedweaponlabel2;
|
|
}
|
|
.sheet-equippedweaponbox2 {
|
|
grid-area: equippedweaponbox2;
|
|
}
|
|
.sheet-equippedammolabel1 {
|
|
grid-area: equippedammolabel1;
|
|
}
|
|
.sheet-equippedammobox1 {
|
|
grid-area: equippedammobox1;
|
|
}
|
|
.sheet-abrlabel2 {
|
|
grid-area: abrlabel2;
|
|
}
|
|
.sheet-abrbox2 {
|
|
grid-area: abrbox2;
|
|
}
|
|
.sheet-damagelabel2 {
|
|
grid-area: damagelabel2;
|
|
}
|
|
.sheet-damagebox2 {
|
|
grid-area: damagebox2;
|
|
}
|
|
.sheet-rangecols{
|
|
grid-area: rangecols;
|
|
display: grid;
|
|
grid-template-columns: 40% 30% 30%;
|
|
grid-template-areas: "rangecol2 rangeheader rangeheader " "rangecol2 rangecol1 rangebox1 " "rangecol2 rangecol3 rangebox3 " "rangecol2 rangecol4 rangebox4 ";
|
|
}
|
|
.sheet-rangeheader {
|
|
grid-area: rangeheader;
|
|
}
|
|
.sheet-rangecol1 {
|
|
grid-area: rangecol1;
|
|
}
|
|
.sheet-rangecol2 {
|
|
grid-area: rangecol2;
|
|
}
|
|
.sheet-rangecol3 {
|
|
grid-area: rangecol3;
|
|
}
|
|
.sheet-rangecol4 {
|
|
grid-area: rangecol4;
|
|
}
|
|
.sheet-rangebox1 {
|
|
grid-area: rangebox1;
|
|
}
|
|
.sheet-rangebox3 {
|
|
grid-area: rangebox3;
|
|
}
|
|
.sheet-rangebox4 {
|
|
grid-area: rangebox4;
|
|
}
|
|
.sheet-combatsumheader {
|
|
grid-area: combatsumheader;
|
|
}
|
|
.sheet-imgsworddiv {
|
|
grid-area: imgsworddiv;
|
|
}
|
|
.sheet-barbarianmelee {
|
|
justify-content: space-around;
|
|
grid-template-areas: "barbarianheader1 barbarianheader1" "barbarianheader2 barbarianheader2" "barbarianlabel1 barbarianbox1" "barbarianlabel2 barbarianbox2" "barbarianlabel4 barbarianlabel4" "barbarianlabel3 barbarianlabel3" ;
|
|
}
|
|
.sheet-barbarianheader1 {
|
|
grid-area: barbarianheader1;
|
|
}
|
|
.sheet-barbarianheader2 {
|
|
grid-area: barbarianheader2;
|
|
}
|
|
.sheet-barbarianlabel1 {
|
|
grid-area: barbarianlabel1;
|
|
}
|
|
.sheet-barbarianlabel2 {
|
|
grid-area: barbarianlabel2;
|
|
}
|
|
.sheet-barbarianlabel3 {
|
|
grid-area: barbarianlabel3;
|
|
}
|
|
.sheet-barbarianlabel4 {
|
|
grid-area: barbarianlabel4;
|
|
}
|
|
.sheet-barbarianbox1 {
|
|
grid-area: barbarianbox1;
|
|
}
|
|
.sheet-barbarianbox2 {
|
|
grid-area: barbarianbox2;
|
|
}
|
|
.sheet-nonmartialhidden2 {
|
|
grid-template-areas: "guardheader3 guardheader3" "guardselect3 guardselect3" "malabel3 mabox3" "mdlabel3 mdbox3" "ralabel3 rabox3" "rdlabel3 rdbox3" "dodgelabel3 dodgebox3" "guardother3 guardother3";
|
|
}
|
|
.sheet-guardheader3 {
|
|
grid-area: guardheader3;
|
|
}
|
|
.sheet-guardselect3 {
|
|
grid-area: guardselect3;
|
|
}
|
|
.sheet-malabel3 {
|
|
grid-area: malabel3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mabox3 {
|
|
grid-area: mabox3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mdlabel3 {
|
|
grid-area: mdlabel3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-mdbox3 {
|
|
grid-area: mdbox3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-ralabel3 {
|
|
grid-area: ralabel3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rabox3 {
|
|
grid-area: rabox3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rdlabel3 {
|
|
grid-area: rdlabel3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-rdbox3 {
|
|
grid-area: rdbox3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-dodgelabel3 {
|
|
grid-area: dodgelabel3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-dodgebox3 {
|
|
grid-area: dodgebox3;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-guardother3 {
|
|
grid-area: guardother3;
|
|
}
|
|
/*define which martial elements be show, based on Profession*/
|
|
.sheet-melee {
|
|
display: none;
|
|
}
|
|
input.sheet-profession-toggle[value="Knight"] ~ div.sheet-knightmelee,
|
|
input.sheet-profession-toggle[value="Barbarian"] ~ div.sheet-barbarianmelee,
|
|
input.sheet-profession-toggle[value="Assassin"] ~ div.sheet-assassinmelee,
|
|
input.sheet-profession-toggle[value="Hunter"] ~ div.sheet-huntermelee,
|
|
input.sheet-profession-toggle[value="Knave"] ~ div.sheet-nomelee,
|
|
input.sheet-profession-toggle[value="Priest"] ~ div.sheet-nomelee,
|
|
input.sheet-profession-toggle[value="Sorcerer"] ~ div.sheet-nonmartialhidden2,
|
|
input.sheet-profession-toggle[value="Mystic"] ~ div.sheet-nonmartialhidden2,
|
|
input.sheet-profession-toggle[value="Elementalist"] ~ div.sheet-nonmartialhidden2,
|
|
input.sheet-profession-toggle[value="Warlock"] ~ div.sheet-warlockmelee,
|
|
input.sheet-profession-toggle[value="Warlock"] ~ div.sheet-nonmartialhidden2,
|
|
input.sheet-profession-toggle[value="Demonologist"] ~ div.sheet-nonmartialhidden2 {
|
|
display: grid;
|
|
} |