/* Esper Genesis Character Sheet */ .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; } input[type=radio].sheet-npc-button { opacity: 0; top: 5px; position: absolute; right: 0px; width: 18px; height: 18px; z-index: 2; } input[type=radio].sheet-npc-button + span { position: absolute; top: 5px; 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: 440px; 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 { color: #FFFFFF; background-color: #00ba73; } input[type=radio].sheet-tab-button:checked + span, .sheet-advantagetoggle input[type=radio]:checked + span, input[type=radio].sheet-npc-button:checked + span { color: #FFFFFF; background-color: #00ba73; } .sheet-advantagetoggle input.sheet-toggle-left { right: 181px; width: 90px; } .sheet-advantagetoggle input.sheet-toggle-left + span { right: 181px; width: 90px; } .sheet-advantagetoggle input.sheet-toggle-center { right: 113px; width: 65px; } .sheet-advantagetoggle input.sheet-toggle-center + span { right: 113px; width: 65px; } .sheet-advantagetoggle input.sheet-toggle-right { right: 0px; width: 110px; } .sheet-advantagetoggle input.sheet-toggle-right + span { right: 0px; width: 110px; } .sheet-whispertoggle { left: 150px; } .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-right { width: 50px; } .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-right + span { width: 50px; } .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-left { right: 54px; width: 55px; } .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 { display: block; } .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 { 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-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-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-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, .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: #245485; } .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; } .sheet-page.sheet-npcs, .sheet-page.sheet-ships { display: none; } input[type=radio].sheet-npc-button.sheet-npcs:checked ~ .sheet-page.sheet-npcs, input[type=radio].sheet-npc-button.sheet-ships:checked ~ .sheet-page.sheet-ships { display: block; } input[type=radio].sheet-tab-button.sheet-core { right: 245px; width: 45px; } input[type=radio].sheet-tab-button.sheet-core + span { right: 245px; width: 45px; } input[type=radio].sheet-tab-button.sheet-bio { right: 210px; width: 30px; } input[type=radio].sheet-tab-button.sheet-bio + span { right: 210px; width: 30px; } input[type=radio].sheet-tab-button.sheet-spells { right: 145px; width: 60px; } input[type=radio].sheet-tab-button.sheet-spells + span { right: 145px; width: 60px; } input[type=radio].sheet-tab-button.sheet-options { right: 120px; width: 20px; } input[type=radio].sheet-tab-button.sheet-options + span { right: 120px; width: 20px; } input[type=radio].sheet-tab-button.sheet-type-pc { right: 77px; width: 25px; } input[type=radio].sheet-tab-button.sheet-type-pc + span { right: 77px; width: 25px; } input[type=radio].sheet-tab-button.sheet-type-starship { width: 72px; } input[type=radio].sheet-tab-button.sheet-type-starship + span { width: 72px; } input[type=radio].sheet-npc-button.sheet-npcs { right: 65px; width: 30px; } input[type=radio].sheet-npc-button.sheet-npcs + span { right: 65px; width: 30px; } input[type=radio].sheet-npc-button.sheet-ships { right: 20px; width: 40px; } input[type=radio].sheet-npc-button.sheet-ships + span { right: 20px; width: 40px; } .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 #ab8b57; 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 #ab8b57; 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; 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; -moz-appearance: textfield; } .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 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 #ab8b57; border-radius: 10px; 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-col-full { width: 100%; } .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: 1.5px solid #ab8b57; border-radius: 5px; position: relative; padding-bottom: 10px; margin-bottom: 19px; height: 64px; text-align: center; } .sheet-attr-container 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-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 { color: #00ba73; } button[type=roll]:hover * { color: #00ba73; } .sheet-spell button[type=roll]:hover input[type=text], .sheet-action .sheet-display button[type=roll]:hover * { color: #00ba73; } button[type=roll] * { pointer-events: none; } .sheet-attr-container input { border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; color: black; margin-top: 3px; } .sheet-attr { font-size: 30px; line-height: 40px; } .sheet-col-full .sheet-spell-header > span { font-size: 14px; display: inline-block; text-align: left; min-width: 30px; } .sheet-spell-header { line-height: 20px; margin-bottom: 15px; border-bottom: 1px solid #ab8b57; border-bottom-width: 100%; } .sheet-attr-mod { width: 40px; height: 20px; border: 1px solid #ab8b57; border-radius: 25%; 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 #ab8b57; border-radius: 35%; 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://raw.githubusercontent.com/skydawn1/esper_genesis/master/EG-inspiration.gif") 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 #ab8b57; 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 { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; color: black; } .sheet-saving-throw input[type=text], .sheet-skill input[type=text], .sheet-ac-init-speed-container input, .sheet-hp input, .sheet-tp input, .sheet-exhaustion input { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; color: black; } .sheet-hdice-dsaves-container input[type=text], .sheet-hdice-dsaves-container input[type=number] { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; color: black; } .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 { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; color: black; } .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; border-radius: 0px; color: black; padding-right: 0px; padding-left: 10px; } .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 #ab8b57; 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-tp span, .sheet-exhaustion 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 { font-weight: normal; font-size: 1em; } .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-exhaustion span.sheet-label { width: 100%; display: inline-block; text-align: center; } .sheet-exhaustion div.sheet-ex-descriptions { display: inline-block; padding-top: 5px; } .sheet-exhaustion-toggle[value="0"] ~ .sheet-exhaustion { display: none; } .sheet-exhaustion 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 { border: 1px solid #ab8b57; border-radius: 5px; width: 243px; } .sheet-tool_proficiencies { border: 1px solid #ab8b57; border-radius: 5px; width: 243px; padding-bottom: 10px; } .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-tp, .sheet-exhaustion, .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 #ab8b57; 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-tp, .sheet-exhaustion, .sheet-subcontainer, .sheet-attacks, .sheet-equipment { border: 1px solid #ab8b57; border-radius: 5px; } .sheet-hp input, .sheet-tp input { font-size: 30px; } .sheet-exhaustion input { font-size: 20px; } .sheet-hp input[type=number], .sheet-tp input[type=number] { width: 100%; padding-right: 10px; padding-left: 20px; } .sheet-hp span.sheet-label, .sheet-tp span.sheet-label, .sheet-exhuastion span .sheet-label, .sheet-hdice-dsaves-container span.sheet-label { margin-top: 0px; } .sheet-hp .sheet-top span, .sheet-tp .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; border-radius: 0px; color: black; width: 150px; display: inline-block; font-size: 12px; padding: 0px; } .sheet-tp .sheet-top 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; border-radius: 0px; color: black; width: 140px; 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: 70px; display: inline-block; } .sheet-coin { border: 1px solid #ab8b57; 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: 15px; } .sheet-coin input { display: inline-block; font-size: 12px; padding: 0px; width: 40px; } .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 { margin-top: 0px; } .sheet-textbox { width: 100%; border: 1px solid #ab8b57; border-radius: 5px; margin-bottom: 5px; } .sheet-textbox span { margin-top: 0px; } .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: #a5a5a5; 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: "Source Sans Pro", "Varta", arial, sans-serif; font-size: 16px; text-transform: capitalize; font-variant: small-caps; font-weight: bold; color: #245485; } .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-spell .sheet-details-flag, .sheet-attacks .sheet-options-flag, .sheet-spell .sheet-options-flag, .sheet-tool .sheet-options-flag, .sheet-npc .sheet-npc_options-flag, .sheet-npcs .sheet-npc_options-flag, .sheet-ships .sheet-npc_options-flag { opacity: 0; position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; z-index: 2; } .sheet-pc .sheet-trait .sheet-options-flag, .sheet-pc .sheet-global-mod .sheet-options-flag { opacity: 0; position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; z-index: 2; } .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-spell .sheet-details-flag + span, .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-npcs .sheet-npc_options-flag + span, .sheet-ships .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 { align-items: center; 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-spell .sheet-details-flag:hover + span, .sheet-attacks .sheet-options-flag:hover + span, .sheet-spell .sheet-options-flag:hover + span, .sheet-tool .sheet-options-flag:hover + span, .sheet-npc .sheet-npc_options-flag:hover + span, .sheet-npcs .sheet-npc_options-flag:hover + span, .sheet-ships .sheet-npc_options-flag:hover + span, .sheet-trait .sheet-options-flag:hover + span, .sheet-global-mod .sheet-options-flag:hover + span, .sheet-action .sheet-options-flag:hover + span, .sheet-textbox .sheet-options-flag:hover + span, .sheet-proficiencies .sheet-options-flag:hover + span, .sheet-traits .sheet-options-flag:hover + span, .sheet-equipment .sheet-inventorysubflag:hover + span, .sheet-header .sheet-options-flag:hover + span { color: #000000; } .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-spell .sheet-details-flag:checked + span, .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-npcs .sheet-npc_options-flag:checked + span, .sheet-ships .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: flex; } .sheet-spell:hover .sheet-details-flag + span, .sheet-spell:hover .sheet-options-flag + span { display: flex; } .sheet-attacks .sheet-attack:hover .sheet-options-flag + span, .sheet-tool:hover .sheet-options-flag + span, .sheet-npc:hover > .sheet-npc_options-flag + span, .sheet-npcs:hover > .sheet-npc_options-flag + span, .sheet-ships: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 { display: flex; } .sheet-pc .sheet-trait:hover .sheet-output { display: flex; } .sheet-pc .sheet-header:hover .sheet-options-flag + span { display: flex; } .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 { width: 0px; height: 0px; } .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-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 { 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: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #FFF; left: 0px; top: -6px; content: ""; position: absolute; 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-primes { display: inline-block; border: 1px solid black; height: 25px; border-radius: 5px; width: 238px; text-align: center; margin-left: -20px; } .sheet-primes 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; 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-wrapper { position: relative; } .sheet-spell .sheet-wrapper button.sheet-spell_link { position: absolute; top: 0; right: 5px; border: none; background: none; color: #A0A0A0; margin: 0; padding: 0; } .sheet-spell .sheet-wrapper button.sheet-spell_link::before { content: "|"; } .sheet-spell .sheet-wrapper button.sheet-spell_link:hover { color: #000000; } .charsheet .sheet-spells .sheet-details span { font-size: 12px; } .charsheet .sheet-spells .sheet-details span[name=attr_spelldescription] { white-space: pre-line; } .charsheet .sheet-spells .sheet-details > .sheet-italics span:nth-last-child(3) { display: inline-block; width: 120px; text-align: left; text-transform: lowercase; } .charsheet .sheet-spells .sheet-details > .sheet-italics span:nth-last-child(3)::first-letter { text-transform: uppercase; } .charsheet .sheet-spells .sheet-details > .sheet-italics span:not(:first-child) { margin-left: 3px; } .charsheet .sheet-spells .sheet-details span[data-i18n=concentration] { margin-left: -3px; } .charsheet .sheet-spells .sheet-details span[data-i18n=concentration]:after { content: ", "; } .repcontainer .sheet-spell .sheet-details-flag:not(:checked) ~ .sheet-wrapper { display: none; } .sheet-spell .sheet-wrapper .sheet-options-flag { display: inherit; } .sheet-spell .sheet-wrapper .sheet-options-flag + span { display: inherit; } .repcontainer .sheet-spell .sheet-details-flag:not(:checked) ~ .sheet-wrapper input.sheet-spell_desc + .sheet-options-flag { display: none; } .repcontainer .sheet-spell .sheet-details-flag:not(:checked) ~ .sheet-wrapper input.sheet-spell_desc + .sheet-options-flag + span { display: none; } .repcontainer .sheet-spell .sheet-wrapper .sheet-options .sheet-options-flag + span { right: 23.5px; width: 18px; height: 18px; } .repcontainer .sheet-spell .sheet-wrapper input.sheet-spell_desc[value] + .sheet-options-flag:not(:checked) ~ .sheet-options, .repcontainer .sheet-spell .sheet-wrapper .sheet-options-flag:not(:checked) ~ .sheet-options { display: none; } .sheet-spell .sheet-wrapper .sheet-options-flag { z-index: 10; right: 23.5px; } .sheet-spell .sheet-wrapper .sheet-options-flag:checked ~ .sheet-details { display: none; } .sheet-spell .sheet-wrapper .sheet-options-flag:checked ~ .sheet-options { display: inherit; } .sheet-spell .sheet-wrapper .sheet-options-flag + span { right: 23.5px; } .sheet-spell .sheet-details span:not(.sheet-innate) { display: inline; font-weight: normal; } .sheet-spell .sheet-details span.sheet-bold { font-weight: bold; margin-right: 3px; } .sheet-spell .sheet-details .sheet-italics { font-style: italic; } .sheet-spell .sheet-details input[type=checkbox] { display: none; } .sheet-spell .sheet-details input[type=checkbox] + span { display: none; } .sheet-spell .sheet-details input[type=checkbox]:checked + span { display: inline; } .sheet-spell .sheet-details input[type=checkbox]:checked ~ input[type=checkbox]:checked + span::before { content: ", "; } .sheet-spell .sheet-details span[name=attr_spellname] { font-family: "Source Sans Pro", "Varta", arial, sans-serif; font-size: 16px; text-transform: capitalize; font-variant: small-caps; color: #245485; } .sheet-spell .sheet-details input[name=attr_spellcomp_materials][value=""] + span, .sheet-spell .sheet-details input[name=attr_spellathigherlevels][value=""] + div { display: none; } .sheet-spell .sheet-options { border-top: none; border-bottom: 2px dashed gold; padding-bottom: 40px; } .sheet-spell .sheet-options-done { display: inline-block; margin-top: 5px; padding: 3px 10px; width: auto; border-radius: 1em; color: #ffffff; background-color: #000000; font-size: 1em; float: right; cursor: pointer; } .sheet-spell .sheet-options-done:hover { opacity: 0.6; } .sheet-spell .sheet-options-done::before { content: "3"; font-family: pictos; } .sheet-spell .sheet-options-done input[type=checkbox] { display: none; } .sheet-spell .sheet-options-done span.sheet-label { margin-top: 0; } .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, .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; 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 { text-align: center; } .sheet-options .sheet-title input[type=text] { width: 82px; border: none; text-align: center; color: #A0A0A0; } .sheet-class_options, .sheet-skill_options { border: 1px solid #ab8b57; border-radius: 5px; padding: 5px; margin-bottom: 5px; } .sheet-general_options { border: 1px solid #ab8b57; border-radius: 5px; padding: 5px; margin-bottom: 5px; position: relative; } .sheet-hlabel-container .sheet-showing, .sheet-hlabel-container .sheet-hiding { display: none; } .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 { display: inline-block; } .sheet-header input[value="1"].sheet-flag ~ .sheet-showing { display: inline-block; } .sheet-options .sheet-row > span { color: black; } .sheet-spell .sheet-details-flag { position: absolute; top: 0px; right: 23px; width: 18px; height: 18px; opacity: 0; z-index: 2; } .sheet-spell .sheet-details-flag + span { position: absolute; top: 0px; right: 23px; width: 18px; height: 18px; white-space: nowrap; font-size: 20px; font-family: pictos; color: #A0A0A0; cursor: pointer; margin-top: 0px; display: none; line-height: 18px; } .sheet-spell .sheet-options-flag { position: absolute; top: 0px; right: 23px; width: 18px; height: 18px; opacity: 0; z-index: 2; } .sheet-spell .sheet-options-flag + span { position: absolute; top: 0px; right: 23px; width: 18px; height: 18px; white-space: nowrap; font-size: 20px; font-family: pictos; color: #A0A0A0; cursor: pointer; margin-top: 0px; } .sheet-spell .sheet-details button.sheet-spell_link { float: right; border: none; background: none; color: #A0A0A0; } .sheet-spell .sheet-details button.sheet-spell_link::before { content: "|"; } .sheet-spell .sheet-details button.sheet-spell_link:hover { color: #000000; } .sheet-spell .sheet-details-flag:checked + span { display: block; color: #000000; } .sheet-spell:hover .sheet-details-flag + span { display: block; } .sheet-spell .sheet-details-flag ~ .sheet-details { display: none; } .sheet-spell .sheet-details-flag:checked ~ .sheet-details { display: block; } .sheet-spell .sheet-details { margin: 15px 10px; } .sheet-spell .sheet-options { margin: 15px 10px; padding: 0; overflow-x: hidden; text-overflow: ellipsis; } .sheet-spell .sheet-details span:not(.sheet-innate) { display: inline; font-weight: normal; } .sheet-spell .sheet-details span.sheet-bold { font-weight: bold; } .sheet-spell .sheet-details .sheet-italics { font-style: italic; } .sheet-spell .sheet-details input[type=checkbox] { display: none; } .sheet-spell .sheet-details input[type=checkbox] + span { display: none; } .sheet-spell .sheet-details input[type=checkbox]:checked + span { display: inline; } .sheet-spell .sheet-details input[type=checkbox]:checked ~ input[type=checkbox]:checked + span::before { content: ", "; } .sheet-spell .sheet-details span[name=attr_spellname] { font-family: "Source Sans Pro", "Varta", arial, sans-serif; font-size: 16px; text-transform: capitalize; font-variant: small-caps; color: #245485; } .sheet-spell .sheet-details input[name=attr_spellcomp_materials][value=""] + span, .sheet-spell .sheet-details input[name=attr_spellathigherlevels][value=""] + div { display: none; } .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: #00ba73; } .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-powercard { 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 { background-color: white; border: 1px solid black; color: black; width: 100%; } .sheet-rolltemplate-dmg .sheet-atk, .sheet-rolltemplate-dmg .sheet-container { background-color: white; border: 1px solid black; color: black; width: 100%; } .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 { border-top-left-radius: 0.8em; border-top-right-radius: 0.8em; } .sheet-rolltemplate-dmg .sheet-atk { border-top-left-radius: 0.8em; border-top-right-radius: 0.8em; } .sheet-rolltemplate-dmg .sheet-container { border-bottom-left-radius: 0.8em; border-bottom-right-radius: 0.8em; } .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 { background-repeat: no-repeat; background-size: 14em 100%; color: black; width: 81%; } .sheet-rolltemplate-dmg .sheet-atkold, .sheet-rolltemplate-dmg .sheet-containerold { background-repeat: no-repeat; background-size: 14em 100%; color: black; width: 81%; } .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("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/53WSdhx.png") top left; } /* Obsolete Template */ .sheet-rolltemplate-atk .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atkold { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/4RCRsAd.png") top left; } .sheet-rolltemplate-dmg .sheet-atkold { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/4RCRsAd.png") top left; } .sheet-rolltemplate-dmg .sheet-containerold { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/gw9HTsq.png") top left; } /* Obsolete Template */ .sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplateold { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/gw9HTsq.png") top left; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result { min-height: 45px; } .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 { background-color: transparent; border: 0px; font-size: 1.2em; padding: 0px; } .sheet-rolltemplate-atk .sheet-adv span, .sheet-rolltemplate-atk .sheet-solo span { background-color: transparent; border: 0px; font-size: 1.2em; padding: 0px; } .sheet-rolltemplate-atkdmg .sheet-adv span, .sheet-rolltemplate-atkdmg .sheet-solo span { background-color: transparent; border: 0px; font-size: 1.2em; padding: 0px; } .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 { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.importantroll { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-simple .sheet-label span span { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-atk .sheet-label span span { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-atk .sheet-grey { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.importantroll { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-atkdmg .sheet-label span span { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-atkdmg .sheet-grey { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.importantroll { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-dmg .sheet-label span span { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-dmg .sheet-grey { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.importantroll { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-npc .sheet-grey { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.importantroll { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-npcaction .sheet-grey { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.importantroll { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-npcatk .sheet-grey { color: #A0A0A0; border: 0px; font-weight: normal; } .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 { color: black; border: 0px; } .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.importantroll { color: black; border: 0px; } .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.importantroll { color: black; border: 0px; } .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.importantroll { color: black; border: 0px; } .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullfail { color: black; border: 0px; } .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 { color: black; border: 0px; } .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullfail { color: black; border: 0px; } .sheet-rolltemplate-mancerroll .inlinerollresult.fullcrit, .sheet-rolltemplate-mancerroll .inlinerollresult.importantroll, .sheet-rolltemplate-mancerroll .inlinerollresult.fullfail { color: black; border: 0px; } .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("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/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%; } /* *Fix for Global Damage Modifier * *By Miguel */ .sheet-rolltemplate-dmg .sheet-desc { width: 100%; } .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: #00ba73; } .sheet-rolltemplate-atk a[href^="~"]:visited { pointer-events: none; } .sheet-rolltemplate-spell .sheet-container { background: url("https://raw.githubusercontent.com/skydawn1/esper_genesis/master/EG-powerbg.jpg") center center; background-repeat: repeat; background-size: auto; border: 1px solid black; border-radius: 5px; color: black; font-family: "Source Sans Pro", "Varta", arial, sans-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: #a88138; font-weight: bold; font-size: 1.2em; } .sheet-rolltemplate-spell .sheet-italics { font-style: italic; } .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 { font-size: 1.2em; font-style: italic; margin-left: 4px; } .sheet-rolltemplate-mancerhproll .sheet-desc { font-size: 1.2em; font-style: italic; margin-left: 4px; display: inline-block; margin-left: 5%; width: 50%; } .sheet-rolltemplate-mancerroll .sheet-result { margin-left: 80px; } .sheet-rolltemplate-mancerroll .sheet-result .inlinerollresult { width: 50px; text-align: right; } .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 #245485; margin-top: 5px; margin-bottom: 5px; } .sheet-triangle { border: 1px solid #245485; margin-top: 5px; margin-bottom: 5px; } .sheet-red { color: #245485; } .sheet-npc .sheet-display .sheet-red input, .sheet-npc .sheet-display .sheet-red span { color: #245485; } .sheet-npc .sheet-display .sheet-red input:first-child, .sheet-npc .sheet-display .sheet-red span:first-child { margin-right: 3px; } .sheet-npc .sheet-npc_options { border-bottom: 2px dashed gold; } .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; 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 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; 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; 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: "Source Sans Pro", "Varta", arial, sans-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.sheet-xp: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 { display: none; } .sheet-npc .sheet-display .sheet-flag[value=""] + button, .sheet-npc .sheet-display .sheet-flag[value=""] + div { display: none; } .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] { width: auto; white-space: nowrap; } .sheet-npc button[type=roll] input { border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; color: black; margin: 0px; pointer-events: none; padding: 0px; height: 16px; line-height: 16px; } .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-ships .sheet-display .sheet-flag[value="1"] + button .sheet-stat::before, .sheet-ships .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-ships .sheet-display .sheet-flag[value="1"] + button .sheet-stat::after, .sheet-ships .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 { resize: vertical; height: 36px; min-height: 36px; border: none; padding: 0px; box-shadow: none; } .sheet-attack textarea { resize: vertical; height: 36px; min-height: 36px; border: none; padding: 0px; box-shadow: none; } .sheet-npc .sheet-actiontitle, .sheet-ships .sheet-actiontitle { border-bottom: 1px solid #245485; width: 100%; margin-bottom: 5px; } .sheet-npc .sheet-actions { min-height: 40px; } .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-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 { border: none; margin-bottom: 0px; padding: 0px; text-shadow: none; box-shadow: none; height: 36px; min-height: 36px; resize: none; overflow: hidden; } .sheet-legendaryactions { border: none; margin-bottom: 0px; padding: 0px; text-shadow: none; box-shadow: none; height: 36px; min-height: 36px; resize: none; overflow: hidden; 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 { display: none; } .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-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: #245485; font-size: 18px; text-align: left; font-family: "Source Sans Pro", "Varta", arial, sans-serif; font-variant: small-caps; } .sheet-rolltemplate-traits .sheet-header { font-family: "Source Sans Pro", "Varta", arial, sans-serif; font-size: 16px; text-transform: capitalize; font-variant: small-caps; font-weight: bold; color: #245485; } .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 #245485; } .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 #245485; 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: #245485; } .sheet-rolltemplate-npcatk a[href^="~"]:hover { color: #00ba73; } .sheet-equipment .sheet-complex, .sheet-equipment .sheet-simple { display: none; } .sheet-proficiencies .sheet-complex, .sheet-proficiencies .sheet-simple { display: none; } .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 { display: inline-block; } .sheet-proficiencies .sheet-inventoryflag[value=complex] ~ .sheet-complex, .sheet-proficiencies .sheet-inventoryflag[value=simple] ~ .sheet-simple { display: inline-block; } .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: 160px; 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: 100px; } .sheet-item input[type=text].sheet-weight { width: 25px; 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: absolute; 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 { color: red; } .sheet-equipment .sheet-encumb { color: red; 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] { -webkit-appearance: checkbox; -moz-appearance: checkbox; width: auto; } .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: 5px; pointer-events: none; font-size: 0.25em; } .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: 85px; } .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 { display: inline-block; } .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-esper-mastery .sheet-column { width: 39px; display: inline-block; text-align: center; margin-left: 5px; } .sheet-esper-mastery .sheet-mconf { font-size: 10px; width: 40px; } .sheet-esper-mastery .sheet-sub-button input[type=radio] { position: relative; background-color: #E8E8E8; width: 18px; height: 18px; z-index: 2; } .sheet-esper-mastery .sheet-sub-button input[type=radio]:checked + span { position: relative; background-color: #E8E8E8; color: green; text-align: center; font-weight: bold; } .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 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -webkit-transition: opacity 0.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 { border: 1px solid #ab8b57; border-radius: 5px; padding: 5px; margin-bottom: 5px; } .sheet-transition_options { border: 1px solid #ab8b57; border-radius: 5px; padding: 5px; margin-bottom: 5px; 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], .lang-es .sheet-npc .sheet-npc_options input[name=attr_npc_hpformula] { width: 175px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-left { right: 214px; width: 67px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-left + span { right: 214px; width: 67px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-center { right: 145px; width: 65px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-center + span { right: 145px; width: 65px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-right { right: 50px; width: 91px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-right + span { right: 50px; width: 91px; } .lang-es input[type=radio].sheet-tab-button.sheet-core { right: 137px; width: 76px; } .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 { right: 103px; width: 30px; } .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 { right: 21px; width: 78px; } .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 { width: 53px; } .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"] { font-size: 8px; } .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; } .charsheet.lang-it input[type=radio].sheet-tab-button.sheet-core { right: 146px; width: 60px; } .charsheet.lang-it input[type=radio].sheet-tab-button.sheet-core + span { right: 146px; width: 60px; } .charsheet.lang-it input[type=radio].sheet-tab-button.sheet-bio { right: 113px; width: 30px; } .charsheet.lang-it input[type=radio].sheet-tab-button.sheet-bio + span { right: 113px; width: 30px; } .charsheet.lang-it input[type=radio].sheet-tab-button.sheet-spells { right: 20px; width: 90px; } .charsheet.lang-it input[type=radio].sheet-tab-button.sheet-spells + span { right: 20px; width: 90px; } .charsheet.lang-it div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info .sheet-part { width: 23%; } .charsheet.lang-it div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container span { margin-top: 19px; margin-left: 30px; } .charsheet.lang-it .sheet-header .sheet-part input[type=text], .charsheet.lang-it .sheet-header .sheet-part select, .charsheet.lang-it .sheet-header .sheet-part span.sheet-display { height: 46px; } /* Italian */ /******************* * * 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 { font-size: 3em; line-height: 1em; font-weight: bold; } .sheet-charmancer .sheet-leveler-topbar div span { font-size: 3em; line-height: 1em; font-weight: bold; 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-choice { display: none !important; } .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: 0.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: 0.5em; } .sheet-charmancer .sheet-lp-steps li:last-of-type { float: right; } .sheet-charmancer button { border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } .sheet-charmancer button[type=roll] { border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; 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 { color: #fff; background-color: #00ba73; } .sheet-charmancer button:hover.sheet-step { color: #fff; background-color: #00ba73; } .sheet-charmancer button:hover.sheet-step.sheet-done { color: #fff; background-color: #00ba73; } .sheet-charmancer button.sheet-step.sheet-here { color: #fff; background-color: #00ba73; } .sheet-charmancer button[type=roll]:hover { color: #fff; background-color: #00ba73; } .sheet-charmancer button[type=roll]:hover * { color: #fff; background-color: #00ba73; } .sheet-charmancer button.sheet-exit { text-transform: uppercase; color: #00ba73; background-color: #fff; border-color: #00ba73; } .sheet-charmancer button[type=back]:disabled:not(.sheet-here) { color: #ddd; background-color: white; border-color: #ddd; cursor: not-allowed; } .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: 0.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: 0.5em 0 0 0; border-width: 1px 4px 0 1px; margin: 0 -1em 0 0; padding: 0.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: 0.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 { font-size: 1.55rem; } .sheet-charmancer label p { font-weight: normal; } .sheet-charmancer .sheet-label { font-size: 1.55rem; 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: 0.5em; } .sheet-charmancer label.sheet-compendium-opt { display: inline; vertical-align: unset; } .sheet-charmancer label.sheet-compendium-opt > * { display: inline; vertical-align: unset; } .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: #245485; } .sheet-charmancer button.sheet-warning { color: #fff; background-color: #245485; border-color: #245485; } .sheet-charmancer button:hover.sheet-warning { color: #245485; background-color: #fff; border-color: #245485; } .sheet-charmancer .sheet-needed::before { font-family: pictos; content: "D"; } .sheet-charmancer .sheet-hilite { color: #245485; background: #EFEFEF; border-radius: 0.5em; box-sizing: border-box; padding: 0.5em; } .sheet-charmancer .sheet-hilite div + div { margin: 1em 0 0; } .sheet-charmancer .sheet-gold_option input[type=number] { width: 4.5em; } .sheet-charmancer .sheet-customize-origin { box-sizing: border-box; padding-right: 40px; position: relative; width: 100%; display: none; } .sheet-charmancer .sheet-customize-origin label span { display: block; } .sheet-charmancer .sheet-customize-origin label span:last-child { font-weight: normal; width: calc(100% + 40px); } .sheet-charmancer .sheet-customize-origin .sheet-toggle { box-sizing: border-box; position: absolute; top: 0; right: 0; width: 40px; height: 20px; overflow: hidden; border-radius: 10px; border: 1px solid #CCC; } .sheet-charmancer .sheet-customize-origin .sheet-toggle input { width: 100%; height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; padding: 0; margin: 0; position: absolute; top: 0; left: 0; outline: none; } .sheet-charmancer .sheet-customize-origin .sheet-toggle input:checked { background: #c43c41; } .sheet-charmancer .sheet-customize-origin .sheet-toggle .sheet-knob { width: 20px; height: 20px; background: #CCC; position: absolute; top: -1px; left: -1px; border-radius: 10px; pointer-events: none; } .sheet-charmancer .sheet-customize-origin .sheet-toggle input:checked + .sheet-knob { right: -1px; left: auto; } .sheet-charmancer input[value="1"] + .sheet-customize-origin { display: block; } .sheet-charmancer span.sheet-tasha + select { margin-bottom: 10px; } .sheet-charmancer input[value="1"] + span.sheet-tasha:after { content: " (+1):"; } .sheet-charmancer input[value="2"] + span.sheet-tasha:after { content: " (+2):"; } .sheet-charmancer input[value="3"] + span.sheet-tasha:after { content: " (+3):"; } .sheet-charmancer input[value="4"] + span.sheet-tasha:after { content: " (+4):"; } .sheet-charmancer input[value="5"] + span.sheet-tasha:after { content: " (+5):"; } .sheet-charmancer input[value="6"] + span.sheet-tasha:after { content: " (+6):"; } .sheet-charmancer input[value="7"] + span.sheet-tasha:after { content: " (+7):"; } .sheet-charmancer input[value="8"] + span.sheet-tasha:after { content: " (+8):"; } .sheet-charmancer input[value="9"] + span.sheet-tasha:after { content: " (+9):"; } .sheet-charmancer input[value="10"] + span.sheet-tasha:after { content: " (+10):"; } .sheet-charmancer input[value="11"] + span.sheet-tasha:after { content: " (+11):"; } .sheet-charmancer input[value="12"] + span.sheet-tasha:after { content: " (+12):"; } .sheet-charmancer input[value="13"] + span.sheet-tasha:after { content: " (+13):"; } .sheet-charmancer input[value="14"] + span.sheet-tasha:after { content: " (+14):"; } .sheet-charmancer input[value="15"] + span.sheet-tasha:after { content: " (+15):"; } .sheet-charmancer input[value="16"] + span.sheet-tasha:after { content: " (+16):"; } .sheet-charmancer input[value="17"] + span.sheet-tasha:after { content: " (+17):"; } .sheet-charmancer input[value="18"] + span.sheet-tasha:after { content: " (+18):"; } .sheet-charmancer input[value="19"] + span.sheet-tasha:after { content: " (+19):"; } .sheet-charmancer input[value="20"] + span.sheet-tasha:after { content: " (+20):"; } .sheet-charmancer .sheet-asi-row .sheet-asi { border-width: 1px !important; } .sheet-charmancer .sheet-asi-row .sheet-switch ~ .sheet-switch-container .sheet-feat-tab { pointer-events: all; } .sheet-charmancer .sheet-asi-row .sheet-asi, .sheet-charmancer .sheet-asi-row .sheet-feat { display: none; } .sheet-charmancer .sheet-asi-row .sheet-switchval[value=asi] ~ .sheet-asi, .sheet-charmancer .sheet-asi-row .sheet-switchval[value=feat] ~ .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-switchval[value=asi] ~ .sheet-switch-container .sheet-asi-tab, .sheet-charmancer .sheet-asi-row .sheet-switchval[value=feat] ~ .sheet-switch-container .sheet-feat-tab { border-bottom-width: 0; background-color: white; } .sheet-charmancer .sheet-spinnerloader { width: 40%; padding-right: 13px; height: 100px; background-image: url("https://app.roll20.net/images/load.gif"); background-repeat: no-repeat; background-position: center center; display: inline-block; box-sizing: border-box; position: relative; } .sheet-charmancer .sheet-spinner-toggle { display: none; } .sheet-charmancer .sheet-spinner-toggle:empty + .sheet-spinnerloader { display: none; } .sheet-charmancer .sheet-spinner-toggle:empty ~ .sheet-choices { display: block; } .sheet-charmancer .sheet-spinner-toggle ~ .sheet-choices { display: none; } .sheet-manver .sheet-yes_spells { display: flex; } .sheet-charmancer button.sheet-mancer_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 [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: 0.8em; line-height: 1em; vertical-align: super; } .sheet-charmancer button.sheet-mancer_info:hover, .sheet-charmancer [data-repeating] button.sheet-action:hover { background: #00ba73; } .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: #00ba73; } .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 { display: inline-block; } .sheet-backgrounds_options label button { display: inline-block; } .sheet-backgrounds_options label button[type=roll] { margin-top: 0.5em; } .sheet-backgrounds_options label br { margin-top: 0.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: #00ba73; } .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: 0.4; pointer-events: none; } .sheet-charmancer .sheet-custom_type { font-size: 0.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 { opacity: 0.5; pointer-events: none; } .sheet-charmancer .sheet-custom_trait + span:empty ~ button { opacity: 0.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: 0.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-primeinfo { margin-bottom: -1em; } .sheet-spellslide .sheet-primeinfo 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: 0.8em; line-height: 0.1em; padding-left: 0.5em; position: relative; bottom: 0.3em; } .sheet-charmancer .sheet-spell-holder label .sheet-number { float: right; font-weight: normal; margin-right: 0.7em; line-height: 0.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: 0.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: 0.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 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: 0.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: #245485; } .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: 0.3em; margin-right: 0.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: 0.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: 0.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 1px 0 1px; background-color: #aaa; padding: 0.25em 0.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: #ab8b57; 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: -0.3em; left: -0.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; } .charsheet .sheet-charmancer .sheet-choices .sheet-row p { white-space: pre-line; } .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, 0.3); background-color: rgba(232, 232, 232, 0.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: 0.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: 0.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: 0.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: 0.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; } .sheet-charmancer .sheet-lp-summary ~ div.sheet-summary { width: 100%; } /* Firefox 3.5+ */ body:not(:-moz-handler-blocked) .sheet-charmancer .sheet-steps { top: -0.8em; } body:not(:-moz-handler-blocked) .sheet-charmancer .sheet-bottombar { bottom: -0.8em; } .sheet-pc .sheet-globalattack { border: none; } .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; } /* Customizations for the PC's global damage area */ 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: 0.25em; border: 1px solid #aaa; margin: 0.5em 0; padding: 0.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 { vertical-align: middle; text-align: left; } .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] { vertical-align: middle; text-align: left; } .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; } .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: -0.25em !important; margin-top: 0.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 0.25em 0.25em; padding: 0; width: 100%; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > label { display: none; } .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: 0.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; } .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; } .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: #00ba73; color: #fff; } .sheet-charmancer .sheet-levels-hp-row .sheet-row div > label { display: inline; } .sheet-charmancer .sheet-compendium-class-name { font-family: "Source Sans Pro", "Varta", arial, sans-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 { display: none; } .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; } .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: 0.25em; z-index: 1; } .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: 0.25em; top: 9px; z-index: 0; } .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse { transform: rotate(-90deg); margin-left: 0.4em; } .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; } /* Level HP expanded */ /* DEV 1378 */ /* levels-multiclass is the div encompassing the overall class section of the levels slide */ /* These are the two buttons to add or remove a multiclass */ /* The hidden checkbox to expanded or collapse the by level */ /* Icon for the collpase & expand toggle */ /* Toggles to expand & collapse the HP by levels */ .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: 0.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: 0.5em; display: inline-block !important; } .sheet-charmancer .sheet-choices .sheet-utilityrow { margin-bottom: 1em; } .sheet-charmancer .sheet-choices .sheet-utilityrow .sheet-result { font-weight: normal; margin-bottom: -0.25em; display: block; font-size: 13px; } .sheet-charmancer p.sheet-prereq { color: red; margin-top: -0.5em; } .sheet-charmancer p.sheet-prereq span { display: inline; padding-right: 0.2em; } /* styling the featured slide's spell selection */ /* DnD5E OFFICIAL CONTENT CSS */ /* LICENSED SHEET */ div.sheet-licensecontainer.sheet-licensedsheet, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer { /* NPC & MONSTER TEMPLATE */ } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header { margin-left: -50px; width: 850px; height: 140px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-advantagetoggle, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-advantagetoggle { top: 140px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page.sheet-core > div.sheet-header, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page.sheet-options > div.sheet-header { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/CharScroll.svg?sanitize=true"); background-repeat: no-repeat; background-size: cover; background-position: 2px center; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-core > div.sheet-header, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-options > div.sheet-header { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/CharScroll.svg?sanitize=true"); background-repeat: no-repeat; background-size: cover; background-position: 2px center; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page.sheet-bio > div.sheet-header, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-bio > div.sheet-header { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/BioScroll.svg?sanitize=true"); background-repeat: no-repeat; background-size: cover; background-position: 2px center; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page.sheet-spells > div.sheet-header, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-spells > div.sheet-header { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/SpellScroll.svg?sanitize=true"); background-repeat: no-repeat; background-size: cover; background-position: 2px center; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header::after, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header::after { content: ""; width: 30px; height: 162px; position: absolute; right: -60px; background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ScrollRight.svg?sanitize=true"); background-repeat: no-repeat; background-position: right center; background-size: 100% 100%; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container { width: 250px; display: inline-block; margin-left: 60px; margin-top: 72px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container img, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container img { display: none; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container span { margin-top: 16px; margin-left: 35px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info { border: none; margin-left: 54px; width: 440px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_background], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_background] { width: 138px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_race], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_race] { width: 180px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_alignment], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_alignment] { width: 140px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_experience], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_experience] { width: 98px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_age], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_age], div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_height], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_height], div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_weight], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_weight] { width: 100px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_eyes], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_eyes], div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_skin], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_skin], div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_hair], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header-info div.sheet-hlabel-container input[name=attr_hair] { width: 140px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part { width: 144px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part select, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part input { border: none; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part select, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part input { border: none; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part select[name=attr_spellcasting_ability], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-spells div.sheet-header-info div.sheet-part select[name=attr_spellcasting_ability] { text-align-last: center; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-header div.sheet-part span.sheet-display, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-header div.sheet-part span.sheet-display { border: none; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-footer, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-footer { display: none; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) input[type=radio].sheet-tab-button, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) input[type=radio].sheet-tab-button { top: 140px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) input[type=radio].sheet-tab-button + span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) input[type=radio].sheet-tab-button + span { top: 140px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) div.sheet-advantagetoggle, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-advantagetoggle { top: 140px; } div.sheet-licensecontainer.sheet-licensedsheet div.sheet-npc div.sheet-triangle, div.sheet-licensecontainer.sheet-licensedsheet div.sheet-triangle { border: none; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 360px solid #245485; margin-top: 5px; margin-bottom: 5px; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer div.sheet-npc div.sheet-triangle, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer div.sheet-triangle { border: none; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 360px solid #245485; margin-top: 5px; margin-bottom: 5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-header .sheet-options-flag, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-header .sheet-options-flag, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-header .sheet-options-flag + span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-header .sheet-options-flag + span { top: 45px; right: -15px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-header .sheet-header-info, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-header .sheet-header-info { margin-top: 30px; margin-left: 51px; background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/CharBox.svg?sanitize=true"); background-position: 0; padding: 14px; background-size: cover; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/SpellBox.svg?sanitize=true"); display: inline-flex; justify-content: space-around; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info .sheet-part, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info .sheet-part { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/SpellHeadBlock.svg?sanitize=true"); background-position: top center; background-size: contain; background-repeat: no-repeat; width: 30%; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attributes-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attributes-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-back.svg?sanitize=true"); margin: 0 !important; background-repeat: no-repeat; background-size: cover; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container { width: auto; border: 0; margin: 0 !important; margin-top: 20px !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: contain !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-STR.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container ~ .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container ~ .sheet-attr-container { margin-top: 8px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-DEX.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container { /* constitution is abbrivated CNS instead of CON * * because windows has that term reserved */ background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-CNS.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-INT.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-WIS.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container + .sheet-attr-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/ability-CHA.svg?sanitize=true"); margin-bottom: 20px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container button, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container button { font-size: 6.5px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr { font-size: 35px; font-weight: bold; position: relative; top: -5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod { border: none; background: transparent; margin-top: -10px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod .sheet-baseattr, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod .sheet-attr-flag, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod .sheet-finalattr { font-size: 18px !important; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod .sheet-baseattr, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod .sheet-attr-flag, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod .sheet-finalattr { font-size: 18px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/inspiration.svg?sanitize=true"); background-repeat: no-repeat; background-size: cover; height: 40px; margin-bottom: 2px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/proficency-bonus.svg?sanitize=true"); background-repeat: no-repeat; background-size: cover; height: 50px; margin-bottom: 2px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-value, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-label { border: none; background: transparent; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-value, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-label { border: none; background: transparent; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-value, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-value { margin-top: 2px; margin-left: 3px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container .sheet-label { width: calc(100% - 42px); margin-left: 0; margin-top: 5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container .sheet-value, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container .sheet-value { margin-top: 8px; margin-left: 6px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container .sheet-label { width: calc(100% - 42px); margin-left: -3px; margin-top: 10px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-saving-throw-container, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-skills-container { position: relative; box-sizing: border-box; padding: 5px 5px 15px; border: 10px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/saves.svg?sanitize=true"); border-image-slice: 65 10; border-image-width: auto; border-image-repeat: round; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-saving-throw-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-skills-container { position: relative; box-sizing: border-box; padding: 5px 5px 15px; border: 10px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/saves.svg?sanitize=true"); border-image-slice: 65 10; border-image-width: auto; border-image-repeat: round; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-saving-throw-container .sheet-label, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-skills-container .sheet-label { position: absolute; width: 100%; bottom: -5px; margin: 0 calc(-5px); } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-saving-throw-container .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-skills-container .sheet-label { position: absolute; width: 100%; bottom: -5px; margin: 0 calc(-5px); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-core .sheet-col2, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-core .sheet-col2 { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vitals.svg?sanitize=true"); background-repeat: no-repeat; background-position: top center; background-size: contain; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hdice-dsaves-container { width: 100% !important; margin: 0; padding: 10px 8px 0; box-sizing: border-box; display: flex; justify-content: space-between; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hdice-dsaves-container { width: 100% !important; margin: 0; padding: 10px 8px 0; box-sizing: border-box; display: flex; justify-content: space-between; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hdice-dsaves-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hdice-dsaves-container { padding: 0 8px 10px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-resources .sheet-hdice-dsaves-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-resources .sheet-hdice-dsaves-container { padding: 0 0 10px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/AC.svg?sanitize=true"); background-repeat: no-repeat; background-position: center center; background-size: contain; min-height: 75px !important; border: 0 !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac input, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac input { margin-top: 10px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac .sheet-pc-ac, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac .sheet-pc-ac { width: 50% !important; margin: 0 auto; line-height: 8px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-speed { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-box.svg?sanitize=true"); background-repeat: no-repeat; background-position: center center; background-size: contain; border: 0 !important; min-height: 75px !important; position: relative; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-speed { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-box.svg?sanitize=true"); background-repeat: no-repeat; background-position: center center; background-size: contain; border: 0 !important; min-height: 75px !important; position: relative; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init button, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-speed .sheet-label { position: absolute; bottom: 5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp .sheet-label { position: absolute; bottom: 5px; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init button, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-speed .sheet-label { position: absolute; bottom: 5px; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp .sheet-label { position: absolute; bottom: 5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init span, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-speed input { display: inline-block; margin-top: 15px; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-speed input { display: inline-block; margin-top: 15px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp { position: relative; background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-top.svg?sanitize=true"); background-repeat: no-repeat; background-position: center center; background-size: contain; border: 0 !important; width: calc(100% - 16px); height: 95px; margin: 5px 8px 0; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top { padding-top: 3px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top span { margin-left: 10px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top input, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp .sheet-top input { width: 132px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-hp + .sheet-hp, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp + .sheet-hp { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-bottom.svg?sanitize=true"); background-repeat: no-repeat; background-position: center center; background-size: contain; min-height: 70px; margin: 0 8px 5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-subcontainer, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer { --topNotchSize:7px; --bottomNotchSize:6px; box-sizing: border-box; margin-top: 5px; width: 49%; background: #fff; border: 5px solid black; border-top-width: 2px; border-bottom-width: 2px; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-box.svg?sanitize=true"); border-image-slice: 15 15; border-image-width: auto; border-image-repeat: round; -webkit-clip-path: polygon(0% var(--topNotchSize), var(--topNotchSize) 0%, calc(100% - var(--topNotchSize)) 0%, 100% var(--topNotchSize), 100% calc(100% - var(--bottomNotchSize)), calc(100% - var(--bottomNotchSize)) 100%, var(--bottomNotchSize) 100%, 0% calc(100% - var(--bottomNotchSize))); clip-path: polygon(0% var(--topNotchSize), var(--topNotchSize) 0%, calc(100% - var(--topNotchSize)) 0%, 100% var(--topNotchSize), 100% calc(100% - var(--bottomNotchSize)), calc(100% - var(--bottomNotchSize)) 100%, var(--bottomNotchSize) 100%, 0% calc(100% - var(--bottomNotchSize))); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type=checkbox], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type=checkbox] { margin: 0px -2px; border-radius: 50%; border: 2px solid #000 !important; width: 1em; height: 1em; background-color: white; vertical-align: middle; -webkit-appearance: none; outline: none; cursor: pointer; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type=checkbox]:checked, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type=checkbox]:checked { background-color: #00ba73; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-top input, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-top input { width: 60px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-attacks, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-proficiencies, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-traits, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-equipment, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-exhaustion { box-sizing: border-box; width: 100%; margin-top: 10px; border: 5px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/5eBorder.svg?sanitize=true"); border-image-slice: 6% 8% 12% 8%; border-image-width: 16px 19px 32px 19px; border-image-repeat: round; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attacks, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-proficiencies, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-traits, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-equipment, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-exhaustion { box-sizing: border-box; width: 100%; margin-top: 10px; border: 5px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/5eBorder.svg?sanitize=true"); border-image-slice: 6% 8% 12% 8%; border-image-width: 16px 19px 32px 19px; border-image-repeat: round; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-display button *, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-display button * { min-width: 15%; max-width: 33%; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/perception.svg?sanitize=true"); background-position: center center; background-repeat: no-repeat; background-size: contain; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container .sheet-value, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container .sheet-value { margin-top: 3px; margin-left: 5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container .sheet-label { position: absolute; width: calc(33% - 42px) !important; margin-left: 0; margin-top: 5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-tool_proficiencies, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-tool_proficiencies { box-sizing: border-box; width: 100%; margin-top: 5px; border: 5px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/proficiency-block.svg?sanitize=true"); border-image-slice: 5 10; border-image-width: 15px; border-image-repeat: round; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-proficiencies .sheet-display button *, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-proficiencies .sheet-display button * { min-width: 33%; max-width: 50%; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf { position: relative; box-sizing: border-box; width: 100%; min-height: 6em; margin-top: 5px; border: 15px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-top.svg?sanitize=true"); border-image-slice: 35 15; border-image-width: auto; border-image-repeat: round; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf { border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-mid.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf + .sheet-pibf + .sheet-pibf, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf + .sheet-pibf + .sheet-pibf { border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/vital-bottom.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-display, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-display { padding: 0; position: relative; top: -5px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-options-flag, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-options-flag { top: -5px; right: -10px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-options-flag ~ span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-options-flag ~ span { top: -5px; right: -10px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf .sheet-label { position: absolute; top: unset !important; right: unset !important; bottom: -10px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/copper.svg?sanitize=true"); background-position: center center; background-repeat: no-repeat; background-size: contain; border: none; border-radius: 0; margin: 5px 0; background-color: transparent; position: relative; left: -9px; height: 30px; width: 75px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin .sheet-label { position: relative; margin: 0; top: 5px; left: 22px; width: 15px; height: 20px; text-indent: -40px; font-size: 6px; line-height: 20px; vertical-align: middle; background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/copper.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin input, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin input { position: relative; top: 5px; left: 17px; width: 35px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/silver.svg?sanitize=true"); margin-top: 0; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin .sheet-label { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/silver.png"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/electrum.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin .sheet-label { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/electrum.png"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/gold.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin .sheet-label { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/gold.png"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/platnum.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin .sheet-label, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin + .sheet-coin .sheet-label { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/platnum.png"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-equipment .sheet-weighttotal, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-equipment .sheet-weighttotal { left: 4px; top: 185px; width: 68px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox { box-sizing: border-box; width: 100%; margin-top: 10px; border: 5px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/5eBorder.svg?sanitize=true"); border-image-slice: 32 25; border-image-width: auto; border-image-repeat: round; text-align: center; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-bio .sheet-col1 .sheet-textbox + .sheet-textbox textarea, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-bio .sheet-col1 .sheet-textbox + .sheet-textbox textarea { min-height: 640px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox textarea, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox textarea { margin: 0 auto; text-align: left; width: calc(100% - 20px); background: transparent; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/SpellLevel.svg?sanitize=true"); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 50px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-col1 .sheet-spell-level:nth-child(1), input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 .sheet-spell-level:nth-child(1) { background-image: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/Cantrip.svg?sanitize=true"); } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level { border: 0; background: transparent; position: relative; top: 11px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level::before, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level::after { border: 0; background: transparent; position: relative; top: 11px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-total, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-expended, div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-primes { border: 0; background: transparent; position: relative; top: 11px; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level { border: 0; background: transparent; position: relative; top: 11px; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level::before, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level::after { border: 0; background: transparent; position: relative; top: 11px; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-total, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-expended, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-primes { border: 0; background: transparent; position: relative; top: 11px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level span, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level .sheet-level span { left: 7px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-container:not(.sheet-npc) textarea[name=attr_global_save_rollstring], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc) textarea[name=attr_global_save_rollstring] { width: 100px !important; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-npc_options-flag:checked ~ .sheet-npc_options, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-npc_options-flag:checked ~ .sheet-npc_options { display: block; width: 100%; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-container, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-container { width: unset; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc { align-items: flex-start; box-sizing: border-box; display: inline-flex; flex-flow: wrap; margin-bottom: 2%; min-width: 100%; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-spell-labels [data-i18n=slots_total-u], div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-spell-labels [data-i18n=slots_remaining-u] { display: none; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-header { display: none; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-spell-labels [data-i18n=slots_total-u], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-spell-labels [data-i18n=slots_remaining-u] { display: none; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-header { display: none; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc { top: unset; width: 100%; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body { display: inline-flex; flex-flow: wrap; margin-top: 0px; max-width: 95%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body .sheet-col, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body .sheet-col { background: #fff; box-sizing: border-box; display: inline-block; margin-right: 0.5em; max-width: 32%; min-width: 250px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions, div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-stat-block { background: #fff; box-sizing: border-box; margin-right: 2em; max-width: 30%; min-width: 385px; } input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-stat-block { background: #fff; box-sizing: border-box; margin-right: 2em; max-width: 30%; min-width: 385px; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions button[type=roll], input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions button[type=roll] { white-space: normal; } div.sheet-licensecontainer.sheet-licensedsheet .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions, input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions { margin-top: 2em; } /* CHARACTERMANCER */ div.sheet-charmancer div.sheet-licensedsheet-flag { display: none; } div.sheet-charmancer.sheet-licensedsheet .sheet-logos { display: flex; width: 100%; text-align: center; flex-flow: column; margin-bottom: 1em; } div.sheet-charmancer .sheet-logos, div.sheet-charmancer .sheet-logos { display: flex; width: 100%; text-align: center; flex-flow: column; margin-bottom: 1em; } div.sheet-charmancer .sheet-charmancer-logo { margin: 0 auto; background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/charactermancer-1.png"); background-position: center; background-size: contain; background-repeat: no-repeat; display: flex; width: 70%; height: 5em; } div.sheet-charmancer .sheet-charmancer-logo, div.sheet-charmancer .sheet-charmancer-logo { margin: 0 auto; background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/charactermancer-1.png"); background-position: center; background-size: contain; background-repeat: no-repeat; display: flex; width: 70%; height: 5em; } div.sheet-charmancer.sheet-licensedsheet .sheet-compendium-logo { margin: 0 auto; background: url("https://raw.githubusercontent.com/skydawn1/esper_genesis/master/EG_Logo.png"); background-position: center; background-size: contain; background-repeat: no-repeat; display: flex; width: 50%; height: 3em; } div.sheet-charmancer .sheet-compendium-logo, div.sheet-charmancer .sheet-compendium-logo { margin: 0 auto; background: url("https://raw.githubusercontent.com/skydawn1/esper_genesis/master/EG_Logo.png"); background-position: center; background-size: contain; background-repeat: no-repeat; display: flex; width: 50%; height: 3em; } div.sheet-charmancer.sheet-licensedsheet .sheet-expansions { display: flex; width: 100%; margin: 1em 0; padding: 1em; background: #eee; border-radius: 0.5em; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-expansions, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-expansions { display: flex; width: 100%; margin: 1em 0; padding: 1em; background: #eee; border-radius: 0.5em; } div.sheet-charmancer.sheet-licensedsheet .sheet-expansions p { display: flex; width: 100%; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-expansions p, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-expansions p { display: flex; width: 100%; } div.sheet-charmancer.sheet-licensedsheet .sheet-meta-info-container, div.sheet-charmancer.sheet-licensedsheet .sheet-summary-container { box-sizing: border-box; width: 100% !important; padding: 0.5em; border: 10px solid black !important; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png") !important; border-image-slice: 20 32 !important; border-image-width: auto !important; border-image-repeat: round !important; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-meta-info-container, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-summary-container { box-sizing: border-box; width: 100% !important; padding: 0.5em; border: 10px solid black !important; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png") !important; border-image-slice: 20 32 !important; border-image-width: auto !important; border-image-repeat: round !important; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-meta-info-container, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-summary-container { box-sizing: border-box; width: 100% !important; padding: 0.5em; border: 10px solid black !important; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png") !important; border-image-slice: 20 32 !important; border-image-width: auto !important; border-image-repeat: round !important; } div.sheet-charmancer.sheet-licensedsheet .sheet-info .sheet-compendium-page { box-sizing: border-box; border: 10px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png"); border-image-slice: 20 32; border-image-width: auto; border-image-repeat: round; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-info .sheet-compendium-page, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-info .sheet-compendium-page { box-sizing: border-box; border: 10px solid black; border-image-source: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-border.png"); border-image-slice: 20 32; border-image-width: auto; border-image-repeat: round; } div.sheet-charmancer.sheet-licensedsheet .sheet-row { border: 0 !important; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-row, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-row { border: 0 !important; } div.sheet-charmancer.sheet-licensedsheet .sheet-row + .sheet-row::before, div.sheet-charmancer.sheet-licensedsheet .sheet-holder .sheet-row::before { content: ""; margin-bottom: 1em; display: block; border: none; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 300px solid #245485; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-row + .sheet-row::before, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-holder .sheet-row::before { content: ""; margin-bottom: 1em; display: block; border: none; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 300px solid #245485; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-row + .sheet-row::before, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-holder .sheet-row::before { content: ""; margin-bottom: 1em; display: block; border: none; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 300px solid #245485; } div.sheet-charmancer.sheet-licensedsheet .sheet-row .sheet-row::before { border: 0; margin: 0; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-row .sheet-row::before, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-row .sheet-row::before { border: 0; margin: 0; } div.sheet-charmancer.sheet-licensedsheet .sheet-row div.sheet-row { padding: 0.1em 1.5em 0.1em 0; margin-left: 0; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-row div.sheet-row, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-row div.sheet-row { padding: 0.1em 1.5em 0.1em 0; margin-left: 0; } div.sheet-charmancer.sheet-licensedsheet .sheet-topbar { display: flex; flex-flow: column; justify-content: space-between; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-topbar, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-topbar { display: flex; flex-flow: column; justify-content: space-between; } div.sheet-charmancer.sheet-licensedsheet .sheet-topbar .sheet-topbar-container { width: 100%; border: 0; display: flex; justify-content: space-between; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-topbar .sheet-topbar-container, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-topbar .sheet-topbar-container { width: 100%; border: 0; display: flex; justify-content: space-between; } div.sheet-charmancer.sheet-licensedsheet .sheet-attr-container { flex-flow: column-reverse; min-width: 15%; display: inline-flex !important; align-content: space-evenly; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-attr-container, div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-attr-container { flex-flow: column-reverse; min-width: 15%; display: inline-flex !important; align-content: space-evenly; } div.sheet-charmancer.sheet-licensedsheet .sheet-summary:nth-child(even) { background: #eee; margin: 0 -0.8em 0.8em; padding: 0.5em 0.8em; } div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ * .sheet-summary:nth-child(even), div.sheet-charmancer div.sheet-licensedsheet-flag:not(:empty) ~ .sheet-summary:nth-child(even) { background: #eee; margin: 0 -0.8em 0.8em; padding: 0.5em 0.8em; } /* ROLL TEMPLATE */ .sheet-rolltemplate-simple div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-atk div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-dmg div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-atkdmg div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-desc div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-spell div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-traits div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-npc div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-npcatk div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-npcdmg div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-npcaction div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-mancerroll div[class|=sheet-licensedsheet-flag], .sheet-rolltemplate-mancerhproll div[class|=sheet-licensedsheet-flag] { display: none; } .sheet-rolltemplate-simple, .sheet-rolltemplate-atk, .sheet-rolltemplate-atkdmg, .sheet-rolltemplate-dmg, .sheet-rolltemplate-desc { image-rendering: -webkit-optimize-contrast; } .sheet-rolltemplate-simple div.sheet-licensedsheet-flag-1 ~ div.sheet-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Simple.png") top left; } .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-container, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container.sheet-atk { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Attack.png") top left; background-color: inherit; } .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-atk { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Attack.png") top left; background-color: inherit; } .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Damage.png") top left; background-color: inherit; } .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container.sheet-damagetemplate { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Damage.png") top left; background-color: inherit; } .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Desc.png") top left; background-color: inherit; padding-bottom: 0.35em; padding-top: 0.35em; } .sheet-rolltemplate-simple div.sheet-licensedsheet-flag-1 ~ div.sheet-container, .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-container, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container.sheet-atk { background-repeat: no-repeat; background-size: 13.8em 100%; border: none; width: 100%; } .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-atk, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container { background-repeat: no-repeat; background-size: 13.8em 100%; border: none; width: 100%; } .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-container.sheet-damagetemplate, .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc { background-repeat: no-repeat; background-size: 13.8em 100%; border: none; width: 100%; } .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info { background: none; width: 100%; } .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info > span, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info > span, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info > span, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info > span { padding: 0px; } .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-bottom, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-bottom, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-bottom, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-bottom { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Info-Bottom.png") top left; height: 1.1em; background-size: 100% 100%; margin-bottom: -0.3em; } .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-top, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-top, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-top, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-top { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Info-Top.png") top left; height: 1.1em; background-size: 100% 100%; margin-top: -0.3em; } .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-middle, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-middle, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-middle, .sheet-rolltemplate-desc div.sheet-licensedsheet-flag-1 ~ div.sheet-desc.sheet-info .sheet-middle { background: url("https://raw.githubusercontent.com/mperes/Images-for-Roll20-5E-images/master/licensedsheet/DnD-Rolltemplate-Info-Middle.png") top left; background-size: 100% 100%; } .sheet-rolltemplate-npc div.sheet-licensedsheet-flag-1 ~ div.sheet-arrow-right, .sheet-rolltemplate-npcaction div.sheet-licensedsheet-flag-1 ~ div.sheet-arrow-right, .sheet-rolltemplate-npcatk div.sheet-licensedsheet-flag-1 ~ div.sheet-arrow-right, .sheet-rolltemplate-npcdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-arrow-right { border: none; border-top: 0.25em solid transparent; border-bottom: 0.25em solid transparent; border-left: 14em solid #245485; } .sheet-rolltemplate-atk div.sheet-licensedsheet-flag-1 ~ div.sheet-advspacer, .sheet-rolltemplate-dmg div.sheet-licensedsheet-flag-1 ~ div.sheet-advspacer, .sheet-rolltemplate-atkdmg div.sheet-licensedsheet-flag-1 ~ div.sheet-advspacer { margin-top: 1px; } /* DIALOGUE PROMPT */ .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-monster_confirm span:not(.sheet-yes), .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-mancer_confirm span:not(.sheet-yes) { font-size: 1.68em; font-weight: bold; } .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-compendium_warning, .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-monster_confirm, .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-mancer_confirm { position: absolute !important; padding: 2em 0 !important; min-height: -webkit-max-content; min-height: max-content; box-shadow: 0 0 50px #000; border: 2px solid #000 !important; border-radius: 0.5em; } .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-monster_confirm span:not(.sheet-yes), .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-mancer_confirm span:not(.sheet-yes) { font-weight: bold; font-size: 18px; } .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-monster_confirm .sheet-yes, .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-mancer_confirm .sheet-yes { color: #000; background-color: #eee; } .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-monster_confirm .sheet-yes:hover, .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-mancer_confirm .sheet-yes:hover { color: #fff; background-color: #00ba73; cursor: pointer; } .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-monster_confirm .sheet-yes:hover + .sheet-yes, .charsheet input.sheet-licensedsheet[value="1"] ~ .sheet-mancer_confirm .sheet-yes:hover + .sheet-yes { color: #fff; background-color: #00ba73; cursor: pointer; } /* Licensed Styling Start */ .charsheet .sheet-pc { /* PC Ship */ } .charsheet .sheet-pc label { margin: 0; padding: 0; } .charsheet .sheet-pc textarea { box-sizing: border-box; margin: 0; } .charsheet .sheet-pc .sheet-attributes-container { margin-top: 0 !important; } .charsheet .sheet-pc .sheet-attributes-container .sheet-attr-container { background: #010101; border: 0; border-radius: 5px 0 0 5px; color: white; position: relative; } .charsheet .sheet-pc .sheet-attributes-container .sheet-attr-container button[type=roll] { color: white; } .charsheet .sheet-pc .sheet-attributes-container .sheet-attr-container input:not([value^="-"]):not([value="0"]) + .sheet-attr:before { content: "+"; } .charsheet .sheet-pc .sheet-attributes-container .sheet-attr-container .sheet-attr-mod { background: #edcc8c; border-color: #edcc8c; border-radius: 5px; color: #010101; } .charsheet .sheet-pc .sheet-attributes-container .sheet-attr-container:after, .charsheet .sheet-pc .sheet-attributes-container .sheet-attr-container:before { background: white; border-radius: 5px; content: ""; height: 10px; position: absolute; right: -5px; width: 10px; } .charsheet .sheet-pc .sheet-attributes-container .sheet-attr-container:after { bottom: -5px; } .charsheet .sheet-pc .sheet-attributes-container .sheet-attr-container:before { top: -5px; } .charsheet .sheet-pc .sheet-skills-list { overflow: hidden; padding-top: 0; } .charsheet .sheet-pc .sheet-skills-list .sheet-skill:nth-child(odd) { background: #daebf3; border-bottom: 1px solid #aadaf0; border-top-color: 1px solid #aadaf0; } .charsheet .sheet-pc .sheet-skills-list .sheet-skill:nth-child(even) { background: white; border-bottom: 1px solid white; border-top-color: 1px solid white; } .charsheet .sheet-pc .sheet-spell-level { background: #e2c285; border: 1px solid #68593d; border-radius: 5px; position: relative; padding: 7px; } .charsheet .sheet-pc .sheet-spell-level > *:not(.sheet-rank):not(.sheet-tp) { display: none; } .charsheet .sheet-pc .sheet-spell-level .sheet-rank { display: block; font-size: 12px; margin: 0; width: 100%; } .charsheet .sheet-pc .sheet-spell-level .sheet-rank span { display: inline; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; width: auto; } .charsheet .sheet-pc .sheet-spell-level .sheet-rank span:last-child { margin-left: 5px; } .charsheet .sheet-pc .sheet-spell-level .sheet-tp { border: 0; color: #394876; font-size: 12px; font-weight: bold; margin: 0; position: absolute; right: 7px; text-transform: uppercase; top: 7px; width: auto; } .charsheet .sheet-pc .sheet-spell-level .sheet-tp:before { content: "tp:"; } .charsheet .sheet-pc .sheet-equipment .sheet-weighttotal { top: 70px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-tab-button { top: 0px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-tab-button + span { font-size: 13px; font-weight: bold; line-height: 1.42857143; top: 0px; } .charsheet .sheet-pc .sheet-pc-ship input { width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-flex-container { display: flex; } .charsheet .sheet-pc .sheet-pc-ship .sheet-grid-container { display: grid; } .charsheet .sheet-pc .sheet-pc-ship span { display: inline-block; font-size: 11px; line-height: 11px; } .charsheet .sheet-pc .sheet-pc-ship span[data-i18n*=-info] { text-align: center; } .charsheet .sheet-pc .sheet-pc-ship h3 span { font-size: 16px; line-height: normal; } .charsheet .sheet-pc .sheet-pc-ship input[type=text], .charsheet .sheet-pc .sheet-pc-ship input[type=number], .charsheet .sheet-pc .sheet-pc-ship select, .charsheet .sheet-pc .sheet-pc-ship textarea { border: 1px solid black; border-radius: 0; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top { margin-bottom: 40px; padding-top: 30px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top .sheet-logo h2 { line-height: normal; text-align: left; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top .sheet-logo h2 span { font-size: 32px; -webkit-text-stroke: 1px #e2c285; text-stroke: 1px #e2c285; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top .sheet-logo div { flex-grow: 1; text-align: right; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top .sheet-logo div img { width: 355px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top .sheet-flex-container { align-items: flex-end; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top label { margin-right: 5px; width: auto; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top label span { font-size: 13px; line-height: normal; white-space: nowrap; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top input { border: none; border-bottom: 1px solid black; border-radius: 0; } .charsheet .sheet-pc .sheet-pc-ship .sheet-top input:not(:last-child) { margin-right: 5px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle { grid-column-gap: 40px; grid-template-areas: "left left left left left left center center center center center right right right right right right"; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 11; grid-area: left; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities { color: white; grid-gap: 10px; grid-template-areas: "pilot captain" "technician1 technician2" "commander commander"; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities h3 { border-bottom: 2px solid #e2c285; text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities h3 span { color: white; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities > div { border: 2px solid #e2c285; background: black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities > div .sheet-flex-container { margin: 0 auto; max-width: 150px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities > div > span:last-child { text-align: center; text-transform: uppercase; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-pilot { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: pilot; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-captain { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: captain; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-technician1 { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: technician1; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-technician2 { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: technician2; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-commander { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: commander; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-commander .sheet-ability { min-width: 25%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-commander .sheet-flex-container { max-width: 300px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-ability { min-width: 50%; text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-ability label { text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-ability label span { color: white; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-abilities .sheet-ability input { border-radius: 24px; height: 48px; outline: none; text-align: center; width: 48px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-sensors-and-initiative { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; margin-top: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-sensors-and-initiative .sheet-sensors label span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-sensors-and-initiative .sheet-initiative label { grid-template-columns: 48px 1fr; grid-gap: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-sensors-and-initiative .sheet-initiative label input { border-radius: 24px; height: 48px; outline: none; text-align: center; width: 48px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-left .sheet-sensors-and-initiative .sheet-initiative label span { align-items: center; display: flex; font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center { -ms-grid-row: 1; -ms-grid-column: 13; -ms-grid-column-span: 9; grid-area: center; max-width: 180px; min-width: 180px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-piloting-maneuver-check h3 span { text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-piloting-maneuver-check img { width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-piloting-maneuver-check p { border-color: #394872; border-style: solid; border-width: 3px 0; font-size: 11px; line-height: 1em; margin-top: 10px; padding: 5px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice { border: 1px solid black; background: #f4fafd; margin-top: 20px; padding: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice > label { text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice label { margin: 0; padding: 0; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice select { width: auto; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice > label span { text-transform: lowercase; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice > label span:first-letter { text-transform: uppercase; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice > label span:after { content: ":"; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice .sheet-grid-container { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-command-dice .sheet-grid-container span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-intercept-speed { grid-template-columns: 68px 1fr; grid-gap: 5px; margin-top: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-intercept-speed > div:last-child label { border-color: #394872; border-style: solid; border-width: 3px 0; box-sizing: border-box; font-size: 11px; margin: 0; padding: 2px 5px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-center .sheet-intercept-speed > div:last-child label input { width: auto; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right { -ms-grid-row: 1; -ms-grid-column: 23; -ms-grid-column-span: 11; grid-area: right; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-maneuver-save h3 { text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-maneuver-save .sheet-grid-container { grid-template-columns: 106px 1fr; grid-gap: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-maneuver-save .sheet-grid-container > div:first-child img { width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-maneuver-save .sheet-grid-container > div:last-child { align-items: center; display: flex; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-maneuver-save .sheet-grid-container > div:last-child label { border: 1px solid black; background: #f4fafd; padding: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-maneuver-save .sheet-grid-container > div:last-child label span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-special-features { margin-top: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-special-features .repcontainer .repitem { position: relative; border-bottom: 1px solid black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-special-features .repcontainer .repitem textarea { left: 0; height: 100%; min-height: 30px; opacity: 0; position: absolute; top: 0; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-special-features .repcontainer .repitem span { display: inline-block; line-height: 30px; min-height: 25px; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-special-features .repcontainer .repitem textarea:focus { opacity: 1; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-special-features .repcontainer .repitem textarea:focus + span { opacity: 0; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-ship-cargo { margin-top: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-ship-cargo .repcontainer { border: 1px solid black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-ship-cargo .repcontainer .repitem:not(:first-child) { border-top: 1px solid black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-ship-cargo .repcontainer .repitem .sheet-grid-container { grid-template-columns: 1fr 85px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-ship-cargo .repcontainer .repitem .sheet-grid-container input { border: none; border-radius: 0; line-height: 22px; outline: none; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-ship-cargo .repcontainer .repitem .sheet-grid-container div:first-child input { border-right: 1px solid black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-middle .sheet-col-right .sheet-ship-cargo .repcontainer .repitem .sheet-grid-container div:last-child input { text-align: right; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom { margin-top: 40px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-armor-class, .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-maneuver-defense { border: 1px solid black; background: #f4fafd; padding: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-armor-class h3, .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-maneuver-defense h3 { text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-armor-class > .sheet-grid-container, .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-maneuver-defense > .sheet-grid-container { grid-template-columns: 115px 1fr; grid-gap: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-armor-class > .sheet-grid-container > div:first-child, .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-maneuver-defense > .sheet-grid-container > div:first-child { align-items: center; display: flex; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-armor-class > .sheet-grid-container .sheet-grid-container, .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-maneuver-defense > .sheet-grid-container .sheet-grid-container { grid-template-rows: repeat(4, 1fr); grid-template-columns: 30px 1fr; grid-gap: 5px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-armor-class > .sheet-grid-container .sheet-grid-container label, .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-maneuver-defense > .sheet-grid-container .sheet-grid-container label { align-items: center; display: flex; line-height: 11px; position: relative; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-armor-class > .sheet-grid-container .sheet-grid-container label span, .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:first-child .sheet-grid-container .sheet-maneuver-defense > .sheet-grid-container .sheet-grid-container label span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-grid-container > div:last-child > .sheet-grid-container { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-defense-systems { margin-top: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-defense-systems .repcontainer .repitem { position: relative; border-bottom: 1px solid black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-defense-systems .repcontainer .repitem textarea { left: 0; height: 100%; min-height: 30px; opacity: 0; position: absolute; top: 0; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-defense-systems .repcontainer .repitem span { display: inline-block; line-height: 30px; min-height: 25px; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-defense-systems .repcontainer .repitem textarea:focus { opacity: 1; } .charsheet .sheet-pc .sheet-pc-ship .sheet-bottom .sheet-defense-systems .repcontainer .repitem textarea:focus + span { opacity: 0; } .charsheet .sheet-pc .sheet-pc-ship .sheet-fancy-input { position: relative; } .charsheet .sheet-pc .sheet-pc-ship .sheet-fancy-input img { width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-fancy-input input { background: none; border: none; font-size: 36px; left: 50%; margin: 0; outline: none; padding: 0; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .sheet-table-header { grid-template-columns: 45px 1fr 60px 30px 50px 70px; grid-gap: 2px; max-width: calc(50% - 30px); } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .sheet-table-header span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer { column-gap: 20px; display: grid; grid-template-columns: repeat(2, 1fr); } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem { border-top: 2px solid #e2c285; margin-right: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem button[type=roll] { position: absolute; top: 4px; right: -20px; background: none; border: none; color: black; box-shadow: none; margin: 0; padding: 0; font-weight: bold; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem button[type=roll]:hover { color: #00ba73; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-body { grid-template-columns: 45px 1fr 60px 30px 50px 70px; grid-gap: 2px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-body input[type=text] { border: 1px solid black; border-radius: 0; outline: none; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta { grid-template-columns: 1fr 92px 122px; grid-gap: 2px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta input[type=text] { border: none; border-radius: 0; outline: none; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta label { align-items: center; display: flex; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta label > *:not(:last-child) { margin-right: 5px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta .sheet-recharge input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid black; height: 16px; outline: none; width: 16px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta .sheet-recharge input:nth-child(2) { order: 4; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta .sheet-recharge input:nth-child(2):checked + input, .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta .sheet-recharge input:nth-child(2):checked + input + input { background: black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta .sheet-recharge input:nth-child(3) { order: 3; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta .sheet-recharge input:nth-child(3):checked + input { background: black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta .sheet-recharge input:nth-child(4) { order: 2; margin-right: 5px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems .repcontainer .repitem .sheet-table-meta .sheet-recharge input:checked { background: black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems > div:last-child { margin-top: -23px; padding: 0 40px; pointer-events: none; text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-weapon-systems > div:last-child span { background: #f4fafd; border: 1px solid black; display: inline-block; font-size: 11px; line-height: normal; margin: 0 auto; padding: 2px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-hull-points h3 { text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-hull-points .sheet-fancy-input { margin-bottom: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-hull-points .sheet-fancy-input h3 { text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-hull-points .sheet-fancy-input img { min-width: 170px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-resistances { margin-top: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-resistances h3 { border-bottom: 1px solid black; text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-resistances h3 span { font-size: 11px; font-weight: bold; } .charsheet .sheet-pc .sheet-pc-ship .sheet-resistances .repcontainer .repitem { position: relative; border-bottom: 1px solid black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-resistances .repcontainer .repitem textarea { left: 0; height: 100%; min-height: 30px; opacity: 0; position: absolute; top: 0; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-resistances .repcontainer .repitem span { display: inline-block; line-height: 30px; min-height: 25px; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-resistances .repcontainer .repitem textarea:focus { opacity: 1; } .charsheet .sheet-pc .sheet-pc-ship .sheet-resistances .repcontainer .repitem textarea:focus + span { opacity: 0; } .charsheet .sheet-pc .sheet-pc-ship .sheet-patch-repair { border: 1px solid black; background: #f4fafd; padding: 0 20px 10px 20px; margin-top: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-patch-repair h3 { border-bottom: 1px solid black; line-height: normal; margin-bottom: 5px; text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-patch-repair h3 span { font-size: 11px; font-weight: bold; } .charsheet .sheet-pc .sheet-pc-ship .sheet-patch-repair label { line-height: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-patch-repair label span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-patch-repair .sheet-grid-container { align-items: end; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-patch-repair span[data-i18n=patch-repair-info] { display: block; font-size: 9px; margin-top: 5px; text-align: center; } .charsheet .sheet-pc .sheet-pc-ship .sheet-damage-taken h3 { text-align: right; } .charsheet .sheet-pc .sheet-pc-ship .sheet-damage-taken h3 span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-damage-taken .sheet-grid-container { border: 1px solid black; grid-template-columns: 50px 1fr; grid-gap: 10px; padding: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-damage-taken .sheet-grid-container label { line-height: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-damage-taken .sheet-grid-container label span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-damage-taken .sheet-grid-container > div label:last-child { margin-top: 20px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-damage-taken .sheet-grid-container > label span { text-align: right; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-structural-integrity { border: 1px solid black; background: #f4fafd; margin-top: 20px; padding: 0 10px 10px 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-structural-integrity h3 { line-height: normal; margin-bottom: 5px; text-align: center; border-bottom: 1px solid black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-structural-integrity span { font-size: 11px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-structural-integrity .sheet-grid-container { grid-template-columns: 110px 1fr; grid-gap: 10px; } .charsheet .sheet-pc .sheet-pc-ship .sheet-structural-integrity .sheet-grid-container > label { background: white; border: 1px solid black; } .charsheet .sheet-pc .sheet-pc-ship .sheet-structural-integrity .sheet-grid-container > label input { border: 0; min-height: calc(100% - 18px); } .charsheet .sheet-pc .sheet-pc-ship .sheet-structural-integrity .sheet-grid-container > label span { display: inline-block; font-size: 11px; text-align: center; width: 100%; } .charsheet .sheet-pc .sheet-pc-ship .sheet-max-weapon-payload { align-items: center; grid-template-columns: 1fr 34px !important; grid-gap: 10px !important; } .charsheet .sheet-pc .sheet-pc-ship .sheet-max-weapon-payload label { text-align: right; } .charsheet .sheet-pc .sheet-pc-ship .sheet-max-weapon-payload div input { border-radius: 24px; height: 34px; line-height: 34px; outline: none; text-align: center; width: 34px; } .sheet-pc .sheet-pc-ship { display: none; } .sheet-pc .sheet-pc-default .sheet-tab-button.sheet-type-pc + span { color: #FFFFFF; background-color: #00ba73; } .sheet-pc-type[value=starship] ~ .sheet-pc { width: 100%; } .sheet-pc-type[value=starship] ~ .sheet-pc .sheet-pc-default { display: none; } .sheet-pc-type[value=starship] ~ .sheet-pc .sheet-pc-ship { display: block; } .sheet-pc-type[value=starship] ~ .sheet-pc .sheet-pc-ship .sheet-tab-button.sheet-type-pc + span { background-color: #E8E8E8; color: black; } .sheet-pc-type[value=starship] ~ .sheet-pc .sheet-pc-ship .sheet-tab-button.sheet-type-starship + span { color: #FFFFFF; background-color: #00ba73; }