.sheet-pc-armor-show:not(:checked)~.sheet-pc-armor {display:none;} .sheet-pc-resistances-show:not(:checked)~.sheet-pc-resistances {display:none;} .sheet-pc-roletraits-show:not(:checked)~.sheet-pc-roletraits {display:none;} .sheet-pc-racefixedinfo-show:not(:checked)~.sheet-pc-racefixedinfo {display:none;} .sheet-pc-recoveryrates-show:not(:checked)~.sheet-pc-recoveryrates{display:none;} .sheet-pc-stats-show:not(:checked)~.sheet-pc-stats {display:none;} .sheet-pc-languages-show:not(:checked)~.sheet-pc-languages {display:none;} .sheet-pc-attacks-show:not(:checked)~.sheet-pc-attacks {display:none;} .sheet-pc-notes-show:not(:checked)~.sheet-pc-notes {display:none;} .sheet-pc-equip-show:not(:checked)~.sheet-pc-equip {display:none;} .sheet-pc-spellsopen-show:not(:checked)~.sheet-pc-spellsopen {display:none;} .sheet-pc-spellsclosed-show:not(:checked)~.sheet-pc-spellsclosed {display:none;} .sheet-pc-spellsownbase-show:not(:checked)~.sheet-pc-spellsownbase {display:none;} .sheet-pc-spellsotherbase-show:not(:checked)~.sheet-pc-spellsotherbase {display:none;} .sheet-pc-spellsoropen-show:not(:checked)~.sheet-pc-spellsoropen {display:none;} .sheet-pc-spellsorclosed-show:not(:checked)~.sheet-pc-spellsorclosed {display:none;} .sheet-pc-spellsorbase-show:not(:checked)~.sheet-pc-spellsorbase {display:none;} .sheet-pc-spellsarcanebase-show:not(:checked)~.sheet-pc-spellsarcanebase {display:none;} .sheet-pc-spellsarcaneotherbase-show:not(:checked)~.sheet-pc-spellsarcaneotherbase {display:none;} .sheet-pc-spellsarcaneopen-show:not(:checked)~.sheet-pc-spellsarcaneopen{display:none;} .sheet-pc-spellsarcaneclosed-show:not(:checked)~.sheet-pc-spellsarcaneclosed {display:none;} .sheet-pc-skills-show:not(:checked)~.sheet-pc-skills {display:none;} .sheet-pc-skillcats-show:not(:checked)~.sheet-pc-skillcats {display:none;} .sheet-pc-skillother-show:not(:checked)~.sheet-pc-skillother {display:none;} .sheet-pc-skillarmor-show:not(:checked)~.sheet-pc-skillarmor {display:none;} .sheet-pc-skillartistic-show:not(:checked)~.sheet-pc-skillartistic {display:none;} .sheet-pc-skillathletic-show:not(:checked)~.sheet-pc-skillathletic {display:none;} .sheet-pc-skillawareness-show:not(:checked)~.sheet-pc-skillawareness {display:none;} .sheet-pc-skillbodydev-show:not(:checked)~.sheet-pc-skillbodydev {display:none;} .sheet-pc-skillcombatman-show:not(:checked)~.sheet-pc-skillcombatman {display:none;} .sheet-pc-skillcommunications-show:not(:checked)~.sheet-pc-skillcommunications {display:none;} .sheet-pc-skillcrafts-show:not(:checked)~.sheet-pc-skillcrafts {display:none;} .sheet-pc-skilldirspells-show:not(:checked)~.sheet-pc-skilldirspells {display:none;} .sheet-pc-skillinfluence-show:not(:checked)~.sheet-pc-skillinfluence {display:none;} .sheet-pc-skilllore-show:not(:checked)~.sheet-pc-skilllore {display:none;} .sheet-pc-skillmartialarts-show:not(:checked)~.sheet-pc-skillmartialarts {display:none;} .sheet-pc-skilloutdoor-show:not(:checked)~.sheet-pc-skilloutdoor {display:none;} .sheet-pc-skillpower-show:not(:checked)~.sheet-pc-skillpower {display:none;} .sheet-pc-skillpowerpointdev-show:not(:checked)~.sheet-pc-skillpowerpointdev {display:none;} .sheet-pc-skillscience-show:not(:checked)~.sheet-pc-skillscience {display:none;} .sheet-pc-skillselfcontrol-show:not(:checked)~.sheet-pc-skillselfcontrol {display:none;} .sheet-pc-skillspecial-show:not(:checked)~.sheet-pc-skillspecial {display:none;} .sheet-pc-skillspellskills-show:not(:checked)~.sheet-pc-skillspellskills {display:none;} .sheet-pc-skillsubterfuge-show:not(:checked)~.sheet-pc-skillsubterfuge {display:none;} .sheet-pc-skilltechnical-show:not(:checked)~.sheet-pc-skilltechnical {display:none;} .sheet-pc-skillurban-show:not(:checked)~.sheet-pc-skillurban {display:none;} .sheet-pc-skillweapon-show:not(:checked)~.sheet-pc-skillweapon {display:none;} .sheet-pc-notes1-show:not(:checked)~.sheet-pc-notes1 {display:none;} .sheet-pc-notes2-show:not(:checked)~.sheet-pc-notes2 {display:none;} .sheet-pc-notes3-show:not(:checked)~.sheet-pc-notes3 {display:none;} input.sheet-tab1:checked + span.sheet-tab1, input.sheet-tab2:checked + span.sheet-tab2, input.sheet-tab3:checked + span.sheet-tab3, input.sheet-tab4:checked + span.sheet-tab4, input.sheet-tab5:checked + span.sheet-tab5, input.sheet-tab6:checked + span.sheet-tab6, input.sheet-tab7:checked + span.sheet-tab7, input.sheet-tab8:checked + span.sheet-tab8, input.sheet-tab9:checked + span.sheet-tab9, input.sheet-tab99:checked + span.sheet-tab99, input.sheet-tab10:checked + span.sheet-tab10 { background: gray; color: white; } .sheet-statlabel-big { border: 1px solid white; background-color: grey; color: white; font-size: 0.9em; text-align: center; } .sheet-statlabel { border: 1px solid white; background-color: grey; color: white; font-size: 0.7em; text-align: center; } .sheet-statlabel-rev { border: 1px solid white; background-color: whitesmoke; color: grey; font-size: 0.7em; text-align: center; } .charsheet table td { font-weight: bold; text-align: center; } .sheet-table-name { display:table-caption; text-align:center; font-weight:bold; color:white; background-color:grey; width:100%; } .sheet-table-header { display:table-cell; text-align:center; font-weight:bold; vertical-align:bottom; } .sheet-table-header2 { display:table-cell; text-align:center; font-weight:bold; font-size: 0.7em; vertical-align:bottom; } .sheet-table-center { margin-left:auto; margin-right:auto; } .sheet-table-data-left { display:table-cell; text-align:left; vertical-align:top; } .sheet-table-data-right { display:table-cell; text-align:right; vertical-align:top; } .sheet-table-data-center { display:table-cell; text-align:center; vertical-align:top; } .sheet-table-data-center-sm { display:table-cell; text-align:center; font-size: 0.7em; vertical-align:top; } .sheet-table-data-center-stats { display:table-cell; text-align:center; font-size: 0.7em; vertical-align:top; width:40px; } .sheet-table-data-center-saves { display:table-cell; text-align:center; font-size: 0.7em; vertical-align:top; width:40px; } .sheet-table-data-attacks { display:table-cell; text-align:center; font-size: 0.7em; vertical-align:top; width:28px; } .sheet-table-data-skills-cat { display:table-cell; text-align:center; vertical-align:bottom; background-color:aliceblue; width:40px; } .sheet-table-data-skills-cat-name { display:table-cell; text-align:center; vertical-align:bottom; background-color:aliceblue; width:200px; } .sheet-table-data-skills-cat-wide { display:table-cell; text-align:center; vertical-align:bottom; background-color:aliceblue; width:55px; } .sheet-table-data-skills-cat-sm { display:table-cell; text-align:center; font-size: 0.7em; vertical-align:bottom; background-color:aliceblue; } .sheet-table-data-skills-cat-sm-bold { display:table-cell; text-align:center; font-weight:bold; font-size: 0.7em; vertical-align:bottom; background-color:aliceblue; } .sheet-table-data-skills { display:table-cell; text-align:center; vertical-align:bottom; width:40px; } .sheet-table-data-skills-name { display:table-cell; text-align:center; font-size: 0.8em; vertical-align:bottom; width:200px; } .sheet-table-data-skills-name-fillin { display:table-cell; text-align:center; vertical-align:bottom; width:200px; } .sheet-table-data-skills-wide { display:table-cell; text-align:center; vertical-align:bottom; width:55px; } .sheet-table-data-skills-sm { display:table-cell; text-align:center; font-size: 0.7em; vertical-align:bottom; } .sheet-table-data-skills-sm-bold { display:table-cell; text-align:center; font-weight:bold; font-size: 0.7em; vertical-align:bottom; } .sheet-table-data-center-dropdown { display:table-cell; text-align:left; font-size: 0.7em; vertical-align:center; width:50px; } .sheet-table-row { display:table-row; vertical-align:top; width:100%; } .sheet-table-row-name { display:table-cell; text-align:center; color:white; background-color:black; font-weight:bold; } textarea { height: auto; margin-bottom: 0; } select { margin-bottom: 0; } input, select { width:100%; } /* Hide actual checkbox */ input.sheet-arrow[type="checkbox"]{ opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } /* Fake checkbox */ input.sheet-arrow[type="checkbox"] + span::before{ margin-right: 4px; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; content: "►"; width: 14px; height: 14px; font-size: 12px; } input.sheet-arrow[type="checkbox"]:checked + span::before { content: "▼"; } /* Fake tabs style1 (reskinned radio button; does not work properly in firefox */ 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 { display: block; } input.sheet-tab { width: 70px; height: 20px; position: relative; top: 5px; left: 6px; margin: -1.5px; cursor: pointer; opacity: 0; z-index: 9999; } span.sheet-tab { text-align: center; display: inline-block; font-size: 13px; background: black; color: white; font-weight: bold; width: 70px; height: 20px; cursor: pointer; position: relative; margin-left: -75px; } input.sheet-tab::before { content: attr(title); border: solid 1px #a8a8a8; border-bottom-color: black; text-align: center; display: inline-block; background: #fff; background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); width: 50px; height: 20px; font-size: 18px; } input.sheet-tab:checked::before { background: #dcdcdc; background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); border-bottom-color: #fff; } input.sheet-tab:not(:first-child)::before { border-left: none; } div.sheet-tab-content { border: 1px solid #a8a8a8; border-top-color: #000; margin: 2px 0 0 5px; padding: 5px; } /* tabs style2 (with label) works even in firefox */ .sheet-character-sheet, .sheet-expand { display: none; padding: 3px; } .sheet-expand:checked ~ .sheet-show { display: block; background-color: white; margin: 1px 0px 0px -2px; } .sheet-tab { display: inline-block; text-align: center; margin: -2px; padding: 2px; width: 124px; height: 24px; background-color: gray; border-top-left-radius: 1em 3em; border-top-right-radius: 1em 3em; border: solid thin gray; border-bottom: none; } .sheet-expand:checked ~ .sheet-tab { background-color: white; } label { display: inline; } label, label div { font-size: 12px; font-weight: normal; }