/* 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; }