diff --git a/5e Darker Dungeons/5e Darker Dungeons.css b/5e Darker Dungeons/5e Darker Dungeons.css index c7328052d3..a07afde70e 100644 --- a/5e Darker Dungeons/5e Darker Dungeons.css +++ b/5e Darker Dungeons/5e Darker Dungeons.css @@ -1,587 +1,84 @@ -.charsheet .sheet-darkerdungeons *, -.charsheet .sheet-darkerdungeons *::after, -.charsheet .sheet-darkerdungeons *::before { - box-sizing: border-box; } +.charsheet .sheet-darkerdungeons { + background: white; + color: black; + font-size: 13px; + line-height: 18px; + margin: 0; + overflow: visible; + padding: 0; } + .charsheet .sheet-darkerdungeons *, + .charsheet .sheet-darkerdungeons *::after, + .charsheet .sheet-darkerdungeons *::before { + box-sizing: border-box; } + .charsheet .sheet-darkerdungeons input:hover, + .charsheet .sheet-darkerdungeons input:focus, + .charsheet .sheet-darkerdungeons textarea:hover, + .charsheet .sheet-darkerdungeons textarea:focus { + background: #e5fffb; + outline: none; } + .charsheet .sheet-darkerdungeons select:hover, + .charsheet .sheet-darkerdungeons select:focus { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons select:hover option, + .charsheet .sheet-darkerdungeons select:focus option { + background: white; } + .charsheet .sheet-darkerdungeons label { + margin: 0; + padding: 0; + font-size: inherit; + font-weight: inherit; } + .charsheet .sheet-darkerdungeons button[type=roll] { + color: inherit; font-size: inherit; margin: 0; padding: 0; - vertical-align: baseline; - color: inherit; } + vertical-align: baseline; } .charsheet .sheet-darkerdungeons button[type=roll]:hover { color: #b61037; } .charsheet .sheet-darkerdungeons button[type=roll]:focus { - outline: none; - color: #b61037; } + color: #b61037; + outline: none; } .charsheet .sheet-darkerdungeons button[type=roll]::before { display: none; } -.charsheet .sheet-darkerdungeons input, -.charsheet .sheet-darkerdungeons select, -.charsheet .sheet-darkerdungeons textarea, -.charsheet .sheet-darkerdungeons .uneditable-input { - box-sizing: border-box; - height: auto; - margin-bottom: 6px; - padding: 3px; - width: 100%; } -.charsheet .sheet-darkerdungeons label { - font-size: inherit; - line-height: inherit; - margin: 0; - padding: 0; - width: auto; } -.charsheet .sheet-darkerdungeons select { - cursor: pointer; } -.charsheet .sheet-darkerdungeons .sheet-row { - margin: 0 -3px; } - .charsheet .sheet-darkerdungeons .sheet-row > :last-child { - margin-bottom: 0; } - .charsheet .sheet-darkerdungeons .sheet-row::after { - clear: both; - content: " "; - display: block; } -.charsheet .sheet-darkerdungeons .sheet-col-1, -.charsheet .sheet-darkerdungeons .sheet-col-2, -.charsheet .sheet-darkerdungeons .sheet-col-3, -.charsheet .sheet-darkerdungeons .sheet-col-4, -.charsheet .sheet-darkerdungeons .sheet-col-5, -.charsheet .sheet-darkerdungeons .sheet-col-6, -.charsheet .sheet-darkerdungeons .sheet-col-7, -.charsheet .sheet-darkerdungeons .sheet-col-8, -.charsheet .sheet-darkerdungeons .sheet-col-9, -.charsheet .sheet-darkerdungeons .sheet-col-10, -.charsheet .sheet-darkerdungeons .sheet-col-11, -.charsheet .sheet-darkerdungeons .sheet-col-12 { - box-sizing: border-box; - display: inline-block; - float: left; - padding: 0 3px; } - .charsheet .sheet-darkerdungeons .sheet-col-1 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-2 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-3 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-4 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-5 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-6 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-7 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-8 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-9 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-10 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-11 > :last-child, - .charsheet .sheet-darkerdungeons .sheet-col-12 > :last-child { - margin-bottom: 0; } -.charsheet .sheet-darkerdungeons .sheet-col-1 { - width: 8.33%; } -.charsheet .sheet-darkerdungeons .sheet-col-2 { - width: 16.66%; } -.charsheet .sheet-darkerdungeons .sheet-col-3 { - width: 25%; } -.charsheet .sheet-darkerdungeons .sheet-col-4 { - width: 33.33%; } -.charsheet .sheet-darkerdungeons .sheet-col-5 { - width: 41.66%; } -.charsheet .sheet-darkerdungeons .sheet-col-6 { - width: 50%; } -.charsheet .sheet-darkerdungeons .sheet-col-7 { - width: 58.33%; } -.charsheet .sheet-darkerdungeons .sheet-col-8 { - width: 66.66%; } -.charsheet .sheet-darkerdungeons .sheet-col-9 { - width: 75%; } -.charsheet .sheet-darkerdungeons .sheet-col-10 { - width: 83.33%; } -.charsheet .sheet-darkerdungeons .sheet-col-11 { - width: 91.66%; } -.charsheet .sheet-darkerdungeons .sheet-col-12 { - width: 100%; } - -.charsheet .sheet-darkerdungeons fieldset { - position: relative; } -.charsheet .sheet-darkerdungeons .repcontrol { - display: flex; - flex-direction: row-reverse; - justify-content: space-between; - margin: 6px -6px -3px; - padding: 0 6px; } - .charsheet .sheet-darkerdungeons .repcontrol .btn { - background: none; - font-size: 9px; - min-width: 5rem; - padding: 0; - text-transform: uppercase; - font-weight: bold; - border: 2px solid #575757; - line-height: 14px; } - .charsheet .sheet-darkerdungeons .repcontrol .btn:hover, .charsheet .sheet-darkerdungeons .repcontrol .btn:focus { - color: #b61037; - border-color: #b61037; - outline: none; } -.charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .itemcontrol { - display: flex; - justify-content: center; - align-items: center; - flex-direction: row-reverse; - z-index: 2; - background: rgba(126, 45, 64, 0.25); } -.charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .itemcontrol .btn { - padding: 0; - text-align: center; - width: 36px; - height: 18px; - box-sizing: border-box; - line-height: 16px; } - .charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .itemcontrol .btn:not(:last-child) { - margin-left: 12px; } -.charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .sheet-fieldset-item { - opacity: 0.25; } -.charsheet .sheet-darkerdungeons .repitem:not(:first-of-type) { - border-top: 1px dotted #575757; - padding-top: 6px; - margin-top: 6px; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item { - display: flex; - flex-direction: column; - min-height: 18px; } - .charsheet .sheet-darkerdungeons .sheet-fieldset-item > :last-child { - margin-bottom: 0; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-npctrait input, -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-npcreaction input { - box-sizing: border-box; - width: 100%; - margin-bottom: 1px; - font-weight: bold; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-npctrait textarea, -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-npcreaction textarea { - box-sizing: border-box; - resize: vertical; - width: 100%; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-roll { - background: none; - border: 0; - box-shadow: none; - text-align: left; - width: 100%; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-name { - font-weight: bold; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-attack > :not(:last-child) { - font-style: italic; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-onhit > :first-child { - font-style: italic; } -.charsheet .sheet-darkerdungeons .sheet-panel-fieldset-condensed .repitem { - padding-top: 0; - border-top: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel-fieldset-condensed .repitem:not(:first-of-type) { - margin-top: 3px; } -.charsheet .sheet-darkerdungeons .sheet-panel-fieldset-condensed .sheet-form.sheet-toggle-checked { - border: 2px solid #7e2d40; - padding: 0 3px 3px; - border-radius: 6px; } - .charsheet .sheet-darkerdungeons .sheet-panel-fieldset-condensed .sheet-form.sheet-toggle-checked .sheet-form-title { - margin-left: -3px; - margin-right: -3px; - border-radius: 0; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-tool .sheet-toggle-unchecked button { - display: flex; - border: 0; - background: none; - box-shadow: none; - width: 100%; - padding-right: 24px; } - .charsheet .sheet-darkerdungeons .sheet-fieldset-item-tool .sheet-toggle-unchecked button > span { - background: #eeeeee; - font-size: 9px; - font-weight: bold; - padding: 0 6px; - margin-left: 3px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - .charsheet .sheet-darkerdungeons .sheet-fieldset-item-tool .sheet-toggle-unchecked button > span:first-child { - flex-grow: 1; - margin-left: 0; - text-align: left; } - .charsheet .sheet-darkerdungeons .sheet-fieldset-item-tool .sheet-toggle-unchecked button > :nth-child(2) { - width: 10%; - padding: 0; - flex-shrink: 0; } - .charsheet .sheet-darkerdungeons .sheet-fieldset-item-tool .sheet-toggle-unchecked button > :nth-child(4) { - width: 40%; - padding: 0; - text-align: center; - flex-shrink: 0; } -.charsheet .sheet-darkerdungeons .sheet-fieldset-item-proficiency .sheet-toggle-unchecked button { - display: flex; - border: 0; - background: none; - box-shadow: none; - width: 100%; - padding-right: 24px; } - .charsheet .sheet-darkerdungeons .sheet-fieldset-item-proficiency .sheet-toggle-unchecked button > span:first-child { - background: #eeeeee; - font-size: 9px; - font-weight: bold; - padding: 0 6px; - margin-right: 3px; - width: 30%; - text-align: center; - flex-shrink: 0; } - .charsheet .sheet-darkerdungeons .sheet-fieldset-item-proficiency .sheet-toggle-unchecked button > span:last-child { - background: #eeeeee; - font-size: 9px; - font-weight: bold; - padding: 0 6px; - text-align: left; - flex-grow: 1; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - -.charsheet .sheet-darkerdungeons .sheet-form > :last-child { - margin-bottom: 0; } -.charsheet .sheet-darkerdungeons .sheet-form.sheet-form-sm input, -.charsheet .sheet-darkerdungeons .sheet-form.sheet-form-sm select { - font-size: 11px; - height: 18px; } -.charsheet .sheet-darkerdungeons .sheet-form.sheet-form-sm label { - font-size: 9px; - letter-spacing: 0; } -.charsheet .sheet-darkerdungeons .sheet-form input, -.charsheet .sheet-darkerdungeons .sheet-form select { - box-sizing: border-box; - font-size: 13px; - height: 22px; - margin: 0; - padding: 0 3px; - width: 100%; - min-width: 1px; } -.charsheet .sheet-darkerdungeons .sheet-form label { - font-size: 11px; - font-weight: bold; - line-height: 2; - letter-spacing: -0.25px; - font-variant: small-caps; - min-width: 1px; } -.charsheet .sheet-darkerdungeons .sheet-form textarea { - resize: vertical; - min-width: 1px; } -.charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group { - align-items: center; - display: flex; } - .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group.sheet-form-group-column { - flex-direction: column; - align-items: flex-start; } - .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group.sheet-form-group-column > :not(:first-child) { - margin-left: 0; } - .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group:not(:last-child) { - margin-bottom: 3px; } - .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group > * { - margin-bottom: 0; } - .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group > :not(:first-child) { - margin-left: 6px; } - .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group > input[type="checkbox"] { - width: auto; - flex-grow: 0; - height: 18px; - flex-shrink: 0; } - .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group label { - flex-shrink: 0; } -.charsheet .sheet-darkerdungeons .sheet-form .sheet-form-title { - background: #7e2d40; - border-radius: 6px; - font-weight: bold; - line-height: 18px; - margin-bottom: 3px; - text-align: center; - color: white; - font-variant: small-caps; } -.charsheet .sheet-darkerdungeons .sheet-form-fieldset { - margin: 6px 0; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset.sheet-form-fieldset-sm .repitem:not(:first-of-type) { - border: none; - padding: 0; - margin-top: 3px; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset.sheet-form-fieldset-sm .repitem:not(:first-of-type) .itemcontrol { - border: none; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset.sheet-form-fieldset-nested { - margin: 6px -6px 0; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset.sheet-form-fieldset-nested .sheet-form-fieldset-body { - border: 0; - margin-bottom: -6px; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset.sheet-form-fieldset-nested .sheet-form-fieldset-header { - border-top: 2px solid #575757; - border-left: none; - border-right: none; - border-radius: 0; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset .sheet-form-fieldset-body { - border-radius: 0 0 6px 6px; - border: 1px solid #cccccc; - border-top: none; - padding: 3px 6px; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset .sheet-form-fieldset-body:not(:last-child) { - margin-bottom: 3px; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset .sheet-form-fieldset-body > :last-child { - margin-bottom: 0; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset .sheet-form-fieldset-body .repcontainer > :first-child { - margin-top: 3px; } - .charsheet .sheet-darkerdungeons .sheet-form-fieldset .sheet-form-fieldset-header { - background: #eeeeee; - border-radius: 6px 6px 0 0; - border: 1px solid #cccccc; - border-bottom: 1px dotted #cccccc; - font-size: 9px; - font-weight: bold; - letter-spacing: 0.25px; - line-height: 2; - text-align: center; - font-variant: small-caps; } -.charsheet .sheet-darkerdungeons .sheet-form-save-modifier .sheet-fieldset-item .sheet-toggle-unchecked, -.charsheet .sheet-darkerdungeons .sheet-form-tool-modifier .sheet-fieldset-item .sheet-toggle-unchecked { - padding-right: 24px; } -.charsheet .sheet-darkerdungeons .sheet-form-save-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group, -.charsheet .sheet-darkerdungeons .sheet-form-tool-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group, -.charsheet .sheet-darkerdungeons .sheet-form-attack-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group, -.charsheet .sheet-darkerdungeons .sheet-form-damage-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group { - display: flex; - width: 100%; } - .charsheet .sheet-darkerdungeons .sheet-form-save-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span, - .charsheet .sheet-darkerdungeons .sheet-form-tool-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span, - .charsheet .sheet-darkerdungeons .sheet-form-attack-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span, - .charsheet .sheet-darkerdungeons .sheet-form-damage-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span { - flex-grow: 1; - background: #eeeeee; - font-size: 11px; - padding: 0 3px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - .charsheet .sheet-darkerdungeons .sheet-form-save-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span:not(:first-of-type), - .charsheet .sheet-darkerdungeons .sheet-form-tool-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span:not(:first-of-type), - .charsheet .sheet-darkerdungeons .sheet-form-attack-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span:not(:first-of-type), - .charsheet .sheet-darkerdungeons .sheet-form-damage-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span:not(:first-of-type) { - margin-left: 3px; } -.charsheet .sheet-darkerdungeons .sheet-form-damage-modifier .sheet-fieldset-item .sheet-toggle-unchecked .sheet-form-group span { - width: 100%; } - -.charsheet .sheet-darkerdungeons .sheet-toggle ~ .sheet-toggle-checked { - display: none; } -.charsheet .sheet-darkerdungeons .sheet-toggle ~ .sheet-toggle-unchecked { - display: block; } -.charsheet .sheet-darkerdungeons .sheet-toggle:checked ~ .sheet-toggle-checked { - display: block; } -.charsheet .sheet-darkerdungeons .sheet-toggle:checked ~ .sheet-toggle-unchecked { - display: none; } -.charsheet .sheet-darkerdungeons .sheet-checkbox { - display: flex; - align-items: center; } - .charsheet .sheet-darkerdungeons .sheet-checkbox:hover { - cursor: pointer; } - .charsheet .sheet-darkerdungeons .sheet-checkbox input { - width: auto; - margin: 0 3px 0 0; } -.charsheet .sheet-darkerdungeons .sheet-radio { - display: flex; - align-items: center; } - .charsheet .sheet-darkerdungeons .sheet-radio:hover { - cursor: pointer; } - .charsheet .sheet-darkerdungeons .sheet-radio input { - width: auto; - margin: 0 3px 0 0; } -.charsheet .sheet-darkerdungeons .sheet-checkbox-cog { - height: 18px; - width: 18px; - display: inline-block; - position: absolute; - right: 0; } - .charsheet .sheet-darkerdungeons .sheet-checkbox-cog input { +.charsheet .sheet-darkerdungeons .sheet-checkbox-image { + height: 14px; + overflow: hidden; + position: relative; + width: 14px; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-image [type=checkbox] { height: 100%; - width: 100%; - margin: 0; + left: 0; opacity: 0; - position: relative; - z-index: 1; } - .charsheet .sheet-darkerdungeons .sheet-checkbox-cog input:checked ~ span { - opacity: 1; - border: none; - color: white; } - .charsheet .sheet-darkerdungeons .sheet-checkbox-cog span { - height: 100%; - width: 100%; position: absolute; top: 0; - left: 0; - display: flex; - align-items: center; - justify-content: center; - opacity: .25; - font-family: 'Pictos'; - font-size: 13px; - border: 1px solid black; - border-radius: 50%; - box-sizing: border-box; } -.charsheet .sheet-darkerdungeons .sheet-text-center { - text-align: center; } -.charsheet .sheet-darkerdungeons .sheet-display-brackets::after { - content: ")"; } -.charsheet .sheet-darkerdungeons .sheet-display-brackets::before { - content: "("; } -.charsheet .sheet-darkerdungeons .sheet-display-brackets-xp::after { - content: " XP)"; } -.charsheet .sheet-darkerdungeons .sheet-display-brackets-xp::before { - content: "("; } -.charsheet .sheet-darkerdungeons .sheet-value-negative[value="0"] + *::before { - content: "+"; } -.charsheet .sheet-darkerdungeons .sheet-field-toggle:not([value]) + *, -.charsheet .sheet-darkerdungeons .sheet-field-toggle[value=""] + *, -.charsheet .sheet-darkerdungeons .sheet-field-toggle[value="0"] + *, -.charsheet .sheet-darkerdungeons .sheet-field-toggle[value="hide"] + * { - display: none; } -.charsheet .sheet-darkerdungeons .sheet-hidden { - display: none; } -.charsheet .sheet-darkerdungeons .sheet-btn-text { - white-space: normal; - text-align: left; } -.charsheet .sheet-darkerdungeons .sheet-well { - background: #cccccc; - padding: 6px; - margin-bottom: 6px; - border-radius: 6px; } - .charsheet .sheet-darkerdungeons .sheet-well > :last-child { - margin-bottom: 0; } -.charsheet .sheet-darkerdungeons .sheet-margin-top { - margin-top: 6px; } -.charsheet .sheet-darkerdungeons .sheet-margin-bottom-lg { - margin-top: 12px; } -.charsheet .sheet-darkerdungeons .sheet-list-unstyled { - list-style: none; - margin: 0; } -.charsheet .sheet-darkerdungeons .sheet-input-overlay { - opacity: 0; - position: absolute; - left: 0; - height: 23px; } - .charsheet .sheet-darkerdungeons .sheet-input-overlay:focus { - opacity: 1; } - .charsheet .sheet-darkerdungeons .sheet-input-overlay:focus + span { - opacity: 0; } -.charsheet .sheet-darkerdungeons .sheet-alert-warning { - padding: 6px; - border-radius: 6px; - background: #c30000; - color: white; - font-size: 9px; - line-height: 15px; - text-align: center; - margin-bottom: 6px; } -.charsheet .sheet-darkerdungeons .sheet-attack-button { - display: flex; - background: none; - box-shadow: none; - margin: 0; - padding: 0; - border: 0; } - .charsheet .sheet-darkerdungeons .sheet-attack-button > span { - background: #eeeeee; - margin-left: 3px; } - .charsheet .sheet-darkerdungeons .sheet-attack-button > span:first-child { - margin-left: 0; - flex-grow: 1; } -.charsheet .sheet-darkerdungeons .sheet-equipment-container { - display: flex; - background: #7e2d40; - color: white; - font-variant: small-caps; - justify-content: space-between; - border-radius: 6px; - padding: 0 6px; - margin-right: 24px; - font-weight: bold; } -.charsheet .sheet-darkerdungeons .sheet-toggle-unchecked.sheet-item { - display: flex; - justify-content: space-between; - padding-right: 24px; } - .charsheet .sheet-darkerdungeons .sheet-toggle-unchecked.sheet-item > :first-child { - flex-grow: 1; - background: #eeeeee; - padding: 0 6px; - margin-right: 3px; - border-radius: 6px; } - .charsheet .sheet-darkerdungeons .sheet-toggle-unchecked.sheet-item > :nth-child(2), - .charsheet .sheet-darkerdungeons .sheet-toggle-unchecked.sheet-item > :nth-child(3) { - width: 65px; - background: #eeeeee; - padding: 0 6px; - margin-right: 3px; - border-radius: 6px; - font-size: 11px; - font-variant: small-caps; - text-align: center; } - .charsheet .sheet-darkerdungeons .sheet-toggle-unchecked.sheet-item > :last-child { - flex-grow: 0; - width: 90px; - margin: 0; - height: 18px; - padding: 0; - font-size: 11px; } -.charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc { - display: block; - width: 350px; - margin: 0 auto; - margin-top: 6px; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-section-pc-header { - display: none; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tabs { - margin-top: 0; - width: 350px; - min-height: 0; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab { - display: none; - position: relative; width: 100%; - margin: 0 auto; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab > :first-child { - display: none; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab .sheet-tab-label, - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab .sheet-tab-content { - display: none; - position: relative; - padding: 0; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) { - display: block; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content { + z-index: 1; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-image [type=checkbox]:hover ~ span, .charsheet .sheet-darkerdungeons .sheet-checkbox-image [type=checkbox]:focus ~ span { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-image [type=checkbox]:checked ~ span { + background: gainsboro; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-image [type=checkbox]:checked ~ span::after { + content: ''; display: block; - top: 0; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :first-child { - display: none; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) { - background: none; - padding: 0; - margin-bottom: 0; - border-radius: 0; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4 { - width: 100%; - margin-bottom: 6px; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4:last-of-type { - margin-bottom: 0; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4 .sheet-panel-spells { - border: 1px solid #cccccc; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4 .sheet-panel-spells .sheet-spells-category { - background: none; - padding: 0; - border-radius: 0; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4 .sheet-panel-spells .sheet-spells-category, - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4 .sheet-panel-spells .sheet-spells-slots > * { - font-size: 11px; - line-height: 18px; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4 .sheet-panel-spells .repcontrol .btn { - border: 1px solid #cccccc; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4 .sheet-panel-spells .sheet-panel-header { - border-bottom: 1px dotted #cccccc; - padding-left: 6px; - padding-right: 6px; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content > :nth-child(2) > .sheet-row > .sheet-col-4 .sheet-panel-spells .repcontrol { - border-top: 1px dotted #cccccc; } - .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-panel-spells { - min-height: 61px; } + height: 100%; + width: 100%; + border-radius: 100%; + background: #353535; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-image span { + overflow: hidden; + padding: 2px; + background: white; + border-radius: 100%; + border: 1px solid #272727; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100% !important; } + .charsheet .sheet-darkerdungeons .sheet-compendium-drop-target.dropping { background: none; position: relative; } @@ -596,786 +93,607 @@ opacity: .5; border-radius: 6px; } .charsheet .sheet-darkerdungeons .sheet-compendium-drop-target.dropping .sheet-section-npc::before { - width: 350px; } + width: 385px; } .charsheet .sheet-darkerdungeons .sheet-compendium-drop-target.dropping .sheet-section-pc::before { width: 800px; } -.charsheet .sheet-darkerdungeons .sheet-panel { - border-radius: 6px; - border: 2px solid #575757; - margin-bottom: 6px; - overflow: hidden; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-body { - padding: 6px; - background: white; - position: relative; - flex-grow: 1; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-body > :last-child { - margin-bottom: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-body > .sheet-checkbox-cog { - right: 6px; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-body.sheet-panel-body-flex { - display: flex; - flex-direction: column; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-body.sheet-panel-body-flex .repcontainer { - flex-grow: 1; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-body.sheet-panel-body-flex .repcontrol { - margin-bottom: -3px; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-body.sheet-panel-body-flex .sheet-form-fieldset-nested .repcontrol { - margin-bottom: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-header { - border-bottom: 1px dotted #575757; - text-align: center; - background: #eeeeee; - font-variant: small-caps; - font-weight: bold; - font-size: 9px; - line-height: 1; - padding: 3px 3px 2px; - position: relative; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-header > button { - background: none; - border: 0; - box-shadow: none; - text-shadow: none; - font-weight: bold; - flex-grow: 1; - white-space: normal; - line-height: inherit; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-header > select { - background: none; - border: 0; - font-weight: bold; - flex-grow: 1; - font-size: inherit; - line-height: inherit; - margin: 0; - padding: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-header > select option { - font-size: 13px; } - .charsheet .sheet-darkerdungeons .sheet-panel .sheet-panel-header > input { - background: none; - border: 0; - font-weight: bold; - flex-grow: 1; - font-size: inherit; - line-height: inherit; - margin: 0; - padding: 0; - text-align: center; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box { - height: 78px; - display: flex; - flex-direction: column; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box .sheet-panel-body { - flex-grow: 1; - padding: 0; - display: flex; - align-items: stretch; - justify-content: stretch; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box .sheet-panel-body > input, - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box .sheet-panel-body > span { - text-align: center; - font-size: 30px; - border: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box .sheet-panel-body > select { - font-size: 20px; - border: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box .sheet-panel-body > select option { - font-size: 13px; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box .sheet-panel-body > span { - width: 100%; - text-align: center; - align-self: center; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box .sheet-panel-header { - flex-grow: 0; - min-height: 24px; - align-items: center; - display: flex; - justify-content: center; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box.sheet-panel-total .sheet-panel-body > * { - margin-bottom: 0; - font-weight: bold; - font-size: 13px; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-box.sheet-panel-total .sheet-panel-body > span { - width: 10px; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline { - display: flex; - align-items: stretch; - height: 36px; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline .sheet-panel-left { - display: flex; - overflow: hidden; - width: 61px; - flex-shrink: 0; - flex-grow: 0; - align-items: center; - justify-content: center; - background: white; - border-right: 2px solid #575757; - font-size: 20px; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline .sheet-panel-left > input[type="checkbox"] { - flex-grow: 0; - width: auto; - margin: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline .sheet-panel-right { - display: flex; - overflow: hidden; - width: 61px; - flex-shrink: 0; - flex-grow: 0; - align-items: center; - justify-content: center; - background: white; - border-left: 2px solid #575757; - font-size: 20px; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline .sheet-panel-right > input[type="checkbox"] { - flex-grow: 0; - width: auto; - margin: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline .sheet-panel-right > input[type="text"] { - align-self: stretch; - margin: 0; - padding: 0; - text-align: center; - font-size: 20px; - border: 0; - border-radius: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline .sheet-panel-right.sheet-panel-right-lg { - width: 161px; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline .sheet-panel-right.sheet-panel-right-md { - width: 92px; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-inline .sheet-panel-body { - font-weight: bold; - text-align: center; - font-variant: small-caps; - font-size: 9px; - overflow: hidden; - text-overflow: ellipsis; - flex-grow: 1; - display: flex; - justify-content: center; - align-items: center; - padding: 6px 12px; - line-height: 1; - background: #eeeeee; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-hit-dice .sheet-panel-body input, .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-hit-points .sheet-panel-body input { - font-size: 30px !important; - font-weight: normal !important; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-hit-dice .sheet-panel-body span, .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-hit-points .sheet-panel-body span { - font-size: 20px !important; - font-weight: normal !important; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-death .sheet-panel-body { - align-items: center; - justify-content: center; } - .charsheet .sheet-darkerdungeons .sheet-panel.sheet-panel-death .sheet-panel-body input[type="checkbox"] { - margin: 0; - width: auto; } -.charsheet .sheet-darkerdungeons .sheet-panel-attribute { - overflow: visible; - margin-bottom: 17px; } - .charsheet .sheet-darkerdungeons .sheet-panel-attribute .sheet-panel-header { - border-radius: 6px 6px 0 0; } - .charsheet .sheet-darkerdungeons .sheet-panel-attribute .sheet-panel-header button { - font-weight: inherit; - font-size: inherit; - margin: 0; - padding: 0; - border: 0; + background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-attribute-bg.png"); +.charsheet .sheet-darkerdungeons .sheet-container-attribute { + background-size: 100% 100%; + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 15px auto 29px; + height: 85px; + width: 75px; } + .charsheet .sheet-darkerdungeons .sheet-container-attribute .sheet-container-header button { background: none; - font-variant: small-caps; - width: 100%; - line-height: 1; - align-self: stretch; + border: 0; box-shadow: none; - white-space: normal; } - .charsheet .sheet-darkerdungeons .sheet-panel-attribute .sheet-panel-body { + font-size: 8px; + font-weight: bold; + text-transform: uppercase; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-container-attribute .sheet-container-body { + display: flex; font-size: 30px; - text-align: center; - line-height: 1; - padding: 7px 6px 4px; } - .charsheet .sheet-darkerdungeons .sheet-panel-attribute .sheet-panel-footer input { - margin: 0; - text-align: center; - border: 2px solid #575757; - border-radius: 3cm / 2cm; - width: 40px; - font-size: 18px; - height: 28px; - box-sizing: border-box; - padding: 0; - margin-bottom: -14px; } - .charsheet .sheet-darkerdungeons .sheet-panel-attribute .sheet-panel-footer { - display: flex; - background: white; - border-radius: 0 0 6px 6px; + align-items: center; justify-content: center; } -.charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-saving-throw, -.charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-skill, -.charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-saving-throw, -.charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-skill { - display: flex; - align-items: center; } - .charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-saving-throw input, - .charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-skill input, - .charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-saving-throw input, - .charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-skill input { - width: auto; - flex-grow: 0; - margin: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-saving-throw span, - .charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-skill span, - .charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-saving-throw span, - .charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-skill span { - flex-grow: 0; - width: 20px; - text-align: center; - font-weight: bold; - font-size: 11px; } - .charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-saving-throw button, - .charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-skill button, - .charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-saving-throw button, - .charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-skill button { - flex-grow: 1; - text-align: left; - border: 0; - background: none; - box-shadow: none; - height: 18px; - font-size: 11px; } - .charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-saving-throw button span, - .charsheet .sheet-darkerdungeons .sheet-panel-saving-throws .sheet-panel-skill button span, - .charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-saving-throw button span, - .charsheet .sheet-darkerdungeons .sheet-panel-skills .sheet-panel-skill button span { - font-size: 9px; - width: auto; - opacity: .5; } -.charsheet .sheet-darkerdungeons .sheet-panel-stress-status { - font-size: 11px; - min-height: 78px; - display: flex; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status .sheet-checkbox { - width: 100%; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status strong { - margin-right: 2px; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status span { - display: flex; - align-self: stretch; - align-items: center; - width: 100%; - border-radius: 3px; - padding: 0 1px; - height: 13px; - font-weight: normal; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status input[type=checkbox]:checked + span { - color: white; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status li:not(:first-of-type) { - margin-top: 3px; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status li:nth-of-type(1) input[type=checkbox]:checked + span { - background: #cfb401; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status li:nth-of-type(2) input[type=checkbox]:checked + span { - background: #cf7d01; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status li:nth-of-type(3) input[type=checkbox]:checked + span { - background: #cf4601; } - .charsheet .sheet-darkerdungeons .sheet-panel-stress-status li:nth-of-type(4) input[type=checkbox]:checked + span { - background: #cf0101; } -.charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-radio { - width: 100%; } - .charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-radio label:hover { - background: #eeeeee; } - .charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-radio input[type=radio]:checked + span { - background: #cf0101; - color: white; - display: flex; - align-self: stretch; - align-items: center; - width: 100%; - padding-left: 1px; - border-radius: 3px; } -.charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-panel-body li { - display: flex; - align-items: center; } - .charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-panel-body li:nth-of-type(1) input[type=radio]:checked + span { - background: #46cf01; } - .charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-panel-body li:nth-of-type(2) input[type=radio]:checked + span { - background: #7dcf01; } - .charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-panel-body li:nth-of-type(3) input[type=radio]:checked + span { - background: #b4cf01; } - .charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-panel-body li:nth-of-type(4) input[type=radio]:checked + span { - background: #cfb401; } - .charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-panel-body li:nth-of-type(5) input[type=radio]:checked + span { - background: #cf7d01; } - .charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-panel-body li:nth-of-type(6) input[type=radio]:checked + span { - background: #cf4601; } -.charsheet .sheet-darkerdungeons .sheet-panel-conditions .sheet-radio { - font-size: 9px; - line-height: 14px; - font-weight: normal; } -.charsheet .sheet-darkerdungeons .sheet-panel-attacks { - min-height: 258px; - display: flex; - flex-direction: column; } - .charsheet .sheet-darkerdungeons .sheet-panel-attacks .sheet-toggle-unchecked { - display: flex; - padding-right: 24px; } - .charsheet .sheet-darkerdungeons .sheet-panel-attacks .sheet-toggle-unchecked button { - flex-grow: 1; - font-size: 11px; } - .charsheet .sheet-darkerdungeons .sheet-panel-attacks .sheet-toggle-unchecked button > * { - padding: 0 3px; - font-weight: bold; - overflow: hidden; - text-overflow: ellipsis; } - .charsheet .sheet-darkerdungeons .sheet-panel-attacks .sheet-toggle-unchecked button > :nth-child(1) { - width: 50%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - text-align: left; } - .charsheet .sheet-darkerdungeons .sheet-panel-attacks .sheet-toggle-unchecked button > :nth-child(2) { - width: 20%; } - .charsheet .sheet-darkerdungeons .sheet-panel-attacks .sheet-toggle-unchecked button > :nth-child(3) { - width: 30%; } -.charsheet .sheet-darkerdungeons .sheet-panel-tools { - min-height: 86px; - display: flex; - flex-direction: column; } -.charsheet .sheet-darkerdungeons .sheet-panel-proficiencies { - min-height: 167px; - display: flex; - flex-direction: column; } -.charsheet .sheet-darkerdungeons .sheet-panel-spells { - min-height: 233px; - display: flex; - flex-direction: column; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells.sheet-panel-spells-sm { - min-height: 173px; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-panel-header { - display: flex; - align-items: center; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spells-category { - background: #cccccc; - padding: 3px 6px; - font-size: 13px; - border-radius: 3px; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spells-slots { - flex-grow: 1; - display: flex; - justify-content: flex-end; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spells-slots > * { - margin-left: 3px; - font-size: 13px; - line-height: 18px; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spells-slots input { + .charsheet .sheet-darkerdungeons .sheet-container-attribute .sheet-container-footer { + padding: 5px 22px 5px; } + .charsheet .sheet-darkerdungeons .sheet-container-attribute .sheet-container-footer input { background: none; - border: none; - text-align: right; - padding: 0; - margin: 0; - width: 3rem; - font-weight: bold; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spell-display { - padding: 0; - display: flex; - padding-right: 24px; - align-items: center; - justify-content: stretch; - width: 100%; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spell-display input[type="checkbox"] { - width: auto; - margin: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spell-display .sheet-spell-display-button { - margin-left: 6px; - background: none; - width: 100%; border: 0; box-shadow: none; - display: flex; - justify-content: space-between; - font-size: 11px; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spell-display .sheet-spell-display-name { + font-weight: bold; + padding: 0; + text-align: center; + width: 100%; + border-radius: 100%; } + .charsheet .sheet-darkerdungeons .sheet-container-attribute .sheet-container-footer input:hover, .charsheet .sheet-darkerdungeons .sheet-container-attribute .sheet-container-footer input:focus { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-container-attribute .sheet-container-footer span { + display: none; } + +.charsheet .sheet-darkerdungeons .sheet-container-bar { + display: flex; + height: 30px; + position: relative; + z-index: 0; } + .charsheet .sheet-darkerdungeons .sheet-container-bar::before { + border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-bar-border.png") 103 103 103 103 fill stretch; + border-style: solid; + border-width: 30px 30px 0; + box-sizing: border-box; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; } + .charsheet .sheet-darkerdungeons .sheet-container-bar.sheet-container-bar-left { + flex-direction: row-reverse; } + .charsheet .sheet-darkerdungeons .sheet-container-bar.sheet-container-bar-left .sheet-container-header::after { + left: -12px; + right: auto; + transform: scaleX(-1); } + .charsheet .sheet-darkerdungeons .sheet-container-bar .sheet-container-header { + align-items: center; + align-self: stretch; + display: flex; + flex-grow: 1; + font-size: 8px; + font-weight: bold; + justify-content: center; + position: relative; + text-transform: uppercase; + vertical-align: middle; } + .charsheet .sheet-darkerdungeons .sheet-container-bar .sheet-container-header::after { + background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-bar-spacer.png"); + background-size: 100% 100%; + content: ''; + display: inline-block; + height: 30px; + position: absolute; + right: -14px; + width: 19px; } + .charsheet .sheet-darkerdungeons .sheet-container-bar .sheet-container-body { + align-items: center; + display: flex; + justify-content: center; + padding: 0 10px 0 12px; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-container-bar .sheet-container-body [type="text"] { + border: 0; + text-align: center; + width: 100%; } + +.charsheet .sheet-darkerdungeons .sheet-container-box { + display: flex; + flex-direction: column-reverse; + min-height: 65px; + position: relative; + z-index: 0; + min-width: 0; + overflow: hidden; } + .charsheet .sheet-darkerdungeons .sheet-container-box::before { + border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-box-border.png") 50 50 50 50 fill stretch; + border-style: solid; + border-width: 15px 15px; + box-sizing: border-box; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-header { + font-size: 8px; + font-weight: bold; + line-height: 1; + margin-left: 2px; + margin-right: 2px; + padding: 0 5px 5px; + text-align: center; + text-transform: uppercase; + min-height: 21px; + display: flex; + align-items: flex-end; + justify-content: center; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-header button { + background: none; + border: 0; + font-size: inherit; + font-weight: inherit; + line-height: inherit; + text-transform: inherit; + white-space: normal; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-header button:active { + box-shadow: none; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-header + .sheet-container-body { + padding-bottom: 0; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-header select { + background: none; + border: 0; + cursor: pointer; + font-size: inherit; + font-weight: inherit; + line-height: inherit; + margin: 0; + padding: 0; + text-transform: inherit; + white-space: normal; + width: auto; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-header select:active { + box-shadow: none; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-body { + box-sizing: border-box; + display: flex; + flex-direction: row; + flex-grow: 1; + padding: 5px 10px 0; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-body [type="text"], + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-body select { + border-color: rgba(255, 255, 255, 0); flex-grow: 1; - text-align: left; } - .charsheet .sheet-darkerdungeons .sheet-panel-spells .sheet-spell-display .sheet-spell-display-components { + line-height: 13px; + margin: 0; + padding: 0; + text-align: center; + width: 100%; + min-width: 0; + color: black; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-body input, + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-body span { + font-size: 24px; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-body span { display: flex; - opacity: .5; } -.charsheet .sheet-darkerdungeons .sheet-panel-skill-options select { - width: 31%; - flex-shrink: 0; } -.charsheet .sheet-darkerdungeons .sheet-panel-body-nested { + align-items: center; + justify-content: center; + flex-grow: 1; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-body select { + cursor: pointer; + height: 100%; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-container-footer { + color: #bab8b8; + font-size: 8px; + font-weight: bold; + line-height: 10px; + padding-top: 6px; + text-transform: uppercase; + box-sizing: border-box; + min-height: 21px; + margin-bottom: -5px; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-form-inline { + border: 0; + margin-left: -5px; + margin-right: -5px; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-form-inline:not(:first-child) { + margin-top: 5px; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-form-inline > .sheet-form-header { + background: #dddddd; + color: inherit; + font-size: 9px; + line-height: 14px; } + .charsheet .sheet-darkerdungeons .sheet-container-box .sheet-form-inline > .sheet-form-body { + padding-bottom: 0; } + +.charsheet .sheet-darkerdungeons .sheet-container-counter { + display: flex; + flex-direction: row-reverse; + height: 30px; + position: relative; + z-index: 0; } + .charsheet .sheet-darkerdungeons .sheet-container-counter::before { + border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-proficiency-border.png") 143 145 143 145 fill stretch; + border-style: solid; + border-width: 42px 42px 0; + box-sizing: border-box; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: -6px; + top: 0; + width: 100%; + z-index: -1; } + .charsheet .sheet-darkerdungeons .sheet-container-counter .sheet-container-header { + align-items: center; + display: flex; + flex-grow: 1; + font-size: 8px; + font-weight: bold; + justify-content: center; + text-transform: uppercase; } + .charsheet .sheet-darkerdungeons .sheet-container-counter .sheet-container-body { + align-items: center; + display: flex; + justify-content: center; + text-align: center; + width: 39px; } + +.charsheet .sheet-darkerdungeons .sheet-container-panel { display: flex; flex-direction: column; - flex-grow: 1; } -.charsheet .sheet-darkerdungeons .sheet-panel-wounds { - min-height: 162px; - display: flex; - flex-direction: column; } - .charsheet .sheet-darkerdungeons .sheet-panel-wounds .sheet-form-group > *:not(:first-child) { - margin-left: 3px; } - .charsheet .sheet-darkerdungeons .sheet-panel-wounds .sheet-form-group > span { - width: 20px; - text-align: center; - flex-grow: 0; - flex-shrink: 0; - font-weight: bold; } - .charsheet .sheet-darkerdungeons .sheet-panel-wounds .sheet-form-group .sheet-radio input { - margin-right: 0; } - .charsheet .sheet-darkerdungeons .sheet-panel-wounds .sheet-form-group select { - width: 55px; - flex-grow: 0; - flex-shrink: 0; - padding: 0; } -.charsheet .sheet-darkerdungeons .sheet-panel-afflictions { - min-height: 120px; - display: flex; - flex-direction: column; } -.charsheet .sheet-darkerdungeons .sheet-panel-custom-class, -.charsheet .sheet-darkerdungeons .sheet-panel-class-options { - min-height: 251px; - display: flex; - flex-direction: column; } -.charsheet .sheet-darkerdungeons .sheet-panel-general-options, -.charsheet .sheet-darkerdungeons .sheet-panel-skill-options { - min-height: 538px; - display: flex; - flex-direction: column; } -.charsheet .sheet-darkerdungeons .sheet-panel-attribute-options { - min-height: 336px; - display: flex; - flex-direction: column; } -.charsheet .sheet-darkerdungeons .sheet-panel-spell-symbols .sheet-panel-body { - font-size: 11px; - line-height: 15px; - text-align: center; - min-height: 59px; } -.charsheet .sheet-darkerdungeons .sheet-panel-features { - min-height: 807px; - display: flex; - flex-direction: column; } - .charsheet .sheet-darkerdungeons .sheet-panel-features .sheet-toggle-unchecked button { - width: 100%; - background: none; - font-weight: bold; - border: 0; - box-shadow: none; - text-align: left; - padding-right: 24px; } - .charsheet .sheet-darkerdungeons .sheet-panel-features .sheet-toggle-unchecked button span { - background: #7e2d40; - padding: 0 6px; - text-align: center; - color: white; - line-height: 18px; - display: block; - border-radius: 6px; - text-shadow: none; - font-variant: small-caps; } - .charsheet .sheet-darkerdungeons .sheet-panel-features .sheet-toggle-unchecked > div:first-of-type { - font-size: 11px; - font-variant: small-caps; - font-weight: bold; - margin-top: 3px; } - .charsheet .sheet-darkerdungeons .sheet-panel-features .sheet-toggle-unchecked > div:first-of-type > :first-child { - background: #eeeeee; - padding: 0 3px; } - .charsheet .sheet-darkerdungeons .sheet-panel-features .sheet-toggle-unchecked > :last-child span { - font-size: 11px; - white-space: pre-line; - display: block; } -.charsheet .sheet-darkerdungeons .sheet-panel-equipment { - min-height: 807px; - display: flex; - flex-direction: column; } -.charsheet .sheet-darkerdungeons .sheet-panel-additional-notes { - min-height: 598px; - display: flex; - flex-direction: column; } - .charsheet .sheet-darkerdungeons .sheet-panel-additional-notes .repcontainer { - column-count: 2; } - .charsheet .sheet-darkerdungeons .sheet-panel-additional-notes .repcontainer .sheet-fieldset-item { - display: inline-block; } - .charsheet .sheet-darkerdungeons .sheet-panel-additional-notes .repcontainer .sheet-fieldset-item input { - margin-bottom: 1px; - border: 0; - font-weight: bold; - font-variant: small-caps; - border-radius: 6px; - background: #7e2d40; - color: white; - text-align: center; - line-height: 18px; - padding: 0 6px; } - .charsheet .sheet-darkerdungeons .sheet-panel-additional-notes .repcontainer .sheet-fieldset-item textarea { - resize: vertical; - font-size: 11px; - line-height: 1.25; } - .charsheet .sheet-darkerdungeons .sheet-panel-additional-notes .repitem:not(:first-of-type) { - border-top: none; - padding-top: 0; - margin-top: 0; } -.charsheet .sheet-darkerdungeons .sheet-panel-equipment-extras { - min-height: 590px; - display: flex; - flex-direction: column; } - .charsheet .sheet-darkerdungeons .sheet-panel-equipment-extras .sheet-panel-body { - display: flex; } - .charsheet .sheet-darkerdungeons .sheet-panel-equipment-extras .sheet-form-group { - display: flex; - justify-content: stretch; - align-items: stretch; - flex-grow: 1; } -.charsheet .sheet-darkerdungeons .sheet-panel-stress-modifier .sheet-panel-left { - width: 78px !important; } -.charsheet .sheet-darkerdungeons .sheet-panel-purse input { - text-align: center; } -.charsheet .sheet-darkerdungeons .sheet-panel-afflictions .sheet-fieldset-item .sheet-form-group input, -.charsheet .sheet-darkerdungeons .sheet-panel-afflictions .sheet-fieldset-item .sheet-form-group select { - font-size: 11px; - height: 18px; } -.charsheet .sheet-darkerdungeons .sheet-panel-afflictions .sheet-fieldset-item .sheet-form-group select { - padding: 0; - width: 50px; - flex-grow: 0; - flex-shrink: 0; } -.charsheet .sheet-darkerdungeons .sheet-panel-afflictions .sheet-fieldset-item .sheet-form-group > :nth-child(2), -.charsheet .sheet-darkerdungeons .sheet-panel-afflictions .sheet-fieldset-item .sheet-form-group > :nth-child(4) { - width: 25px; - flex-grow: 0; - flex-shrink: 0; - text-align: center; } -.charsheet .sheet-darkerdungeons .sheet-panel-afflictions .sheet-fieldset-item .sheet-form-group > *:not(:first-child) { - margin-left: 3px; } - -.charsheet .sheet-darkerdungeons .sheet-toggle-npc[value="0"] ~ .sheet-section-npc { - display: none; } -.charsheet .sheet-darkerdungeons .sheet-toggle-npc[value="0"] ~ .sheet-section-pc { - display: block; } -.charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-npc { - display: block; } -.charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-pc { - display: none; } -.charsheet .sheet-darkerdungeons .sheet-section-roll, -.charsheet .sheet-darkerdungeons .sheet-section-templates { - display: none; } -.charsheet .sheet-darkerdungeons .sheet-section-npc { - margin: 0 auto; - max-width: 350px; - width: 350px; - position: relative; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-header > span { - font-style: italic; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-header button { - background: none; - border: 0; - box-shadow: none; - color: #7e2d40; - display: block; - font-size: 24px; - font-variant: small-caps; - font-weight: bold; - margin-bottom: 6px; - padding: 0; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section { - border-bottom: 2px solid #7e2d40; - border-top: 2px solid #7e2d40; - color: #7e2d40; - margin: 6px 0; - padding: 6px 0; - position: relative; - line-height: 16px; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section + .sheet-npc-section { - border-top: 0; - padding-top: 0; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section label { - color: inherit; - display: inline-block; - font-weight: bold; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section > * > * { - margin-bottom: 0; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section .sheet-btn-inline { - background: none; - border: 0; - box-shadow: none; - margin: 0; - padding: 0; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section-abilities { - display: flex; - justify-content: space-between; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section-skills button { - background: none; - border: 0; - box-shadow: none; - margin: 0; - padding: 0; - color: inherit; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section-skills button > :last-child::before { - content: "+"; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section-saving-throws .sheet-field-toggle[value="1"] + button > :last-child::after, - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section-skills .sheet-field-toggle[value="1"] + button > :last-child::after { - content: ","; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-btn-npc-initiative { - background: none; - border: 0; - box-shadow: none; - position: absolute; - right: 0; - color: inherit; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-btn-npc-initiative > :first-child { - display: block; - font-family: "dicefontd20"; - font-size: 16px; - font-weight: bold; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-btn-npc-initiative > :last-child { - font-size: 11px; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section-saving-throws button { - background: none; - border: 0; - box-shadow: none; - margin: 0; - padding: 0; - color: inherit; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-npc-section-saving-throws button > :last-child::before { - content: "+"; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-btn-npc-ability { - background: none; - border: 0; - box-shadow: none; - padding: 0; - margin: 0; - flex-grow: 1; - text-shadow: none; - color: inherit; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-btn-npc-ability .sheet-btn-npc-ability-title { - font-weight: bold; - display: block; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-btn-npc-ability .sheet-value-negative[value="0"] + *::before { - content: "(+"; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-btn-npc-ability .sheet-btn-npc-ability-mod::after { - content: ")"; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-btn-npc-ability .sheet-btn-npc-ability-mod::before { - content: "("; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-panel-npc { - border: 1px solid #cccccc; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-panel-npc .sheet-panel-header { - border-bottom: 2px solid #7e2d40; - color: #7e2d40; - font-size: 18px; - font-variant: small-caps; - height: inherit; - line-height: inherit; - margin: 0px; - padding: 6px; - text-transform: capitalize; - background: none; - text-align: left; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-panel-npc .repcontrol { - border-color: #cccccc; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-panel-npc .repcontrol .btn { - border-width: 1px; - border-color: #cccccc; } - .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-panel-npc .repitem:not(:first-of-type) { - border-color: #cccccc; } - -.charsheet .sheet-darkerdungeons .sheet-section-pc { - width: 800px; - margin: 0 auto; } - .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header { - margin-bottom: 6px; } - .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header > .sheet-row { - display: flex; } - .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header > .sheet-row > :first-child { - display: flex; - flex-direction: column; - justify-content: space-between; } - .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header > .sheet-row > :first-child div { - font-variant: small-caps; - font-size: 16px; - color: #cccccc; - font-weight: bold; } - .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header > .sheet-row > :first-child div::before { - content: ' '; - background: #cccccc; - height: 12px; - width: 12px; - display: inline-block; - margin-right: 3px; } - .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header > .sheet-row > :first-child input { - font-size: 26px; - border: 0; - border-bottom: 2px solid #cccccc; - border-radius: 0; - padding-left: 0; - padding-right: 0; } - -.sheet-tabs { + min-height: 65px; + min-width: 0; position: relative; - width: 800px; - margin-top: 12px; - min-height: 868px; } + z-index: 0; } + .charsheet .sheet-darkerdungeons .sheet-container-panel::before { + border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-box-border.png") 50 50 50 50 fill stretch; + border-style: solid; + border-width: 15px 15px; + box-sizing: border-box; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; } + .charsheet .sheet-darkerdungeons .sheet-container-panel .sheet-container-header { + border-bottom: 2px solid #202020; + color: #202020; + font-size: 8px; + font-weight: bold; + line-height: 14px; + margin-left: 2px; + margin-right: 2px; + padding-top: 4px; + text-align: center; + text-transform: uppercase; } + .charsheet .sheet-darkerdungeons .sheet-container-panel .sheet-container-body { + box-sizing: border-box; + display: flex; + flex-direction: column; + flex-grow: 1; + margin-bottom: 2px; + overflow: hidden; + padding: 5px 10px; } + .charsheet .sheet-darkerdungeons .sheet-container-panel .sheet-container-body .sheet-container-body-header { + text-transform: uppercase; + display: flex; + color: #bab8b8; + font-size: 8px; + font-weight: bold; + line-height: 10px; + margin-bottom: 2px; + display: none; } + .charsheet .sheet-darkerdungeons .sheet-container-panel .sheet-container-body .sheet-container-body-header span { + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-container-panel .sheet-form-inline { + border: 0; + margin-left: -5px; + margin-right: -5px; + border-radius: 0; } + .charsheet .sheet-darkerdungeons .sheet-container-panel .sheet-form-inline:not(:first-child) { + margin-top: 5px; } + .charsheet .sheet-darkerdungeons .sheet-container-panel .sheet-form-inline > .sheet-form-header { + background: #dddddd; + color: inherit; + font-size: 9px; + line-height: 14px; } + .charsheet .sheet-darkerdungeons .sheet-container-panel .sheet-form-inline > .sheet-form-body { + padding-bottom: 0; } -.sheet-tabs .sheet-tab { - position: absolute; - width: 800px; } - -.sheet-tabs .sheet-tab > input[type="radio"] { - position: absolute; - width: 25%; - height: 30px; - z-index: 1; - margin: 0; - opacity: 0; } - .sheet-tabs .sheet-tab > input[type="radio"]:hover ~ .sheet-tab-label { - background: #eeeeee; } - -.sheet-tabs .sheet-tab > .sheet-tab-label { - position: absolute; - width: 20%; - height: 30px; - display: inline-block; - margin: 0; - border: 2px solid #575757; - border-bottom-color: #575757; - border-radius: 6px 6px 0 0; +.charsheet .sheet-darkerdungeons .sheet-container-spell { display: flex; - justify-content: center; + flex-direction: column; + min-height: 65px; + min-width: 0; + position: relative; + z-index: 0; + margin-top: 3px; } + .charsheet .sheet-darkerdungeons .sheet-container-spell::before { + border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-box-border.png") 50 50 50 50 fill stretch; + border-style: solid; + border-width: 15px 15px; + box-sizing: border-box; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-header { + z-index: 2; + border: 0; + height: 52px; + padding: 0; + top: -9px; + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: -18px; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-header .sheet-spells-level { + font-size: 20px; + font-weight: bold; + display: inline-block; + width: 27px; + text-align: center; + flex-shrink: 0; + margin-right: 15px; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-header .sheet-spells-slots { + width: 100%; + text-align: center; + display: flex; + overflow: hidden; + padding-right: 15px; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-header .sheet-spells-slots.sheet-spells-slots-cantrip { + justify-content: center; + font-weight: bold; + font-size: 9px; + text-transform: uppercase; + padding-right: 34px; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-header .sheet-spells-slots input { + flex-grow: 0; + width: 100%; + text-align: right; + padding: 0; + border: 0; + margin-bottom: 3px; + margin-top: 1px; + padding-top: 2px; + min-width: 0; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-header .sheet-spells-slots input + * { + color: #dddddd; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-header .sheet-spells-slots input ~ * { + text-transform: none; + font-size: 13px; + line-height: 24px; + margin-left: 3px; + font-weight: bold; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-header::before { + border-style: solid; + box-sizing: border-box; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; + border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-spell-header.png") 155 82 155 82 fill stretch; + border-width: 52px 28px 0; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-body { + box-sizing: border-box; + display: flex; + flex-direction: column; + flex-grow: 1; + margin-bottom: 2px; + overflow: hidden; + padding: 5px 10px; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-body .sheet-container-body-header { + text-transform: uppercase; + display: flex; + color: #bab8b8; + font-size: 8px; + font-weight: bold; + line-height: 10px; + margin-bottom: 2px; + display: none; } + .charsheet .sheet-darkerdungeons .sheet-container-spell .sheet-container-body .sheet-container-body-header span { + width: 100%; } + +.charsheet .sheet-darkerdungeons .sheet-container-well { + min-height: 65px; + padding: 10px; + position: relative; + z-index: 0; } + .charsheet .sheet-darkerdungeons .sheet-container-well::before { + border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-well-border.png") 96 314 96 314 fill stretch; + border-style: solid; + border-width: 32px 101px; + box-sizing: border-box; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; } + +.charsheet .sheet-darkerdungeons fieldset { + position: relative; } +.charsheet .sheet-darkerdungeons .repcontainer { + flex-grow: 1; } +.charsheet .sheet-darkerdungeons .repcontrol { + border-color: #cccccc; + border-top: 1px solid #cccccc; + padding-top: 5px; + margin-top: 5px; } + .charsheet .sheet-darkerdungeons .repcontrol .btn { + background: none; + border-color: #cccccc; + border-width: 1px; + box-shadow: none; + font-size: 9px; + font-weight: bold; + padding: 0 5px; } + .charsheet .sheet-darkerdungeons .repcontrol .btn:hover { + background: #e5fffb; } +.charsheet .sheet-darkerdungeons .repitem:not(:first-of-type) { + border-color: #cccccc; } +.charsheet .sheet-darkerdungeons .repitem:not(:last-of-type) { + margin-bottom: 2px; } +.charsheet .sheet-darkerdungeons .repcontainer.editmode + .repcontrol .repcontrol_edit { + background: #cf0101; + border-color: #cf0101; + color: white; } +.charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .itemcontrol { align-items: center; - font-size: 13px; - background: #d5d5d5; - text-transform: none; - font-variant: small-caps; - font-weight: bold; } + border-bottom: 2px solid transparent; + display: flex; + flex-direction: row-reverse; + justify-content: center; + z-index: 2; } + .charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .itemcontrol::before { + background: rgba(126, 45, 64, 0.25); + border-radius: 6px; + content: ''; + height: 100%; + position: absolute; + width: 100%; + z-index: -1; } +.charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .itemcontrol .btn { + box-sizing: border-box; + height: 18px; + line-height: 16px; + padding: 0; + text-align: center; + width: 36px; } + .charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .itemcontrol .btn:not(:last-child) { + margin-left: 10px; } +.charsheet .sheet-darkerdungeons .repcontainer.editmode .repitem .sheet-fieldset-item { + opacity: 0.25; } +.charsheet .sheet-darkerdungeons .sheet-fieldset-item { + display: flex; + flex-direction: column; + min-height: 18px; } + .charsheet .sheet-darkerdungeons .sheet-fieldset-item > :last-child { + margin-bottom: 0; } -.sheet-tabs .sheet-tab > input[type="radio"]:checked ~ .sheet-tab-label { - border-color: #575757; - border-bottom-color: white; - background: white; } +.charsheet .sheet-darkerdungeons .sheet-form { + border-radius: 6px; + border: 2px solid #7e2d40; + display: flex; + flex-direction: column; + overflow: hidden; } + .charsheet .sheet-darkerdungeons .sheet-form.sheet-form-borderless { + border-radius: 0; + border: 0; } + .charsheet .sheet-darkerdungeons .sheet-form.sheet-form-borderless .sheet-form-body { + padding: 0; } + .charsheet .sheet-darkerdungeons .sheet-form > :last-child { + margin-bottom: 0; } + .charsheet .sheet-darkerdungeons .sheet-form input, + .charsheet .sheet-darkerdungeons .sheet-form select, + .charsheet .sheet-darkerdungeons .sheet-form textarea, + .charsheet .sheet-darkerdungeons .sheet-form .uneditable-input { + box-sizing: border-box; + color: black; + font-size: 11px; + height: 16px; + margin: 0; + padding: 0; + width: 100%; + min-width: 0; } + .charsheet .sheet-darkerdungeons .sheet-form textarea { + min-height: 56px; + resize: vertical; } + .charsheet .sheet-darkerdungeons .sheet-form label { + color: rgba(126, 45, 64, 0.35); + font-size: inherit; + font-weight: bold; + line-height: 16px; + margin: 0; + padding: 0; + white-space: nowrap; + width: auto; + font-size: 9px; + text-transform: uppercase; } + .charsheet .sheet-darkerdungeons .sheet-form select { + cursor: pointer; } + .charsheet .sheet-darkerdungeons .sheet-form input { + border-bottom: 1px solid #dddddd; + border-left: 0; + border-radius: 0; + border-right: 0; + border-top: 0; + text-overflow: ellipsis; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-header { + background: #7e2d40; + color: white; + font-size: 9px; + font-weight: bold; + line-height: 13px; + text-align: center; + text-transform: uppercase; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-body { + background: white; + flex-grow: 1; + padding: 5px; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-toggle + .sheet-form-group, + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group + *, + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-fieldset + * { + margin-top: 4px; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group { + display: flex; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-group > * + * { + margin-left: 5px; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-fieldset { + border-radius: 6px; + border: 2px solid rgba(126, 45, 64, 0.35); } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-fieldset .sheet-form-fieldset-header { + background: rgba(126, 45, 64, 0.35); + color: white; + font-size: 9px; + font-weight: bold; + line-height: 13px; + text-align: center; + text-transform: uppercase; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-fieldset .sheet-form-fieldset-body { + padding: 5px; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-checkbox { + cursor: pointer; + display: flex; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-checkbox:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-checkbox input { + height: 16px; + width: auto; } + .charsheet .sheet-darkerdungeons .sheet-form .sheet-form-checkbox input + span { + margin-left: 5px; } -.sheet-tabs .sheet-tab .sheet-tab-content { - display: none; - position: absolute; - top: 30px; - width: 100%; - padding-top: 6px; } - -.sheet-tabs .sheet-tab > input[type="radio"]:checked ~ .sheet-tab-content { - display: block; } - -.sheet-tabs .sheet-tab:nth-of-type(2) > input[type="radio"], .sheet-tabs .sheet-tab:nth-of-type(2) > .sheet-tab-label { - margin-left: 20%; } - -.sheet-tabs .sheet-tab:nth-of-type(3) > input[type="radio"], .sheet-tabs .sheet-tab:nth-of-type(3) > .sheet-tab-label { - margin-left: 40%; } - -.sheet-tabs .sheet-tab:nth-of-type(4) > input[type="radio"], .sheet-tabs .sheet-tab:nth-of-type(4) > .sheet-tab-label { - margin-left: 60%; } - -.sheet-tabs .sheet-tab:nth-of-type(5) > input[type="radio"], .sheet-tabs .sheet-tab:nth-of-type(5) > .sheet-tab-label { - margin-left: 80%; } +.charsheet .sheet-darkerdungeons .sheet-hidden { + display: none !important; } +.charsheet .sheet-darkerdungeons .sheet-display-brackets::after { + content: ")"; } +.charsheet .sheet-darkerdungeons .sheet-display-brackets::before { + content: "("; } +.charsheet .sheet-darkerdungeons .sheet-display-brackets-xp::after { + content: " XP)"; } +.charsheet .sheet-darkerdungeons .sheet-display-brackets-xp::before { + content: "("; } .sheet-rolltemplate-spell .sheet-grey { color: #A0A0A0; font-weight: normal; } +.sheet-rolltemplates { + display: none; } + .sheet-rolltemplate-simple .sheet-containerold { width: 189px; background: url(http://i.imgur.com/53WSdhx.png) top left; @@ -1612,7 +930,10 @@ .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullfail, .sheet-rolltemplate-mancerroll .inlinerollresult.fullcrit, .sheet-rolltemplate-mancerroll .inlinerollresult.importantroll, -.sheet-rolltemplate-mancerroll .inlinerollresult.fullfail { +.sheet-rolltemplate-mancerroll .inlinerollresult.fullfail, +.sheet-rolltemplate-mancerhproll .inlinerollresult.fullcrit, +.sheet-rolltemplate-mancerhproll .inlinerollresult.importantroll, +.sheet-rolltemplate-mancerhproll .inlinerollresult.fullfail { color: black; border: 0px; } @@ -1646,7 +967,8 @@ .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult, -.sheet-rolltemplate-mancerroll .inlinerollresult { +.sheet-rolltemplate-mancerroll .inlinerollresult, +.sheet-rolltemplate-mancerhproll .inlinerollresult { background-color: transparent; border: 0px; display: inline-block; @@ -1747,6 +1069,7 @@ height: 10px; } .sheet-rolltemplate-dmg { + margin-top: -7px; position: relative; } .sheet-rolltemplate-atk a[href^="~"] { @@ -1793,33 +1116,6 @@ .sheet-rolltemplate-spell .sheet-spacer { height: 5px; } -.sheet-rolltemplate-mancerroll .sheet-container { - width: 200px; - color: black; - background-color: white; - border: 1px solid black; } - -.sheet-rolltemplate-mancerroll .sheet-row { - border-bottom: 1px dotted black; - padding: 4px; } - -.sheet-rolltemplate-mancerroll .sheet-row.sheet-header { - border-bottom: 1px solid black; - font-size: 1.2em; - font-weight: bold; } - -.sheet-rolltemplate-mancerroll .sheet-desc { - font-size: 1.2em; - font-style: italic; - margin-left: 4px; } - -.sheet-rolltemplate-mancerroll .sheet-result { - margin-left: 80px; } - -.sheet-rolltemplate-mancerroll .sheet-result .inlinerollresult { - width: 50px; - text-align: right; } - .sheet-rolltemplate-npc, .sheet-rolltemplate-npcaction .sheet-container, .sheet-rolltemplate-npcatk, @@ -1949,24 +1245,1791 @@ .sheet-rolltemplate-npcatk a[href^="~"]:hover { color: #EC2127; } -.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; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-header .sheet-npc-header-name { + padding-right: 20px; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-header > span { + font-size: 12px; + font-style: italic; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-header button { + background: none; + border: 0; + box-shadow: none; + color: #7e2d40; + display: block; + font-size: 24px; + font-variant: small-caps; + font-weight: bold; + margin-bottom: 5px; + padding: 0; + width: 100%; + text-align: left; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-header button span { + display: block; + overflow: hidden; + text-overflow: ellipsis; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-header button:hover { + background: #e5fffb; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section { + border-bottom: 2px solid #7e2d40; + border-top: 2px solid #7e2d40; + color: #7e2d40; + line-height: 16px; + margin: 5px 0; + padding: 5px 0; + position: relative; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section + .sheet-npc-section { + border-top: 0; + padding-top: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section label { + color: inherit; + display: inline-block; + font-weight: bold; + width: auto; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section .sheet-btn-inline { + background: none; + border: 0; + box-shadow: none; + margin: 0; + padding: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section .sheet-btn-inline:hover { + background: #e5fffb; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-abilities { + display: flex; + justify-content: space-between; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability { + background: none; + border: 0; + box-shadow: none; + color: inherit; + flex-grow: 1; + margin: 0; + padding: 0; + text-shadow: none; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability .sheet-btn-npc-ability-title { + display: block; + font-weight: bold; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability .sheet-value-negative[value="0"] + *::before { + content: "(+"; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability .sheet-btn-npc-ability-mod::after { + content: ")"; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-abilities .sheet-btn-npc-ability .sheet-btn-npc-ability-mod::before { + content: "("; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-skills button { + background: none; + border: 0; + box-shadow: none; + color: inherit; + margin: 0; + padding: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-skills button:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-skills button > :last-child::before { + content: "+"; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-saving-throws .sheet-field-toggle[value="1"] + button > :last-child::after, +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-skills .sheet-field-toggle[value="1"] + button > :last-child::after { + content: ","; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-btn-npc-initiative { + background: none; + border: 0; + box-shadow: none; + color: inherit; + position: absolute; + right: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-btn-npc-initiative:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-btn-npc-initiative > :first-child { + display: block; + font-family: "dicefontd20"; + font-size: 16px; + font-weight: bold; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-btn-npc-initiative > :last-child { + font-size: 11px; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-saving-throws button { + background: none; + border: 0; + box-shadow: none; + color: inherit; + margin: 0; + padding: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-section-saving-throws button > :last-child::before { + content: "+"; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-panel-npc { + border-radius: 4px; + border: 1px solid #cccccc; + margin-top: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-panel-npc .sheet-panel-header { + background: none; + border-bottom: 2px solid #7e2d40; + color: #7e2d40; + font-size: 18px; + font-variant: small-caps; + font-weight: bold; + height: inherit; + line-height: inherit; + margin: 0px; + padding: 5px; + text-align: left; + text-transform: capitalize; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-panel-npc .sheet-panel-body { + padding: 5px; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-traits, +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-actions, +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-reactions, +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-legendary-actions { + margin-top: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-traits .repitem:not(:last-of-type), + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-actions .repitem:not(:last-of-type), + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-reactions .repitem:not(:last-of-type), + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-legendary-actions .repitem:not(:last-of-type) { + border-bottom: 1px dotted #dddddd; + padding-bottom: 5px; + margin-bottom: 5px; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-traits { + margin-top: 0; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-trait { + font-size: 11px; + padding-right: 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-trait .sheet-npc-trait-name { + font-weight: bold; + padding: 0 5px; + background: #dddddd; + border-radius: 3px; + display: inline-block; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-trait .sheet-npc-trait-desc { + display: inline; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-reaction { + font-size: 11px; + padding-right: 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-reaction .sheet-npc-reaction-name { + font-weight: bold; + padding: 0 5px; + background: #dddddd; + border-radius: 3px; + display: inline-block; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-reaction .sheet-npc-reaction-description { + display: inline-block; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-action { + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-action button:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-action .sheet-fieldset-item-npcaction-checked-name { + background: #dddddd; + display: inline-block; + border-radius: 3px; + padding: 0 5px; + width: 100%; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-action .sheet-fieldset-item-npcaction-checked-description { + white-space: normal; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-legendary-action { + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-legendary-action button:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-legendary-action .sheet-fieldset-item-npcaction-checked-name { + background: #dddddd; + display: inline-block; + border-radius: 3px; + padding: 0 5px; + width: 100%; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-legendary-action .sheet-fieldset-item-npcaction-checked-description { + white-space: normal; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-npc-legendary-actions-description { + font-size: 11px; + padding: 5px; + margin-bottom: 5px; + border: 1px solid #dddddd; + border-radius: 3px; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-roll { + background: none; + border: 0; + box-shadow: none; + text-align: left; + width: 100%; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-name { + font-weight: bold; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-attack > :not(:last-child) { + font-style: italic; } +.charsheet .sheet-darkerdungeons .sheet-section-npc-display .sheet-fieldset-item-npcaction .sheet-fieldset-item-npcaction-checked-onhit > :first-child { + font-style: italic; } +.charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-npc .sheet-section-npc-footer { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc { + display: block; + width: 385px; + margin: 0 auto; + margin-top: 6px; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-section-pc-header { + display: none; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tabs { + margin-top: 0; + width: 385px; + min-height: 0; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab { + display: none; + position: relative; + width: 100%; + margin: 0 auto; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab > :first-child { + display: none; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab .sheet-tab-label, + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab .sheet-tab-content { + display: none; + position: relative; + padding: 0; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) { + display: block; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content { + display: block; + top: 0; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content .sheet-container-well-spell-attributes { + display: none; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content .sheet-container-well-spells { + margin-bottom: 0; + border-radius: 0; + grid-template-columns: 1fr; + grid-auto-flow: inherit; } + .charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) + .sheet-toggle-npc-spells:checked ~ .sheet-section-pc .sheet-tab:nth-of-type(4) .sheet-tab-content .sheet-container-well-spells > .sheet-container-spell { + min-height: 112px; } +.charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) ~ .sheet-toggle-npc-edit:checked ~ .sheet-section-pc .sheet-tab-content { + display: none !important; } -.sheet-rolltemplate-simple .sheet-charname span, -.sheet-rolltemplate-atk .sheet-charname span, -.sheet-rolltemplate-dmg .sheet-charname span, -.sheet-rolltemplate-atkdmg .sheet-charname span { +.charsheet .sheet-darkerdungeons .sheet-form-fieldset-npc-attributes .sheet-form-fieldset-body, +.charsheet .sheet-darkerdungeons .sheet-form-fieldset-npc-saves .sheet-form-fieldset-body { + display: grid; + grid-column-gap: 10px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } + .charsheet .sheet-darkerdungeons .sheet-form-fieldset-npc-attributes .sheet-form-fieldset-body .sheet-form-group, + .charsheet .sheet-darkerdungeons .sheet-form-fieldset-npc-saves .sheet-form-fieldset-body .sheet-form-group { + align-items: center; + margin: 0; } + .charsheet .sheet-darkerdungeons .sheet-form-fieldset-npc-attributes .sheet-form-fieldset-body .sheet-form-group input, + .charsheet .sheet-darkerdungeons .sheet-form-fieldset-npc-saves .sheet-form-fieldset-body .sheet-form-group input { + margin: 0; + text-align: center; } +.charsheet .sheet-darkerdungeons .sheet-form-fieldset-npc-skills .sheet-form-fieldset-body { + display: grid; + grid-auto-flow: column; + grid-column-gap: 10px; + grid-row-gap: 2.5px; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; } + .charsheet .sheet-darkerdungeons .sheet-form-fieldset-npc-skills .sheet-form-fieldset-body .sheet-form-group { + margin: 0; } + +.charsheet .sheet-darkerdungeons .sheet-section-npc { + margin: 0 auto; + max-width: 385px; + position: relative; } + .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-section-npc-footer p { + color: #cccccc; + font-size: 9px; + margin: 3px 0 0; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-section-npc-footer p a { + color: inherit; } + .charsheet .sheet-darkerdungeons .sheet-section-npc .sheet-section-npc-footer p a:hover { + text-decoration: none; + background: #e5fffb; } + +.charsheet .sheet-darkerdungeons .sheet-section-pc { + margin: 0 auto; + width: 800px; } + +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-footer p { + color: #cccccc; + font-size: 9px; + margin: 3px 0 0; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-footer p a { + color: inherit; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-footer p a:hover { + text-decoration: none; + background: #e5fffb; } + +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header { + background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-header-bg.png"); + background-size: 100% 100%; + display: grid; + grid-template-areas: ". logo . . ." ". logo . details ." ". name . details ." ". . . . ."; + grid-template-columns: 18px 289px 38px auto 18px; + grid-template-rows: 40px 33px 46px auto; + height: 141px; + margin-bottom: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-name { + display: flex; + grid-area: name; + padding: 5px 15px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-name input { + flex-grow: 1; + border: 0; + color: #212121; + font-size: 20px; + font-weight: bold; + margin: 0; + padding: 0; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details { + grid-area: details; + overflow: hidden; + padding: 5px 35px; + position: relative; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-form { + height: 70px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-toggle-unchecked { + height: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-form-body { + display: flex; + flex-direction: column; + justify-content: space-around; + padding: 2.5px 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-checkbox-cog { + right: 35px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-section-pc-header-details-panel { + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 1fr; + grid-column-gap: 10px; + height: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-section-pc-header-details-panel div { + display: flex; + flex-direction: column-reverse; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-section-pc-header-details-panel div input { + border-left: 0; + border-right: 0; + border-top: 0; + border-bottom: 1px solid black; + border-radius: 0; + height: 19px; + padding: 0; + width: 100%; + border-color: #cccccc; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-details .sheet-section-pc-header-details-panel div label { + font-size: 9px; + text-transform: uppercase; + font-weight: bold; + line-height: 1.5; + color: #cccccc; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-logo { + grid-area: logo; + padding: 15px 15px 6px; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-section-pc-header .sheet-section-pc-header-logo div { + background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/5e%20Darker%20Dungeons/img/sheet-logo-gdd.png"); + width: 219.84px; + height: 52px; + display: block; + background-size: 100%; + margin: 0 auto; } + +.sheet-tabs { + position: relative; + width: 800px; } + .sheet-tabs::after { + clear: both; + content: ''; + display: block; } + .sheet-tabs .sheet-tab { + width: 800px; } + .sheet-tabs .sheet-tab:nth-of-type(2) > input[type="radio"], .sheet-tabs .sheet-tab:nth-of-type(2) > .sheet-tab-label { + margin-left: 20%; } + .sheet-tabs .sheet-tab:nth-of-type(3) > input[type="radio"], .sheet-tabs .sheet-tab:nth-of-type(3) > .sheet-tab-label { + margin-left: 40%; } + .sheet-tabs .sheet-tab:nth-of-type(4) > input[type="radio"], .sheet-tabs .sheet-tab:nth-of-type(4) > .sheet-tab-label { + margin-left: 60%; } + .sheet-tabs .sheet-tab:nth-of-type(5) > input[type="radio"], .sheet-tabs .sheet-tab:nth-of-type(5) > .sheet-tab-label { + margin-left: 80%; } + .sheet-tabs .sheet-tab > input[type="radio"] { + height: 30px; + margin: 0; + opacity: 0; + position: absolute; + top: 0; + width: 20%; + z-index: 1; } + .sheet-tabs .sheet-tab > input[type="radio"]:hover ~ .sheet-tab-label { + background: #e5fffb; + border-bottom-color: #dbfff9; } + .sheet-tabs .sheet-tab > .sheet-tab-label { + align-items: center; + background: #dddddd; + border-radius: 6px 6px 0 0; + border: 2px solid #dddddd; + color: #8a8a8a; + display: flex; + font-size: 11px; + font-variant: small-caps; + font-weight: bold; + height: 30px; + justify-content: center; + margin: 0; + position: absolute; + text-transform: uppercase; + top: 0; + width: 20%; + border-left-color: white; + border-top-color: white; + border-right-color: white; + border-bottom-color: lightgrey; } + .sheet-tabs .sheet-tab > input[type="radio"]:checked ~ .sheet-tab-label { + background: white; + border-color: #575757; + border-bottom-color: white; + color: black; } + .sheet-tabs .sheet-tab > input[type="radio"]:checked { + cursor: auto; } + .sheet-tabs .sheet-tab > input[type="radio"]:checked ~ .sheet-tab-content { + display: block; } + .sheet-tabs .sheet-tab .sheet-tab-content { + display: none; + min-height: 847px; + padding-top: 35px; + width: 100%; } + +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core > input[type="radio"]:checked ~ .sheet-tab-content { + display: grid; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "attributes trackers trackers" "attributes health health" "attributes attacks effects"; + grid-template-columns: 265px 1fr 1fr; + grid-template-rows: 85px auto 1fr; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes { + grid-area: attributes; + display: grid; + grid-template-columns: 75px auto; + grid-template-rows: 30px auto auto auto 1fr; + grid-template-areas: "attributes proficiency-bonus" "attributes saves" "attributes skills" "tools tools" "proficiencies proficiencies"; + grid-column-gap: 5px; + grid-row-gap: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-attributes { + grid-area: attributes; + display: flex; + flex-direction: column; + justify-content: space-between; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiency-bonus { + grid-area: proficiency-bonus; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiency-bonus .sheet-container-body { + width: 50px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saves { + grid-area: saves; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill { + display: flex; + align-items: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw:not(:first-of-type), + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill:not(:first-of-type) { + border-top: 1px dotted gainsboro; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw .sheet-checkbox-image, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill .sheet-checkbox-image { + height: 10px; + width: 10px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw .sheet-checkbox-image span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill .sheet-checkbox-image span { + padding: 1px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw input, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill input { + width: auto; + flex-grow: 0; + margin: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill span { + flex-grow: 0; + width: 20px; + text-align: center; + font-weight: bold; + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw button, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill button { + flex-grow: 1; + text-align: left; + border: 0; + background: none; + box-shadow: none; + height: 18px; + font-size: 11px; + margin: 0; + padding: 0; + vertical-align: baseline; + color: inherit; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw button span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill button span { + font-weight: normal; + font-size: inherit; + width: auto; + opacity: .5; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-saving-throw button:hover, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skill button:hover { + background: #e5fffb; + margin-left: -3px; + padding-left: 3px; + color: #b61037; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-skills { + grid-area: skills; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools { + grid-area: tools; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-container-body-header span:nth-of-type(1) { + width: 45px; + flex-shrink: 0; + padding-left: 10px; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-container-body-header span:nth-of-type(2) { + text-align: left; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button { + border: none; + background: none; + box-shadow: none; + font-size: 11px; + display: flex; + align-items: center; + width: 100%; + text-overflow: ellipsis; + overflow: hidden; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(1) { + border: 1px solid black; + border-radius: 100%; + width: 10px; + height: 10px; + display: inline-block; + flex-shrink: 0; + padding: 1px; + background: gainsboro; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(1)::after { + content: ''; + display: block; + height: 100%; + width: 100%; + border-radius: 100%; + background: #353535; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(2) { + width: 25px; + font-weight: bold; + text-align: center; + flex-shrink: 0; + margin-left: 2px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(4) { + opacity: .5; + margin-left: 2px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(4)::before { + content: '('; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-tools .sheet-pc-tool button span:nth-of-type(4)::after { + content: ')'; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies { + grid-area: proficiencies; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-container-body-header span:first-of-type { + width: 65px; + margin-right: 5px; + flex-shrink: 0; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-pc-proficiency button { + border: none; + background: none; + box-shadow: none; + font-size: 11px; + display: flex; + text-align: left; + width: 100%; + text-overflow: ellipsis; + overflow: hidden; + align-items: stretch; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-pc-proficiency button span:first-of-type { + margin-right: 5px; + width: 65px; + flex-shrink: 0; + font-size: 9px; + font-weight: bold; + display: flex; + text-shadow: none; + background: gainsboro; + justify-content: center; + border-radius: 3px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-pc-proficiency button span:last-of-type { + white-space: normal; + line-height: 13px; + padding: 2px 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attributes .sheet-pc-proficiencies .sheet-pc-proficiency button:hover { + background: #e5fffb; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-effects { + grid-area: effects; + display: flex; + flex-direction: column; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-effects { + flex-grow: 1; + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-container-body-header span:first-of-type { + text-align: center; + width: 10px; + flex-shrink: 0; + margin-right: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-pc-effect { + display: flex; + align-items: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-pc-effect .sheet-checkbox-image { + height: 10px; + width: 10px; + margin-right: 5px; + flex-shrink: 0; + align-self: flex-start; + margin-top: 4px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-pc-effect .sheet-checkbox-image span { + padding: 1px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-effects .sheet-pc-effect > :last-child { + line-height: 12px; + padding: 3px 0; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-grouping-pc-health-conditions { + grid-area: health; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects { + display: flex; + flex-direction: column; + flex-grow: 1; + grid-area: effects; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details { + margin-bottom: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details label { + cursor: pointer; + margin: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details ul { + list-style: none; + margin: 0; + padding: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details .sheet-pc-exhaustion-dot { + background: white; + border-radius: 100%; + border: 1px solid #272727; + display: inline-block; + height: 8px; + margin-right: 4px; + position: relative; + width: 8px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li + li { + margin-top: 2px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li [type=radio] { + display: none; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li span { + border-radius: 4px; + display: flex; + font-size: 11px; + line-height: 8px; + padding: 2px 3px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li span strong { + margin-right: 3px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details .sheet-radio span:hover { + position: relative; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details .sheet-radio span:hover::before { + content: ''; + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + background: #e5fffb; + z-index: -1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li input[type=radio]:checked + span { + position: relative; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li input[type=radio]:checked + span::after { + background: #b4cf01; + border-radius: 5px; + bottom: 0; + content: ''; + height: 26px; + left: 0; + position: absolute; + width: 100%; + z-index: -1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li input[type=radio]:checked + span .sheet-pc-exhaustion-dot { + background: #8c8c8c; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(1) input[type=radio]:checked + span::after { + display: none; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:not(:nth-of-type(1)) input[type=radio]:checked + span { + color: white; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(2) input[type=radio]:checked + span::after { + background: #b4cf01; + height: 12px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(3) input[type=radio]:checked + span::after { + background: #b4cf01; + height: 26px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(4) input[type=radio]:checked + span::after { + background: #cfb401; + height: 40px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(5) input[type=radio]:checked + span::after { + background: #cf7d01; + height: 54px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(6) input[type=radio]:checked + span::after { + background: #cf4601; + height: 68px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-effects .sheet-pc-exhaustion-details li:nth-of-type(7) input[type=radio]:checked + span::after { + background: #cf0101; + height: 82px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers { + grid-area: trackers; + display: grid; + grid-template-columns: repeat(6, 1fr); + grid-template-rows: 30px 30px; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "armor initiative perception speed fate fate" "armor initiative perception speed inspiration inspiration"; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-armor { + grid-area: armor; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-initiative { + grid-area: initiative; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-perception { + grid-area: perception; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-speed { + grid-area: speed; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-xp { + grid-area: xp; + display: none; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-xp .sheet-container-body { + width: 152px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-training { + grid-area: training; + display: none; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-fate { + grid-area: fate; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-trackers .sheet-pc-inspiration { + grid-area: inspiration; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health { + display: grid; + grid-area: health; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "hp-max hp hp health wounds wounds" "hit-dice hit-dice death health wounds wounds"; + grid-template-columns: repeat(6, 1fr); + grid-template-rows: 65px auto; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-max { + grid-area: hp-max; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-current { + grid-area: hp; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-current .sheet-container-body { + display: flex; + flex-direction: row; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-current .sheet-container-footer { + display: flex; + padding-left: 10px; + padding-right: 10px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hp-current .sheet-container-footer span { + flex-grow: 1; + text-align: center; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice { + grid-area: hit-dice; + max-height: 65px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice .sheet-container-body { + display: flex; + flex-direction: row; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice .sheet-container-body span { + align-items: center; + color: #dddddd; + display: flex; + font-size: 24px; + justify-content: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice .sheet-container-footer { + display: flex; + padding-left: 10px; + padding-right: 10px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-hit-dice .sheet-container-footer span { + flex-grow: 1; + text-align: center; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death { + grid-area: death; + max-height: 65px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-container-body { + align-items: center; + display: flex; + flex-direction: column; + justify-content: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-success, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-fail { + display: flex; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-success > span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-fail > span { + color: #c9c8bf; + font-size: 14px !important; + font-weight: bold; + line-height: 14px; + margin-right: 3px; + width: 14px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-success + *, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-death .sheet-death-save-fail + * { + margin-top: 3px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-health { + grid-area: health; + max-height: 135px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds { + grid-area: wounds; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-container-body-header span:first-of-type { + width: 15px; + flex-shrink: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-pc-wound { + font-size: 11px; + display: flex; + align-items: center; + white-space: nowrap; + padding-right: 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-pc-wound > span { + overflow: hidden; + text-overflow: ellipsis; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-pc-wound .sheet-checkbox-image { + width: 10px; + height: 10px; + margin-right: 5px; + flex-shrink: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-health .sheet-pc-wounds .sheet-pc-wound .sheet-checkbox-image span { + padding: 1px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions { + display: grid; + grid-area: conditions; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "conditions conditions conditions conditions rations rations" "conditions conditions conditions conditions water water" "conditions conditions conditions conditions exhaustion exhaustion"; + grid-template-columns: repeat(6, 1fr); + grid-template-rows: 30px 30px 65px; + margin-top: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions { + grid-area: conditions; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions .sheet-container-header { + display: grid; + grid-column-gap: 5px; + grid-template-columns: repeat(4, 1fr); + margin: 0; + padding-left: 10px; + padding-right: 10px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions .sheet-container-header span { + text-align: center; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions .sheet-container-body { + display: grid; + grid-column-gap: 5px; + grid-template-columns: repeat(4, 1fr); + height: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-conditions .sheet-container-body .sheet-list-conditions { + display: flex; + justify-content: space-between; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-rations { + grid-area: rations; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-water { + grid-area: water; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion { + grid-area: exhaustion; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body { + display: flex; + flex-direction: row; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body span { + align-items: center; + display: flex; + justify-content: center; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body span:nth-of-type(1), .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body span:nth-of-type(2) { + font-size: 18px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-body span:nth-of-type(3) { + border-radius: 100%; + background: #eeeeee; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-footer { + display: flex; + padding-left: 10px; + padding-right: 10px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-conditions .sheet-pc-exhaustion .sheet-container-footer span { + flex-grow: 1; + text-align: center; + width: 100%; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress { + grid-area: stress; + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: 65px 1fr; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "pc-stress levels levels" "afflictions afflictions afflictions"; + min-height: 85px; + margin-bottom: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress { + grid-area: pc-stress; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels { + grid-area: levels; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels .sheet-container-body { + justify-content: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels [type=checkbox] { + display: none; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul { + list-style: none; + padding: 0; + margin: 0; + column-count: 2; + column-gap: 5px; + column-rule: 1px solid gainsboro; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul li:nth-of-type(2), + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul li:nth-of-type(4) { + margin-top: 2px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul label { + font-size: 11px; + cursor: pointer; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul span { + display: flex; + justify-content: center; + align-items: center; + border-radius: 3px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul span strong { + margin-right: 2px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels ul span:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(1) input[type=checkbox]:checked + span { + background: #cfb401; + color: white; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(3) input[type=checkbox]:checked + span { + background: #cf7d01; + color: white; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(2) input[type=checkbox]:checked + span { + background: #cf4601; + color: white; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(4) input[type=checkbox]:checked + span { + background: #cf0101; + color: white; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-stress-levels li:nth-of-type(4) span { + letter-spacing: -0.75px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-afflictions { + grid-area: afflictions; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-afflictions .sheet-container-body-header span:first-of-type { + width: 75px; + flex-shrink: 0; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-stress .sheet-pc-afflictions .sheet-pc-affliction { + font-size: 11px; + line-height: 1.3; + padding: 3px 0; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-exhaustion { + grid-area: exhaustion; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks { + display: grid; + grid-area: attacks; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "spell-ability spell-dc spell-attack" "resource-class resource-other spell-burnout" "attacks attacks attacks"; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: 65px 65px auto; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-ability { + grid-area: spell-ability; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-dc { + grid-area: spell-dc; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-dc .sheet-container-header { + padding-left: 10px; + padding-right: 10px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-attack { + grid-area: spell-attack; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class { + grid-area: resource-class; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other { + grid-area: resource-other; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-header, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-header { + position: relative; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-header input, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-header input { + background: none; + border: 0; + bottom: 0; + font-size: inherit; + font-weight: inherit; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + text-align: center; + text-transform: uppercase; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-header input:focus, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-header input:focus { + height: 18px; + opacity: 1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-header input:focus + span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-header input:focus + span { + opacity: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-body, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-body { + flex-direction: row; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-body input, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-body input { + padding: 0; + font-size: 14px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-class .sheet-container-body span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-resource-other .sheet-container-body span { + align-items: center; + color: #dddddd; + display: flex; + font-size: 24px; + justify-content: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-spell-burnout { + grid-area: spell-burnout; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks { + grid-area: attacks; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button { + background: none; + border: none; + box-shadow: none; + display: flex; + font-size: 11px; + padding-right: 18px; + padding: 0; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button span { + overflow: hidden; + text-overflow: ellipsis; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button span:first-of-type { + text-align: left; + text-shadow: none; + text-align: center; + font-weight: bold; + font-size: 9px; + border-radius: 3px; + background: gainsboro; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button span:nth-of-type(2) { + width: 40%; + text-align: center; + margin-right: 5px; + font-weight: bold; + border-right: 1px solid gainsboro; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-container-well-attacks .sheet-pc-attacks .sheet-pc-attack button span:last-of-type { + text-align: center; + width: 80%; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier { + align-items: center; + display: flex; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier .sheet-checkbox-image, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier .sheet-checkbox-image, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier .sheet-checkbox-image, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier .sheet-checkbox-image { + height: 10px; + margin-right: 5px; + width: 10px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier .sheet-checkbox-image span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier .sheet-checkbox-image span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier .sheet-checkbox-image span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier .sheet-checkbox-image span { + padding: 1px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier > span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier > span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier > span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier > span { + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-saving-throw-modifier > span + span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-tool-modifier > span + span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-modifier > span + span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-core .sheet-pc-attack-damage-modifier > span + span { + margin-left: 5px; } +.charsheet .sheet-darkerdungeons .sheet-list-conditions { + display: flex; + flex-direction: column; + flex-grow: 1; + justify-content: space-between; + list-style: none; + margin: 0; + padding: 0; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions .sheet-radio { + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + line-height: 14px; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions .sheet-radio span { + border-radius: 4px; + flex-grow: 1; + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions .sheet-radio span:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions .sheet-radio input { + display: none; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions .sheet-radio input[type=radio]:checked + span { + background: #cf0101; + color: white; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions li:nth-of-type(1) input[type=radio]:checked + span { + background: #46cf01; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions li:nth-of-type(2) input[type=radio]:checked + span { + background: #7dcf01; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions li:nth-of-type(3) input[type=radio]:checked + span { + background: #b4cf01; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions li:nth-of-type(4) input[type=radio]:checked + span { + background: #cfb401; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions li:nth-of-type(5) input[type=radio]:checked + span { + background: #cf7d01; } + .charsheet .sheet-darkerdungeons .sheet-list-conditions li:nth-of-type(6) input[type=radio]:checked + span { + background: #cf4601; } + +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-alert-warning { + background: #7e2d40; + font-size: 9px; + text-align: center; + margin-bottom: 4px; + color: white; + border-radius: 3px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-cp .sheet-container-body input, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-sp .sheet-container-body input, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-ep .sheet-container-body input, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-gp .sheet-container-body input, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-pp .sheet-container-body input, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other .sheet-container-body input { + width: 40px; + padding-left: 0; + padding-right: 0; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-cp { + grid-area: cp; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-sp { + grid-area: sp; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-gp { + grid-area: gp; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-ep { + grid-area: ep; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-pp { + grid-area: pp; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other { + grid-area: other; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other .sheet-container-header { + padding: 0 10px 0 12px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-purse-other .sheet-container-header input { + text-align: center; + width: 100%; + border: 0; + padding-left: 0; + padding-right: 0; + font-size: 8px; + font-weight: bold; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment > input[type="radio"]:checked ~ .sheet-tab-content { + display: grid; + grid-template-columns: auto 262.5px; + grid-template-rows: 85px 120px 110px auto; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "equipment supplies" "equipment purse" "equipment encumberance" "equipment general"; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment { + grid-area: equipment; + display: grid; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment-supplies { + grid-area: supplies; + display: grid; + grid-template-rows: repeat(2, 30px); + grid-row-gap: 5px; + grid-template-areas: "rations" "water"; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment-purse { + grid-area: purse; + display: grid; + grid-template-rows: repeat(3, 30px); + grid-template-columns: 1fr 1fr; + grid-row-gap: 5px; + grid-column-gap: 5px; + grid-template-areas: "cp gp" "sp pp" "ep other" ". ."; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment-encumberance { + grid-area: encumberance; + display: grid; + grid-template-rows: 65px auto; + grid-row-gap: 5px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-container-well-equipment-general { + grid-area: general; + display: grid; + grid-template-rows: auto; + grid-row-gap: 5px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-otheritem { + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-otheritem span:first-of-type { + font-weight: bold; + background: #dddddd; + padding: 3px 5px; + margin-right: 3px; + border-radius: 3px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-rations { + grid-area: rations; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-water { + grid-area: water; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container-footer { + font-size: 7px; + display: flex; + text-transform: uppercase; + opacity: 1; + line-height: 1; + margin-top: 0; + background: #dddddd; + padding: 3px 5px; + padding-right: 20px; + border-radius: 0 0 4px 4px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container-footer span:first-of-type { + flex-grow: 1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container-footer span:not(:first-of-type) { + width: 50px; + margin-left: 1px; + text-align: center; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item-equipped { + background: #7e2d40; + color: white; + display: inline-block; + height: 14px; + width: 14px; + display: inline-flex; + justify-content: center; + align-items: center; + border-radius: 100%; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item { + font-size: 11px; + padding-right: 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-header { + font-size: 7px; + display: flex; + text-transform: uppercase; + opacity: 1; + line-height: 1; + margin-top: 0; + padding: 0 0 3px; + color: #b1b1b1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-header span:first-of-type { + flex-grow: 1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-header span:not(:first-of-type) { + width: 50px; + margin-left: 1px; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-content { + display: flex; + border-radius: 3px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item:hover { + background: #f2f2f2; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-name { + flex-grow: 1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-quantity, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-notches, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-weight, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-item .sheet-pc-item-slots { + border: 1px solid #cccccc; + border-radius: 3px; + height: 20px; + display: inline-block; + flex-grow: 0; + width: 50px; + text-align: center; + margin-left: 1px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container { + background: #7e2d40; + color: white; + font-size: 11px; + border-radius: 4px 4px 0 0; + padding: 0 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-equipment-container .sheet-pc-equipment-container-slots { + opacity: .75; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-item-columns-2 { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-item-columns-2 > .sheet-form-group { + margin: 0; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-form-body { + display: grid; + grid-template-columns: auto 115px; + grid-column-gap: 10px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-toggle-unchecked, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-form-item .sheet-toggle-checked { + margin-top: 4px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span { + display: block; + border-radius: 3px; + text-align: center; + font-size: 9px; + font-weight: bold; + text-transform: uppercase; + color: white; + line-height: 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-unencumbered { + background: #b4cf01; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-immobile, .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-over { + background: #cf4601; + display: none; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-encumbered { + background: #cfb401; + display: none; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-carrying-status span.sheet-pc-heavily { + background: #cf7d01; + display: none; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="IMMOBILE"] ~ .sheet-pc-unencumbered, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="HEAVILY ENCUMBERED"] ~ .sheet-pc-unencumbered, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="ENCUMBERED"] ~ .sheet-pc-unencumbered, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="OVER CARRYING CAPACITY"] ~ .sheet-pc-unencumbered { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="IMMOBILE"] ~ .sheet-pc-immobile { + display: block; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="HEAVILY ENCUMBERED"] ~ .sheet-pc-heavily { + display: block; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="ENCUMBERED"] ~ .sheet-pc-encumbered { + display: block; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-equipment .sheet-pc-encumberance[value="OVER CARRYING CAPACITY"] ~ .sheet-pc-over { + display: block; } +.charsheet .sheet-darkerdungeons .sheet-pc-equipment-other .repitem + .repitem { + margin-top: 5px; + padding-top: 5px; + border-top: 1px dotted #dddddd; } +.charsheet .sheet-darkerdungeons .sheet-pc-slots .sheet-container-body, +.charsheet .sheet-darkerdungeons .sheet-pc-weight .sheet-container-body { + display: flex; + flex-direction: row; } + .charsheet .sheet-darkerdungeons .sheet-pc-slots .sheet-container-body span, + .charsheet .sheet-darkerdungeons .sheet-pc-weight .sheet-container-body span { + align-items: center; + color: #dddddd; + display: flex; + font-size: 24px; + justify-content: center; } + .charsheet .sheet-darkerdungeons .sheet-pc-slots .sheet-container-body span:nth-of-type(2), + .charsheet .sheet-darkerdungeons .sheet-pc-weight .sheet-container-body span:nth-of-type(2) { + width: 100%; + color: black; } +.charsheet .sheet-darkerdungeons .sheet-pc-slots .sheet-container-footer, +.charsheet .sheet-darkerdungeons .sheet-pc-weight .sheet-container-footer { + display: flex; + padding-left: 10px; + padding-right: 10px; } + .charsheet .sheet-darkerdungeons .sheet-pc-slots .sheet-container-footer span, + .charsheet .sheet-darkerdungeons .sheet-pc-weight .sheet-container-footer span { + flex-grow: 1; + text-align: center; + width: 100%; } +.charsheet .sheet-darkerdungeons .repitem:not(:first-of-type) .sheet-pc-item .sheet-pc-item-header { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-pc-equipment .sheet-toggle-slots[value="0"] ~ .repcontainer .sheet-pc-equipment-container-footer span:nth-of-type(5), +.charsheet .sheet-darkerdungeons .sheet-pc-equipment .sheet-toggle-slots[value="0"] ~ .repcontainer .sheet-pc-item-header span:nth-of-type(5), +.charsheet .sheet-darkerdungeons .sheet-pc-equipment .sheet-toggle-slots[value="0"] ~ .repcontainer .sheet-pc-item .sheet-pc-item-slots { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-pc-equipment .sheet-toggle-slots[value="1"] ~ .repcontainer .sheet-pc-equipment-container-footer span:nth-of-type(4), +.charsheet .sheet-darkerdungeons .sheet-pc-equipment .sheet-toggle-slots[value="1"] ~ .repcontainer .sheet-pc-item-header span:nth-of-type(4), +.charsheet .sheet-darkerdungeons .sheet-pc-equipment .sheet-toggle-slots[value="1"] ~ .repcontainer .sheet-pc-item .sheet-pc-item-weight { + display: none; } + +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features > input[type="radio"]:checked ~ .sheet-tab-content { + display: grid; + grid-template-columns: auto 262.5px; + grid-template-rows: 295px auto; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "details features" "memories features"; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-container-well-details { + grid-area: details; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(3, 65px) auto; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "details personality" "details ideals" "details bonds" "details flaws"; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-container-well-memories { + grid-area: memories; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(2, 30px) auto; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "memories xp" "memories training" "memories notes"; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-container-well-features { + grid-area: features; + display: grid; + grid-template-columns: 1fr; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "features"; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details { + grid-area: details; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail { + display: flex; + height: 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail:not(:last-of-type) { + margin-bottom: 3px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail * + * { + margin-left: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail label, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail input, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail select { + font-size: 11px; + height: 20px; + padding: 0; + line-height: 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail input { + border-top: 0; + border-left: 0; + border-right: 0; + border-radius: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail select { + cursor: pointer; + border-top: 0; + border-left: 0; + border-right: 0; + border-radius: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail input, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail select { + width: 100%; + min-width: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail label { + white-space: nowrap; + font-size: 9px; + background: #dddddd; + border-radius: 3px; + width: 60px; + font-weight: bold; + display: inline-block; + flex-grow: 1; + flex-shrink: 0; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-quest { + height: 40px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-quest label { + height: 40px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-details .sheet-pc-detail-quest textarea { + height: 40px; + font-size: 11px; + border-top: 0; + border-left: 0; + border-right: 0; + border-radius: 0; + resize: none; + padding: 0; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-personality { + grid-area: personality; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-ideals { + grid-area: ideals; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-bonds { + grid-area: bonds; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-flaws { + grid-area: flaws; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-xp { + grid-area: xp; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-xp input { + width: 140px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-training { + grid-area: training; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-memories { + grid-area: memories; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-memories .repitem + .repitem { + margin-top: 5px; + padding-top: 5px; + border-top: 1px dotted #dddddd; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-memories .sheet-pc-memory { + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-memories .sheet-pc-memory span:first-of-type { + font-weight: bold; + background: #dddddd; + padding: 3px 5px; + border-radius: 3px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-personality textarea, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-ideals textarea, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-bonds textarea, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-flaws textarea { + flex-grow: 1; + min-height: 39px; + font-size: 11px; + border: 0; + padding: 0; + resize: none; + margin: 0; + height: auto; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features { + grid-area: features; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-checkbox-cog:hover span { + color: white; + opacity: 1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .repitem + .repitem { + margin-top: 5px; + padding-top: 5px; + border-top: 1px dotted #dddddd; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature { + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature button { + background: none; + border: 0; + box-shadow: none; + width: 100%; + text-shadow: none; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature button:hover { + background: #e5fffb; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-name { + background: #7e2d40; + color: white; + border-radius: 3px; + overflow: hidden; + text-overflow: ellipsis; + padding: 0 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-details { + text-align: left; + white-space: normal; + line-height: 1.3; + margin-top: 5px; + font-size: 9px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-source { + opacity: .5; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-source::before { + content: "("; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-features .sheet-pc-feature .sheet-pc-feature-source::after { + content: ")"; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-notes { + grid-area: notes; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-notes .repitem + .repitem { + margin-top: 5px; + padding-top: 5px; + border-top: 1px dotted #dddddd; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-notes .sheet-pc-note { + font-size: 11px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-features .sheet-pc-notes .sheet-pc-note span:first-of-type { + font-weight: bold; + background: #dddddd; + padding: 3px 5px; + border-radius: 3px; } + +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell-ability .sheet-container-header, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-burnout .sheet-container-header { + padding-left: 10px; + padding-right: 10px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell-ability .sheet-container-body select, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell-ability .sheet-container-body input, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-burnout .sheet-container-body select, +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-burnout .sheet-container-body input { + height: 39px; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell { + display: flex; + padding-right: 20px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell button { + justify-content: space-between; + flex-grow: 1; + display: flex; + border: 0; + background: none; + box-shadow: none; + font-size: 11px; + width: 100%; + overflow: hidden; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell button:hover { + background: #e5fffb; + margin-left: -3px; + margin-right: -3px; + padding-left: 3px; + padding-right: 3px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-checkbox-image { + margin-right: 5px; + flex-shrink: 0; + height: 10px; + width: 10px; + margin-top: 4px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-checkbox-image span { + padding: 1px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-pc-spell-name { + overflow: hidden; + text-overflow: ellipsis; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-pc-spell-components { + font-size: 8px; + margin-left: 5px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-pc-spell .sheet-display-brackets { + opacity: .5; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells > input[type="radio"]:checked ~ .sheet-tab-content { + display: grid; + grid-row-gap: 5px; + grid-template-rows: 85px auto; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes { + display: grid; + grid-column-gap: 5px; + grid-template-columns: repeat(6, 1fr) 3fr; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-spell-symbols { + font-size: 11px; + line-height: 1.3; + text-align: center; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-spell-symbols ul { + list-style: none; + margin: 0; + padding: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-spell-dc .sheet-container-header { + padding-left: 10px; + padding-right: 10px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-header, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-header { + position: relative; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-header input, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-header input { + background: none; + border: 0; + bottom: 0; + font-size: inherit; + font-weight: inherit; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + text-align: center; + text-transform: uppercase; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-header input:focus, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-header input:focus { + height: 18px; + opacity: 1; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-header input:focus + span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-header input:focus + span { + opacity: 0; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-body, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-body { + flex-direction: row; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-body input, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-body input { + padding: 0; + font-size: 14px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-class .sheet-container-body span, + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spell-attributes .sheet-pc-resource-other .sheet-container-body span { + align-items: center; + color: #dddddd; + display: flex; + font-size: 24px; + justify-content: center; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spells { + display: grid; + grid-column-gap: 10px; + grid-row-gap: 10px; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: auto auto auto; + grid-auto-flow: column; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spells .sheet-spells-8-9 { + display: grid; + grid-row-gap: 10px; + grid-template-rows: 1fr auto; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spells .sheet-spells-8-9 .sheet-container-spell { + min-height: 112px; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-spells .sheet-container-well-spells .sheet-container-spell { + min-height: 218px; } + +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options > input[type="radio"]:checked ~ .sheet-tab-content { + display: grid; + grid-row-gap: 5px; + grid-template-rows: auto; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-options { + display: grid; + grid-column-gap: 5px; + grid-row-gap: 5px; + grid-template-areas: "class multiclass custom" "class spell custom" "general attribute skill" "general save skill" "darker save skill"; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: auto auto auto auto 1fr; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-class { + grid-area: class; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-gdd { + grid-area: darker; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-multiclass { + grid-area: multiclass; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-spell { + grid-area: spell; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-spell .sheet-form-body { + display: grid; + grid-column-gap: 10px; + grid-row-gap: 5px; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr; + grid-auto-flow: column; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-spell .sheet-form-body > .sheet-form-group { + margin: 0; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-class-custom { + grid-area: custom; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-class-custom .sheet-form-fieldset-body { + display: grid; + grid-column-gap: 10px; + grid-row-gap: 5px; + grid-template-columns: 1fr 1fr; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-class-custom .sheet-form-fieldset-body > .sheet-form-group { + margin: 0; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-general { + grid-area: general; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-attribute { + grid-area: attribute; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-save { + grid-area: save; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-skill { + grid-area: skill; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-skill label:not(.sheet-form-checkbox) span { + opacity: .5; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-option-skill select { + width: 75px; + flex-shrink: 0; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-options label { + color: black; font-size: 11px; font-weight: normal; - color: #A0A0A0; } + text-transform: none; } +.charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-options .sheet-form-fieldset { + border-color: lightgrey; } + .charsheet .sheet-darkerdungeons .sheet-section-pc .sheet-tab-options .sheet-pc-options .sheet-form-fieldset .sheet-form-fieldset-header { + background-color: lightgrey; + color: inherit; } -.sheet-rolltemplate-dmg .sheet-label .sheet-rolltemplate-inline, -.sheet-rolltemplate-dmg .sheet-savedc .sheet-rolltemplate-inline, -.sheet-rolltemplate-atkdmg .sheet-savedc .sheet-rolltemplate-inline, -.sheet-rolltemplate-atkdmg .sheet-label .sheet-rolltemplate-inline { - display: inline-block; } +.charsheet .sheet-darkerdungeons .sheet-section-roll { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-section-templates { + display: none; } + +.charsheet .sheet-darkerdungeons .sheet-checkbox-cog { + display: inline-block; + height: 18px; + position: absolute; + right: 0; + width: 18px; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-cog input { + height: 100%; + margin: 0; + opacity: 0; + position: relative; + width: 100%; + z-index: 1; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-cog input:checked ~ span { + border: none; + color: inherit; + opacity: .25; + top: -2px; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-cog input:checked ~ span::before { + content: '2'; + color: white; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-cog:hover span { + color: black; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-cog:hover input:checked ~ span { + opacity: 1; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-cog span { + align-items: center; + border-radius: 50%; + box-sizing: border-box; + color: #cccccc; + display: flex; + font-family: 'Pictos'; + font-size: 13px; + height: 100%; + justify-content: center; + left: 0; + opacity: .25; + position: absolute; + top: 0; + width: 100%; } + .charsheet .sheet-darkerdungeons .sheet-checkbox-cog span::before { + content: 'y'; } +.charsheet .sheet-darkerdungeons .sheet-toggle ~ .sheet-toggle-checked { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-toggle ~ .sheet-toggle-unchecked { + display: block; + width: 100%; } +.charsheet .sheet-darkerdungeons .sheet-toggle:checked ~ .sheet-toggle-checked { + display: block; + width: 100%; } +.charsheet .sheet-darkerdungeons .sheet-toggle:checked ~ .sheet-toggle-unchecked { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-toggle-npc[value="0"] ~ .sheet-section-npc { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-toggle-npc[value="0"] ~ .sheet-section-pc { + display: block; } +.charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-npc { + display: block; } +.charsheet .sheet-darkerdungeons .sheet-toggle-npc:not([value="0"]) ~ .sheet-section-pc { + display: none; } +.charsheet .sheet-darkerdungeons .sheet-field-toggle:not([value]) + *, +.charsheet .sheet-darkerdungeons .sheet-field-toggle[value=""] + *, +.charsheet .sheet-darkerdungeons .sheet-field-toggle[value="0"] + *, +.charsheet .sheet-darkerdungeons .sheet-field-toggle[value="hide"] + * { + display: none !important; } +.charsheet .sheet-darkerdungeons .sheet-field-untoggle[value="1"] + * { + display: none !important; } diff --git a/5e Darker Dungeons/5e Darker Dungeons.html b/5e Darker Dungeons/5e Darker Dungeons.html index ac1b2f267d..4c53f527a9 100644 --- a/5e Darker Dungeons/5e Darker Dungeons.html +++ b/5e Darker Dungeons/5e Darker Dungeons.html @@ -2,6 +2,7 @@