.sheet-pc, .sheet-npc { display: none; } .sheet-npc_toggle[value="0"] ~ .sheet-pc, .sheet-npc_toggle[value="1"] ~ .sheet-npc { display: block; } .sheet-container { width: 750px; background-color: white; position: relative; } input[type=radio].sheet-tab-button { opacity: 0; position: absolute; top: 92px; right: 0px; width: 18px; height: 18px; z-index: 2; } input[type=radio].sheet-tab-button + span { position: absolute; top: 92px; right: 0px; width: 17px; height: 17px; border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } .sheet-advantagetoggle { position: absolute; top: 92px; left: 570px; z-index: 1; } .sheet-advantagetoggle input[type=radio] { opacity: 0; position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; z-index: 2; } .sheet-advantagetoggle input[type=radio] + span { position: absolute; top: 0px; right: 0px; width: 17px; height: 17px; border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } .sheet-advantagetoggle input[type=radio]:checked + span, input[type=radio].sheet-tab-button:checked + span { color: #FFFFFF; background-color: #EC2127; } .sheet-advantagetoggle input.sheet-toggle-left, .sheet-advantagetoggle input.sheet-toggle-left + span { right: 181px; width: 90px; } .sheet-advantagetoggle input.sheet-toggle-center, .sheet-advantagetoggle input.sheet-toggle-center + span { right: 113px; width: 65px; } .sheet-advantagetoggle input.sheet-toggle-right, .sheet-advantagetoggle input.sheet-toggle-right + span { right: 0px; width: 110px; } .sheet-whispertoggle { left: 270px; } .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-right, .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-right + span { width: 50px; } .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-left, .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-left + span { right: 54px; width: 55px; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle { top: -10px; left: 390px; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle.sheet-whispertoggle { top: -10px; left: 120px; } .sheet-advantagetoggle { display: none; } .sheet-toggleflag[value*="advantagetoggle"] + .sheet-advantagetoggle, .sheet-toggleflag[value*="whispertoggle"] + .sheet-whispertoggle, .sheet-toggleflag[value="1"] + .sheet-hidden, .sheet-toggleflag[value="1"] + .sheet-row.sheet-hidden { display: block; } .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc, .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-header { display: block; visibility: hidden; width: 0px; top: -150px; margin: 0px; padding: 0px; } .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells { display: block; } .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-core, .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-bio, .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-options { display: none; } .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body { visibility: visible; } .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body .sheet-col { display: block; } .sheet-hidden, .sheet-options .sheet-row.sheet-hidden { display: none; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio] + span { text-transform: lowercase; font-variant: small-caps; font-weight: normal; background: transparent; border: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio] + span:first-letter { text-transform: uppercase; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio] + span > span.togm { text-transform: uppercase; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio]:checked + span { font-weight: bold; color: rgb(126, 45, 64); } .sheet-page { display: none; } input[type=radio].sheet-tab-button.sheet-core:checked ~ .sheet-page.sheet-core, input[type=radio].sheet-tab-button.sheet-bio:checked ~ .sheet-page.sheet-bio, input[type=radio].sheet-tab-button.sheet-spells:checked ~ .sheet-page.sheet-spells, input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-options { display: block; } input[type=radio].sheet-tab-button.sheet-core, input[type=radio].sheet-tab-button.sheet-core + span { right: 116px; width: 45px; } input[type=radio].sheet-tab-button.sheet-bio, input[type=radio].sheet-tab-button.sheet-bio + span { right: 83px; width: 30px; } input[type=radio].sheet-tab-button.sheet-spells, input[type=radio].sheet-tab-button.sheet-spells + span { right: 20px; width: 60px; } .sheet-header .sheet-top { height: 42px; } .sheet-header .sheet-part { width: 157px; display: inline-block; text-align: center; } .sheet-header .sheet-part input[type=text], .sheet-header .sheet-part select { border: 1px solid #666; border-radius: 5px; height: 56px; width: 110px; text-align: center; } .sheet-header .sheet-header-info select { padding-left: 0px; padding-right: 0px; } .sheet-header .sheet-part input[type=text] { font-size: 30px; } .sheet-header .sheet-part span.sheet-display { border: 1px solid #666; border-radius: 5px; height: 54px; width: 110px; text-align: center; margin: 0px; display: inline-block; line-height: 54px; font-size: 25px; } .sheet-header input, .sheet-header select { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; } .sheet-header input { padding: 0px; } .sheet-header select { margin-bottom: 0px; } .sheet-header input[type=number] { text-align: center; margin-bottom: -9px; } .sheet-header input[type=number]::-webkit-inner-spin-button, .sheet-header input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-header input[type=number] { -moz-appearance:textfield; } .sheet-header span { display: block; font-size: 9px; line-height: 12px; } .sheet-header .sheet-name-container span.sheet-label { text-align: left; font-weight: normal; margin-top: 0; } .sheet-name-container { width: 250px; display: inline-block; vertical-align: top; } .sheet-name-container input { font-size: 20px; margin-top: -9px; } .sheet-header-info { width: 482px; margin-left: -2px; display: inline-block; border: 3px double #666; padding: 5px; max-height: 74px; } .sheet-hlabel-container { display: inline-block; margin-left: -4px; } .sheet-hlabel-container.sheet-multiclass-container { vertical-align: top; } .sheet-hlabel-container:first-child { margin-left: 0px; } .sheet-body { width: 750px; margin-top: 22px; } .sheet-col { width: 32.97%; } .sheet-col2-3 { width: 490px; margin-left: 5px; display: inline-block; } .sheet-attributes-container { width: 70px; margin-right: 5px; display: inline-block; vertical-align: top; } .sheet-attr-container { width: 70px; border: 1px solid #666; border-radius: 5px; position: relative; padding-bottom: 10px; margin-bottom: 19px; height: 64px; text-align: center; } .sheet-attr-container button[type=roll], .sheet-saving-throw button[type=roll], .sheet-skill button[type=roll], .sheet-ac-init-speed-container button[type=roll], .sheet-subcontainer button[type=roll], .sheet-npc button[type=roll] { background-color: transparent; color: black; border: none; font-size: 9px; line-height: 12px; background-image: none; text-shadow: none; box-shadow: none; padding: 0px; margin: 0px; width: 100%; font-weight: bold; } .sheet-attr-container button[type=roll]::before, .sheet-saving-throw button[type=roll]::before, .sheet-skill button[type=roll]::before, .sheet-ac-init-speed-container button[type=roll]::before, .sheet-subcontainer button[type=roll]::before, .sheet-npc button[type=roll]::before { content: "" !important; } .sheet-attr-container button[type=roll] { overflow: hidden; } button[type=roll]:hover, button[type=roll]:hover *, .sheet-spell button[type=roll]:hover input[type=text], .sheet-action .sheet-display button[type=roll]:hover * { color: #EC2127; } button[type=roll] * { pointer-events: none; } .sheet-attr-container input { border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; margin-top: 3px; } .sheet-attr { font-size: 30px; line-height: 40px; } .sheet-attr-mod { width: 40px; height: 20px; border: 1px solid #666; border-radius: 50%; z-index: 2; position: absolute; top: 62px; left: 0; right: 0; margin-left: auto; margin-right: auto; background-color: white; } .sheet-attr-mod input { text-align: center; /* width: 100%; height: 20px;*/ font-size: 20px; margin: 0px; padding: 0px; vertical-align: middle; line-height: 22px; } .sheet-skills-saves-container { width: 163px; margin-right: 5px; display: inline-block; vertical-align: top; } .sheet-insp-prof-container { margin-bottom: 10px; } .sheet-insp-prof-container .sheet-value { display: inline-block; border: 1px solid #666; border-radius: 50%; width: 35px; height: 35px; background-color: white; position: relative; } .sheet-insp-prof-container .sheet-value input[type=checkbox] { height: 100%; width: 100%; border-radius: 50%; opacity: 0; z-index: 2; position: relative; } .sheet-insp-prof-container .sheet-value input[type=checkbox] ~ span { height: 100%; width: 100%; border-radius: 50%; background:url("https://i.pinimg.com/originals/2e/c9/75/2ec9751579fa59535a4d4791579d3679.png") left top no-repeat; background-size: contain; cursor: pointer; position: absolute; top: 0px; display: none; } .sheet-insp-prof-container .sheet-value input[type=checkbox]:checked ~ span { display: block; } .sheet-insp-prof-container .sheet-value span { font-size: 20px; font-weight: normal; line-height: 34px; } .sheet-insp-prof-container .sheet-label { width: calc(100% - 29px); height: 30px; margin-left: -15px; margin-top: 3px; display: inline-block; border: 1px solid #666; border-radius: 5px; vertical-align: top; } .sheet-insp-prof-container span { display: block; font-size: 9px; line-height: 12px; width: 100%; text-align: center; line-height: 30px; font-weight: bold; } .sheet-insp-prof-container .sheet-value input, .sheet-saving-throw input[type=text], .sheet-skill input[type=text], .sheet-ac-init-speed-container input, .sheet-hp input, .sheet-exhaustion input, .sheet-indoctrination input, .sheet-hdice-dsaves-container input[type=text], .sheet-hdice-dsaves-container input[type=number], .sheet-attacks input, .sheet-equipment input, .sheet-tool input, .sheet-proficiencies input, .sheet-pc .sheet-traits input, .sheet-spell input, .sheet-options .sheet-body input, .sheet-resources input[type=number] { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; } .sheet-resources input[type=number], .sheet-hdice-dsaves-container input[type=number] { padding-right: 0px; padding-left: 10px; } .sheet-saving-throw-container, .sheet-skills-container { width: 165px; border: 1px solid #666; border-radius: 5px; margin-bottom: 10px; padding-top: 5px; } .sheet-saving-throw, .sheet-skill { width: 165px; height: 18px; } .sheet-saving-throw input[type=checkbox], .sheet-skill input[type=checkbox] { margin-left: 5px; } .sheet-saving-throw input[type=text], .sheet-skill input[type=text] { font-size: 12px; width: 21px; } .sheet-col1 .sheet-saving-throw > span, .sheet-col1 .sheet-skill > span { font-size: 12px; display: inline-block; text-align: center; min-width: 21px; } .sheet-saving-throw button[type=roll], .sheet-skill button[type=roll] { width: calc(100% - 72px); overflow: hidden; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; text-align: left; } .sheet-saving-throw-container .sheet-label span, .sheet-skills-container .sheet-label span, .sheet-textbox-container .sheet-label span, .sheet-ac-init-speed-container span.sheet-label, .sheet-hp span, .sheet-exhaustion span.sheet-label, .sheet-indoctrination span.sheet-label, .sheet-hdice-dsaves-container span, .sheet-attacks span, .sheet-globalattack span, .sheet-equipment span, .sheet-textbox span, .sheet-tool_proficiencies span, .sheet-proficiencies span, .sheet-traits span, .sheet-spells span, .sheet-options .sheet-body span { display: block; font-size: 9px; line-height: 12px; width: 100%; text-align: center; font-weight: bold; margin-top: 5px; } .sheet-globalattack span { margin-top: 2px; } .sheet-globalattack.sheet-acmod .sheet-display span span { display: inline; } .sheet-globalattack.sheet-acmod label, .sheet-globalattack.sheet-acmod label input { font-weight: normal; font-size: 1em; } .sheet-globalattack.sheet-acmod label input[type="number"] { width: 3.5em; } .sheet-exhaustion div span.sheet-ex-description { font-size: 9px; line-height: 9px; text-align: left; width: 116px; display: block; } .sheet-indoctrination div span.sheet-ex-description { font-size: 9px; line-height: 9px; text-align: left; width: 116px; display: block; } .sheet-exhaustion span.sheet-label { width: 100%; display: inline-block; text-align: center; } .sheet-indoctrination span.sheet-label { width: 100%; display: inline-block; text-align: center; } .sheet-exhaustion div.sheet-ex-descriptions { display: inline-block; padding-top: 5px; } .sheet-indoctrination div.sheet-ex-descriptions { display: inline-block; padding-top: 5px; } .sheet-exhaustion-toggle[value="0"] ~ .sheet-exhaustion { display: none; } .sheet-indoctrination-toggle[value="0"] ~ .sheet-indoctrination { display: none; } .sheet-exhaustion input[type="number"] { width: 116px; display:inline-block; vertical-align: top; } .sheet-indoctrination input[type="number"] { width: 116px; display:inline-block; vertical-align: top; } .sheet-skill button span, .sheet-options .sheet-body .sheet-skill span span, .sheet-rolltemplate-spell .sheet-grey { color: #A0A0A0; font-weight: normal; } .sheet-textbox-container, .sheet-tool_proficiencies { border: 1px solid #666; border-radius: 5px; width: 243px; } .sheet-tool_proficiencies, .sheet-attacks { padding-bottom: 10px; } .sheet-textbox-container textarea { width: calc(100% - 10px); resize: vertical; border: none; } .sheet-ac-init-speed-container, .sheet-hp, .sheet-exhaustion, .sheet-indoctrination, .sheet-hdice-dsaves-container, .sheet-attacks, .sheet-equipment { width: 240px; margin-bottom: 10px; } .sheet-ac-init-speed-container div { width: calc(31%); height: 100%; border: 1px solid #666; border-radius: 5px; display: inline-block; vertical-align: top; } .sheet-ac-init-speed-container span.sheet-label { margin-top: 0px; } .sheet-ac-init-speed-container button[type=roll] { display: block; } .sheet-hp, .sheet-exhaustion, .sheet-indoctrination, .sheet-subcontainer, .sheet-attacks, .sheet-equipment { border: 1px solid #666; border-radius: 5px; } .sheet-hp input { font-size: 30px; } .sheet-exhaustion input { font-size: 20px; } .sheet-indoctrination input { font-size: 20px; } .sheet-hp input[type="number"] { width: 100%; padding-right: 10px; padding-left: 20px; } .sheet-hp span.sheet-label, .sheet-exhuastion span .sheet-label, .sheet-hdice-dsaves-container span.sheet-label { margin-top: 0px; } .sheet-hp .sheet-top span, .sheet-hdice-dsaves-container .sheet-top span, .sheet-attacks .sheet-top span, .sheet-tool_proficiencies .sheet-top span, .sheet-proficiencies .sheet-top span, .sheet-traits .sheet-top span { text-align: left; margin-left: 5px; color: #A0A0A0; font-weight: normal; display: inline-block; width: initial; } .sheet-hp .sheet-top input, .sheet-hdice-dsaves-container .sheet-top input[type=text] { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; width: 150px; display: inline-block; font-size: 12px; padding: 0px; } .sheet-hdice-dsaves-container .sheet-top input[type=text] { width: 80px; } .sheet-subcontainer { width: 116px; display: inline-block; vertical-align: top; height: 64px; } .sheet-subcontainer input[type=text].sheet-label { display: block; font-size: 9px; line-height: 12px; width: 100%; text-align: center; font-weight: bold; } .sheet-hdice-dsaves-container .sheet-row-container{ float: right; margin-right: 5px; margin-top: 5px; } .sheet-hdice-dsaves-container .sheet-row-container span { display: inline-block; width: inherit; } .sheet-money { width: 230px; display: inline-block; } .sheet-coin { border: 1px solid #666; border-radius: 5px; margin-top: 10px; background-color: white; position: relative; left: -5px; } .sheet-coin span { display: inline-block; color: #A0A0A0; margin-top: 0px; margin-left: 5px; width: 30px; } .sheet-coin input { display: inline-block; font-size: 12px; padding: 0px; text-align: right; width: 180px; } .sheet-ccoin { border: 1px solid #666; border-radius: 5px; margin-top: 10px; background-color: white; position: relative; left: -5px; } .sheet-ccoin span { display: inline-block; color: #A0A0A0; margin-top: 0px; margin-left: 5px; width: 15px; } .sheet-ccoin input { display: inline-block; font-size: 12px; padding: 0px; width: 80px; } .sheet-equipment { position: relative; min-height: 276px; } .sheet-equipment textarea { width: calc(100% - 69px); margin: 0px 0px 0px -5px; resize: vertical; border: none; display: inline-block; padding: 0px; min-height: 264px; } .sheet-equipment span, .sheet-textbox span { margin-top: 0px; } .sheet-textbox { width: 100%; border: 1px solid #666; border-radius: 5px; margin-bottom: 5px; } .sheet-textbox textarea { width: calc(100% - 10px); resize: vertical; border: none; margin: 0px; padding-bottom: 0px; min-height: 48px; height: 48px; } /*.sheet-col3 { width: 245px; margin-left: -3px; }*/ .sheet-footer { -webkit-user-select: auto; -moz-user-select: text; font-size: 10px; color: rgb(165, 165, 165); margin-top: 10px; } .sheet-footer div { width: 45%; display: inline-block; } .sheet-attacks { min-height: 150px; margin-bottom: 10px; } .sheet-equipment.sheet-hidden { min-height: 50px; } .sheet-attacks .sheet-display button[type=roll], .sheet-tool .sheet-display button[type=roll], .sheet-proficiency .sheet-display button[type=roll] { background-color: transparent; color: black; border: none; background-image: none; text-shadow: none; box-shadow: none; padding: 0px; margin: 0px; width: 100%; font-weight: bold; } .sheet-attacks .sheet-display button[type=roll]::before, .sheet-tool .sheet-display button[type=roll]::before, .sheet-proficiency .sheet-display button[type=roll]::before { content: "" !important; } .sheet-attacks .sheet-display input, .sheet-tool .sheet-display input, .sheet-equipment .sheet-item input, .sheet-attacks .sheet-display span, .sheet-tool .sheet-display span, .sheet-equipment .sheet-item span, .sheet-proficiencies .sheet-display span { font-size: 12px; line-height: 12px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #EFEFEF; cursor: pointer; text-align: left; font-size: 9px; font-weight: bold; } .sheet-attacks .sheet-display span, .sheet-tool .sheet-display span, .sheet-equipment .sheet-item span, .sheet-proficiencies .sheet-display span { min-height: 12px; display: inline-block; margin-top: 0px; padding: 4px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .sheet-traits .sheet-display .sheet-title { font-family: "Times New Roman", Times, serif; font-size: 16px; text-transform: capitalize; font-variant: small-caps; font-weight: bold; color: rgb(126, 45, 64); } .sheet-traits .sheet-display .sheet-subheader { font-style: italic; color: #A0A0A0; margin-top: -3px; } .sheet-traits .sheet-display .sheet-subheader span { font-size: 10px; display: inline; } .sheet-attacks .sheet-options-flag, .sheet-spell .sheet-options-flag, .sheet-tool .sheet-options-flag, .sheet-npc .sheet-npc_options-flag, .sheet-pc .sheet-trait .sheet-options-flag, .sheet-pc .sheet-global-mod .sheet-options-flag, .sheet-action .sheet-options-flag, .sheet-textbox .sheet-options-flag, .sheet-proficiencies .sheet-options-flag, .sheet-traits .sheet-options-flag, .sheet-equipment .sheet-inventorysubflag, .sheet-header .sheet-options-flag { opacity: 0; position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; z-index: 2; } .sheet-attacks .sheet-options-flag + span, .sheet-spell .sheet-options-flag + span, .sheet-tool .sheet-options-flag + span, .sheet-npc .sheet-npc_options-flag + span, .sheet-trait .sheet-options-flag + span, .sheet-global-mod .sheet-options-flag + span, .sheet-action .sheet-options-flag + span, .sheet-textbox .sheet-options-flag + span, .sheet-proficiencies .sheet-options-flag + span, .sheet-traits .sheet-options-flag + span, .sheet-equipment .sheet-inventorysubflag + span, .sheet-header .sheet-options-flag + span { position: absolute; top: 0px; right: 0px; white-space: nowrap; width: 18px; height: 18px; font-size: 20px; font-family: pictos; color: #A0A0A0; cursor: pointer; margin-top: 0px; display: none; } .sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display, .sheet-pc .sheet-global-mod .sheet-options-flag:checked ~ .sheet-options { width: 80%; display: inline-block; } .sheet-attacks .sheet-options-flag:checked + span, .sheet-spell .sheet-options-flag:checked + span, .sheet-tool .sheet-options-flag:checked + span, .sheet-npc .sheet-npc_options-flag:checked + span, .sheet-trait .sheet-options-flag:checked + span, .sheet-global-mod .sheet-options-flag:checked + span, .sheet-action .sheet-options-flag:checked + span, .sheet-textbox .sheet-options-flag:checked + span, .sheet-proficiencies .sheet-options-flag:checked + span, .sheet-traits .sheet-options-flag:checked + span, .sheet-equipment .sheet-inventorysubflag:checked + span, .sheet-header .sheet-options-flag:checked + span { color: black; display: block; } .sheet-attacks .sheet-attack:hover .sheet-options-flag + span, .sheet-spell:hover .sheet-options-flag + span, .sheet-tool:hover .sheet-options-flag + span, .sheet-npc:hover > .sheet-npc_options-flag + span, .sheet-trait:hover .sheet-options-flag + span, .sheet-global-mod:hover .sheet-options-flag + span, .sheet-action:hover .sheet-npc_options-flag + span, .sheet-textbox:hover > .sheet-options-flag + span, .sheet-proficiency:hover .sheet-options-flag + span, .sheet-item:hover .sheet-inventorysubflag + span, .sheet-pc .sheet-trait:hover .sheet-output, .sheet-pc .sheet-header:hover .sheet-options-flag + span { display: block; } .sheet-pc .sheet-header .sheet-options-flag { top: 8px; right: 4px; } .sheet-pc .sheet-header .sheet-options-flag + span { top: 8px; right: 4px; } .sheet-pc .sheet-global-mod .sheet-display-flag, .sheet-pc .sheet-trait .sheet-display-flag { opacity: 0; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } .sheet-pc .sheet-global-mod .sheet-options-flag:checked ~ .sheet-display-flag, .sheet-pc .sheet-trait .sheet-options-flag:checked ~ .sheet-display-flag { width: 0px; height: 0px; } .sheet-pc .sheet-trait .sheet-display-flag:checked ~ .sheet-display .sheet-desc { display: none; } .sheet-pc .sheet-trait .sheet-output { position: absolute; top: -8px; right: 30px; width: 18px; height: 18px; z-index: 2; background: none; border: none; font-family: pictos; font-size: 20px; display: none; } .sheet-pc .sheet-trait .sheet-output:before { content: ""; } .sheet-textbox .sheet-display .sheet-desc { white-space: pre-wrap; word-break: break-word; } .sheet-licensecontainer, .sheet-attack, .sheet-spell, .sheet-tool, .sheet-npc, .sheet-action, .sheet-textbox, .sheet-proficiencies, .sheet-traits { position: relative; } .sheet-attack .sheet-options, .sheet-spell .sheet-options, .sheet-tool .sheet-options, .sheet-npc .sheet-npc_options, .sheet-trait .sheet-options, .sheet-global-mod .sheet-options, .sheet-action .sheet-options, .sheet-textbox .sheet-options, .sheet-proficiencies .sheet-options, .sheet-trait .sheet-options { display: none; border-top: 2px dashed gold; } .sheet-item .sheet-subitem, .sheet-header .sheet-options { display: none; } .sheet-col3 .sheet-textbox .sheet-display { padding: 5px 5px 5px 10px; } .sheet-textbox .sheet-display span { font-weight: normal; font-size: 12px; text-align: left; line-height: 16px; } .sheet-textbox.sheet-pibf span{ white-space: pre-wrap; word-break: break-word; } .sheet-attacks .sheet-options-flag:checked ~ .sheet-options, .sheet-spell .sheet-options-flag:checked ~ .sheet-options, .sheet-tool .sheet-options-flag:checked ~ .sheet-options, .sheet-npc .sheet-npc_options-flag:checked ~ .sheet-npc_options, .sheet-trait .sheet-options-flag:checked ~ .sheet-options, .sheet-global-mod .sheet-options-flag:checked ~ .sheet-options, .sheet-action .sheet-options-flag:checked ~ .sheet-options, .sheet-textbox .sheet-options-flag:checked ~ .sheet-options, .sheet-proficiencies .sheet-options-flag:checked ~ .sheet-options, .sheet-traits .sheet-options-flag:checked ~ .sheet-options, .sheet-item .sheet-inventorysubflag:checked ~ .sheet-subitem { display: inherit; } .sheet-header .sheet-options-flag:checked ~ .sheet-options { min-height: 74px; vertical-align: top; display: inline-block; } .sheet-textbox .sheet-options-flag:checked ~ .sheet-display, .sheet-header .sheet-options-flag:checked ~ .sheet-display { display: none; } .sheet-spell-level { position: relative; margin-bottom: 5px; } .sheet-header-info.sheet-options span { display: inline-block; font-weight: bold; } .sheet-header-info.sheet-options input { width: 170px; } .sheet-level { width: 20px; display: inline-block; } .sheet-level:after, .sheet-level:before { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #FFF; left: 0px; top: -6px; content: ''; position: absolute; } .sheet-level:before { border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 24px solid; border-left-color: inherit; left: -2px; top: -9px; } .sheet-level span { z-index: 3; margin-left: -3px; position: relative; font-size: 16px; top: 2px; } .sheet-cantrips { display: inline-block; border: 1px solid black; height: 25px; border-radius: 5px; width: 238px; text-align: center; margin-left: -20px; } .sheet-cantrips span { display: block; font-size: 9px; line-height: 12px; width: 100%; text-align: center; font-weight: bold; margin-top: 8px; } .sheet-spell-labels { color: #A0A0A0; } .sheet-spell-labels span { display: inline; font-weight: normal; font-size: 8px; } .sheet-spell-level input { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: textfield; -webkit-border-radius: 0px; border-radius: 0px; color: black; padding: 0px; margin: 2px; height: 100%; } .sheet-spell-level .sheet-total, .sheet-spell-level .sheet-expended { display: inline-block; border: 1px solid black; height: 25px; border-radius: 5px; text-align: center; margin-left: -20px; background-color: white; } .sheet-spell-level .sheet-total { width: 114px; vertical-align: bottom; } .sheet-spell-level .sheet-total span { font-size: 20px; font-weight: normal; position: relative; top: 3px; } .sheet-spell-level .sheet-expended { width: 139px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .sheet-spell { margin-bottom: 5px; width: 245px; } .sheet-spell .sheet-display { position: relative; } .sheet-spell .sheet-display button[type=roll] { background-color: transparent; color: black; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #D3D3D3; background-image: none; text-shadow: none; box-shadow: none; padding: 0px; margin: 0px; width: 100%; font-weight: bold; text-align: left; } .sheet-spell .sheet-display button[type=roll]::before { content: "" !important; } span.sheet-spellritual, span.sheet-spellconcentration { display: none; font-size: 8px; font-weight: normal; margin-top: 0px; color: white; background-color: black; position: absolute; width: 10px; height: 10px; top: 0px; line-height: 10px; } .sheet-spellicon_flag:not([value="none"]) + .sheet-body .sheet-spell .sheet-display .sheet-spellritual:not([value="0"]) ~ span.sheet-spellritual { display: inline-block; right: 11px; } .sheet-spellicon_flag:not([value="none"]) + .sheet-body .sheet-spell .sheet-display .sheet-spellconcentration:not([value="0"]) ~ span.sheet-spellconcentration { border-radius: 100%; display: inline-block; right: 0; } .sheet-spell .sheet-display .sheet-componentscontainer { position: absolute; top: 3px; right: 0; width: auto; } .sheet-spell .sheet-display .sheet-v, .sheet-spell .sheet-display .sheet-s, .sheet-spell .sheet-display .sheet-m { display: none; } .sheet-spellicon_flag[value="all"] + .sheet-body .sheet-spell .sheet-display input.sheet-v:not([value="0"]) ~ .sheet-componentscontainer span.sheet-v, .sheet-spellicon_flag[value="all"] + .sheet-body .sheet-spell .sheet-display input.sheet-s:not([value="0"]) ~ .sheet-componentscontainer span.sheet-s, .sheet-spellicon_flag[value="all"] + .sheet-body .sheet-spell .sheet-display input.sheet-m:not([value="0"]) ~ .sheet-componentscontainer span.sheet-m { display: inline; width: initial; font-size: 8px; } .sheet-spell .sheet-display input[type=text] { font-size: 12px; line-height: 12px; cursor: pointer; text-align: left; padding: none; margin: none; background-color: transparent; color: black; border: none; background-image: none; text-shadow: none; box-shadow: none; padding: 0px; margin: 0px; width: 100%; } .sheet-spell .sheet-display span.sheet-spellname { font-size: 12px; text-align: left; font-weight: normal; margin-right: -4px; margin-left: 4px; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; } .sheet-spell .sheet-display .sheet-prep ~ span.sheet-spellname { margin-left: 14px; } .repcontrol { min-height: 27px; } .repcontrol .btn { /*visibility: hidden;*/ border: medium none; color: white !important; background: none; box-shadow: none; } .repcontrol .btn:focus { outline: 0; } .sheet-saving-throw-container .repcontrol .repcontrol_edit, .sheet-saving-throw-container .repcontrol .repcontrol_add { padding-left: 4px; padding-right: 4px; } .repcontrol .repcontrol_edit:after { content: '('; visibility: visible; font-family: pictos; background-color: #fff; border: 1px solid black; border-radius: 2px; font-size: 12px; height: 12px; width: 12px; padding: 2px 4px 2px 4px; color: black; } .editmode ~ .repcontrol .repcontrol_edit:after { content: ')'; } .repcontrol .repcontrol_add:before { content: '&'; visibility: visible; font-family: pictos; background-color: #fff; border: 1px solid black; border-radius: 2px; font-size: 12px; height: 12px; width: 12px; padding: 2px 4px 2px 4px; color: black; } .repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:before { background-color: #EFEFEF; } .sheet-resources .repcontrol { margin-top: -10px; } .itemcontrol { z-index: 10; } .itemcontrol .repcontrol_del { font-size: 10px; margin-top: 3px; padding: 0px; height: 18px; width: 18px; } .itemcontrol .repcontrol_move { font-size: 10px; margin-top: 3px; padding: 0px; height: 18px; width: 18px; } .sheet-tool .sheet-options, .sheet-attack .sheet-options, .sheet-spell .sheet-options, .sheet-proficiencies .sheet-options, .sheet-traits .sheet-options, .sheet-global-mod .sheet-options { padding-left: 5px; } .sheet-tool .sheet-options span, .sheet-attack .sheet-options span, .sheet-spell .sheet-options span, .sheet-options .sheet-body span, .sheet-proficiencies .sheet-options span, .sheet-traits .sheet-options span, .sheet-global-mod .sheet-options span { width: initial; display: inline-block; text-align: left; } .sheet-tool .sheet-options input, .sheet-attack .sheet-options input[type=text], .sheet-spell .sheet-options input[type=text], .sheet-options .sheet-body input[type=text], .sheet-proficiencies .sheet-options input[type=text], .sheet-traits .sheet-options input[type=text], .sheet-global-mod .sheet-options input[type=text] { display: inline-block; text-align: left; font-size: 12px; border-bottom: 1px solid #D3D3D3; padding: 0px; width: initial; } .sheet-tool .sheet-options select, .sheet-attack .sheet-options select, .sheet-spell .sheet-options select, .sheet-options .sheet-body select, .sheet-proficiencies .sheet-options select, .sheet-traits .sheet-options select { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; display: inline-block; font-size: 12px; width: initial; padding: 0px; margin: 0px; line-height: 18px; height: 18px; } .sheet-tool .sheet-options input[type=checkbox], .sheet-attack .sheet-options input[type=checkbox], .sheet-spell .sheet-options input[type=checkbox], .sheet-options .sheet-body input[type=checkbox], .sheet-npc .sheet-npc_options input[type=checkbox], .sheet-proficiencies .sheet-options input[type=checkbox], .sheet-traits .sheet-options input[type=checkbox], .sheet-global-mod .sheet-options input[type=checkbox] { width: 13px; font-size: initial; -webkit-appearance: checkbox; -moz-appearance: checkbox; } .sheet-attack .sheet-options input[type=text].sheet-num, .sheet-options input[type=text].sheet-num { width: 15px; text-align: center; } .sheet-spell .sheet-options textarea { width: calc(100% - 10px); resize: vertical; margin-bottom: 0px; } .sheet-spell-container { min-height: 60px; margin-bottom: 1px; } .sheet-spell-container input[name="attr_spellcastingtime"] { width: 168px; } .sheet-spell-container input[name="attr_spellrange"] { width: 201px; } .sheet-spell-container input[name="attr_spelltarget"] { width: 199px; } .sheet-spell-container .sheet-spell .sheet-options input[name="attr_spellcomp_materials"] { margin-left: 17px; width: 223px; } .sheet-spell-container input[name="attr_spellduration"] { width: 186px; } .sheet-options .sheet-row { display: block; width: 100%; } .sheet-options .sheet-title input[type=text] { width: 52px; border: none; text-align: center; color: #A0A0A0 } .sheet-options .sheet-title { text-align: center; } .sheet-class_options, .sheet-skill_options, .sheet-general_options { border: 1px solid #666; border-radius: 5px; padding: 5px; margin-bottom: 5px; } .sheet-general_options { position: relative; } .sheet-hlabel-container .sheet-showing, .sheet-hlabel-container .sheet-hiding, .sheet-header .sheet-showing, .sheet-header input[value="1"].sheet-flag ~ .sheet-hiding { display: none; } .sheet-hlabel-container input[value="1"].sheet-flag ~ .sheet-showing, .sheet-hlabel-container input[value="0"].sheet-flag ~ .sheet-hiding, .sheet-header input[value="1"].sheet-flag ~ .sheet-showing { display: inline-block; } .sheet-options .sheet-row > span { color: black; } .sheet-spell .sheet-display { position: relative; } .sheet-spell .sheet-prep { width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 0px; border: 1px solid black; } .sheet-spell input[type=checkbox]:checked ~ span.sheet-prep { background-color: #EC2127; } .sheet-spell .sheet-prep-box { -webkit-appearance: checkbox; -moz-appearance: checkbox; opacity: 0; z-index: 2; position: relative; width: 12px } .charsheet .sheet-spell .sheet-display button[type=roll].sheet-spellcard { width: calc(100% - 18px); } .sheet-rolltemplates { display: none; } .sheet-rolltemplate-dmg, .sheet-rolltemplate-atk, .sheet-rolltemplate-simple, .sheet-rolltemplate-atkdmg { width: 14em; } .sheet-rolltemplate-simple .sheet-container, .sheet-rolltemplate-atk .sheet-container, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atk, .sheet-rolltemplate-dmg .sheet-atk, .sheet-rolltemplate-dmg .sheet-container, .sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplate { background-color: white; border : 1px solid black; color : black; width : 100%; } .sheet-rolltemplate-simple .sheet-container { border-radius: 10px; } .sheet-rolltemplate-atk .sheet-container, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atk, .sheet-rolltemplate-dmg .sheet-atk { border-top-left-radius: 0.8em; border-top-right-radius: 0.8em; } .sheet-rolltemplate-dmg .sheet-container, .sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplate { border-bottom-left-radius: 0.8em; border-bottom-right-radius: 0.8em; } /* Obsolete Template */ .sheet-rolltemplate-simple .sheet-containerold, .sheet-rolltemplate-atk .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atkold, .sheet-rolltemplate-dmg .sheet-atkold, .sheet-rolltemplate-dmg .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplateold { background-repeat: no-repeat; background-size: 14em 100%; color: black; width: 81%; } /* Obsolete Template */ .sheet-rolltemplate-simple .sheet-containerold { background: url(http://i.imgur.com/53WSdhx.png) top left; } /* Obsolete Template */ .sheet-rolltemplate-atk .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atkold, .sheet-rolltemplate-dmg .sheet-atkold { background: url(http://i.imgur.com/4RCRsAd.png) top left; } /* Obsolete Template */ .sheet-rolltemplate-dmg .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplateold { background: url(http://i.imgur.com/gw9HTsq.png) top left; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result, .sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-result { min-height: 45px; } .sheet-rolltemplate-simple .sheet-adv, .sheet-rolltemplate-atk .sheet-adv, .sheet-rolltemplate-atkdmg .sheet-adv, .sheet-rolltemplate-dmg .sheet-adv { display : inline-block; margin-top : 1em; text-align : center; vertical-align: top; width : 45%; } .sheet-rolltemplate-simple .sheet-adv:first-child, .sheet-rolltemplate-atk .sheet-adv:first-child, .sheet-rolltemplate-atkdmg .sheet-adv:first-child, .sheet-rolltemplate-dmg .sheet-adv:first-child { margin-left: 0.2em; } .sheet-rolltemplate-simple .sheet-adv:nth-child(3), .sheet-rolltemplate-atk .sheet-adv:nth-child(3), .sheet-rolltemplate-atkdmg .sheet-adv:nth-child(3), .sheet-rolltemplate-dmg .sheet-adv:nth-child(3) { margin-right: 8px; margin-left: -3px; } .sheet-rolltemplate-simple .sheet-adv span, .sheet-rolltemplate-simple .sheet-solo span, .sheet-rolltemplate-atk .sheet-adv span, .sheet-rolltemplate-atk .sheet-solo span, .sheet-rolltemplate-atkdmg .sheet-adv span, .sheet-rolltemplate-atkdmg .sheet-solo span, .sheet-rolltemplate-dmg .sheet-adv span, .sheet-rolltemplate-dmg .sheet-solo span { background-color: transparent; border: 0px; font-size: 1.2em; padding: 0px; } .sheet-rolltemplate-simple .sheet-advspacer, .sheet-rolltemplate-atk .sheet-advspacer, .sheet-rolltemplate-atkdmg .sheet-advspacer, .sheet-rolltemplate-dmg .sheet-advspacer { border: 1px solid black; display: inline-block; height: 35px; width: 0px; } .sheet-rolltemplate-simple .sheet-solo, .sheet-rolltemplate-atk .sheet-solo, .sheet-rolltemplate-atkdmg .sheet-solo, .sheet-rolltemplate-dmg .sheet-solo { height : auto; padding-bottom: 0.5em; padding-top : 1em; text-align : center; width : 100%; } .sheet-rolltemplate-simple span, .sheet-rolltemplate-atk span, .sheet-rolltemplate-atkdmg span, .sheet-rolltemplate-dmg span, .sheet-rolltemplate-desc span { font-size: 12px; font-weight: bold; line-height: 12px; text-align: center; } .sheet-rolltemplate-dmg .sheet-desc span.sheet-plus, .sheet-rolltemplate-atkdmg .sheet-desc span.sheet-plus { display: inline; font-size: 20px; font-weight: bold; } .sheet-rolltemplate-simple .sheet-grey, .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-simple .sheet-label span span, .sheet-rolltemplate-atk .sheet-label span span, .sheet-rolltemplate-atk .sheet-grey, .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-label span span, .sheet-rolltemplate-atkdmg .sheet-grey, .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .sheet-label span span, .sheet-rolltemplate-dmg .sheet-grey, .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-npc .sheet-grey, .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-npcaction .sheet-grey, .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-npcatk .sheet-grey, .sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.importantroll { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-simple .sheet-label, .sheet-rolltemplate-atk .sheet-label, .sheet-rolltemplate-atkdmg .sheet-label, .sheet-rolltemplate-dmg .sheet-label { margin-top: -3px; padding : 0.25em; text-align: center; } .sheet-rolltemplate-simple .sheet-label span span, .sheet-rolltemplate-atk .sheet-label span span, .sheet-rolltemplate-atkdmg .sheet-label span span, .sheet-rolltemplate-dmg .sheet-label span span { padding: 0px; border: 0px; background-color: transparent; font-size: 12px; } .sheet-rolltemplate-simple .inlinerollresult.fullcrit, .sheet-rolltemplate-atk .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .inlinerollresult.fullcrit { color: #3FB315; border: 0px; } .sheet-rolltemplate-simple .inlinerollresult.fullfail, .sheet-rolltemplate-atk .inlinerollresult.fullfail, .sheet-rolltemplate-atkdmg .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .inlinerollresult.fullfail { color: #B31515; border: 0px; } .sheet-rolltemplate-simple .inlinerollresult.importantroll, .sheet-rolltemplate-atk .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .inlinerollresult.importantroll { color: #4A57ED; border: 0px; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullfail .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullfail, .sheet-rolltemplate-mancerroll .inlinerollresult.fullcrit, .sheet-rolltemplate-mancerroll .inlinerollresult.importantroll, .sheet-rolltemplate-mancerroll .inlinerollresult.fullfail, .sheet-rolltemplate-mancerhproll .inlinerollresult.fullcrit, .sheet-rolltemplate-mancerhproll .inlinerollresult.importantroll, .sheet-rolltemplate-mancerhproll .inlinerollresult.fullfail { color: black; border: 0px; } .sheet-rolltemplate-atk .sheet-save .sheet-savedc, .sheet-rolltemplate-dmg .sheet-save .sheet-savedc, .sheet-rolltemplate-atkdmg .sheet-save .sheet-savedc { padding-bottom: 5px; padding-top : 15px; text-align : center; } .sheet-rolltemplate-atk .sheet-save .sheet-savedc span, .sheet-rolltemplate-dmg .sheet-save .sheet-savedc span, .sheet-rolltemplate-atkdmg .sheet-save .sheet-savedc span { font-size: 15px; font-weight: bold; } .sheet-rolltemplate-atk .sheet-save .sheet-label span, .sheet-rolltemplate-dmg .sheet-save .sheet-label span, .sheet-rolltemplate-atkdmg .sheet-save .sheet-label span { font-weight: bold; } .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult, .sheet-rolltemplate-mancerroll .inlinerollresult, .sheet-rolltemplate-mancerhproll .inlinerollresult, .sheet-rolltemplate-atk .sheet-save .inlinerollresult, .sheet-rolltemplate-dmg .sheet-save .inlinerollresult, .sheet-rolltemplate-atkdmg .sheet-save .inlinerollresult { background-color: transparent; border: 0px; display: inline-block; font-weight: bold; } .sheet-rolltemplate-atk .sheet-save .inlinerollresult, .sheet-rolltemplate-dmg .sheet-save .inlinerollresult, .sheet-rolltemplate-atkdmg .sheet-save .inlinerollresult { padding: 0px; } .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult, .sheet-rolltemplate-mancerroll .inlinerollresult, .sheet-rolltemplate-mancerhproll .inlinerollresult { font-size: 20px; padding-bottom: 6px; padding-top: 10px; } .sheet-rolltemplate-dmg .sheet-desc .sheet-label span, .sheet-rolltemplate-atkdmg .sheet-desc .sheet-label span { font-weight: bold; } .sheet-rolltemplate-atk .sheet-save span, .sheet-rolltemplate-dmg .sheet-save span, .sheet-rolltemplate-atkdmg .sheet-save span { font-weight: normal; line-height: 12px; display: block; } .sheet-rolltemplate-atk .sheet-save span.sheet-bold, .sheet-rolltemplate-dmg .sheet-save span.sheet-bold, .sheet-rolltemplate-atkdmg .sheet-save span.sheet-bold { font-weight: bold; display: inline-block; } .sheet-rolltemplate-atk .sheet-sublabel, .sheet-rolltemplate-atkdmg .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-sublabel { text-align: center; font-style: italic; margin-top: -2px; min-height: 17px; } /* Obsolete Template */ .sheet-rolltemplate-atk .sheet-descold, .sheet-rolltemplate-atkdmg .sheet-descold, .sheet-rolltemplate-dmg .sheet-descold { background-repeat: no-repeat; background-size: 14em 100%; background: url(http://i.imgur.com/4988JS0.png) top left; color: black; padding-bottom: 5px; padding-top: 5px; text-align: center; width: 189px; } .sheet-rolltemplate-atk .sheet-desc, .sheet-rolltemplate-atkdmg .sheet-desc, .sheet-rolltemplate-dmg .sheet-desc, .sheet-rolltemplate-desc .sheet-desc { background-color: white; border: 1px solid black; color: black; padding-bottom: 5px; padding-top: 5px; text-align: center; width: 81%; } .sheet-rolltemplate-atk .sheet-desc span, .sheet-rolltemplate-atkdmg .sheet-desc span, .sheet-rolltemplate-dmg .sheet-desc span, .sheet-rolltemplate-desc .sheet-desc span { font-weight: normal; line-height: 12px; display: block; } .sheet-rolltemplate-atk .sheet-info span, .sheet-rolltemplate-atkdmg .sheet-info span, .sheet-rolltemplate-dmg .sheet-info span { text-align: left; padding: 0px 5px 0px 5px; } .sheet-rolltemplate-atk .sheet-info .inlinerollresult, .sheet-rolltemplate-atkdmg .sheet-info .inlinerollresult, .sheet-rolltemplate-dmg .sheet-info .inlinerollresult { font-size: inherit; padding: 0px; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-sublabel, .sheet-rolltemplate-atkdmg .sheet-desc .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-desc .sheet-sublabel { color: #A0A0A0; display: block; font-size: 10px; font-weight: normal; margin-top: -5px; } .sheet-rolltemplate-atk .sheet-sublabel span, .sheet-rolltemplate-atkdmg .sheet-sublabel span, .sheet-rolltemplate-dmg .sheet-sublabel span { font-weight: normal; color: black; } .sheet-rolltemplate-atk .sheet-spacer, .sheet-rolltemplate-atkdmg .sheet-spacer, .sheet-rolltemplate-dmg .sheet-spacer { height: 10px; } .sheet-rolltemplate-atk a[href^="~"] { background-color: transparent; padding: 0px; color: black; border: 0px; } .sheet-rolltemplate-atk a:hover { color: #EC2127; } .sheet-rolltemplate-atk a[href^="~"]:visited { pointer-events: none; } .sheet-rolltemplate-spell .sheet-container { background : url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%20Edition%20OGL%20by%20Roll20/images/spellbg.jpg) center center; background-repeat: repeat; background-size : auto; border : 1px solid black; color : black; font-family : "Times New Roman", Times, serif; margin-left : -3em; padding : 0.5em; width : 19em; } .withoutavatars .sheet-rolltemplate-spell .sheet-container { margin-left: -15px; } .sheet-rolltemplate-spell .sheet-row { display: block; } .sheet-rolltemplate-spell .sheet-title { color: rgb(126, 45, 64); font-size: 1.2em; } .sheet-rolltemplate-spell .sheet-italics, .sheet-npc .sheet-italics { font-style: italic; } .sheet-rolltemplate-spell .sheet-bold, .sheet-actions .sheet-bold { font-weight: bold; } .sheet-rolltemplate-spell .sheet-spacer { height: 5px; } .sheet-rolltemplate-mancerroll .sheet-container, .sheet-rolltemplate-mancerhproll .sheet-container { width: 200px; color: black; background-color: white; border: 1px solid black; } .sheet-rolltemplate-mancerroll .sheet-row, .sheet-rolltemplate-mancerhproll .sheet-row { border-bottom: 1px dotted black; padding: 4px; } .sheet-rolltemplate-mancerroll .sheet-row.sheet-header, .sheet-rolltemplate-mancerhproll .sheet-row.sheet-header { border-bottom: 1px solid black; font-size: 1.2em; font-weight: bold; } .sheet-rolltemplate-mancerroll .sheet-row.sheet-header span span, .sheet-rolltemplate-mancerhproll .sheet-row.sheet-header span span { float: right; } .sheet-rolltemplate-mancerroll .sheet-row.sheet-header .inlinerollresult, .sheet-rolltemplate-mancerhproll .sheet-row.sheet-header .inlinerollresult { padding: 0; font-size: inherit; } .sheet-rolltemplate-mancerroll .sheet-desc, .sheet-rolltemplate-mancerhproll .sheet-desc { font-size: 1.2em; font-style: italic; margin-left: 4px; } .sheet-rolltemplate-mancerhproll .sheet-desc { display : inline-block; margin-left: 5%; width : 50%; } .sheet-rolltemplate-mancerroll .sheet-result { margin-left: 80px; } .sheet-rolltemplate-mancerroll .sheet-result .inlinerollresult, .sheet-rolltemplate-mancerhproll .sheet-result .inlinerollresult { width: 50px; text-align: right; } .sheet-triangleold { border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 360px solid rgb(126, 45, 64); margin-top: 5px; margin-bottom: 5px; } .sheet-triangle { border: 1px solid rgb(126, 45, 64); margin-top: 5px; margin-bottom: 5px; } .sheet-red, .sheet-npc .sheet-display .sheet-red input, .sheet-npc .sheet-display .sheet-red span { color: rgb(126, 45, 64); } .sheet-npc .sheet-npc_options input { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; width: 200px; display: inline-block; font-size: 12px; padding: 0px; } .sheet-npc .sheet-npc_options span { display: inline-block; font-size: 9px; line-height: 12px; text-align: left; font-weight: bold; } .sheet-npc .sheet-npc_options .sheet-title span { text-align: center; font-size: 14px; display: block; margin-top: 5px; } .sheet-npc .sheet-npc_options { border-bottom: 2px dashed gold; } .sheet-npc input[type=text].sheet-num { width: 20px; text-align: center; } .sheet-npc .sheet-col { width: calc(33% - 5px); } .sheet-npc .sheet-spacer { height: 5px; } .sheet-npc select { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; line-height: inherit; } .sheet-npc .sheet-display input, .sheet-npc .sheet-reaction input { border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; margin: 0px; pointer-events: none; padding: 0px; height: 16px; line-height: 16px; margin-top: -2px; } .sheet-npc .sheet-display .sheet-title span { font-family: "Times New Roman", Times, serif; font-size: 24px; width: 100%; text-transform: capitalize; font-variant: small-caps; font-weight: bold; display: block; text-align: left; line-height: 27px; } .sheet-npc .sheet-display .sheet-subtitle span { font-size: 12px; } .sheet-npc .sheet-display .sheet-num3 { width: 27px; text-align: center; } .sheet-npc .sheet-display .sheet-actype + .sheet-parens { display: none; } .sheet-npc .sheet-display .sheet-actype:not([value=""]) + .sheet-parens { display: inline; } .sheet-npc .sheet-display .sheet-parens { margin-left: -2px; } .sheet-npc .sheet-display .sheet-parens:before { content: "("; } .sheet-npc .sheet-display .sheet-parens:after { content: ")"; } .sheet-npc .sheet-display .sheet-parens.sheet-xp:after { content: " XP)"; } .sheet-npc .sheet-display span.sheet-npc-init-die { font-family: "dicefontd20"; font-size: 16px; display: block; } .sheet-npc .sheet-attr-container { width: 55px; border: 0px; border-radius: 0px; position: relative; padding: 5px 0px 5px 0px; margin: 0px; height: inherit; display: inline-block; text-align: center; } .sheet-npc .sheet-attr-container span { font-size: 13px; font-weight: normal; display: inline; margin-bottom: 2px; } .sheet-npc .sheet-attr-container span.sheet-bold { display: block; } .sheet-npc span.sheet-bold, .sheet-npc .sheet-action button span.sheet-bold { font-weight: bold; } .sheet-npc .sheet-attr-container input { width: 20px; text-align: center; } .sheet-npc .sheet-attr-container input:nth-child(3) { width: 30px; margin-left: -5px; } .sheet-npc .sheet-display .sheet-flag[value="0"] + button, .sheet-npc .sheet-display .sheet-flag[value="0"] + div, .sheet-npc .sheet-display .sheet-flag[value=""] + button, .sheet-npc .sheet-display .sheet-flag[value=""] + div, .sheet-npc .sheet-display .sheet-status { display: none; } .sheet-npc .sheet-display .sheet-flag[value]:not([value=""]) + div { display: block; } .sheet-npc button[type=roll] input { border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; margin: 0px; pointer-events: none; padding: 0px; height: 16px; line-height: 16px; } .sheet-npc button[type=roll] { width: auto; white-space: nowrap; } .sheet-npc .sheet-saving button[type=roll] span, .sheet-npc .sheet-skills button[type=roll] span { font-size: 13px; font-weight: normal; width: auto; display: inline-block; line-height: 16px; height: 16px; vertical-align: bottom; } .sheet-npc .sheet-display .sheet-flag[value="1"] + button .sheet-spacer, .sheet-npc .sheet-display .sheet-flag[value="2"] + button .sheet-spacer { display: none; } .sheet-npc .sheet-display button input { width: 14px; text-align: center; } .sheet-npc .sheet-display .sheet-flag[value="1"] + button .sheet-stat::before, .sheet-npc .sheet-display .sheet-flag[value="2"] + button .sheet-stat::before { content: "+"; } .sheet-npc .sheet-display .sheet-flag[value="1"] + button .sheet-stat::after, .sheet-npc .sheet-display .sheet-flag[value="3"] + button .sheet-stat::after { content: ", "; } .sheet-negativeflag[value="1"] + .sheet-npcattr::before { content: "("; } .sheet-negativeflag[value="0"] +.sheet-npcattr::before { content: "(+"; } .sheet-npcattr::after { content: ")"; } .sheet-traits { min-height: 20px; } .sheet-npc .sheet-display .sheet-traits .sheet-trait, .sheet-npc .sheet-reaction .sheet-trait { position: relative; } .sheet-npc .sheet-display .sheet-traits input, .sheet-npc .sheet-reaction input { pointer-events: initial; font-weight: bold; width: 100%; } .sheet-npc .sheet-display .sheet-traits textarea, .sheet-npc .sheet-reaction textarea, .sheet-attack textarea { resize: vertical; height: 36px; min-height: 36px; border: none; padding: 0px; box-shadow: none; } .sheet-npc .sheet-actiontitle { border-bottom: 1px solid rgb(126, 45, 64); width: 100%; margin-bottom: 5px; } .sheet-npc .sheet-actions .sheet-title { font-size: 18px; text-transform: capitalize; font-variant: small-caps; line-height: inherit; height: inherit; margin: 0px; } .sheet-npc .sheet-actions { min-height: 40px; } .sheet-npc .sheet-description_flag[value="0"] + textarea, .sheet-npc .sheet-description_flag[value=""] + textarea { display: none; height: 36px; min-height: 36px; } .sheet-npc .sheet-attack_option { display: none; } .sheet-npc .sheet-attack_options[value="on"] ~ .sheet-attack_option, .sheet-npc .sheet-attack_options[value="{{attack=1}}"] ~ .sheet-attack_option { display: block; } .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="3"] + textarea {height: 54px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="4"] + textarea {height: 72px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="5"] + textarea {height: 90px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="6"] + textarea {height: 108px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="7"] + textarea {height: 126px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="8"] + textarea {height: 144px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="9"] + textarea {height: 162px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="10"] + textarea {height: 180px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="11"] + textarea {height: 196px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="12"] + textarea {height: 216px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="13"] + textarea {height: 234px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="14"] + textarea {height: 252px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="15"] + textarea {height: 270px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="16"] + textarea {height: 288px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="17"] + textarea {height: 306px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="18"] + textarea {height: 324px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="19"] + textarea {height: 342px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="20"] + textarea {height: 360px;} .sheet-npc .sheet-actions select { width: auto; margin: 0px; padding: 0px; height: 13px; line-height: 13px; font-size: 13px; } .sheet-npc .sheet-action button[type=roll] { width: 100%; text-align: left; margin-bottom: 10px; } .sheet-npc .sheet-action button span { font-size: 13px; font-weight: normal; } .sheet-npc .sheet-actions .sheet-wide { width: 100%; text-align: left; } .sheet-npc .sheet-actions .sheet-wide span:after { content: "."; } .sheet-npc .sheet-action .sheet-display .sheet-description { white-space: normal; color: #555555; line-height: 18px; } .sheet-npc .sheet-action .sheet-display textarea, .sheet-legendaryactions { border: none; margin-bottom: 0px; padding: 0px; text-shadow: none; box-shadow: none; height: 36px; min-height: 36px; resize: none; overflow: hidden; } .sheet-legendaryactions { height: 90px; pointer-events: none; margin-bottom: 15px; color: #555555; } .sheet-npcspelloptions { display: inline-block; margin-left: 17px; } .sheet-container.sheet-npc .sheet-legendary, .sheet-container.sheet-npc .sheet-reaction, .sheet-npcspell_flag[value="0"] ~ .sheet-npcspell, .sheet-npcspellcastingflag:not(:checked) ~ .sheet-npcspelloptions { display: none; } .sheet-legendary_flag:not([value="0"]) ~ .sheet-legendary, .sheet-reaction_flag[value="1"] ~ .sheet-reaction { display: block; } .sheet-npc .sheet-action textarea, .sheet-pc .sheet-globalattack textarea { resize: vertical; } .sheet-rolltemplate-npc, .sheet-rolltemplate-npcaction .sheet-container, .sheet-rolltemplate-npcatk, .sheet-rolltemplate-npcdmg, .sheet-rolltemplate-traits { width: 188px; border: 1px solid; background-color: #ffffff; padding: 5px; } .sheet-rolltemplate-darkmode { color: black; } .sheet-rolltemplate-npcaction .sheet-container.sheet-dmgcontainer { margin-top: 5px; } .sheet-rolltemplate-npcdmg { margin-top: -8px; } .sheet-rolltemplate-npc .sheet-header, .sheet-rolltemplate-npcaction .sheet-header, .sheet-rolltemplate-npcatk .sheet-header, .sheet-rolltemplate-npcdmg .sheet-header { color: rgb(126, 45, 64); font-size: 18px; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; } .sheet-rolltemplate-traits .sheet-header { font-family: "Times New Roman", Times, serif; font-size: 16px; text-transform: capitalize; font-variant: small-caps; font-weight: bold; color: rgb(126, 45, 64); } .sheet-rolltemplate-npc .sheet-italics, .sheet-rolltemplate-npcaction .sheet-italics, .sheet-rolltemplate-npcatk .sheet-italics, .sheet-rolltemplate-npcdmg .sheet-italics, .sheet-rolltemplate-traits .sheet-italics { font-style: italic; } .sheet-rolltemplate-npc .sheet-subheader, .sheet-rolltemplate-npcaction .sheet-subheader, .sheet-rolltemplate-npcatk .sheet-subheader, .sheet-rolltemplate-npcdmg .sheet-subheader { line-height: 13px; margin-top: -3px; } .sheet-rolltemplate-traits .sheet-subheader { font-style: italic; color: #A0A0A0; margin-top: -5px; } .sheet-rolltemplate-npc .sheet-subheader span, .sheet-rolltemplate-npcaction .sheet-subheader span, .sheet-rolltemplate-npcatk .sheet-subheader span, .sheet-rolltemplate-npcdmg .sheet-subheader span { font-size: 11px; line-height: 11px; } .sheet-rolltemplate-traits .sheet-subheader span { font-weight: normal; font-size: 10px; text-align: left; line-height: 16px; } .sheet-rolltemplate-traits .sheet-desc { font-weight: normal; font-size: 12px; text-align: left; line-height: 16px; } .sheet-rolltemplate-npc .sheet-arrow-rightold, .sheet-rolltemplate-npcaction .sheet-arrow-rightold, .sheet-rolltemplate-npcatk .sheet-arrow-rightold, .sheet-rolltemplate-npcdmg .sheet-arrow-rightold { border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 195px solid rgb(126, 45, 64); } .sheet-rolltemplate-npc .sheet-arrow-right, .sheet-rolltemplate-npcaction .sheet-arrow-right, .sheet-rolltemplate-npcatk .sheet-arrow-right, .sheet-rolltemplate-npcdmg .sheet-arrow-right { border: 1px solid rgb(126, 45, 64); margin-bottom: 2px; margin-top: 2px; } .sheet-rolltemplate-npc .inlinerollresult, .sheet-rolltemplate-npcaction .inlinerollresult, .sheet-rolltemplate-npcatk .inlinerollresult, .sheet-rolltemplate-npcdmg .inlinerollresult, .sheet-rolltemplate-traits .inlinerollresult { background-color: #ffffff; border: none; } .sheet-rolltemplate-npc .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .inlinerollresult.fullcrit, .sheet-rolltemplate-npcatk .inlinerollresult.fullcrit, .sheet-rolltemplate-npcdmg .inlinerollresult.fullcrit { color: #3FB315; border: none; } .sheet-rolltemplate-npc .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .inlinerollresult.fullfail, .sheet-rolltemplate-npcatk .inlinerollresult.fullfail, .sheet-rolltemplate-npcdmg .inlinerollresult.fullfail { color: #B31515; border: none; } .sheet-rolltemplate-npc .inlinerollresult.importantroll, .sheet-rolltemplate-npcaction .inlinerollresult.importantroll, .sheet-rolltemplate-npcatk .inlinerollresult.importantroll, .sheet-rolltemplate-npcdmg .inlinerollresult.importantroll { color: #4A57ED; border: none; } .sheet-rolltemplate-npcatk a[href^="~"] { background-color: transparent; padding: 0px; color: black; border: 0px; } .sheet-rolltemplate-npcatk .sheet-header a[href^="~"] { color: rgb(126, 45, 64); } .sheet-rolltemplate-npcatk a[href^="~"]:hover { color: #EC2127; } .sheet-equipment .sheet-complex, .sheet-equipment .sheet-simple, .sheet-proficiencies .sheet-complex, .sheet-proficiencies .sheet-simple, .sheet-traits .sheet-complex, .sheet-traits .sheet-simple { display: none; } .sheet-equipment .sheet-inventoryflag[value="complex"] ~ .sheet-complex, .sheet-equipment .sheet-inventoryflag[value="simple"] ~ .sheet-simple, .sheet-proficiencies .sheet-inventoryflag[value="complex"] ~ .sheet-complex, .sheet-proficiencies .sheet-inventoryflag[value="simple"] ~ .sheet-simple, .sheet-traits .sheet-inventoryflag[value="complex"] ~ .sheet-complex, .sheet-traits .sheet-inventoryflag[value="simple"] ~ .sheet-simple { display: inline-block; } .sheet-equipment .sheet-inventorysubflag { height: 10px; width: 10px; top: 10px; right: 0px; } .sheet-equipment .sheet-inventorysubflag + span { height: 10px; width: 10px; top: 10px; right: 0px; font-size: 10px; padding: 0px; } .sheet-equipment .sheet-complex { width: 220px; vertical-align: top; padding-top: 5px; margin-bottom: 15px; } .sheet-proficiencies .sheet-complex, .sheet-traits .sheet-complex { width: 240px; vertical-align: top; padding-top: 5px; margin-bottom: 15px; } .sheet-pictos { font-family: pictos; } .sheet-equipment .sheet-header span { display: inline-block; } .sheet-item { margin-bottom: 2px; } .sheet-item .sheet-name { width: 190px; } .sheet-item input[type="text"].sheet-weight { width: 24px; text-align: center; } .sheet-item .sheet-subitem .sheet-subfield { font-weight: normal; background-color: transparent; padding: 0px; width: 112px; } .sheet-item .sheet-subitem .sheet-subtextarea { width: calc(100% - 20px); font-size: 9px; padding: 0px 5px 0px 15px; min-height: 32px; height: 32px; margin: 0px; } .sheet-equipment .sheet-weighttotal { position: relative; left: 0px; top: 160px; width: 70px; } .sheet-equipment .sheet-weighttotal input { pointer-events: none; } .sheet-item .sheet-subitem span { width: 32px; padding: 0px 0px 0px 10px; display: inline-block; } .sheet-equipment .sheet-warning, .sheet-charactermancer_options .sheet-warning { display: none; padding: 6px; border: 1px solid gray; position: relative; } .sheet-equipment .sheet-warning label, .sheet-charactermancer_options .sheet-warning label { font-family: pictos; border: 1px solid gray; font-size: 8px; width: auto; padding: 2px; line-height: 1em; cursor: pointer; position: absolute; top: 0; right: 0; } .sheet-equipment .sheet-warning label input, .sheet-charactermancer_options .sheet-warning label input { display: none; } .sheet-equipment .sheet-warningflag[value="show"] + .sheet-warning, .sheet-charactermancer_options .sheet-warningflag[value="show"] + .sheet-warning { display: block; } .sheet-equipment .sheet-warning span, .sheet-charactermancer_options .sheet-warning span, .sheet-equipment .sheet-encumb { color: red; } .sheet-equipment .sheet-encumb { display: none; font-size: 9px; } .sheet-npc .sheet-warning { color: red; font-size: 9px; } .sheet-equipment .sheet-encumberance[value="IMMOBILE"] ~ .sheet-immobile, .sheet-equipment .sheet-encumberance[value="HEAVILY ENCUMBERED"] ~ .sheet-heavily, .sheet-equipment .sheet-encumberance[value="ENCUMBERED"] ~ .sheet-encumbered, .sheet-equipment .sheet-encumberance[value="OVER CARRYING CAPACITY"] ~ .sheet-over { display: block; } .sheet-equipment .sheet-warning input[type="checkbox"], .sheet-charactermancer_options .sheet-warning input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; width: auto; } .sheet-equipment .sheet-item .sheet-subitem .sheet-equipped { -webkit-appearance: checkbox; -moz-appearance: checkbox; width: initial; margin-left: 15px; } .sheet-equipment .sheet-item .sheet-subitem .sheet-equippedlabel { width: calc(100% - 50px); text-align: left; padding-left: 5px; } .sheet-equipment .sheet-equippedflag[value="0"] ~ .sheet-item > .sheet-name { color: #999; } .sheet-version { position: absolute; top: 0px; right: 0px; pointer-events: none; } .charsheet .sheet-options .sheet-body .sheet-version input[type="text"] { border-bottom: none; width: 20px; } .sheet-spellattackinfo { display: none; } .charsheet .sheet-spells .sheet-spellattackinfoflag[value="ATTACK"] ~ .sheet-spellattackinfo, .charsheet .sheet-npc .sheet-spellattackinfoflag[value="ATTACK"] ~ .sheet-spellattackinfo { display: block; } .sheet-attack input[type=text].sheet-flat { display: none; } .sheet-attack .sheet-flatflag[value*="saveflat"] ~ input[type=text].sheet-flat { display: inline-block; } .sheet-rolltemplate-simple .sheet-charname, .sheet-rolltemplate-atk .sheet-charname, .sheet-rolltemplate-dmg .sheet-charname, .sheet-rolltemplate-atkdmg .sheet-charname { text-align: center; margin-top: -10px; } .sheet-rolltemplate-simple .sheet-charname span, .sheet-rolltemplate-atk .sheet-charname span, .sheet-rolltemplate-dmg .sheet-charname span, .sheet-rolltemplate-atkdmg .sheet-charname span { font-size: 11px; font-weight: normal; color: #A0A0A0; } .sheet-npc .sheet-display .sheet-info { font-weight: normal; } .sheet-attacks .sheet-ammo { display: none; } .sheet-ammoflag[value="on"] + .sheet-attacks .sheet-ammo { display: block; } .sheet-hlabel-container [name="attr_race_display"] { width: 200px; } .sheet-hlabel-container [name="attr_alignment"] { width: 180px; } .sheet-hlabel-container [name="attr_experience"] { width: 100px; } .sheet-class { width: 64px; } .charsheet .sheet-hlabel-container .sheet-multiclass-display { width: 57px; font-size: 13px; border-bottom: 1px solid #D3D3D3; line-height: 35px; height: 27px; margin-right: -4px; overflow: hidden; text-overflow: ellipsis; } .charsheet .sheet-hlabel-container .sheet-multiclass-display-level { width: 31px; text-align: center; font-size: 13px; border-bottom: 1px solid #D3D3D3; line-height: 35px; height: 27px; overflow: hidden; } .charsheet .sheet-hlabel-container input.sheet-class-level{ margin-left: -6px; width: 34px; } .sheet-rolltemplate-dmg .sheet-label .sheet-rolltemplate-inline, .sheet-rolltemplate-dmg .sheet-savedc .sheet-rolltemplate-inline, .sheet-rolltemplate-atkdmg .sheet-savedc .sheet-rolltemplate-inline, .sheet-rolltemplate-atkdmg .sheet-label .sheet-rolltemplate-inline { display: inline-block; } .sheet-options .sheet-body input[type=text].sheet-pb_custom { display: none; } .sheet-options .sheet-body input[value="custom"] + input[type=text].sheet-pb_custom { display: inline-block; } .sheet-attr-mod .sheet-baseattr { /*display: none;*/ opacity: 0; height: 0px; width: 0px; pointer-events: none; display: inline; position: absolute; } .sheet-finalattr { font-size: 20px; line-height: 20px; } .sheet-attr-mod:hover .sheet-baseattr, .sheet-attr-mod .sheet-baseattr:focus { /*display: inline;*/ opacity: 1; height: 20px; width: 40px; pointer-events: auto; position: static; } .sheet-attr-mod:hover .sheet-finalattr, .sheet-attr-mod .sheet-baseattr:focus ~ .sheet-finalattr { display: none; } .sheet-attr-mod .sheet-attr-flag[value="1"] + .sheet-finalattr { color: #3e99e8; } .sheet-attr-mod .sheet-attr-flag[value="1"] + .sheet-finalattr:after { content: '*'; font-size: 15px; position: absolute; } .sheet-spell_slot_mods .sheet-column { width: 32%; display: inline-block; } .sheet-spell_slot_mods .sheet-num_plus { margin-left: 2px; } .sheet-licensecontainer.active-drop-target.dropping, .sheet-monster_confirm_flag[value="1"] ~ .sheet-licensecontainer, .sheet-mancer_confirm_flag[value="1"] ~ .sheet-licensecontainer { opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; background-color: transparent; } .sheet-compendium_warning, .sheet-monster_confirm, .sheet-mancer_confirm { display: none; } .sheet-licensecontainer.active-drop-target.dropping ~ .sheet-compendium_warning, .sheet-monster_confirm_flag[value="1"] ~ .sheet-monster_confirm, .sheet-mancer_confirm_flag[value="1"] ~ .sheet-mancer_confirm { display: block; position: fixed; top: 50%; background: white; left: 50%; z-index: 100; border: 2px solid black; width: 300px; height: 100px; text-align: center; margin: -70px 0 0 -170px; } .sheet-monster_confirm input[type=checkbox], .sheet-mancer_confirm input[type=checkbox] { height: 34px; border-radius: 50%; opacity: 0; z-index: 2; position: relative; } .sheet-monster_confirm div div, .sheet-mancer_confirm div div { margin: 0 2px; } .sheet-monster_confirm input[type=checkbox] + span, .sheet-mancer_confirm input[type=checkbox] + span { font-size: 20px; font-weight: normal; line-height: 34px; position: absolute; left: 0px; border-radius: 5px; border: 1px solid black; } .sheet-mancer_confirm_flag[value="1"] ~ .sheet-mancer_confirm { width: 350px; margin: -70px 0 0 -195px; } .sheet-mancer_confirm input[type=checkbox] { height: 40px; } .sheet-mancer_confirm input[type=checkbox] + span { font-size: 15px; line-height: 1.2em; height: 40px; padding-top: 3px; } .sheet-monster_confirm .sheet-yes, .sheet-mancer_confirm .sheet-yes { width: 44px; } .sheet-monster_confirm .sheet-cancel, .sheet-mancer_confirm .sheet-cancel { width: 75px; } .sheet-licensecontainer.active-drop-target.dropping ~ .sheet-compendium_warning span { line-height: 100px; } .sheet-init { text-align: center; } .sheet-init span { font-size: 20px; line-height: 31px; } .sheet-class_options .sheet-subclass { margin-left: 19px; } .sheet-header .sheet-display .sheet-class-display { width: 298px; text-transform: capitalize; overflow: hidden; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; } .sheet-no_events { pointer-events: none; } /* TRANSITION SCRIPT */ .sheet-class_options, .sheet-skill_options, .sheet-attribute_options, .sheet-save_options, .sheet-general_options, .sheet-transition_options { border: 1px solid #666; border-radius: 5px; padding: 5px; margin-bottom: 5px; } .sheet-transition_options { display: none; } .sheet-already_transitioned[value="0"] ~ .sheet-transition_options { display: block; } .sheet-sheet_select img { padding: 5px; border: 1px solid #BBB; border-radius: 5px; } .sheet-sheet_select img:hover { background-color: #DDD; cursor: pointer!important; } .charsheet .sheet-options .sheet-row span.sheet-transition_text { color: #A0A0A0; } .charsheet .sheet-options .sheet-row span.sheet-transition_text_highlight { color: #F00; } .sheet-globalattack input[type="checkbox"] { display: inline; height: 12px; width: 12px; -webkit-appearance: checkbox; -moz-appearance: checkbox; margin-left: 5px; margin-top: 10px; } .sheet-globalattack textarea { width: 95%; display: inline; height: 25px; margin: 1px; } .sheet-globalattack .sheet-label { margin-bottom: 5px; padding-top: 5px; color: #A0A0A0; border-top: 1px dotted #A0A0A0; } .sheet-missing-info { margin-bottom: 100px; display: none; } .sheet-missing-info-flag[value="1"] + .sheet-missing-info, .sheet-missing-info:hover .sheet-missing-info-desc, .sheet-missing-info-desc:hover { display: block; } .sheet-actions.sheet-npcspell.sheet-spells, .sheet-missing-info-desc { display: none; } .sheet-npcspell_flag[value="1"] + .sheet-actions.sheet-npcspell.sheet-spells { display: block; } .sheet-spells .sheet-innate { color: #A0A0A0; display: none; font-size: 12px; font-weight: normal; } .sheet-innate:before { content: ", " } .sheet-innate_flag:not([value=""]) + .sheet-innate { display: inline; } .sheet-levelerbutton { display: none; } .sheet-showleveler[value="1"] + .sheet-levelerbutton { display: block; } /* Translation Overrides */ /* Spanish */ .lang-es .sheet-spell-container input[name="attr_spellcastingtime"] { width: 115px; } .lang-es .sheet-spell-container input[name="attr_spellrange"] { width: 200px; } .lang-es .sheet-spell-container input[name="attr_spelltarget"] { width: 188px; } .lang-es .sheet-spell-container input[name="attr_spellduration"] { width: 184px; } .lang-es .sheet-ac-init-speed-container div { position: relative; height: 56px; } .lang-es .sheet-ac-init-speed-container button, .lang-es .sheet-ac-init-speed-container .sheet-label { position: absolute; bottom: 0; } .lang-es .sheet-hdice-dsaves-container div.sheet-subcontainer { position: relative; height: 71px; } .lang-es .sheet-hdice-dsaves-container button { position: absolute; bottom: 0; left: 0; } .lang-es .sheet-hp .sheet-top input[name="attr_hp_max"] { width: 121px; } .lang-es .sheet-hlabel-container input[name="attr_race"] { width: 190px; } .lang-es .sheet-hlabel-container input[name="attr_alignment"] { width: 170px; } .lang-es .sheet-hlabel-container input[name="attr_experience"] { width: 120px; } .lang-es .sheet-npc .sheet-npc_options input[name="attr_npc_actype"] { width: 175px; } .lang-es .sheet-npc .sheet-npc_options input[name="attr_npc_hpformula"] { width: 175px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-left, .lang-es .sheet-advantagetoggle input.sheet-toggle-left + span { right: 214px; width: 67px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-center, .lang-es .sheet-advantagetoggle input.sheet-toggle-center + span { right: 145px; width: 65px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-right, .lang-es .sheet-advantagetoggle input.sheet-toggle-right + span { right: 50px; width: 91px; } .lang-es input[type=radio].sheet-tab-button.sheet-core, .lang-es input[type=radio].sheet-tab-button.sheet-core + span { right: 137px; width: 76px; } .lang-es input[type=radio].sheet-tab-button.sheet-bio, .lang-es input[type=radio].sheet-tab-button.sheet-bio + span { right: 103px; width: 30px; } .lang-es input[type=radio].sheet-tab-button.sheet-spells, .lang-es input[type=radio].sheet-tab-button.sheet-spells + span { right: 21px; width: 78px; } /* Czech */ .charsheet.lang-cs input[type=radio].sheet-tab-button.sheet-core, .charsheet.lang-cs input[type=radio].sheet-tab-button.sheet-core + span { width: 53px; } .charsheet.lang-cs select[name=attr_cust_spellslots] { font-size: 9px; } .charsheet.lang-cs .sheet-spell .sheet-options span[data-i18n="at-higher-lvl-dmg:-u"], .charsheet.lang-cs .sheet-spell .sheet-options span[data-i18n="add-ability-mod-u"], .charsheet.lang-cs .sheet-spell .sheet-options span[data-i18n="saving-throw:-u"], .charsheet.lang-cs .sheet-spell .sheet-options span[data-i18n="effect:-u"], .charsheet.lang-cs .sheet-ac-init-speed-container .sheet-ac > span { font-size: 8px; } .charsheet.lang-cs .sheet-subcontainer .sheet-top span[data-i18n="total"] + input { width: 75px; } .charsheet.lang-cs .sheet-row span[data-i18n="senses-u"] + input, .charsheet.lang-cs .sheet-row span[data-i18n="npc-type-u"] + input { width: 220px; } .charsheet.lang-cs .sheet-class { width: 79px; } .charsheet.lang-cs .sheet-hlabel-container .sheet-multiclass-display { width: 62px; } .charsheet.lang-cs .sheet-hlabel-container .sheet-multiclass-display-level { width: 23px; } .charsheet.lang-cs .sheet-hlabel-container input.sheet-class-level { width: 28px; } /******************* * CHARACTERMANCER * *******************/ .sheet-charmancer.sheet-container { width: 100%; display: flex; flex-flow: row wrap; flex-basis: 1 1 100%; position: relative; contain: paint; } .sheet-charmancer .sheet-choices { flex: 40%; max-width: 40%; padding-right: 1em; } .sheet-charmancer .sheet-info { flex: 60%; position: relative; max-width: calc(60% - 2em); } .sheet-charmancer .sheet-choices, .sheet-charmancer .sheet-info { margin-bottom: 2em; } .sheet-charmancer .sheet-compendium-page { height: 100%; } .sheet-charmancer iframe { height: 100%; min-height: 50vh; contain: paint; } .sheet-charmancer select option:disabled { background-color: #eee; } .sheet-charmancer select span.sheet-initials { font-size: 6px; } .sheet-charmancer .sheet-topbar-holder { width: 100%; } .sheet-charmancer .sheet-topbar, .sheet-charmancer .sheet-leveler-topbar { flex: 100%; margin-bottom: 15px; } .sheet-charmancer .sheet-topbar div div, .sheet-charmancer .sheet-leveler-topbar div div { display: inline-block; width: 16%; border: 1px solid gray; text-align: center; } .sheet-charmancer .sheet-topbar div span, .sheet-charmancer .sheet-leveler-topbar div span { font-size: 3em; line-height: 1em; font-weight: bold; } .sheet-charmancer .sheet-leveler-topbar div span { font-size: 2.5em; } .sheet-charmancer .sheet-topbar div.sheet-meta-info-container, .sheet-charmancer .sheet-leveler-topbar div.sheet-meta-info-container { display: flex; width: 100%; border: 0; align-items: center; justify-content: space-between; } .sheet-charmancer .sheet-topbar div.sheet-meta-info-container span, .sheet-charmancer .sheet-leveler-topbar div.sheet-meta-info-container span { font-size: 1.2em; } .sheet-charmancer .sheet-topbar div.sheet-meta-info-container span.sheet-choice, .sheet-charmancer .sheet-leveler-topbar div.sheet-meta-info-container span.sheet-choice { display: none; } .sheet-charmancer .sheet-steps { position: sticky; padding: .5em 0; background: #fff; z-index: 1011; top: 0; border-bottom: 1px dashed #ddd; list-style: none; list-style-position: inside; flex: 100%; margin: 0 0 1em; display: flex; flex-flow: row; justify-content: space-between; transform: translateZ(0); } .sheet-charmancer .sheet-lp-steps { width: 100%; display: block; flex: none; } .sheet-charmancer .sheet-lp-steps li { display: inline; margin-right: .5em; } .sheet-charmancer .sheet-lp-steps li:last-of-type { float: right; } .sheet-charmancer button, .sheet-charmancer button[type=roll] { border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } .sheet-charmancer button[type=roll] { padding: 1px 6px; font-size: 13px; margin: 0; } .sheet-charmancer button[type=roll]:before { content: ''; } .sheet-charmancer button.sheet-step { border-color: black; background-color: white; color: black; } .sheet-charmancer button.sheet-step.sheet-next, .sheet-charmancer button.sheet-step.sheet-prev, .sheet-charmancer button.sheet-step.sheet-done, .sheet-charmancer button.sheet-step:not(.sheet-here) { border-color: black; background-color: #E8E8E8; color: black; } .sheet-charmancer button:hover, .sheet-charmancer button:hover.sheet-step, .sheet-charmancer button:hover.sheet-step.sheet-done, .sheet-charmancer button.sheet-step.sheet-here, .sheet-charmancer button[type=roll]:hover, .sheet-charmancer button[type=roll]:hover * { color: #fff; background-color: #EC2127; } .sheet-charmancer button.sheet-exit { text-transform: uppercase; color: #EC2127; background-color: #fff; border-color: #EC2127; } .sheet-charmancer button[type=back]:disabled:not(.sheet-here) { color: #ddd; background-color: white; border-color: #ddd; cursor: not-allowed; } .sheet-charmancer button:hover.sheet-exit {} .sheet-charmancer .sheet-bottombar, .sheet-charmancer .sheet-controls { flex: 100%; margin-bottom: 1em; } .sheet-charmancer .sheet-bottombar { position: sticky; bottom: -1px; border-top: 1px dashed #ddd; padding: .5em 0; background: white; box-sizing: border-box; text-align: center; transform: translateZ(0); } .sheet-charmancer .sheet-bottombar button { text-transform: uppercase; } .sheet-charmancer .sheet-jump { margin: 0 auto; } .sheet-charmancer .sheet-prev { left: 0; position: absolute; } .sheet-charmancer .sheet-next { right: 0; position: absolute; } .sheet-charmancer .sheet-row { border: 1px solid #ddd; border-radius: .5em 0 0 0; border-width: 1px 4px 0 1px; margin: 0 -1em 0 0; padding: .5em; } .sheet-charmancer .sheet-row .sheet-row { border-left-width: 0; margin-left: -0.5em; } .sheet-charmancer .sheet-row .sheet-row:first-of-type { border-top-width: 0; padding-top: 0; } .sheet-charmancer .sheet-race_traits b { display: block; } .sheet-charmancer .sheet-race_traits b + b { margin-top: .5em; } .sheet-charmancer label * { display: block; margin-top: 9px; } .sheet-charmancer label span:first-child { margin-top: 0; } .sheet-charmancer select { margin-bottom: 0; width: calc(100% - 2.25em); } .sheet-charmancer select:not([required]) { width: calc(100% - 3em); } .sheet-charmancer label p { font-weight: normal; } .sheet-charmancer label, .sheet-charmancer .sheet-label { font-size: 1.55rem; } .sheet-charmancer .sheet-label { display: block; font-weight: bold; } .sheet-charmancer select + select, .sheet-charmancer [class^="sheet-race_level0_choice"] + [class^="sheet-race_level0_choice"], .sheet-charmancer [class^="sheet-race_level1_choice"] + [class^="sheet-race_level1_choice"], .sheet-charmancer [class^="sheet-class_level0_choice"] + [class^="sheet-class_level0_choice"], .sheet-charmancer [class^="sheet-class_level1_choice"] + [class^="sheet-class_level1_choice"] { margin-top: .5em; } .sheet-charmancer label.sheet-compendium-opt, .sheet-charmancer label.sheet-compendium-opt > *, .sheet-charmancer label.sheet-abilities_attribute { display: inline; vertical-align: unset; } .sheet-charmancer .sheet-cancel-prompt { position: fixed; background: white; border: 1px solid; border-radius: 5px; padding: 40px 20px 40px 20px; top: 195px; width: 650px; text-align: center; } .sheet-charmancer.sheet-container .sheet-cancel-prompt { top: 35px; z-index: 1012; } .sheet-charmancer *[required]:not(.sheet-choice) { display: inline-block; } .sheet-charmancer .sheet-hilite::after { content: '* required'; font-style: italic; font-weight: normal; display: block; font-size: 14px; font-variant: small-caps; } .sheet-charmancer .sheet-warning { color: rgb(126, 45, 64); } .sheet-charmancer button.sheet-warning { color: #fff; background-color: rgb(126, 45, 64); border-color: rgb(126, 45, 64); } .sheet-charmancer button:hover.sheet-warning { color: rgb(126, 45, 64); background-color: #fff; border-color: rgb(126, 45, 64); } .sheet-charmancer .sheet-needed::before { font-family: pictos; content: "D"; } .sheet-charmancer .sheet-hilite { color: rgb(126, 45, 64); background: #EFEFEF; border-radius: .5em; box-sizing: border-box; padding: .5em; } .sheet-charmancer .sheet-hilite div + div { margin: 1em 0 0; } .sheet-charmancer .sheet-gold_option input[type=number] { width: 4.5em; } .sheet-manver .sheet-yes_spells { display: flex; } .sheet-charmancer button.sheet-mancer_info, .sheet-charmancer [data-repeating] button.sheet-action.sheet-choice-showing { font-size: 1.25em; width: 1.25em; height: 1.25em; padding: 0; font-style: italic; text-align: center; color: white; background: black; font-weight: bold; font-family: serif; border-radius: 100%; display: inline-block; border: none; } .sheet-charmancer [data-repeating] p button.sheet-mancer_info { font-size: .8em; line-height: 1em; vertical-align: super; } .sheet-charmancer button.sheet-mancer_info:hover, .sheet-charmancer [data-repeating] button.sheet-action:hover { background: #EC2127; } .sheet-charmancer [class^="sheet-abilities_radio"]:not(.sheet-choice) { display: flex; } .sheet-charmancer span label.sheet-compendium-opt { position: relative; justify-content: space-between; padding-right: 0; } .sheet-charmancer span label.sheet-compendium-opt > span { border: 1px solid black; border-radius: 5px; display: inline-block; min-width: 1.618em; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; cursor: pointer; } .sheet-charmancer span label.sheet-compendium-opt > input[type=radio]:disabled + span { color: #ddd; background-color: white; border-color: #ddd; cursor: not-allowed; } .sheet-charmancer span label.sheet-compendium-opt > input[type=radio]:checked + span { color: white; background-color: #EC2127; } .sheet-charmancer span .sheet-compendium-opt > input[type=radio] { opacity: 0; width: 0; cursor: none; } .sheet-charmancer .sheet-summary .sheet-returnblock { margin-bottom: 1em; } .sheet-equipment_choice_title { font-weight: bold; margin-bottom: 0px; margin-top: 10px; } .sheet-backgrounds_options label select, .sheet-backgrounds_options label span, .sheet-backgrounds_options label button { display: inline-block; } .sheet-backgrounds_options label button[type="roll"] { margin-top: .5em; } .sheet-backgrounds_options label br { margin-top: .1em; } .sheet-backgrounds_options label select:not([required]) { width: calc(100% - 4em); } .sheet-charmancer button.sheet-bg_info { font-size: 1.25em; width: 1.25em; height: 1.25em; padding: 0; font-style: italic; text-align: center; color: white; background: black; font-weight: bold; font-family: serif; border-radius: 100%; display: inline-block; border: none; } .sheet-charmancer button.sheet-bg_info:hover { background: #EC2127; } .sheet-charmancer .sheet-custom_class label input[type="checkbox"] { display: inline-block; margin-top: inherit; margin: 5px; } .sheet-charmancer .sheet-mancer_progress { border: 2px solid black; height: 10px; margin-top: 1.5em; width: 100%; } .sheet-charmancer .sheet-mancer_progress div { background-color: red; height: 100%; } .sheet-charmancer .sheet-bottombar button[type="finish"].sheet-choice { display: inline-block; opacity: .4; pointer-events: none; } .sheet-charmancer .sheet-custom_type { font-size: .9em; } .sheet-charmancer .sheet-custom_type select { display: inline-block; width: 65%; } .sheet-charmancer .sheet-custom_type + span:empty + select, .sheet-charmancer .sheet-custom_type + span:empty ~ button, .sheet-charmancer .sheet-custom_trait + span:empty ~ button { opacity: .5; pointer-events: none; } .sheet-charmancer .sheet-custom_add_action { float: right; margin-right: 4em; } .sheet-charmancer .sheet-custom_trait textarea { width: calc(100% - 3em); resize: vertical; height: 7em; } .sheet-custom-proficiency button, .sheet-custom-trait button { display: none; } .sheet-custom-proficiency:last-of-type button, .sheet-custom-trait:last-of-type button { display: block; } .sheet-charmancer .sheet-choices.sheet-spellslide { flex: 45%; max-width: 45%; box-sizing: border-box; } .sheet-charmancer .sheet-info.sheet-spellslide { position: sticky; flex: 55%; top: 4em; min-height: 50%; height: 100%; } .sheet-spells-summary div div { display: inline-block; } .sheet-spells-summary .sheet-title { width: 15%; text-align: right; vertical-align: top; } .sheet-spells-summary .sheet-list { width: 85%; padding-left: .5em; box-sizing: border-box; } .sheet-spells-summary .sheet-list span:not(:last-of-type)::after { content: ","; color: black; text-decoration: none; } .sheet-spells-summary .sheet-list span::before { content: " "; } .sheet-spells-summary .sheet-new { /*color: #447877;*/ color: green; font-weight: bold; } .sheet-spells-summary .sheet-removed { text-decoration: line-through; } .sheet-spellslide .sheet-cantripinfo { margin-bottom: -1em; } .sheet-spellslide .sheet-cantripinfo p { margin: 0; } .sheet-charmancer .sheet-spellslide .sheet-row { padding-left: 0; } .sheet-charmancer .sheet-spellslide .sheet-instructions { font-weight: bold; } .sheet-charmancer .sheet-spellslide .sheet-spell-summary { margin: 0; } .sheet-charmancer label.sheet-nostyle * { display: inline; margin-top: 0; } .sheet-charmancer .sheet-spell-holder { margin: 1em 0; } .sheet-charmancer .sheet-spell-holder label { border: 1px solid black; background-color: #efefef; margin: 0; width: 100%; box-sizing: border-box; } .sheet-charmancer .sheet-spell-holder label .sheet-title { display: inline; padding: 1em; line-height: 2em; } .sheet-charmancer .sheet-spell-holder label .sheet-title span.sheet-choice-showing { font-family: pictos; color: red; display: inline; font-size: .8em; line-height: .1em; padding-left: .5em; position: relative; bottom: .3em; } .sheet-charmancer .sheet-spell-holder label .sheet-number { float:right; font-weight: normal; margin-right: .7em; line-height: .8em; } .sheet-charmancer .sheet-spell-holder .sheet-spellheader input { display: inline; float: right; opacity: 0; } .sheet-charmancer .sheet-spell-holder label .sheet-number::after { content: "9"; font-family: pictos; position: absolute; margin-left: .3em; font-size: 1.3em; display: inline-block; transform: rotate(-90deg); } .sheet-charmancer .sheet-spell-holder label input:checked ~ .sheet-number::after { transform: rotate(90deg); margin-left: .4em; } .sheet-charmancer .sheet-spell-holder .sheet-container { width: 100%; border: 1px solid black; border-top: 0; padding: 0; box-sizing: border-box; } .sheet-charmancer .sheet-spell-item { padding: 0 .5em; line-height: 1.5em; } .sheet-charmancer .sheet-spell-item label { border: 0; margin: 0; padding: 0; width: 100%; background-color: unset; font-size: 16px; font-weight: normal; display: inline; line-height: 1.4em } .sheet-charmancer .sheet-spell-item .sheet-mancer_info { font-size: 1em; margin-top: .25em; background-color: #777; line-height: 1em; position: absolute; left: 93%; } .sheet-charmancer .sheet-spell-item .sheet-classes { font-size: 0.6em; float: right; margin-right: 7%; } .sheet-charmancer .sheet-spell-item .sheet-classes span:not(:last-child)::after { content: ", "; color: #000; } .sheet-charmancer .sheet-spell-item .sheet-known { color: #000; font-style: italic; } .sheet-charmancer .sheet-spell-item .sheet-class0 { color: #7e2d40; } .sheet-charmancer .sheet-spell-item .sheet-class1 { color: #000; } .sheet-charmancer .sheet-spell-item .sheet-class2 { color: #ec2127; } .sheet-charmancer .sheet-spell-item .sheet-class3 { color: #447877; } .sheet-charmancer .sheet-container .sheet-spell-item .sheet-spellcheck { margin-bottom: .3em; margin-right: .3em; } .sheet-charmancer .sheet-spell-item .sheet-lock:not(:empty) ~ label, .sheet-charmancer .sheet-spell-item .sheet-hardlock:not(:empty) ~ label { pointer-events: none; } .sheet-charmancer .sheet-spell-item .sheet-existing[value="1"] ~ label .sheet-name { font-style: italic; } .sheet-charmancer .sheet-spell-item .sheet-existing[value="1"] ~ label input:not(:checked) ~ .sheet-name::before { content: 'r'; font-family: pictos; color: red; font-style: normal; padding-right: .3em; line-height: 1em; } .sheet-charmancer .sheet-spell-item .sheet-lock:not(:empty) ~ label *, .sheet-charmancer .sheet-spell-item .sheet-hardlock:not(:empty) ~ label * { opacity: 0.6; } .sheet-charmancer .sheet-container .sheet-spell-item:nth-child(even) { background-color: #efefef; } .sheet-charmancer .sheet-spell-holder .sheet-controller:not(:empty) + .sheet-container { height: 0; display: none; } .sheet-charmancer .sheet-spell-holder .sheet-spellinfo:not(:empty) { display: flex; justify-content: space-between; margin-top: 1em; } .sheet-charmancer .sheet-spell-holder .sheet-spellinfo div { width: 49%; } .sheet-charmancer .sheet-spell-holder .sheet-spellinfo div div { width: 100%; padding-bottom: .3em; } .sheet-charmancer .sheet-spell-holder .sheet-spellinfo p { margin: 0; font-size: 1em; } .sheet-charmancer .sheet-pagelock:empty + .sheet-spellslide * { pointer-events: none; } .sheet-charmancer .sheet-replace-info span { font-family: pictos; color: red; } .sheet-charmancer .sheet-asi-row .sheet-asi, .sheet-charmancer .sheet-asi-row .sheet-feat { display: none; } .sheet-charmancer .sheet-asi-row .sheet-switch-container { display: flex; } .sheet-charmancer .sheet-asi-row .sheet-switch-tab { width: 50%; border-color: #888; border-style: solid; border-radius: 4px 4px 0 0; border-width: 1px; background-color: #aaa; padding: .25em .5em; margin: 0; } .sheet-charmancer .sheet-asi-row .sheet-switch-tab input { display: none; } .sheet-charmancer .sheet-asi-row .sheet-switch:empty ~ .sheet-switch-container .sheet-asi-tab, .sheet-charmancer .sheet-asi-row .sheet-switch:not(:empty) ~ .sheet-switch-container .sheet-feat-tab { border-bottom-width: 0; background-color: white; } .sheet-charmancer .sheet-asi-row .sheet-switch ~ .sheet-switch-container .sheet-feat-tab { background-color: #bbb; color: #666; pointer-events: none; } .sheet-charmancer .sheet-asi-row .sheet-switch:empty ~ .sheet-asi, .sheet-charmancer .sheet-asi-row .sheet-switch:not(:empty) ~ .sheet-feat { display: block; border-color: #888; border-style: solid; border-width: 0 1px 1px 1px; border-radius: 0 0 4px 4px; padding: 1em; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder { display: flex; width: 100%; flex-wrap: wrap; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder div { width: 33%; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder div:nth-child(1), .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder div:nth-child(2), .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder div:nth-child(3) { margin-bottom: 1.5em; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder div div { position: relative; width: 1.2em; display: inline-block; top: -.3em; left: -.5em; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder div h5 { font-weight: bold; text-align: center; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder div input { font-weight: bold; border: none; width: 30%; font-size: 2em; background-color: white; color: black; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder div span { font-size: 2em; margin-left: 20%; vertical-align: text-bottom; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder .sheet-spinner { position: absolute; left: 0; height: 12px; padding: 0; font-size: 12px; line-height: 0; width: 100%; border-radius: 0; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder .sheet-up-spinner { bottom: 0; border-bottom-width: 0; border-radius: 2px 2px 0 0; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder .sheet-down-spinner { top: 0; border-radius: 0 0 2px 2px; } .charsheet .sheet-charmancer .sheet-choices h2 span { display: block; font-size: 16px; font-weight: normal; line-height: normal; color: #888; margin: -8px 0 8px; } .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder .sheet-lock-down:not(:empty) ~ div .sheet-down-spinner, .sheet-charmancer .sheet-asi-row .sheet-asi .sheet-abilities-holder .sheet-lock-up:not(:empty) ~ div .sheet-up-spinner { pointer-events: none; color: rgba(0,0,0,.3); background-color: rgba(232,232,232,.3); } .sheet-charmancer .sheet-lp-summary { display: flex; width: 100%; min-height: 200px; border: 1px solid black; margin-bottom: 2em; } .sheet-charmancer .sheet-lp-summary div { width: 50%; } .sheet-charmancer .sheet-lp-summary div div { width: 100%; padding-top: .5em; } .sheet-charmancer .sheet-lp-summary .sheet-before { border-right: 1px solid black; } .sheet-charmancer .sheet-lp-summary div h2 { width: 100%; color: white; border-bottom: 1px solid black; box-sizing: border-box; padding-left: .5em; font-size: 1.5em; } .sheet-charmancer .sheet-lp-summary .sheet-before h2 { background-color: black; } .sheet-charmancer .sheet-lp-summary .sheet-after h2 { background-color: #999; } .sheet-charmancer .sheet-lp-summary .sheet-row { margin: 0; padding: 0; } .sheet-charmancer .sheet-lp-summary .sheet-row::before { margin: .5em; } .sheet-charmancer .sheet-lp-summary .sheet-ability-row { width: 100%; display: flex; padding: 0; font-size: 1.2em; } .sheet-charmancer .sheet-lp-summary .sheet-ability-row div { width: 16.6%; text-align: center; padding: 0; } .sheet-charmancer .sheet-lp-summary .sheet-ability-row h5 { font-size: 1.1em; line-height: 1.2em; } .sheet-charmancer .sheet-lp-summary p { font-weight: bold; margin: 0; padding-left: .5em; } .sheet-charmancer .sheet-lp-summary p span { font-weight: normal; } .sheet-charmancer .sheet-lp-summary .sheet-highlight { background-color: #e6d6b8; } .sheet-charmancer .sheet-lp-summary span.sheet-highlight { color: red; } /* Firefox 3.5+ */ body:not(:-moz-handler-blocked) .sheet-charmancer .sheet-steps { top:-.8em; } body:not(:-moz-handler-blocked) .sheet-charmancer .sheet-bottombar { bottom: -.8em; } .sheet-pc .sheet-globalattack { border: none; } /* Customizations for the PC's global damage area */ .sheet-pc div.sheet.global-dmg div.sheet-global-mod div.sheet-rows { margin-bottom: 5px;} .sheet-pc div.sheet.global-dmg div.sheet-global-mod div.sheet-rows span { display : inline; margin-left: 25px;} .sheet-pc div.sheet-global-dmg div.sheet-display { margin-bottom: 2px; width : 90% !important} .sheet-pc div.sheet-global-dmg div.sheet-display span.sheet-title { padding-right: 0px; width: 40%;} .sheet-pc div.sheet-global-dmg div.sheet-display span.sheet-subheader { display : inline; padding-right: 0px; width : 50%;} .sheet-pc div.sheet-global-dmg div.sheet-display span.sheet-subheader span { display: inline; padding: 4px 0px;} div.sheet-globaldisplay { width: 80%; background-color: #EFEFEF; border-bottom-right-radius: 5px; border-top-left-radius: 5px; display: inline-block; font-size: 9px; font-weight: bold; line-height: 16px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; text-align: left; text-overflow: ellipsis; } div.sheet-globaldisplay span { display: inline; } .sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-title { background-color: #EFEFEF; border-bottom-right-radius: 5px; border-top-left-radius: 5px; display: inline-block; font-size: 9px; font-weight: bold; line-height: 16px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; text-align: left;} .sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-subheader { background-color: #EFEFEF; border-bottom-right-radius: 5px; border-top-left-radius: 5px; display: inline-block; font-size: 9px; font-weight: bold; height: 16px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; text-align: left; } .sheet-pc .sheet-global-mod .sheet-active-flag { position: relative; top: -5px; } .sheet-pc .sheet-global-mod .sheet-options-flag:checked ~ .sheet-active-flag { margin-bottom: 50px; } .sheet-pc .sheet-global-mod .sheet-options-flag:checked ~ .sheet-display { display: none; } /* Level HP Bar */ .sheet-charmancer .sheet-levels-hp-row { background: #eee; border-radius: .25em; border: 1px solid #aaa; margin: .5em 0; padding: .25em; position: relative; z-index: 0; } .sheet-charmancer .sheet-levels-hp-row h2 { line-height: normal; height: 1em; vertical-align: middle; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle, .sheet-charmancer .sheet-levels-hp-row .sheet-class1_rollhp, .sheet-charmancer .sheet-levels-hp-row .sheet-class2_rollhp, .sheet-charmancer .sheet-levels-hp-row .sheet-class3_rollhp, .sheet-charmancer .sheet-levels-hp-row .sheet-class4_rollhp, .sheet-charmancer .sheet-levels-hp-row input[name="comp_class1_addhp"], .sheet-charmancer .sheet-levels-hp-row input[name="comp_class2_addhp"], .sheet-charmancer .sheet-levels-hp-row input[name="comp_class3_addhp"], .sheet-charmancer .sheet-levels-hp-row input[name="comp_class4_addhp"], .sheet-charmancer .sheet-levels-hp-row button[name="act_class1_addhpAverage"], .sheet-charmancer .sheet-levels-hp-row button[name="act_class2_addhpAverage"], .sheet-charmancer .sheet-levels-hp-row button[name="act_class3_addhpAverage"], .sheet-charmancer .sheet-levels-hp-row button[name="act_class4_addhpAverage"] { vertical-align: middle; text-align: left; } /* Level HP expanded */ .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ .sheet-class1_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ .sheet-class2_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ .sheet-class3_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ .sheet-class4_by-levels { border-top: 1px solid #aaa; margin: -.25em !important; margin-top: .25em !important; overflow: hidden; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > div { background: #fff; display: inline-block; border-radius: 0 0 .25em .25em; padding: 0; width: 100%; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > label, .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > div > label { display: none; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > div > div { padding: .25em; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > div > div:nth-child(odd) { background: #eee; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > div > div label { font-size: 24px; vertical-align: middle; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > div > div button { vertical-align: middle; } /* DEV 1378 */ /* levels-multiclass is the div encompassing the overall class section of the levels slide */ .sheet-charmancer .sheet-levels-multiclass .sheet-hide-multiclass[value="0"] ~ .sheet-row:nth-of-type(1n+2), .sheet-charmancer .sheet-levels-multiclass .sheet-hide-multiclass[value="1"] ~ .sheet-row:nth-of-type(1n+3), .sheet-charmancer .sheet-levels-multiclass .sheet-hide-multiclass[value="2"] ~ .sheet-row:nth-of-type(1n+4), .sheet-charmancer .sheet-levels-multiclass .sheet-hide-multiclass[value="3"] ~ .sheet-row:nth-of-type(1n+5) { display: none; } .sheet-charmancer .sheet-levels-multiclass .sheet-class1_selector, .sheet-charmancer .sheet-levels-multiclass .sheet-class2_selector, .sheet-charmancer .sheet-levels-multiclass .sheet-class3_selector, .sheet-charmancer .sheet-levels-multiclass .sheet-class4_selector { display: inline-block; width : 45%; } .sheet-charmancer .sheet-levels-multiclass button { margin: 0% 1%; font-weight: 500; line-height: 18px; height: 18px; } .sheet-charmancer .sheet-levels-multiclass h2 { display : inline-block; margin-right: 2%; width : auto; } .sheet-charmancer .sheet-levels-multiclass .sheet-row h2 + input { margin-right: 2%; } .sheet-charmancer .sheet-levels-multiclass .sheet-multiclass_message { display : inline-block; width : auto; margin-right: 25%; } .sheet-charmancer .sheet-levels-multiclass .sheet-levels-message { display : inline-block; font-weight: bold; } /* These are the two buttons to add or remove a multiclass */ .sheet-charmancer .sheet-levels-multiclass .sheet-levels-multiclass-buttons div { display : inline-block; margin-left: 5%; width : auto; } .sheet-charmancer .sheet-levels-multiclass .sheet-add_multiclass { margin-left: 25%; } .sheet-charmancer .sheet-levels-multiclass .sheet-add_multiclass button[type="action"]:disabled { cursor: not-allowed; } .sheet-charmancer .sheet-levels-multiclass .sheet-hp-flag[value="roll"] ~ div > button[name*="rollhp"], .sheet-charmancer .sheet-levels-multiclass .sheet-hp-flag[value="average"] ~ div > button[name*="averagehp"], .sheet-charmancer .sheet-levels-multiclass .sheet-hp-flag[value="roll"] ~ button[name*="rollhp"], .sheet-charmancer .sheet-levels-multiclass .sheet-hp-flag[value="average"] ~ button[name*="averagehp"] { background-color: #EC2127; color : #fff; } .sheet-charmancer .sheet-levels-hp-row .sheet-row div > label { display: inline; } .sheet-charmancer .sheet-compendium-class-name { font-family: "Times New Roman", Times, serif; font-size: 28px; text-transform: capitalize; font-variant: small-caps; font-weight: bold; } .sheet-charmancer .sheet-lock-custom-class[value="1"] ~ .sheet-class1_container { pointer-events: none; background-color: #E8E8E8; } .sheet-charmancer .sheet-lock-custom-class[value="1"] ~ .sheet-class1_container input, .sheet-charmancer .sheet-lock-custom-class[value="1"] ~ .sheet-class1_container select, .sheet-charmancer .sheet-lock-custom-class[value="1"] ~ .sheet-class1_container button { background-color: #f5f5f5 !important; color: #888888 !important; cursor: not-allowed !important; } .sheet-charmancer .sheet-custom_warning, .sheet-charmancer .sheet-lock-custom-class[value="1"] ~ .sheet-class1_container .sheet-class_features_container, .sheet-charmancer .sheet-lock-custom-class[value="1"] ~ .sheet-class1_container .sheet-subclass_features_container { display: none; } .sheet-charmancer .sheet-lock-custom-class[value="1"] ~ .sheet-class1_container .sheet-custom_warning { display: block; margin-bottom: 10px; font-weight: bold; } /* The hidden checkbox to expanded or collapse the by level */ .sheet-charmancer .sheet-levels-hp-row input.sheet-hpbylevel-toggle { opacity: 0; display: inline-block !important; width: 1.5em; height: 1.5em; position: absolute; right: .25em; z-index: 1; } /* Icon for the collpase & expand toggle */ .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle ~ .sheet-collapse { display: inline-block; font-family: pictos; font-size: 1.5em; transform: rotate(90deg); position: absolute; right: .25em; top: 9px; z-index: 0; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse { transform : rotate(-90deg); margin-left: .4em; } /* Toggles to expand & collapse the HP by levels */ .sheet-charmancer .sheet-levels-hp-row .sheet-class1_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-class2_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-class3_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-class4_by-levels, .sheet-charmancer .sheet-levels-hp-row span.sheet-collapse + div { display: none; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ .sheet-class1_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ .sheet-class2_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ .sheet-class3_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ .sheet-class4_by-levels, .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div { display: block; } .sheet-charmancer button.sheet-step.sheet-disabled { pointer-events: none; opacity: 0.3; } .sheet-utilityrow label span span { display: inline; } /* cleaning up level slide class feature display */ .sheet-charmancer .sheet-choices .sheet-class1_features, .sheet-charmancer .sheet-choices .sheet-class2_features, .sheet-charmancer .sheet-choices .sheet-class3_features, .sheet-charmancer .sheet-choices .sheet-class4_features, .sheet-charmancer .sheet-choices .sheet-subclass1_features, .sheet-charmancer .sheet-choices .sheet-subclass2_features, .sheet-charmancer .sheet-choices .sheet-subclass3_features, .sheet-charmancer .sheet-choices .sheet-subclass4_features { font-size: 14px; margin: .5em 0; } .sheet-charmancer .sheet-choices .sheet-subclass1_features_title, .sheet-charmancer .sheet-choices .sheet-subclass2_features_title, .sheet-charmancer .sheet-choices .sheet-subclass3_features_title, .sheet-charmancer .sheet-choices .sheet-subclass4_features_title { margin-top: .5em; display: inline-block !important; } /* styling the featured slide's spell selection */ .sheet-charmancer .sheet-choices .sheet-utilityrow { margin-bottom: 1em; } .sheet-charmancer .sheet-choices .sheet-utilityrow .sheet-result{ font-weight: normal; margin-bottom: -.25em; display: block; font-size: 13px; } .sheet-charmancer p.sheet-prereq span { display: inline; padding-right: .2em; } .sheet-charmancer p.sheet-prereq { color: red; margin-top: -.5em; }