Files
generalripphook 3fe78d872b Update HackMaster_5E.css
Updated for new npc tabs
2021-11-30 10:14:33 -08:00

3894 lines
37 KiB
CSS

/* My custom styles */
/*Player/NPC Swapping*/
.sheet-block-a,
.charsheet .sheet-block-switch:checked ~ .sheet-block-b {
display: block;
}
.charsheet .sheet-block-b,
.charsheet .sheet-block-switch:checked ~ .sheet-block-a {
display: none;
}
/*Configure the tab buttons*/
.sheet-character,
.sheet-fatigue,
.sheet-cspellstab,
.sheet-mspellstab {
display: none;
}
/* show the selected tab */
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
.sheet-tabstoggle[value="fatigue"] ~ div.sheet-fatigue,
.sheet-tabstoggle[value="cspellstab"] ~ div.sheet-cspellstab,
.sheet-tabstoggle[value="mspellstab"] ~ div.sheet-mspellstab {
display: block;
}
/* General sheet wide Styles */
/* ==== SKIN CHECKBOX FOR ARROW TOGGLES (►/▼) ==== */
/* ==== HIDES THE ORIGINAL CHECKBOX ==== */
input.sheet-arrow[type="checkbox"] {
opacity: 0;
width: 18px;
height: 18px;
cursor: pointer;
z-index: 1;
}
/* ==== STYLES AND POSITIONS WHAT COVERS THE UNCHECKED CHECKBOX ==== */
input.sheet-arrow[type="checkbox"] + span::before {
margin-right: 4px;
margin-left: -22px;
line-height: 16px;
text-align: center;
display: inline-block;
vertical-align: middle;
content: "►";
width: 18px;
height: 18px;
font-size: 16px;
}
/* ==== WHAT CHANGES WHEN THE CHECKBOX IS CHECKED ==== */
input.sheet-arrow[type="checkbox"]:checked + span::before {
content: "▼";
}
/* ==== HIDES THE CONTENT UNLESS THE CHECKBOX IS CHECKED ==== */
.sheet-wombat-show:not(:checked)~.sheet-wombat {
display: none;
}
.charsheet button, input, select, textarea,
.charsheet .sheet-row [class *= "sheet-col"],
.charsheet [class *= "sheet-col"] {
font-size: 12px;
}
.charsheet .sheet-wound-reset {
counter-reset: wound-counter;
}
div.sheet-wound-counter::before {
/* Increments "wound-counter" by 1 */
counter-increment: wound-counter;
content: "Wound " counter(wound-counter);
}
.charsheet .sheet-pad1{
padding-right:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.charsheet .sheet-padr{
padding-right:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.charsheet .sheet-padt{
padding-top:12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.charsheet .sheet-border-right {
border-right: 1px solid #000;
}
.charsheet .sheet-border-left {
border-left: 1px solid #000;
}
.charsheet input[type=number], .charsheet input[type=text], .charsheet select{
width: 100%!important;
margin-bottom:2px!important;
}
.charsheet input[type=number] {
text-align: center;
}
.charsheet input[type=text].sheet-underlined {
box-shadow: 0px -2px 0px 0px #000000 inset;
}
.charsheet input[type=number].sheet-underlined {
box-shadow: 0px -2px 0px 0px #000000 inset;
}
.charsheet button[type=roll] {
font-size: 12px!important;
}
.charsheet hr {
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,75.75), rgba(0,0,0,0));
margin: 5px 0;
}
.charsheet .sheet-heading-row {
text-align: center;
font-weight: bold;
border-bottom: 1px solid #000000;
}
.charsheet .sheet-footer-row {
text-align: center;
font-weight: bold;
border-bottom: 1px solid #dddddd;
margin-bottom: 5px;
}
.charsheet .sheet-stat-row {
text-align: center;
font-weight: bold;
}
.charsheet .sheet-vert-middle {
vertical-align: middle;
}
.charsheet .sheet-vert-bottom {
vertical-align: bottom!important;
}
.charsheet .sheet-center{
text-align: center;
}
.charsheet textarea {
width: 96%;
height: 100px;
resize:none;
}
.charsheet h3{
font-size: 12px;
text-align: center;
text-transform: uppercase;
margin-bottom: 5px;
color:#ffffff;
background-color:#000000;
/*background-image: -moz-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: -webkit-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: -o-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: -ms-repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);
background-image: repeating-radial-gradient(center center, circle cover, #000000, #870202 100%);*/
margin-top: 10px;
border-radius: 12px;
}
.charsheet h4 {
background-color: #000000;
color: #ffffff;
text-align: center;
font-size: 12px;
border-radius: 12px;
padding-left: 5px;
margin-bottom: 5px;
}
.charsheet input[disabled] {
background-color: #eaffef;
border-color: #ddd;
cursor: not-allowed;
}
.charsheet .sheet-small-note {
text-align: center;
font-family: Arial;
font-size: 10px;
}
.charsheet select {
height: 27px;
}
.charsheet .sheet-important-text {
text-decoration: underline;
color: #ff0000;
}
.charsheet .sheet-grey-row {
background-color: #eee;
}
.charsheet .sheet-fluid-textarea {
height: 100%;
}
/* Header section */
.charsheet img.sheet-icon {
width: 300px;
height: 100.0px;
}
/* Core stat section */
.charsheet .sheet-core-stat-label {
background-color: #000000;
color: #ffffff;
font-size: 16px!important;
font-weight: bold;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
line-height: 28px;
}
.charsheet .sheet-core-stat-text {
font-size: 10px;
text-align: center;
vertical-align: middle;
line-height: 12px;
}
.charsheet .sheet-core-checkbox-row {
line-height: 28px;
text-align: center;
}
/* Skills section */
.charsheet .sheet-skill-header {
background-color: #000000;
color: #ffffff;
font-weight: bold;
vertical-align: bottom;
border-radius: 12px;
padding-left: 5px;
margin: 2px 0;
}
.charsheet .sheet-skill-row {
margin: 1px 0;
}
.charsheet .sheet-skill-roll {
padding: 0 5px!important;
}
/* Spells section */
.charsheet .sheet-spell-roll {
padding: 0 5px!important;
vertical-align: middle!important;
}
/* Custom Pure Grid CSS (24 cols) DO NOT EIDT BELOW THIS LINE OR RISK BREAKING FORMATTING */
.charsheet .sheet-row {
letter-spacing: -0.31em;
*letter-spacing: normal;
*word-spacing: -0.43em;
text-rendering: optimizespeed;
}
.charsheet .sheet-opera-only :-o-prefocus, .charsheet .sheet-row {
word-spacing: -0.43em;
}
.charsheet .sheet-col {
display: inline-block;
zoom: 1; *display: inline;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.charsheet .sheet-col-1,.charsheet .sheet-col-1-2,.charsheet .sheet-col-10-24,.charsheet .sheet-col-1-3,.charsheet .sheet-col-2-3,.charsheet .sheet-col-1-4,.charsheet .sheet-col-3-4,.charsheet .sheet-col-1-5,.charsheet .sheet-col-2-5,.charsheet .sheet-col-3-5,.charsheet .sheet-col-4-5,.charsheet .sheet-col-1-6,.charsheet .sheet-col-5-6,.charsheet .sheet-col-1-7,.charsheet .sheet-col-2-7,.charsheet .sheet-col-3-7,.charsheet .sheet-col-4-7,.charsheet .sheet-col-5-7,.charsheet .sheet-col-6-7,.charsheet .sheet-col-1-8,.charsheet .sheet-col-3-8,.charsheet .sheet-col-5-8,.charsheet .sheet-col-7-8,.charsheet .sheet-col-1-9,.charsheet .sheet-col-2-9,.charsheet .sheet-col-4-9,.charsheet .sheet-col-5-9,.charsheet .sheet-col-6-9,.charsheet .sheet-col-7-9,.charsheet .sheet-col-8-9,.charsheet .sheet-col-1-10,.charsheet .sheet-col-3-10,.charsheet .sheet-col-7-10,.charsheet .sheet-col-9-10,.charsheet .sheet-col-1-11,.charsheet .sheet-col-2-11,.charsheet .sheet-col-3-11,.charsheet .sheet-col-4-11,.charsheet .sheet-col-5-11,.charsheet .sheet-col-6-11,.charsheet .sheet-col-7-11,.charsheet .sheet-col-8-11,.charsheet .sheet-col-9-11,.charsheet .sheet-col-10-11,.charsheet .sheet-col-1-12,.charsheet .sheet-col-5-12,.charsheet .sheet-col-7-12,.charsheet .sheet-col-9-12,.charsheet .sheet-col-11-12,.charsheet .sheet-col-1-13,.charsheet .sheet-col-2-13,.charsheet .sheet-col-3-13,.charsheet .sheet-col-4-13,.charsheet .sheet-col-5-13,.charsheet .sheet-col-6-13,.charsheet .sheet-col-7-13,.charsheet .sheet-col-8-13,.charsheet .sheet-col-9-13,.charsheet .sheet-col-10-13,.charsheet .sheet-col-11-13,.charsheet .sheet-col-12-13,.charsheet .sheet-col-1-14,.charsheet .sheet-col-3-14,.charsheet .sheet-col-5-14,.charsheet .sheet-col-9-14,.charsheet .sheet-col-11-14,.charsheet .sheet-col-13-14,.charsheet .sheet-col-1-15,.charsheet .sheet-col-2-15,.charsheet .sheet-col-4-15,.charsheet .sheet-col-6-15,.charsheet .sheet-col-7-15,.charsheet .sheet-col-8-15,.charsheet .sheet-col-9-15,.charsheet .sheet-col-10-15,.charsheet .sheet-col-11-15,.charsheet .sheet-col-12-15,.charsheet .sheet-col-13-15,.charsheet .sheet-col-14-15,.charsheet .sheet-col-1-16,.charsheet .sheet-col-3-16,.charsheet .sheet-col-2-16,.charsheet .sheet-col-5-16,.charsheet .sheet-col-7-16,.charsheet .sheet-col-9-16,.charsheet .sheet-col-11-16,.charsheet .sheet-col-13-16,.charsheet .sheet-col-15-16,.charsheet .sheet-col-1-17,.charsheet .sheet-col-2-17,.charsheet .sheet-col-3-17,.charsheet .sheet-col-4-17,.charsheet .sheet-col-5-17,.charsheet .sheet-col-6-17,.charsheet .sheet-col-7-17,.charsheet .sheet-col-8-17,.charsheet .sheet-col-9-17,.charsheet .sheet-col-10-17,.charsheet .sheet-col-11-17,.charsheet .sheet-col-12-17,.charsheet .sheet-col-13-17,.charsheet .sheet-col-14-17,.charsheet .sheet-col-15-17,.charsheet .sheet-col-16-17,.charsheet .sheet-col-1-18,.charsheet .sheet-col-5-18,.charsheet .sheet-col-7-18,.charsheet .sheet-col-11-18,.charsheet .sheet-col-13-18,.charsheet .sheet-col-15-18,.charsheet .sheet-col-17-18,.charsheet .sheet-col-1-19,.charsheet .sheet-col-2-19,.charsheet .sheet-col-3-19,.charsheet .sheet-col-4-19,.charsheet .sheet-col-5-19,.charsheet .sheet-col-6-19,.charsheet .sheet-col-7-19,.charsheet .sheet-col-8-19,.charsheet .sheet-col-9-19,.charsheet .sheet-col-10-19,.charsheet .sheet-col-11-19,.charsheet .sheet-col-12-19,.charsheet .sheet-col-13-19,.charsheet .sheet-col-14-19,.charsheet .sheet-col-15-19,.charsheet .sheet-col-16-19,.charsheet .sheet-col-17-19,.charsheet .sheet-col-18-19,.charsheet .sheet-col-1-20,.charsheet .sheet-col-3-20,.charsheet .sheet-col-7-20,.charsheet .sheet-col-9-20,.charsheet .sheet-col-11-20,.charsheet .sheet-col-13-20,.charsheet .sheet-col-15-20,.charsheet .sheet-col-17-20,.charsheet .sheet-col-19-20,.charsheet .sheet-col-1-21,.charsheet .sheet-col-2-21,.charsheet .sheet-col-4-21,.charsheet .sheet-col-5-21,.charsheet .sheet-col-6-21,.charsheet .sheet-col-8-21,.charsheet .sheet-col-9-21,.charsheet .sheet-col-10-21,.charsheet .sheet-col-11-21,.charsheet .sheet-col-12-21,.charsheet .sheet-col-13-21,.charsheet .sheet-col-14-21,.charsheet .sheet-col-15-21,.charsheet .sheet-col-16-21,.charsheet .sheet-col-17-21,.charsheet .sheet-col-18-21,.charsheet .sheet-col-19-21,.charsheet .sheet-col-20-21,.charsheet .sheet-col-1-22,.charsheet .sheet-col-3-22,.charsheet .sheet-col-5-22,.charsheet .sheet-col-7-22,.charsheet .sheet-col-9-22,.charsheet .sheet-col-13-22,.charsheet .sheet-col-15-22,.charsheet .sheet-col-17-22,.charsheet .sheet-col-19-22,.charsheet .sheet-col-21-22,.charsheet .sheet-col-1-23,.charsheet .sheet-col-2-23,.charsheet .sheet-col-3-23,.charsheet .sheet-col-4-23,.charsheet .sheet-col-5-23,.charsheet .sheet-col-6-23,.charsheet .sheet-col-7-23,.charsheet .sheet-col-8-23,.charsheet .sheet-col-9-23,.charsheet .sheet-col-10-23,.charsheet .sheet-col-11-23,.charsheet .sheet-col-12-23,.charsheet .sheet-col-13-23,.charsheet .sheet-col-14-23,.charsheet .sheet-col-15-23,.charsheet .sheet-col-16-23,.charsheet .sheet-col-17-23,.charsheet .sheet-col-18-23,.charsheet .sheet-col-19-23,.charsheet .sheet-col-20-23,.charsheet .sheet-col-21-23,.charsheet .sheet-col-22-23,.charsheet .sheet-col-1-24,.charsheet .sheet-col-5-24,.charsheet .sheet-col-7-24,.charsheet .sheet-col-9-24,.charsheet .sheet-col-11-24,.charsheet .sheet-col-13-24,.charsheet .sheet-col-15-24,.charsheet .sheet-col-17-24,.charsheet .sheet-col-19-24,.charsheet .sheet-col-21-24,.charsheet .sheet-col-23-24 {
display: inline-block;
zoom: 1;
*display: inline;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.charsheet .sheet-col-1 {
display:block;
}
.charsheet .sheet-col-1-2 {
width: 49%;
}
.charsheet .sheet-offset-1-2 {
margin-left: 50%;
}
.charsheet .sheet-col-1-3 {
width: 33.33333%;
}
.charsheet .sheet-offset-1-3 {
margin-left: 33.33333%;
}
.charsheet .sheet-col-2-3 {
width: 66.66667%;
}
.charsheet .sheet-offset-2-3 {
margin-left: 66.66667%;
}
.charsheet .sheet-col-1-4 {
width: 25%;
}
.charsheet .sheet-offset-1-4 {
margin-left: 25%;
}
.charsheet .sheet-col-3-4 {
width: 75%;
}
.charsheet .sheet-offset-3-4 {
margin-left: 75%;
}
.charsheet .sheet-col-1-5 {
width: 20%;
}
.charsheet .sheet-offset-1-5 {
margin-left: 20%;
}
.charsheet .sheet-col-2-5 {
width: 40%;
}
.charsheet .sheet-offset-2-5 {
margin-left: 40%;
}
.charsheet .sheet-col-3-5 {
width: 60%;
}
.charsheet .sheet-offset-3-5 {
margin-left: 60%;
}
.charsheet .sheet-col-4-5 {
width: 80%;
}
.charsheet .sheet-offset-4-5 {
margin-left: 80%;
}
.charsheet .sheet-col-1-6 {
width: 16.66667%;
}
.charsheet .sheet-offset-1-6 {
margin-left: 16.66667%;
}
.charsheet .sheet-col-5-6 {
width: 83.33333%;
}
.charsheet .sheet-offset-5-6 {
margin-left: 83.33333%;
}
.charsheet .sheet-col-1-7 {
width: 14.28571%;
}
.charsheet .sheet-offset-1-7 {
margin-left: 14.28571%;
}
.charsheet .sheet-col-2-7 {
width: 28.57143%;
}
.charsheet .sheet-offset-2-7 {
margin-left: 28.57143%;
}
.charsheet .sheet-col-3-7 {
width: 42.85714%;
}
.charsheet .sheet-offset-3-7 {
margin-left: 42.85714%;
}
.charsheet .sheet-col-4-7 {
width: 57.14286%;
}
.charsheet .sheet-offset-4-7 {
margin-left: 57.14286%;
}
.charsheet .sheet-col-5-7 {
width: 71.42857%;
}
.charsheet .sheet-offset-5-7 {
margin-left: 71.42857%;
}
.charsheet .sheet-col-6-7 {
width: 85.71429%;
}
.charsheet .sheet-offset-6-7 {
margin-left: 85.71429%;
}
.charsheet .sheet-col-1-8 {
width: 12.5%;
}
.charsheet .sheet-offset-1-8 {
margin-left: 12.5%;
}
.charsheet .sheet-col-3-8 {
width: 37.5%;
}
.charsheet .sheet-offset-3-8 {
margin-left: 37.5%;
}
.charsheet .sheet-col-5-8 {
width: 62.5%;
}
.charsheet .sheet-offset-5-8 {
margin-left: 62.5%;
}
.charsheet .sheet-col-7-8 {
width: 87.5%;
}
.charsheet .sheet-offset-7-8 {
margin-left: 87.5%;
}
.charsheet .sheet-col-1-9 {
width: 11.11111%;
}
.charsheet .sheet-offset-1-9 {
margin-left: 11.11111%;
}
.charsheet .sheet-col-2-9 {
width: 22.22222%;
}
.charsheet .sheet-offset-2-9 {
margin-left: 22.22222%;
}
.charsheet .sheet-col-4-9 {
width: 44.44444%;
}
.charsheet .sheet-offset-4-9 {
margin-left: 44.44444%;
}
.charsheet .sheet-col-5-9 {
width: 55.55556%;
}
.charsheet .sheet-offset-5-9 {
margin-left: 55.55556%;
}
.charsheet .sheet-col-6-9 {
width: 66.66667%;
}
.charsheet .sheet-offset-6-9 {
margin-left: 66.66667%;
}
.charsheet .sheet-col-7-9 {
width: 77.77778%;
}
.charsheet .sheet-offset-7-9 {
margin-left: 77.77778%;
}
.charsheet .sheet-col-8-9 {
width: 88.88889%;
}
.charsheet .sheet-offset-8-9 {
margin-left: 88.88889%;
}
.charsheet .sheet-col-1-10 {
width: 10%;
}
.charsheet .sheet-offset-1-10 {
margin-left: 10%;
}
.charsheet .sheet-col-3-10 {
width: 30%;
}
.charsheet .sheet-offset-3-10 {
margin-left: 30%;
}
.charsheet .sheet-col-7-10 {
width: 70%;
}
.charsheet .sheet-offset-7-10 {
margin-left: 70%;
}
.charsheet .sheet-col-9-10 {
width: 90%;
}
.charsheet .sheet-offset-9-10 {
margin-left: 90%;
}
.charsheet .sheet-col-1-11 {
width: 9.09091%;
}
.charsheet .sheet-offset-1-11 {
margin-left: 9.09091%;
}
.charsheet .sheet-col-2-11 {
width: 18.18182%;
}
.charsheet .sheet-offset-2-11 {
margin-left: 18.18182%;
}
.charsheet .sheet-col-3-11 {
width: 27.27273%;
}
.charsheet .sheet-offset-3-11 {
margin-left: 27.27273%;
}
.charsheet .sheet-col-4-11 {
width: 36.36364%;
}
.charsheet .sheet-offset-4-11 {
margin-left: 36.36364%;
}
.charsheet .sheet-col-5-11 {
width: 45.45455%;
}
.charsheet .sheet-offset-5-11 {
margin-left: 45.45455%;
}
.charsheet .sheet-col-6-11 {
width: 54.54545%;
}
.charsheet .sheet-offset-6-11 {
margin-left: 54.54545%;
}
.charsheet .sheet-col-7-11 {
width: 63.63636%;
}
.charsheet .sheet-offset-7-11 {
margin-left: 63.63636%;
}
.charsheet .sheet-col-8-11 {
width: 72.72727%;
}
.charsheet .sheet-offset-8-11 {
margin-left: 72.72727%;
}
.charsheet .sheet-col-9-11 {
width: 81.81818%;
}
.charsheet .sheet-offset-9-11 {
margin-left: 81.81818%;
}
.charsheet .sheet-col-10-11 {
width: 90.90909%;
}
.charsheet .sheet-offset-10-11 {
margin-left: 90.90909%;
}
.charsheet .sheet-col-1-12 {
width: 8.33333%;
}
.charsheet .sheet-offset-1-12 {
margin-left: 8.33333%;
}
.charsheet .sheet-col-5-12 {
width: 41.66667%;
}
.charsheet .sheet-offset-5-12 {
margin-left: 41.66667%;
}
.charsheet .sheet-col-7-12 {
width: 58.33333%;
}
.charsheet .sheet-offset-7-12 {
margin-left: 58.33333%;
}
.charsheet .sheet-col-9-12 {
width: 75%;
}
.charsheet .sheet-offset-9-12 {
margin-left: 75%;
}
.charsheet .sheet-col-11-12 {
width: 91.66667%;
}
.charsheet .sheet-offset-11-12 {
margin-left: 91.66667%;
}
.charsheet .sheet-col-1-13 {
width: 7.69231%;
}
.charsheet .sheet-offset-1-13 {
margin-left: 7.69231%;
}
.charsheet .sheet-col-2-13 {
width: 15.38462%;
}
.charsheet .sheet-offset-2-13 {
margin-left: 15.38462%;
}
.charsheet .sheet-col-3-13 {
width: 23.07692%;
}
.charsheet .sheet-offset-3-13 {
margin-left: 23.07692%;
}
.charsheet .sheet-col-4-13 {
width: 30.76923%;
}
.charsheet .sheet-offset-4-13 {
margin-left: 30.76923%;
}
.charsheet .sheet-col-5-13 {
width: 38.46154%;
}
.charsheet .sheet-offset-5-13 {
margin-left: 38.46154%;
}
.charsheet .sheet-col-6-13 {
width: 46.15385%;
}
.charsheet .sheet-offset-6-13 {
margin-left: 46.15385%;
}
.charsheet .sheet-col-7-13 {
width: 53.84615%;
}
.charsheet .sheet-offset-7-13 {
margin-left: 53.84615%;
}
.charsheet .sheet-col-8-13 {
width: 61.53846%;
}
.charsheet .sheet-offset-8-13 {
margin-left: 61.53846%;
}
.charsheet .sheet-col-9-13 {
width: 69.23077%;
}
.charsheet .sheet-offset-9-13 {
margin-left: 69.23077%;
}
.charsheet .sheet-col-10-13 {
width: 76.92308%;
}
.charsheet .sheet-offset-10-13 {
margin-left: 76.92308%;
}
.charsheet .sheet-col-11-13 {
width: 84.61538%;
}
.charsheet .sheet-offset-11-13 {
margin-left: 84.61538%;
}
.charsheet .sheet-col-12-13 {
width: 92.30769%;
}
.charsheet .sheet-offset-12-13 {
margin-left: 92.30769%;
}
.charsheet .sheet-col-1-14 {
width: 7.14286%;
}
.charsheet .sheet-offset-1-14 {
margin-left: 7.14286%;
}
.charsheet .sheet-col-3-14 {
width: 21.42857%;
}
.charsheet .sheet-offset-3-14 {
margin-left: 21.42857%;
}
.charsheet .sheet-col-5-14 {
width: 35.71429%;
}
.charsheet .sheet-offset-5-14 {
margin-left: 35.71429%;
}
.charsheet .sheet-col-9-14 {
width: 64.28571%;
}
.charsheet .sheet-offset-9-14 {
margin-left: 64.28571%;
}
.charsheet .sheet-col-11-14 {
width: 78.57143%;
}
.charsheet .sheet-offset-11-14 {
margin-left: 78.57143%;
}
.charsheet .sheet-col-13-14 {
width: 92.85714%;
}
.charsheet .sheet-offset-13-14 {
margin-left: 92.85714%;
}
.charsheet .sheet-col-1-15 {
width: 6.66667%;
}
.charsheet .sheet-offset-1-15 {
margin-left: 6.66667%;
}
.charsheet .sheet-col-2-15 {
width: 13.33333%;
}
.charsheet .sheet-offset-2-15 {
margin-left: 13.33333%;
}
.charsheet .sheet-col-4-15 {
width: 26.66667%;
}
.charsheet .sheet-offset-4-15 {
margin-left: 26.66667%;
}
.charsheet .sheet-col-6-15 {
width: 40%;
}
.charsheet .sheet-offset-6-15 {
margin-left: 40%;
}
.charsheet .sheet-col-7-15 {
width: 46.66667%;
}
.charsheet .sheet-offset-7-15 {
margin-left: 46.66667%;
}
.charsheet .sheet-col-8-15 {
width: 53.33333%;
}
.charsheet .sheet-offset-8-15 {
margin-left: 53.33333%;
}
.charsheet .sheet-col-9-15 {
width: 60%;
}
.charsheet .sheet-offset-9-15 {
margin-left: 60%;
}
.charsheet .sheet-col-10-15 {
width: 66.66667%;
}
.charsheet .sheet-offset-10-15 {
margin-left: 66.66667%;
}
.charsheet .sheet-col-11-15 {
width: 73.33333%;
}
.charsheet .sheet-offset-11-15 {
margin-left: 73.33333%;
}
.charsheet .sheet-col-12-15 {
width: 80%;
}
.charsheet .sheet-offset-12-15 {
margin-left: 80%;
}
.charsheet .sheet-col-13-15 {
width: 86.66667%;
}
.charsheet .sheet-offset-13-15 {
margin-left: 86.66667%;
}
.charsheet .sheet-col-14-15 {
width: 93.33333%;
}
.charsheet .sheet-offset-14-15 {
margin-left: 93.33333%;
}
.charsheet .sheet-col-1-16 {
width: 6.25%;
}
.charsheet .sheet-offset-1-16 {
margin-left: 6.25%;
}
.charsheet .sheet-col-2-16 {
width: 12.5%;
}
.charsheet .sheet-offset-2-16 {
margin-left: 12.5%;
}
.charsheet .sheet-col-3-16 {
width: 18.75%;
}
.charsheet .sheet-offset-3-16 {
margin-left: 18.75%;
}
.charsheet .sheet-col-5-16 {
width: 31.25%;
}
.charsheet .sheet-offset-5-16 {
margin-left: 31.25%;
}
.charsheet .sheet-col-7-16 {
width: 43.75%;
}
.charsheet .sheet-offset-7-16 {
margin-left: 43.75%;
}
.charsheet .sheet-col-9-16 {
width: 56.25%;
}
.charsheet .sheet-offset-9-16 {
margin-left: 56.25%;
}
.charsheet .sheet-col-11-16 {
width: 68.75%;
}
.charsheet .sheet-offset-11-16 {
margin-left: 68.75%;
}
.charsheet .sheet-col-13-16 {
width: 81.25%;
}
.charsheet .sheet-offset-13-16 {
margin-left: 81.25%;
}
.charsheet .sheet-col-15-16 {
width: 93.75%;
}
.charsheet .sheet-offset-15-16 {
margin-left: 93.75%;
}
.charsheet .sheet-col-1-17 {
width: 5.88235%;
}
.charsheet .sheet-offset-1-17 {
margin-left: 5.88235%;
}
.charsheet .sheet-col-2-17 {
width: 11.76471%;
}
.charsheet .sheet-offset-2-17 {
margin-left: 11.76471%;
}
.charsheet .sheet-col-3-17 {
width: 17.64706%;
}
.charsheet .sheet-offset-3-17 {
margin-left: 17.64706%;
}
.charsheet .sheet-col-4-17 {
width: 23.52941%;
}
.charsheet .sheet-offset-4-17 {
margin-left: 23.52941%;
}
.charsheet .sheet-col-5-17 {
width: 29.41176%;
}
.charsheet .sheet-offset-5-17 {
margin-left: 29.41176%;
}
.charsheet .sheet-col-6-17 {
width: 35.29412%;
}
.charsheet .sheet-offset-6-17 {
margin-left: 35.29412%;
}
.charsheet .sheet-col-7-17 {
width: 41.17647%;
}
.charsheet .sheet-offset-7-17 {
margin-left: 41.17647%;
}
.charsheet .sheet-col-8-17 {
width: 47.05882%;
}
.charsheet .sheet-offset-8-17 {
margin-left: 47.05882%;
}
.charsheet .sheet-col-9-17 {
width: 52.94118%;
}
.charsheet .sheet-offset-9-17 {
margin-left: 52.94118%;
}
.charsheet .sheet-col-10-17 {
width: 58.82353%;
}
.charsheet .sheet-offset-10-17 {
margin-left: 58.82353%;
}
.charsheet .sheet-col-11-17 {
width: 64.70588%;
}
.charsheet .sheet-offset-11-17 {
margin-left: 64.70588%;
}
.charsheet .sheet-col-12-17 {
width: 70.58824%;
}
.charsheet .sheet-offset-12-17 {
margin-left: 70.58824%;
}
.charsheet .sheet-col-13-17 {
width: 76.47059%;
}
.charsheet .sheet-offset-13-17 {
margin-left: 76.47059%;
}
.charsheet .sheet-col-14-17 {
width: 82.35294%;
}
.charsheet .sheet-offset-14-17 {
margin-left: 82.35294%;
}
.charsheet .sheet-col-15-17 {
width: 88.23529%;
}
.charsheet .sheet-offset-15-17 {
margin-left: 88.23529%;
}
.charsheet .sheet-col-16-17 {
width: 94.11765%;
}
.charsheet .sheet-offset-16-17 {
margin-left: 94.11765%;
}
.charsheet .sheet-col-1-18 {
width: 5.55556%;
}
.charsheet .sheet-offset-1-18 {
margin-left: 5.55556%;
}
.charsheet .sheet-col-5-18 {
width: 27.77778%;
}
.charsheet .sheet-offset-5-18 {
margin-left: 27.77778%;
}
.charsheet .sheet-col-7-18 {
width: 38.88889%;
}
.charsheet .sheet-offset-7-18 {
margin-left: 38.88889%;
}
.charsheet .sheet-col-11-18 {
width: 61.11111%;
}
.charsheet .sheet-offset-11-18 {
margin-left: 61.11111%;
}
.charsheet .sheet-col-13-18 {
width: 72.22222%;
}
.charsheet .sheet-offset-13-18 {
margin-left: 72.22222%;
}
.charsheet .sheet-col-15-18 {
width: 83.33333%;
}
.charsheet .sheet-offset-15-18 {
margin-left: 83.33333%;
}
.charsheet .sheet-col-17-18 {
width: 94.44444%;
}
.charsheet .sheet-offset-17-18 {
margin-left: 94.44444%;
}
.charsheet .sheet-col-1-19 {
width: 5.26316%;
}
.charsheet .sheet-offset-1-19 {
margin-left: 5.26316%;
}
.charsheet .sheet-col-2-19 {
width: 10.52632%;
}
.charsheet .sheet-offset-2-19 {
margin-left: 10.52632%;
}
.charsheet .sheet-col-3-19 {
width: 15.78947%;
}
.charsheet .sheet-offset-3-19 {
margin-left: 15.78947%;
}
.charsheet .sheet-col-4-19 {
width: 21.05263%;
}
.charsheet .sheet-offset-4-19 {
margin-left: 21.05263%;
}
.charsheet .sheet-col-5-19 {
width: 26.31579%;
}
.charsheet .sheet-offset-5-19 {
margin-left: 26.31579%;
}
.charsheet .sheet-col-6-19 {
width: 31.57895%;
}
.charsheet .sheet-offset-6-19 {
margin-left: 31.57895%;
}
.charsheet .sheet-col-7-19 {
width: 36.84211%;
}
.charsheet .sheet-offset-7-19 {
margin-left: 36.84211%;
}
.charsheet .sheet-col-8-19 {
width: 42.10526%;
}
.charsheet .sheet-offset-8-19 {
margin-left: 42.10526%;
}
.charsheet .sheet-col-9-19 {
width: 47.36842%;
}
.charsheet .sheet-offset-9-19 {
margin-left: 47.36842%;
}
.charsheet .sheet-col-10-19 {
width: 52.63158%;
}
.charsheet .sheet-offset-10-19 {
margin-left: 52.63158%;
}
.charsheet .sheet-col-11-19 {
width: 57.89474%;
}
.charsheet .sheet-offset-11-19 {
margin-left: 57.89474%;
}
.charsheet .sheet-col-12-19 {
width: 63.15789%;
}
.charsheet .sheet-offset-12-19 {
margin-left: 63.15789%;
}
.charsheet .sheet-col-13-19 {
width: 68.42105%;
}
.charsheet .sheet-offset-13-19 {
margin-left: 68.42105%;
}
.charsheet .sheet-col-14-19 {
width: 73.68421%;
}
.charsheet .sheet-offset-14-19 {
margin-left: 73.68421%;
}
.charsheet .sheet-col-15-19 {
width: 78.94737%;
}
.charsheet .sheet-offset-15-19 {
margin-left: 78.94737%;
}
.charsheet .sheet-col-16-19 {
width: 84.21053%;
}
.charsheet .sheet-offset-16-19 {
margin-left: 84.21053%;
}
.charsheet .sheet-col-17-19 {
width: 89.47368%;
}
.charsheet .sheet-offset-17-19 {
margin-left: 89.47368%;
}
.charsheet .sheet-col-18-19 {
width: 94.73684%;
}
.charsheet .sheet-offset-18-19 {
margin-left: 94.73684%;
}
.charsheet .sheet-col-1-20 {
width: 5%;
}
.charsheet .sheet-offset-1-20 {
margin-left: 5%;
}
.charsheet .sheet-col-3-20 {
width: 15%;
}
.charsheet .sheet-offset-3-20 {
margin-left: 15%;
}
.charsheet .sheet-col-7-20 {
width: 35%;
}
.charsheet .sheet-offset-7-20 {
margin-left: 35%;
}
.charsheet .sheet-col-9-20 {
width: 45%;
}
.charsheet .sheet-offset-9-20 {
margin-left: 45%;
}
.charsheet .sheet-col-11-20 {
width: 55%;
}
.charsheet .sheet-offset-11-20 {
margin-left: 55%;
}
.charsheet .sheet-col-13-20 {
width: 65%;
}
.charsheet .sheet-offset-13-20 {
margin-left: 65%;
}
.charsheet .sheet-col-15-20 {
width: 75%;
}
.charsheet .sheet-offset-15-20 {
margin-left: 75%;
}
.charsheet .sheet-col-17-20 {
width: 85%;
}
.charsheet .sheet-offset-17-20 {
margin-left: 85%;
}
.charsheet .sheet-col-19-20 {
width: 95%;
}
.charsheet .sheet-offset-19-20 {
margin-left: 95%;
}
.charsheet .sheet-col-1-21 {
width: 4.7619%;
}
.charsheet .sheet-offset-1-21 {
margin-left: 4.7619%;
}
.charsheet .sheet-col-2-21 {
width: 9.52381%;
}
.charsheet .sheet-offset-2-21 {
margin-left: 9.52381%;
}
.charsheet .sheet-col-4-21 {
width: 19.04762%;
}
.charsheet .sheet-offset-4-21 {
margin-left: 19.04762%;
}
.charsheet .sheet-col-5-21 {
width: 23.80952%;
}
.charsheet .sheet-offset-5-21 {
margin-left: 23.80952%;
}
.charsheet .sheet-col-6-21 {
width: 28.57143%;
}
.charsheet .sheet-offset-6-21 {
margin-left: 28.57143%;
}
.charsheet .sheet-col-8-21 {
width: 38.09524%;
}
.charsheet .sheet-offset-8-21 {
margin-left: 38.09524%;
}
.charsheet .sheet-col-9-21 {
width: 42.85714%;
}
.charsheet .sheet-offset-9-21 {
margin-left: 42.85714%;
}
.charsheet .sheet-col-10-21 {
width: 47.61905%;
}
.charsheet .sheet-offset-10-21 {
margin-left: 47.61905%;
}
.charsheet .sheet-col-11-21 {
width: 52.38095%;
}
.charsheet .sheet-offset-11-21 {
margin-left: 52.38095%;
}
.charsheet .sheet-col-12-21 {
width: 57.14286%;
}
.charsheet .sheet-offset-12-21 {
margin-left: 57.14286%;
}
.charsheet .sheet-col-13-21 {
width: 61.90476%;
}
.charsheet .sheet-offset-13-21 {
margin-left: 61.90476%;
}
.charsheet .sheet-col-14-21 {
width: 66.66667%;
}
.charsheet .sheet-offset-14-21 {
margin-left: 66.66667%;
}
.charsheet .sheet-col-15-21 {
width: 71.42857%;
}
.charsheet .sheet-offset-15-21 {
margin-left: 71.42857%;
}
.charsheet .sheet-col-16-21 {
width: 76.19048%;
}
.charsheet .sheet-offset-16-21 {
margin-left: 76.19048%;
}
.charsheet .sheet-col-17-21 {
width: 80.95238%;
}
.charsheet .sheet-offset-17-21 {
margin-left: 80.95238%;
}
.charsheet .sheet-col-18-21 {
width: 85.71429%;
}
.charsheet .sheet-offset-18-21 {
margin-left: 85.71429%;
}
.charsheet .sheet-col-19-21 {
width: 90.47619%;
}
.charsheet .sheet-offset-19-21 {
margin-left: 90.47619%;
}
.charsheet .sheet-col-20-21 {
width: 95.2381%;
}
.charsheet .sheet-offset-20-21 {
margin-left: 95.2381%;
}
.charsheet .sheet-col-1-22 {
width: 4.54545%;
}
.charsheet .sheet-offset-1-22 {
margin-left: 4.54545%;
}
.charsheet .sheet-col-3-22 {
width: 13.63636%;
}
.charsheet .sheet-offset-3-22 {
margin-left: 13.63636%;
}
.charsheet .sheet-col-5-22 {
width: 22.72727%;
}
.charsheet .sheet-offset-5-22 {
margin-left: 22.72727%;
}
.charsheet .sheet-col-7-22 {
width: 31.81818%;
}
.charsheet .sheet-offset-7-22 {
margin-left: 31.81818%;
}
.charsheet .sheet-col-9-22 {
width: 40.90909%;
}
.charsheet .sheet-offset-9-22 {
margin-left: 40.90909%;
}
.charsheet .sheet-col-13-22 {
width: 59.09091%;
}
.charsheet .sheet-offset-13-22 {
margin-left: 59.09091%;
}
.charsheet .sheet-col-15-22 {
width: 68.18182%;
}
.charsheet .sheet-offset-15-22 {
margin-left: 68.18182%;
}
.charsheet .sheet-col-17-22 {
width: 77.27273%;
}
.charsheet .sheet-offset-17-22 {
margin-left: 77.27273%;
}
.charsheet .sheet-col-19-22 {
width: 86.36364%;
}
.charsheet .sheet-offset-19-22 {
margin-left: 86.36364%;
}
.charsheet .sheet-col-21-22 {
width: 95.45455%;
}
.charsheet .sheet-offset-21-22 {
margin-left: 95.45455%;
}
.charsheet .sheet-col-1-23 {
width: 4.34783%;
}
.charsheet .sheet-offset-1-23 {
margin-left: 4.34783%;
}
.charsheet .sheet-col-2-23 {
width: 8.69565%;
}
.charsheet .sheet-offset-2-23 {
margin-left: 8.69565%;
}
.charsheet .sheet-col-3-23 {
width: 13.04348%;
}
.charsheet .sheet-offset-3-23 {
margin-left: 13.04348%;
}
.charsheet .sheet-col-4-23 {
width: 17.3913%;
}
.charsheet .sheet-offset-4-23 {
margin-left: 17.3913%;
}
.charsheet .sheet-col-5-23 {
width: 21.73913%;
}
.charsheet .sheet-offset-5-23 {
margin-left: 21.73913%;
}
.charsheet .sheet-col-6-23 {
width: 26.08696%;
}
.charsheet .sheet-offset-6-23 {
margin-left: 26.08696%;
}
.charsheet .sheet-col-7-23 {
width: 30.43478%;
}
.charsheet .sheet-offset-7-23 {
margin-left: 30.43478%;
}
.charsheet .sheet-col-8-23 {
width: 34.78261%;
}
.charsheet .sheet-offset-8-23 {
margin-left: 34.78261%;
}
.charsheet .sheet-col-9-23 {
width: 39.13043%;
}
.charsheet .sheet-offset-9-23 {
margin-left: 39.13043%;
}
.charsheet .sheet-col-10-23 {
width: 43.47826%;
}
.charsheet .sheet-offset-10-23 {
margin-left: 43.47826%;
}
.charsheet .sheet-col-11-23 {
width: 47.82609%;
}
.charsheet .sheet-offset-11-23 {
margin-left: 47.82609%;
}
.charsheet .sheet-col-12-23 {
width: 52.17391%;
}
.charsheet .sheet-offset-12-23 {
margin-left: 52.17391%;
}
.charsheet .sheet-col-13-23 {
width: 56.52174%;
}
.charsheet .sheet-offset-13-23 {
margin-left: 56.52174%;
}
.charsheet .sheet-col-14-23 {
width: 60.86957%;
}
.charsheet .sheet-offset-14-23 {
margin-left: 60.86957%;
}
.charsheet .sheet-col-15-23 {
width: 65.21739%;
}
.charsheet .sheet-offset-15-23 {
margin-left: 65.21739%;
}
.charsheet .sheet-col-16-23 {
width: 69.56522%;
}
.charsheet .sheet-offset-16-23 {
margin-left: 69.56522%;
}
.charsheet .sheet-col-17-23 {
width: 73.91304%;
}
.charsheet .sheet-offset-17-23 {
margin-left: 73.91304%;
}
.charsheet .sheet-col-18-23 {
width: 78.26087%;
}
.charsheet .sheet-offset-18-23 {
margin-left: 78.26087%;
}
.charsheet .sheet-col-19-23 {
width: 82.6087%;
}
.charsheet .sheet-offset-19-23 {
margin-left: 82.6087%;
}
.charsheet .sheet-col-20-23 {
width: 86.95652%;
}
.charsheet .sheet-offset-20-23 {
margin-left: 86.95652%;
}
.charsheet .sheet-col-21-23 {
width: 91.30435%;
}
.charsheet .sheet-offset-21-23 {
margin-left: 91.30435%;
}
.charsheet .sheet-col-22-23 {
width: 95.65217%;
}
.charsheet .sheet-offset-22-23 {
margin-left: 95.65217%;
}
.charsheet .sheet-col-1-24 {
width: 4.16667%;
}
.charsheet .sheet-offset-1-24 {
margin-left: 4.16667%;
}
.charsheet .sheet-col-5-24 {
width: 20.83333%;
}
.charsheet .sheet-offset-5-24 {
margin-left: 20.83333%;
}
.charsheet .sheet-col-7-24 {
width: 29.16667%;
}
.charsheet .sheet-offset-7-24 {
margin-left: 29.16667%;
}
.charsheet .sheet-col-9-24 {
width: 37.5%;
}
.charsheet .sheet-offset-9-24 {
margin-left: 37.5%;
}
.charsheet .sheet-col-11-24 {
width: 45.83333%;
}
.charsheet .sheet-offset-11-24 {
margin-left: 45.83333%;
}
.charsheet .sheet-col-13-24 {
width: 54.16667%;
}
.charsheet .sheet-offset-13-24 {
margin-left: 54.16667%;
}
.charsheet .sheet-col-15-24 {
width: 62.5%;
}
.charsheet .sheet-offset-15-24 {
margin-left: 62.5%;
}
.charsheet .sheet-col-17-24 {
width: 70.83333%;
}
.charsheet .sheet-offset-17-24 {
margin-left: 70.83333%;
}
.charsheet .sheet-col-19-24 {
width: 79.16667%;
}
.charsheet .sheet-offset-19-24 {
margin-left: 79.16667%;
}
.charsheet .sheet-col-21-24 {
width: 87.5%;
}
.charsheet .sheet-offset-21-24 {
margin-left: 87.5%;
}
.charsheet .sheet-col-23-24 {
width: 95.83333%;
}
.charsheet .sheet-offset-23-24 {
margin-left: 95.83333%;
}
.charsheet .sheet-row-r {
letter-spacing: -0.31em;
*letter-spacing: normal;
word-spacing: -0.43em;
}
.charsheet .sheet-opera-only :-o-prefocus, .charsheet .sheet-row-r {
word-spacing: -0.43em;
}
.charsheet .sheet-row-r img {
max-width: 100%;
}
/* End custom Pure grid css (24 cols) */
/* Roll templates */
.sheet-rolltemplate-hm_spell table,
.sheet-rolltemplate-hm_std table {
width: 100%;
padding: 2px;
background:url(https://i.imgur.com/j2D6vR4.jpg) top left repeat;
}
.sheet-rolltemplate-hm_spell th,
.sheet-rolltemplate-hm_std th {
color: rgb(233, 223, 151);
background-color: rgb(63, 32, 33);
padding-left: 5px;
line-height: 1.1em;
font-size: 1em;
text-align: left;
font-family: "Arial", Helvetica, sans-serif;
font-style: italic;
text-transform: uppercase;
}
.sheet-rolltemplate-hm_spell .sheet-arrow-right,
.sheet-rolltemplate-hm_std .sheet-arrow-right {
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 180px solid rgb(126, 45, 64);
}
.sheet-rolltemplate-hm_spell .sheet-tcat,
.sheet-rolltemplate-hm_std .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-hm_spell td,
.sheet-rolltemplate-hm_std td {
padding-left: 5px;
font-size: 0.9em;
}
.sheet-rolltemplate-hm_std .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-hm_std .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-hm_std .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-hm_std .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
.sheet-rolltemplate-hm_std img {
height: 1em;
}