.charsheet { background-color: #FFF; } .charsheet input { outline: none; background: transparent; border: none; border-bottom: 1px solid #000; height: 0.9em; } .charsheet h1,.charsheet h2,.charsheet h3 { background-color: #333; color: #FFF; padding: 0.25em; } .charsheet .sheet-narrow { height: 4em; } .charsheet h4,.charsheet h5,.charsheet h6 { color: #000; margin: 0.25em; padding: 0.25em; border: 0.1em solid #000; } .charsheet h3,.charsheet h4,.charsheet h5,.charsheet h6 { text-align: center; } .charsheet input.sheet-short { width: 5em; } .charsheet input.sheet-med { width: 15em; } .charsheet input.sheet-long { width: 25em; } .charsheet table td { font-weight: bold; text-align: center; width: 9em; } .charsheet hr.style-iceland { border: 0; height: 0.25em; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } .charsheet .sheet-man,.charsheet .sheet-child,.charsheet .sheet-woman,.charsheet .sheet-matriarch,.charsheet .sheet-gothi,.charsheet .sheet-seithkona,.charsheet .sheet-wanderer,.charsheet .sheet-shield-maiden,.charsheet .sheet-huscarl,.charsheet .sheet-thrall,.charsheet .sheet-monster,.charsheet .sheet-mc,.charsheet .sheet-npc { display: none; } .charsheet .sheet-man-activator:checked ~ .sheet-man,.charsheet .sheet-child-activator:checked ~ .sheet-child,.charsheet .sheet-woman-activator:checked ~ .sheet-woman,.charsheet .sheet-matriarch-activator:checked ~ .sheet-matriarch,.charsheet .sheet-gothi-activator:checked ~ .sheet-gothi,.charsheet .sheet-seithkona-activator:checked ~ .sheet-seithkona,.charsheet .sheet-wanderer-activator:checked ~ .sheet-wanderer,.charsheet .sheet-shield-maiden-activator:checked ~ .sheet-shield-maiden,.charsheet .sheet-huscarl-activator:checked ~ .sheet-huscarl,.charsheet .sheet-thrall-activator:checked ~ .sheet-thrall,.charsheet .sheet-monster-activator:checked ~ .sheet-monster { display: block; } .charsheet .sheet-mc-activator:checked ~ .sheet-mc,.charsheet .sheet-npc-activator:checked ~ .sheet-npc,.charsheet .sheet-player { display: block; } .charsheet .sheet-mc-activator:not(:checked) ~ .sheet-mc,.charsheet .sheet-mc-activator:checked ~ .sheet-player,.charsheet .sheet-npc-activator:not(:checked) ~ .sheet-npc,.charsheet .sheet-npc-activator:checked ~ .sheet-player { display: none; } .charsheet .sheet-player,.charsheet .sheet-mc,.charsheet .sheet-npc { border: 1px solid; padding: 1em; } .sheet-rolltemplate-sotiDefault .sheet-move-roll-header { font-size: 1.5em; background-color: transparent; color: #FFF; padding: 0.25em; padding-bottom: 0.25em; } .sheet-rolltemplate-sotiDefault .sheet-skill-roll-header { font-size: 1.5em; background-color: transparent; color: #FFF; padding: 0.5em; padding-bottom: 0.6em; padding-top: 0.2em; } .sheet-rolltemplate-sotiDefault .sheet-skill { font-size: 0.5em; font-weight: initial; background-color: transparent; margin-bottom: 0; padding-bottom: 0; color: #FFF; } .sheet-rolltemplate-sotiDefault .sheet-roll-result { font-size: 0.75em; font-weight: bold; color: #555; } .sheet-rolltemplate-sotiDefault table { text-align: center; width: 100%; } .sheet-rolltemplate-sotiDefault td { padding: 5px; border: 1px solid black; background-color: #FFF; padding-top: 0.75em; padding-bottom: 0; } .sheet-rolltemplate-sotiDefault .inlinerollresult { background-color: transparent; color: #555; border: none; font-size: 1.5em; padding-top: 0.25em; } .sheet-rolltemplate-sotiDefault .inlinerollresult.fullcrit { border: none; font-size: 1.5em; } .sheet-rolltemplate-sotiDefault .inlinerollresult.fullfail { border: none; font-size: 1.5em; } .sheet-rolltemplate-sotiDefault .inlinerollresult.importantroll { border: none; font-size: 1.5em; } .sheet-rolltemplate-sotiDefault .sheet-rt-background { background: url('http://imgsrv.roll20.net/?src=i.imgur.com/EFr5QKb.png') top left; background-size: 100% 100%; text-align: center; padding: 10%; }