/*None of this font stuff works*/ @font-face { font-style:normal; font-weight:400; src:local('Nova Cut Book'), local('NovaCutBook-Regular'),url(http://openfontlibrary.org/assets/fonts/nova/9fea9bf34ffdc4d4c44a8502d0deb44b/705bea8a3de102e01c88119e1e36fa4e/NovaCutBook.ttf) format('truetype'); } .charsheet .sheet-outer-div { vertical-align: top; width:100%; font-family:'Nova Cut Book'; font-family:'Lucida Handwriting'; /*color: silver;*/ /*Following Actoba's overall-wrapper */ max-width: 839px; padding: 0px; margin: 0px; text-align: center; } .charsheet .sheet-separator { height: 2px; border-width: 0px; background-color: gold; width: 100%; } .charsheet { } .charsheet .sheet-outer-div ::-webkit-input-placeholder { color: rgba(220, 80, 80, 0.7); } .charsheet .sheet-outer-div :-moz-placeholder { /* Firefox 18- */ color: rgba(220, 80, 80, 0.7); } .charsheet .sheet-outer-div ::-moz-placeholder { /* Firefox 19+ */ color: rgba(220, 80, 80, 0.7); } .charsheet .sheet-outer-div :-ms-input-placeholder { color: rgba(220, 80, 80, 0.7); } .charsheet .sheet-outer-div .sheet-white-font { color: white!important; } .charsheet div[class^="repcontrol"] { margin-bottom: 5px; } .charsheet .sheet-outer-div .sheet-vcenter { margin-left: auto; margin-right: auto; width: 100%; } .charsheet .sheet-outer-div .sheet-skills .sheet-max-ranks { width: 2.5em; } .charsheet .sheet-outer-div .sheet-skills td[name$="mod_table_data"] { display: none; } .charsheet .sheet-outer-div .sheet-skills input[name$="attr_mod"] { display: none; } .charsheet .sheet-outer-div .sheet-skills .sheet-skill-total { width: 2.5em; } .charsheet .sheet-outer-div .sheet-skills thead { font-size: 14px; font-weight: 400; } .charsheet .sheet-basic-info img { /*margin-left: calc(30% - 200px); position: relative; right: 30px; bottom: 10px;*/ } .charsheet .sheet-basic-info { /*margin: 10px 0 -10px 0;*/ width: 100%; } .charsheet div.sheet-basic-info { text-align: center; } .charsheet .sheet-basic-info span { /*float: left;*/ } .charsheet .sheet-outer-div .sheet-pull-up { position: relative; bottom: 10px; } .charsheet .sheet-basic-left { /* position: relative; bottom: 0px; left: 0px;*/ width: 30%; display: inline; float: left; } .charsheet .sheet-outer-div .sheet-basic-left label input { /*width: 250px; padding: 0px;*/ width: 250px;} .charsheet .sheet-basic-right { float: right; width: 30%; display: inline; } .charsheet .sheet-basic-right-top { margin-left: auto; margin-right: auto; width: 100%; } .charsheet .sheet-basic-left-top { margin: 0 0px 5px 0; width: 100%; } .charsheet .sheet-basic-right-bottom { margin: 5px 0px 0 0px; margin-left: auto; margin-right: auto; width: 100%; } .charsheet .sheet-basic-left-bottom { position: relative; top: 5px; width: 100%; } .charsheet .sheet-groundspeed, .charsheet .sheet-travelspeed { min-width: 4em; } .charsheet .sheet-outer-div .sheet-skills td { min-width:1em; } .charsheet .sheet-outer-div div , .charsheet .sheet-outer-div label , .charsheet .sheet-outer-div select { display:inline-block; font-family: 'Nova Cut Book'; /* WHY won't this WORK??*/ } .charsheet .sheet-outer-div div.sheet-narrow-column { width:38%; /*background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg");*/ text-align: center; } .charsheet .sheet-outer-div div.sheet-combat { text-align: center; } .charsheet .sheet-grouping { border: thin solid; border-color: gold; padding: 6px; border-radius: 6px; -moz-border-radius: 6px; /*background-color: rgba(255,20,20,0.65);*/ /*background-color: rgba(255,255,255,0.85);*/ /*background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg");*/ background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg"), url("http://i.imgur.com/3j0odzF.jpg"); } .charsheet .sheet-outer-div .sheet-weapon-table .sheet-table-center { margin-left:auto; margin-right:auto; color: black; border: 0px ; display: table-cell; /* might need its own class */ } .charsheet .sheet-outer-div div.sheet-wide-column { width:48%; vertical-align:top; text-align: center; } .charsheet .sheet-outer-div .sheet-title { font-family:'Nova Cut Book'; font-size:x-large; } .charsheet .sheet-outer-div .sheet-subtitle { font-family:'BadNeighborhoodBadLightRegular'; font-size: x-large; background-color:silver; border-radius: 4px; padding: 2px; display: inline-block; } .charsheet .sheet-outer-div .sheet-table-heading { color: black; font-family: regular; font-size: small; text-align: center; } .charsheet .sheet-outer-div .sheet-higher { vertical-align: 85%;/*top:-20px;*/ } .charsheet .sheet-outer-div label { font-size:small; font-weight:normal; width:initial; } .charsheet .sheet-outer-div .sheet-attr-label { font-family:'Nova Cut Book'; font-family:'BadNeighborhoodBadLightRegular'; font-size:large; width:3em; vertical-align: middle; } .charsheet .sheet-outer-div .sheet-field-label { font-family:'IM Fell English SC'; font-size: small; } .charsheet .sheet-outer-div .sheet-title-checkbox .sheet-field-label { padding:0 1em 0 0; } .charsheet .sheet-outer-div .sheet-attributes tbody td { font-size:x-large; font-weight:bold; } .charsheet .sheet-outer-div .sheet-attributes tbody td input { font-size:x-large; } .charsheet .sheet-outer-div .sheet-hidden { display:none; } .charsheet .sheet-outer-div .sheet-hidden-button-hack { display:none; } .charsheet button[type=roll].sheet-check-roll-button::before { font-family: 'BadNeighborhoodBadLightRegular'; content: attr(title); white-space: pre; /* To allow carriage-return */ font-size: 0.75em; } .charsheet .sheet-outer-div .sheet-interests-center { vertical-align: middle; display: table-cell; padding: 2px; } .charsheet .sheet-outer-div input, .charsheet .sheet-outer-div input[type=number], .charsheet .sheet-outer-div select { width: 3em; font-family: 'Patrick Hand SC'; font-size: medium; margin-bottom: 0; } .charsheet .sheet-defense-group .sheet-left-input { margin: 0 -12px 0 0; } .charsheet .sheet-defense-group .sheet-right-input { margin: 0 0 0 -12px; } .charsheet .sheet-outer-div input[type=text] { font-size: medium; } .charsheet input.sheet-char-type, .charsheet span.sheet-char-type { width: 50px; height: 20px; } .charsheet input.sheet-char-type { cursor: pointer; opacity: 0; z-index: 9999; position: relative; left: 35px; } .charsheet span.sheet-char-type { text-align: center; font-size: 18px; background: rgb(255,220,40); /* dull gold */ color: rgb(20,20,255); font-weight: regular; border-radius: 4px; /*cursor: pointer;*/ position: relative; padding: 3px; right: 25px; } .charsheet .sheet-outer-div .sheet-special { text-align: left; } .charsheet .sheet-outer-div input.sheet-char-type:not(:checked) + span.sheet-char-type { opacity: 0.5; } .charsheet .sheet-outer-div input.sheet-char-type:checked + span.sheet-char-type { opacity: 1.0; } .charsheet .sheet-outer-div input.sheet-standard-select:checked ~ div.sheet-special { display: none; } .charsheet .sheet-outer-div input.sheet-special-select:checked ~ div.sheet-standard { display: none; } .charsheet .sheet-outer-div .sheet-no-margin { margin: 0 0 0 0; padding: 0; } .charsheet .sheet-outer-div .sheet-no-margin-sides { margin: 0 0 0 0; padding: 0px; padding-top: 3px; padding-bottom: 3px; } .charsheet .sheet-outer-div .sheet-min-margin { margin: 0 0 0 0; padding: 0px; padding-top: 5px; padding-bottom: 5px; } .charsheet .sheet-outer-div .sheet-default-margin { padding-top: initial; padding-bottom: initial; } .charsheet .sheet-outer-div .sheet-interest-fields { width: 12em; width: 150px; margin: 1px; padding: 0px; } /*----------- Logo Configuration Info -----------*/ .charsheet div.sheet-SWD, .charsheet div.sheet-PotSM { max-width: 250px; /*max-height: 100px;*/ margin-left: auto; margin-right: auto; display: none; } .sheet-ShowLogo input[value="1"]:checked ~ .sheet-SWD{ display: block; } .sheet-ShowLogo input[value="2"]:checked ~ .sheet-PotSM{ display: block; } /*----------- END Logo Configuration Info -----------*/ .charsheet .sheet-outer-div .sheet-13_5em { width:13.5em; } .charsheet .sheet-outer-div .sheet-5em { width: 5em; } .charsheet .sheet-outer-div .sheet-135px { width: 135px; } .charsheet .sheet-outer-div .sheet-652px { width: 652px; } .charsheet .sheet-outer-div input[type=number].sheet-15em { width:15em; } .charsheet .sheet-outer-div .sheet-11em { width: 11em; } .charsheet .sheet-outer-div .sheet-8em { width: 8em; } .charsheet .sheet-outer-div .sheet-2_5em { width: 2.5em; } .charsheet .sheet-outer-div .sheet-24_5em { width:24.5em; } .charsheet .sheet-outer-div .sheet-25em { width:25em; } .charsheet .sheet-outer-div .sheet-25_5em { width:25.5em; } .charsheet .sheet-outer-div .sheet-31em { width:31em; } .charsheet .sheet-outer-div .sheet-31_5em { width: 31.5em; } .charsheet .sheet-outer-div .sheet-32em { width: 32em; } .charsheet .sheet-outer-div .sheet-33em { width: 33em; } .charsheet .sheet-outer-div .sheet-34_5em { width: 34.5em; } .charsheet .sheet-outer-div .sheet-3_3em { width: 3.3em; } .charsheet .sheet-outer-div .sheet-3_5em { width: 3_5em; } .charsheet .sheet-outer-div .sheet-3em { width: 3em; } .charsheet .sheet-outer-div .sheet-2em { width: 2em; } .charsheet .sheet-outer-div .sheet-weight { width: 4em; } .charsheet .sheet-outer-div .sheet-200px { width:200px; } .charsheet .sheet-outer-div input[type=number].sheet-number-2em { width:2em; } .charsheet .sheet-outer-div input[class=sheet-error], .charsheet .sheet-outer-div input[class=sheet-error-untrained] { width: 2em; } .charsheet .sheet-outer-div div.sheet-error-cell { width: 2em; height:2em; } .charsheet .sheet-outer-div input[type=number].sheet-number-2_5em { width:2.5em; } .charsheet .sheet-outer-div input[type=number].sheet-number-3em { width: 3em; } .charsheet .sheet-outer-div .sheet-4em { width:4em; } .charsheet .sheet-outer-div input[type=number].sheet-experience { width: 4em; } .charsheet .sheet-outer-div .sheet-narrow-text { width: 32%; } .charsheet .sheet-outer-div .sheet-align-block { display: inline-block; margin: 0 auto; vertical-align: middle; } .charsheet .sheet-outer-div .sheet-narrow-text-1 { width: 100%; } .charsheet .sheet-outer-div .sheet-narrow-text-2 { width: 80%; } .charsheet .sheet-outer-div .sheet-150px { width:150px; } .charsheet .sheet-outer-div .sheet-alignment { width: 150px; margin-right: -2px; } .charsheet .sheet-outer-div .sheet-qualities { width: 370px; } .charsheet .sheet-outer-div { } .charsheet span.sheet-5pxshim { display: block; margin-left: 5px; } /* START New Stuff */ .charsheet .sheet-outer-div .sheet-padl{ padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .charsheet .sheet-outer-div .sheet-padr{ padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .charsheet .sheet-outer-div .sheet-margin-botom { 5px; } .charsheet .sheet-outer-div .sheet-padt{ padding-top:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .charsheet .sheet-outer-div .sheet-padb{ padding-bottom:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .charsheet .sheet-outer-div button, .charsheet .sheet-outer-div input, .charsheet .sheet-outer-div select, .charsheet .sheet-outer-div textarea, /* Actoba */ .charsheet .sheet-outer-div .sheet-row [class *= "sheet-col"], .charsheet [class *= "sheet-col"] { font-size: 12px; } .charsheet .sheet-outer-div .sheet-small-label { /* Actoba */ font-size: 85%!important; font-style: italic; font-weight: 800; } .charsheet .sheet-outer-div .sheet-vert-bottom { /* Actoba */ vertical-align: bottom!important; } .charsheet .sheet-outer-div .sheet-spell-header { /* Actoba */ background-color: #c7d1bf; vertical-align: bottom; border-radius: 12px; margin-bottom: 3px; margin-top: 3px; font-family: 'IM Fell English SC'; /* So sick of this font $#!t */ } .charsheet .sheet-outer-div .sheet-condition-grade { width: 41px; } .charsheet .sheet-outer-div .sheet-conditions { width: 75%; } .charsheet .sheet-outer-div .sheet-weapon-table { border: 1px solid gold; margin-left:auto; margin-right:auto; display: inline-block!important; } .charsheet .sheet-outer-div .sheet-weapon-header { width: 57%; } .charsheet .sheet-outer-div .sheet-weapon-header-img { width: 20%; display: inline; vertical-align: middle; } .charsheet .sheet-outer-div .sheet-weapon-damage { width: 65px; } charsheet .sheet-outer-div .sheet-weapon-damage-placeholder { } .charsheet .sheet-outer-div table { border-collapse: collapse; width: 20px; /*border-radius: 3px; -moz-border-radius: 3px; padding: 1px;*/ } .charsheet .sheet-outer-div table, th { border: 1px solid black; } .charsheet .sheet-outer-div table.sheet-skill-table { border: 1px solid ; position: relative; text-align: center; /*right: 15px; margin: 0 -5px 0 -3px;*/ } .charsheet .sheet-skills { text-align: left; position: relative; } .charsheet .sheet-outer-div input[class=sheet-threat] { width: 2em; margin-left: 0px; margin-right: 0px; padding-left: 1px; padding-right: 0px; } .charsheet .sheet-outer-div .sheet-skills .sheet-threat { width: 2em; } .charsheet .sheet-outer-div input[class=sheet-ranks] { width: 2.2em; margin-left: 0px; margin-right: 0px; padding-left: 1px; padding-right: 0px; } .charsheet .sheet-outer-div .sheet-skill-attr { width: 4.1em; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; text-indent: 0px; font-size: 90%; } .charsheet .sheet-outer-div td { padding: 2px; /*background-color: rgb(250,250,244);*/ /*background-color: rgba(255,20,20,0.65);*/ } .charsheet .sheet-outer-div .sheet-table-background { /*background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg");*/ background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg"), url("http://i.imgur.com/3j0odzF.jpg"); } .charsheet .sheet-outer-div .sheet-saves tbody, .charsheet .sheet-outer-div .sheet-saves td { padding: 2px; /*background-color: rgb(250,250,244);*/ /*background-color: rgba(255,200,20,0.7);*/ border: 0px!important; } .charsheet .sheet-outer-div th { padding: 2px; background-color: silver; border-right: 1px solid black; border-top: 1px solid gold; border-top-color: rgba(0,0,0,0); border-bottom: 0px solid black; } .charsheet .sheet-table-title { font-size: large; font-weight: bold; } .charsheet .sheet-repeating-field-title { font-size: medium; font-weight: bold; } .charsheet .sheet-attack-bonuses table, .charsheet .sheet-proficiency-table table { font-size: small; font-weight: normal; border-color:gold; } .charsheet .sheet-outer-div .sheet-attack-bonuses { margin: 0 -0px 0 -0px; position: relative; right: 0px; } .charsheet .sheet-outer-div .sheet-proficiency-table { margin: 0 -25px 0 -1px; } .charsheet .sheet-outer-div select.sheet-proficiency { width: auto; width: 66px; } .charsheet .sheet-outer-div input.sheet-forte { position: relative; top:0px; left:10px; } .charsheet .sheet-outer-div .sheet-armor-header-img { padding-left: 13px; padding-right: 13px; width: 6%; display: inline;vertical-align: text-bottom; } .charsheet .sheet-outer-div .sheet-weapon-table { padding: 0; margin: 0; border-radius: 6px; } .charsheet .sheet-outer-div .sheet-weapon-element { margin: 2px -2px 0 -2px; } .charsheet .sheet-outer-div .sheet-weapon-element2 { margin: 0px 0px 0px 0px; } /* */ .charsheet .sheet-outer-div table.sheet-fc_actions { width: 83%; display: inline-block; border: 0px; border-bottom: 1px solid gold; border-left: 1px solid gold; border-right: 1px solid gold; } .charsheet .sheet-outer-div table.sheet-fc_actions td { width: 83%; } .charsheet .sheet-outer-div table.sheet-fc_actions th { border-right: 1px solid black; } .charsheet .sheet-outer-div .sheet-defense-group { float: left; text-align:left; } .charsheet .sheet-outer-div input[class=sheet-origin]:checked ~ input[class=sheet-error], .charsheet .sheet-outer-div input[class=sheet-origin]:not(:checked) ~ input[class=sheet-error-untrained] { display: inline; } .charsheet .sheet-outer-div input[class=sheet-origin]:checked ~ input[class=sheet-error-untrained], .charsheet .sheet-outer-div input[class=sheet-origin]:not(:checked) ~ input[class=sheet-error] { display: none; } .charsheet .sheet-outer-div input[class="sheet-origin"] {/* position: relative; left: -1415%; top: 8px;*/ } .charsheet .sheet-outer-div div input[class=sheet-error], .charsheet .sheet-outer-div div input[class=sheet-error-untrained] { /*position: relative; bottom: 16px; / jsFiddle needs 9 for proper alignment? / right: 2px; width: 2em; vertical-align: top; margin-left: 0px; margin-right: 0px; padding-left: 1px; padding-right: 0px;*/ } .charsheet .sheet-outer-div input[class=sheet-spell-origin]:checked ~ input[class=sheet-spell-skills], .charsheet .sheet-outer-div input[class=sheet-spell-origin]:not(:checked) ~ input[class=sheet-spell-untrained] { display: inline; } .charsheet .sheet-outer-div input[class=sheet-spell-origin]:checked ~ input[class=sheet-spell-untrained], .charsheet .sheet-outer-div input[class=sheet-spell-origin]:not(:checked) ~ input[class=sheet-spell-skills] { /*display: none;*/ } .charsheet .sheet-inputs { width: 100%; text-align: center; } .charsheet .sheet-outer-div .sheet-label-adjust { position: relative; left: 30px; } .charsheet .sheet-outer-div .sheet-left { text-align: left; } .charsheet .sheet-inputs label { width: 12%; text-align: inherit; padding: 0px; margin-bottom: 5px; } .charsheet .sheet-inputs span { padding: 0px!important; } .charsheet .sheet-outer-div input.sheet-spellvisibility { float: left; } .charsheet div.sheet-spellbook { width: 100%; } .charsheet .sheet-outer-div input.sheet-spellvisibility:not(:checked) ~ div.sheet-spellbook { display: none; } /* Hide actual checkbox */ .charsheet .sheet-outer-div input[class="sheet-spellvisibility"] { opacity: 0; /* critical */ width: 18px; height: 18px; position: relative; top: -2px; left: 36px; margin-left: -30px; z-index: 9999; /* critical */ } /* Fake checkbox */ .charsheet .sheet-outer-div input[class="sheet-spellvisibility"] + span::before { content: "[show]"; color: white; right: 80px; font-family: normal; width: 12px; height: 12px; font-size: 12px; cursor: pointer; } .charsheet .sheet-outer-div input[class="sheet-spellvisibility"]:checked + span::before { content: "[hide]"; color: white; width: 12px; height: 12px; font-size: 12px; position: relative; right: 0px; font-family: normal; vertical-align: top; cursor: pointer; } /* A cool technique for adding our own attribute defined titles .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol { overflow: hidden; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol:after { overflow: hidden; padding: 2px; display:none; position: relative; top: -30px; right: -30px; height: 20px; width: 10%; text-align: center; background-color: #fef4c5; border: 1px solid #d4b943; border-radius: 2px; font-size: 12px!important; font-weight: 800!important; z-index: 9999; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol:hover:after { display: block; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol:after { content: attr(data-title); } */ /* .charsheet .sheet-outer-div .sheet-fieldset-title { visibility: hidden; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"].repcontrol + span.sheet-fieldset-title { position: relative; bottom: 20px; right: 85px; visibility: visible; }*/ /*.charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .repcontrol_add { width: 45px!important; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .repcontrol_add:hover:before { float: position: relative; bottom: 20px; right: 5px; content: "Click to add a track of Renown"; }*/ /* .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] { color: #900; text-decoration: none; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"]:hover { color: red; position: relative; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"][data-title]:hover:after { content: attr(data-title); padding: 4px 8px; color: #333; position: absolute; left: 0; top: 100%; white-space: nowrap; z-index: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); }*/ /* END New Stuff */ /* Many thanks to Actoba for the use of his excellent Spellbook section modified for FC !! */ .charsheet button.sheet-roll { font-size: 12px!important; /* This is doing diddly squat */ /* Internet Explorer 10 */ /*height:100%;*/ display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; /* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari, Opera, and Chrome */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; /* W3C */ display:box; box-pack:center; box-align:center; } .charsheet .sheet-outer-div span.sheet-spacer { display: block; margin-top: 5px; } .charsheet .sheet-outer-div div.sheet-center { text-align: center; /*border: 1px solid;*/ } .charsheet .sheet-outer-div button.sheet-roll { display: inline-block; } .charsheet .sheet-outer-div button.sheet-button-middle { position: relative; top: 40px; } /* Spell Page Settings */ .charsheet .sheet-outer-div div[class^="sheet-spell-page"] { width: 100%!important; } .charsheet .sheet-outer-div div[class^="sheet-spell-page"] { visibility: hidden; opacity: 0; max-height: 0px; overflow: hidden; display: none; } .charsheet .sheet-outer-div input.sheet-spelltab0:checked ~ div.sheet-spell-page0, .charsheet .sheet-outer-div input.sheet-spelltab1:checked ~ div.sheet-spell-page1, .charsheet .sheet-outer-div input.sheet-spelltab2:checked ~ div.sheet-spell-page2, .charsheet .sheet-outer-div input.sheet-spelltab3:checked ~ div.sheet-spell-page3, .charsheet .sheet-outer-div input.sheet-spelltab4:checked ~ div.sheet-spell-page4, .charsheet .sheet-outer-div input.sheet-spelltab5:checked ~ div.sheet-spell-page5, .charsheet .sheet-outer-div input.sheet-spelltab6:checked ~ div.sheet-spell-page6, .charsheet .sheet-outer-div input.sheet-spelltab7:checked ~ div.sheet-spell-page7, .charsheet .sheet-outer-div input.sheet-spelltab8:checked ~ div.sheet-spell-page8, .charsheet .sheet-outer-div input.sheet-spelltab9:checked ~ div.sheet-spell-page9, .charsheet .sheet-outer-div input.sheet-spelltabpaths:checked ~ div.sheet-spell-pagepaths { max-height: 999999px; visibility: visible; opacity: 1; display: block; transition: opacity 0.5s linear 0s; width: 100%; } .charsheet .sheet-outer-div input.sheet-spelltab99:checked ~ div[class^="sheet-spell-page"] { max-height: 999999px; visibility: visible; opacity: 1; display: block; transition: opacity 0.5s linear 0s; } .charsheet .sheet-outer-div input.sheet-spelltab0:checked ~ span.sheet-spelltab0, .charsheet .sheet-outer-div input.sheet-spelltab1:checked ~ span.sheet-spelltab1, .charsheet .sheet-outer-div input.sheet-spelltab2:checked ~ span.sheet-spelltab2, .charsheet .sheet-outer-div input.sheet-spelltab3:checked ~ span.sheet-spelltab3, .charsheet .sheet-outer-div input.sheet-spelltab4:checked ~ span.sheet-spelltab4, .charsheet .sheet-outer-div input.sheet-spelltab5:checked ~ span.sheet-spelltab5, .charsheet .sheet-outer-div input.sheet-spelltab6:checked ~ span.sheet-spelltab6, .charsheet .sheet-outer-div input.sheet-spelltab7:checked ~ span.sheet-spelltab7, .charsheet .sheet-outer-div input.sheet-spelltab8:checked ~ span.sheet-spelltab8, .charsheet .sheet-outer-div input.sheet-spelltab9:checked ~ span.sheet-spelltab9, .charsheet .sheet-outer-div input.sheet-spelltabpaths:checked ~ span.sheet-spelltabpaths, .charsheet .sheet-outer-div input.sheet-spelltab99:checked ~ span.sheet-spelltab99 { background: rgb(255,78,30); /* rgb(0,158,115) turquoise green */ color: white; border-radius: 4px; opacity: 1; } .charsheet .sheet-outer-div div[class^="sheet-spell-page"] { font-family: 'IM Fell English SC'; } .charsheet .sheet-outer-div input.sheet-spellpagetab { width: 70px; height: 20px; cursor: pointer; position: relative; opacity: 0; z-index: 9999; top: 5; width: 9%; padding-left: 0px; padding-right: 0px; margin-right: 0px; border-left: 0px; border-right: 0px; left: 13px; } .charsheet .sheet-outer-div input.sheet-spellpagetabrow2 { height: 20px; cursor: pointer; position: relative; opacity: 0; z-index: 9999; top: 5; padding-left: 0px; padding-right: 0px; width: 48%; left: 14px; margin-right: 0px; border-left: 0px; border-right: 0px; } .charsheet .sheet-outer-div span.sheet-spellpagetab { text-align: center; display: inline-block; font-size: 14px; font-family: 'IM Fell English SC'; /*font-family: Arial;*/ background: rgb(255,220,40); /* dull gold */ /*color: rgb(86,180,233);*/ /* blue */ color: rgb(20,20,255); font-weight: regular; border-radius: 4px; width: 70px; height: 20px; position: relative; margin-left: -67px; width: 9%; padding-left: 0px; padding-right: 0px; margin-left: -9%; margin-right: 0px; border-left: 0px; border-right: 0px; left: 10px; } .charsheet .sheet-outer-div span.sheet-spellpagetabrow2 { text-align: center; display: inline-block; font-size: 14px; font-family: 'IM Fell English SC'; /*font-family: Arial;*/ background: rgb(255,220,40); /* dull gold */ color: rgb(20,20,255); font-weight: regular; border-radius: 4px; opacity: 1; height: 20px; position: relative; width: 48%; padding-left: 0px; padding-right: 0px; margin-left: -48%; margin-right: 0px; border-left: 0px; border-right: 0px; left: 10px; } /* END Spell Page Settings */ /* Borders for spell page and class action repeating section rows */ .charsheet .repcontainer[data-groupname^=repeating_spellpath], .charsheet .repcontainer[data-groupname^=repeating_spellbook] { width: 100%; } .charsheet div[data-groupname^="repeating_spellbook"] .repitem, .charsheet div[data-groupname^="repeating_spellpath"] .repitem { border: 1px solid gold; border-radius: 12px; /*margin-left: 1px;*/ margin-bottom: 5px; padding-bottom: 3px; /*background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg");*/ background-image: url("http://freeseamlesstextures.com/images/9-yellow-paper-background-sml.jpg"), url("http://i.imgur.com/3j0odzF.jpg"); width: 100%!important; } /* spell type tab Settings */ .charsheet div[class^="sheet-spell-type"] { visibility: hidden; opacity: 0; max-height:0; overflow: hidden; display: none; width: 100%; } .charsheet input.sheet-spelltypeadvanced:checked ~ div.sheet-spell-type-advanced, .charsheet input.sheet-spelltypeattack:checked ~ div.sheet-spell-type-attack, .charsheet input.sheet-spelltypesave:checked ~ div.sheet-spell-type-save, .charsheet input.sheet-spelltypedamage:checked ~ div.sheet-spell-type-damage, .charsheet input.sheet-spelltypeheal:checked ~ div.sheet-spell-type-heal, .charsheet input.sheet-spelltypeeffects:checked ~ div.sheet-spell-type-effects { max-height: 999999px; visibility: visible; opacity: 1; transition: opacity 0.5s linear 0s; display: block; width: 100%; } .charsheet input.sheet-spelltypeadvanced:checked ~ span.sheet-spelltypeadvanced, .charsheet input.sheet-spelltypeattack:checked ~ span.sheet-spelltypeattack, .charsheet input.sheet-spelltypesave:checked ~ span.sheet-spelltypesave, .charsheet input.sheet-spelltypedamage:checked ~ span.sheet-spelltypedamage, .charsheet input.sheet-spelltypeheal:checked ~ span.sheet-spelltypeheal, .charsheet input.sheet-spelltypeeffects:checked ~ span.sheet-spelltypeeffects { background: #77a060; /* background: #879a6a; */ color: white; border-radius: 4px; opacity: 1; } .charsheet input.sheet-spelltypetab { width: 122px; height: 20px; cursor: pointer; position: relative; opacity: 0; z-index: 999; } span.sheet-spelltypetab { text-align: center; display: inline-block; font-size: 13px; font-size: 14px; font-family: 'IM Fell English SC'; background: #99bbdd; /* background: #8c6075; */ color: black; font-weight: regular; border-radius: 4px; opacity: 0.7; width: 122px; height: 20px; cursor: pointer; position: relative; margin-left: -121px; } .charsheet .sheet-outer-div .sheet-skill-table th { font-size: 13px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; } .charsheet .sheet-outer-div .sheet-wide-text { width: 285px; } .charsheet .sheet-vert-middle { vertical-align: middle!important; /* Actoba, remove ! important if possible */ } .charsheet .sheet-vert-middle select { margin: 0px 1px 0px 1px; padding: 0px 1px 0px 1px; } /* END spell type tab Settings */ /* Custom Pure Grid CSS (24 cols) DO NOT EDIT BELOW THIS LINE OR RISK BREAKING FORMATTING */ .charsheet .sheet-row { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; /* Can' figure out how Actoba's css is selecting the width for this so I'm adding this to force it to the same width as max-width in the outer-div above */ /*width: 832px; width: 100%;*/ text-align: center; margin: 0px; padding: 0px; max-width: 100%; } .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-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-4-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-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-right { text-align: right; } .charsheet .sheet-col-1 { display:block; width: 100%; /* width: 100% without this some rows do not text-align center? */ } .charsheet .sheet-col-1-2 { width: 50%; } .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-4-10 { width: 40.0%; } .charsheet .sheet-offset-4-10 { margin-left: 40.0%; } .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-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-3-24 { width: 12.5%; } .charsheet .sheet-offset-3-24 { margin-left: 12.5%; } .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, .sheet-row-r { word-spacing: -0.43em; } .charsheet .sheet-row-r img { max-width: 100%; } /* End custom Pure grid css (24 cols) */ .charsheet .sheet-row input[type=number], .charsheet .sheet-row input[type=text], .charsheet .sheet-row select { width: 100%; margin-bottom:2px; } .charsheet .sheet-row textarea { width: calc(100% - 10px); position: relative; left: 0px; height: 100px; resize:none; } .charsheet .sheet-outer-div .sheet-spell-header { width: 100%; } .charsheet .sheet-outer-div .sheet-iG { font-family: 'Candal'; font-family: 'ShadowIntoLight'; } .charsheet .sheet-outer-div .sheet-attributes tbody input[type=number] { font-family: 'PatrickHand'; } .charsheet .sheet-saves td { border: 0px; } .charsheet .sheet-saves table { border: 0px; } /* .charsheet .sheet-outer-div .sheet-table-transparent, .charsheet .sheet-outer-div .sheet-table-transparent td { background-color: transparent!important; background-color: rgba(220,220,220,0)!important; }*/ .charsheet .sheet-outer-div .sheet-attributes table { border-color: gold; } .charsheet .sheet-outer-div .sheet-skills table { border-spacing: 0; *border-collapse: collapse; border-collapse: collapse; border-color: gold; } th:first-child { border-radius: 8px 0 0 0; border-left: 0px!important; } th:last-child { border-radius: 0 8px 0 0; border-right: 0px!important; /*fc_action table header not right w/o this*/ } th:only-child{ border-radius: 8px 8px 0 0; } .charsheet .sheet-outer-div .sheet-weapon-size-center { width: 30%; vertical-align: middle; display: table-cell; } .charsheet .sheet-outer-div .sheet-weapon-size-header { width: 75%; border-radius: 8px 8px 0 0; font-weight: bold; background-color:silver; } .charsheet .sheet-outer-div .sheet-weapon-mounted { margin-top: 4px; width: 60%; } .charsheet .sheet-outer-div .sheet-width-auto { width: auto; } .charsheet .sheet-wtf { margin: 0px!important; padding: 0px!important; } .charsheet .sheet-outer-div .sheet-standard { width: 100%; } .charsheet .sheet-outer-div .sheet-95-standard { width: 98%; } .charsheet .sheet-outer-div .sheet-large-textarea { height: 300px; max-width: 97%; overflow:auto border: 2px solid gold; background-image: url("http://i.imgur.com/IfMt8V7.png"); background-position: bottom right; background-repeat: no-repeat; background-size: 150px; font-size: 18px; font-weight: 800; contenteditable: true; } .charsheet .sheet-outer-div .sheet-large-textarea:focus { background-color: rgba(130,130,250,1); border: 2px solid gold; } .charsheet .sheet-outer-div .sheet-fc_actions table thead tr th div { font-size: 100%; } input[type=number]:disabled { -moz-appearance: textfield; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .sheet-valign-top, .charsheet .sheet-outer-div .sheet-valign-top { vertical-align: top; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .sheet-renown-grouping { border: thin solid gold; padding: 3px; padding-bottom: 0px; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .sheet-renown-purchased { width: 53px; text-align: center; display: block; } .charsheet .sheet-outer-div div[data-groupname="repeating_renown_title"] .sheet-renown-title{ width: 140px; } /* UI Configuration Section, borrowed from Savage Worlds -- Tabbed */ .charsheet *.sheet-background { /* background-image: url("http://www.geeksville.us/roll20/oldMap_seamless_2.png"); background-size: 845px 900px; /*background-repeat: no-repeat;* /*background-attachment: fixed;* background-position: center; background-origin: content-box; */ background-image: url("http://i.imgur.com/jN6TEjL.jpg"); background-attachment: fixed; max-width: 850px; width: 850px; } .sheet-useBackground input[value="1"]:checked ~ *.sheet-background { background-image: none; background-color: gray; /*background-image: url("http://www.geeksville.us/roll20/oldMap_seamless_2.png"); background-size: 845px 900px;*/ /*background-repeat: no-repeat;*/ /*background-attachment: fixed;*/ /*background-position: center; background-origin: content-box;*/ } .sheet-useBackground input[value="2"]:checked ~ *.sheet-background { /* background-image: url("http://www.geeksville.us/roll20/oldMap_seamless_2.png"); background-size: 845px 900px; /*background-repeat: no-repeat;* /*background-attachment: fixed;* background-position: center; background-origin: content-box; */ background-image: url("http://i.imgur.com/jN6TEjL.jpg"); background-attachment: fixed; } .charsheet .sheet-HideConfig:checked ~ *.sheet-config, .sheet-HideUITweaks:checked ~ *.sheet-UITweaks { display:none; } /* '.' before span.sheet-is ? */ .charsheet span.sheet-is-config::before { /*Close Config: grayish background with black text*/ content: "Close Configuration"; } .charsheet span.sheet-is-wcUI::before { content: "Close UI Tweaks Configuration"; } .charsheet .sheet-HideUITweaks:checked + span.sheet-is-wcUI::before { content: "Show UI Tweaks Configuration"; width: 100%; } .charsheet .sheet-HideConfig:checked + span.sheet-is-config::before { /*Show Configuration: Black background with grayish text*/ content: "Configuration"; } .charsheet span.sheet-is-config { border: thin solid darkblue; } .charsheet .sheet-HideConfig, .charsheet .sheet-HideUITweaks { margin-top: 5px; margin-bottom: 5px; } /*Modify Display*/ /*span classes*/ .charsheet span.sheet-is-config, .charsheet span.sheet-is-wcUI { text-align: center; display: inline-block; width: 20%; height: 16px; font-size: 9px; /*background: #65763c;*/ background: #c7c3b0; /*#93537c;*/ color: black; /*white;*/ font-weight: bold; border-radius: 4px; float: left; margin: 5px 0 5px -20%; /*margin-left: -20%;*/ } /*The Classes for the Input Field*/ /* DOT selector here ???? */ .charsheet input.sheet-HideConfig, .charsheet input.sheet-HideUITweaks { width: 20%; height: 16px; cursor: pointer; position: relative; opacity: 0; z-index: 9999; float: left; padding: 0 0 0 0; } .charsheet span.sheet-is-config, .charsheet span.sheet-is-wcUI { /*Close Config: grayish background with black text*/ background-color: #c7c3b0; color: black; } .charsheet .sheet-HideConfig:checked + span.sheet-is-config, .charsheet .sheet-HideUITweaks:checked + span.sheet-is-wcUI { /*Show Configuration Button: Black background with grayish text*/ background: black; border-radius: 4px; color: white; } .charsheet h2.sheet-sectionHeader { text-align: center; color: #755b27; background-color: #dbc792; border-radius: 15px; /*font-family: "cinzelregular";*/ letter-spacing: normal; background: rgb(255,220,40); /* dull gold */ /*color: rgb(86,180,233);*/ /* blue */ color: rgb(20,20,255); } .charsheet .sheet-fourBoxReset { margin: 0px; border: 0px; padding: 0px; outline: 0px; } /* Needs to be coupled with a row=# col=# on the textarea element */ .charsheet textarea.sheet-verticalText { box-sizing: content-box; margin-top: -5px; width: auto; max-width: auto; min-width: 105.5%; margin-left: -4.8%; height: auto; font-family: 'Patrick Hand SC'; font-size: medium; } .charsheet textarea.sheet-verticalTextPath { box-sizing: content-box; width: auto; max-width: auto; height: auto; font-family: 'Patrick Hand SC'; font-size: medium; } .charsheet .sheet-textAreaNoWider { resize:vertical!important; } .charsheet .sheet-forcewide { width: 100%!important; }