/* CSS Reset */{} .charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper label, .charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p, .charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td { margin: -1.5px 0 0 0; padding: 0; border: 0; font-size: 100%; font: inherit; color: #000000; vertical-align: baseline; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .charsheet .sheet-wrapper table { border-collapse: collapse; border-spacing: 0; } .charsheet .sheet-wrapper input::-webkit-outer-spin-button, .charsheet .sheet-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 0 0 0; } .charsheet .sheet-wrapper input[type="number"] { -moz-appearance: textfield; } .charsheet .sheet-wrapper textarea { resize: none; } /* MAIN SHEET */ .charsheet { /*background-image: url(fillertmp.png);*/ font-family: Helvetica, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 12px; border: 0px; margin: 0 0 0 0; padding: 0px; /*width:850px;*/ background-color:#FFFFFF; /*background-color:#4682B4;*/ } /* MAIN INPUTS */ input:before, radio:before; text:before, textarea:before, select:before {content: "";display: none;} input[type=text]{ text-align:center; vertical-align:middle; height: 25px; width:100%; background-image: none; background-color: #EBECE4; border: 0px solid black; margin: 0 0 0 0; padding: 0px; } .sheet-input-text-small{font-size:10px!important;} .sheet-input-dashed{text-decoration: line-through!important;} .sheet-input-uppercase{text-transform: uppercase!important;} .sheet-input-leftaligned{text-align:left!important;} .sheet-input-rightaligned{text-align:right!important;} .sheet-input-centeraligned{text-align:center!important;} .sheet-input-topaligned{vertical-align:top!important;} .sheet-input-medaligned{vertical-align:med!important;} .sheet-colored-green{background-color:#FDFCDC!important;} .sheet-colored-gray{background-color:#C9C9C9!important;} .charsheet .sheet-fluid-textarea {height: 100%;} input[disabled], text[disabled], textarea[disabled], select[disabled]{ background-color: #E9CFEC; border-color: #aaa; cursor: not-allowed; text-align:center; } button[type=roll]:before { content: ""; display: none; border: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 0px; } button[type=roll] { background-color: #000000; color: #ffffff; font-weight: normal; text-align: center; border: 0px!important; margin-bottom: 0px!important; margin-left: 0px!important; margin-right: 0px!important; margin-top: 0px!important; padding: 0px!important; background-image: none; border: none; border-radius: 0px; height: 25px; width: 100%; } .charsheet .sheet-button-half-height{height: 15px!important;} .charsheet .sheet-button-double-height{ height: 50px!important;} .charsheet .sheet-button-triple-height{ height: 75px!important;} input[type=radio]{ width: 14px; height: 14px; background-color: #EBECE4; } input[type=checkbox]{ text-align:center!important; vertical-align:middle!important; background-color: #EBECE4; } select{ -webkit-appearance: none; background-color: #CDC8B1!important; font-size:10px; text-align: center; border: 0px!important; margin-bottom: 0px!important; margin-left: 0px!important; margin-right: 0px!important; margin-top: 0px!important; padding: 0px!important; background-image: none; background-color: #EBECE4; border: none; border-radius: 0px; height: 25px; width: 100%; } textarea{ font-size:10px; text-align:left; height:50px; width:99%; background-image: none; background-color: #EBECE4; border: 0px solid black; margin: 0 0 0 0; padding: 2px; resize:none; } /* OTHER SETTINGS */ .charsheet h4{ text-align: center; text-transform: uppercase; color:#ffffff; background-color:#8B1A1A; margin: 5px 0 10px 0; border-radius: 12px; width: 500px; } .charsheet h3{ text-align: center; text-transform: uppercase; color:#ffffff; background-color:#556B2F; margin: 5px 0 10px 0; border-radius: 12px; } .charsheet hr{ text-align: center; text-transform: uppercase; /*color:none;border-bottom-color:transparent;*/ height: 2px; width: 100%; align:center; margin: 2px 2px 2px 2px; border-radius: 0px; border:none; } .charsheet .sheet-row { height:25px; text-rendering: optimizespeed; } .charsheet .sheet-smalllerrowing{ height:18px!important; } .charsheet .sheet-row-panel { text-rendering: optimizespeed; } .charsheet .sheet-col { /*display: inline-block;zoom: 1; *display: inline; letter-spacing: normal; word-spacing: normal; vertical-align: middle;*/ text-rendering: auto; } /* ROW & COLUMNS SETTINGS */ .charsheet .sheet-tabbed-panel, .charsheet .sheet-attributebox-attributes-panel, .charsheet .sheet-attributebox-right-block, .charsheet .sheet-attributebox-second-panel, .charsheet .sheet-attributebox-third-panel, .charsheet .sheet-attributebox-singlelabel, .charsheet .sheet-attributebox-smalllabel, .charsheet .sheet-attributebox-smalllabel-centered, .charsheet .sheet-attributebox-doublelabel, .charsheet .sheet-attributebox-button, .charsheet .sheet-attributebox-smallbutton, .charsheet .sheet-attributebox-input, .charsheet .sheet-attributebox-smallinput, .charsheet .sheet-attributebox-doubleinput, .charsheet .column-filler, .charsheet .sheet-attributebox-second-title, .charsheet .sheet-attributebox-second-left, .charsheet .sheet-attributebox-second-col, .charsheet .sheet-attributebox-second-input, .charsheet .sheet-attributebox-third-title, .charsheet .sheet-attributebox-third-left, .charsheet .sheet-attributebox-third-col, .charsheet .sheet-attributebox-fourth-panel, .charsheet .sheet-attributebox-fourth-main-col, .charsheet .sheet-attributebox-fourth-parry-button, .charsheet .sheet-attributebox-fourth-parry-left, .charsheet .sheet-attributebox-fourth-parry-right, .charsheet .sheet-attributebox-fourth-block-button, .charsheet .sheet-attributebox-fourth-block-left, .charsheet .sheet-attributebox-fourth-block-right, .charsheet .sheet-attributebox-fourth-dodge-button, .charsheet .sheet-attributebox-fourth-dodge-right, .charsheet .sheet-mainlower-leftpanel, .charsheet .sheet-mainlower-rightpanel, .charsheet .sheet-armorpanel-location, .charsheet .sheet-armorpanel-tohit, .charsheet .sheet-armorpanel-front, .charsheet .sheet-armorpanel-back, .charsheet .sheet-rightpanel-rangedweapons, .charsheet .sheet-rightpanel-meleeweapons, .charsheet .sheet-rightpanel-attackstyle, .charsheet .sheet-attackpanel-atk, .charsheet .sheet-meleeweapons-button, .charsheet .sheet-meleeweapons-name, .charsheet .sheet-meleeweapons-skill, .charsheet .sheet-meleeweapons-parry, .charsheet .sheet-meleeweapons-parryskill, .charsheet .sheet-meleeweapons-reach, .charsheet .sheet-meleeweapons-type, .charsheet .sheet-meleeweapons-damage, .charsheet .sheet-rangedweapons-button, .charsheet .sheet-rangedweapons-name, .charsheet .sheet-rangedweapons-skill, .charsheet .sheet-rangedweapons-acc, .charsheet .sheet-rangedweapons-range, .charsheet .sheet-rangedweapons-rof, .charsheet .sheet-rangedweapons-shots, .charsheet .sheet-rangedweapons-bulk, .charsheet .sheet-rangedweapons-recoil, .charsheet .sheet-rangedweapons-type, .charsheet .sheet-rangedweapons-damage, .charsheet .sheet-mainlower-leftlowerpanel, .charsheet .sheet-injury-name, .charsheet .sheet-injury-desc, .charsheet .sheet-mainlower-armorpanel, .charsheet .sheet-mainlower-injurtpanel, .charsheet .sheet-armorpanel-calcdamage, .charsheet .sheet-armorpanel-calcDR, .charsheet .sheet-armorpanel-calclocation, .charsheet .sheet-armorpanel-calctype, .charsheet .sheet-armorpanel-calcbutton, .charsheet .sheet-attributebox-doublebutton { display: inline-block; letter-spacing: normal; word-spacing: normal; text-rendering: auto; margin: 0 0 0 0; padding: 0px; } .charsheet .sheet-tabbed-panel{display:block;margin-left:auto;margin-right:auto;} /* MAIN PAGE ATTRIBUTE BOX */ .charsheet .sheet-attributebox-attributes-panel{width: 340px;vertical-align:top;} .charsheet .sheet-attributebox-singlelabel{width: 20%;} .charsheet .sheet-attributebox-smalllabel{width: 10%;} .charsheet .sheet-attributebox-smalllabel-centered{width: 10%;text-align:center} .charsheet .sheet-attributebox-doublelabel{width: 32%;margin-right:3px;text-align:center;} .charsheet .sheet-attributebox-button{width: 20%;} .charsheet .sheet-attributebox-doublebutton{width: 35%;} .charsheet .sheet-attributebox-smallbutton{width: 20%;font-size:8px;} .charsheet .sheet-attributebox-input{width: 12%;} .charsheet .sheet-attributebox-smallinput{width: 10%;font-size:10px;} .charsheet .sheet-attributebox-doubleinput{width: 32%;} .charsheet .sheet-attributebox-right-block{width: 500px;vertical-align:top;border: 1px dashed black;border-radius:5px;} .charsheet .sheet-attributebox-second-panel{width: 65%;height:155px;vertical-align:top;} .charsheet .sheet-attributebox-second-title{width: 30%;font-weight:bold;text-align:center} .charsheet .sheet-attributebox-second-left{width: 18%;text-align:right;} .charsheet .sheet-attributebox-second-col{width: 15%;text-align:center} .charsheet .sheet-attributebox-second-input{width: 15%;text-align:center} .charsheet .sheet-attributebox-third-panel{width: 33%;height:155px;vertical-align:top;} .charsheet .sheet-attributebox-third-title{width: 90%;text-align:center} .charsheet .sheet-attributebox-third-left{width: 75%;text-align:center;margin-left:4px;} .charsheet .sheet-attributebox-third-col{width: 20%;text-align:center} .charsheet .sheet-attributebox-fourth-panel{width: 100%;height:100px;vertical-align:top;text-align:center;background-color:#A2CD5A;} .charsheet .sheet-attributebox-fourth-main-col{width: 40%;text-align:center;font-weight:bold;vertical-align:top;} .charsheet .sheet-attributebox-fourth-parry-button{width: 42%;text-align:center;font-size:8px;} .charsheet .sheet-attributebox-fourth-parry-left{width: 40%;text-align:center;font-size:8px;} .charsheet .sheet-attributebox-fourth-parry-right{width: 14%;text-align:center} .charsheet .sheet-attributebox-fourth-block-button{width: 50%;text-align:center;font-size:8px;} .charsheet .sheet-attributebox-fourth-block-left{width: 50%;text-align:center;} .charsheet .sheet-attributebox-fourth-block-right{width: 48%;text-align:center;} .charsheet .sheet-attributebox-fourth-dodge-button{width: 60%;text-align:center;font-size:8px;} .charsheet .sheet-attributebox-fourth-dodge-right{width: 38%;text-align:center} .charsheet .sheet-mainlower-leftpanel{width: 260px;vertical-align:top;} .charsheet .sheet-mainlower-rightpanel{width: 580px;vertical-align:top} .charsheet .sheet-rightpanel-attackstyle{width: 98%;border: 1px dashed black;} .charsheet .sheet-rightpanel-rangedweapons{width: 98%;border: 1px solid black;background-color:#A2CD5A;border-radius:5px;} .charsheet .sheet-rightpanel-meleeweapons{width: 98%;border: 1px solid black;background-color:#A2CD5A;border-radius:5px;} .charsheet .sheet-mainlower-armorpanel{width: 100%;height:100%;text-align:center;vertical-align:top;border: 1px dashed black;background-color:#A2B5CD;border-radius:20px;} .charsheet .sheet-armorpanel-location{width: 20%;font-size:12px;text-align:left;vertical-align:middle;margin-left:4px;} .charsheet .sheet-armorpanel-tohit{width: 20%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-armorpanel-front{width: 20%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-armorpanel-back{width: 20%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-armorpanel-calcdamage{width: 15%;font-size:12px;text-align:center;vertical-align:middle;margin-left:4px;} .charsheet .sheet-armorpanel-calcDR{width: 15%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-armorpanel-calclocation{width: 28%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-armorpanel-calctype{width: 30%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-armorpanel-calcbutton{width: 5%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-mainlower-injurypanel{width: 100%;vertical-align:top;} .charsheet .sheet-injury-name{width: 30%;font-size:10px;text-align:left;vertical-align:top;margin-left:4px;} .charsheet .sheet-injury-desc{width: 65%;font-size:10px;text-align:left;vertical-align:top;} .charsheet .sheet-attackpanel-atk{width: 19%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-meleeweapons-button{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-meleeweapons-name{width: 25%;font-size:10px;text-align:left;vertical-align:middle;} .charsheet .sheet-meleeweapons-skill{width: 8%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-meleeweapons-parry{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-meleeweapons-parryskill{width: 8%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-meleeweapons-reach{width: 10%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-meleeweapons-type{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-meleeweapons-damage{width: 16%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-button{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-name{width: 16%;font-size:10px;text-align:left;vertical-align:middle;} .charsheet .sheet-rangedweapons-skill{width: 8%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-acc{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-range{width: 10%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-rof{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-shots{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-bulk{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-recoil{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-type{width: 5%;font-size:10px;text-align:center;vertical-align:middle;} .charsheet .sheet-rangedweapons-damage{width: 16%;font-size:10px;text-align:center;vertical-align:middle;} /* SKILL PAGE SETUP */ .charsheet .sheet-skillpanel-top, .charsheet .sheet-skillpanel-bottom, .charsheet .sheet-skill-button, .charsheet .sheet-skill-name, .charsheet .sheet-skill-note, .charsheet .sheet-skill-ref, .charsheet .sheet-skill-tl, .charsheet .sheet-skill-base, .charsheet .sheet-skill-stat, .charsheet .sheet-skill-level, .charsheet .sheet-skill-trained { display: inline-block; letter-spacing: normal; word-spacing: normal; text-rendering: auto; margin: 0 0 0 0; padding: 0px; } /* SKILL PAGE ATTRIBUTE BOX */ .charsheet .sheet-skillpanel-top{width: 100%;vertical-align:top;} .charsheet .sheet-skillpanel-bottom{width: 100%;vertical-align:top;} .charsheet .sheet-skill-button{width: 5%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-skill-name{width: 18%;font-size:12px;text-align:left;vertical-align:middle;} .charsheet .sheet-skill-note{width: 45%;font-size:12px;text-align:left;vertical-align:middle;} .charsheet .sheet-skill-ref{width: 5%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-skill-tl{width: 5%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-skill-base{width: 5%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-skill-stat{width: 5%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-skill-level{width: 5%;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-skill-trained{width: 2%;font-size:12px;text-align:center;vertical-align:middle;} /* TRAITS PAGE SETUP */ .charsheet .sheet-traitpanel-top, .charsheet .sheet-traitpanel-bottom, .charsheet .sheet-trait-name, .charsheet .sheet-trait-note, .charsheet .sheet-trait-ref { display: inline-block; letter-spacing: normal; word-spacing: normal; text-rendering: auto; margin: 0 0 0 0; padding: 0px; } /* TRAIT PAGE ATTRIBUTE BOX */ .charsheet .sheet-traitpanel-top{width: 100%;vertical-align:top;} .charsheet .sheet-traitpanel-bottom{width: 100%;vertical-align:top;} .charsheet .sheet-trait-name{width: 18%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-trait-note{width: 75%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-trait-ref{width: 5%;font-size:12px;text-align:center;vertical-align:top;} /* INVENTORY PAGE SETUP */ .charsheet .sheet-inventorypanel-top, .charsheet .sheet-inventorypanel-bottom, .charsheet .sheet-inventorypanel-coin, .charsheet .sheet-coin-name, .charsheet .sheet-coin-amount, .charsheet .sheet-inventory-title, .charsheet .sheet-inventory-quicknotes, .charsheet .sheet-inventory-carried, .charsheet .sheet-inventory-name, .charsheet .sheet-inventory-ref, .charsheet .sheet-inventory-note, .charsheet .sheet-inventory-location, .charsheet .sheet-inventory-WT, .charsheet .sheet-inventory-QT, .charsheet .sheet-inventory-totalWT { display: inline-block; letter-spacing: normal; word-spacing: normal; text-rendering: auto; margin: 0 0 0 0; padding: 0px; } /* INVENTORY PAGE ATTRIBUTE BOX */ .charsheet .sheet-inventorypanel-top{width: 100%;vertical-align:top;} .charsheet .sheet-inventorypanel-bottom{width: 100%;vertical-align:top;} .charsheet .sheet-inventorypanel-coin{width: 650px;vertical-align:top} .charsheet .sheet-coin-name{width: 60px;vertical-align:top} .charsheet .sheet-coin-amount{width: 50px;vertical-align:top} .charsheet .sheet-inventory-title{width: 10%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-inventory-quicknotes{width: 88%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-inventory-carried{width: 25px;font-size:12px;text-align:center;vertical-align:middle;} .charsheet .sheet-inventory-name{width: 20%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-inventory-ref{width: 5%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-inventory-note{width: 42%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-inventory-location{width: 10%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-inventory-WT{width: 5%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-inventory-QT{width: 5%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-inventory-totalWT{width: 5%;font-size:12px;text-align:left;vertical-align:top;} /* SPELL PAGE SETUP */ .charsheet .sheet-spellpanel-top, .charsheet .sheet-spell-button, .charsheet .sheet-spell-name, .charsheet .sheet-spell-ref, .charsheet .sheet-spell-duration, .charsheet .sheet-spell-cost, .charsheet .sheet-spell-emote, .charsheet .sheet-spell-effect, .charsheet .sheet-spell-stat, .charsheet .sheet-spell-level, .charsheet .sheet-spell-base, .charsheet .sheet-spell-trained { display: inline-block; letter-spacing: normal; word-spacing: normal; text-rendering: auto; margin: 0 0 0 0; padding: 0px; } /* SPELL PAGE ATTRIBUTE BOX */ .charsheet .sheet-spellpanel-top{width: 100%;vertical-align:top;} .charsheet .sheet-spell-button{width: 5%;font-size:12px;text-align:center;vertical-align:top;} .charsheet .sheet-spell-name{width: 17%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-spell-ref{width: 5%;font-size:12px;text-align:center;vertical-align:top;} .charsheet .sheet-spell-duration{width: 5%;font-size:12px;text-align:center;vertical-align:top;} .charsheet .sheet-spell-cost{width: 5%;font-size:12px;text-align:center;vertical-align:top;} .charsheet .sheet-spell-emote{width: 20%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-spell-effect{width: 20%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-spell-stat{width: 5%;font-size:12px;text-align:center;vertical-align:top;} .charsheet .sheet-spell-level{width: 5%;font-size:12px;text-align:center;vertical-align:top;} .charsheet .sheet-spell-base{width: 5%;font-size:12px;text-align:center;vertical-align:top;} .charsheet .sheet-spell-trained{width: 2%;font-size:12px;text-align:center;vertical-align:middle;} /* VARIOUS PAGE SETUP */ .charsheet .sheet-variouspanel-cp, .charsheet .sheet-variouspanel-desc, .charsheet .sheet-variouspanel-appear, .charsheet .sheet-variouspanel-languages, .charsheet .sheet-variouspanel-culture, .charsheet .sheet-variouspanel-quicknotes, .charsheet .sheet-variouspanel-contacts, .charsheet .sheet-cpoint-name, .charsheet .sheet-cpoint-amount, .charsheet .sheet-desc-label, .charsheet .sheet-desc-field, .charsheet .sheet-desc-fieldlarge, .charsheet .sheet-appear-label, .charsheet .sheet-appear-field, .charsheet .sheet-appear-selectfield, .charsheet .sheet-appear-textfield, .charsheet .sheet-notes-label, .charsheet .sheet-notes-textfield, .charsheet .sheet-contacts-name, .charsheet .sheet-contacts-location, .charsheet .sheet-contacts-details, .charsheet .sheet-language-button, .charsheet .sheet-language-label, .charsheet .sheet-language-field, .charsheet .sheet-culture-label, .charsheet .sheet-culture-field { display: inline-block; letter-spacing: normal; word-spacing: normal; text-rendering: auto; margin: 0 0 0 0; padding: 0px; } /* VARIOUS PAGE ATTRIBUTE BOX */ .charsheet .sheet-variouspanel-cp{width: 100%;vertical-align:top;} .charsheet .sheet-variouspanel-desc{width: 100%;vertical-align:top;border: 1px solid black;background-color:#A2CD5A;border-radius:5px;} .charsheet .sheet-variouspanel-appear{width: 100%;vertical-align:top;border: 1px dashed black;border-radius:5px;} .charsheet .sheet-variouspanel-languages{width: 50%;vertical-align:top;} .charsheet .sheet-variouspanel-culture{width: 50%;vertical-align:top;} .charsheet .sheet-variouspanel-quicknotes{width: 100%;vertical-align:top;} .charsheet .sheet-variouspanel-contacts{width: 600px;vertical-align:top;} .charsheet .sheet-cpoint-name{width: 100px;vertical-align:top;} .charsheet .sheet-cpoint-amount{width: 50px;vertical-align:top;} .charsheet .sheet-desc-label{width: 10%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-desc-field{width: 10%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-desc-fieldlarge{width: 15%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-appear-label{width: 10%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-appear-field{width: 5%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-appear-selectfield{width: 20%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-appear-textfield{width: 88%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-language-button{width: 5%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-language-label{width: 42%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-language-field{width: 25%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-culture-label{width: 48%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-culture-field{width: 25%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-notes-label{width: 10%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-notes-textfield{width: 88%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-contacts-name{width: 15%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-contacts-location{width: 15%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .sheet-contacts-details{width: 68%;font-size:12px;text-align:left;vertical-align:top;} .charsheet .column-filler{ background-color:#000000;color:#000000;width: 1px;margin: 0 0 0 0; } /* NPC STAT BLOCK SETUP */ .charsheet .sheet-NPC-mainpanel, .charsheet .sheet-NPC-headerpanel, .charsheet .sheet-NPC-statpanel, .charsheet .sheet-NPC-actionpanel, .charsheet .sheet-NPC-maneuverpanel, .charsheet .sheet-NPC-attackpanel, .charsheet .sheet-NPC-notepanel, .charsheet .sheet-headerpanel-input, .charsheet .sheet-headerpanel-button, .charsheet .sheet-headerpanel-smallbutton, .charsheet .sheet-statpanel-name, .charsheet .sheet-statpanel-input, .charsheet .sheet-maneuver-select, .charsheet .sheet-notepanel-label, .charsheet .sheet-notepanel-textfield, .charsheet .sheet-attackpanel-name, .charsheet .sheet-attackpanel-smallname, .charsheet .sheet-attackpanel-field, .charsheet .sheet-attackpanel-smallfield, .charsheet .sheet-attackpanel-medname, .charsheet .sheet-attackpanel-dummymacro { display: inline-block; letter-spacing: normal; word-spacing: normal; text-rendering: auto; margin: 0 0 0 0; padding: 0px; } /* NPC STAT BLOCK PAGE */ .charsheet .sheet-NPC-headerpanel{width: 500px;vertical-align:top;text-align=center!important;} .charsheet .sheet-headerpanel-input{width: 20%;font-size:8px!important;vertical-align:top;} .charsheet .sheet-headerpanel-button{width: 20%;font-size:8px!important;vertical-align:top} .charsheet .sheet-headerpanel-smallbutton{width: 10%;font-size:8px!important;vertical-align:top} .charsheet .sheet-NPC-mainpanel{width: 100%;vertical-align:top;border: 1px solid black;border-radius:0px;} .charsheet .sheet-NPC-statpanel{width: 125px;text-align:center!important;vertical-align:top;border: 1px dashed black;border-radius:0px;} .charsheet .sheet-NPC-actionpanel{width: 370px;vertical-align:top;} .charsheet .sheet-NPC-maneuverpanel{width: 100%;vertical-align:top;} .charsheet .sheet-NPC-attackpanel{width: 100%;vertical-align:top;text-align:right!important;} .charsheet .sheet-NPC-notepanel{width: 100%;vertical-align:top;} .charsheet .sheet-statpanel-name{width: 35px;font-size:8px!important;} .charsheet .sheet-statpanel-input{width: 20px;font-size:10px!important;} .charsheet .sheet-maneuver-select{width: 19%;font-size:8px!important;} .charsheet .sheet-notepanel-label{width: 10%;font-size:10px;text-align:left;vertical-align:top;} .charsheet .sheet-notepanel-textfield{width: 88%;font-size:10px;text-align:left;vertical-align:top;} .charsheet .sheet-attackpanel-name{width: 50%;font-size:10px!important;} .charsheet .sheet-attackpanel-smallname{width: 18%;font-size:10px!important;} .charsheet .sheet-attackpanel-medname{width:95px;font-size:10px!important;} .charsheet .sheet-attackpanel-field{width: 10%;text-align:center!important;font-size:10px!important;} .charsheet .sheet-attackpanel-smallfield{width: 7%;text-align:center!important;font-size:10px!important;} /* TAB SHEET TYPE SETTINGS */ div.sheet-tabsheet-content { display: none;} input.sheet-tabPC:checked ~ div.sheet-tabPC { display: block; } input.sheet-tabNPC:checked ~ div.sheet-tabNPC { display: block; width:500px; } input.sheet-tabtype { width: 50px; height: 10px; position: relative; top: 0px; left: 0px; margin: -1.5px; cursor: pointer; z-index: 1; } input.sheet-tabtype::before { content: attr(title); border: solid 1px black; text-align: center; display: inline-block; background: #FFFFFF; width: 50px; height: 10; font-size: 10px; } input.sheet-tabtype:checked::before { background: #A2CD5A; } input.sheet-tabtype:not(:first-child)::before { border-left: none; } div.sheet-tabtype-content { border: 0px solid #a8a8a8; border-top-color: #000; margin: 0 0 0 0; padding: 0px; width:500px; } /* TAB SETTINGS */ div.sheet-tab-content { display: none;} input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4, input.sheet-tab5:checked ~ div.sheet-tab5, input.sheet-tab6:checked ~ div.sheet-tab6 { display: block; } input.sheet-tab { width: 100px; height: 20px; position: relative; top: 5px; left: 6px; margin: -1.5px; cursor: pointer; z-index: 1; } input.sheet-tab::before { content: attr(title); border: solid 1px #a8a8a8; border-bottom-color: black; text-align: center; display: inline-block; background: #fff; width: 100px; height: 20px; font-size: 18px; } input.sheet-tab:checked::before { background: #dcdcdc; border-bottom-color: #fff; } input.sheet-tab:not(:first-child)::before { border-left: none; } div.sheet-tab-content { border: 0px solid #a8a8a8; border-top-color: #000; margin: 0 0 0 0; padding: 0px; width:850px; } /* ===== CSS TOOLTIP ===== */ .sheet-popup {} .sheet-popup + .sheet-tooltip { z-index: 10; display: none; padding: 4px; text-align: left; margin-left: -40px; font-weight: normal; text-transform: initial; font-variant: initial; } .sheet-popup:hover + .sheet-tooltip { width: auto; height: auto; display: inline; position: absolute; bottom:0px;right:0px; width:250px; color: #111; border: 1px solid black; border-radius:5px; background: #fffAF0; line-height: 1.5em; font-size: 10px; } .sheet-popup + .sheet-tooltip { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 5px #CCC; -webkit-box-shadow: 5px #CCC; box-shadow: 5px #CCC; } .sheet-tooltip table { float: left; line-height: 2em; font-size: 10px; border-collapse: collapse; text-align: center; } .sheet-tooltip td { padding: 0 8px; } .sheet-tooltip tbody tr:nth-child(odd) { background: #FFF; }