CSS /* Sheet Body */
/* Sheet DIVs */
div.sheet{
display: grid;
width:850px;
justify-items: center;
text-align:center;
margin: 0 auto;
}
div.playersheet{
display: grid;
width:850px;
}
div.campsheet{
display: grid;
width:850px;
}
/* Sheet DIVs End*/
/* Sheet Toggle */
.toggle[value="1"] ~ .playersheet,
.toggle[value="0"] ~ .campsheet{display: none;}
/* Sheet Toggle End*/
/* Sheet Props */
/* Sheet Buttons */
.sheet button[class="button1"]{
height: 25px;
width: 25px;
color: white;
background-color: black;
padding: 0;
text-align: center;
vertical-align: middle;
display: inline-block;
border: 0px solid gray;
border-radius: 5px;
}
.sheet button[class="button2"]{
height: 25px;
width: 80px;
color: white;
background-color: black;
padding: 0;
text-align: center;
vertical-align: middle;
display: inline-block;
border: 0px solid gray;
border-radius: 5px;
font-weight: bold;
}
/* Sheet Buttons End*/
/* Sheet Selection, Text, Number Heights */
.sheet select {
height: 25px;
text-align:center;
}
.sheet input[type="text"] {
height: 25px;
}
.sheet input[type="number"] {
height: 25px;
}
.sheet input[class="checkbox2"] {
height: 25px;
width: 25px;
}
/* Sheet Selection, Text, Number Heights End*/
/* Sheet Text Widths */
.text020{
width: 20px;
text-align: center;
}
.text025{
width: 25px;
text-align: center;
}
.text030{
width: 30px;
text-align: center;
}
.text040{
width: 40px;
text-align: center;
}
.text050{
width: 50px;
text-align: center;
}
.text060{
width: 60px;
text-align: center;
}
.text075{
width: 75px;
text-align: center;
}
.text080{
width: 80px;
text-align: center;
}
.text090{
width: 90px;
text-align: center;
}
.text100{
width: 100px;
text-align: center;
}
.text115{
width: 115px;
text-align: center;
}
.text150{
width: 150px;
text-align: center;
}
.text175{
width: 175px;
text-align: center;
}
.text200{
width: 200px;
text-align: center;
}
/* Sheet Text Widths */
/* Sheet Props */
/* Sheet Divs */
/* Section 1 */
/* Section 1 Divs */
div.section1{
border: 5px solid purple;
display: grid;
width:850px;
justify-items: center;
margin: 0 auto;
}
div.header1{
display: grid;
grid-template-columns: 200px 100px 25px 50px 25px 90px 90px 90px 90px;
grid-auto-rows: 20px;
justify-items: center;
}
div.bio1{
display: grid;
grid-template-columns: 200px 100px 25px 50px 25px 90px 90px 90px 90px;
height: 25px;
justify-items: center;
}
div.header2{
display: grid;
grid-template-columns: 100px 70px 50px 10px 60px 100px 60px 10px 100px 70px 50px;
}
div.bio2{
display: grid;
grid-template-columns: 220px 10px 220px 10px 220px;
}
div.bio2a1{
display: grid;
grid-template-columns: 25px 50px 25px 10px 50px 10px 50px;
}
div.bio2a2{
display: grid;
grid-template-columns: 60px 25px 50px 25px 60px;
}
div.bio2b{
display: grid;
grid-template-columns: 200px;
}
div.header3{
display: grid;
grid-template-columns: 90px 175px 100px 50px 50px 70px 180px;
justify-items: center;
}
div.bio3{
display: grid;
grid-template-columns: 90px 175px 100px 50px 50px 70px 90px 90px;
justify-items: center;
}
/* Section 1 Divs End*/
/* Section 1 Bars*/
/* HP Bars*/
div.sheet-toxbar {
width: 216px;
height: 21px;
border: 2px solid black;
color: black;
font-size: 16px;
font-weight: bold;
text-align: center;
}
input.sheet-toxbar[value="0"] ~ div.sheet-toxbar {
background: #dd7e6b;
} input.sheet-toxbar[value="0"] ~ div.sheet-toxbar::before {
content: "0 HP +1 EXHAUSTION";
}
input.sheet-toxbar[value="1"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #dd7e6b 5%, #dd7e6b 100%);
} input.sheet-toxbar[value="1"] ~ div.sheet-toxbar::before {
content:"1% HP Remaining";
}
input.sheet-toxbar[value="2"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 2%, #dd7e6b 6%, #dd7e6b 100%);
} input.sheet-toxbar[value="2"] ~ div.sheet-toxbar::before {
content:"2% HP Remaining";
}
input.sheet-toxbar[value="3"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 3%, #dd7e6b 7%, #dd7e6b 100%);
} input.sheet-toxbar[value="3"] ~ div.sheet-toxbar::before {
content:"3% HP Remaining";
}
input.sheet-toxbar[value="4"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 4%, #dd7e6b 8%, #dd7e6b 100%);
} input.sheet-toxbar[value="4"] ~ div.sheet-toxbar::before {
content:"4% HP Remaining";
}
input.sheet-toxbar[value="5"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 5%, #dd7e6b 9%, #dd7e6b 100%);
} input.sheet-toxbar[value="5"] ~ div.sheet-toxbar::before {
content:"5% HP Remaining";
}
input.sheet-toxbar[value="6"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 6%, #dd7e6b 10%, #dd7e6b 100%);
} input.sheet-toxbar[value="6"] ~ div.sheet-toxbar::before {
content:"6% HP Remaining";
}
input.sheet-toxbar[value="7"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 7%, #dd7e6b 11%, #dd7e6b 100%);
} input.sheet-toxbar[value="7"] ~ div.sheet-toxbar::before {
content:"7% HP Remaining";
}
input.sheet-toxbar[value="8"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 8%, #dd7e6b 12%, #dd7e6b 100%);
} input.sheet-toxbar[value="8"] ~ div.sheet-toxbar::before {
content:"8% HP Remaining";
}
input.sheet-toxbar[value="9"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 9%, #dd7e6b 13%, #dd7e6b 100%);
} input.sheet-toxbar[value="9"] ~ div.sheet-toxbar::before {
content:"9% HP Remaining";
}
input.sheet-toxbar[value="10"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 10%, #dd7e6b 14%, #dd7e6b 100%);
} input.sheet-toxbar[value="10"] ~ div.sheet-toxbar::before {
content:"10% HP Remaining";
}
input.sheet-toxbar[value="11"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 11%, #dd7e6b 15%, #dd7e6b 100%);
} input.sheet-toxbar[value="11"] ~ div.sheet-toxbar::before {
content:"11% HP Remaining";
}
input.sheet-toxbar[value="12"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 12%, #dd7e6b 16%, #dd7e6b 100%);
} input.sheet-toxbar[value="12"] ~ div.sheet-toxbar::before {
content:"12% HP Remaining";
}
input.sheet-toxbar[value="13"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 13%, #dd7e6b 17%, #dd7e6b 100%);
} input.sheet-toxbar[value="13"] ~ div.sheet-toxbar::before {
content:"13% HP Remaining";
}
input.sheet-toxbar[value="14"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 14%, #dd7e6b 18%, #dd7e6b 100%);
} input.sheet-toxbar[value="14"] ~ div.sheet-toxbar::before {
content:"14% HP Remaining";
}
input.sheet-toxbar[value="15"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 15%, #dd7e6b 19%, #dd7e6b 100%);
} input.sheet-toxbar[value="15"] ~ div.sheet-toxbar::before {
content:"15% HP Remaining";
}
input.sheet-toxbar[value="16"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 16%, #dd7e6b 20%, #dd7e6b 100%);
} input.sheet-toxbar[value="16"] ~ div.sheet-toxbar::before {
content:"16% HP Remaining";
}
input.sheet-toxbar[value="17"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 17%, #dd7e6b 21%, #dd7e6b 100%);
} input.sheet-toxbar[value="17"] ~ div.sheet-toxbar::before {
content:"17% HP Remaining";
}
input.sheet-toxbar[value="18"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 18%, #dd7e6b 22%, #dd7e6b 100%);
} input.sheet-toxbar[value="18"] ~ div.sheet-toxbar::before {
content:"18% HP Remaining";
}
input.sheet-toxbar[value="19"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 19%, #dd7e6b 23%, #dd7e6b 100%);
} input.sheet-toxbar[value="19"] ~ div.sheet-toxbar::before {
content:"19% HP Remaining";
}
input.sheet-toxbar[value="20"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 20%, #dd7e6b 24%, #dd7e6b 100%);
} input.sheet-toxbar[value="20"] ~ div.sheet-toxbar::before {
content:"20% HP Remaining";
}
input.sheet-toxbar[value="21"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 21%, #dd7e6b 25%, #dd7e6b 100%);
} input.sheet-toxbar[value="21"] ~ div.sheet-toxbar::before {
content:"21% HP Remaining";
}
input.sheet-toxbar[value="22"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 22%, #dd7e6b 26%, #dd7e6b 100%);
} input.sheet-toxbar[value="22"] ~ div.sheet-toxbar::before {
content:"22% HP Remaining";
}
input.sheet-toxbar[value="23"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 23%, #dd7e6b 27%, #dd7e6b 100%);
} input.sheet-toxbar[value="23"] ~ div.sheet-toxbar::before {
content:"23% HP Remaining";
}
input.sheet-toxbar[value="24"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 24%, #dd7e6b 28%, #dd7e6b 100%);
} input.sheet-toxbar[value="24"] ~ div.sheet-toxbar::before {
content:"24% HP Remaining";
}
input.sheet-toxbar[value="25"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 25%, #dd7e6b 29%, #dd7e6b 100%);
} input.sheet-toxbar[value="25"] ~ div.sheet-toxbar::before {
content:"25% HP Remaining";
}
input.sheet-toxbar[value="26"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 26%, #dd7e6b 30%, #dd7e6b 100%);
} input.sheet-toxbar[value="26"] ~ div.sheet-toxbar::before {
content:"26% HP Remaining";
}
input.sheet-toxbar[value="27"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 27%, #dd7e6b 31%, #dd7e6b 100%);
} input.sheet-toxbar[value="27"] ~ div.sheet-toxbar::before {
content:"27% HP Remaining";
}
input.sheet-toxbar[value="28"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 28%, #dd7e6b 32%, #dd7e6b 100%);
} input.sheet-toxbar[value="28"] ~ div.sheet-toxbar::before {
content:"28% HP Remaining";
}
input.sheet-toxbar[value="29"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 29%, #dd7e6b 33%, #dd7e6b 100%);
} input.sheet-toxbar[value="29"] ~ div.sheet-toxbar::before {
content:"29% HP Remaining";
}
input.sheet-toxbar[value="30"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 30%, #dd7e6b 34%, #dd7e6b 100%);
} input.sheet-toxbar[value="30"] ~ div.sheet-toxbar::before {
content:"30% HP Remaining";
}
input.sheet-toxbar[value="31"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 31%, #dd7e6b 35%, #dd7e6b 100%);
} input.sheet-toxbar[value="31"] ~ div.sheet-toxbar::before {
content:"31% HP Remaining";
}
input.sheet-toxbar[value="32"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 32%, #dd7e6b 36%, #dd7e6b 100%);
} input.sheet-toxbar[value="32"] ~ div.sheet-toxbar::before {
content:"32% HP Remaining";
}
input.sheet-toxbar[value="33"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 33%, #dd7e6b 37%, #dd7e6b 100%);
} input.sheet-toxbar[value="33"] ~ div.sheet-toxbar::before {
content:"33% HP Remaining";
}
input.sheet-toxbar[value="34"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 34%, #dd7e6b 38%, #dd7e6b 100%);
} input.sheet-toxbar[value="34"] ~ div.sheet-toxbar::before {
content:"34% HP Remaining";
}
input.sheet-toxbar[value="35"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 35%, #dd7e6b 39%, #dd7e6b 100%);
} input.sheet-toxbar[value="35"] ~ div.sheet-toxbar::before {
content:"35% HP Remaining";
}
input.sheet-toxbar[value="36"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 36%, #dd7e6b 40%, #dd7e6b 100%);
} input.sheet-toxbar[value="36"] ~ div.sheet-toxbar::before {
content:"36% HP Remaining";
}
input.sheet-toxbar[value="37"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 37%, #dd7e6b 41%, #dd7e6b 100%);
} input.sheet-toxbar[value="37"] ~ div.sheet-toxbar::before {
content:"37% HP Remaining";
}
input.sheet-toxbar[value="38"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 38%, #dd7e6b 42%, #dd7e6b 100%);
} input.sheet-toxbar[value="38"] ~ div.sheet-toxbar::before {
content:"38% HP Remaining";
}
input.sheet-toxbar[value="39"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 39%, #dd7e6b 43%, #dd7e6b 100%);
} input.sheet-toxbar[value="39"] ~ div.sheet-toxbar::before {
content:"39% HP Remaining";
}
input.sheet-toxbar[value="40"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 40%, #dd7e6b 44%, #dd7e6b 100%);
} input.sheet-toxbar[value="40"] ~ div.sheet-toxbar::before {
content:"40% HP Remaining";
}
input.sheet-toxbar[value="41"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 41%, #dd7e6b 45%, #dd7e6b 100%);
} input.sheet-toxbar[value="41"] ~ div.sheet-toxbar::before {
content:"41% HP Remaining";
}
input.sheet-toxbar[value="42"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 42%, #dd7e6b 46%, #dd7e6b 100%);
} input.sheet-toxbar[value="42"] ~ div.sheet-toxbar::before {
content:"42% HP Remaining";
}
input.sheet-toxbar[value="43"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 43%, #dd7e6b 47%, #dd7e6b 100%);
} input.sheet-toxbar[value="43"] ~ div.sheet-toxbar::before {
content:"43% HP Remaining";
}
input.sheet-toxbar[value="44"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 44%, #dd7e6b 48%, #dd7e6b 100%);
} input.sheet-toxbar[value="44"] ~ div.sheet-toxbar::before {
content:"44% HP Remaining";
}
input.sheet-toxbar[value="45"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 45%, #dd7e6b 49%, #dd7e6b 100%);
} input.sheet-toxbar[value="45"] ~ div.sheet-toxbar::before {
content:"45% HP Remaining";
}
input.sheet-toxbar[value="46"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 46%, #dd7e6b 50%, #dd7e6b 100%);
} input.sheet-toxbar[value="46"] ~ div.sheet-toxbar::before {
content:"46% HP Remaining";
}
input.sheet-toxbar[value="47"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 47%, #dd7e6b 51%, #dd7e6b 100%);
} input.sheet-toxbar[value="47"] ~ div.sheet-toxbar::before {
content:"47% HP Remaining";
}
input.sheet-toxbar[value="48"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 48%, #dd7e6b 52%, #dd7e6b 100%);
} input.sheet-toxbar[value="48"] ~ div.sheet-toxbar::before {
content:"48% HP Remaining";
}
input.sheet-toxbar[value="49"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 49%, #dd7e6b 53%, #dd7e6b 100%);
} input.sheet-toxbar[value="49"] ~ div.sheet-toxbar::before {
content:"49% HP Remaining";
}
input.sheet-toxbar[value="50"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 50%, #dd7e6b 54%, #dd7e6b 100%);
} input.sheet-toxbar[value="50"] ~ div.sheet-toxbar::before {
content:"50% HP Remaining";
}
input.sheet-toxbar[value="51"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 51%, #dd7e6b 55%, #dd7e6b 100%);
} input.sheet-toxbar[value="51"] ~ div.sheet-toxbar::before {
content:"51% HP Remaining";
}
input.sheet-toxbar[value="52"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 52%, #dd7e6b 56%, #dd7e6b 100%);
} input.sheet-toxbar[value="52"] ~ div.sheet-toxbar::before {
content:"52% HP Remaining";
}
input.sheet-toxbar[value="53"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 53%, #dd7e6b 57%, #dd7e6b 100%);
} input.sheet-toxbar[value="53"] ~ div.sheet-toxbar::before {
content:"53% HP Remaining";
}
input.sheet-toxbar[value="54"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 54%, #dd7e6b 58%, #dd7e6b 100%);
} input.sheet-toxbar[value="54"] ~ div.sheet-toxbar::before {
content:"54% HP Remaining";
}
input.sheet-toxbar[value="55"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 55%, #dd7e6b 59%, #dd7e6b 100%);
} input.sheet-toxbar[value="55"] ~ div.sheet-toxbar::before {
content:"55% HP Remaining";
}
input.sheet-toxbar[value="56"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 56%, #dd7e6b 60%, #dd7e6b 100%);
} input.sheet-toxbar[value="56"] ~ div.sheet-toxbar::before {
content:"56% HP Remaining";
}
input.sheet-toxbar[value="57"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 57%, #dd7e6b 61%, #dd7e6b 100%);
} input.sheet-toxbar[value="57"] ~ div.sheet-toxbar::before {
content:"57% HP Remaining";
}
input.sheet-toxbar[value="58"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 58%, #dd7e6b 62%, #dd7e6b 100%);
} input.sheet-toxbar[value="58"] ~ div.sheet-toxbar::before {
content:"58% HP Remaining";
}
input.sheet-toxbar[value="59"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 59%, #dd7e6b 63%, #dd7e6b 100%);
} input.sheet-toxbar[value="59"] ~ div.sheet-toxbar::before {
content:"59% HP Remaining";
}
input.sheet-toxbar[value="60"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 60%, #dd7e6b 64%, #dd7e6b 100%);
} input.sheet-toxbar[value="60"] ~ div.sheet-toxbar::before {
content:"60% HP Remaining";
}
input.sheet-toxbar[value="61"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 61%, #dd7e6b 65%, #dd7e6b 100%);
} input.sheet-toxbar[value="61"] ~ div.sheet-toxbar::before {
content:"61% HP Remaining";
}
input.sheet-toxbar[value="62"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 62%, #dd7e6b 66%, #dd7e6b 100%);
} input.sheet-toxbar[value="62"] ~ div.sheet-toxbar::before {
content:"62% HP Remaining";
}
input.sheet-toxbar[value="63"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 63%, #dd7e6b 67%, #dd7e6b 100%);
} input.sheet-toxbar[value="63"] ~ div.sheet-toxbar::before {
content:"63% HP Remaining";
}
input.sheet-toxbar[value="64"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 64%, #dd7e6b 68%, #dd7e6b 100%);
} input.sheet-toxbar[value="64"] ~ div.sheet-toxbar::before {
content:"64% HP Remaining";
}
input.sheet-toxbar[value="65"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 65%, #dd7e6b 69%, #dd7e6b 100%);
} input.sheet-toxbar[value="65"] ~ div.sheet-toxbar::before {
content:"65% HP Remaining";
}
input.sheet-toxbar[value="66"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 66%, #dd7e6b 70%, #dd7e6b 100%);
} input.sheet-toxbar[value="66"] ~ div.sheet-toxbar::before {
content:"66% HP Remaining";
}
input.sheet-toxbar[value="67"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 67%, #dd7e6b 71%, #dd7e6b 100%);
} input.sheet-toxbar[value="67"] ~ div.sheet-toxbar::before {
content:"67% HP Remaining";
}
input.sheet-toxbar[value="68"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 68%, #dd7e6b 72%, #dd7e6b 100%);
} input.sheet-toxbar[value="68"] ~ div.sheet-toxbar::before {
content:"68% HP Remaining";
}
input.sheet-toxbar[value="69"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 69%, #dd7e6b 73%, #dd7e6b 100%);
} input.sheet-toxbar[value="69"] ~ div.sheet-toxbar::before {
content:"69% HP Remaining";
}
input.sheet-toxbar[value="70"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 70%, #dd7e6b 74%, #dd7e6b 100%);
} input.sheet-toxbar[value="70"] ~ div.sheet-toxbar::before {
content:"70% HP Remaining";
}
input.sheet-toxbar[value="71"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 71%, #dd7e6b 75%, #dd7e6b 100%);
} input.sheet-toxbar[value="71"] ~ div.sheet-toxbar::before {
content:"71% HP Remaining";
}
input.sheet-toxbar[value="72"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 72%, #dd7e6b 76%, #dd7e6b 100%);
} input.sheet-toxbar[value="72"] ~ div.sheet-toxbar::before {
content:"72% HP Remaining";
}
input.sheet-toxbar[value="73"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 73%, #dd7e6b 77%, #dd7e6b 100%);
} input.sheet-toxbar[value="73"] ~ div.sheet-toxbar::before {
content:"73% HP Remaining";
}
input.sheet-toxbar[value="74"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 74%, #dd7e6b 78%, #dd7e6b 100%);
} input.sheet-toxbar[value="74"] ~ div.sheet-toxbar::before {
content:"74% HP Remaining";
}
input.sheet-toxbar[value="75"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 75%, #dd7e6b 79%, #dd7e6b 100%);
} input.sheet-toxbar[value="75"] ~ div.sheet-toxbar::before {
content:"75% HP Remaining";
}
input.sheet-toxbar[value="76"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 76%, #dd7e6b 80%, #dd7e6b 100%);
} input.sheet-toxbar[value="76"] ~ div.sheet-toxbar::before {
content:"76% HP Remaining";
}
input.sheet-toxbar[value="77"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 77%, #dd7e6b 81%, #dd7e6b 100%);
} input.sheet-toxbar[value="77"] ~ div.sheet-toxbar::before {
content:"77% HP Remaining";
}
input.sheet-toxbar[value="78"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 78%, #dd7e6b 82%, #dd7e6b 100%);
} input.sheet-toxbar[value="78"] ~ div.sheet-toxbar::before {
content:"78% HP Remaining";
}
input.sheet-toxbar[value="79"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 79%, #dd7e6b 83%, #dd7e6b 100%);
} input.sheet-toxbar[value="79"] ~ div.sheet-toxbar::before {
content:"79% HP Remaining";
}
input.sheet-toxbar[value="80"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 80%, #dd7e6b 84%, #dd7e6b 100%);
} input.sheet-toxbar[value="80"] ~ div.sheet-toxbar::before {
content:"80% HP Remaining";
}
input.sheet-toxbar[value="81"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 81%, #dd7e6b 85%, #dd7e6b 100%);
} input.sheet-toxbar[value="81"] ~ div.sheet-toxbar::before {
content:"81% HP Remaining";
}
input.sheet-toxbar[value="82"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 82%, #dd7e6b 86%, #dd7e6b 100%);
} input.sheet-toxbar[value="82"] ~ div.sheet-toxbar::before {
content:"82% HP Remaining";
}
input.sheet-toxbar[value="83"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 83%, #dd7e6b 87%, #dd7e6b 100%);
} input.sheet-toxbar[value="83"] ~ div.sheet-toxbar::before {
content:"83% HP Remaining";
}
input.sheet-toxbar[value="84"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 84%, #dd7e6b 88%, #dd7e6b 100%);
} input.sheet-toxbar[value="84"] ~ div.sheet-toxbar::before {
content:"84% HP Remaining";
}
input.sheet-toxbar[value="85"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 85%, #dd7e6b 89%, #dd7e6b 100%);
} input.sheet-toxbar[value="85"] ~ div.sheet-toxbar::before {
content:"85% HP Remaining";
}
input.sheet-toxbar[value="86"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 86%, #dd7e6b 90%, #dd7e6b 100%);
} input.sheet-toxbar[value="86"] ~ div.sheet-toxbar::before {
content:"86% HP Remaining";
}
input.sheet-toxbar[value="87"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 87%, #dd7e6b 91%, #dd7e6b 100%);
} input.sheet-toxbar[value="87"] ~ div.sheet-toxbar::before {
content:"87% HP Remaining";
}
input.sheet-toxbar[value="88"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 88%, #dd7e6b 92%, #dd7e6b 100%);
} input.sheet-toxbar[value="88"] ~ div.sheet-toxbar::before {
content:"88% HP Remaining";
}
input.sheet-toxbar[value="89"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 89%, #dd7e6b 93%, #dd7e6b 100%);
} input.sheet-toxbar[value="89"] ~ div.sheet-toxbar::before {
content:"89% HP Remaining";
}
input.sheet-toxbar[value="90"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 90%, #dd7e6b 94%, #dd7e6b 100%);
} input.sheet-toxbar[value="90"] ~ div.sheet-toxbar::before {
content:"90% HP Remaining";
}
input.sheet-toxbar[value="91"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 91%, #dd7e6b 95%, #dd7e6b 100%);
} input.sheet-toxbar[value="91"] ~ div.sheet-toxbar::before {
content:"91% HP Remaining";
}
input.sheet-toxbar[value="92"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 92%, #dd7e6b 96%, #dd7e6b 100%);
} input.sheet-toxbar[value="92"] ~ div.sheet-toxbar::before {
content:"92% HP Remaining";
}
input.sheet-toxbar[value="93"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 93%, #dd7e6b 97%, #dd7e6b 100%);
} input.sheet-toxbar[value="93"] ~ div.sheet-toxbar::before {
content:"93% HP Remaining";
}
input.sheet-toxbar[value="94"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 94%, #dd7e6b 98%, #dd7e6b 100%);
} input.sheet-toxbar[value="94"] ~ div.sheet-toxbar::before {
content:"94% HP Remaining";
}
input.sheet-toxbar[value="95"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 95%, #dd7e6b 99%, #dd7e6b 100%);
} input.sheet-toxbar[value="95"] ~ div.sheet-toxbar::before {
content:"95% HP Remaining";
}
input.sheet-toxbar[value="96"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 96%, #dd7e6b 100%);
} input.sheet-toxbar[value="96"] ~ div.sheet-toxbar::before {
content:"96% HP Remaining";
}
input.sheet-toxbar[value="97"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 97%, #dd7e6b 100%);
} input.sheet-toxbar[value="97"] ~ div.sheet-toxbar::before {
content:"97% HP Remaining";
}
input.sheet-toxbar[value="98"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 98%, #dd7e6b 100%);
} input.sheet-toxbar[value="98"] ~ div.sheet-toxbar::before {
content:"98% HP Remaining";
}
input.sheet-toxbar[value="99"] ~ div.sheet-toxbar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 99%, #dd7e6b 100%);
} input.sheet-toxbar[value="99"] ~ div.sheet-toxbar::before {
content:"99% HP Remaining";
}
input.sheet-toxbar[value="100"] ~ div.sheet-toxbar {
background: #adfc03;
} input.sheet-toxbar[value="100"] ~ div.sheet-toxbar::before {
content:"Full Health";
}
input.sheet-toxbar[value="101"] ~ div.sheet-toxbar {
background: #adfc03;;
} input.sheet-toxbar[value="101"] ~ div.sheet-toxbar::before {
content:"Above Max HP";
}
/* HP Bars End*/
/* Exhaustion Bars */
div.sheet-exhaustion_bar {
width: 216px;
height: 21px;
border: 2px solid black;
color: black;
font-size: 16px;
font-weight: bold;
text-align: center;
}
input.sheet-exhaustion_bar[value="0"] ~ div.sheet-exhaustion_bar {
background: #adfc03;
} input.sheet-exhaustion_bar[value="0"] ~ div.sheet-exhaustion_bar::before {
content: "Healthy and Fit";
}
input.sheet-exhaustion_bar[value="1"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #adfc03 20%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="1"] ~ div.sheet-exhaustion_bar::before {
content:"1 Exhaustion";
}
input.sheet-exhaustion_bar[value="2"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 10%, #adfc03 30%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="2"] ~ div.sheet-exhaustion_bar::before {
content:"2 Exhaustion";
}
input.sheet-exhaustion_bar[value="3"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 20%, #adfc03 40%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="3"] ~ div.sheet-exhaustion_bar::before {
content:"3 Exhaustion";
}
input.sheet-exhaustion_bar[value="4"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 30%, #adfc03 50%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="4"] ~ div.sheet-exhaustion_bar::before {
content:"4 Exhaustion";
}
input.sheet-exhaustion_bar[value="5"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 40%, #adfc03 60%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="5"] ~ div.sheet-exhaustion_bar::before {
content:"5 Exhaustion";
}
input.sheet-exhaustion_bar[value="6"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 50%, #adfc03 70%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="6"] ~ div.sheet-exhaustion_bar::before {
content:"6 Exhaustion";
}
input.sheet-exhaustion_bar[value="7"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 60%, #adfc03 80%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="7"] ~ div.sheet-exhaustion_bar::before {
content:"7 Exhaustion";
}
input.sheet-exhaustion_bar[value="8"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 70%, #adfc03 90%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="8"] ~ div.sheet-exhaustion_bar::before {
content:"8 Exhaustion";
}
input.sheet-exhaustion_bar[value="9"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 80%, #adfc03 100%);
} input.sheet-exhaustion_bar[value="9"] ~ div.sheet-exhaustion_bar::before {
content:"9 Exhaustion";
}
input.sheet-exhaustion_bar[value="10"] ~ div.sheet-exhaustion_bar {
background: linear-gradient(to right, #dd7e6b 1%, #dd7e6b 25%, #dd7e6b 100%);
} input.sheet-exhaustion_bar[value="10"] ~ div.sheet-exhaustion_bar::before {
content:"Death";
}
/* Exhaustion Bars End*/
/* Sanity Bar */
div.sheet-sanity_bar {
width: 216px;
height: 21px;
border: 2px solid black;
color: black;
font-size: 16px;
font-weight: bold;
text-align: center;
}
input.sheet-sanity_bar[value="0"] ~ div.sheet-sanity_bar {
background: #b546ce;
} input.sheet-sanity_bar[value="0"] ~ div.sheet-sanity_bar::before {
content: "TAKE MENTAL INJURY";
}
input.sheet-sanity_bar[value="1"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #b546ce 5%, #b546ce 100%);
} input.sheet-sanity_bar[value="1"] ~ div.sheet-sanity_bar::before {
content:"1% Sanity Remaining";
}
input.sheet-sanity_bar[value="2"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 2%, #b546ce 6%, #b546ce 100%);
} input.sheet-sanity_bar[value="2"] ~ div.sheet-sanity_bar::before {
content:"2% Sanity Remaining";
}
input.sheet-sanity_bar[value="3"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 3%, #b546ce 7%, #b546ce 100%);
} input.sheet-sanity_bar[value="3"] ~ div.sheet-sanity_bar::before {
content:"3% Sanity Remaining";
}
input.sheet-sanity_bar[value="4"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 4%, #b546ce 8%, #b546ce 100%);
} input.sheet-sanity_bar[value="4"] ~ div.sheet-sanity_bar::before {
content:"4% Sanity Remaining";
}
input.sheet-sanity_bar[value="5"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 5%, #b546ce 9%, #b546ce 100%);
} input.sheet-sanity_bar[value="5"] ~ div.sheet-sanity_bar::before {
content:"5% Sanity Remaining";
}
input.sheet-sanity_bar[value="6"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 6%, #b546ce 10%, #b546ce 100%);
} input.sheet-sanity_bar[value="6"] ~ div.sheet-sanity_bar::before {
content:"6% Sanity Remaining";
}
input.sheet-sanity_bar[value="7"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 7%, #b546ce 11%, #b546ce 100%);
} input.sheet-sanity_bar[value="7"] ~ div.sheet-sanity_bar::before {
content:"7% Sanity Remaining";
}
input.sheet-sanity_bar[value="8"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 8%, #b546ce 12%, #b546ce 100%);
} input.sheet-sanity_bar[value="8"] ~ div.sheet-sanity_bar::before {
content:"8% Sanity Remaining";
}
input.sheet-sanity_bar[value="9"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 9%, #b546ce 13%, #b546ce 100%);
} input.sheet-sanity_bar[value="9"] ~ div.sheet-sanity_bar::before {
content:"9% Sanity Remaining";
}
input.sheet-sanity_bar[value="10"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 10%, #b546ce 14%, #b546ce 100%);
} input.sheet-sanity_bar[value="10"] ~ div.sheet-sanity_bar::before {
content:"10% Sanity Remaining";
}
input.sheet-sanity_bar[value="11"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 11%, #b546ce 15%, #b546ce 100%);
} input.sheet-sanity_bar[value="11"] ~ div.sheet-sanity_bar::before {
content:"11% Sanity Remaining";
}
input.sheet-sanity_bar[value="12"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 12%, #b546ce 16%, #b546ce 100%);
} input.sheet-sanity_bar[value="12"] ~ div.sheet-sanity_bar::before {
content:"12% Sanity Remaining";
}
input.sheet-sanity_bar[value="13"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 13%, #b546ce 17%, #b546ce 100%);
} input.sheet-sanity_bar[value="13"] ~ div.sheet-sanity_bar::before {
content:"13% Sanity Remaining";
}
input.sheet-sanity_bar[value="14"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 14%, #b546ce 18%, #b546ce 100%);
} input.sheet-sanity_bar[value="14"] ~ div.sheet-sanity_bar::before {
content:"14% Sanity Remaining";
}
input.sheet-sanity_bar[value="15"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 15%, #b546ce 19%, #b546ce 100%);
} input.sheet-sanity_bar[value="15"] ~ div.sheet-sanity_bar::before {
content:"15% Sanity Remaining";
}
input.sheet-sanity_bar[value="16"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 16%, #b546ce 20%, #b546ce 100%);
} input.sheet-sanity_bar[value="16"] ~ div.sheet-sanity_bar::before {
content:"16% Sanity Remaining";
}
input.sheet-sanity_bar[value="17"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 17%, #b546ce 21%, #b546ce 100%);
} input.sheet-sanity_bar[value="17"] ~ div.sheet-sanity_bar::before {
content:"17% Sanity Remaining";
}
input.sheet-sanity_bar[value="18"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 18%, #b546ce 22%, #b546ce 100%);
} input.sheet-sanity_bar[value="18"] ~ div.sheet-sanity_bar::before {
content:"18% Sanity Remaining";
}
input.sheet-sanity_bar[value="19"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 19%, #b546ce 23%, #b546ce 100%);
} input.sheet-sanity_bar[value="19"] ~ div.sheet-sanity_bar::before {
content:"19% Sanity Remaining";
}
input.sheet-sanity_bar[value="20"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 20%, #b546ce 24%, #b546ce 100%);
} input.sheet-sanity_bar[value="20"] ~ div.sheet-sanity_bar::before {
content:"20% Sanity Remaining";
}
input.sheet-sanity_bar[value="21"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 21%, #b546ce 25%, #b546ce 100%);
} input.sheet-sanity_bar[value="21"] ~ div.sheet-sanity_bar::before {
content:"21% Sanity Remaining";
}
input.sheet-sanity_bar[value="22"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 22%, #b546ce 26%, #b546ce 100%);
} input.sheet-sanity_bar[value="22"] ~ div.sheet-sanity_bar::before {
content:"22% Sanity Remaining";
}
input.sheet-sanity_bar[value="23"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 23%, #b546ce 27%, #b546ce 100%);
} input.sheet-sanity_bar[value="23"] ~ div.sheet-sanity_bar::before {
content:"23% Sanity Remaining";
}
input.sheet-sanity_bar[value="24"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 24%, #b546ce 28%, #b546ce 100%);
} input.sheet-sanity_bar[value="24"] ~ div.sheet-sanity_bar::before {
content:"24% Sanity Remaining";
}
input.sheet-sanity_bar[value="25"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 25%, #b546ce 29%, #b546ce 100%);
} input.sheet-sanity_bar[value="25"] ~ div.sheet-sanity_bar::before {
content:"25% Sanity Remaining";
}
input.sheet-sanity_bar[value="26"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 26%, #b546ce 30%, #b546ce 100%);
} input.sheet-sanity_bar[value="26"] ~ div.sheet-sanity_bar::before {
content:"26% Sanity Remaining";
}
input.sheet-sanity_bar[value="27"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 27%, #b546ce 31%, #b546ce 100%);
} input.sheet-sanity_bar[value="27"] ~ div.sheet-sanity_bar::before {
content:"27% Sanity Remaining";
}
input.sheet-sanity_bar[value="28"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 28%, #b546ce 32%, #b546ce 100%);
} input.sheet-sanity_bar[value="28"] ~ div.sheet-sanity_bar::before {
content:"28% Sanity Remaining";
}
input.sheet-sanity_bar[value="29"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 29%, #b546ce 33%, #b546ce 100%);
} input.sheet-sanity_bar[value="29"] ~ div.sheet-sanity_bar::before {
content:"29% Sanity Remaining";
}
input.sheet-sanity_bar[value="30"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 30%, #b546ce 34%, #b546ce 100%);
} input.sheet-sanity_bar[value="30"] ~ div.sheet-sanity_bar::before {
content:"30% Sanity Remaining";
}
input.sheet-sanity_bar[value="31"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 31%, #b546ce 35%, #b546ce 100%);
} input.sheet-sanity_bar[value="31"] ~ div.sheet-sanity_bar::before {
content:"31% Sanity Remaining";
}
input.sheet-sanity_bar[value="32"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 32%, #b546ce 36%, #b546ce 100%);
} input.sheet-sanity_bar[value="32"] ~ div.sheet-sanity_bar::before {
content:"32% Sanity Remaining";
}
input.sheet-sanity_bar[value="33"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 33%, #b546ce 37%, #b546ce 100%);
} input.sheet-sanity_bar[value="33"] ~ div.sheet-sanity_bar::before {
content:"33% Sanity Remaining";
}
input.sheet-sanity_bar[value="34"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 34%, #b546ce 38%, #b546ce 100%);
} input.sheet-sanity_bar[value="34"] ~ div.sheet-sanity_bar::before {
content:"34% Sanity Remaining";
}
input.sheet-sanity_bar[value="35"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 35%, #b546ce 39%, #b546ce 100%);
} input.sheet-sanity_bar[value="35"] ~ div.sheet-sanity_bar::before {
content:"35% Sanity Remaining";
}
input.sheet-sanity_bar[value="36"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 36%, #b546ce 40%, #b546ce 100%);
} input.sheet-sanity_bar[value="36"] ~ div.sheet-sanity_bar::before {
content:"36% Sanity Remaining";
}
input.sheet-sanity_bar[value="37"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 37%, #b546ce 41%, #b546ce 100%);
} input.sheet-sanity_bar[value="37"] ~ div.sheet-sanity_bar::before {
content:"37% Sanity Remaining";
}
input.sheet-sanity_bar[value="38"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 38%, #b546ce 42%, #b546ce 100%);
} input.sheet-sanity_bar[value="38"] ~ div.sheet-sanity_bar::before {
content:"38% Sanity Remaining";
}
input.sheet-sanity_bar[value="39"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 39%, #b546ce 43%, #b546ce 100%);
} input.sheet-sanity_bar[value="39"] ~ div.sheet-sanity_bar::before {
content:"39% Sanity Remaining";
}
input.sheet-sanity_bar[value="40"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 40%, #b546ce 44%, #b546ce 100%);
} input.sheet-sanity_bar[value="40"] ~ div.sheet-sanity_bar::before {
content:"40% Sanity Remaining";
}
input.sheet-sanity_bar[value="41"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 41%, #b546ce 45%, #b546ce 100%);
} input.sheet-sanity_bar[value="41"] ~ div.sheet-sanity_bar::before {
content:"41% Sanity Remaining";
}
input.sheet-sanity_bar[value="42"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 42%, #b546ce 46%, #b546ce 100%);
} input.sheet-sanity_bar[value="42"] ~ div.sheet-sanity_bar::before {
content:"42% Sanity Remaining";
}
input.sheet-sanity_bar[value="43"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 43%, #b546ce 47%, #b546ce 100%);
} input.sheet-sanity_bar[value="43"] ~ div.sheet-sanity_bar::before {
content:"43% Sanity Remaining";
}
input.sheet-sanity_bar[value="44"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 44%, #b546ce 48%, #b546ce 100%);
} input.sheet-sanity_bar[value="44"] ~ div.sheet-sanity_bar::before {
content:"44% Sanity Remaining";
}
input.sheet-sanity_bar[value="45"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 45%, #b546ce 49%, #b546ce 100%);
} input.sheet-sanity_bar[value="45"] ~ div.sheet-sanity_bar::before {
content:"45% Sanity Remaining";
}
input.sheet-sanity_bar[value="46"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 46%, #b546ce 50%, #b546ce 100%);
} input.sheet-sanity_bar[value="46"] ~ div.sheet-sanity_bar::before {
content:"46% Sanity Remaining";
}
input.sheet-sanity_bar[value="47"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 47%, #b546ce 51%, #b546ce 100%);
} input.sheet-sanity_bar[value="47"] ~ div.sheet-sanity_bar::before {
content:"47% Sanity Remaining";
}
input.sheet-sanity_bar[value="48"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 48%, #b546ce 52%, #b546ce 100%);
} input.sheet-sanity_bar[value="48"] ~ div.sheet-sanity_bar::before {
content:"48% Sanity Remaining";
}
input.sheet-sanity_bar[value="49"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 49%, #b546ce 53%, #b546ce 100%);
} input.sheet-sanity_bar[value="49"] ~ div.sheet-sanity_bar::before {
content:"49% Sanity Remaining";
}
input.sheet-sanity_bar[value="50"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 50%, #b546ce 54%, #b546ce 100%);
} input.sheet-sanity_bar[value="50"] ~ div.sheet-sanity_bar::before {
content:"50% Sanity Remaining";
}
input.sheet-sanity_bar[value="51"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 51%, #b546ce 55%, #b546ce 100%);
} input.sheet-sanity_bar[value="51"] ~ div.sheet-sanity_bar::before {
content:"51% Sanity Remaining";
}
input.sheet-sanity_bar[value="52"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 52%, #b546ce 56%, #b546ce 100%);
} input.sheet-sanity_bar[value="52"] ~ div.sheet-sanity_bar::before {
content:"52% Sanity Remaining";
}
input.sheet-sanity_bar[value="53"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 53%, #b546ce 57%, #b546ce 100%);
} input.sheet-sanity_bar[value="53"] ~ div.sheet-sanity_bar::before {
content:"53% Sanity Remaining";
}
input.sheet-sanity_bar[value="54"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 54%, #b546ce 58%, #b546ce 100%);
} input.sheet-sanity_bar[value="54"] ~ div.sheet-sanity_bar::before {
content:"54% Sanity Remaining";
}
input.sheet-sanity_bar[value="55"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 55%, #b546ce 59%, #b546ce 100%);
} input.sheet-sanity_bar[value="55"] ~ div.sheet-sanity_bar::before {
content:"55% Sanity Remaining";
}
input.sheet-sanity_bar[value="56"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 56%, #b546ce 60%, #b546ce 100%);
} input.sheet-sanity_bar[value="56"] ~ div.sheet-sanity_bar::before {
content:"56% Sanity Remaining";
}
input.sheet-sanity_bar[value="57"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 57%, #b546ce 61%, #b546ce 100%);
} input.sheet-sanity_bar[value="57"] ~ div.sheet-sanity_bar::before {
content:"57% Sanity Remaining";
}
input.sheet-sanity_bar[value="58"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 58%, #b546ce 62%, #b546ce 100%);
} input.sheet-sanity_bar[value="58"] ~ div.sheet-sanity_bar::before {
content:"58% Sanity Remaining";
}
input.sheet-sanity_bar[value="59"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 59%, #b546ce 63%, #b546ce 100%);
} input.sheet-sanity_bar[value="59"] ~ div.sheet-sanity_bar::before {
content:"59% Sanity Remaining";
}
input.sheet-sanity_bar[value="60"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 60%, #b546ce 64%, #b546ce 100%);
} input.sheet-sanity_bar[value="60"] ~ div.sheet-sanity_bar::before {
content:"60% Sanity Remaining";
}
input.sheet-sanity_bar[value="61"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 61%, #b546ce 65%, #b546ce 100%);
} input.sheet-sanity_bar[value="61"] ~ div.sheet-sanity_bar::before {
content:"61% Sanity Remaining";
}
input.sheet-sanity_bar[value="62"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 62%, #b546ce 66%, #b546ce 100%);
} input.sheet-sanity_bar[value="62"] ~ div.sheet-sanity_bar::before {
content:"62% Sanity Remaining";
}
input.sheet-sanity_bar[value="63"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 63%, #b546ce 67%, #b546ce 100%);
} input.sheet-sanity_bar[value="63"] ~ div.sheet-sanity_bar::before {
content:"63% Sanity Remaining";
}
input.sheet-sanity_bar[value="64"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 64%, #b546ce 68%, #b546ce 100%);
} input.sheet-sanity_bar[value="64"] ~ div.sheet-sanity_bar::before {
content:"64% Sanity Remaining";
}
input.sheet-sanity_bar[value="65"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 65%, #b546ce 69%, #b546ce 100%);
} input.sheet-sanity_bar[value="65"] ~ div.sheet-sanity_bar::before {
content:"65% Sanity Remaining";
}
input.sheet-sanity_bar[value="66"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 66%, #b546ce 70%, #b546ce 100%);
} input.sheet-sanity_bar[value="66"] ~ div.sheet-sanity_bar::before {
content:"66% Sanity Remaining";
}
input.sheet-sanity_bar[value="67"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 67%, #b546ce 71%, #b546ce 100%);
} input.sheet-sanity_bar[value="67"] ~ div.sheet-sanity_bar::before {
content:"67% Sanity Remaining";
}
input.sheet-sanity_bar[value="68"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 68%, #b546ce 72%, #b546ce 100%);
} input.sheet-sanity_bar[value="68"] ~ div.sheet-sanity_bar::before {
content:"68% Sanity Remaining";
}
input.sheet-sanity_bar[value="69"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 69%, #b546ce 73%, #b546ce 100%);
} input.sheet-sanity_bar[value="69"] ~ div.sheet-sanity_bar::before {
content:"69% Sanity Remaining";
}
input.sheet-sanity_bar[value="70"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 70%, #b546ce 74%, #b546ce 100%);
} input.sheet-sanity_bar[value="70"] ~ div.sheet-sanity_bar::before {
content:"70% Sanity Remaining";
}
input.sheet-sanity_bar[value="71"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 71%, #b546ce 75%, #b546ce 100%);
} input.sheet-sanity_bar[value="71"] ~ div.sheet-sanity_bar::before {
content:"71% Sanity Remaining";
}
input.sheet-sanity_bar[value="72"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 72%, #b546ce 76%, #b546ce 100%);
} input.sheet-sanity_bar[value="72"] ~ div.sheet-sanity_bar::before {
content:"72% Sanity Remaining";
}
input.sheet-sanity_bar[value="73"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 73%, #b546ce 77%, #b546ce 100%);
} input.sheet-sanity_bar[value="73"] ~ div.sheet-sanity_bar::before {
content:"73% Sanity Remaining";
}
input.sheet-sanity_bar[value="74"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 74%, #b546ce 78%, #b546ce 100%);
} input.sheet-sanity_bar[value="74"] ~ div.sheet-sanity_bar::before {
content:"74% Sanity Remaining";
}
input.sheet-sanity_bar[value="75"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 75%, #b546ce 79%, #b546ce 100%);
} input.sheet-sanity_bar[value="75"] ~ div.sheet-sanity_bar::before {
content:"75% Sanity Remaining";
}
input.sheet-sanity_bar[value="76"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 76%, #b546ce 80%, #b546ce 100%);
} input.sheet-sanity_bar[value="76"] ~ div.sheet-sanity_bar::before {
content:"76% Sanity Remaining";
}
input.sheet-sanity_bar[value="77"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 77%, #b546ce 81%, #b546ce 100%);
} input.sheet-sanity_bar[value="77"] ~ div.sheet-sanity_bar::before {
content:"77% Sanity Remaining";
}
input.sheet-sanity_bar[value="78"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 78%, #b546ce 82%, #b546ce 100%);
} input.sheet-sanity_bar[value="78"] ~ div.sheet-sanity_bar::before {
content:"78% Sanity Remaining";
}
input.sheet-sanity_bar[value="79"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 79%, #b546ce 83%, #b546ce 100%);
} input.sheet-sanity_bar[value="79"] ~ div.sheet-sanity_bar::before {
content:"79% Sanity Remaining";
}
input.sheet-sanity_bar[value="80"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 80%, #b546ce 84%, #b546ce 100%);
} input.sheet-sanity_bar[value="80"] ~ div.sheet-sanity_bar::before {
content:"80% Sanity Remaining";
}
input.sheet-sanity_bar[value="81"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 81%, #b546ce 85%, #b546ce 100%);
} input.sheet-sanity_bar[value="81"] ~ div.sheet-sanity_bar::before {
content:"81% Sanity Remaining";
}
input.sheet-sanity_bar[value="82"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 82%, #b546ce 86%, #b546ce 100%);
} input.sheet-sanity_bar[value="82"] ~ div.sheet-sanity_bar::before {
content:"82% Sanity Remaining";
}
input.sheet-sanity_bar[value="83"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 83%, #b546ce 87%, #b546ce 100%);
} input.sheet-sanity_bar[value="83"] ~ div.sheet-sanity_bar::before {
content:"83% Sanity Remaining";
}
input.sheet-sanity_bar[value="84"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 84%, #b546ce 88%, #b546ce 100%);
} input.sheet-sanity_bar[value="84"] ~ div.sheet-sanity_bar::before {
content:"84% Sanity Remaining";
}
input.sheet-sanity_bar[value="85"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 85%, #b546ce 89%, #b546ce 100%);
} input.sheet-sanity_bar[value="85"] ~ div.sheet-sanity_bar::before {
content:"85% Sanity Remaining";
}
input.sheet-sanity_bar[value="86"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 86%, #b546ce 90%, #b546ce 100%);
} input.sheet-sanity_bar[value="86"] ~ div.sheet-sanity_bar::before {
content:"86% Sanity Remaining";
}
input.sheet-sanity_bar[value="87"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 87%, #b546ce 91%, #b546ce 100%);
} input.sheet-sanity_bar[value="87"] ~ div.sheet-sanity_bar::before {
content:"87% Sanity Remaining";
}
input.sheet-sanity_bar[value="88"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 88%, #b546ce 92%, #b546ce 100%);
} input.sheet-sanity_bar[value="88"] ~ div.sheet-sanity_bar::before {
content:"88% Sanity Remaining";
}
input.sheet-sanity_bar[value="89"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 89%, #b546ce 93%, #b546ce 100%);
} input.sheet-sanity_bar[value="89"] ~ div.sheet-sanity_bar::before {
content:"89% Sanity Remaining";
}
input.sheet-sanity_bar[value="90"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 90%, #b546ce 94%, #b546ce 100%);
} input.sheet-sanity_bar[value="90"] ~ div.sheet-sanity_bar::before {
content:"90% Sanity Remaining";
}
input.sheet-sanity_bar[value="91"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 91%, #b546ce 95%, #b546ce 100%);
} input.sheet-sanity_bar[value="91"] ~ div.sheet-sanity_bar::before {
content:"91% Sanity Remaining";
}
input.sheet-sanity_bar[value="92"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 92%, #b546ce 96%, #b546ce 100%);
} input.sheet-sanity_bar[value="92"] ~ div.sheet-sanity_bar::before {
content:"92% Sanity Remaining";
}
input.sheet-sanity_bar[value="93"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 93%, #b546ce 97%, #b546ce 100%);
} input.sheet-sanity_bar[value="93"] ~ div.sheet-sanity_bar::before {
content:"93% Sanity Remaining";
}
input.sheet-sanity_bar[value="94"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 94%, #b546ce 98%, #b546ce 100%);
} input.sheet-sanity_bar[value="94"] ~ div.sheet-sanity_bar::before {
content:"94% Sanity Remaining";
}
input.sheet-sanity_bar[value="95"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 95%, #b546ce 99%, #b546ce 100%);
} input.sheet-sanity_bar[value="95"] ~ div.sheet-sanity_bar::before {
content:"95% Sanity Remaining";
}
input.sheet-sanity_bar[value="96"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 96%, #b546ce 100%);
} input.sheet-sanity_bar[value="96"] ~ div.sheet-sanity_bar::before {
content:"96% Sanity Remaining";
}
input.sheet-sanity_bar[value="97"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 97%, #b546ce 100%);
} input.sheet-sanity_bar[value="97"] ~ div.sheet-sanity_bar::before {
content:"97% Sanity Remaining";
}
input.sheet-sanity_bar[value="98"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 98%, #b546ce 100%);
} input.sheet-sanity_bar[value="98"] ~ div.sheet-sanity_bar::before {
content:"98% Sanity Remaining";
}
input.sheet-sanity_bar[value="99"] ~ div.sheet-sanity_bar {
background: linear-gradient(to right, #adfc03 1%, #adfc03 99%, #b546ce 100%);
} input.sheet-sanity_bar[value="99"] ~ div.sheet-sanity_bar::before {
content:"99% Sanity Remaining";
}
input.sheet-sanity_bar[value="100"] ~ div.sheet-sanity_bar {
background: #adfc03;
} input.sheet-sanity_bar[value="100"] ~ div.sheet-sanity_bar::before {
content:"Full Sanity";
}
input.sheet-sanity_bar[value="101"] ~ div.sheet-sanity_bar {
background: #adfc03;;
} input.sheet-sanity_bar[value="101"] ~ div.sheet-sanity_bar::before {
content:"Above Max Sanity";
}
/* Sanity Bar End */
/* Section 1 Bars End */
/* Section 1 End */
/*-- Test area --*/
div.teststats{
display: grid;
grid-template-columns: 115px 50px 50px 20px 115px 50px 50px;
width:450px;
text-align:center;
justify-items: center;
}
div.testskillline{
display: grid;
grid-template-columns: 150px 50px 10px 150px 50px 10px 150px 50px;
width:620px;
text-align:center;
justify-items: center;
}
div.testline{
display: grid;
text-align:center;
justify-items: center;
}
div.testability{
display: grid;
grid-template-columns: 200px 25px;
width:225px;
text-align:center;
justify-items: center;
}
