/*----------- Main Setup -----------*/ .charsheet .sheet-maindiv{ width: 840px; background-color: white; } .charsheet label.sheet-header, .charsheet label.sheet-shortheader { display: block; text-align: center; font-family: "Patrick Hand"; font-size: 1.25em; color: maroon; } .charsheet label.sheet-shortheader { text-align: left; width:63%; display: inline-block; } input[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; -webkit-appearance: textfield; } .charsheet input { background-color: transparent; color: black; border: none; border-bottom: 1px solid gray; text-align: center; } .charsheet input.sheet-repinput { font-size: .95em; } .charsheet-input.sheet-useTalent { opacity: 0; cursor: pointer; } .charsheet span.sheet-useTalent { font-family: "Pictos"; font-size: 1.25em; margin-left: 5px; } input.sheet-useTalent:checked + span.sheet-useTalent { color: maroon; } input.sheet-useTalent:not(:checked) + span.sheet-useTalent { color: silver; } /*----------- End Main Setup -----------*/ /*----------- Display/Hide Talents, Notes, Weapons, Inventory, Spells --------*/ .charsheet input.sheet-hidetalents, .charsheet input.sheet-hidenotes, .charsheet input.sheet-hideweapons, .charsheet input.sheet-hideinventory, .charsheet input.sheet-hidespells { margin-top: -55px; width: 15px; height: 15px; opacity: 0; z-index: 999; cursor: pointer; margin-left: 10px; } .charsheet span.sheet-hidetalents, .charsheet span.sheet-hidenotes, .charsheet span.sheet-hideweapons, .charsheet span.sheet-hideinventory, .charsheet span.sheet-hidespells { display: inline-block; width: 15px; height: 15px; font-family: "Pictos"; font-size: 1.25em; margin-top: -25px; margin-left: 10px; z-index: 2; float: left; } input.sheet-hidetalents:not(:checked) + span.sheet-hidetalents::before, input.sheet-hidenotes:not(:checked) + span.sheet-hidenotes::before, input.sheet-hideweapons:not(:checked) + span.sheet-hideweapons::before, input.sheet-hideinventory:not(:checked) + span.sheet-hideinventory::before, input.sheet-hidespells:not(:checked) + span.sheet-hidespells::before { content: "D" } input.sheet-hidetalents:checked + span.sheet-hidetalents::before, input.sheet-hidenotes:checked + span.sheet-hidenotes::before, input.sheet-hideweapons:checked + span.sheet-hideweapons::before, input.sheet-hideinventory:checked + span.sheet-hideinventory::before, input.sheet-hidespells:checked + span.sheet-hidespells::before { content: "E" } .charsheet div.sheet-talents, .charsheet div.sheet-notes, .charsheet div.sheet-weapons, .charsheet div.sheet-inventory, .charsheet div.sheet-spells { display: block; } input.sheet-hidetalents:checked + div.sheet-talents, input.sheet-hidenotes:checked + div.sheet-notes, input.sheet-hideweapons:checked + div.sheet-weapons, input.sheet-hideinventory:checked + div.sheet-inventory, input.sheet-hidespells:checked + div.sheet-spells { display: none; } input.sheet-hidetalents:not(:checked) + div.sheet-talents, input.sheet-hidenotes:not(:checked) + div.sheet-notes, input.sheet-hideweapons:not(:checked) + div.sheet-weapons, input.sheet-hideinventory:not(:checked) + div.sheet-inventory, input.sheet-hidespells:not(:checked) + div.sheet-spells { display: block; }