.sheet-pc, .sheet-npc, .sheet-ship { display: none; } .sheet-npc_toggle[value="0"] ~ .sheet-pc, .sheet-npc_toggle[value="1"] ~ .sheet-npc, .sheet-npc_toggle[value="2"] ~ .sheet-ship { display: block; } .sheet-container { width: 760px; background: #afc6d6; background: -moz-linear-gradient(left, #afc6d6 0%, #d6d6d6 30%, #d6d6d6 70%, #afc6d6 100%); background: -webkit-linear-gradient(left, #afc6d6 0%,#d6d6d6 30%,#d6d6d6 70%,#afc6d6 100%); background: linear-gradient(to right, #afc6d6 0%,#d6d6d6 30%,#d6d6d6 70%,#afc6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afc6d6', endColorstr='#afc6d6',GradientType=1 ); color: #000000; font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1em; position: relative; } input[type=radio].sheet-tab-button { opacity: 0; position: absolute; top: 92px; right: 0px; width: 18px; height: 18px; z-index: 2; } input[type=radio].sheet-tab-button + span { position: absolute; top: 92px; right: 0px; width: 17px; height: 17px; border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } .sheet-advantagetoggle { position: absolute; top: 92px; left: 570px; z-index: 1; } .sheet-advantagetoggle input[type=radio] { opacity: 0; position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; z-index: 2; } .sheet-advantagetoggle input[type=radio] + span { position: absolute; top: 0px; right: 0px; width: 17px; height: 17px; border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } .sheet-advantagetoggle input[type=radio]:checked + span, input[type=radio].sheet-tab-button:checked + span { color: #FFFFFF; background-color: #EC2127; } .sheet-advantagetoggle input.sheet-toggle-left, .sheet-advantagetoggle input.sheet-toggle-left + span { right: 181px; width: 90px; } .sheet-advantagetoggle input.sheet-toggle-center, .sheet-advantagetoggle input.sheet-toggle-center + span { right: 113px; width: 65px; } .sheet-advantagetoggle input.sheet-toggle-right, .sheet-advantagetoggle input.sheet-toggle-right + span { right: 0px; width: 110px; } .sheet-whispertoggle { left: 270px; } .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-right, .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-right + span { width: 50px; } .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-left, .sheet-advantagetoggle.sheet-whispertoggle input.sheet-toggle-left + span { right: 54px; width: 55px; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle { top: -10px; left: 390px; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle.sheet-whispertoggle { top: -10px; left: 120px; } .sheet-advantagetoggle { display: none; } .sheet-toggleflag[value*="advantagetoggle"] + .sheet-advantagetoggle, .sheet-toggleflag[value*="whispertoggle"] + .sheet-whispertoggle, .sheet-toggleflag[value="1"] + .sheet-hidden, .sheet-toggleflag[value="1"] + .sheet-row.sheet-hidden { display: block; } .sheet-npc_toggle[value="1"] + .sheet-npcpowercastingflag[value="1"] ~ .sheet-pc, .sheet-npc_toggle[value="1"] + .sheet-npcpowercastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-powers .sheet-header { display: block; visibility: hidden; width: 0px; top: -150px; margin: 0px; padding: 0px; } .sheet-npc_toggle[value="1"] + .sheet-npcpowercastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-powers { display: block; } .sheet-npc_toggle[value="1"] + .sheet-npcpowercastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-core, .sheet-npc_toggle[value="1"] + .sheet-npcpowercastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-bio, .sheet-npc_toggle[value="1"] + .sheet-npcpowercastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-options { display: none; } .sheet-npc_toggle[value="2"] ~ .sheet-ship .sheet-page.sheet-ship-core { display: none; } .sheet-npc_toggle[value="1"] + .sheet-npcpowercastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-powers .sheet-body { visibility: visible; } .sheet-npc_toggle[value="1"] + .sheet-npcpowercastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-powers .sheet-body .sheet-col { display: block; } .sheet-hidden, .sheet-options .sheet-row.sheet-hidden { display: none; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio] + span { text-transform: lowercase; font-variant: small-caps; font-weight: normal; background: transparent; border: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio] + span:first-letter { text-transform: uppercase; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio] + span > span.togm { text-transform: uppercase; } .sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle input[type=radio]:checked + span { font-weight: bold; color: rgb(126, 45, 64); } .sheet-page { display: none; } input[type=radio].sheet-tab-button.sheet-core:checked ~ .sheet-page.sheet-core, input[type=radio].sheet-tab-button.sheet-bio:checked ~ .sheet-page.sheet-bio, input[type=radio].sheet-tab-button.sheet-powers:checked ~ .sheet-page.sheet-powers, input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-options, input[type=radio].sheet-tab-button.sheet-ship-core:checked ~ .sheet-page.sheet-ship-core { display: block; } input[type=radio].sheet-tab-button.sheet-core, input[type=radio].sheet-tab-button.sheet-core + span { right: 121px; width: 45px; } input[type=radio].sheet-tab-button.sheet-ship-core, input[type=radio].sheet-tab-button.sheet-ship-core + span { right: 20px; width: 45px; } input[type=radio].sheet-tab-button.sheet-bio, input[type=radio].sheet-tab-button.sheet-bio + span { right: 88px; width: 30px; } input[type=radio].sheet-tab-button.sheet-powers, input[type=radio].sheet-tab-button.sheet-powers + span { right: 20px; width: 65px; } .sheet-header .sheet-top { height: 42px; } .sheet-header .sheet-part { width: 157px; display: inline-block; text-align: center; } .sheet-header .sheet-part input[type=text], .sheet-header .sheet-part select { border: 1px solid #666; border-radius: 5px; height: 56px; width: 110px; text-align: center; } .sheet-header .sheet-header-info select { padding-left: 0px; padding-right: 0px; } .sheet-header .sheet-part input[type=text] { font-size: 30px; } .sheet-header .sheet-part span.sheet-display { border: 1px solid #666; border-radius: 5px; height: 54px; width: 110px; text-align: center; margin: 0px; display: inline-block; line-height: 54px; font-size: 25px; } .sheet-header input, .sheet-header select { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; } .sheet-header input { padding: 0px; } .sheet-header select { margin-bottom: 0px; } .sheet-header input[type=number] { text-align: center; } .sheet-header input[type=number]::-webkit-inner-spin-button, .sheet-header input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-header input[type=number] { -moz-appearance:textfield; } .sheet-header span { display: block; font-size: 9px; line-height: 12px; } .sheet-header .sheet-name-container span.sheet-label { text-align: left; font-weight: normal; margin-top: 0; } .sheet-name-container { width: 250px; display: inline-block; vertical-align: top; } .sheet-name-container input { font-size: 20px; margin-top: -9px; } .sheet-header-info { width: 492px; margin-left: -2px; display: inline-block; border: 3px double #666; padding: 5px; max-height: 74px; } .sheet-hlabel-container { display: inline-block; margin-left: -4px; } .sheet-hlabel-container.sheet-multiclass-container { vertical-align: top; } .sheet-hlabel-container:first-child { margin-left: 0px; } .sheet-body { width: 760px; margin-top: 22px; } .sheet-col { width: 247px } .sheet-halfcol { width: 50% } .sheet-col2-3 { width: 502px; margin-left: 5px; display: inline-block; } .sheet-attributes-container { width: 70px; margin-right: 5px; display: inline-block; vertical-align: top; } .sheet-attr-container { width: 70px; border: 1px solid #666; border-radius: 5px; position: relative; padding-bottom: 10px; margin-bottom: 19px; height: 64px; text-align: center; } .sheet-attr-container button[type=roll], .sheet-saving-throw button[type=roll], .sheet-skill button[type=roll], .sheet-ac-init-speed-container button[type=roll], .sheet-subcontainer button[type=roll], .sheet-npc button[type=roll] { background-color: transparent; color: black; border: none; font-size: 9px; line-height: 12px; background-image: none; text-shadow: none; box-shadow: none; padding: 0px; margin: 0px; width: 100%; font-weight: bold; } .sheet-attr-container button[type=roll]::before, .sheet-saving-throw button[type=roll]::before, .sheet-skill button[type=roll]::before, .sheet-ac-init-speed-container button[type=roll]::before, .sheet-subcontainer button[type=roll]::before, .sheet-npc button[type=roll]::before { content: "" !important; } .sheet-attr-container button[type=roll] { overflow: hidden; } button[type=roll]:hover, button[type=roll]:hover *, .sheet-power button[type=roll]:hover input[type=text], .sheet-action .sheet-display button[type=roll]:hover * { color: #EC2127; } button[type=roll] * { pointer-events: none; } .sheet-attr-container input { border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; margin-top: 3px; } .sheet-attr { font-size: 30px; line-height: 40px; } .sheet-attr-mod { width: 40px; height: 20px; border: 1px solid #666; border-radius: 50%; z-index: 2; position: absolute; top: 62px; left: 0; right: 0; margin-left: auto; margin-right: auto; background-color: white; } .sheet-attr-mod input { text-align: center; /* width: 100%; height: 20px;*/ font-size: 20px; margin: 0px; padding: 0px; vertical-align: middle; line-height: 22px; } .sheet-skills-saves-container { width: 163px; margin-right: 5px; display: inline-block; vertical-align: top; } .sheet-insp-prof-container { margin-bottom: 10px; } .sheet-insp-prof-container .sheet-value { display: inline-block; border: 1px solid #666; border-radius: 50%; width: 35px; height: 35px; background-color: white; position: relative; } .sheet-insp-prof-container .sheet-value input[type=checkbox] { height: 100%; width: 100%; border-radius: 50%; opacity: 0; z-index: 2; position: relative; } .sheet-insp-prof-container .sheet-value input[type=checkbox] ~ span { height: 100%; width: 100%; border-radius: 50%; background:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%20Edition%20OGL%20by%20Roll20/images/insperation.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 #666; border-radius: 5px; vertical-align: top; } .sheet-insp-prof-container span { display: block; font-size: 9px; line-height: 12px; width: 100%; text-align: center; line-height: 30px; font-weight: bold; } .charsheet .sheet-ship .sheet-insp-prof-container .sheet-value input[type=number]{ width: 140%; } .sheet-insp-prof-container .sheet-value input, .sheet-saving-throw input[type=text], .sheet-skill input[type=text], .sheet-ac-init-speed-container input, .sheet-hp input, .sheet-exhaustion input, .sheet-hdice-dsaves-container input[type=text], .sheet-hdice-dsaves-container input[type=number], .sheet-attacks input, .sheet-equipment input, .sheet-tool input, .sheet-proficiencies input, .sheet-pc .sheet-traits input, .sheet-ship .sheet-traits input, .sheet-power input, .sheet-options .sheet-body input, .sheet-resources input[type=number] { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; } .sheet-resources input[type=number], .sheet-hdice-dsaves-container input[type=number] { padding-right: 0px; padding-left: 10px; } .sheet-saving-throw-container, .sheet-skills-container { width: 165px; border: 1px solid #666; border-radius: 5px; margin-bottom: 10px; padding-top: 5px; } .sheet-saving-throw, .sheet-skill { width: 165px; height: 18px; } .sheet-saving-throw input[type=checkbox], .sheet-skill input[type=checkbox] { margin-left: 5px; } .sheet-saving-throw input[type=text], .sheet-skill input[type=text] { font-size: 12px; width: 21px; } .sheet-col1 .sheet-saving-throw > span, .sheet-col1 .sheet-skill > span { font-size: 12px; display: inline-block; text-align: center; min-width: 21px; } .sheet-saving-throw button[type=roll], .sheet-skill button[type=roll] { width: calc(100% - 72px); overflow: hidden; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; text-align: left; } .sheet-saving-throw-container .sheet-label span, .sheet-skills-container .sheet-label span, .sheet-textbox-container .sheet-label span, .sheet-ac-init-speed-container span.sheet-label, .sheet-hp span, .sheet-exhaustion span.sheet-label, .sheet-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-powers 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-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-power .sheet-grey { color: #A0A0A0; font-weight: normal; } .sheet-textbox-container, .sheet-tool_proficiencies { border: 1px solid #666; border-radius: 5px; width: 243px; } .sheet-tool_proficiencies, .sheet-attacks { padding-bottom: 10px; } .sheet-textbox-container textarea { width: calc(100% - 10px); resize: vertical; border: none; } .sheet-ac-init-speed-container, .sheet-hp, .sheet-exhaustion, .sheet-hdice-dsaves-container, .sheet-attacks, .sheet-equipment { width: 240px; margin-bottom: 10px; } /* .sheet-ship-cargo { width: 490px; margin-bottom: 10px; } */ .sheet-ac-init-speed-container div { width: calc(31%); height: 100%; border: 1px solid #666; border-radius: 5px; display: inline-block; vertical-align: top; } .sheet-ac-init-speed-container span.sheet-label { margin-top: 0px; } .sheet-ac-init-speed-container button[type=roll] { display: block; } .sheet-hp, .sheet-exhaustion, .sheet-subcontainer, .sheet-attacks, .sheet-equipment { border: 1px solid #666; border-radius: 5px; } .sheet-hp input { font-size: 30px; } .sheet-exhaustion input { font-size: 20px; } .sheet-hp input[type="number"] { width: 100%; padding-right: 0px; padding-left: 20px; } .sheet-hp span.sheet-label, .sheet-exhuastion span .sheet-label, .sheet-hdice-dsaves-container span.sheet-label { margin-top: 0px; } .sheet-hp .sheet-top span, .sheet-hdice-dsaves-container .sheet-top span, .sheet-attacks .sheet-top span, .sheet-tool_proficiencies .sheet-top span, .sheet-proficiencies .sheet-top span, .sheet-traits .sheet-top span { text-align: left; margin-left: 5px; color: #000000; 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 #adadad; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; width: 150px; display: inline-block; font-size: 12px; padding: 0px; } .sheet-hdice-dsaves-container .sheet-top input[type=text] { width: 80px; } .sheet-subcontainer { width: 116px; display: inline-block; vertical-align: top; height: 64px; } .sheet-subcontainer input[type=text].sheet-label { display: block; font-size: 9px; line-height: 12px; width: 100%; text-align: center; font-weight: bold; } .sheet-hdice-dsaves-container .sheet-row-container{ float: right; margin-right: 5px; margin-top: 5px; } .sheet-hdice-dsaves-container .sheet-row-container span { display: inline-block; width: inherit; } .sheet-money { width: 70px; display: inline-block; } .sheet-coin { border: 1px solid #666; border-radius: 5px; margin-top: 10px; background-color: white; position: relative; left: -5px; } .sheet-coin span { display: inline-block; color: #000000; 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, .sheet-textbox span { margin-top: 0px; } .sheet-textbox { width: 100%; border: 1px solid #666; border-radius: 5px; margin-bottom: 5px; } .sheet-textbox textarea { width: calc(100% - 10px); resize: vertical; border: none; margin: 0px; padding-bottom: 0px; min-height: 48px; height: 48px; } /*.sheet-col3 { width: 245px; margin-left: -3px; }*/ .sheet-footer { -webkit-user-select: auto; -moz-user-select: text; font-size: 10px; color: rgb(165, 165, 165); margin-top: 10px; } .sheet-footer div { width: 45%; display: inline-block; } .sheet-attacks { min-height: 274px; margin-bottom: 10px; } .sheet-attacks .sheet-display button[type=roll], .sheet-tool .sheet-display button[type=roll], .sheet-proficiency .sheet-display button[type=roll], .sheet-deployment .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, .sheet-deployment .sheet-display button[type=roll]::before { content: "" !important; } .sheet-attacks .sheet-display input, .sheet-tool .sheet-display input, .sheet-equipment .sheet-item input, .sheet-attacks .sheet-display span, .sheet-tool .sheet-display span, .sheet-equipment .sheet-item span, .sheet-proficiencies .sheet-display span { font-size: 12px; line-height: 12px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #EFEFEF; cursor: pointer; text-align: left; font-size: 9px; font-weight: bold; } .sheet-attacks .sheet-display span, .sheet-tool .sheet-display span, .sheet-equipment .sheet-item span, .sheet-proficiencies .sheet-display span { min-height: 12px; display: inline-block; margin-top: 0px; padding: 4px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .sheet-traits .sheet-display .sheet-title { font-family: "Times New Roman", Times, serif; font-size: 16px; text-transform: capitalize; font-variant: small-caps; font-weight: bold; color: rgb(126, 45, 64); } .sheet-traits .sheet-display .sheet-subheader { font-style: italic; color: #A0A0A0; margin-top: -3px; } .sheet-traits .sheet-display .sheet-subheader span { font-size: 10px; display: inline; } .sheet-attacks .sheet-options-flag, .sheet-power .sheet-options-flag, .sheet-tool .sheet-options-flag, .sheet-npc .sheet-npc_options-flag, .sheet-pc .sheet-trait .sheet-options-flag, .sheet-pc .sheet-global-mod .sheet-options-flag, .sheet-ship .sheet-trait .sheet-options-flag, .sheet-ship .sheet-global-mod .sheet-options-flag, .sheet-action .sheet-options-flag, .sheet-textbox .sheet-options-flag, .sheet-proficiencies .sheet-options-flag, .sheet-traits .sheet-options-flag, .sheet-equipment .sheet-inventorysubflag, .sheet-header .sheet-options-flag { opacity: 0; position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; z-index: 2; } .sheet-attacks .sheet-options-flag + span, .sheet-power .sheet-options-flag + span, .sheet-tool .sheet-options-flag + span, .sheet-npc .sheet-npc_options-flag + span, .sheet-trait .sheet-options-flag + span, .sheet-global-mod .sheet-options-flag + span, .sheet-action .sheet-options-flag + span, .sheet-textbox .sheet-options-flag + span, .sheet-proficiencies .sheet-options-flag + span, .sheet-traits .sheet-options-flag + span, .sheet-equipment .sheet-inventorysubflag + span, .sheet-header .sheet-options-flag + span { position: absolute; top: 0px; right: 0px; white-space: nowrap; width: 18px; height: 18px; font-size: 20px; font-family: pictos; color: #A0A0A0; cursor: pointer; margin-top: 0px; display: none; } .sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display, .sheet-pc .sheet-global-mod .sheet-options-flag:checked ~ .sheet-options, .sheet-ship .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display, .sheet-ship .sheet-global-mod .sheet-options-flag:checked ~ .sheet-options { width: 80%; display: inline-block; } .sheet-attacks .sheet-options-flag:checked + span, .sheet-power .sheet-options-flag:checked + span, .sheet-tool .sheet-options-flag:checked + span, .sheet-npc .sheet-npc_options-flag:checked + span, .sheet-trait .sheet-options-flag:checked + span, .sheet-global-mod .sheet-options-flag:checked + span, .sheet-action .sheet-options-flag:checked + span, .sheet-textbox .sheet-options-flag:checked + span, .sheet-proficiencies .sheet-options-flag:checked + span, .sheet-traits .sheet-options-flag:checked + span, .sheet-equipment .sheet-inventorysubflag:checked + span, .sheet-header .sheet-options-flag:checked + span { color: black; display: block; } .sheet-attacks .sheet-attack:hover .sheet-options-flag + span, .sheet-power:hover .sheet-options-flag + span, .sheet-tool:hover .sheet-options-flag + span, .sheet-npc:hover > .sheet-npc_options-flag + span, .sheet-trait:hover .sheet-options-flag + span, .sheet-global-mod:hover .sheet-options-flag + span, .sheet-action:hover .sheet-npc_options-flag + span, .sheet-textbox:hover > .sheet-options-flag + span, .sheet-proficiency:hover .sheet-options-flag + span, .sheet-deployment:hover .sheet-options-flag + span, .sheet-item:hover .sheet-inventorysubflag + span, .sheet-pc .sheet-trait:hover .sheet-output, .sheet-pc .sheet-header:hover .sheet-options-flag + span, .sheet-ship .sheet-trait:hover .sheet-output, .sheet-ship .sheet-header:hover .sheet-options-flag + span { display: block; } .sheet-pc .sheet-header .sheet-options-flag, .sheet-ship .sheet-header .sheet-options-flag { top: 8px; right: 4px; } .sheet-pc .sheet-header .sheet-options-flag + span, .sheet-ship .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, .sheet-ship .sheet-global-mod .sheet-display-flag, .sheet-ship .sheet-trait .sheet-display-flag { opacity: 0; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } .sheet-pc .sheet-global-mod .sheet-options-flag:checked ~ .sheet-display-flag, .sheet-pc .sheet-trait .sheet-options-flag:checked ~ .sheet-display-flag, .sheet-ship .sheet-global-mod .sheet-options-flag:checked ~ .sheet-display-flag, .sheet-ship .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, .sheet-ship .sheet-trait .sheet-display-flag:checked ~ .sheet-display .sheet-desc { display: none; } .sheet-pc .sheet-trait .sheet-output, .sheet-ship .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, .sheet-ship .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-power, .sheet-tool, .sheet-npc, .sheet-action, .sheet-textbox, .sheet-proficiencies, .sheet-traits { position: relative; } .sheet-attack .sheet-options, .sheet-power .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-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-power .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-ship .sheet-header .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-power-level { position: relative; margin-bottom: 5px; } .sheet-header-info.sheet-options span { display: inline-block; font-weight: bold; } .sheet-header-info.sheet-options input { width: 170px; } .sheet-level { width: 20px; display: inline-block; } .sheet-level:after, .sheet-level:before { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #FFF; left: 0px; top: -6px; content: ''; position: absolute; } .sheet-level:before { border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 24px solid; border-left-color: inherit; left: -2px; top: -9px; } .sheet-level span { z-index: 3; margin-left: -3px; position: relative; font-size: 16px; top: 2px; } .sheet-cantrips { display: inline-block; border: 1px solid black; height: 25px; border-radius: 5px; width: 238px; text-align: center; margin-left: -20px; } .sheet-cantrips span { display: block; font-size: 9px; line-height: 12px; width: 100%; text-align: center; font-weight: bold; margin-top: 8px; } .sheet-power-labels { color: #000000; } .sheet-power-labels span { display: inline; font-weight: normal; font-size: 8px; } .sheet-power-level input { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: textfield; -webkit-border-radius: 0px; border-radius: 0px; color: black; padding: 0px; margin: 2px; height: 100%; } .sheet-power-level .sheet-total, .sheet-power-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-power-level .sheet-total { width: 114px; vertical-align: bottom; } .sheet-power-level .sheet-total span { font-size: 20px; font-weight: normal; position: relative; top: 3px; } .sheet-power-level .sheet-expended { width: 139px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .sheet-power { margin-bottom: 5px; width: 245px; } .sheet-power .sheet-display { position: relative; } .sheet-power .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-power .sheet-display button[type=roll]::before { content: "" !important; } span.sheet-powerritual, span.sheet-powerconcentration { 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-powericon_flag:not([value="none"]) + .sheet-body .sheet-power .sheet-display .sheet-powerritual:not([value="0"]) ~ span.sheet-powerritual { display: inline-block; right: 11px; } .sheet-powericon_flag:not([value="none"]) + .sheet-body .sheet-power .sheet-display .sheet-powerconcentration:not([value="0"]) ~ span.sheet-powerconcentration { border-radius: 100%; display: inline-block; right: 0; } .sheet-power .sheet-display .sheet-componentscontainer { position: absolute; top: 3px; right: 0; width: auto; } .sheet-power .sheet-display .sheet-v, .sheet-power .sheet-display .sheet-s, .sheet-power .sheet-display .sheet-m { display: none; } .sheet-powericon_flag[value="all"] + .sheet-body .sheet-power .sheet-display input.sheet-v:not([value="0"]) ~ .sheet-componentscontainer span.sheet-v, .sheet-powericon_flag[value="all"] + .sheet-body .sheet-power .sheet-display input.sheet-s:not([value="0"]) ~ .sheet-componentscontainer span.sheet-s, .sheet-powericon_flag[value="all"] + .sheet-body .sheet-power .sheet-display input.sheet-m:not([value="0"]) ~ .sheet-componentscontainer span.sheet-m { display: inline; width: initial; font-size: 8px; } .sheet-power .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-power .sheet-display span.sheet-powername { 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-power .sheet-display .sheet-prep ~ span.sheet-powername { margin-left: 14px; } .repcontrol { min-height: 27px; } .repcontrol .btn { /*visibility: hidden;*/ border: medium none; color: #000000; background: none; box-shadow: none; } .repcontrol .btn:focus { outline: 0; } .repcontrol .repcontrol_edit:after { content: '('; visibility: visible; font-family: pictos; background-color: #fff; border: 1px solid black; border-radius: 2px; font-size: 12px; height: 12px; width: 12px; padding: 2px 4px 2px 4px; color: black; } .editmode ~ .repcontrol .repcontrol_edit:after { content: ')'; } .repcontrol .repcontrol_add:before { content: '&'; visibility: visible; font-family: pictos; background-color: #fff; border: 1px solid black; border-radius: 2px; font-size: 12px; height: 12px; width: 12px; padding: 2px 4px 2px 4px; color: black; } .repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:before { background-color: #EFEFEF; } .sheet-resources .repcontrol { margin-top: -10px; } .itemcontrol { z-index: 10; } .itemcontrol .repcontrol_del { font-size: 10px; margin-top: 3px; padding: 0px; height: 18px; width: 18px; } .itemcontrol .repcontrol_move { font-size: 10px; margin-top: 3px; padding: 0px; height: 18px; width: 18px; } .sheet-tool .sheet-options, .sheet-attack .sheet-options, .sheet-power .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-power .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-power .sheet-options input[type=text], .sheet-options .sheet-body input[type=text], .sheet-proficiencies .sheet-options input[type=text], .sheet-proficiencies .sheet-options input[type=number], .sheet-traits .sheet-options input[type=text], .sheet-global-mod .sheet-options input[type=text], .sheet-global-mod .sheet-options input[type=number] { 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-power .sheet-options select, .sheet-options .sheet-body select, .sheet-proficiencies .sheet-options select, .sheet-traits .sheet-options select, .sheet-hdice-dsaves-container .sheet-options select { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; display: inline-block; font-size: 12px; width: initial; padding: 0px; margin: 0px; line-height: 18px; height: 18px; } .sheet-tool .sheet-options input[type=checkbox], .sheet-attack .sheet-options input[type=checkbox], .sheet-power .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-power .sheet-options textarea { width: calc(100% - 10px); resize: vertical; margin-bottom: 0px; } .sheet-power-container { min-height: 60px; margin-bottom: 1px; } .sheet-power-container input[name="attr_powercastingtime"] { width: 168px; } .sheet-power-container input[name="attr_powerrange"] { width: 201px; } .sheet-power-container input[name="attr_powertarget"] { width: 199px; } .sheet-power-container .sheet-power .sheet-options input[name="attr_powercomp_materials"] { margin-left: 17px; width: 223px; } .sheet-power-container input[name="attr_powerduration"] { width: 186px; } .sheet-options .sheet-row { display: block; width: 100%; } .sheet-options .sheet-title input[type=text] { width: 62px; border: none; text-align: center; color: #A0A0A0 } .sheet-options .sheet-title { text-align: center; } .sheet-class_options, .sheet-skill_options, .sheet-general_options { border: 1px solid #666; border-radius: 5px; padding: 5px; margin-bottom: 5px; } .sheet-general_options { position: relative; } .sheet-hlabel-container .sheet-showing, .sheet-hlabel-container .sheet-hiding, .sheet-header .sheet-showing, .sheet-header input[value="1"].sheet-flag ~ .sheet-hiding { display: none; } .sheet-hlabel-container input[value="1"].sheet-flag ~ .sheet-showing, .sheet-hlabel-container input[value="0"].sheet-flag ~ .sheet-hiding, .sheet-header input[value="1"].sheet-flag ~ .sheet-showing { display: inline-block; } .sheet-options .sheet-row > span { color: black; } .sheet-power .sheet-display { position: relative; } .sheet-power .sheet-prep { width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 0px; border: 1px solid black; } .sheet-power input[type=checkbox]:checked ~ span.sheet-prep { background-color: #EC2127; } .sheet-power .sheet-prep-box { -webkit-appearance: checkbox; -moz-appearance: checkbox; opacity: 0; z-index: 2; position: relative; width: 12px } .charsheet .sheet-power .sheet-display button[type=roll].sheet-powercard { width: calc(100% - 18px); } .sheet-rolltemplates { display: none; } .sheet-rolltemplate-simple .sheet-containerold { width: 189px; background: url(http://i.imgur.com/53WSdhx.png) top left; background-size: 189px 100%; background-repeat: no-repeat; color: black; } .sheet-rolltemplate-simple .sheet-container { width: 189px; color: black; border: 1px solid black; border-radius: 10px; background-color: white; } .sheet-rolltemplate-atk .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atkold, .sheet-rolltemplate-dmg .sheet-atkold { width: 189px; background: url(http://i.imgur.com/4RCRsAd.png) top left; background-size: 189px 100%; background-repeat: no-repeat; color: black; } .sheet-rolltemplate-atk .sheet-container, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atk, .sheet-rolltemplate-dmg .sheet-atk { width: 189px; color: black; border: 1px solid black; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: white; } .sheet-rolltemplate-dmg .sheet-containerold, .sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplateold { width: 189px; background: url(http://i.imgur.com/gw9HTsq.png) top left; background-size: 189px 100%; background-repeat: no-repeat; color: black; } .sheet-rolltemplate-dmg .sheet-container, .sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplate { width: 189px; color: black; border: 1px solid black; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: white; } .sheet-rolltemplate-simple .sheet-result, .sheet-rolltemplate-atk .sheet-result, .sheet-rolltemplate-atkdmg .sheet-result, .sheet-rolltemplate-dmg .sheet-result, .sheet-npc .sheet-subtitle .sheet-italics { width: 100%; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result, .sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-result { min-height: 45px; } .sheet-rolltemplate-simple .sheet-adv, .sheet-rolltemplate-atk .sheet-adv, .sheet-rolltemplate-atkdmg .sheet-adv, .sheet-rolltemplate-dmg .sheet-adv { width: 84px; display: inline-block; text-align: center; vertical-align: top; margin-top: 15px; } .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: 8px; margin-right: -3px; } .sheet-rolltemplate-simple .sheet-adv:nth-child(3), .sheet-rolltemplate-atk .sheet-adv:nth-child(3), .sheet-rolltemplate-atkdmg .sheet-adv:nth-child(3), .sheet-rolltemplate-dmg .sheet-adv:nth-child(3) { margin-right: 8px; margin-left: -3px; } .sheet-rolltemplate-simple .sheet-adv span, .sheet-rolltemplate-simple .sheet-solo span, .sheet-rolltemplate-atk .sheet-adv span, .sheet-rolltemplate-atk .sheet-solo span, .sheet-rolltemplate-atkdmg .sheet-adv span, .sheet-rolltemplate-atkdmg .sheet-solo span, .sheet-rolltemplate-dmg .sheet-adv span, .sheet-rolltemplate-dmg .sheet-solo span { width: 30px; font-size: 20px; background-color: transparent; border: 0px; padding: 0px; } .sheet-rolltemplate-simple .sheet-advspacer, .sheet-rolltemplate-atk .sheet-advspacer, .sheet-rolltemplate-atkdmg .sheet-advspacer, .sheet-rolltemplate-dmg .sheet-advspacer { width: 0px; border: 1px solid black; display: inline-block; height: 35px; } .sheet-rolltemplate-simple .sheet-solo, .sheet-rolltemplate-atk .sheet-solo, .sheet-rolltemplate-atkdmg .sheet-solo, .sheet-rolltemplate-dmg .sheet-solo { width: 100%; text-align: center; height: 23px; padding-top: 15px; } .sheet-rolltemplate-simple span, .sheet-rolltemplate-atk span, .sheet-rolltemplate-atkdmg span, .sheet-rolltemplate-dmg span, .sheet-rolltemplate-desc span { font-size: 12px; line-height: 12px; text-align: center; font-weight: bold; } .sheet-rolltemplate-dmg .sheet-desc span.sheet-plus, .sheet-rolltemplate-atkdmg .sheet-desc span.sheet-plus { font-weight: bold; font-size: 20px; display: inline; } .sheet-rolltemplate-simple .sheet-grey, .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-simple .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-simple .sheet-label span span, .sheet-rolltemplate-atk .sheet-label span span, .sheet-rolltemplate-atk .sheet-grey, .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-atk .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-label span span, .sheet-rolltemplate-atkdmg .sheet-grey, .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .sheet-label span span, .sheet-rolltemplate-dmg .sheet-grey, .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-npc .sheet-grey, .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-npc .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-npcaction .sheet-grey, .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.importantroll, .sheet-rolltemplate-npcatk .sheet-grey, .sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.fullcrit, .sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.fullfail, .sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.importantroll { color: #A0A0A0; border: 0px; font-weight: normal; } .sheet-rolltemplate-simple .sheet-label, .sheet-rolltemplate-atk .sheet-label, .sheet-rolltemplate-atkdmg .sheet-label, .sheet-rolltemplate-dmg .sheet-label { text-align: center; margin-top: -3px; padding-bottom: 5px; } .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-atk .sheet-damage, .sheet-rolltemplate-atkdmg .sheet-damage, .sheet-rolltemplate-dmg .sheet-damage { text-align: center; margin-top: -5px; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullfail .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullfail, .sheet-rolltemplate-mancerroll .inlinerollresult.fullcrit, .sheet-rolltemplate-mancerroll .inlinerollresult.importantroll, .sheet-rolltemplate-mancerroll .inlinerollresult.fullfail { 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-atk .sheet-save .inlinerollresult, .sheet-rolltemplate-dmg .sheet-save .inlinerollresult, .sheet-rolltemplate-atkdmg .sheet-save .inlinerollresult { background-color: transparent; border: 0px; padding: 0px; display: inline-block; 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 { background-color: transparent; border: 0px; display: inline-block; font-weight: bold; font-size: 20px; padding-top: 10px; padding-bottom: 6px; } .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; } .sheet-rolltemplate-atk .sheet-descold, .sheet-rolltemplate-atkdmg .sheet-descold, .sheet-rolltemplate-dmg .sheet-descold { width: 189px; background: url(http://i.imgur.com/4988JS0.png) top left; background-size: 189px 100%; background-repeat: no-repeat; color: black; text-align: center; padding-top: 5px; padding-bottom: 5px; } .sheet-rolltemplate-atk .sheet-desc, .sheet-rolltemplate-atkdmg .sheet-desc, .sheet-rolltemplate-dmg .sheet-desc, .sheet-rolltemplate-desc .sheet-desc { width: 189px; border: 1px solid black; color: black; text-align: center; padding-top: 5px; padding-bottom: 5px; background-color: white; } .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 { display: block; width: 100%; font-size: 10px; font-weight: normal; margin-top: -5px; color: #A0A0A0; } .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-dmg { margin-top: -7px; position: relative; } .sheet-rolltemplate-atk a[href^="~"] { background-color: transparent; padding: 0px; color: black; border: 0px; } .sheet-rolltemplate-atk a:hover { color: #EC2127; } .sheet-rolltemplate-atk a[href^="~"]:visited { pointer-events: none; } .sheet-rolltemplate-power .sheet-container { width: 263px; background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5th%20Edition%20OGL%20by%20Roll20/images/spellbg.jpg) center center; background-size: auto; background-repeat: repeat; color: black; font-family: "Times New Roman", Times, serif; padding: 10px; margin-left: -45px; border: 1px solid black; } .withoutavatars .sheet-rolltemplate-power .sheet-container { margin-left: -15px; } .sheet-rolltemplate-power .sheet-row { display: block; } .sheet-rolltemplate-power .sheet-title { color: rgb(126, 45, 64); font-size: 1.2em; } .sheet-rolltemplate-power .sheet-italics, .sheet-npc .sheet-italics { font-style: italic; } .sheet-rolltemplate-power .sheet-bold, .sheet-actions .sheet-bold { font-weight: bold; } .sheet-rolltemplate-power .sheet-spacer { height: 5px; } .sheet-rolltemplate-mancerroll .sheet-container { width: 200px; color: black; background-color: white; border: 1px solid black; } .sheet-rolltemplate-mancerroll .sheet-row { border-bottom: 1px dotted black; padding: 4px; } .sheet-rolltemplate-mancerroll .sheet-row.sheet-header { border-bottom: 1px solid black; font-size: 1.2em; font-weight: bold; } .sheet-rolltemplate-mancerroll .sheet-desc { font-size: 1.2em; font-style: italic; margin-left: 4px; } .sheet-rolltemplate-mancerroll .sheet-result { margin-left: 80px; } .sheet-rolltemplate-mancerroll .sheet-result .inlinerollresult { width: 50px; text-align: right; } .sheet-triangleold { border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 360px solid rgb(126, 45, 64); margin-top: 5px; margin-bottom: 5px; } .sheet-triangle { border: 1px solid rgb(126, 45, 64); margin-top: 5px; margin-bottom: 5px; } .sheet-red, .sheet-npc .sheet-display .sheet-red input, .sheet-npc .sheet-display .sheet-red span { color: rgb(126, 45, 64); } .sheet-npc .sheet-npc_options input { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; width: 200px; display: inline-block; font-size: 12px; padding: 0px; } .sheet-npc .sheet-npc_options span { display: inline-block; font-size: 9px; line-height: 12px; text-align: left; font-weight: bold; } .sheet-npc .sheet-npc_options .sheet-title span { text-align: center; font-size: 14px; display: block; margin-top: 5px; } .sheet-npc .sheet-npc_options { border-bottom: 2px dashed gold; } .sheet-npc input[type=text].sheet-num { width: 20px; text-align: center; } .sheet-npc .sheet-col { width: calc(33% - 5px); } .sheet-npc .sheet-spacer { height: 5px; } .sheet-npc select { border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; line-height: inherit; } .sheet-npc .sheet-display input, .sheet-npc .sheet-reaction input { border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; margin: 0px; pointer-events: none; padding: 0px; height: 16px; line-height: 16px; margin-top: -2px; } .sheet-npc .sheet-display .sheet-title span { font-family: "Times New Roman", Times, serif; font-size: 24px; width: 100%; text-transform: capitalize; font-variant: small-caps; font-weight: bold; display: block; text-align: left; line-height: 27px; } .sheet-npc .sheet-display .sheet-subtitle span { font-size: 12px; } .sheet-npc .sheet-display .sheet-num3 { width: 27px; text-align: center; } .sheet-npc .sheet-display .sheet-actype + .sheet-parens { display: none; } .sheet-npc .sheet-display .sheet-actype:not([value=""]) + .sheet-parens { display: inline; } .sheet-npc .sheet-display .sheet-parens { margin-left: -2px; } .sheet-npc .sheet-display .sheet-parens:before { content: "("; } .sheet-npc .sheet-display .sheet-parens:after { content: ")"; } .sheet-npc .sheet-display .sheet-parens.sheet-xp:after { content: " XP)"; } .sheet-npc .sheet-display span.sheet-npc-init-die { font-family: "dicefontd20"; font-size: 16px; display: block; } .sheet-npc .sheet-attr-container { width: 55px; border: 0px; border-radius: 0px; position: relative; padding: 5px 0px 5px 0px; margin: 0px; height: inherit; display: inline-block; text-align: center; } .sheet-npc .sheet-attr-container span { font-size: 13px; font-weight: normal; display: inline; margin-bottom: 2px; } .sheet-npc .sheet-attr-container span.sheet-bold { display: block; } .sheet-npc span.sheet-bold, .sheet-npc .sheet-action button span.sheet-bold { font-weight: bold; } .sheet-npc .sheet-attr-container input { width: 20px; text-align: center; } .sheet-npc .sheet-attr-container input:nth-child(3) { width: 30px; margin-left: -5px; } .sheet-npc .sheet-display .sheet-flag[value="0"] + button, .sheet-npc .sheet-display .sheet-flag[value="0"] + div, .sheet-npc .sheet-display .sheet-flag[value=""] + button, .sheet-npc .sheet-display .sheet-flag[value=""] + div, .sheet-npc .sheet-display .sheet-status { display: none; } .sheet-npc .sheet-display .sheet-flag[value]:not([value=""]) + div { display: block; } .sheet-npc button[type=roll] input { border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; margin: 0px; pointer-events: none; padding: 0px; height: 16px; line-height: 16px; } .sheet-npc button[type=roll] { width: auto; white-space: nowrap; } .sheet-npc .sheet-saving button[type=roll] span, .sheet-npc .sheet-skills button[type=roll] span { font-size: 13px; font-weight: normal; width: auto; display: inline-block; line-height: 16px; height: 16px; vertical-align: bottom; } .sheet-npc .sheet-display .sheet-flag[value="1"] + button .sheet-spacer, .sheet-npc .sheet-display .sheet-flag[value="2"] + button .sheet-spacer { display: none; } .sheet-npc .sheet-display button input { width: 14px; text-align: center; } .sheet-npc .sheet-display .sheet-flag[value="1"] + button .sheet-stat::before, .sheet-npc .sheet-display .sheet-flag[value="2"] + button .sheet-stat::before { content: "+"; } .sheet-npc .sheet-display .sheet-flag[value="1"] + button .sheet-stat::after, .sheet-npc .sheet-display .sheet-flag[value="3"] + button .sheet-stat::after { content: ", "; } .sheet-negativeflag[value="1"] + .sheet-npcattr::before { content: "("; } .sheet-negativeflag[value="0"] +.sheet-npcattr::before { content: "(+"; } .sheet-npcattr::after { content: ")"; } .sheet-traits { min-height: 20px; } .sheet-npc .sheet-display .sheet-traits .sheet-trait, .sheet-npc .sheet-reaction .sheet-trait { position: relative; } .sheet-npc .sheet-display .sheet-traits input, .sheet-npc .sheet-reaction input { pointer-events: initial; font-weight: bold; width: 100%; } .sheet-npc .sheet-display .sheet-traits textarea, .sheet-npc .sheet-reaction textarea, .sheet-attack textarea { resize: vertical; height: 36px; min-height: 36px; border: none; padding: 0px; box-shadow: none; } .sheet-npc .sheet-actiontitle { border-bottom: 1px solid rgb(126, 45, 64); width: 100%; margin-bottom: 5px; } .sheet-npc .sheet-actions .sheet-title { font-size: 18px; text-transform: capitalize; font-variant: small-caps; line-height: inherit; height: inherit; margin: 0px; } .sheet-npc .sheet-actions { min-height: 40px; } .sheet-npc .sheet-description_flag[value="0"] + textarea, .sheet-npc .sheet-description_flag[value=""] + textarea { display: none; height: 36px; min-height: 36px; } .sheet-npc .sheet-attack_option { display: none; } .sheet-npc .sheet-attack_options[value="on"] ~ .sheet-attack_option, .sheet-npc .sheet-attack_options[value="{{attack=1}}"] ~ .sheet-attack_option { display: block; } .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="3"] + textarea {height: 54px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="4"] + textarea {height: 72px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="5"] + textarea {height: 90px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="6"] + textarea {height: 108px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="7"] + textarea {height: 126px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="8"] + textarea {height: 144px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="9"] + textarea {height: 162px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="10"] + textarea {height: 180px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="11"] + textarea {height: 196px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="12"] + textarea {height: 216px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="13"] + textarea {height: 234px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="14"] + textarea {height: 252px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="15"] + textarea {height: 270px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="16"] + textarea {height: 288px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="17"] + textarea {height: 306px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="18"] + textarea {height: 324px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="19"] + textarea {height: 342px;} .sheet-npc .sheet-action .sheet-display .sheet-description_flag[value="20"] + textarea {height: 360px;} .sheet-npc .sheet-actions select { width: auto; margin: 0px; padding: 0px; height: 13px; line-height: 13px; font-size: 13px; } .sheet-npc .sheet-action button[type=roll] { width: 100%; text-align: left; margin-bottom: 10px; } .sheet-npc .sheet-action button span { font-size: 13px; font-weight: normal; } .sheet-npc .sheet-actions .sheet-wide { width: 100%; text-align: left; } .sheet-npc .sheet-actions .sheet-wide span:after { content: "."; } .sheet-npc .sheet-action .sheet-display .sheet-description { white-space: normal; color: #555555; line-height: 18px; } .sheet-npc .sheet-action .sheet-display textarea, .sheet-legendaryactions { border: none; margin-bottom: 0px; padding: 0px; text-shadow: none; box-shadow: none; height: 36px; min-height: 36px; resize: none; overflow: hidden; } .sheet-legendaryactions { height: 90px; pointer-events: none; margin-bottom: 15px; color: #555555; } .sheet-npcpoweroptions { display: inline-block; margin-left: 17px; } .sheet-container.sheet-npc .sheet-legendary, .sheet-container.sheet-npc .sheet-reaction, .sheet-npcpower_flag[value="0"] ~ .sheet-npcpower, .sheet-npcpowercastingflag:not(:checked) ~ .sheet-npcpoweroptions { 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: #bdc8cc; 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: rgb(126, 45, 64); font-size: 18px; text-align: left; font-family: "Times New Roman", Times, serif; font-variant: small-caps; } .sheet-rolltemplate-traits .sheet-header { font-family: "Times New Roman", Times, serif; font-size: 16px; text-transform: capitalize; font-variant: small-caps; font-weight: bold; color: rgb(126, 45, 64); } .sheet-rolltemplate-npc .sheet-italics, .sheet-rolltemplate-npcaction .sheet-italics, .sheet-rolltemplate-npcatk .sheet-italics, .sheet-rolltemplate-npcdmg .sheet-italics, .sheet-rolltemplate-traits .sheet-italics { font-style: italic; } .sheet-rolltemplate-npc .sheet-subheader, .sheet-rolltemplate-npcaction .sheet-subheader, .sheet-rolltemplate-npcatk .sheet-subheader, .sheet-rolltemplate-npcdmg .sheet-subheader { line-height: 13px; margin-top: -3px; } .sheet-rolltemplate-traits .sheet-subheader { font-style: italic; color: #A0A0A0; margin-top: -5px; } .sheet-rolltemplate-npc .sheet-subheader span, .sheet-rolltemplate-npcaction .sheet-subheader span, .sheet-rolltemplate-npcatk .sheet-subheader span, .sheet-rolltemplate-npcdmg .sheet-subheader span { font-size: 11px; line-height: 11px; } .sheet-rolltemplate-traits .sheet-subheader span { font-weight: normal; font-size: 10px; text-align: left; line-height: 16px; } .sheet-rolltemplate-traits .sheet-desc { font-weight: normal; font-size: 12px; text-align: left; line-height: 16px; } .sheet-rolltemplate-npc .sheet-arrow-rightold, .sheet-rolltemplate-npcaction .sheet-arrow-rightold, .sheet-rolltemplate-npcatk .sheet-arrow-rightold, .sheet-rolltemplate-npcdmg .sheet-arrow-rightold { border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 195px solid rgb(126, 45, 64); } .sheet-rolltemplate-npc .sheet-arrow-right, .sheet-rolltemplate-npcaction .sheet-arrow-right, .sheet-rolltemplate-npcatk .sheet-arrow-right, .sheet-rolltemplate-npcdmg .sheet-arrow-right { border: 1px solid rgb(126, 45, 64); margin-bottom: 2px; margin-top: 2px; } .sheet-rolltemplate-npc .inlinerollresult, .sheet-rolltemplate-npcaction .inlinerollresult, .sheet-rolltemplate-npcatk .inlinerollresult, .sheet-rolltemplate-npcdmg .inlinerollresult, .sheet-rolltemplate-traits .inlinerollresult { background-color: #bdc8cc; border: none; } .sheet-rolltemplate-npc .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .inlinerollresult.fullcrit, .sheet-rolltemplate-npcatk .inlinerollresult.fullcrit, .sheet-rolltemplate-npcdmg .inlinerollresult.fullcrit { color: #3FB315; border: none; } .sheet-rolltemplate-npc .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .inlinerollresult.fullfail, .sheet-rolltemplate-npcatk .inlinerollresult.fullfail, .sheet-rolltemplate-npcdmg .inlinerollresult.fullfail { color: #B31515; border: none; } .sheet-rolltemplate-npc .inlinerollresult.importantroll, .sheet-rolltemplate-npcaction .inlinerollresult.importantroll, .sheet-rolltemplate-npcatk .inlinerollresult.importantroll, .sheet-rolltemplate-npcdmg .inlinerollresult.importantroll { color: #4A57ED; border: none; } .sheet-rolltemplate-npcatk a[href^="~"] { background-color: transparent; padding: 0px; color: black; border: 0px; } .sheet-rolltemplate-npcatk .sheet-header a[href^="~"] { color: rgb(126, 45, 64); } .sheet-rolltemplate-npcatk a[href^="~"]:hover { color: #EC2127; } .sheet-equipment .sheet-complex, .sheet-equipment .sheet-simple, .sheet-proficiencies .sheet-complex, .sheet-proficiencies .sheet-simple, .sheet-traits .sheet-complex, .sheet-traits .sheet-simple { display: none; } .sheet-equipment .sheet-inventoryflag[value="complex"] ~ .sheet-complex, .sheet-equipment .sheet-inventoryflag[value="simple"] ~ .sheet-simple, .sheet-proficiencies .sheet-inventoryflag[value="complex"] ~ .sheet-complex, .sheet-proficiencies .sheet-inventoryflag[value="simple"] ~ .sheet-simple, .sheet-traits .sheet-inventoryflag[value="complex"] ~ .sheet-complex, .sheet-traits .sheet-inventoryflag[value="simple"] ~ .sheet-simple { display: inline-block; } .sheet-equipment .sheet-inventorysubflag { height: 10px; width: 10px; top: 10px; right: 0px; } .sheet-equipment .sheet-inventorysubflag + span { height: 10px; width: 10px; top: 10px; right: 0px; font-size: 10px; padding: 0px; } .sheet-equipment .sheet-complex { width: 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 { display: none; } .sheet-equipment .sheet-warningflag[value="show"] ~ .sheet-warning { display: block; } .sheet-equipment .sheet-warning span, .sheet-equipment .sheet-encumb { color: red; } .sheet-equipment .sheet-encumb { display: none; font-size: 9px; } .sheet-npc .sheet-warning { color: red; font-size: 9px; } .sheet-equipment .sheet-encumberance[value="IMMOBILE"] ~ .sheet-immobile, .sheet-equipment .sheet-encumberance[value="HEAVILY ENCUMBERED"] ~ .sheet-heavily, .sheet-equipment .sheet-encumberance[value="ENCUMBERED"] ~ .sheet-encumbered, .sheet-equipment .sheet-encumberance[value="OVER CARRYING CAPACITY"] ~ .sheet-over { display: block; } .sheet-equipment .sheet-warning input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; width: auto; } .sheet-equipment .sheet-item .sheet-subitem .sheet-equipped { -webkit-appearance: checkbox; -moz-appearance: checkbox; width: initial; margin-left: 15px; } .sheet-equipment .sheet-item .sheet-subitem .sheet-equippedlabel { width: calc(100% - 50px); text-align: left; padding-left: 5px; } .sheet-equipment .sheet-equippedflag[value="0"] ~ .sheet-item > .sheet-name { color: #999; } .sheet-version { position: absolute; top: 0px; right: 0px; pointer-events: none; } .charsheet .sheet-options .sheet-body .sheet-version input[type="text"] { border-bottom: none; width: 20px; } .sheet-powerattackinfo { display: none; } .charsheet .sheet-powers .sheet-powerattackinfoflag[value="ATTACK"] ~ .sheet-powerattackinfo, .charsheet .sheet-npc .sheet-powerattackinfoflag[value="ATTACK"] ~ .sheet-powerattackinfo { 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: 74px; } .charsheet .sheet-hlabel-container .sheet-multiclass-display { width: 57px; font-size: 13px; border-bottom: 1px solid #D3D3D3; line-height: 35px; height: 27px; margin-right: -4px; overflow: hidden; text-overflow: ellipsis; } .charsheet .sheet-hlabel-container .sheet-multiclass-display-level { width: 31px; text-align: center; font-size: 13px; border-bottom: 1px solid #D3D3D3; line-height: 35px; height: 27px; overflow: hidden; } .charsheet .sheet-hlabel-container input.sheet-class-level{ margin-left: -6px; width: 34px; } .sheet-rolltemplate-dmg .sheet-label .sheet-rolltemplate-inline, .sheet-rolltemplate-dmg .sheet-savedc .sheet-rolltemplate-inline, .sheet-rolltemplate-atkdmg .sheet-savedc .sheet-rolltemplate-inline, .sheet-rolltemplate-atkdmg .sheet-label .sheet-rolltemplate-inline { display: inline-block; } .sheet-options .sheet-body input[type=text].sheet-pb_custom { display: none; } .sheet-options .sheet-body input[value="custom"] + input[type=text].sheet-pb_custom { display: inline-block; } .sheet-attr-mod .sheet-baseattr { /*display: none;*/ opacity: 0; height: 0px; width: 0px; pointer-events: none; display: inline; position: absolute; } .sheet-finalattr { font-size: 20px; line-height: 20px; } .sheet-attr-mod:hover .sheet-baseattr, .sheet-attr-mod .sheet-baseattr:focus { /*display: inline;*/ opacity: 1; height: 20px; width: 40px; pointer-events: auto; position: static; } .sheet-attr-mod:hover .sheet-finalattr, .sheet-attr-mod .sheet-baseattr:focus ~ .sheet-finalattr { display: none; } .sheet-attr-mod .sheet-attr-flag[value="1"] + .sheet-finalattr { color: #3e99e8; } .sheet-attr-mod .sheet-attr-flag[value="1"] + .sheet-finalattr:after { content: '*'; font-size: 15px; position: absolute; } .sheet-power_slot_mods .sheet-column { width: 32%; display: inline-block; } .sheet-power_slot_mods .sheet-num_plus { margin-left: 2px; } .sheet-licensecontainer.active-drop-target.dropping, .sheet-monster_confirm_flag[value="1"] ~ .sheet-licensecontainer { opacity: 0.5; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; background-color: transparent; } .sheet-compendium_warning, .sheet-monster_confirm { display: none; } .sheet-licensecontainer.active-drop-target.dropping ~ .sheet-compendium_warning, .sheet-monster_confirm_flag[value="1"] ~ .sheet-monster_confirm { display: block; position: absolute; top: 100px; background: white; left: 100px; z-index: 100; border: 2px solid black; width: 300px; height: 100px; text-align: center; } .sheet-monster_confirm input[type=checkbox] { height: 34px; border-radius: 50%; opacity: 0; z-index: 2; position: relative; } .sheet-monster_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-monster_confirm .sheet-yes { width: 44px; } .sheet-monster_confirm .sheet-cancel { width: 75px; } .sheet-licensecontainer.active-drop-target.dropping ~ .sheet-compendium_warning span { line-height: 100px; } .sheet-init { text-align: center; } .sheet-init span { font-size: 20px; line-height: 31px; } .sheet-class_options .sheet-subclass { margin-left: 19px; } .sheet-header .sheet-display .sheet-class-display { width: 298px; text-transform: capitalize; overflow: hidden; word-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; } .sheet-no_events { pointer-events: none; } /* TRANSITION SCRIPT */ .sheet-class_options, .sheet-skill_options, .sheet-attribute_options, .sheet-save_options, .sheet-general_options, .sheet-transition_options { border: 1px solid #666; border-radius: 5px; padding: 5px; margin-bottom: 5px; } .sheet-transition_options { display: none; } .sheet-already_transitioned[value="0"] ~ .sheet-transition_options { display: block; } .sheet-sheet_select img { padding: 5px; border: 1px solid #BBB; border-radius: 5px; } .sheet-sheet_select img:hover { background-color: #DDD; cursor: pointer!important; } .charsheet .sheet-options .sheet-row span.sheet-transition_text { color: #A0A0A0; } .charsheet .sheet-options .sheet-row span.sheet-transition_text_highlight { color: #F00; } .sheet-globalattack input[type="checkbox"] { display: inline; height: 12px; width: 12px; -webkit-appearance: checkbox; -moz-appearance: checkbox; margin-left: 5px; margin-top: 10px; } .sheet-globalattack textarea { width: 200px; 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-npcpower.sheet-powers, .sheet-missing-info-desc { display: none; } .sheet-npcpower_flag[value="1"] + .sheet-actions.sheet-npcpower.sheet-powers { display: block; } .sheet-powers .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; } /* Translation Overrides */ /* Spanish */ .lang-es .sheet-power-container input[name="attr_powercastingtime"] { width: 115px; } .lang-es .sheet-power-container input[name="attr_powerrange"] { width: 200px; } .lang-es .sheet-power-container input[name="attr_powertarget"] { width: 188px; } .lang-es .sheet-power-container input[name="attr_powerduration"] { 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; } .lang-es .sheet-hp .sheet-top input[name="attr_hp_max"] { width: 121px; } .lang-es .sheet-hlabel-container input[name="attr_race"] { width: 190px; } .lang-es .sheet-hlabel-container input[name="attr_alignment"] { width: 170px; } .lang-es .sheet-hlabel-container input[name="attr_experience"] { width: 120px; } .lang-es .sheet-npc .sheet-npc_options input[name="attr_npc_actype"] { width: 175px; } .lang-es .sheet-npc .sheet-npc_options input[name="attr_npc_hpformula"] { width: 175px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-left, .lang-es .sheet-advantagetoggle input.sheet-toggle-left + span { right: 214px; width: 67px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-center, .lang-es .sheet-advantagetoggle input.sheet-toggle-center + span { right: 145px; width: 65px; } .lang-es .sheet-advantagetoggle input.sheet-toggle-right, .lang-es .sheet-advantagetoggle input.sheet-toggle-right + span { right: 50px; width: 91px; } .lang-es input[type=radio].sheet-tab-button.sheet-core, .lang-es input[type=radio].sheet-tab-button.sheet-core + span { right: 137px; width: 76px; } .lang-es input[type=radio].sheet-tab-button.sheet-bio, .lang-es input[type=radio].sheet-tab-button.sheet-bio + span { right: 103px; width: 30px; } .lang-es input[type=radio].sheet-tab-button.sheet-powers, .lang-es input[type=radio].sheet-tab-button.sheet-powers + span { right: 21px; width: 78px; } /* Czech */ .charsheet.lang-cs input[type=radio].sheet-tab-button.sheet-core, .charsheet.lang-cs input[type=radio].sheet-tab-button.sheet-core + span { width: 53px; } .charsheet.lang-cs select[name=attr_cust_powerslots] { font-size: 9px; } .charsheet.lang-cs .sheet-power .sheet-options span[data-i18n="at-higher-lvl-dmg:-u"], .charsheet.lang-cs .sheet-power .sheet-options span[data-i18n="add-ability-mod-u"], .charsheet.lang-cs .sheet-power .sheet-options span[data-i18n="saving-throw:-u"], .charsheet.lang-cs .sheet-power .sheet-options span[data-i18n="effect:-u"], .charsheet.lang-cs .sheet-ac-init-speed-container .sheet-ac > span { font-size: 8px; } .charsheet.lang-cs .sheet-subcontainer .sheet-top span[data-i18n="total"] + input { width: 75px; } .charsheet.lang-cs .sheet-row span[data-i18n="senses-u"] + input, .charsheet.lang-cs .sheet-row span[data-i18n="npc-type-u"] + input { width: 220px; } .charsheet.lang-cs .sheet-class { width: 79px; } .charsheet.lang-cs .sheet-hlabel-container .sheet-multiclass-display { width: 62px; } .charsheet.lang-cs .sheet-hlabel-container .sheet-multiclass-display-level { width: 23px; } .charsheet.lang-cs .sheet-hlabel-container input.sheet-class-level { width: 28px; } /******************* * CHARACTERMANCER * *******************/ .sheet-charmancer.sheet-container { width: 100%; display: flex; flex-flow: row wrap; flex-basis: 1 1 100%; position: relative; contain: paint; } .sheet-charmancer .sheet-choices { flex: 40%; max-width: 40%; padding-right: 1em; } .sheet-charmancer .sheet-info { flex: 60%; position: relative; max-width: calc(60% - 2em); } .sheet-charmancer .sheet-choices, .sheet-charmancer .sheet-info { margin-bottom: 2em; } .sheet-charmancer .sheet-compendium-page { height: 100%; } .sheet-charmancer iframe { height: 100%; min-height: 50vh; contain: paint; } .sheet-charmancer .sheet-choice-showing option:disabled { background-color: #eee; } .sheet-charmancer select span.sheet-initials { font-size: 6px; } .sheet-charmancer .sheet-topbar { flex: 100%; margin-bottom: 15px; } .sheet-charmancer .sheet-topbar div { display: inline-block; width: 12%; 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-topbar div.sheet-meta-info-container { display: flex; width: 80%; border: 0; align-items: center; justify-content: space-between; } .sheet-charmancer .sheet-topbar div.sheet-meta-info-container span { font-size: 1.2em; } .sheet-charmancer .sheet-topbar div.sheet-meta-info-container span.sheet-choice { display: none; } .sheet-charmancer .sheet-steps { position: sticky; padding: .5em 0; background: #fff; z-index: 1011; top: 0; border-bottom: 1px dashed #ddd; list-style: none; list-style-position: inside; flex: 100%; margin: 0 0 1em; display: flex; flex-flow: row; justify-content: space-between; transform: translateZ(0); } .sheet-charmancer button, .sheet-charmancer button[type=roll] { border: 1px solid black; border-radius: 5px; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; } .sheet-charmancer button[type=roll] { padding: 1px 6px; font-size: 13px; margin: 0; } .sheet-charmancer button[type=roll]:before { content: ''; } .sheet-charmancer button.sheet-step { border-color: black; background-color: white; color: black; } .sheet-charmancer button.sheet-step.sheet-next, .sheet-charmancer button.sheet-step.sheet-prev, .sheet-charmancer button.sheet-step.sheet-done, .sheet-charmancer button.sheet-step:not(.sheet-here) { border-color: black; background-color: #E8E8E8; color: black; } .sheet-charmancer button:hover, .sheet-charmancer button:hover.sheet-step, .sheet-charmancer button:hover.sheet-step.sheet-done, .sheet-charmancer button.sheet-step.sheet-here, .sheet-charmancer button[type=roll]:hover, .sheet-charmancer button[type=roll]:hover * { color: #fff; background-color: #EC2127; } .sheet-charmancer button.sheet-exit { text-transform: uppercase; color: #EC2127; background-color: #fff; border-color: #EC2127; } .sheet-charmancer button[type=back]:disabled:not(.sheet-here) { color: #ddd; background-color: white; border-color: #ddd; cursor: not-allowed; } .sheet-charmancer button:hover.sheet-exit {} .sheet-charmancer .sheet-bottombar, .sheet-charmancer .sheet-controls { flex: 100%; margin-bottom: 1em; } .sheet-charmancer .sheet-bottombar { position: sticky; bottom: -1px; border-top: 1px dashed #ddd; padding: .5em 0; background: white; box-sizing: border-box; text-align: center; transform: translateZ(0); } .sheet-charmancer .sheet-bottombar button { text-transform: uppercase; } .sheet-charmancer .sheet-jump { margin: 0 auto; } .sheet-charmancer .sheet-prev { left: 0; position: absolute; } .sheet-charmancer .sheet-next { right: 0; position: absolute; } .sheet-charmancer .sheet-row { border: 1px solid #ddd; border-radius: .5em 0 0 0; border-width: 1px 4px 0 1px; margin: 0 -1em 0 0; padding: .5em; } .sheet-charmancer .sheet-race_traits b { display: block; } .sheet-charmancer .sheet-race_traits b + b { margin-top: .5em; } .sheet-charmancer label * { display: block; margin-top: 9px; } .sheet-charmancer label span:first-child { margin-top: 0; } .sheet-charmancer select { margin-bottom: 0; width: calc(100% - 2.25em); } .sheet-charmancer select:not([required]) { width: calc(100% - 3em); } .sheet-charmancer label p { font-weight: normal; } .sheet-charmancer label, .sheet-charmancer .sheet-label { font-size: 1.2em; } .sheet-charmancer .sheet-label { display: block; font-weight: bold; } .sheet-charmancer select + select, .sheet-charmancer [class^="sheet-race_level0_choice"] + [class^="sheet-race_level0_choice"], .sheet-charmancer [class^="sheet-race_level1_choice"] + [class^="sheet-race_level1_choice"], .sheet-charmancer [class^="sheet-class_level0_choice"] + [class^="sheet-class_level0_choice"], .sheet-charmancer [class^="sheet-class_level1_choice"] + [class^="sheet-class_level1_choice"] { margin-top: .5em; } .sheet-charmancer label.sheet-compendium-opt, .sheet-charmancer label.sheet-compendium-opt > *, .sheet-charmancer label.sheet-abilities_attribute { display: inline; vertical-align: unset; } .sheet-charmancer .sheet-cancel-prompt { position: fixed; background: white; border: 1px solid; border-radius: 5px; padding: 40px 20px 40px 20px; top: 195px; width: 650px; text-align: center; } .sheet-charmancer.sheet-container .sheet-cancel-prompt { top: 35px; } .sheet-charmancer *[required]:not(.sheet-choice) { display: inline-block; } .sheet-charmancer .sheet-hilite::after { content: '* required'; font-style: italic; font-weight: normal; display: block; font-size: 14px; font-variant: small-caps; } .sheet-charmancer .sheet-warning { color: rgb(126, 45, 64); } .sheet-charmancer button.sheet-warning { color: #fff; background-color: rgb(126, 45, 64); border-color: rgb(126, 45, 64); } .sheet-charmancer button:hover.sheet-warning { color: rgb(126, 45, 64); background-color: #fff; border-color: rgb(126, 45, 64); } .sheet-charmancer .sheet-needed::before { font-family: pictos; content: "D"; } .sheet-charmancer .sheet-hilite { color: rgb(126, 45, 64); background: #EFEFEF; border-radius: .5em; box-sizing: border-box; padding: .5em; } .sheet-charmancer .sheet-hilite div + div { margin: 1em 0 0; } .sheet-charmancer .sheet-credit_option input[type=number] { width: 4.5em; } .sheet-manver .sheet-yes_powers { 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 button.sheet-mancer_info:hover { background: #EC2127; } .sheet-charmancer [class^="sheet-abilities_radio"]:not(.sheet-choice) { display: flex; } .sheet-charmancer span label.sheet-compendium-opt { position: relative; justify-content: space-between; padding-right: 0; } .sheet-charmancer span label.sheet-compendium-opt > span { border: 1px solid black; border-radius: 5px; display: inline-block; min-width: 1.618em; background-color: #E8E8E8; color: black; text-align: center; font-weight: bold; cursor: pointer; } .sheet-charmancer span label.sheet-compendium-opt > input[type=radio]:disabled + span { color: #ddd; background-color: white; border-color: #ddd; cursor: not-allowed; } .sheet-charmancer span label.sheet-compendium-opt > input[type=radio]:checked + span { color: white; background-color: #EC2127; } .sheet-charmancer span .sheet-compendium-opt > input[type=radio] { opacity: 0; width: 0; cursor: none; } .sheet-backgrounds_options label select, .sheet-backgrounds_options label span, .sheet-backgrounds_options label button { display: inline-block; } .sheet-backgrounds_options label button[type="roll"] { margin-top: .5em; } .sheet-backgrounds_options label br { margin-top: .1em; } .sheet-backgrounds_options label select:not([required]) { width: calc(100% - 4em); } .sheet-charmancer button.sheet-bg_info { font-size: 1.25em; width: 1.25em; height: 1.25em; padding: 0; font-style: italic; text-align: center; color: white; background: black; font-weight: bold; font-family: serif; border-radius: 100%; display: inline-block; border: none; } .sheet-charmancer button.sheet-bg_info:hover { background: #EC2127; } .sheet-charmancer .sheet-custom_class label input[type="checkbox"] { display: inline-block; margin-top: inherit; margin: 5px; } /* Firefox 3.5+ */ body:not(:-moz-handler-blocked) .sheet-charmancer .sheet-steps { top:-.8em; } body:not(:-moz-handler-blocked) .sheet-charmancer .sheet-bottombar { bottom: -.8em; } .sheet-pc .sheet-globalattack { border: none; } .sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-title, .sheet-ship .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-title { font-size: 9px; font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; display: inline-block; width: 100%; background-color: #EFEFEF; line-height: 16px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; text-align: left; } .sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-subheader, .sheet-ship .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-subheader { font-size: 9px; font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; height: 16px; display: inline-block; width: 70px; background-color: #EFEFEF; border-top-left-radius: 5px; border-bottom-right-radius: 5px; text-align: left; } .sheet-pc .sheet-global-mod .sheet-active-flag, .sheet-ship .sheet-global-mod .sheet-active-flag { margin-bottom: 10px; } .sheet-pc .sheet-global-mod .sheet-options-flag:checked ~ .sheet-active-flag, .sheet-ship .sheet-global-mod .sheet-options-flag:checked ~ .sheet-active-flag { margin-bottom: 50px; } .sheet-pc .sheet-global-mod .sheet-options-flag:checked ~ .sheet-display, .sheet-ship .sheet-global-mod .sheet-options-flag:checked ~ .sheet-display { display: none; }