.charsheet input { display: inline-block; width: 165px; } .charsheet input.sheet-tiny { display: inline-block; width: 20px; } .charsheet input.sheet-small { display: inline-block; width: 30px; } .charsheet input.sheet-cent { display: inline-block; width: 47px; } .charsheet input.sheet-track { display: inline-block; width: 59px; } .charsheet input.sheet-sym { display: inline-block; width: 72px; } .charsheet input.sheet-attr { display: inline-block; width: 80px; } .charsheet input.sheet-short { display: inline-block; width: 3.5em; } .charsheet input.sheet-shortish { display: inline-block; width: 4.1em; } .charsheet input.sheet-min { display: inline-block; width: 2.7em; } .charsheet input.sheet-madtext { display: inline-block; width: 79px; } .charsheet input.sheet-fill { display: inline-block; width: 106px; } .charsheet input.sheet-mintext { display: inline-block; width: 74px; } .charsheet input.sheet-midtext { display: inline-block; width: 85px; } .charsheet input.sheet-maxtext { display: inline-block; width: 100px; } .charsheet input.sheet-middle { display: inline-block; width: 138px; } .charsheet input.sheet-medium { display: inline-block; width: 115px; } .charsheet input.sheet-display { display: inline-block; width: 150px; } .charsheet input.sheet-length { display: inline-block; width: 170px; } .charsheet input.sheet-half { display: inline-block; width: 200px; } .charsheet input.sheet-rogue { display: inline-block; width: 122px; } .charsheet input.sheet-spell { display: inline-block; width: 215px; } .charsheet input.sheet-long { display: inline-block; width: 400px; } .charsheet input[type="number"].sheet-tiny { display: inline-block; 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-tiny { display: inline-block; width: 20px; } .charsheet select.sheet-small { display: inline-block; width: 29px; } .charsheet select.sheet-short { display: inline-block; margin: 0px 0px; width: 4em; } .charsheet select.sheet-mintext { display: inline-block; margin: 0px 0px; width: 74px; } input.sheet-arrow { float: left; } input.sheet-arrow:checked ~ div.sheet-body { display: none; } .charsheet input[type="checkbox"].left { float: left; margin: 5px 0px; width: 2px; } input.sheet-tab:not(:first-child)::before { border-left: none; } .charsheet textarea { text-overflow: scroll; } /* Fake checkbox */ input[type="checkbox"] + span::before { content: ""; width: 14px; height: 14px; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input[type="checkbox"]:checked + span::before { content: "✓"; } input[type="radio"] + 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); } input[type="checkbox"] + 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); } 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-melee, .charsheet input.sheet-tab71:checked ~ div.sheet-section-weapon-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 { 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 { display: inline-table; background: #ab8b57; color: white; border-radius: 4px; } input[type="radio"] { opacity: 0; width: 120; height: 30px; position: absolute; cursor: pointer; z-index: 1; } input[type="checkbox"] { opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; 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); } label { display:inline; font-size:.8125rem; line-height:1em; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } h2,h3,h4,h5,h6,h7,h8,h9 { line-height:1em; margin:inherit; display:inline; font-family: Arial; font-size:.8125rem; color: #000; } h1 { width: 100%; background-color: #FFF; color: #000; padding:.2em 0em 0em 0em; min-height: 1em; margin:0px 0px .5em 0px; font-size:.8125rem; line-height:1.4em; display:block; text-align:center; } .sheet-small-label1 { display: inline-block; padding: .5em .07em 0em .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 0em .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:0px; } .sheet-small-label1 select { margin-top:-2px; width: 72px; border: .5px; } .sheet-small-label2 { display: inline-block; padding: .5em .07em 0em .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 0em .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:0px; } .sheet-small-label2 select { margin-top:-2px; width: 63px; border: .5px; } .sheet-small-label3 { display: inline-block; padding: .5em .07em 0em .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 0em .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:0px; } .sheet-small-label3 select { margin-top:-2px; width: 85px; border: .5px; } .sheet-small-label4 { display: inline-block; padding: .5em .07em 0em .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 0em .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:0px; } .sheet-small-label4 select { margin-top:-2px; width: 67px; border: .5px; } .sheet-small-label5 { display: inline-block; padding: .5em .07em 0em .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 0em .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:0px; } .sheet-small-label5 select { margin-top:-2px; width: 105px; border: .5px; } .sheet-small-label6 { display: inline-block; padding: .5em .07em 0em .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 0em .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:0px; } .sheet-small-label6 select { margin-top:-2px; width: 75px; border: .5px; } .sheet-small-label7 { display: inline-block; padding: .5em .07em 0em .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 0em .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:0px; } .sheet-small-label7 select { margin-top:-2px; width: 125px; border: .5px; } button { background-color: #7C0303; } button:hover, { background-image: url("http://www.commentnation.com/backgrounds/images/parchment_paper_seamless_pattern.jpg"); } button:active /*/ Styles for 2ESheet rolltemplates /*/ /*/ Styles common to all 2E Templates /*/ .sheet-rolltemplate-2Edefault div.sheet-template-container, .sheet-rolltemplate-2Eattack div.sheet-template-container, .sheet-rolltemplate-2Espell div.sheet-template-container, .sheet-rolltemplate-2Echeck div.sheet-template-container, .sheet-rolltemplate-2Esave div.sheet-template-container { border: none; text-align: left; } .sheet-rolltemplate-2Edefault th.sheet-template-title1, .sheet-rolltemplate-2Eattack th.sheet-template-title1, .sheet-rolltemplate-2Espell th.sheet-template-title1, .sheet-rolltemplate-2Echeck th.sheet-template-title1, .sheet-rolltemplate-2Esave th.sheet-template-title1 { font-size: 12pt; font-weight: bold; font-family: "verdana", "tahoma", "ariel"; text-align: center; color: white; border: none; padding: 2px; margin: 0px; background-color: none; } .sheet-rolltemplate-2Edefault th.sheet-template-title2, .sheet-rolltemplate-2Eattack th.sheet-template-title2, .sheet-rolltemplate-2Espell th.sheet-template-title2, .sheet-rolltemplate-2Echeck th.sheet-template-title2, .sheet-rolltemplate-2Esave th.sheet-template-title2 { font-size: 12pt; font-weight: bold; font-family: "verdana", "tahoma", "ariel"; text-align: center; color: black; border: none; padding: 2px; margin: 0px; background-color: none; } .sheet-rolltemplate-2Edefault th.sheet-template-subtitle1, .sheet-rolltemplate-2Eattack th.sheet-template-subtitle1, .sheet-rolltemplate-2Espell th.sheet-template-subtitle1, .sheet-rolltemplate-2Echeck th.sheet-template-subtitle1, .sheet-rolltemplate-2Esave th.sheet-template-subtitle1 { font-size: 8pt; font-weight: normal; font-style: italic; font-family: "verdana", "tahoma", "ariel"; text-align: center; color: white; border: none; padding: 1px; margin: 0px; background-color: none; } .sheet-rolltemplate-2Edefault th.sheet-template-subtitle2, .sheet-rolltemplate-2Eattack th.sheet-template-subtitle2, .sheet-rolltemplate-2Espell th.sheet-template-subtitle2, .sheet-rolltemplate-2Echeck th.sheet-template-subtitle2, .sheet-rolltemplate-2Esave th.sheet-template-subtitle2 { font-size: 8pt; font-style: italic; font-weight: normal; font-family: "verdana", "tahoma", "ariel"; text-align: center; color: black; border: none; padding: 1px; margin: 0px; background-color: none; } .sheet-rolltemplate-2Edefault table, .sheet-rolltemplate-2Eattack table, .sheet-rolltemplate-2Espell table, .sheet-rolltemplate-2Echeck table, .sheet-rolltemplate-2Esave table { width: 100%; } .sheet-rolltemplate-2Edefault .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Espell .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Echeck .sheet-template-body tr:nth-child(even), .sheet-rolltemplate-2Esave .sheet-template-body tr:nth-child(even) { background-color: #e0e0e0; } .sheet-rolltemplate-2Edefault .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Espell .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Echeck .sheet-template-body tr:nth-child(odd), .sheet-rolltemplate-2Esave .sheet-template-body tr:nth-child(odd) { background-color: #f4f4f4; } .sheet-rolltemplate-2Edefault div.sheet-template-body, .sheet-rolltemplate-2Eattack div.sheet-template-body, .sheet-rolltemplate-2Espell div.sheet-template-body, .sheet-rolltemplate-2Echeck div.sheet-template-body, .sheet-rolltemplate-2Esave div.sheet-template-body { border: 1px solid black; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background: #727272; padding: 4px; margin-top: -1px; } .sheet-rolltemplate-2Edefault div.sheet-default-head, .sheet-rolltemplate-2Eattack div.sheet-attack-head, .sheet-rolltemplate-2Espell div.sheet-spell-head, .sheet-rolltemplate-2Echeck div.sheet-check-head, .sheet-rolltemplate-2Esave div.sheet-save-head { border: 1px solid #000000; border-top-right-radius: 8px; border-top-left-radius: 8px; padding: 3px; padding-top: 5px; margin-bottom: 0px; } /*/ Styles for the 2Edefault Template /*/ .sheet-rolltemplate-2Edefault div.sheet-default-head { background: #093a01; } .sheet-rolltemplate-2Edefault td.sheet-default-c1 { font-size: 9pt; font-weight: bold; text-transform: capitalize; color: #000000; text-align: center; font-family: "verdana"; border: 1px solid black; border-right: none; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Edefault td.sheet-default-c2 { font-size: 10pt; color: #000000; text-align: center; font-family: "verdana"; border: 1px solid black; border-left: none; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Edefault td.sheet-default-c3 { font-size: 9pt; color: #000000; text-align: left; font-family: "verdana"; border: 1px solid black; padding: 4px; margin: 0px; } /*/ Styles for the 2Eattack Template /*/ .sheet-rolltemplate-2Eattack div.sheet-attack-head { background: #a01616; } .sheet-rolltemplate-2Eattack td { padding: 5px; text-align: center; background-color: #f4f4f4; } .sheet-rolltemplate-2Eattack span.sheet-weapon-used { text-align: center; font-size: 10pt; font-style: italic; color: black; } .sheet-rolltemplate-2Eattack td.sheet-attack-c1 { vertical-align: bottom; width: 33%; } .sheet-rolltemplate-2Eattack td.sheet-attack-c2 { position: relative; background-image: url("http://i.imgur.com/rFM5RnH.png"); background-repeat: no-repeat; background-size: 50px 50px; background-position: center; height: 50px; width: 33%; } .sheet-rolltemplate-2Eattack td.sheet-attack-c3 { position: relative; background-image: url("http://i.imgur.com/QFPPKuq.png"); background-repeat: no-repeat; background-size: 50px 50px; background-position: center; height: 50px; } .sheet-rolltemplate-2Eattack td.sheet-attack-c4 { vertical-align: top; } .sheet-rolltemplate-2Eattack td.sheet-attack-c5 { background-color: #093a01; font-size: 12pt; font-weight: bold; font-style: italic; font-family: "verdana", "tahoma", "ariel"; color: #ffffff; } .sheet-rolltemplate-2Eattack span.sheet-attack-crit { font-size: 10pt; font-weight: normal; padding: 2px; } .sheet-rolltemplate-2Eattack td.sheet-attack-c6 { background-color: #a01616; font-size: 12pt; font-weight: bold; font-style: italic; font-family: "verdana", "tahoma", "ariel"; color: #ffffff; } .sheet-rolltemplate-2Eattack span.sheet-attack-fumble { font-size: 10pt; font-weight: normal; padding: 2px; } /*/ Inline Roll Styling for 2Eattack Template /*/ .sheet-rolltemplate-2Eattack .inlinerollresult { display: inline-block; font-size: 12pt; font-weight: bold; color: #000000; text-align: center; vertical-align: middle; border: none; background-color: white; } .sheet-rolltemplate-2Eattack .inlinerollresult.fullcrit { color: #093a01; border: none; } .sheet-rolltemplate-2Eattack .inlinerollresult.fullfail { color: #a01616; border: none; } .sheet-rolltemplate-2Eattack .inlinerollresult.importantroll { color: #000000; border: none; } /*/ Styles for the 2Espell Template /*/ .sheet-rolltemplate-2Espell div.sheet-spell-head { background: #1f2354; } .sheet-rolltemplate-2Espell td.sheet-spell-c1 { font-size: 10pt; color: #000000; text-align: center; font-family: "verdana"; border: 1px solid black; padding: 4px; margin: 0px; width: 50%; } .sheet-rolltemplate-2Espell span.sheet-spell-prop { font-size: 9pt; font-weight: bold; color: #000000; text-align: center; font-family: "verdana"; } .sheet-rolltemplate-2Espell td.sheet-spell-c2 { font-size: 9pt; color: #000000; text-align: left; font-family: "verdana"; border: 1px solid black; padding: 3px; margin: 0px; } /*/ Styles for the 2Esave Template /*/ .sheet-rolltemplate-2Esave div.sheet-save-head { background: #f26f2e; } .sheet-rolltemplate-2Esave td.sheet-save-c1 { font-size: 9pt; font-weight: bold; text-transform: capitalize; color: #000000; text-align: center; font-family: "verdana"; border: none; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Esave td.sheet-save-c2 { font-size: 10pt; font-weight: bold; text-transform: capitalize; text-align: center; font-family: "verdana"; border: none; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Esave td.sheet-save-c3 { background-color: #093a01; border: none; font-size: 12pt; font-weight: bold; font-style: italic; font-family: "verdana"; text-align: center; color: #ffffff; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Esave td.sheet-save-c4 { background-color: #a01616; border: none; font-size: 12pt; font-weight: bold; font-style: italic; font-family: "verdana"; text-align: center; color: #ffffff; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Echeck div.sheet-check-head { background: #512E5F; } .sheet-rolltemplate-2Echeck td.sheet-check-c1 { font-size: 9pt; font-weight: bold; text-transform: capitalize; color: #000000; text-align: center; font-family: "verdana"; border: none; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Echeck td.sheet-check-c2 { font-size: 10pt; font-weight: bold; text-transform: capitalize; text-align: center; font-family: "verdana"; border: none; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Echeck td.sheet-check-c3 { background-color: #093a01; border: none; font-size: 12pt; font-weight: bold; font-style: italic; font-family: "verdana"; text-align: center; color: #ffffff; padding: 4px; margin: 0px; } .sheet-rolltemplate-2Echeck td.sheet-check-c4 { background-color: #a01616; border: none; font-size: 12pt; font-weight: bold; font-style: italic; font-family: "verdana"; text-align: center; color: #ffffff; padding: 4px; margin: 0px; }