slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
32a3859da5fb141ffe2d414595f968226d01faef
roll20-character-sheets-tester/Esper_Genesis_5E/EG_Sheet.sass
T

7072 lines
200 KiB
Sass
Raw Blame History

/* Esper Genesis Character Sheet
.sheet-pc, .sheet-npc
display: none
.sheet-npc_toggle
&[value="0"] ~ .sheet-pc, &[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
+ 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-npc-button
opacity: 0
top: 5px
position: absolute
right: 0px
width: 18px
height: 18px
z-index: 2
+ 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
input[type=radio]
opacity: 0
position: absolute
top: 0px
right: 0px
width: 18px
height: 18px
z-index: 2
+ 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
&: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
+ span
right: 181px
width: 90px
&.sheet-toggle-center
right: 113px
width: 65px
+ span
right: 113px
width: 65px
&.sheet-toggle-right
right: 0px
width: 110px
+ span
right: 0px
width: 110px
.sheet-whispertoggle
left: 150px
.sheet-advantagetoggle.sheet-whispertoggle input
&.sheet-toggle-right
width: 50px
+ span
width: 50px
&.sheet-toggle-left
right: 54px
width: 55px
+ span
right: 54px
width: 55px
.sheet-npc_toggle[value="1"] ~ .sheet-advantagetoggle
top: -10px
left: 390px
&.sheet-whispertoggle
top: -10px
left: 120px
.sheet-advantagetoggle
display: none
.sheet-toggleflag
&[value*="advantagetoggle"] + .sheet-advantagetoggle, &[value*="whispertoggle"] + .sheet-whispertoggle
display: block
&[value="1"] +
.sheet-hidden, .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-page
&.sheet-spells
.sheet-header
display: block
visibility: hidden
width: 0px
top: -150px
margin: 0px
padding: 0px
display: block
&.sheet-core, &.sheet-bio, &.sheet-options
display: none
&.sheet-spells .sheet-body
visibility: visible
.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
&:first-letter, > span.togm
text-transform: uppercase
&:checked + span
font-weight: bold
color: #245485
.sheet-page
display: none
input[type=radio].sheet-tab-button
&.sheet-core:checked ~ .sheet-page.sheet-core, &.sheet-bio:checked ~ .sheet-page.sheet-bio, &.sheet-spells:checked ~ .sheet-page.sheet-spells, &.sheet-options:checked ~ .sheet-page.sheet-options
display: block
.sheet-page
&.sheet-npcs, &.sheet-ships
display: none
input[type=radio]
&.sheet-npc-button
&.sheet-npcs:checked ~ .sheet-page.sheet-npcs, &.sheet-ships:checked ~ .sheet-page.sheet-ships
display: block
&.sheet-tab-button
&.sheet-core
right: 245px
width: 45px
+ span
right: 245px
width: 45px
&.sheet-bio
right: 210px
width: 30px
+ span
right: 210px
width: 30px
&.sheet-spells
right: 145px
width: 60px
+ span
right: 145px
width: 60px
&.sheet-options
right: 120px
width: 20px
+ span
right: 120px
width: 20px
&.sheet-type-pc
right: 77px
width: 25px
+ span
right: 77px
width: 25px
&.sheet-type-starship
width: 72px
+ span
width: 72px
&.sheet-npc-button
&.sheet-npcs
right: 65px
width: 30px
+ span
right: 65px
width: 30px
&.sheet-ships
right: 20px
width: 40px
+ span
right: 20px
width: 40px
.sheet-header
.sheet-top
height: 42px
.sheet-part
width: 157px
display: inline-block
text-align: center
input[type=text], select
border: 1px solid #ab8b57
border-radius: 5px
height: 56px
width: 110px
text-align: center
.sheet-header-info select
padding-left: 0px
padding-right: 0px
.sheet-part
input[type=text]
font-size: 30px
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
input, select
border-bottom: 1px solid #D3D3D3
border-top: 0px
border-left: 0px
border-right: 0px
background: none
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
border-radius: 0px
color: black
input
padding: 0px
select
margin-bottom: 0px
input[type=number]
text-align: center
margin-bottom: -9px
&::-webkit-inner-spin-button, &::-webkit-outer-spin-button
-webkit-appearance: none
margin: 0
-moz-appearance: textfield
span
display: block
font-size: 9px
line-height: 12px
.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
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-multiclass-container
vertical-align: top
&: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
button[type=roll]
background-color: transparent
color: black
border: none
font-size: 9px
line-height: 12px
background-image: none
text-shadow: none
-webkit-box-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
-webkit-box-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
*
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
-webkit-box-shadow: 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-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
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-value
display: inline-block
border: 1px solid #ab8b57
border-radius: 35%
width: 35px
height: 35px
background-color: white
position: relative
input[type=checkbox]
height: 100%
width: 100%
border-radius: 50%
opacity: 0
z-index: 2
position: relative
~ 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
&:checked ~ span
display: block
span
font-size: 20px
font-weight: normal
line-height: 34px
.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
span
display: block
font-size: 9px
line-height: 12px
width: 100%
text-align: center
line-height: 30px
font-weight: bold
.sheet-value input
width: 100%
text-align: center
font-size: 20px
border: none
background: none
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
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
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
border-radius: 0px
color: black
.sheet-hdice-dsaves-container input
&[type=text], &[type=number]
width: 100%
text-align: center
font-size: 20px
border: none
background: none
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
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
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
border-radius: 0px
color: black
.sheet-resources input[type=number]
width: 100%
text-align: center
font-size: 20px
border: none
background: none
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
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-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
-o-text-overflow: ellipsis
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-acmod
.sheet-display span span
display: inline
label
font-weight: normal
font-size: 1em
input
font-weight: normal
font-size: 1em
&[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
span.sheet-label
width: 100%
display: inline-block
text-align: center
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
span.sheet-label
margin-top: 0px
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
-webkit-box-shadow: 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-tp .sheet-top input
border-bottom: 1px solid #D3D3D3
border-top: 0px
border-left: 0px
border-right: 0px
background: none
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
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
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
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
span
display: inline-block
color: #A0A0A0
margin-top: 0px
margin-left: 5px
width: 15px
input
display: inline-block
font-size: 12px
padding: 0px
width: 40px
.sheet-equipment
position: relative
min-height: 276px
textarea
width: calc(100% - 69px)
margin: 0px 0px 0px -5px
resize: vertical
border: none
display: inline-block
padding: 0px
min-height: 264px
span
margin-top: 0px
.sheet-textbox
span
margin-top: 0px
width: 100%
border: 1px solid #ab8b57
border-radius: 5px
margin-bottom: 5px
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
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
-webkit-box-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
-o-text-overflow: ellipsis
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-subheader
font-style: italic
color: #A0A0A0
margin-top: -3px
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-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
-webkit-box-align: center
-ms-flex-align: center
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, &: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: -webkit-box
display: -ms-flexbox
display: flex
.sheet-spell:hover
.sheet-details-flag + span, .sheet-options-flag + span
display: -webkit-box
display: -ms-flexbox
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: -webkit-box
display: -ms-flexbox
display: flex
.sheet-pc
.sheet-trait:hover .sheet-output
display: -webkit-box
display: -ms-flexbox
display: flex
.sheet-header
&:hover .sheet-options-flag + span
display: -webkit-box
display: -ms-flexbox
display: flex
.sheet-options-flag
top: 8px
right: 4px
+ span
top: 8px
right: 4px
.sheet-global-mod .sheet-display-flag, .sheet-trait .sheet-display-flag
opacity: 0
position: absolute
top: 0px
right: 0px
width: 100%
height: 100%
.sheet-global-mod .sheet-options-flag:checked ~ .sheet-display-flag
width: 0px
height: 0px
.sheet-trait
.sheet-options-flag:checked ~ .sheet-display-flag
width: 0px
height: 0px
.sheet-display-flag:checked ~ .sheet-display .sheet-desc
display: none
.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
&: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-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
input
width: 170px
.sheet-level
width: 20px
display: inline-block
&:after
border-top: 20px solid transparent
border-bottom: 20px solid transparent
border-left: 20px solid #FFF
left: 0px
top: -6px
content: ''
position: absolute
&: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
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
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
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
-webkit-box-shadow: 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-total, .sheet-expended
display: inline-block
border: 1px solid black
height: 25px
border-radius: 5px
text-align: center
margin-left: -20px
background-color: white
.sheet-total
width: 114px
vertical-align: bottom
span
font-size: 20px
font-weight: normal
position: relative
top: 3px
.sheet-expended
width: 139px
border-top-left-radius: 0px
border-bottom-left-radius: 0px
.sheet-spell
margin-bottom: 5px
width: 245px
.sheet-wrapper
button.sheet-spell_link
&::before
content: '|'
position: absolute
top: 0
right: 5px
border: none
background: none
color: #A0A0A0
margin: 0
padding: 0
&:hover
color: #000000
position: relative
.charsheet .sheet-spells .sheet-details
span
font-size: 12px
&[name="attr_spelldescription"]
white-space: pre-line
> .sheet-italics
span
&:nth-last-child(3)
display: inline-block
width: 120px
text-align: left
text-transform: lowercase
&::first-letter
text-transform: uppercase
&:not(:first-child)
margin-left: 3px
span[data-i18n="concentration"]
margin-left: -3px
&:after
content:', '
.repcontainer .sheet-spell .sheet-details-flag:not(:checked) ~ .sheet-wrapper
display: none
.sheet-spell .sheet-wrapper .sheet-options-flag
display: inherit
+ span
display: inherit
.repcontainer .sheet-spell
.sheet-details-flag:not(:checked) ~ .sheet-wrapper input.sheet-spell_desc + .sheet-options-flag
display: none
+ span
display: none
.sheet-wrapper
.sheet-options .sheet-options-flag + span
right: 23.5px
width: 18px
height: 18px
input.sheet-spell_desc[value] + .sheet-options-flag:not(:checked) ~ .sheet-options, .sheet-options-flag:not(:checked) ~ .sheet-options
display: none
.sheet-spell
.sheet-wrapper .sheet-options-flag
&:checked ~
.sheet-details
display: none
.sheet-options
display: inherit
z-index: 10
right: 23.5px
+ span
right: 23.5px
.sheet-details
span
&:not(.sheet-innate)
display: inline
font-weight: normal
&.sheet-bold
font-weight: bold
margin-right: 3px
.sheet-italics
font-style: italic
input[type="checkbox"]
display: none
+ span
display: none
&:checked
+ span
display: inline
~ input[type="checkbox"]:checked + span::before
content: ', '
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
input
&[name="attr_spellcomp_materials"][value=""] + span, &[name="attr_spellathigherlevels"][value=""] + div
display: none
.sheet-options
border-top: none
border-bottom: 2px dashed gold
padding-bottom: 40px
.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
&:hover
opacity: 0.6
&::before
content: '3'
font-family: pictos
input[type="checkbox"]
display: none
span.sheet-label
margin-top: 0
.sheet-display
position: relative
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
-webkit-box-shadow: none
box-shadow: none
padding: 0px
margin: 0px
width: 100%
font-weight: bold
text-align: left
&::before
content: "" !important
span
&.sheet-spellritual, &.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-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-v, .sheet-s, .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-s:not([value="0"]) ~ .sheet-componentscontainer span.sheet-s, &.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
-webkit-box-shadow: none
box-shadow: none
padding: 0px
margin: 0px
width: 100%
span.sheet-spellname
font-size: 12px
text-align: left
font-weight: normal
margin-right: -4px
margin-left: 4px
display: inline
overflow: hidden
-o-text-overflow: ellipsis
text-overflow: ellipsis
white-space: nowrap
max-width: 220px
.sheet-prep ~ span.sheet-spellname
margin-left: 14px
.repcontrol
min-height: 27px
.btn
/*visibility: hidden;
border: medium none
color: white !important
background: none
-webkit-box-shadow: none
box-shadow: none
&:focus
outline: 0
.sheet-saving-throw-container .repcontrol
.repcontrol_edit, .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_edit:hover:after, .repcontrol_add:hover:before
background-color: #EFEFEF
.sheet-resources .repcontrol
margin-top: -10px
.itemcontrol
z-index: 10
.repcontrol_del, .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
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
border-radius: 0px
color: black
display: inline-block
font-size: 12px
width: initial
padding: 0px
margin: 0px
line-height: 18px
height: 18px
.sheet-tool .sheet-options input[type=checkbox], .sheet-attack .sheet-options input[type=checkbox], .sheet-spell .sheet-options input[type=checkbox], .sheet-options .sheet-body input[type=checkbox], .sheet-npc .sheet-npc_options input[type=checkbox], .sheet-proficiencies .sheet-options input[type=checkbox], .sheet-traits .sheet-options input[type=checkbox], .sheet-global-mod .sheet-options input[type=checkbox]
width: 13px
font-size: initial
-webkit-appearance: checkbox
-moz-appearance: checkbox
.sheet-attack .sheet-options input[type=text].sheet-num, .sheet-options input[type=text].sheet-num
width: 15px
text-align: center
.sheet-spell .sheet-options textarea
width: calc(100% - 10px)
resize: vertical
margin-bottom: 0px
.sheet-spell-container
min-height: 60px
margin-bottom: 1px
input
&[name="attr_spellcastingtime"]
width: 168px
&[name="attr_spellrange"]
width: 201px
&[name="attr_spelltarget"]
width: 199px
.sheet-spell .sheet-options input[name="attr_spellcomp_materials"]
margin-left: 17px
width: 223px
input[name="attr_spellduration"]
width: 186px
.sheet-options
.sheet-row
display: block
width: 100%
.sheet-title
input[type=text]
width: 82px
border: none
text-align: center
color: #A0A0A0
text-align: center
.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-hiding
display: none
.sheet-header
.sheet-showing, input[value="1"].sheet-flag ~ .sheet-hiding
display: none
.sheet-hlabel-container input
&[value="1"].sheet-flag ~ .sheet-showing, &[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
+ 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
opacity: 0
z-index: 2
.sheet-options-flag
position: absolute
top: 0px
right: 23px
width: 18px
height: 18px
+ 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
opacity: 0
z-index: 2
.sheet-details button.sheet-spell_link
&::before
content: '|'
float: right
border: none
background: none
color: #A0A0A0
&:hover
color: #000000
.sheet-details-flag:checked + span
display: block
color: #000000
&:hover .sheet-details-flag + span
display: block
.sheet-details-flag
~ .sheet-details
display: none
&:checked ~ .sheet-details
display: block
.sheet-details
margin: 15px 10px
.sheet-options
margin: 15px 10px
padding: 0
overflow-x: hidden
-o-text-overflow: ellipsis
text-overflow: ellipsis
.sheet-details
span
&:not(.sheet-innate)
display: inline
font-weight: normal
&.sheet-bold
font-weight: bold
.sheet-italics
font-style: italic
input[type="checkbox"]
display: none
+ span
display: none
&:checked
+ span
display: inline
~ input[type="checkbox"]:checked + span::before
content: ', '
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
input
&[name="attr_spellcomp_materials"][value=""] + span, &[name="attr_spellathigherlevels"][value=""] + div
display: none
.sheet-display
position: relative
.sheet-prep
width: 10px
height: 10px
border-radius: 50%
position: absolute
top: 0px
border: 1px solid black
input[type=checkbox]:checked ~ span.sheet-prep
background-color: #00ba73
.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-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-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-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-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-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-solo span
background-color: transparent
border: 0px
font-size: 1.2em
padding: 0px
.sheet-rolltemplate-atk
.sheet-adv span, .sheet-solo span
background-color: transparent
border: 0px
font-size: 1.2em
padding: 0px
.sheet-rolltemplate-atkdmg
.sheet-adv span, .sheet-solo span
background-color: transparent
border: 0px
font-size: 1.2em
padding: 0px
.sheet-rolltemplate-dmg
.sheet-adv span, .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
.inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: #A0A0A0
border: 0px
font-weight: normal
.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-grey
color: #A0A0A0
border: 0px
font-weight: normal
.inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: #A0A0A0
border: 0px
font-weight: normal
.sheet-rolltemplate-atkdmg
.sheet-label span span
color: #A0A0A0
border: 0px
font-weight: normal
.sheet-grey
color: #A0A0A0
border: 0px
font-weight: normal
.inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: #A0A0A0
border: 0px
font-weight: normal
.sheet-rolltemplate-dmg
.sheet-label span span
color: #A0A0A0
border: 0px
font-weight: normal
.sheet-grey
color: #A0A0A0
border: 0px
font-weight: normal
.inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: #A0A0A0
border: 0px
font-weight: normal
.sheet-rolltemplate-npc .sheet-grey
color: #A0A0A0
border: 0px
font-weight: normal
.inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: #A0A0A0
border: 0px
font-weight: normal
.sheet-rolltemplate-npcaction .sheet-grey
color: #A0A0A0
border: 0px
font-weight: normal
.inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: #A0A0A0
border: 0px
font-weight: normal
.sheet-rolltemplate-npcatk .sheet-grey
color: #A0A0A0
border: 0px
font-weight: normal
.inlinerollresult
&.fullcrit, &.fullfail, &.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, &.fullfail, &.importantroll
color: black
border: 0px
.sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: black
border: 0px
.sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: black
border: 0px
.sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult
&.fullcrit, &.fullfail, &.importantroll
color: black
border: 0px
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult
&.fullcrit, &.importantroll, &.fullfail
color: black
border: 0px
.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult
&.fullcrit, &.importantroll, &.fullfail .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullcrit
color: black
border: 0px
.sheet-rolltemplate-atk .sheet-desc .inlinerollresult
&.importantroll, &.fullfail
color: black
border: 0px
.sheet-rolltemplate-mancerroll .inlinerollresult
&.fullcrit, &.importantroll, &.fullfail
color: black
border: 0px
.sheet-rolltemplate-mancerhproll .inlinerollresult
&.fullcrit, &.importantroll, &.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
&:hover
color: #00ba73
&[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-title
color: #a88138
font-weight: bold
font-size: 1.2em
.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
.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, span
color: #245485
&:first-child
margin-right: 3px
.sheet-npc_options
input
border-bottom: 1px solid #D3D3D3
border-top: 0px
border-left: 0px
border-right: 0px
background: none
-webkit-box-shadow: 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
span
display: inline-block
font-size: 9px
line-height: 12px
text-align: left
font-weight: bold
.sheet-title span
text-align: center
font-size: 14px
display: block
margin-top: 5px
border-bottom: 2px dashed gold
input[type=text].sheet-num
width: 20px
text-align: center
.sheet-col
width: calc(33% - 5px)
.sheet-spacer
height: 5px
select
border-bottom: 1px solid #D3D3D3
border-top: 0px
border-left: 0px
border-right: 0px
background: none
-webkit-box-shadow: none
box-shadow: none
-webkit-appearance: none
-moz-appearance: none
-webkit-border-radius: 0px
border-radius: 0px
color: black
line-height: inherit
.sheet-display input, .sheet-reaction input
border: none
background: none
-webkit-box-shadow: 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-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-subtitle span
font-size: 12px
.sheet-num3
width: 27px
text-align: center
.sheet-actype
+ .sheet-parens
display: none
&:not([value=""]) + .sheet-parens
display: inline
.sheet-parens
margin-left: -2px
&:before
content: "("
&.sheet-xp:before
content: " ("
&:after
content: ")"
&.sheet-xp:after
content: " XP)"
span.sheet-npc-init-die
font-family: "dicefontd20"
font-size: 16px
display: block
.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
span
font-size: 13px
font-weight: normal
display: inline
margin-bottom: 2px
&.sheet-bold
display: block
span.sheet-bold, .sheet-action button span.sheet-bold
font-weight: bold
.sheet-attr-container input
width: 20px
text-align: center
&:nth-child(3)
width: 30px
margin-left: -5px
.sheet-display
.sheet-flag
&[value="0"] +
button, div
display: none
&[value=""] +
button, div
display: none
.sheet-status
display: none
.sheet-flag[value]:not([value=""]) + div
display: block
button[type=roll]
input
border: none
background: none
-webkit-box-shadow: 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
width: auto
white-space: nowrap
.sheet-saving button[type=roll] span, .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-display
.sheet-flag
&[value="1"] + button .sheet-spacer, &[value="2"] + button .sheet-spacer
display: none
button input
width: 14px
text-align: center
.sheet-flag
&[value="1"] + button .sheet-stat::before, &[value="2"] + button .sheet-stat::before
content: "+"
.sheet-ships .sheet-display .sheet-flag
&[value="1"] + button .sheet-stat::before, &[value="2"] + button .sheet-stat::before
content: "+"
.sheet-npc .sheet-display .sheet-flag
&[value="1"] + button .sheet-stat::after, &[value="3"] + button .sheet-stat::after
content: ", "
.sheet-ships .sheet-display .sheet-flag
&[value="1"] + button .sheet-stat::after, &[value="3"] + button .sheet-stat::after
content: ", "
.sheet-negativeflag
&[value="1"] + .sheet-npcattr::before
content: "("
&[value="0"] + .sheet-npcattr::before
content: "(+"
.sheet-npcattr::after
content: ")"
.sheet-traits
min-height: 20px
.sheet-npc
.sheet-display .sheet-traits .sheet-trait, .sheet-reaction .sheet-trait
position: relative
.sheet-display .sheet-traits input, .sheet-reaction input
pointer-events: initial
font-weight: bold
width: 100%
.sheet-display .sheet-traits textarea, .sheet-reaction textarea
resize: vertical
height: 36px
min-height: 36px
border: none
padding: 0px
-webkit-box-shadow: none
box-shadow: none
.sheet-attack textarea
resize: vertical
height: 36px
min-height: 36px
border: none
padding: 0px
-webkit-box-shadow: none
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
.sheet-title
font-size: 18px
text-transform: capitalize
font-variant: small-caps
line-height: inherit
height: inherit
margin: 0px
min-height: 40px
.sheet-description_flag
&[value="0"] + textarea, &[value=""] + textarea
display: none
height: 36px
min-height: 36px
.sheet-attack_option
display: none
.sheet-attack_options
&[value="on"] ~ .sheet-attack_option, &[value="{{attack=1}}"] ~ .sheet-attack_option
display: block
.sheet-action .sheet-display .sheet-description_flag
&[value="3"] + textarea
height: 54px
&[value="4"] + textarea
height: 72px
&[value="5"] + textarea
height: 90px
&[value="6"] + textarea
height: 108px
&[value="7"] + textarea
height: 126px
&[value="8"] + textarea
height: 144px
&[value="9"] + textarea
height: 162px
&[value="10"] + textarea
height: 180px
&[value="11"] + textarea
height: 196px
&[value="12"] + textarea
height: 216px
&[value="13"] + textarea
height: 234px
&[value="14"] + textarea
height: 252px
&[value="15"] + textarea
height: 270px
&[value="16"] + textarea
height: 288px
&[value="17"] + textarea
height: 306px
&[value="18"] + textarea
height: 324px
&[value="19"] + textarea
height: 342px
&[value="20"] + textarea
height: 360px
.sheet-actions select
width: auto
margin: 0px
padding: 0px
height: 13px
line-height: 13px
font-size: 13px
.sheet-action button
&[type=roll]
width: 100%
text-align: left
margin-bottom: 10px
span
font-size: 13px
font-weight: normal
.sheet-actions .sheet-wide
width: 100%
text-align: left
span:after
content: "."
.sheet-action .sheet-display
.sheet-description
white-space: normal
color: #555555
line-height: 18px
textarea
border: none
margin-bottom: 0px
padding: 0px
text-shadow: none
-webkit-box-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
-webkit-box-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-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-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-header a[href^="~"]
color: #245485
a[href^="~"]:hover
color: #00ba73
.sheet-equipment
.sheet-complex, .sheet-simple
display: none
.sheet-proficiencies
.sheet-complex, .sheet-simple
display: none
.sheet-traits
.sheet-complex, .sheet-simple
display: none
.sheet-equipment .sheet-inventoryflag
&[value="complex"] ~ .sheet-complex, &[value="simple"] ~ .sheet-simple
display: inline-block
.sheet-proficiencies .sheet-inventoryflag
&[value="complex"] ~ .sheet-complex, &[value="simple"] ~ .sheet-simple
display: inline-block
.sheet-traits .sheet-inventoryflag
&[value="complex"] ~ .sheet-complex, &[value="simple"] ~ .sheet-simple
display: inline-block
.sheet-equipment
.sheet-inventorysubflag
height: 10px
width: 10px
top: 10px
right: 0px
+ span
height: 10px
width: 10px
top: 10px
right: 0px
font-size: 10px
padding: 0px
.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-name
width: 100px
input[type="text"].sheet-weight
width: 25px
text-align: center
.sheet-subitem
.sheet-subfield
font-weight: normal
background-color: transparent
padding: 0px
width: 112px
.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
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, &[value="HEAVILY ENCUMBERED"] ~ .sheet-heavily, &[value="ENCUMBERED"] ~ .sheet-encumbered, &[value="OVER CARRYING CAPACITY"] ~ .sheet-over
display: block
.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-equippedlabel
width: calc(100% - 50px)
text-align: left
padding-left: 5px
.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, .sheet-npc .sheet-spellattackinfoflag[value="ATTACK"] ~ .sheet-spellattackinfo
display: block
.sheet-attack
input[type=text].sheet-flat
display: none
.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
[name="attr_alignment"]
width: 180px
[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
-o-text-overflow: ellipsis
text-overflow: ellipsis
.sheet-multiclass-display-level
width: 31px
text-align: center
font-size: 13px
border-bottom: 1px solid #D3D3D3
line-height: 35px
height: 27px
overflow: hidden
input.sheet-class-level
margin-left: -6px
width: 34px
.sheet-rolltemplate-dmg
.sheet-label .sheet-rolltemplate-inline, .sheet-savedc .sheet-rolltemplate-inline
display: inline-block
.sheet-rolltemplate-atkdmg
.sheet-savedc .sheet-rolltemplate-inline, .sheet-label .sheet-rolltemplate-inline
display: inline-block
.sheet-options .sheet-body input
&[type=text].sheet-pb_custom
display: none
&[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-baseattr:focus
/*display: inline;
opacity: 1
height: 20px
width: 40px
pointer-events: auto
position: static
&:hover .sheet-finalattr, .sheet-baseattr:focus ~ .sheet-finalattr
display: none
.sheet-attr-flag[value="1"] + .sheet-finalattr
color: #3e99e8
&:after
content: '*'
font-size: 15px
position: absolute
.sheet-spell_slot_mods
.sheet-column
width: 32%
display: inline-block
.sheet-num_plus
margin-left: 2px
.sheet-esper-mastery
.sheet-column
width: 39px
display: inline-block
text-align: center
margin-left: 5px
.sheet-mconf
font-size: 10px
width: 40px
.sheet-sub-button input[type=radio]
position: relative
background-color: #E8E8E8
width: 18px
height: 18px
z-index: 2
&: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
-o-transition: opacity .15s ease-in-out
transition: opacity .15s ease-in-out
-moz-transition: opacity .15s ease-in-out
-webkit-transition: opacity .15s ease-in-out
background-color: transparent
.sheet-compendium_warning, .sheet-monster_confirm, .sheet-mancer_confirm
display: none
.sheet-licensecontainer.active-drop-target.dropping ~ .sheet-compendium_warning, .sheet-monster_confirm_flag[value="1"] ~ .sheet-monster_confirm, .sheet-mancer_confirm_flag[value="1"] ~ .sheet-mancer_confirm
display: block
position: fixed
top: 50%
background: white
left: 50%
z-index: 100
border: 2px solid black
width: 300px
height: 100px
text-align: center
margin: -70px 0 0 -170px
.sheet-monster_confirm input[type=checkbox], .sheet-mancer_confirm input[type=checkbox]
height: 34px
border-radius: 50%
opacity: 0
z-index: 2
position: relative
.sheet-monster_confirm div div, .sheet-mancer_confirm div div
margin: 0 2px
.sheet-monster_confirm input[type=checkbox] + span, .sheet-mancer_confirm input[type=checkbox] + span
font-size: 20px
font-weight: normal
line-height: 34px
position: absolute
left: 0px
border-radius: 5px
border: 1px solid black
.sheet-mancer_confirm_flag[value="1"] ~ .sheet-mancer_confirm
width: 350px
margin: -70px 0 0 -195px
.sheet-mancer_confirm input[type=checkbox]
height: 40px
+ 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
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
-o-text-overflow: ellipsis
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
&:hover
background-color: #DDD
cursor: pointer !important
.charsheet .sheet-options .sheet-row span
&.sheet-transition_text
color: #A0A0A0
&.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
textarea
width: 95%
display: inline
height: 25px
margin: 1px
.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
&[name="attr_spellrange"]
width: 200px
&[name="attr_spelltarget"]
width: 188px
&[name="attr_spellduration"]
width: 184px
.sheet-ac-init-speed-container
div
position: relative
height: 56px
button, .sheet-label
position: absolute
bottom: 0
.sheet-hdice-dsaves-container
div.sheet-subcontainer
position: relative
height: 71px
button
position: absolute
bottom: 0
left: 0
.sheet-hp .sheet-top input[name="attr_hp_max"]
width: 121px
.sheet-hlabel-container input
&[name="attr_race"]
width: 190px
&[name="attr_alignment"]
width: 170px
&[name="attr_experience"]
width: 120px
.sheet-npc .sheet-npc_options input
&[name="attr_npc_actype"], &[name="attr_npc_hpformula"]
width: 175px
.sheet-advantagetoggle input
&.sheet-toggle-left
right: 214px
width: 67px
+ span
right: 214px
width: 67px
&.sheet-toggle-center
right: 145px
width: 65px
+ span
right: 145px
width: 65px
&.sheet-toggle-right
right: 50px
width: 91px
+ span
right: 50px
width: 91px
input[type=radio].sheet-tab-button
&.sheet-core
right: 137px
width: 76px
+ span
right: 137px
width: 76px
&.sheet-bio
right: 103px
width: 30px
+ span
right: 103px
width: 30px
&.sheet-spells
right: 21px
width: 78px
+ span
right: 21px
width: 78px
/* Czech
.charsheet
&.lang-cs
input[type=radio].sheet-tab-button.sheet-core
width: 53px
+ span
width: 53px
select[name=attr_cust_spellslots]
font-size: 9px
.sheet-spell .sheet-options span
&[data-i18n="at-higher-lvl-dmg:-u"], &[data-i18n="add-ability-mod-u"], &[data-i18n="saving-throw:-u"], &[data-i18n="effect:-u"]
font-size: 8px
.sheet-ac-init-speed-container .sheet-ac > span
font-size: 8px
.sheet-subcontainer .sheet-top span[data-i18n="total"] + input
width: 75px
.sheet-row span
&[data-i18n="senses-u"] + input, &[data-i18n="npc-type-u"] + input
width: 220px
.sheet-class
width: 79px
.sheet-hlabel-container
.sheet-multiclass-display
width: 62px
.sheet-multiclass-display-level
width: 23px
input.sheet-class-level
width: 28px
&.lang-it
input[type=radio].sheet-tab-button
&.sheet-core
right: 146px
width: 60px
+ span
right: 146px
width: 60px
&.sheet-bio
right: 113px
width: 30px
+ span
right: 113px
width: 30px
&.sheet-spells
right: 20px
width: 90px
+ span
right: 20px
width: 90px
div.sheet-licensecontainer .sheet-container
&.sheet-pc .sheet-spells .sheet-header .sheet-header-info .sheet-part
width: 23%
&:not(.sheet-npc) div.sheet-page div.sheet-header div.sheet-name-container span
margin-top: 19px
margin-left: 30px
.sheet-header .sheet-part
input[type="text"], select, span.sheet-display
height: 46px
/* Italian
/*******************
* CHARACTERMANCER *
******************
.sheet-charmancer
&.sheet-container
width: 100%
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-orient: horizontal
-webkit-box-direction: normal
-ms-flex-flow: row wrap
flex-flow: row wrap
-ms-flex-preferred-size: 1 1 100%
flex-basis: 1 1 100%
position: relative
contain: paint
.sheet-choices
-webkit-box-flex: 40%
-ms-flex: 40%
flex: 40%
max-width: 40%
padding-right: 1em
.sheet-info
-webkit-box-flex: 60%
-ms-flex: 60%
flex: 60%
position: relative
max-width: calc(60% - 2em)
.sheet-choices, .sheet-info
margin-bottom: 2em
.sheet-compendium-page
height: 100%
iframe
height: 100%
min-height: 50vh
contain: paint
select
option:disabled
background-color: #eee
span.sheet-initials
font-size: 6px
.sheet-topbar-holder
width: 100%
.sheet-topbar, .sheet-leveler-topbar
-webkit-box-flex: 100%
-ms-flex: 100%
flex: 100%
margin-bottom: 15px
.sheet-topbar div div, .sheet-leveler-topbar div div
display: inline-block
width: 16%
border: 1px solid gray
text-align: center
.sheet-topbar div span
font-size: 3em
line-height: 1em
font-weight: bold
.sheet-leveler-topbar div span
font-size: 3em
line-height: 1em
font-weight: bold
font-size: 2.5em
.sheet-topbar div.sheet-meta-info-container, .sheet-leveler-topbar div.sheet-meta-info-container
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
border: 0
-webkit-box-align: center
-ms-flex-align: center
align-items: center
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
.sheet-topbar div.sheet-meta-info-container span, .sheet-leveler-topbar div.sheet-meta-info-container span
font-size: 1.2em
.sheet-choice
display: none!important
.sheet-topbar div.sheet-meta-info-container span.sheet-choice, .sheet-leveler-topbar div.sheet-meta-info-container span.sheet-choice
display: none
.sheet-steps
position: -webkit-sticky
position: sticky
padding: .5em 0
background: #fff
z-index: 1011
top: 0
border-bottom: 1px dashed #ddd
list-style: none
list-style-position: inside
-webkit-box-flex: 100%
-ms-flex: 100%
flex: 100%
margin: 0 0 1em
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-orient: horizontal
-webkit-box-direction: normal
-ms-flex-flow: row
flex-flow: row
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
-webkit-transform: translateZ(0)
transform: translateZ(0)
.sheet-lp-steps
width: 100%
display: block
-webkit-box-flex: 0
-ms-flex: none
flex: none
li
display: inline
margin-right: .5em
&:last-of-type
float: right
button
border: 1px solid black
border-radius: 5px
background-color: #E8E8E8
color: black
text-align: center
font-weight: bold
&[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
&:before
content: ''
&.sheet-step
border-color: black
background-color: white
color: black
&.sheet-next, &.sheet-prev, &.sheet-done, &:not(.sheet-here)
border-color: black
background-color: #E8E8E8
color: black
&:hover
color: #fff
background-color: #00ba73
&.sheet-step
color: #fff
background-color: #00ba73
&.sheet-done
color: #fff
background-color: #00ba73
&.sheet-step.sheet-here
color: #fff
background-color: #00ba73
&[type=roll]:hover
color: #fff
background-color: #00ba73
*
color: #fff
background-color: #00ba73
&.sheet-exit
text-transform: uppercase
color: #00ba73
background-color: #fff
border-color: #00ba73
&[type=back]:disabled:not(.sheet-here)
color: #ddd
background-color: white
border-color: #ddd
cursor: not-allowed
.sheet-bottombar, .sheet-controls
-webkit-box-flex: 100%
-ms-flex: 100%
flex: 100%
margin-bottom: 1em
.sheet-bottombar
position: -webkit-sticky
position: sticky
bottom: -1px
border-top: 1px dashed #ddd
padding: .5em 0
background: white
-webkit-box-sizing: border-box
box-sizing: border-box
text-align: center
-webkit-transform: translateZ(0)
transform: translateZ(0)
button
text-transform: uppercase
.sheet-jump
margin: 0 auto
.sheet-prev
left: 0
position: absolute
.sheet-next
right: 0
position: absolute
.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-row
border-left-width: 0
margin-left: -0.5em
&:first-of-type
border-top-width: 0
padding-top: 0
.sheet-race_traits b
display: block
+ b
margin-top: .5em
label
*
display: block
margin-top: 9px
span:first-child
margin-top: 0
select
margin-bottom: 0
width: calc(100% - 2.25em)
&:not([required])
width: calc(100% - 3em)
label
p
font-weight: normal
font-size: 1.55rem
.sheet-label
font-size: 1.55rem
display: block
font-weight: bold
select + select, [class^="sheet-race_level0_choice"] + [class^="sheet-race_level0_choice"], [class^="sheet-race_level1_choice"] + [class^="sheet-race_level1_choice"], [class^="sheet-class_level0_choice"] + [class^="sheet-class_level0_choice"], [class^="sheet-class_level1_choice"] + [class^="sheet-class_level1_choice"]
margin-top: .5em
label
&.sheet-compendium-opt
display: inline
vertical-align: unset
> *
display: inline
vertical-align: unset
&.sheet-abilities_attribute
display: inline
vertical-align: unset
.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-container .sheet-cancel-prompt
top: 35px
z-index: 1012
*[required]:not(.sheet-choice)
display: inline-block
.sheet-hilite::after
content: '* required'
font-style: italic
font-weight: normal
display: block
font-size: 14px
font-variant: small-caps
.sheet-warning
color: #245485
button
&.sheet-warning
color: #fff
background-color: #245485
border-color: #245485
&:hover.sheet-warning
color: #245485
background-color: #fff
border-color: #245485
.sheet-needed::before
font-family: pictos
content: "D"
.sheet-hilite
color: #245485
background: #EFEFEF
border-radius: .5em
-webkit-box-sizing: border-box
box-sizing: border-box
padding: .5em
div + div
margin: 1em 0 0
.sheet-gold_option input[type=number]
width: 4.5em
.sheet-customize-origin
box-sizing: border-box
padding-right: 40px
position: relative
width: 100%
display: none
label
span
display: block
&:first-child
&:last-child
font-weight: normal
width: calc(100% + 40px)
.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
input
width: 100%
height: 100%
appearance: none
border: 0
padding: 0
margin: 0
position: absolute
top: 0
left: 0
outline: none
&:checked
background: #c43c41
.sheet-knob
width: 20px
height: 20px
background: #CCC
position: absolute
top: -1px
left: -1px
border-radius: 10px
pointer-events: none
input:checked + .sheet-knob
right: -1px
left: auto
input[value="1"] + .sheet-customize-origin
display: block
span.sheet-tasha + select
margin-bottom: 10px
@for $i from 1 through 20
input[value='#{$i}'] + span.sheet-tasha:after
content: " (+#{$i}):"
.sheet-asi-row
.sheet-asi
border-width: 1px!important
.sheet-switch ~ .sheet-switch-container .sheet-feat-tab
pointer-events: all
.sheet-asi, .sheet-feat
display: none
.sheet-switchval
&[value="asi"] ~ .sheet-asi, &[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
&[value="asi"] ~ .sheet-switch-container .sheet-asi-tab, &[value="feat"] ~ .sheet-switch-container .sheet-feat-tab
border-bottom-width: 0
background-color: white
.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-spinner-toggle
display: none
&:empty
+ .sheet-spinnerloader
display: none
~ .sheet-choices
display: block
~ .sheet-choices
display: none
.sheet-manver .sheet-yes_spells
display: -webkit-box
display: -ms-flexbox
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
[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
p button.sheet-mancer_info
font-size: .8em
line-height: 1em
vertical-align: super
button.sheet-mancer_info:hover, [data-repeating] button.sheet-action:hover
background: #00ba73
[class^="sheet-abilities_radio"]:not(.sheet-choice)
display: -webkit-box
display: -ms-flexbox
display: flex
span
label.sheet-compendium-opt
position: relative
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
padding-right: 0
>
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
input[type=radio]
&:disabled + span
color: #ddd
background-color: white
border-color: #ddd
cursor: not-allowed
&:checked + span
color: white
background-color: #00ba73
.sheet-compendium-opt > input[type=radio]
opacity: 0
width: 0
cursor: none
.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, span
display: inline-block
button
display: inline-block
&[type="roll"]
margin-top: .5em
br
margin-top: .1em
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
&:hover
background: #00ba73
.sheet-custom_class label input[type="checkbox"]
display: inline-block
margin-top: inherit
margin: 5px
.sheet-mancer_progress
border: 2px solid black
height: 10px
margin-top: 1.5em
width: 100%
div
background-color: red
height: 100%
.sheet-bottombar button[type="finish"].sheet-choice
display: inline-block
opacity: .4
pointer-events: none
.sheet-custom_type
font-size: .9em
select
display: inline-block
width: 65%
+ span:empty
+ select, ~ button
opacity: .5
pointer-events: none
.sheet-custom_trait + span:empty ~ button
opacity: .5
pointer-events: none
.sheet-custom_add_action
float: right
margin-right: 4em
.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
-webkit-box-flex: 45%
-ms-flex: 45%
flex: 45%
max-width: 45%
-webkit-box-sizing: border-box
box-sizing: border-box
.sheet-info.sheet-spellslide
position: -webkit-sticky
position: sticky
-webkit-box-flex: 55%
-ms-flex: 55%
flex: 55%
top: 4em
min-height: 50%
height: 100%
.sheet-spells-summary
div div
display: inline-block
.sheet-title
width: 15%
text-align: right
vertical-align: top
.sheet-list
width: 85%
padding-left: .5em
-webkit-box-sizing: border-box
box-sizing: border-box
span
&:not(:last-of-type)::after
content: ","
color: black
text-decoration: none
&::before
content: " "
.sheet-new
/*color: #447877;
color: green
font-weight: bold
.sheet-removed
text-decoration: line-through
.sheet-spellslide .sheet-primeinfo
margin-bottom: -1em
p
margin: 0
.sheet-charmancer
.sheet-spellslide
.sheet-row
padding-left: 0
.sheet-instructions
font-weight: bold
.sheet-spell-summary
margin: 0
label.sheet-nostyle *
display: inline
margin-top: 0
.sheet-spell-holder
margin: 1em 0
label
border: 1px solid black
background-color: #efefef
margin: 0
width: 100%
-webkit-box-sizing: border-box
box-sizing: border-box
.sheet-title
display: inline
padding: 1em
line-height: 2em
span.sheet-choice-showing
font-family: pictos
color: red
display: inline
font-size: .8em
line-height: .1em
padding-left: .5em
position: relative
bottom: .3em
.sheet-number
float: right
font-weight: normal
margin-right: .7em
line-height: .8em
.sheet-spellheader input
display: inline
float: right
opacity: 0
label
.sheet-number::after
content: "9"
font-family: pictos
position: absolute
margin-left: .3em
font-size: 1.3em
display: inline-block
-webkit-transform: rotate(-90deg)
-ms-transform: rotate(-90deg)
transform: rotate(-90deg)
input:checked ~ .sheet-number::after
-webkit-transform: rotate(90deg)
-ms-transform: rotate(90deg)
transform: rotate(90deg)
margin-left: .4em
.sheet-container
width: 100%
border: 1px solid black
border-top: 0
padding: 0
-webkit-box-sizing: border-box
box-sizing: border-box
.sheet-spell-item
padding: 0 .5em
line-height: 1.5em
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-mancer_info
font-size: 1em
margin-top: .25em
background-color: #777
line-height: 1em
position: absolute
left: 93%
.sheet-classes
font-size: 0.6em
float: right
margin-right: 7%
span:not(:last-child)::after
content: ", "
color: #000
.sheet-known
color: #000
font-style: italic
.sheet-class0
color: #245485
.sheet-class1
color: #000
.sheet-class2
color: #ec2127
.sheet-class3
color: #447877
.sheet-container .sheet-spell-item .sheet-spellcheck
margin-bottom: .3em
margin-right: .3em
.sheet-spell-item
.sheet-lock:not(:empty) ~ label, .sheet-hardlock:not(:empty) ~ label
pointer-events: none
.sheet-existing[value="1"] ~ label
.sheet-name
font-style: italic
input:not(:checked) ~ .sheet-name::before
content: 'r'
font-family: pictos
color: red
font-style: normal
padding-right: .3em
line-height: 1em
.sheet-lock:not(:empty) ~ label *, .sheet-hardlock:not(:empty) ~ label *
opacity: 0.6
.sheet-container .sheet-spell-item:nth-child(even)
background-color: #efefef
.sheet-spell-holder
.sheet-controller:not(:empty) + .sheet-container
height: 0
display: none
.sheet-spellinfo
&:not(:empty)
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
margin-top: 1em
div
width: 49%
div
width: 100%
padding-bottom: .3em
p
margin: 0
font-size: 1em
.sheet-pagelock:empty + .sheet-spellslide *
pointer-events: none
.sheet-replace-info span
font-family: pictos
color: red
.sheet-asi-row
.sheet-asi, .sheet-feat
display: none
.sheet-switch-container
display: -webkit-box
display: -ms-flexbox
display: flex
.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: .25em .5em
margin: 0
input
display: none
.sheet-switch
&:empty ~ .sheet-switch-container .sheet-asi-tab, &:not(:empty) ~ .sheet-switch-container .sheet-feat-tab
border-bottom-width: 0
background-color: white
~ .sheet-switch-container .sheet-feat-tab
background-color: #bbb
color: #ab8b57
pointer-events: none
&:empty ~ .sheet-asi, &: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-asi .sheet-abilities-holder
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
-ms-flex-wrap: wrap
flex-wrap: wrap
div
width: 33%
&:nth-child(1), &:nth-child(2), &:nth-child(3)
margin-bottom: 1.5em
div
position: relative
width: 1.2em
display: inline-block
top: -.3em
left: -.5em
h5
font-weight: bold
text-align: center
input
font-weight: bold
border: none
width: 30%
font-size: 2em
background-color: white
color: black
span
font-size: 2em
margin-left: 20%
vertical-align: text-bottom
.sheet-spinner
position: absolute
left: 0
height: 12px
padding: 0
font-size: 12px
line-height: 0
width: 100%
border-radius: 0
.sheet-up-spinner
bottom: 0
border-bottom-width: 0
border-radius: 2px 2px 0 0
.sheet-down-spinner
top: 0
border-radius: 0 0 2px 2px
.charsheet .sheet-charmancer .sheet-choices
h2 span
display: block
font-size: 16px
font-weight: normal
line-height: normal
color: #888
margin: -8px 0 8px
.sheet-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-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-lp-summary
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
min-height: 200px
border: 1px solid black
margin-bottom: 2em
div
width: 50%
div
width: 100%
padding-top: .5em
.sheet-before
border-right: 1px solid black
div h2
width: 100%
color: white
border-bottom: 1px solid black
-webkit-box-sizing: border-box
box-sizing: border-box
padding-left: .5em
font-size: 1.5em
.sheet-before h2
background-color: black
.sheet-after h2
background-color: #999
.sheet-row
margin: 0
padding: 0
&::before
margin: .5em
.sheet-ability-row
width: 100%
display: -webkit-box
display: -ms-flexbox
display: flex
padding: 0
font-size: 1.2em
div
width: 16.6%
text-align: center
padding: 0
h5
font-size: 1.1em
line-height: 1.2em
p
font-weight: bold
margin: 0
padding-left: .5em
span
font-weight: normal
.sheet-highlight
background-color: #e6d6b8
span.sheet-highlight
color: red
~ div.sheet-summary
width: 100%
/* Firefox 3.5+
body:not(:-moz-handler-blocked) .sheet-charmancer
.sheet-steps
top: -.8em
.sheet-bottombar
bottom: -.8em
.sheet-pc
.sheet-globalattack
border: none
div
&.sheet.global-dmg div.sheet-global-mod div.sheet-rows
margin-bottom: 5px
span
display: inline
margin-left: 25px
&.sheet-global-dmg div.sheet-display
margin-bottom: 2px
width: 90% !important
span
&.sheet-title
padding-right: 0px
width: 40%
&.sheet-subheader
display: inline
padding-right: 0px
width: 50%
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
-o-text-overflow: ellipsis
text-overflow: ellipsis
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-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-active-flag
position: relative
top: -5px
.sheet-options-flag:checked ~
.sheet-active-flag
margin-bottom: 50px
.sheet-display
display: none
/* Level HP Bar
.sheet-charmancer
.sheet-levels-hp-row
background: #eee
border-radius: .25em
border: 1px solid #aaa
margin: .5em 0
padding: .25em
position: relative
z-index: 0
h2
line-height: normal
height: 1em
vertical-align: middle
.sheet-hpbylevel-toggle, .sheet-class1_rollhp, .sheet-class2_rollhp, .sheet-class3_rollhp, .sheet-class4_rollhp
vertical-align: middle
text-align: left
input
&[name="comp_class1_addhp"], &[name="comp_class2_addhp"], &[name="comp_class3_addhp"], &[name="comp_class4_addhp"]
vertical-align: middle
text-align: left
button
&[name="act_class1_addhpAverage"], &[name="act_class2_addhpAverage"], &[name="act_class3_addhpAverage"], &[name="act_class4_addhpAverage"]
vertical-align: middle
text-align: left
.sheet-hpbylevel-toggle:checked ~
.sheet-class1_by-levels, .sheet-class2_by-levels, .sheet-class3_by-levels, .sheet-class4_by-levels
border-top: 1px solid #aaa
margin: -.25em !important
margin-top: .25em !important
overflow: hidden
span.sheet-collapse + div >
div
background: #fff
display: inline-block
border-radius: 0 0 .25em .25em
padding: 0
width: 100%
label
display: none
div >
label
display: none
div
padding: .25em
&:nth-child(odd)
background: #eee
label
font-size: 24px
vertical-align: middle
button
vertical-align: middle
.sheet-levels-multiclass
.sheet-hide-multiclass
&[value="0"] ~ .sheet-row:nth-of-type(1n+2), &[value="1"] ~ .sheet-row:nth-of-type(1n+3), &[value="2"] ~ .sheet-row:nth-of-type(1n+4), &[value="3"] ~ .sheet-row:nth-of-type(1n+5)
display: none
.sheet-class1_selector, .sheet-class2_selector, .sheet-class3_selector, .sheet-class4_selector
display: inline-block
width: 45%
button
margin: 0% 1%
font-weight: 500
line-height: 18px
height: 18px
h2
display: inline-block
margin-right: 2%
width: auto
.sheet-row h2 + input
margin-right: 2%
.sheet-multiclass_message
display: inline-block
width: auto
margin-right: 25%
.sheet-levels-message
display: inline-block
font-weight: bold
.sheet-levels-multiclass-buttons div
display: inline-block
margin-left: 5%
width: auto
.sheet-add_multiclass
margin-left: 25%
button[type="action"]:disabled
cursor: not-allowed
.sheet-hp-flag
&[value="roll"] ~ div > button[name*="rollhp"], &[value="average"] ~ div > button[name*="averagehp"], &[value="roll"] ~ button[name*="rollhp"], &[value="average"] ~ button[name*="averagehp"]
background-color: #00ba73
color: #fff
.sheet-levels-hp-row .sheet-row div > label
display: inline
.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-lock-custom-class[value="1"] ~ .sheet-class1_container
pointer-events: none
background-color: #E8E8E8
input, select, button
background-color: #f5f5f5 !important
color: #888888 !important
cursor: not-allowed !important
.sheet-custom_warning
display: none
.sheet-lock-custom-class[value="1"] ~ .sheet-class1_container
.sheet-class_features_container, .sheet-subclass_features_container
display: none
.sheet-custom_warning
display: block
margin-bottom: 10px
font-weight: bold
.sheet-levels-hp-row
input.sheet-hpbylevel-toggle
opacity: 0
display: inline-block !important
width: 1.5em
height: 1.5em
position: absolute
right: .25em
z-index: 1
.sheet-hpbylevel-toggle
~ .sheet-collapse
display: inline-block
font-family: pictos
font-size: 1.5em
-webkit-transform: rotate(90deg)
-ms-transform: rotate(90deg)
transform: rotate(90deg)
position: absolute
right: .25em
top: 9px
z-index: 0
&:checked ~ span.sheet-collapse
-webkit-transform: rotate(-90deg)
-ms-transform: rotate(-90deg)
transform: rotate(-90deg)
margin-left: .4em
.sheet-class1_by-levels, .sheet-class2_by-levels, .sheet-class3_by-levels, .sheet-class4_by-levels, span.sheet-collapse + div
display: none
.sheet-hpbylevel-toggle:checked ~
.sheet-class1_by-levels, .sheet-class2_by-levels, .sheet-class3_by-levels, .sheet-class4_by-levels, span.sheet-collapse + div
display: block
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-class2_features, .sheet-class3_features, .sheet-class4_features, .sheet-subclass1_features, .sheet-subclass2_features, .sheet-subclass3_features, .sheet-subclass4_features
font-size: 14px
margin: .5em 0
.sheet-subclass1_features_title, .sheet-subclass2_features_title, .sheet-subclass3_features_title, .sheet-subclass4_features_title
margin-top: .5em
display: inline-block !important
.sheet-utilityrow
margin-bottom: 1em
.sheet-result
font-weight: normal
margin-bottom: -.25em
display: block
font-size: 13px
p.sheet-prereq
span
display: inline
padding-right: .2em
color: red
margin-top: -.5em
/* 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, &.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, &.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, 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
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
+ 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, &.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, &.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: -webkit-inline-box
display: -ms-inline-flexbox
display: inline-flex
-ms-flex-pack: distribute
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, .sheet-attr-flag, .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, .sheet-attr-flag, .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, .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, .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, .sheet-skills-container
position: relative
-webkit-box-sizing: border-box
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, .sheet-skills-container
position: relative
-webkit-box-sizing: border-box
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, .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, .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, .sheet-hdice-dsaves-container
width: 100% !important
margin: 0
padding: 10px 8px 0
-webkit-box-sizing: border-box
box-sizing: border-box
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
input.sheet-licensedsheet[value="1"] + div.sheet-licensecontainer .sheet-container:not(.sheet-npc)
.sheet-ac-init-speed-container, .sheet-hdice-dsaves-container
width: 100% !important
margin: 0
padding: 10px 8px 0
-webkit-box-sizing: border-box
box-sizing: border-box
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-pack: justify
-ms-flex-pack: justify
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, .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, .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, .sheet-speed .sheet-label
position: absolute
bottom: 5px
.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, .sheet-speed .sheet-label
position: absolute
bottom: 5px
.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, .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, .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
-webkit-box-sizing: border-box
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, .sheet-proficiencies, .sheet-traits, .sheet-equipment, .sheet-exhaustion
-webkit-box-sizing: border-box
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, .sheet-proficiencies, .sheet-traits, .sheet-equipment, .sheet-exhaustion
-webkit-box-sizing: border-box
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
-webkit-box-sizing: border-box
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
-webkit-box-sizing: border-box
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
~ 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
-webkit-box-sizing: border-box
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
&::before, &::after
border: 0
background: transparent
position: relative
top: 11px
.sheet-total, .sheet-expended, .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
&::before, &::after
border: 0
background: transparent
position: relative
top: 11px
.sheet-total, .sheet-expended, .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
-webkit-box-align: start
-ms-flex-align: start
align-items: flex-start
-webkit-box-sizing: border-box
box-sizing: border-box
display: -webkit-inline-box
display: -ms-inline-flexbox
display: inline-flex
-ms-flex-flow: wrap
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"], [data-i18n="slots_remaining-u"]
display: none
.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"], [data-i18n="slots_remaining-u"]
display: none
.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: -webkit-inline-box
display: -ms-inline-flexbox
display: inline-flex
-ms-flex-flow: wrap
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
-webkit-box-sizing: border-box
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, .sheet-stat-block
background: #fff
-webkit-box-sizing: border-box
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, .sheet-stat-block
background: #fff
-webkit-box-sizing: border-box
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
&.sheet-licensedsheet .sheet-logos
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
text-align: center
-webkit-box-orient: vertical
-webkit-box-direction: normal
-ms-flex-flow: column
flex-flow: column
margin-bottom: 1em
.sheet-logos, .sheet-logos
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
text-align: center
-webkit-box-orient: vertical
-webkit-box-direction: normal
-ms-flex-flow: column
flex-flow: column
margin-bottom: 1em
.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: -webkit-box
display: -ms-flexbox
display: flex
width: 70%
height: 5em
.sheet-charmancer-logo, .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: -webkit-box
display: -ms-flexbox
display: flex
width: 70%
height: 5em
&.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: -webkit-box
display: -ms-flexbox
display: flex
width: 50%
height: 3em
.sheet-compendium-logo, .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: -webkit-box
display: -ms-flexbox
display: flex
width: 50%
height: 3em
&.sheet-licensedsheet .sheet-expansions
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
margin: 1em 0
padding: 1em
background: #eee
border-radius: .5em
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-expansions, .sheet-expansions
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
margin: 1em 0
padding: 1em
background: #eee
border-radius: .5em
&.sheet-licensedsheet .sheet-expansions p
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-expansions p, .sheet-expansions p
display: -webkit-box
display: -ms-flexbox
display: flex
width: 100%
&.sheet-licensedsheet
.sheet-meta-info-container, .sheet-summary-container
-webkit-box-sizing: border-box
box-sizing: border-box
width: 100% !important
padding: .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-licensedsheet-flag:not(:empty) ~
*
.sheet-meta-info-container, .sheet-summary-container
-webkit-box-sizing: border-box
box-sizing: border-box
width: 100% !important
padding: .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
.sheet-meta-info-container, .sheet-summary-container
-webkit-box-sizing: border-box
box-sizing: border-box
width: 100% !important
padding: .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
&.sheet-licensedsheet .sheet-info .sheet-compendium-page
-webkit-box-sizing: border-box
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-licensedsheet-flag:not(:empty) ~
* .sheet-info .sheet-compendium-page, .sheet-info .sheet-compendium-page
-webkit-box-sizing: border-box
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
&.sheet-licensedsheet .sheet-row
border: 0 !important
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-row, .sheet-row
border: 0 !important
&.sheet-licensedsheet
.sheet-row + .sheet-row::before, .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-licensedsheet-flag:not(:empty) ~
*
.sheet-row + .sheet-row::before, .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
.sheet-row + .sheet-row::before, .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
&.sheet-licensedsheet .sheet-row .sheet-row::before
border: 0
margin: 0
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-row .sheet-row::before, .sheet-row .sheet-row::before
border: 0
margin: 0
&.sheet-licensedsheet .sheet-row div.sheet-row
padding: 0.1em 1.5em 0.1em 0
margin-left: 0
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-row div.sheet-row, .sheet-row div.sheet-row
padding: 0.1em 1.5em 0.1em 0
margin-left: 0
&.sheet-licensedsheet .sheet-topbar
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-orient: vertical
-webkit-box-direction: normal
-ms-flex-flow: column
flex-flow: column
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-topbar, .sheet-topbar
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-orient: vertical
-webkit-box-direction: normal
-ms-flex-flow: column
flex-flow: column
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
&.sheet-licensedsheet .sheet-topbar .sheet-topbar-container
width: 100%
border: 0
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-topbar .sheet-topbar-container, .sheet-topbar .sheet-topbar-container
width: 100%
border: 0
display: -webkit-box
display: -ms-flexbox
display: flex
-webkit-box-pack: justify
-ms-flex-pack: justify
justify-content: space-between
&.sheet-licensedsheet .sheet-attr-container
-webkit-box-orient: vertical
-webkit-box-direction: reverse
-ms-flex-flow: column-reverse
flex-flow: column-reverse
min-width: 15%
display: -webkit-inline-box !important
display: -ms-inline-flexbox !important
display: inline-flex !important
-ms-flex-line-pack: space-evenly
align-content: space-evenly
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-attr-container, .sheet-attr-container
-webkit-box-orient: vertical
-webkit-box-direction: reverse
-ms-flex-flow: column-reverse
flex-flow: column-reverse
min-width: 15%
display: -webkit-inline-box !important
display: -ms-inline-flexbox !important
display: inline-flex !important
-ms-flex-line-pack: space-evenly
align-content: space-evenly
&.sheet-licensedsheet .sheet-summary:nth-child(even)
background: #eee
margin: 0 -.8em .8em
padding: .5em .8em
div.sheet-licensedsheet-flag:not(:empty) ~
* .sheet-summary:nth-child(even), .sheet-summary:nth-child(even)
background: #eee
margin: 0 -.8em .8em
padding: .5em .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-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-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), .sheet-mancer_confirm span:not(.sheet-yes)
font-size: 1.68em
font-weight: bold
.sheet-compendium_warning, .sheet-monster_confirm, .sheet-mancer_confirm
position: absolute !important
padding: 2em 0 !important
min-height: -webkit-max-content
min-height: -moz-max-content
min-height: max-content
-webkit-box-shadow: 0 0 50px #000
box-shadow: 0 0 50px #000
border: 2px solid #000 !important
border-radius: .5em
.sheet-monster_confirm span:not(.sheet-yes), .sheet-mancer_confirm span:not(.sheet-yes)
font-weight: bold
font-size: 18px
.sheet-monster_confirm .sheet-yes, .sheet-mancer_confirm .sheet-yes
color: #000
background-color: #eee
.sheet-monster_confirm .sheet-yes:hover, .sheet-mancer_confirm .sheet-yes:hover
+ .sheet-yes
color: #fff
background-color: #00ba73
cursor: pointer
color: #fff
background-color: #00ba73
cursor: pointer
/* Licensed Styling Start */
.charsheet .sheet-pc
label
margin: 0
padding: 0
textarea
box-sizing: border-box
margin: 0
.sheet-attributes-container
margin-top: 0!important
.sheet-attr-container
background: #010101
border: 0
border-radius: 5px 0 0 5px
color: white
position: relative
button[type=roll]
color: white
input:not([value^="-"]):not([value="0"]) + .sheet-attr
&:before
content: '+'
.sheet-attr-mod
background: #edcc8c
border-color: #edcc8c
border-radius: 5px
color: #010101
&:after, &:before
background: white
border-radius: 5px
content: ''
height: 10px
position: absolute
right: -5px
width: 10px
&:after
bottom: -5px
&:before
top: -5px
.sheet-skills-list
overflow: hidden
padding-top: 0
.sheet-skill:nth-child(odd)
background: #daebf3
border-bottom: 1px solid #aadaf0
border-top-color: 1px solid #aadaf0
.sheet-skill:nth-child(even)
background: white
border-bottom: 1px solid white
border-top-color: 1px solid white
.sheet-spell-level
background: #e2c285
border: 1px solid #68593d
border-radius: 5px
position: relative
padding: 7px
> *:not(.sheet-rank):not(.sheet-tp)
display: none
.sheet-rank
display: block
font-size: 12px
margin: 0
width: 100%
span
display: inline
font-size: 12px
font-weight: bold
text-transform: uppercase
margin: 0
width: auto
&:last-child
margin-left: 5px
.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
&:before
content: 'tp:'
.sheet-equipment .sheet-weighttotal
top: 70px
/* PC Ship */
.sheet-pc-ship
.sheet-tab-button
top: 0px
&+span
font-size: 13px
font-weight: bold
line-height: 1.42857143
top: 0px
input
width: 100%
.sheet-flex-container
display: flex
.sheet-grid-container
display: grid
span
display: inline-block
font-size: 11px
line-height: 11px
span[data-i18n*="-info"]
text-align: center
h3
span
font-size: 16px
line-height: normal
input[type='text'],
input[type='number'],
select,
textarea
border: 1px solid black
border-radius: 0
.sheet-top
margin-bottom: 40px
padding-top: 30px
.sheet-logo
h2
line-height: normal
text-align: left
span
font-size: 32px
-webkit-text-stroke: 1px #e2c285
text-stroke: 1px #e2c285
div
flex-grow: 1
text-align: right
img
width: 355px
.sheet-flex-container
align-items: flex-end
label
margin-right: 5px
width: auto
span
font-size: 13px
line-height: normal
white-space: nowrap
input
border: none
border-bottom: 1px solid black
border-radius: 0
&:not(:last-child)
margin-right: 5px
.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"
.sheet-col-left
grid-area: left
.sheet-abilities
color: white
grid-gap: 10px
grid-template-areas: "pilot captain" "technician1 technician2" "commander commander"
h3
border-bottom: 2px solid #e2c285
text-align: center
span
color: white
> div
border: 2px solid #e2c285
background: black
.sheet-flex-container
margin: 0 auto
max-width: 150px
> span:last-child
text-align: center
text-transform: uppercase
width: 100%
.sheet-pilot
grid-area: pilot
.sheet-captain
grid-area: captain
.sheet-technician1
grid-area: technician1
.sheet-technician2
grid-area: technician2
.sheet-commander
grid-area: commander
.sheet-ability
min-width: 25%
.sheet-flex-container
max-width: 300px
.sheet-ability
min-width: 50%
text-align: center
label
text-align: center
span
color: white
input
border-radius: 24px
height: 48px
outline: none
text-align: center
width: 48px
.sheet-sensors-and-initiative
grid-template-columns: repeat(2, 1fr)
grid-gap: 20px
margin-top: 20px
.sheet-sensors
label
span
font-size: 11px
.sheet-initiative
label
grid-template-columns: 48px 1fr
grid-gap: 10px
input
border-radius: 24px
height: 48px
outline: none
text-align: center
width: 48px
span
align-items: center
display: flex
font-size: 11px
.sheet-col-center
grid-area: center
max-width: 180px
min-width: 180px
.sheet-piloting-maneuver-check
h3
span
text-align: center
img
width: 100%
p
border-color: #394872
border-style: solid
border-width: 3px 0
font-size: 11px
line-height: 1em
margin-top: 10px
padding: 5px
.sheet-command-dice
border: 1px solid black
background: #f4fafd
margin-top: 20px
padding: 10px
> label
text-align: center
label
margin: 0
padding: 0
span
select
width: auto
> label
span
text-transform: lowercase
&:first-letter
text-transform: uppercase
&:after
content: ":"
.sheet-grid-container
display: grid
grid-template-columns: repeat(2, 1fr)
grid-gap: 10px
span
font-size: 11px
.sheet-intercept-speed
grid-template-columns: 68px 1fr
grid-gap: 5px
margin-top: 20px
> div:first-child
> 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
input
width: auto
.sheet-col-right
grid-area: right
.sheet-maneuver-save
h3
text-align: center
.sheet-grid-container
grid-template-columns: 106px 1fr
grid-gap: 10px
> div:first-child
img
width: 100%
> div:last-child
align-items: center
display: flex
label
border: 1px solid black
background: #f4fafd
padding: 10px
span
font-size: 11px
.sheet-special-features
margin-top: 20px
.repcontainer
.repitem
position: relative
border-bottom: 1px solid black
textarea
left: 0
height: 100%
min-height: 30px
opacity: 0
position: absolute
top: 0
width: 100%
span
display: inline-block
line-height: 30px
min-height: 25px
width: 100%
textarea:focus
opacity: 1
+ span
opacity: 0
.sheet-ship-cargo
margin-top: 20px
.repcontainer
border: 1px solid black
.repitem
&:not(:first-child)
border-top: 1px solid black
.sheet-grid-container
grid-template-columns: 1fr 85px
input
border: none
border-radius: 0
line-height: 22px
outline: none
width: 100%
div:first-child
input
border-right: 1px solid black
div:last-child
input
text-align: right
.sheet-bottom
margin-top: 40px
.sheet-grid-container
grid-template-columns: repeat(2, 1fr)
grid-gap: 20px
> div:first-child
.sheet-grid-container
.sheet-armor-class,.sheet-maneuver-defense
border: 1px solid black
background: #f4fafd
padding: 10px
h3
text-align: center
> .sheet-grid-container
grid-template-columns: 115px 1fr
grid-gap: 10px
> div:first-child
align-items: center
display: flex
.sheet-grid-container
grid-template-rows: repeat(4, 1fr)
grid-template-columns: 30px 1fr
grid-gap: 5px
label
align-items: center
display: flex
line-height: 11px
position: relative
span
font-size: 11px
.sheet-armor-class
.sheet-maneuver-defense
> div:last-child
> .sheet-grid-container
grid-template-columns: repeat(2, 1fr)
grid-gap: 20px
.sheet-defense-systems
margin-top: 20px
.repcontainer
.repitem
position: relative
border-bottom: 1px solid black
textarea
left: 0
height: 100%
min-height: 30px
opacity: 0
position: absolute
top: 0
width: 100%
span
display: inline-block
line-height: 30px
min-height: 25px
width: 100%
textarea:focus
opacity: 1
+ span
opacity: 0
.sheet-fancy-input
position: relative
img
width: 100%
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%
.sheet-weapon-systems
.sheet-table-header
grid-template-columns: 45px 1fr 60px 30px 50px 70px
grid-gap: 2px
max-width: calc(50% - 30px)
span
font-size: 11px
.repcontainer
column-gap: 20px
display: grid
grid-template-columns: repeat(2, 1fr)
.repitem
border-top: 2px solid #e2c285
margin-right: 20px
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
&:hover
color: #00ba73
.sheet-table-body
grid-template-columns: 45px 1fr 60px 30px 50px 70px
grid-gap: 2px
input[type="text"]
border: 1px solid black
border-radius: 0
outline: none
.sheet-table-meta
grid-template-columns: 1fr 92px 122px
grid-gap: 2px
input[type="text"]
border: none
border-radius: 0
outline: none
label
align-items: center
display: flex
> *:not(:last-child)
margin-right: 5px
span
font-size: 11px
.sheet-recharge input
appearance: none
border: 1px solid black
height: 16px
outline: none
width: 16px
&:nth-child(2)
order: 4
&:checked + input,
&:checked + input + input
background: black
&:nth-child(3)
order: 3
&:checked + input
background: black
&:nth-child(4)
order: 2
margin-right: 5px
&:checked
background: black
> div:last-child
margin-top: -23px
padding: 0 40px
pointer-events: none
text-align: center
span
background: #f4fafd
border: 1px solid black
display: inline-block
font-size: 11px
line-height: normal
margin: 0 auto
padding: 2px
.sheet-hull-points
h3
text-align: center
.sheet-fancy-input
margin-bottom: 10px
h3
text-align: center
img
min-width: 170px
.sheet-resistances
margin-top: 20px
h3
border-bottom: 1px solid black
text-align: center
span
font-size: 11px
font-weight: bold
.repcontainer
.repitem
position: relative
border-bottom: 1px solid black
textarea
left: 0
height: 100%
min-height: 30px
opacity: 0
position: absolute
top: 0
width: 100%
span
display: inline-block
line-height: 30px
min-height: 25px
width: 100%
textarea:focus
opacity: 1
+ span
opacity: 0
.sheet-patch-repair
border: 1px solid black
background: #f4fafd
padding: 0 20px 10px 20px
margin-top: 20px
h3
border-bottom: 1px solid black
line-height: normal
margin-bottom: 5px
text-align: center
span
font-size: 11px
font-weight: bold
label
line-height: 11px
span
font-size: 11px
.sheet-grid-container
align-items: end
grid-template-columns: repeat(3, 1fr)
grid-gap: 20px
span[data-i18n="patch-repair-info"]
display: block
font-size: 9px
margin-top: 5px
text-align: center
.sheet-damage-taken
h3
text-align: right
span
font-size: 11px
.sheet-grid-container
border: 1px solid black
grid-template-columns: 50px 1fr
grid-gap: 10px
padding: 10px
label
line-height: 11px
span
font-size: 11px
> div
label:last-child
margin-top: 20px
> label
span
text-align: right
width: 100%
.sheet-structural-integrity
border: 1px solid black
background: #f4fafd
margin-top: 20px
padding: 0 10px 10px 10px
h3
line-height: normal
margin-bottom: 5px
text-align: center
border-bottom: 1px solid black
span
font-size: 11px
.sheet-grid-container
grid-template-columns: 110px 1fr
grid-gap: 10px
> div
.sheet-fancy-input
img
input
> label
background: white
border: 1px solid black
input
border: 0
min-height: calc(100% - 18px)
span
display: inline-block
font-size: 11px
text-align: center
width: 100%
.sheet-max-weapon-payload
align-items: center
grid-template-columns: 1fr 34px!important
grid-gap: 10px!important
label
text-align: right
span
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-default
.sheet-tab-button.sheet-type-pc + span
color: #FFFFFF
background-color: #00ba73
.sheet-pc-type[value="starship"] ~ .sheet-pc
width: 100%
.sheet-pc-default
display: none
.sheet-pc-ship
display: block
.sheet-tab-button.sheet-type-pc + span
background-color: #E8E8E8
color: black
.sheet-tab-button.sheet-type-starship + span
color: #FFFFFF
background-color: #00ba73
Reference in New Issue View Git Blame Copy Permalink