input, button, select, textarea { background-color: white; } .charsheet input { display: inline-block; width: 165px; } .charsheet select.sheet-tiny, .charsheet input.sheet-tiny { width: 20px; } .charsheet select.sheet-tinish, .charsheet input.sheet-tinish, .charsheet input[type="number"].sheet-tinish { width: 25px; } .charsheet select.sheet-small, .charsheet input.sheet-small { width: 30px; } .charsheet select.sheet-smallish, .charsheet input.sheet-smallish, .charsheet input[type="number"].sheet-smallish { width: 35px; } .charsheet select.sheet-cent, .charsheet input.sheet-cent { width: 47px; } .charsheet select.sheet-cent-min, .charsheet input.sheet-cent-min { min-width: 47px; width: 100%; } .charsheet select.sheet-track, .charsheet input.sheet-track { width: 59px; } .charsheet select.sheet-sym, .charsheet input.sheet-sym { width: 72px; } .charsheet select.sheet-mintext, .charsheet input.sheet-mintext { width: 74px; } .charsheet select.sheet-madtext, .charsheet input.sheet-madtext { width: 79px; } .charsheet select.sheet-spell-select, .charsheet select.sheet-attr, .charsheet input.sheet-attr { width: 80px; } .charsheet select.sheet-spell-select-min, .charsheet select.sheet-attr-min, .charsheet input.sheet-attr-min { min-width: 80px; width: 100%; } .charsheet select.sheet-midtext, .charsheet input.sheet-midtext { width: 85px; } .charsheet select.sheet-midtext-min, .charsheet input.sheet-midtext-min { min-width: 85px; width: 100%; } .charsheet select.sheet-midishtext, .charsheet input.sheet-midishtext { width: 90px; } .charsheet select.sheet-midishtext-min, .charsheet input.sheet-midishtext-min { min-width: 90px; width: 100%; } .charsheet select.sheet-maxtext, .charsheet input.sheet-maxtext { width: 100px; } .charsheet select.sheet-maxtext-min, .charsheet input.sheet-maxtext-min { min-width: 100px; width: 100% } .charsheet select.sheet-fill, .charsheet input.sheet-fill { width: 112px; } .charsheet select.sheet-medium, .charsheet input.sheet-medium { width: 115px; } .charsheet select.sheet-medium-min, .charsheet input.sheet-medium-min { min-width: 115px; width: 100%; } .charsheet select.sheet-rogue, .charsheet input.sheet-rogue { width: 120px; } .charsheet select.sheet-rogue-min, .charsheet input.sheet-rogue-min { min-width: 120px; width: 100%; } .charsheet select.sheet-spell-half, .charsheet input.sheet-spell-half, .charsheet textarea.sheet-spell-half { width: 125px; } .charsheet select.sheet-middle, .charsheet input.sheet-middle { width: 138px; } .charsheet select.sheet-middle-min, .charsheet input.sheet-middle-min { min-width: 138px; width: 100%; } .charsheet select.sheet-display, .charsheet input.sheet-display { width: 150px; } .charsheet select.sheet-display-min, .charsheet input.sheet-display-min { min-width: 150px; width: 100% } .charsheet select.sheet-length, .charsheet input.sheet-length { width: 170px; } .charsheet select.sheet-half, .charsheet input.sheet-half { width: 200px; } .charsheet select.sheet-spell-immune, .charsheet input.sheet-spell-immune { width: 210px; } .charsheet select.sheet-spell, .charsheet input.sheet-spell { width: 215px; } .charsheet select.sheet-nonweaponprof, .charsheet input.sheet-nonweaponprof { width: 260px; } .charsheet select.sheet-spell-big, .charsheet input.sheet-spell-big { width: 295px; } .charsheet select.sheet-long, .charsheet input.sheet-long { width: 400px; } .charsheet select.sheet-min, .charsheet .sheet-body input.sheet-min, .charsheet input.sheet-min { width: 2.5em; } .charsheet select.sheet-minish, .charsheet input.sheet-minish, .charsheet .sheet-body input.sheet-minish { width: 3em; } .charsheet select.sheet-short, .charsheet input.sheet-short { width: 3.5em; } .charsheet select.sheet-shortish, .charsheet input.sheet-shortish { width: 4em; } .charsheet select.sheet-mediumish, .charsheet input.sheet-mediumish, .charsheet input[type="number"].sheet-mediumish { width: 4.5em; } .charsheet select { display: inline-block; margin: 0; } .charsheet select.sheet-table-dynamic, .charsheet input.sheet-table-dynamic, .charsheet textarea.sheet-table-dynamic, .charsheet input.sheet-table-dynamic90 { width: 0; min-width: 100%; box-sizing: border-box; } .charsheet input.sheet-table-dynamic90 { min-width: 90%; } .charsheet th.sheet-td-dynamic30, .charsheet td.sheet-td-dynamic30 { width: 30%; } .charsheet th.sheet-td-dynamic50, .charsheet td.sheet-td-dynamic50 { width: 50%; } .charsheet th.sheet-td-dynamic70, .charsheet td.sheet-td-dynamic70 { width: 70%; } .charsheet th.sheet-td-dynamic100, .charsheet td.sheet-td-dynamic100 { width: 100%; } .charsheet select.sheet-table-dynamic { margin: 0; } .charsheet input[type="number"].sheet-tiny { width: 23px; } input[type="number"].sheet-tiny::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"].sheet-nobut::-webkit-inner-spin-button { -webkit-appearance: none; } .charsheet input.sheet-invisible, .charsheet input.sheet-version-large, .charsheet input.sheet-version-right { border: none; box-shadow: none; background-color: transparent; display: inline; cursor: text; } .charsheet input.sheet-version-right { float: right; text-align: right; width: 80px; } .charsheet input.sheet-version-large { font-size:24px; font-weight: 800; color: black; padding: 0; margin-bottom: 6px; } input.sheet-arrow { float: left; } input.sheet-arrow:checked ~ div.sheet-body { display: none; } .charsheet input[type="checkbox"].left { float: left; margin: 5px 0; width: 2px; } input.sheet-tab:not(:first-child)::before { border-left: none; } .charsheet textarea { overflow: auto; box-sizing: border-box; } textarea.sheet-input-like { height: 28px; margin-bottom: 0; display: block; } /* Fake checkbox */ .charsheet label input[type="radio"] + span::before, .charsheet input[type="checkbox"] + span::before { content: ""; cursor: pointer; width: 14px; height: 14px; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .charsheet input[type="radio"] + span::before, .charsheet input[type="checkbox"] + span::before { margin-right: 4px; margin-left: 4px; border: solid 1px #a8a8a8; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; font-weight: normal; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; background: #f6f6f6; background: -moz-radial-gradient(#f6f6f6, #dfdfdf); background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); background: -ms-radial-gradient(#f6f6f6, #dfdfdf); background: -o-radial-gradient(#f6f6f6, #dfdfdf); background: radial-gradient(#f6f6f6, #dfdfdf); } .charsheet label input[type="radio"]:checked + span::before, .charsheet input[type="checkbox"]:checked + span::before { content: "✓"; } div[class^="sheet-section"] { display: block; } .charsheet input.sheet-tab1:checked ~ div.sheet-section-character-page, .charsheet input.sheet-tab2:checked ~ div.sheet-section-monster-page, .charsheet input.sheet-tab3:checked ~ div.sheet-section-character-info, .charsheet input.sheet-tab4:checked ~ div.sheet-section-attributes, .charsheet input.sheet-tab5:checked ~ div.sheet-section-weapons, .charsheet input.sheet-tab6:checked ~ div.sheet-section-rogue, .charsheet input.sheet-tab7:checked ~ div.sheet-section-proficiencies, .charsheet input.sheet-tab8:checked ~ div.sheet-section-spells, .charsheet input.sheet-tab9:checked ~ div.sheet-section-psionics, .charsheet input.sheet-tab10:checked ~ div.sheet-section-equipment, .charsheet input.sheet-tab11:checked ~ div.sheet-section-currency, .charsheet input.sheet-tab12:checked ~ div.sheet-section-followers, .charsheet input.sheet-tab13:checked ~ div.sheet-section-standard-saves, .charsheet input.sheet-tab14:checked ~ div.sheet-section-ravenloft-saves, .charsheet input.sheet-tab15:checked ~ div.sheet-section-movement-standard, .charsheet input.sheet-tab16:checked ~ div.sheet-section-movement-advanced, .charsheet input.sheet-tab17:checked ~ div.sheet-section-attributes-standard, .charsheet input.sheet-tab18:checked ~ div.sheet-section-attributes-player-option, .charsheet input.sheet-tab19:checked ~ div.sheet-section-wizard-spells, .charsheet input.sheet-tab20:checked ~ div.sheet-section-priest-spells, .charsheet input.sheet-tab21:checked ~ div.sheet-section-wizard-level-one, .charsheet input.sheet-tab22:checked ~ div.sheet-section-wizard-level-two, .charsheet input.sheet-tab23:checked ~ div.sheet-section-wizard-level-three, .charsheet input.sheet-tab24:checked ~ div.sheet-section-wizard-level-four, .charsheet input.sheet-tab25:checked ~ div.sheet-section-wizard-level-five, .charsheet input.sheet-tab26:checked ~ div.sheet-section-wizard-level-six, .charsheet input.sheet-tab27:checked ~ div.sheet-section-wizard-level-seven, .charsheet input.sheet-tab28:checked ~ div.sheet-section-wizard-level-eight, .charsheet input.sheet-tab29:checked ~ div.sheet-section-wizard-level-nine, .charsheet input.sheet-tab30:checked ~ div.sheet-section-wizard-level-ten, .charsheet input.sheet-tab31:checked ~ div.sheet-section-priest-level-one, .charsheet input.sheet-tab32:checked ~ div.sheet-section-priest-level-two, .charsheet input.sheet-tab33:checked ~ div.sheet-section-priest-level-three, .charsheet input.sheet-tab34:checked ~ div.sheet-section-priest-level-four, .charsheet input.sheet-tab35:checked ~ div.sheet-section-priest-level-five, .charsheet input.sheet-tab36:checked ~ div.sheet-section-priest-level-six, .charsheet input.sheet-tab37:checked ~ div.sheet-section-priest-level-seven, .charsheet input.sheet-tab38:checked ~ div.sheet-section-priest-quest, .charsheet input.sheet-tab39:checked ~ div.sheet-section-rogue-standard, .charsheet input.sheet-tab40:checked ~ div.sheet-section-psionic-standard, .charsheet input.sheet-tab41:checked ~ div.sheet-section-psionic-advanced, .charsheet input.sheet-tab42:checked ~ div.sheet-section-currency-standard, .charsheet input.sheet-tab43:checked ~ div.sheet-section-currency-dragonlance, .charsheet input.sheet-tab44:checked ~ div.sheet-section-currency-dark-sun, .charsheet input.sheet-tab45:checked ~ div.sheet-section-currency-ravenloft, .charsheet input.sheet-tab46:checked ~ div.sheet-section-follower-warrior, .charsheet input.sheet-tab47:checked ~ div.sheet-section-follower-wizard, .charsheet input.sheet-tab48:checked ~ div.sheet-section-follower-priest, .charsheet input.sheet-tab49:checked ~ div.sheet-section-follower-rogue, .charsheet input.sheet-tab50:checked ~ div.sheet-section-follower-psion, .charsheet input.sheet-tab51:checked ~ div.sheet-section-follower-animals, .charsheet input.sheet-tab52:checked ~ div.sheet-section-priest-turn, .charsheet input.sheet-tab53:checked ~ div.sheet-section-journal, .charsheet input.sheet-tab54:checked ~ div.sheet-section-wizard-level-eleven, .charsheet input.sheet-tab55:checked ~ div.sheet-section-wizard-level-twelve, .charsheet input.sheet-tab56:checked ~ div.sheet-section-wizard-level-thirteen, .charsheet input.sheet-tab57:checked ~ div.sheet-section-wizard-level-fourteen, .charsheet input.sheet-tab58:checked ~ div.sheet-section-wizard-level-fifteen, .charsheet input.sheet-tab59:checked ~ div.sheet-section-currency-maztica, .charsheet input.sheet-tab60:checked ~ div.sheet-section-rogue-spds, .charsheet input.sheet-tab61:checked ~ div.sheet-section-rogue-standard-hench, .charsheet input.sheet-tab62:checked ~ div.sheet-section-rogue-spds-hench, .charsheet input.sheet-tab63:checked ~ div.sheet-section-rogue-standard-repeat, .charsheet input.sheet-tab64:checked ~ div.sheet-section-rogue-spds-repeat, .charsheet input.sheet-tab65:checked ~ div.sheet-section-psionics-standard-hench, .charsheet input.sheet-tab66:checked ~ div.sheet-section-psionics-advanced-hench, .charsheet input.sheet-tab67:checked ~ div.sheet-section-psionics-standard-repeat, .charsheet input.sheet-tab68:checked ~ div.sheet-section-psionics-advanced-repeat, .charsheet input.sheet-tab69:checked ~ div.sheet-section-granted-powers, .charsheet input.sheet-tab70:checked ~ div.sheet-section-weapon-standard-melee, .charsheet input.sheet-tab71:checked ~ div.sheet-section-weapon-standard-ranged, .charsheet input.sheet-tab72:checked ~ div.sheet-section-movement-mount, .charsheet input.sheet-tab73:checked ~ div.sheet-section-character-info-details, .charsheet input.sheet-tab74:checked ~ div.sheet-section-character-info-tracker, .charsheet input.sheet-tab75:checked ~ div.sheet-section-currency-birthright, .charsheet input.sheet-tab76:checked ~ div.sheet-section-birthright, .charsheet input.sheet-tab77:checked ~ div.sheet-section-movement-barbarian, .charsheet input.sheet-tab78:checked ~ div.sheet-section-attributes-dream, .charsheet input.sheet-tab79:checked ~ div.sheet-section-movement-swimming, .charsheet input.sheet-tab80:checked ~ div.sheet-section-movement-flying, .charsheet input.sheet-tab81:checked ~ div.sheet-section-weapon-standard, .charsheet input.sheet-tab82:checked ~ div.sheet-section-weapon-player-option, .charsheet input.sheet-tab83:checked ~ div.sheet-section-weapon-player-option-melee, .charsheet input.sheet-tab84:checked ~ div.sheet-section-weapon-player-option-ranged, .charsheet input.sheet-tab85:checked ~ div.sheet-section-settings-page { display: block; } .charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { display: block; } .charsheet input.sheet-tab { width: 120px; height: inherit; cursor: pointer; position: relative; opacity: 0; z-index: 9999; } .charsheet span.sheet-tab { text-align: center; display: inline-block; font-size: 14px; background: #800a0a; color: white; font-weight: bold; border-radius: 4px; width: 120px; height: inherit; cursor: pointer; position: relative; } .charsheet div.sheet-tab-content { display: none; } .charsheet input.sheet-tab1:checked + span.sheet-tab1, .charsheet input.sheet-tab2:checked + span.sheet-tab2, .charsheet input.sheet-tab3:checked + span.sheet-tab3, .charsheet input.sheet-tab4:checked + span.sheet-tab4, .charsheet input.sheet-tab5:checked + span.sheet-tab5, .charsheet input.sheet-tab6:checked + span.sheet-tab6, .charsheet input.sheet-tab7:checked + span.sheet-tab7, .charsheet input.sheet-tab8:checked + span.sheet-tab8, .charsheet input.sheet-tab9:checked + span.sheet-tab9, .charsheet input.sheet-tab10:checked + span.sheet-tab10, .charsheet input.sheet-tab11:checked + span.sheet-tab11, .charsheet input.sheet-tab12:checked + span.sheet-tab12, .charsheet input.sheet-tab13:checked + span.sheet-tab13, .charsheet input.sheet-tab14:checked + span.sheet-tab14, .charsheet input.sheet-tab15:checked + span.sheet-tab15, .charsheet input.sheet-tab16:checked + span.sheet-tab16, .charsheet input.sheet-tab17:checked + span.sheet-tab17, .charsheet input.sheet-tab18:checked + span.sheet-tab18, .charsheet input.sheet-tab19:checked + span.sheet-tab19, .charsheet input.sheet-tab20:checked + span.sheet-tab20, .charsheet input.sheet-tab21:checked + span.sheet-tab21, .charsheet input.sheet-tab22:checked + span.sheet-tab22, .charsheet input.sheet-tab23:checked + span.sheet-tab23, .charsheet input.sheet-tab24:checked + span.sheet-tab24, .charsheet input.sheet-tab25:checked + span.sheet-tab25, .charsheet input.sheet-tab26:checked + span.sheet-tab26, .charsheet input.sheet-tab27:checked + span.sheet-tab27, .charsheet input.sheet-tab28:checked + span.sheet-tab28, .charsheet input.sheet-tab29:checked + span.sheet-tab29, .charsheet input.sheet-tab30:checked + span.sheet-tab30, .charsheet input.sheet-tab31:checked + span.sheet-tab31, .charsheet input.sheet-tab32:checked + span.sheet-tab32, .charsheet input.sheet-tab33:checked + span.sheet-tab33, .charsheet input.sheet-tab34:checked + span.sheet-tab34, .charsheet input.sheet-tab35:checked + span.sheet-tab35, .charsheet input.sheet-tab36:checked + span.sheet-tab36, .charsheet input.sheet-tab37:checked + span.sheet-tab37, .charsheet input.sheet-tab38:checked + span.sheet-tab38, .charsheet input.sheet-tab39:checked + span.sheet-tab39, .charsheet input.sheet-tab40:checked + span.sheet-tab40, .charsheet input.sheet-tab41:checked + span.sheet-tab41, .charsheet input.sheet-tab42:checked + span.sheet-tab42, .charsheet input.sheet-tab43:checked + span.sheet-tab43, .charsheet input.sheet-tab44:checked + span.sheet-tab44, .charsheet input.sheet-tab45:checked + span.sheet-tab45, .charsheet input.sheet-tab46:checked + span.sheet-tab46, .charsheet input.sheet-tab47:checked + span.sheet-tab47, .charsheet input.sheet-tab48:checked + span.sheet-tab48, .charsheet input.sheet-tab49:checked + span.sheet-tab49, .charsheet input.sheet-tab50:checked + span.sheet-tab50, .charsheet input.sheet-tab51:checked + span.sheet-tab51, .charsheet input.sheet-tab52:checked + span.sheet-tab52, .charsheet input.sheet-tab53:checked + span.sheet-tab53, .charsheet input.sheet-tab54:checked + span.sheet-tab54, .charsheet input.sheet-tab55:checked + span.sheet-tab55, .charsheet input.sheet-tab56:checked + span.sheet-tab56, .charsheet input.sheet-tab57:checked + span.sheet-tab57, .charsheet input.sheet-tab58:checked + span.sheet-tab58, .charsheet input.sheet-tab59:checked + span.sheet-tab59, .charsheet input.sheet-tab60:checked + span.sheet-tab60, .charsheet input.sheet-tab61:checked + span.sheet-tab61, .charsheet input.sheet-tab62:checked + span.sheet-tab62, .charsheet input.sheet-tab63:checked + span.sheet-tab63, .charsheet input.sheet-tab64:checked + span.sheet-tab64, .charsheet input.sheet-tab65:checked + span.sheet-tab65, .charsheet input.sheet-tab66:checked + span.sheet-tab66, .charsheet input.sheet-tab67:checked + span.sheet-tab67, .charsheet input.sheet-tab68:checked + span.sheet-tab68, .charsheet input.sheet-tab69:checked + span.sheet-tab69, .charsheet input.sheet-tab70:checked + span.sheet-tab70, .charsheet input.sheet-tab71:checked + span.sheet-tab71, .charsheet input.sheet-tab72:checked + span.sheet-tab72, .charsheet input.sheet-tab73:checked + span.sheet-tab73, .charsheet input.sheet-tab74:checked + span.sheet-tab74, .charsheet input.sheet-tab75:checked + span.sheet-tab75, .charsheet input.sheet-tab76:checked + span.sheet-tab76, .charsheet input.sheet-tab77:checked + span.sheet-tab77, .charsheet input.sheet-tab78:checked + span.sheet-tab78, .charsheet input.sheet-tab79:checked + span.sheet-tab79, .charsheet input.sheet-tab80:checked + span.sheet-tab80, .charsheet input.sheet-tab81:checked + span.sheet-tab81, .charsheet input.sheet-tab82:checked + span.sheet-tab82, .charsheet input.sheet-tab83:checked + span.sheet-tab83, .charsheet input.sheet-tab84:checked + span.sheet-tab84, .charsheet input.sheet-tab85:checked + span.sheet-tab85 { display: inline-table; background: #ab8b57; color: white; border-radius: 4px; } .charsheet input[type="radio"] { opacity: 0; width: 120px; height: 30px; position: absolute; cursor: pointer; z-index: 1; } .charsheet input[type="checkbox"] { opacity: 0; width: 16px; height: 16px; position: relative; left: 10px; margin: -10px; cursor: pointer; z-index: 1; } input.sheet-tab + span::before, input.sheet-tab + span::before { margin-right: 4px; border: solid 1px #a8a8a8; line-height: 14px; text-align: center; display: inline-block; vertical-align: middle; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; background: #f6f6f6; background: -moz-radial-gradient(#f6f6f6, #dfdfdf); background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); background: -ms-radial-gradient(#f6f6f6, #dfdfdf); background: -o-radial-gradient(#f6f6f6, #dfdfdf); background: radial-gradient(#f6f6f6, #dfdfdf); } .charsheet label { position: relative; display:inline; font-size: 12px; line-height:1em; margin: 0 0 0 0; padding: 0 0 0 0; } /* Dark Mode override */ .sheet-darkmode .charsheet label { color: #333; } .charsheet h1, .charsheet h2, .charsheet h3, .charsheet h4, .charsheet h5, .charsheet h6 { font-weight: 800; } /*h2,h3,h4,h5,h6 {*/ /* line-height:1em;*/ /* display:inline;*/ /* font-family: Arial, sans-serif;*/ /* font-size:.8125rem;*/ /* color: #000;*/ /*}*/ /*h1 {*/ /* width: 100%;*/ /* background-color: #FFF;*/ /* color: #000;*/ /* padding:.2em 0 0 0;*/ /* min-height: 1em;*/ /* margin: 0 0 .5em 0;*/ /* font-size:.8125rem;*/ /* line-height:1.4em;*/ /* display:block;*/ /* text-align:center;*/ /*}*/ .sheet-small-label1 { display: inline-block; padding: .5em .07em 0 .07em; margin: .75rem .4em 1.125rem .4em; height: 1.85em; width: 72px; vertical-align: middle; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label1 span { padding: .5em .07em 0 .07em; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; float:left; /* floats but 100% wide. */ /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label1 input::-moz-focus-inner { padding: 0; } .sheet-small-label1 select { margin-top:-2px; width: 72px; border: .5px; } .sheet-small-label2 { display: inline-block; padding: .5em .07em 0 .07em; margin: .75rem .4em 1.125rem .4em; height: 1.85em; width: 63px; vertical-align: middle; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label2 span { padding: .5em .07em 0 .07em; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; float:left; /* floats but 100% wide. */ /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label2 input::-moz-focus-inner { padding: 0; } .sheet-small-label2 select { margin-top:-2px; width: 63px; border: .5px; } .sheet-small-label3 { display: inline-block; padding: .5em .07em 0 .07em; margin: .75rem .4em 1.125rem .4em; height: 1.85em; width: 85px; vertical-align: middle; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label3 span { padding: .5em .07em 0 .07em; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; float:left; /* floats but 100% wide. */ /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label3 input::-moz-focus-inner { padding: 0; } .sheet-small-label3 select { margin-top:-2px; width: 85px; border: .5px; } .sheet-small-label4 { display: inline-block; padding: .5em .07em 0 .07em; margin: .75rem .4em 1.125rem .4em; height: 1.85em; width: 67px; vertical-align: middle; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label4 span { padding: .5em .07em 0 .07em; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; float:left; /* floats but 100% wide. */ /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label4 input::-moz-focus-inner { padding: 0; } .sheet-small-label4 select { margin-top:-2px; width: 67px; border: .5px; } .sheet-small-label5 { display: inline-block; padding: .5em .07em 0 .07em; margin: .75rem .4em 1.125rem .4em; height: 1.85em; width: 105px; vertical-align: middle; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label5 span { padding: .5em .07em 0 .07em; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; float:left; /* floats but 100% wide. */ /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label5 input::-moz-focus-inner { padding: 0; } .sheet-small-label5 select { margin-top:-2px; width: 105px; border: .5px; } .sheet-small-label6 { display: inline-block; padding: .5em .07em 0 .07em; margin: .75rem .4em 1.125rem .4em; height: 1.85em; width: 75px; vertical-align: middle; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label6 span { padding: .5em .07em 0 .07em; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; float:left; /* floats but 100% wide. */ /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label6 input::-moz-focus-inner { padding: 0; } .sheet-small-label6 select { margin-top:-2px; width: 75px; border: .5px; } .sheet-small-label7 { display: inline-block; padding: .5em .07em 0 .07em; margin: .75rem .4em 1.125rem .4em; height: 1.85em; width: 125px; vertical-align: middle; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label7 span { padding: .5em .07em 0 .07em; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; float:left; /* floats but 100% wide. */ /*firefox has to be squeezed */ -moz-margin-start:-2px; -moz-margin-end:-2px; } .sheet-small-label7 input::-moz-focus-inner { padding: 0; } .sheet-small-label7 select { margin-top:-2px; width: 125px; border: .5px; } button { background-color: #7C0303; } .charsheet, .charsheet button:hover { background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD_2E_Revised/img/background-parchment_paper_seamless_pattern.jpg"); } insert_rolltemplates.css .sheet-inline, .sheet-inline-5 { display: inline-block; } .sheet-inline-5 { padding-right: 5px; } table.sheet-default-header-first-row tr:first-child, table.sheet-default-header-thead thead:first-child, table.sheet-default-header-even-row tr:nth-child(even), table.sheet-default-header-odd-row tr:nth-child(odd), table.sheet-default-header-every-third-row tr:nth-child(3n+1), table.sheet-default-header-first-column td:first-child, table.sheet-default-header-first-column th:first-child, table.sheet-default-header-even-column td:nth-child(even), table.sheet-default-header-odd-column td:nth-child(odd), table.sheet-default-header-every-third-column td:nth-child(3n+1), .sheet-default-header { background-color: #7C0303; color: #FFF; font-family: Arial, sans-serif; font-weight: bold; } table.sheet-background-gray-pair3 tr:nth-child(6n+5), table.sheet-background-gray-pair3 tr:nth-child(6n+6), table.sheet-background-gray-pair3 tr:nth-child(6n+7) { background-color: rgb(0, 0, 0, 10%); } .sheet-centering, .sheet-centering-padding-2, .sheet-centering-padding-5, table.sheet-centering-column1 th:nth-child(1), table.sheet-centering-column1 td:nth-child(1), table.sheet-centering-column2 th:nth-child(2), table.sheet-centering-column2 td:nth-child(2), table.sheet-centering-column3 th:nth-child(3), table.sheet-centering-column3 td:nth-child(3), table.sheet-centering-column4 th:nth-child(4), table.sheet-centering-column4 td:nth-child(4), table.sheet-centering-padding-5-column2 th:nth-child(2), table.sheet-centering-padding-5-column2 td:nth-child(2), table.sheet-centering-padding-5-column3 th:nth-child(3), table.sheet-centering-padding-5-column3 td:nth-child(3), table.sheet-centering-padding-5-column4 th:nth-child(4), table.sheet-centering-padding-5-column4 td:nth-child(4), table.sheet-centering-padding-5-column5 th:nth-child(5), table.sheet-centering-padding-5-column5 td:nth-child(5) { text-align: center; vertical-align: middle; } .sheet-centering-horizontal { text-align: center; } .sheet-centering-vertical { vertical-align: middle; } .sheet-table-center { margin-left: auto; margin-right: auto; } .sheet-centering-padding-2 { padding-left: 2px; padding-right: 2px; } table.sheet-centering-padding-5-column2 th:nth-child(2), table.sheet-centering-padding-5-column2 td:nth-child(2), table.sheet-centering-padding-5-column3 th:nth-child(3), table.sheet-centering-padding-5-column3 td:nth-child(3), table.sheet-centering-padding-5-column4 th:nth-child(4), table.sheet-centering-padding-5-column4 td:nth-child(4), .sheet-centering-padding-5 { padding-left: 5px; padding-right: 5px; } .sheet-padding-right, table.sheet-padding-right-column1 th:nth-child(1), table.sheet-padding-right-column1 td:nth-child(1), table.sheet-padding-right-column2 th:nth-child(2), table.sheet-padding-right-column2 td:nth-child(2) { padding-right: 5px; } .sheet-table-white { color: #FFF; font-family: Arial, sans-serif; font-weight: bold; } .sheet-note { line-height:1em; font-family: Arial, sans-serif; font-size:.8125rem; font-weight: bold; color: #000; } .sheet-flex, .charsheet .sheet-body .sheet-flex { display: flex; } .sheet-flex-column, .charsheet .sheet-body .sheet-flex-column { display: flex; flex-direction: column; } .sheet-flex-wrap .repcontainer { display: flex; flex-wrap: wrap; justify-content: space-around; } .charsheet label input[type="radio"], .charsheet label input[type="checkbox"] { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { text-align: inherit; padding-left: inherit; } .sheet-collapse { visibility: collapse; } .sheet-hidden { display: none; } .sheet-hidden.sheet-show { display: revert; } .btn.sheet-hidden { padding-top: 2px; padding-left: 8px; padding-right: 8px; } div.repcontainer:not(.editmode) div.repitem td button[type="action"], div.repcontainer:not(.editmode) div.repitem th button[type="action"] { position: relative; } div.repcontainer div.repitem:first-child td.sheet-show-first, div.repcontainer div.repitem:first-child tr.sheet-show-first, div.repcontainer div.repitem:first-child th.sheet-show-first, div.repcontainer div.repitem:first-child thead.sheet-show-first { visibility: visible; } .sheet-show-spell-hack { position: relative; top: -11px; } .sheet-spell-effect { width: 100%; position: relative; top: -5px; } input.sheet-show-spell-details:checked ~ .sheet-spell-effect { top: 0; } table.sheet-spell-details { visibility: collapse; } input.sheet-show-spell-details:checked ~ table.sheet-spell-details { visibility: visible; margin-top: -5px; } div.sheet-spell-details { display: none; } input.sheet-show-spell-details:checked ~ div.sheet-spell-details { display: flex; } .sheet-underline { text-decoration: underline; font-weight: bolder; } /* Overwrite Roll20 base styling */ details > summary:first-of-type { display: revert; } /* Show hide styling */ .sheet-worn-equipment, .sheet-spell-points-wiz, .sheet-spell-points-pri, .sheet-spell-sphere-pri, .sheet-announcement, .sheet-toast { display: none; } input.sheet-show-worn-equipment:checked ~ .sheet-worn-equipment, input.sheet-show-spell-points-wiz:checked ~ .sheet-spell-points-wiz, input.sheet-show-spell-points-pri:checked ~ .sheet-spell-points-pri, input.sheet-show-spell-spheres-pri:checked ~ .sheet-spell-sphere-pri, input.sheet-show-announcement:checked ~ .sheet-announcement, input.sheet-show-toast:checked ~ .sheet-toast { display: block; } .sheet-action-button, .sheet-action-button-roll { height: 19px; font-size: 1.3em; padding: 2px 3px; margin: 0 3px; } .sheet-action-button-roll:before { font-family: "dicefontd20"; content: "t"; } /* Announcement styling start */ div.sheet-announcement { width: 95%; margin: 5px; border: 3px solid #ff0000; border-radius: 8px; padding: 8px; background: #ababab; box-sizing: border-box; } .sheet-selectable { font-style: italic; font-weight: bold; color: #181E72; -webkit-user-select: all; /* Chrome all / Safari all */ -moz-user-select: all; /* Firefox all */ -ms-user-select: all; /* IE 10+ */ user-select: all; /* Likely future */ } img.expandable { transition:transform 0.25s ease; } img.expandable:hover { -webkit-transform:scale(3); /* or some other value */ transform:scale(3); } /* Announcement styling end */ /* Firefox styling */ @supports (-moz-appearance:none) { .charsheet .sheet-chrome { display: none; } } /* Not Firefox styling */ @supports not (-moz-appearance:none) { .charsheet .sheet-firefox { display: none; } } insert_toast.css