@charset "UTF-8";.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} :root { --tagify-dd-color-primary: rgb(53,149,246); --tagify-dd-bg-color: white; --tagify-dd-item-pad: .3em .5em; } .tagify { --tags-disabled-bg: #F1F1F1; --tags-border-color: #DDD; --tags-hover-border-color: #CCC; --tags-focus-border-color: #3595f6; --tag-border-radius: 3px; --tag-bg: #E5E5E5; --tag-hover: #D3E2E2; --tag-text-color: black; --tag-text-color--edit: black; --tag-pad: 0.3em 0.5em; --tag-inset-shadow-size: 1.1em; --tag-invalid-color: #D39494; --tag-invalid-bg: rgba(211, 148, 148, 0.5); --tag-remove-bg: rgba(211, 148, 148, 0.3); --tag-remove-btn-color: black; --tag-remove-btn-bg: none; --tag-remove-btn-bg--hover: #c77777; --input-color: inherit; --tag--min-width: 1ch; --tag--max-width: auto; --tag-hide-transition: 0.3s; --placeholder-color: rgba(0, 0, 0, 0.4); --placeholder-color-focus: rgba(0, 0, 0, 0.25); --loader-size: .8em; --readonly-striped: 1; display: inline-flex; align-items: flex-start; flex-wrap: wrap; border: 1px solid var(--tags-border-color); padding: 0; line-height: 0; cursor: text; outline: none; position: relative; box-sizing: border-box; transition: 0.1s; } @keyframes tags--bump { 30% { transform: scale(1.2); } } @keyframes rotateLoader { to { transform: rotate(1turn); } } .tagify:hover:not(.tagify--focus):not(.tagify--invalid) { --tags-border-color: var(--tags-hover-border-color); } .tagify[disabled] { background: var(--tags-disabled-bg); filter: saturate(0); opacity: 0.5; pointer-events: none; } .tagify[readonly].tagify--select, .tagify[disabled].tagify--select { pointer-events: none; } .tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) { cursor: default; } .tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input { visibility: hidden; width: 0; margin: 5px 0; } .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div { padding: var(--tag-pad); } .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before { animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; } @keyframes readonlyStyles { 0% { background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px; box-shadow: none; filter: brightness(0.95); } } .tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn { display: none; } .tagify--loading .tagify__input > br:last-child { display: none; } .tagify--loading .tagify__input::before { content: none; } .tagify--loading .tagify__input::after { content: ""; vertical-align: middle; opacity: 1; width: 0.7em; height: 0.7em; width: var(--loader-size); height: var(--loader-size); min-width: 0; border: 3px solid; border-color: #EEE #BBB #888 transparent; border-radius: 50%; animation: rotateLoader 0.4s infinite linear; content: "" !important; margin: -2px 0 -2px 0.5em; } .tagify--loading .tagify__input:empty::after { margin-left: 0; } .tagify + input, .tagify + textarea { position: absolute !important; left: -9999em !important; transform: scale(0) !important; } .tagify__tag { display: inline-flex; align-items: center; margin: 5px 0 5px 5px; position: relative; z-index: 1; outline: none; line-height: normal; cursor: default; transition: 0.13s ease-out; } .tagify__tag > div { vertical-align: top; box-sizing: border-box; max-width: 100%; padding: var(--tag-pad); color: var(--tag-text-color); line-height: inherit; border-radius: var(--tag-border-radius); white-space: nowrap; transition: 0.13s ease-out; } .tagify__tag > div > * { white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: top; min-width: var(--tag--min-width); max-width: var(--tag--max-width); transition: 0.8s ease, 0.1s color; } .tagify__tag > div > *[contenteditable] { outline: none; user-select: text; cursor: text; margin: -2px; padding: 2px; max-width: 350px; } .tagify__tag > div::before { content: ""; position: absolute; border-radius: inherit; inset: var(--tag-bg-inset, 0); z-index: -1; pointer-events: none; transition: 120ms ease; animation: tags--bump 0.3s ease-out 1; box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset; } .tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before { --tag-bg-inset: -2.5px; --tag-bg: var(--tag-hover); } .tagify__tag--loading { pointer-events: none; } .tagify__tag--loading .tagify__tag__removeBtn { display: none; } .tagify__tag--loading::after { --loader-size: .4em; content: ""; vertical-align: middle; opacity: 1; width: 0.7em; height: 0.7em; width: var(--loader-size); height: var(--loader-size); min-width: 0; border: 3px solid; border-color: #EEE #BBB #888 transparent; border-radius: 50%; animation: rotateLoader 0.4s infinite linear; margin: 0 0.5em 0 -0.1em; } .tagify__tag--flash div::before { animation: none; } .tagify__tag--hide { width: 0 !important; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; opacity: 0; transform: scale(0); transition: var(--tag-hide-transition); pointer-events: none; } .tagify__tag--hide > div > * { white-space: nowrap; } .tagify__tag.tagify--noAnim > div::before { animation: none; } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { opacity: 0.5; } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before { --tag-bg: var(--tag-invalid-bg); transition: 0.2s; } .tagify__tag[readonly] .tagify__tag__removeBtn { display: none; } .tagify__tag[readonly] > div::before { animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused; } @keyframes readonlyStyles { 0% { background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px; box-shadow: none; filter: brightness(0.95); } } .tagify__tag--editable > div { color: var(--tag-text-color--edit); } .tagify__tag--editable > div::before { box-shadow: 0 0 0 2px var(--tag-hover) inset !important; } .tagify__tag--editable > .tagify__tag__removeBtn { pointer-events: none; } .tagify__tag--editable > .tagify__tag__removeBtn::after { opacity: 0; transform: translateX(100%) translateX(5px); } .tagify__tag--editable.tagify--invalid > div::before { box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; } .tagify__tag__removeBtn { order: 5; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; cursor: pointer; font: 14px/1 Arial; background: var(--tag-remove-btn-bg); color: var(--tag-remove-btn-color); width: 14px; height: 14px; margin-right: 4.6666666667px; margin-left: auto; overflow: hidden; transition: 0.2s ease-out; } .tagify__tag__removeBtn::after { content: "×"; transition: 0.3s, color 0s; } .tagify__tag__removeBtn:hover { color: white; background: var(--tag-remove-btn-bg--hover); } .tagify__tag__removeBtn:hover + div > span { opacity: 0.5; } .tagify__tag__removeBtn:hover + div::before { box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important; transition: box-shadow 0.2s; } .tagify:not(.tagify--mix) .tagify__input br { display: none; } .tagify:not(.tagify--mix) .tagify__input * { display: inline; white-space: nowrap; } .tagify__input { flex-grow: 1; display: inline-block; min-width: 110px; margin: 5px; padding: var(--tag-pad); line-height: normal; position: relative; white-space: pre-wrap; color: var(--input-color); box-sizing: inherit; /* Seems firefox newer versions don't need this any more @supports ( -moz-appearance:none ){ &::before{ line-height: inherit; position:relative; } } */ } @-moz-document url-prefix() {} .tagify__input:empty::before { position: static; } .tagify__input:focus { outline: none; } .tagify__input:focus::before { transition: 0.2s ease-out; opacity: 0; transform: translatex(6px); /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */ /* IE Edge 12+ CSS styles go here */ } @supports (-ms-ime-align: auto) { .tagify__input:focus::before { display: none; } } .tagify__input:focus:empty::before { transition: 0.2s ease-out; opacity: 1; transform: none; color: rgba(0, 0, 0, 0.25); color: var(--placeholder-color-focus); } @-moz-document url-prefix() { .tagify__input:focus:empty::after { display: none; } } .tagify__input::before { content: attr(data-placeholder); height: 1em; line-height: 1em; margin: auto 0; z-index: 1; color: var(--placeholder-color); white-space: nowrap; pointer-events: none; opacity: 0; position: absolute; } .tagify__input::after { content: attr(data-suggest); display: inline-block; vertical-align: middle; position: absolute; min-width: calc(100% - 1.5em); text-overflow: ellipsis; overflow: hidden; white-space: pre; /* allows spaces at the beginning */ color: var(--tag-text-color); opacity: 0.3; pointer-events: none; max-width: 100px; } .tagify__input .tagify__tag { margin: 0 1px; } .tagify--mix { display: block; } .tagify--mix .tagify__input { padding: 5px; margin: 0; width: 100%; height: 100%; line-height: 1.5; display: block; } .tagify--mix .tagify__input::before { height: auto; display: none; line-height: inherit; } .tagify--mix .tagify__input::after { content: none; } .tagify--select::after { content: ">"; opacity: 0.5; position: absolute; top: 50%; right: 0; bottom: 0; font: 16px monospace; line-height: 8px; height: 8px; pointer-events: none; transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); transition: 0.2s ease-in-out; } .tagify--select[aria-expanded=true]::after { transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); } .tagify--select .tagify__tag { position: absolute; top: 0; right: 1.8em; bottom: 0; } .tagify--select .tagify__tag div { display: none; } .tagify--select .tagify__input { width: 100%; } .tagify--empty .tagify__input::before { transition: 0.2s ease-out; opacity: 1; transform: none; display: inline-block; width: auto; } .tagify--mix .tagify--empty .tagify__input::before { display: inline-block; } .tagify--focus { --tags-border-color: var(--tags-focus-border-color); transition: 0s; } .tagify--invalid { --tags-border-color: #D39494; } .tagify__dropdown { position: absolute; z-index: 9999; transform: translateY(1px); overflow: hidden; } .tagify__dropdown[placement=top] { margin-top: 0; transform: translateY(-100%); } .tagify__dropdown[placement=top] .tagify__dropdown__wrapper { border-top-width: 1.1px; border-bottom-width: 0; } .tagify__dropdown[position=text] { box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); font-size: 0.9em; } .tagify__dropdown[position=text] .tagify__dropdown__wrapper { border-width: 1px; } .tagify__dropdown__wrapper { max-height: 300px; overflow: auto; overflow-x: hidden; background: var(--tagify-dd-bg-color); border: 1px solid; border-color: var(--tagify-dd-color-primary); border-bottom-width: 1.5px; border-top-width: 0; box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); transition: 0.25s cubic-bezier(0, 1, 0.5, 1); } .tagify__dropdown__header:empty { display: none; } .tagify__dropdown__footer { display: inline-block; margin-top: 0.5em; padding: var(--tagify-dd-item-pad); font-size: 0.7em; font-style: italic; opacity: 0.5; } .tagify__dropdown__footer:empty { display: none; } .tagify__dropdown--initial .tagify__dropdown__wrapper { max-height: 20px; transform: translateY(-1em); } .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper { transform: translateY(2em); } .tagify__dropdown__item { box-sizing: border-box; padding: var(--tagify-dd-item-pad); margin: 1px; cursor: pointer; border-radius: 2px; position: relative; outline: none; max-height: 60px; max-width: 100%; /* custom hidden transition effect is needed for horizontal-layout suggestions */ } .tagify__dropdown__item--active { background: var(--tagify-dd-color-primary); color: white; } .tagify__dropdown__item:active { filter: brightness(105%); } .tagify__dropdown__item--hidden { padding-top: 0; padding-bottom: 0; margin: 0 1px; pointer-events: none; overflow: hidden; max-height: 0; transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important; } .tagify__dropdown__item--hidden > * { transform: translateY(-100%); opacity: 0; transition: inherit; } :root { /** Font-size variables not defined by Foundry */ --font-size-5: 0.3125rem; --font-size-8: 0.5rem; --font-size-9: 0.5625rem; --font-size-10: 0.625rem; --font-size-15: 0.9375rem; --font-size-17: 1.0625rem; --font-size-19: 1.1875rem; --font-size-21: 1.3125rem; --font-size-22: 1.375rem; --font-size-26: 1.625rem; --font-size-30: 1.875rem; --font-size-34: 2.125rem; --font-size-36: 2.25rem; --font-size-42: 2.625rem; /** Font families */ --body-serif: Gelasio, Georgia, serif; --sans-serif: Roboto, sans-serif; --sans-serif-condensed: "Roboto Condensed", var(--sans-serif); --sans-serif-monospace: "Roboto Mono", monospace; --serif: Eczar, Georgia, serif; --serif-condensed: "Modesto Condensed", serif; --journal-cursive: "La Belle Aurore", cursive; --journal-serif: "Vollkorn", var(--serif); } /* ----------------------------------------- */ /* Color definitions */ /* ----------------------------------------- */ /* Colors */ /* Global */ /* used for mini headers, alternate primary color */ /* compliments the primary color, usually used in combination */ /* for all other uses */ /* Lighter / Darker */ /* Text */ /* Damage */ /* ----------------------------------------- */ /* Color schemes */ /* ----------------------------------------- */ /* Proficiency ranks */ /* Rarities */ /* Degrees of success */ /* Value adjustments (e.g. weak/elite) */ /* ----------------------------------------- */ /* CSS Custom Properties */ /* ----------------------------------------- */ :root { /* Global */ --primary: #5e0000; --secondary: #171f69; --tertiary: #E9D7A1; --alt: #786452; --alt-dark: #443730; --bg: #F8F4F1; --bg-dark: #e7d9cf; --sub: #605856; --color-disabled: #ababab; --inline-link-bg: #ddd; --inline-repost-bg: #eaeaea; --visibility-gm-bg: #e8e8ef; --visibility-owner-bg: #ddebe1; --blind-roll: #f5eaf5; /* Lighter / Darker */ --light: #910000; --dark: #2b0000; --tertiary-dark: #dfc578; --tertiary-light: #f3e9ca; /* Text */ --body: var(--text-dark); --color-text-trait: #f5efe0; --text-dark: #1C1C1C; --text-light: white; /* Borders */ --color-border-trait: #d8c384; --color-border-divider: #baa991; /* Headers w/ boxes */ --header-color: var(--text-light); --header-bg: var(--secondary); /* Sidebar */ --sidebar-label: var(--tertiary-dark); --sidebar-title: var(--tertiary); } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /** * Legacy is for the old css unrelated * to the current design (crb-style). * Only use the legacy folder if you need * to make changes to the old css. * * If you're adding a new feature, put it * in the appropriate folder in src/styles. * Just make sure to update the relevant * _index.scss so that it will get compiled. * */ :root { --primary-background:#454a7c; --secondary-background:gray; --tertiary-background:#454a7c; --alternate-background:darkgray; } .tab[data-tab].active { display: initial; } /* ----------------------------------------- */ /* Sheet Structure */ /* ----------------------------------------- */ .pf2e.actor .window-content { padding: 5px; font-size: var(--font-size-13); overflow-y: hidden; } .pf2e.actor .sheet-header { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; flex: 0 0 100%; height: 48px; } .pf2e.actor .sheet-header > * { flex: 1; } .pf2e.actor .sheet-header h1 { margin: 0; border: none; } .pf2e.actor .sheet-header h1 > input { font-family: var(--serif-condensed); font-weight: 700; height: 40px; width: 100%; margin: 2px; color: #444; font-size: var(--font-size-36); border: none; } .pf2e.actor .sheet-body { height: calc(100% - 35px); overflow: hidden; display: flex; flex-direction: column; flex-wrap: nowrap; } .pf2e.actor form { width: 100%; height: 100%; overflow: hidden; } .pf2e.actor form input[type=text], .pf2e.actor form input[type=number] { width: calc(100% - 2px); height: calc(100% - 2px); background: none; padding: 0; margin: 1px 0; color: #333; border: 1px solid transparent; } .pf2e.actor form input[type=text]:hover:not(:disabled), .pf2e.actor form input[type=text]:focus, .pf2e.actor form input[type=number]:hover:not(:disabled), .pf2e.actor form input[type=number]:focus { border: 1px solid black; box-shadow: 0 0 10px #00005a; } .pf2e.actor form select { font-size: var(--font-size-10); height: 18px; background: rgba(255, 255, 255, 0.5); } .pf2e.actor form label { display: block; } .pf2e.actor form .mce-panel span { display: inherit; } .pf2e.actor form.editable .rollable:hover { color: #000; text-shadow: 0 0 10px #00005a; cursor: pointer; } .pf2e.actor form .sheet-tabs { font-weight: 500; height: 30px; } .pf2e.actor form .sheet-tabs > .list-row { line-height: 24px; padding-top: 3px; font-size: var(--font-size-12); text-align: center; } .pf2e.actor form .sheet-tabs > .list-row:last-of-type { padding-right: 4px; } .pf2e.actor form .sheet-tabs > .list-row.active { color: #000; font-weight: 700; } .pf2e.actor form .tab { flex: 1; overflow: hidden; } .pf2e.actor form .tag-legacy { float: left; margin: 0 2px 2px 0; padding: 0 3px; font-size: var(--font-size-10); line-height: 16px; border: 1px solid #999; border-radius: 3px; white-space: normal; font-weight: 500; } /* ---------------------------------------- */ /* Actor Sheet */ /* ---------------------------------------- */ .pf2e.actor { min-width: 650px; min-height: 450px; } .pf2e.actor .sidebar { float: left; width: 220px; } .pf2e.actor .content { float: right; width: calc(100% - 220px); } .pf2e.actor .floatright { float: right; } .pf2e.actor .sheet-upper { height: 268px; } .pf2e.actor .sheet-upper .sheet-header { height: 48px; } .pf2e.actor .sheet-upper .sheet-profile, .pf2e.actor .sheet-upper .sheet-showcase { height: 220px; } .pf2e.actor .sheet-navigation { height: 32px; /* width: 100%; */ float: right; width: calc(100% - 220px); } .pf2e.actor .sheet-lower { width: 100%; height: calc(100% - 48px); } .pf2e.actor .sheet-lower .sheet-content { height: calc(100% - 32px); } .pf2e.actor .sheet-sidebar { height: calc(100% - 48px); display: flex; flex-direction: column; flex-wrap: nowrap; overflow-x: hidden; overflow-y: auto; } .pf2e.actor .sheet-sidebar > * { flex: 1; } .pf2e.actor .sheet-sidebar .sidebar-summary { overflow-y: hidden; } .pf2e.actor.npc-sheet .sheet-upper { height: 220px; } .pf2e.actor.npc-sheet .sheet-upper .sheet-showcase { height: 172px; } .pf2e.actor.npc-sheet .sheet-lower { height: calc(100% - 220px - 32px); } .pf2e.actor.npc-sheet section.sheet-body { height: calc(100% - 48px); } .pf2e.actor .sheet-navigation { border-top: 1px solid var(--secondary-background); border-bottom: 1px solid var(--primary-background); } .pf2e.actor .sheet-navigation .sheet-tabs > .list-row { border-radius: 5px 5px 0 0; } .pf2e.actor .sheet-navigation .sheet-tabs > .list-row.active { border: 1px solid #666; border-bottom: none; /* box-shadow: 0 0 10px inset #ff6400; */ background: var(--primary-background); color: #fff; text-shadow: none; } .pf2e.actor .sheet-header { border-bottom: 1px solid var(--primary-background); } .pf2e.actor .sheet-header h1 { margin: 0; border: none; } .pf2e.actor .sheet-header h1.charname { flex-basis: 50%; } .pf2e.actor .sheet-header .editsheet { flex: 3; font-size: 0.625rem; text-align: center; margin-top: 3px; } .pf2e.actor .sheet-header .charlevel { flex: 0 0 150px; display: flex; align-items: center; text-align: right; } .pf2e.actor .sheet-header .charlevel > * { flex: 1; } .pf2e.actor .sheet-header .charlevel .level { font-family: var(--serif-condensed); font-weight: 700; align-items: center; color: #444; display: flex; justify-content: end; } .pf2e.actor .sheet-header .charlevel .level input { flex-basis: 1.5rem; margin-left: 0.1em; text-align: center; } .pf2e.actor .sheet-header .charlevel .xpbar { width: 100%; flex: 0 0 8px; background: #666; border: 1px solid #000; border-radius: 3px; } .pf2e.actor .sheet-header .charlevel .xpbar .bar { height: 4px; margin: 1px; display: block; background: #afebff; border: 1px solid #000; border-radius: 2px; } .pf2e.actor .sheet-header .charlevel .experience { flex: 0 0 16px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; justify-content: flex-end; } .pf2e.actor .sheet-header .charlevel .experience > * { flex: 1; } .pf2e.actor .sheet-header .charlevel .experience > input[type=text], .pf2e.actor .sheet-header .charlevel .experience > input[type=number] { flex: 1; text-align: right; height: 16px; } .pf2e.actor .primary-attributes { height: 80px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; border-bottom: 1px solid var(--secondary-background); } .pf2e.actor .primary-attributes > * { flex: 1; } .pf2e.actor .primary-attributes .attribute { flex: 0 0 25%; height: 79px; padding: 4px; border-right: 1px solid var(--secondary-background); } .pf2e.actor .primary-attributes .attribute:last-child { margin-right: 0; border-right: none; } .pf2e.actor .primary-attributes .attribute .attribute-name { font-family: var(--serif-condensed); font-weight: 700; position: relative; height: 22px; margin: 0 0 2px; line-height: 22px; font-size: var(--font-size-18); color: #444; text-align: center; border-bottom: 1px solid var(--secondary-background); } .pf2e.actor .primary-attributes .attribute .attribute-name .npc-roll-hp { position: absolute; right: 2px; } .pf2e.actor .primary-attributes .attribute .attribute-value { font-family: var(--serif-condensed); font-weight: 700; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; height: 32px; color: #444; font-size: var(--font-size-20); line-height: 32px; text-align: center; } .pf2e.actor .primary-attributes .attribute .attribute-value > * { flex: 1; } .pf2e.actor .primary-attributes .attribute .attribute-footer { height: 16px; text-align: center; } .pf2e.actor .primary-attributes .attribute .attribute-footer span { display: inline-block; } .pf2e.actor .primary-attributes .attribute .attribute-footer input { max-width: 24px; } .pf2e.actor .primary-attributes .attribute .attribute-footer input.temphp { max-width: 45%; } .pf2e.actor .primary-attributes .attribute .attribute-footer input.hit-dice { min-width: 16px; max-width: 16px; text-align: right; } .pf2e.actor .primary-attributes .attribute .attribute-footer input[name="system.attributes.speed.value"] { max-width: none; text-align: left; } .pf2e.actor .primary-attributes .attribute .attribute-footer input.speed, .pf2e.actor .primary-attributes .attribute .attribute-footer input.hpformula { max-width: 90%; } .pf2e.actor .primary-attributes .attribute .attribute-footer.recharge input[type=checkbox] { margin: 1px; } .pf2e.actor .statuses { width: 100%; height: 30px; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .pf2e.actor .statuses > * { flex: 1; } .pf2e.actor .statuses .status { line-height: 30px; padding: 0 6px; border-right: 1px solid var(--secondary-background); font-size: var(--font-size-14); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .pf2e.actor .statuses .status > * { flex: 1; } .pf2e.actor .statuses .status.death { flex: 0 0 50%; } .pf2e.actor .statuses .status:last-child { border-right: none; } .pf2e.actor .statuses .status h4 { font-family: var(--serif-condensed); font-weight: 700; flex: 1; margin: 0; font-size: var(--font-size-18); color: #444; } .pf2e.actor .statuses .status .status-value { flex: none; } .pf2e.actor .statuses .status .status-value > * { display: inline-block; margin-right: 5px; } .pf2e.actor .statuses .status .status-value > input[type=text], .pf2e.actor .statuses .status .status-value > input[type=number] { height: 20px; max-width: 20px; margin: 0; } .pf2e.actor .statuses .status .status-value > input[type=checkbox] { position: relative; top: 2px; } .pf2e.actor img.sheet-profile { /* border: none; */ border: 1px solid var(--secondary-background); object-fit: contain; } .pf2e.actor .sheet-sidebar { border-right: 1px solid var(--primary-background); } .pf2e.actor .sheet-sidebar .tab { height: 100%; padding-top: 2px; overflow-y: auto; } .pf2e.actor .abilities .ac-list { display: grid; grid: "score items" 38px "score items" 38px/73px auto; margin: unset; padding: unset; background: var(--secondary-background); } .pf2e.actor .abilities .ac-grid { display: grid; grid: "item item item" 32px/33% 33% 33%; margin: unset; margin-top: 1px; padding: unset; background: var(--secondary-background); height: 32px; } .pf2e.actor .abilities .ac-list .ac-value { height: 16px; font-size: var(--font-size-12); width: 46px; } .pf2e.actor .abilities .ac-list .ac-item { height: 13px; font-size: var(--font-size-11); width: 46px; } .pf2e.actor .abilities .shield-value { grid-row-start: 1; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; align-self: end; justify-self: end; height: 26px; width: 26px; background: #fff; border: 1px solid; font-size: var(--font-size-22); text-align: center; border-radius: 14px; margin-right: 2px; margin-bottom: 2px; } .pf2e.actor .bio-container { display: grid; grid: "image bio" 220px/220px auto; margin: unset; padding: unset; } .pf2e.actor .biography .sheet-profile { grid-area: image; } .pf2e.actor .biography .bio-list { grid-area: bio; display: grid; grid: "bio" 40px/auto auto; grid-auto-rows: 40px; margin: unset; padding: unset; background: var(--secondary-background); } .pf2e.actor .biography .bio-3way { display: grid; grid: "bio" 40px/33% 33% 33%; grid-auto-rows: 40px; margin: unset; padding: unset; background: var(--secondary-background); } .pf2e.actor .abilities .bio-list { grid-area: bio; display: grid; grid: "bio" 40px/102px auto; grid-auto-rows: 40px; margin: unset; padding: unset; height: 32px; background: var(--secondary-background); margin-top: 3px; margin-bottom: 8px; } .pf2e.actor .abilities .bio-list .npc-bio-item { width: 100px; } .pf2e.actor .biography .bio-3way > * { width: 125px; } .pf2e.actor .biography .bio-list > * { width: 94px; } .pf2e.actor .biography .bio-list .bio-appearance, .pf2e.actor .biography .bio-list .bio-attitude { grid-column-start: 1; grid-column-end: 3; width: 170px; } .pf2e.actor .biography .bio-list .bio-appearance > input, .pf2e.actor .biography .bio-list .bio-attitude > input { text-align: start; word-break: break-all; } .pf2e.actor .biography .editor { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3; height: 230px; padding-left: 8px; } .pf2e.actor .list-row .skill-input > input { font-family: var(--serif-condensed); font-weight: 700; width: 22px; height: 22px; margin: 1px; font-size: var(--font-size-20); text-align: center; background: #fff; border: 1px solid; } .pf2e.actor .abilities .defense { grid-row-start: auto; align-self: center; display: grid; grid: "score name rank item" 32px/34px auto 52px 52px; background: var(--secondary-background); margin-right: 4px; } .pf2e.actor .abilities .defense .save-name, .pf2e.actor .abilities .defense .attribute-name, .pf2e.actor .abilities .defense .attribute-name-non-rollable { grid-area: auto; margin: 0; background: var(--secondary-background); color: white; align-self: center; font-size: var(--font-size-15); } .pf2e.actor .abilities .defense .defense-score { font-family: var(--serif-condensed); font-weight: 700; grid-area: auto; font-size: var(--font-size-28); text-align: center; background: var(--secondary-background); color: white; } .pf2e.actor .abilities .defense .defense-score > input { font-family: var(--serif-condensed); font-weight: 700; width: 30px; height: 30px; margin: 3px; font-size: var(--font-size-28); text-align: center; background: #fff; border: 1px solid; } .pf2e.actor .abilities .defense .proficiency-name { grid-area: auto; font-size: var(--font-size-11); height: 13px; } .pf2e.actor .abilities .defense .proficiency-rank { letter-spacing: -3px; grid-area: auto; height: 16px; font-size: var(--font-size-12); } .pf2e.actor .npc-abilities .ability-title, .pf2e.actor .abilities .ability-title { font-family: var(--serif-condensed); font-weight: 700; flex: 0 0 24px; font-size: var(--font-size-24); line-height: 24px; color: #fff; background: var(--primary-background); text-align: center; margin: 0; padding: 0; } .pf2e.actor .npc-abilities .abilities-list { display: grid; grid: 38px 38px/33.3% 33.3% 33.3%; grid-auto-rows: 54px; list-style: none; margin: 0; padding: 0; } .pf2e.actor .npc-abilities .ability { grid-row-start: auto; display: grid; grid: [row1-start] "id" 26px [row1-end] [row2-start] "mod" 26px [row2-end]/100%; height: 26px; line-height: 26px; } .pf2e.actor .npc-abilities .ability .ability-score { grid-area: score; align-self: center; justify-self: right; flex: 0 0 26px; height: 26px; } .pf2e.actor .npc-abilities .ability .ability-mod { font-family: var(--serif-condensed); font-weight: 700; flex: 0 0 24px; font-size: var(--font-size-24); line-height: 26px; color: #666; text-align: center; } .pf2e.actor .npc-abilities .ability .ability-mod .ability-input { font-family: var(--serif-condensed); font-weight: 700; width: 30px; height: 30px; margin: 3px; font-size: var(--font-size-28); text-align: center; background: #fff; border: 1px solid; border-radius: 4px; margin-left: 18px; } .pf2e.actor .npc-abilities .ability .ability-name { margin: 2px; } .pf2e.actor .abilities .abilities-list { display: grid; grid: "ability ability" 50px/50%; grid-auto-rows: 50px; list-style: none; margin: 0; padding: 0; } .pf2e.actor .abilities .ability { grid-row-start: auto; display: grid; grid: [row1-start] "header header header header" 16px [row1-end] [row2-start] "id mod score blank" 26px [row2-end]/46% 31% 18% 5%; height: 36px; line-height: 36px; } .pf2e.actor .npc-abilities .ability > *, .pf2e.actor .abilities .ability > * { flex: 1; align-self: center; } .pf2e.actor .npc-abilities .ability .ability-proficiency, .pf2e.actor .abilities .ability .ability-proficiency { flex: 0 0 20px; height: 100%; text-align: left; padding-left: 3px; } .pf2e.actor .npc-abilities .ability .ability-proficiency i.fa-circle, .pf2e.actor .abilities .ability .ability-proficiency i.fa-circle { font-size: var(--font-size-10); } .pf2e.actor .npc-abilities .ability .ability-name { grid-area: header; font-size: var(--font-size-12); color: #444; margin: 0; } .pf2e.actor .abilities .ability .ability-name { grid-area: header; font-size: var(--font-size-12); color: #444; margin: 0; } .pf2e.actor .abilities .ability .ability-score { grid-area: score; align-self: center; justify-self: right; flex: 0 0 36px; height: 36px; } .pf2e.actor .npc-abilities .ability .ability-score > input { width: 20px; height: 20px; margin: 3px; font-size: var(--font-size-12); color: #444; text-align: center; background: #fff; border: 1px solid; } .pf2e.actor .abilities .ability .ability-score > input { width: 20px; height: 20px; margin: 3px; font-size: var(--font-size-12); color: #444; text-align: center; background: #fff; border: 1px solid; } .pf2e.actor .abilities .ability .ability-mod { font-family: var(--serif-condensed); font-weight: 700; flex: 0 0 24px; font-size: var(--font-size-24); line-height: 36px; color: #666; text-align: center; } .pf2e.actor .npc-abilities .npc-defense .ability-name, .pf2e.actor .abilities .ability .ability-id { font-family: var(--serif-condensed); font-weight: 700; flex: 0 0 24px; font-size: var(--font-size-32); background: var(--secondary-background); border-radius: 8px; line-height: 28px; color: #fff; text-align: center; } .pf2e.actor .npc-abilities .ability .ability-mod, .pf2e.actor .abilities .ability .ability-mod { grid-area: mod; align-self: center; } .pf2e.actor .npc-abilities .ability .ability-name, .pf2e.actor .abilities .ability .ability-id { grid-area: id; align-self: center; } .pf2e.actor .class-levels { margin: 0 5px 0 0; height: 156px; overflow: hidden; } .pf2e.actor .class-levels .class-header { line-height: 20px; position: relative; margin: 3px 0 1px; } .pf2e.actor .class-levels .class-header h3 { font-family: var(--serif-condensed); font-weight: 700; text-align: center; color: #444; font-size: var(--font-size-18); color: #222; margin: 0; } .pf2e.actor .class-levels .class-header a.item-create { position: absolute; top: 0; right: 0; font-size: var(--font-size-11); color: #666; } .pf2e.actor .class-levels .class-list { overflow-y: hidden; } .pf2e.actor .class-levels .class-list .list-row { height: 44px; background: rgba(0, 0, 0, 0.03); padding: 2px; border: 1px solid var(--secondary-background); border-radius: 2px; margin-bottom: 2px; } .pf2e.actor .class-levels .class-list .list-row h4, .pf2e.actor .class-levels .class-list .list-row h5 { width: calc(100% - 44px); float: left; margin: 0; line-height: 20px; font-weight: strong; } .pf2e.actor .class-levels .class-list .list-row .item-header { flex: 0 0 100%; height: 20px; } .pf2e.actor .class-levels .class-list .list-row .item-header .class-levels { font-family: var(--serif-condensed); font-weight: 700; width: 44px; height: 100%; float: right; margin: 0; font-size: var(--font-size-10); text-align: right; font-size: var(--font-size-18); color: #222; } .pf2e.actor .class-levels .class-list .list-row .class-subclass { flex: 0 0 100%; height: 20px; } .pf2e.actor .class-levels .class-list .list-row .class-subclass .item-controls { width: 44px; float: right; } .pf2e.actor .class-levels .class-list .list-row .class-subclass .item-controls a { text-align: right; } .pf2e.actor .skills .skills-list { margin: 0; padding: 0; display: grid; grid: "skill skill" 36px/50% 50%; grid-auto-rows: 36px; } .pf2e.actor .pf-three-grid { grid-area: auto; display: grid; grid: "one two three" 100%/auto 90px 20px; } .pf2e.actor .pf-two-grid { grid-area: auto; display: grid; grid: "one two" 100%/auto 90px; } .pf2e.actor .pf-justify-center { justify-self: center; } .pf2e.actor .skills .martial { grid-area: auto; display: grid; grid: "name rank space" 100%/auto 46px 20px; } .pf2e.actor .skills .skill { grid-area: auto; display: grid; grid: "value name rank item armor" 100%/35px auto 46px 46px 20px; } .pf2e.actor .skill-container .item-item { height: 16px; margin-top: 2px; font-size: var(--font-size-12); } .pf2e.actor .skills .skill-container { display: grid; grid: "title" 12px "value" 18px/auto; background: var(--secondary-background); height: 32px; align-self: center; } .pf2e.actor .skills .skill-container .skill-proficiency { font-size: var(--font-size-12); } .pf2e.actor .skills .skill-container > * { width: 43px; } .pf2e.actor .skills .skill > *, .pf2e.actor .skills .list-row > * { flex: 1; } .pf2e.actor .skills .skill-name { margin: 0; align-self: center; background: var(--secondary-background); line-height: 32px; color: white; } .pf2e.actor .skills .lore-name, .pf2e.actor .skills .lore-name-input { margin: 0; align-self: center; background: var(--secondary-background); line-height: 32px; color: white; } .pf2e.actor .skills .skill-proficiency { margin-top: 2px; } .pf2e.actor .skills .skill-item { margin-top: 2px; font-size: var(--font-size-11); } .pf2e.actor .skills .skill-ability { flex: 0 0 36px; color: #666; text-align: right; margin-right: 4px; flex: 0 0 36px; color: #666; text-align: right; margin-right: 4px; } .pf2e.actor .skills .skill-armor { align-self: center; background: var(--secondary-background); line-height: 32px; color: white; width: 16px; margin: unset; } .pf2e.actor .skills .skill-score { font-family: var(--serif-condensed); font-weight: 700; font-size: var(--font-size-28); text-align: center; align-self: center; background: var(--secondary-background); color: white; } .pf2e.actor.locked .ability-proficiency, .pf2e.actor.locked .skill-proficiency { text-shadow: none; cursor: default; } .pf2e.actor .traits label { font-weight: bold; } .pf2e.actor .traits select { margin: 2px 0; } .pf2e.actor .traits .trait-perception > input { flex: 0 0 32px; text-align: center; } .pf2e.actor .traits .tag-selector { float: right; margin-right: 3px; color: #999; font-size: var(--font-size-10); line-height: 16px; } .pf2e.actor .traits .configure-flags i.fas { float: right; margin-right: 3px; text-align: right; color: #999; line-height: 24px; } .pf2e.actor .traits .configure-flags i.fas:hover { color: #111; text-shadow: 0 0 10px #ff6400; } .pf2e.actor.npc-sheet .biography .editor { height: 465px; } .pf2e.actor .inventory-header { list-style: none; margin: 0; padding: 0; } .pf2e.actor .action-header .item-controls { flex: 0 0 44px; } .pf2e.actor .action-header .item-controls a { display: block; float: left; width: 44px; font-size: var(--font-size-14); text-align: center; } .pf2e.actor .spellcastingEntry-list { list-style: none; margin: 0; padding: 0; height: calc(100% - 20px); overflow-y: auto; } .pf2e.actor .overflow-list { list-style: none; margin: 0; padding: 0; height: 100%; overflow-y: auto; } .pf2e.actor .list-row.action-header .item-controls a { display: block; float: left; width: 22px; font-size: var(--font-size-10); text-align: center; color: #666; } .pf2e.actor .action-header .item-controls a.item-create, .pf2e.actor .action-header .item-controls a.item-delete, .pf2e.actor .action-header .item-controls a.feat-browse, .pf2e.actor .action-header .item-controls a.action-browse { width: 100%; color: #fff; background: var(--primary-background); } .pf2e.actor .encumbrance { background: rgba(0, 0, 0, 0.1); height: 12px; margin-top: 5px; border: 1px solid #111; border-radius: 3px; position: relative; width: calc(100% - 20px); } .pf2e.actor .encumbrance .encumbrance-bar { position: absolute; top: 1px; left: 1px; background: var(--secondary-background); height: 8px; border: 1px solid #6f5439; border-radius: 3px; } .pf2e.actor .encumbrance .encumbrance-label { position: absolute; top: -3px; height: 16px; font-size: var(--font-size-16); line-height: 16px; color: #000; background: rgba(255, 255, 255, 0.4); padding: 0 3px; } .pf2e.actor .encumbrance .encumbrance-breakpoint { position: absolute; left: 66%; } .pf2e.actor .encumbrance .arrow-up { bottom: 0; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #666; } .pf2e.actor .encumbrance .arrow-down { top: 0; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #666; } .pf2e.actor .encumbrance.encumbered { background-color: yellow; } .pf2e.actor .encumbrance.over-limit { background-color: red; } .pf2e.actor .encumbrance.encumbered .arrow-up { border-bottom: 4px solid #000; } .pf2e.actor .encumbrance.encumbered .arrow-down { border-top: 4px solid #000; } .pf2e.actor .list-row .spell-school, .pf2e.actor .list-row .spell-action { flex: 1; font-size: var(--font-size-12); color: #666; text-align: center; border-right: 1px solid var(--secondary-background); } .pf2e.actor .list-row .spell-slots, .pf2e.actor .list-row .spell-max { flex: 0 0 24px; font-size: var(--font-size-12); text-align: center; } .pf2e.actor .list-row .spell-slots-input, .pf2e.actor .list-row .spell-max-input { flex: 0 0 24px; font-size: var(--font-size-12); text-align: center; background: white; border: 1px solid; border-radius: 17px; height: 18px; margin-top: 1px; } .pf2e.actor .list-row .spell-max { border-right: 1px solid var(--secondary-background); } .pf2e.actor .feats .feats-list { height: 100%; } .pf2e.actor .feats .feats-list .item-name { flex: 2; } .pf2e.actor .feat-uses { display: inline; font-size: var(--font-size-11); color: #444; } /* ----------------------------------------- */ /* Item Buttons /* ----------------------------------------- */ .pf2e.sheet .item-buttons button { font-size: var(--font-size-10); line-height: 12px; margin: 0; } .pf2e.sheet .item-buttons span { padding: 0; } /* ----------------------------------------- */ /* Compendium tab /* ----------------------------------------- */ #compendium.flexcolumn.active { display: flex; flex-direction: column; } #compendium.flexcolumn > .directory-list { width: 100%; height: auto; flex-basis: 0; flex-grow: 1; } #compendium.flexcolumn > .directory-footer { height: auto; } #compendium.flexcolumn > .directory-footer > * { margin-top: 5px; } #compendium .create-compendium { flex-basis: 100%; } /* Updated NPC Sheet Styles */ .npc-detail-text { display: flex; background: var(--secondary-background); color: #fff; flex-wrap: wrap; } .pf2e.sheet form .npc-detail-text input[type=text], .pf2e.sheet form .npc-detail-text input[type=number] { background: rgba(255, 255, 255, 0.8); color: black; border: 1px solid black; } .pf2e.sheet form .npc-detail-text textarea { height: fit-content; overflow-y: hidden; resize: none; width: calc(100% - 2px); min-height: 26px; font-family: inherit; } .pf2e.actor .sheet-header .charlevel .level > input[type=checkbox] { flex: 0 0 26px; } .pf2e.actor .inventory-list .list-row .spell-buttons { flex: none; display: inline-flex; justify-content: flex-end; align-items: flex-end; flex-wrap: wrap; } /* HEADER */ /* TRAITS */ .traits-bar { align-items: center; display: flex; } .traits-bar .trait { background-color: #5e0000; border: 2px solid #d8c483; color: white; font-family: var(--sans-serif); padding: 0.25em 0.5em; text-transform: uppercase; } .traits-bar .trait.alignment { background-color: #5e657a; } .traits-bar .trait.size { background-color: #447b5c; } .traits-bar .trait.uncommon { background-color: #c45500; } .traits-bar .trait.rare { background-color: #0c1466; } .traits-bar .trait.unique { background-color: #54166e; } /* Top-section */ .pf2e.sheet form .list-row .melee-name.rollable .item-image { min-height: 24px; } /* Items */ /** Hide Attack headers */ li.list-row.hover-container { background-color: #aaa !important; } .dice-total-shield-btn.shield-activated { background-color: #333; color: white; } .message-content .dice-roll .statuseffect-message { word-break: normal; font-weight: 400; font-size: var(--font-size-12); text-align: left; } .message-content .dice-roll .statuseffect-message ul { list-style-type: none; } .message-content .dice-roll .statuseffect-message li { display: flex; flex-direction: row; align-items: center; height: 24px; } .message-content .dice-roll .statuseffect-message li:not(:last-child) { margin-bottom: 3px; } .message-content .dice-roll .statuseffect-message li img { width: 24px; height: 24px; vertical-align: middle; margin-right: 3px; } .message-content .dice-roll .statuseffect-li { position: relative; display: inline-block; vertical-align: middle; } .message-content .dice-roll .statuseffect-li-text { display: inline-block; width: 200px; } .message-content .dice-roll .statuseffect-rules { visibility: hidden; width: 264px; padding: 8px; position: absolute; z-index: 1; bottom: 110%; left: -42px; text-align: left; font-size: var(--font-size-14); font-weight: 400; line-height: normal; background: url("../assets/sheet/parchment.webp") repeat; border: 1px solid #999; border-radius: 3px; box-shadow: 0 0 3px #fff inset; opacity: 0; transition: opacity 1s; } .message-content .dice-roll .statuseffect-rules p { margin: 0; } .statuseffect-li-text:hover + .statuseffect-rules { visibility: visible; opacity: 1; } .dice-roll .dice-tooltip.dmg-tooltip span { font-size: var(--font-size-10); } .dice-roll .dice-tooltip.dmg-tooltip span:not(:first-child) { display: block; border-top: 1px; border-top-color: #999; border-top-style: solid; } .npc-title-bar .creature-adjustment { display: flex; flex-direction: column; justify-content: center; margin-left: auto; margin-right: 1em; } .npc-title-bar .creature-adjustment * { width: 100%; } .sheet-header .creature-adjustment, .npc-title-bar .creature-adjustment a.hidden { font-size: var(--font-size-12); } .sheet-header .creature-adjustment a, .npc-title-bar .creature-adjustment a.hidden { margin-left: 1px; background-color: var(--secondary-background); border-color: #bbb68f; } .sheet-header .creature-adjustment a.active, .npc-title-bar .creature-adjustment a.hidden { margin-left: 1px; background-color: #5e0000; border-color: #bbb68f; } .sheet-header .creature-adjustment a.hidden, .npc-title-bar .creature-adjustment a.hidden { display: none; } .recall-knowledge-table th { padding: 5px 8px; } .recall-knowledge-table td { text-align: center; padding: 5px 8px; } .recall-knowledge-table td:first-child { text-align: right; } .recall-knowledge-table th:first-child { text-align: right; } button:hover::not(:disabled) { box-shadow: 0 0 3px #c00; } button:disabled { color: #666; } button:active { box-shadow: 0 0 5px red; } /* ----------------------------------------- */ /* Item Card Structure */ /* ----------------------------------------- */ .pf2e.chat-card { font-style: normal; } .pf2e.chat-card .card-header { padding: 2px 0; border-top: 2px groove #fff; border-bottom: 2px groove #fff; align-items: center; min-height: 36px; } .pf2e.chat-card .card-header img { flex: 0 0 36px; margin-right: 5px; height: 36px; width: 36px; } .pf2e.chat-card .card-header h3 { flex: 1; margin: 0; } .pf2e.chat-card .card-header h4 { flex: 0; margin: 0 5px 0 0; white-space: nowrap; } .pf2e.chat-card .tags { margin: 3px 0 0; } .pf2e.chat-card .card-content { margin: 4px 0; } .pf2e.chat-card .card-content p { margin: 4px 0; min-height: unset; } .pf2e.chat-card .card-buttons { display: flex; flex-basis: 100%; flex-direction: column; margin: 4px 0; } .pf2e.chat-card .card-buttons span { display: block; line-height: 28px; text-align: center; border: 1px solid var(--secondary-background); } .pf2e.chat-card .card-buttons button { margin: 2px 0; } .pf2e.chat-card .card-buttons button.with-image { display: flex; align-items: center; justify-content: center; } .pf2e.chat-card .card-buttons button.with-image img { border: none; height: 2em; margin-right: 0.5em; } .pf2e.chat-card .card-buttons button span { border: none; } .pf2e.chat-card .card-buttons .owner-buttons { display: flex; flex-basis: 100%; flex-direction: column; } .pf2e.chat-card .card-buttons .spell-attack-buttons, .pf2e.chat-card .card-buttons .spell-button { display: flex; flex-direction: row; } .pf2e.chat-card .card-buttons .spell-attack-buttons *, .pf2e.chat-card .card-buttons .spell-button * { flex-grow: 1; flex-basis: 0; } .pf2e.chat-card .card-buttons .spell-attack-buttons :first-child, .pf2e.chat-card .card-buttons .spell-button :first-child { flex-grow: 2; } .pf2e.chat-card .card-buttons .hidden-to-others { background: var(--visibility-gm-bg); } .pf2e.chat-card .card-footer { padding: 3px 0 0; border-top: 2px groove #fff; } .pf2e.chat-card .card-footer span { border-right: 2px groove #fff; padding: 0 5px 0 0; font-size: var(--font-size-12); } .pf2e.chat-card .card-footer span:last-child { border-right: none; padding-right: 0; } .pf2e.chat-card .card-buttons-multiattack { display: grid; grid-template-columns: auto 40px 40px; grid-column-gap: 4px; } .pf2e.chat-card .card-buttons-two-column { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 4px; } /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0; top: -3px; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } /* ----------------------------------------- */ /* Animation */ /* ----------------------------------------- */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } /* ----------------------------------------- */ /* Layout */ /* ----------------------------------------- */ /** A vertical rule in a flexbox */ .vr { border: 1px inset; margin: 1px; } /* ----------------------------------------- */ /* Typography */ /* ----------------------------------------- */ .pf2e, .app.sheet.actor { font-family: var(--sans-serif); } .pf2e h1, .pf2e h2, .pf2e h3, .pf2e h4, .app.sheet.actor h1, .app.sheet.actor h2, .app.sheet.actor h3, .app.sheet.actor h4 { font-weight: 600; } .pf2e p, .app.sheet.actor p { font-weight: 500; } .pf2e.sheet form span.pf2-icon, .pf2e.sheet form span[data-pf2-action], .pf2e.sheet form span[data-pf2-action] *, .pf2e.sheet form span[data-pf2-check], .pf2e.sheet form span[data-pf2-check] *, .pf2-icon { display: inline; } .pf2e.sheet form span.pf2-icon, .pf2-icon { font-family: "Pathfinder2eActions"; font-size: 1.2em; } .pf2e.sheet form span.pf2-icon.larger, .pf2-icon.larger { font-size: 1.5em; } section.roll-note, p.compact-text { display: inline-block; font-weight: normal; line-height: 1.4em; margin: 0.5em 0; min-height: 1rem; } .activity-icon { align-self: center; display: inline; margin: 0; padding: 0; font-family: Pathfinder2eActions; font-size: 1.2em; } /* ----------------------------------------- */ /* Styled table */ /* ----------------------------------------- */ table.pf2-table { border: solid 1px #000000; border-collapse: collapse; font-size: var(--font-size-13); color: #191813; user-select: text; } table.pf2-table thead, table.pf2-table tbody, table.pf2-table tr, table.pf2-table th, table.pf2-table td { box-sizing: border-box; user-select: text; } table.pf2-table tr:nth-child(odd) { background-color: #eee5c8; } table.pf2-table tr:nth-child(even) { background-color: #f6f1e1; } table.pf2-table th { color: white; font-weight: bold; background-color: #522e2c; } table.pf2-table th, table.pf2-table td { border: solid 1px #808080; padding: 6px 15px; text-align: center; } a.inline-roll, a.content-link { font-weight: 500; line-height: 1.6em; } a.foundry-href { color: var(--primary); font-weight: 500; text-decoration: underline; } /* ----------------------------------------- */ /* PF2E Action Custom Element */ /* ----------------------------------------- */ [data-pf2-action] { background: var(--inline-link-bg); border-radius: 2px; border: 1px solid var(--color-border-dark-tertiary); box-sizing: border-box; cursor: pointer; font-weight: 500; line-height: 1.5em; padding: 1px 0.2em 0; white-space: nowrap; word-break: break-all; } [data-pf2-action][data-pf2-glyph]::before { font-family: "Pathfinder2eActions"; font-size: 1.5em; margin-right: 2px; color: var(--color-text-dark-inactive); } [data-pf2-action]:not([data-pf2-glyph])::before, [data-pf2-action][data-pf2-glyph=""]::before { display: inline-block; height: 15px; width: 15px; background-image: url("../icons/actions/Passive.webp"); background-repeat: no-repeat; background-size: 15px 15px; opacity: 0.4; margin-bottom: -3px; margin-right: 2px; content: ""; } [data-pf2-action][data-pf2-glyph=A]::before, [data-pf2-action][data-pf2-glyph=a]::before, [data-pf2-action][data-pf2-glyph="1"]::before { content: "A"; } [data-pf2-action][data-pf2-glyph=D]::before, [data-pf2-action][data-pf2-glyph=d]::before, [data-pf2-action][data-pf2-glyph="2"]::before { content: "D"; } [data-pf2-action][data-pf2-glyph=T]::before, [data-pf2-action][data-pf2-glyph=t]::before, [data-pf2-action][data-pf2-glyph="3"]::before { content: "T"; } [data-pf2-action][data-pf2-glyph=F]::before, [data-pf2-action][data-pf2-glyph=f]::before { content: "F"; } [data-pf2-action][data-pf2-glyph=R]::before, [data-pf2-action][data-pf2-glyph=r]::before { content: "R"; } /* ----------------------------------------- */ /* PF2E Check Custom Element */ /* ----------------------------------------- */ span[data-pf2-check] { background: var(--inline-link-bg); border-radius: 2px; border: 1px solid var(--color-border-dark-tertiary); box-sizing: border-box; cursor: pointer; font-weight: 500; line-height: 1.5em; padding: 1px 0.2em 0; white-space: nowrap; word-break: break-all; } span[data-pf2-check]::before { font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.25em; color: var(--color-text-dark-inactive); content: "\f6cf"; } span[data-pf2-check][data-pf2-check=reflex]::before { content: "\f70c"; } span[data-pf2-check][data-pf2-check=will]::before { content: "\f5dc"; } span[data-pf2-check][data-pf2-check=fortitude]::before { content: "\f21e"; } span[data-pf2-check][data-pf2-check=perception]::before { content: "\f06e"; } span[data-pf2-check][data-pf2-traits*=secret] { background: var(--blind-roll); border-color: #720073; } /* ----------------------------------------- */ /* PF2E Inline Template Custom Element */ /* ----------------------------------------- */ span[data-pf2-effect-area] { background: var(--inline-link-bg); border-radius: 2px; border: 1px solid var(--color-border-dark-tertiary); box-sizing: border-box; cursor: pointer; font-weight: 500; line-height: 1.5em; padding: 1px 0.2em 0; white-space: nowrap; word-break: break-all; } span[data-pf2-effect-area]::before { color: var(--color-text-dark-inactive); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.25em; } span[data-pf2-effect-area][data-pf2-effect-area=cone]::before { content: "\f104"; } span[data-pf2-effect-area][data-pf2-effect-area=line]::before { content: "\f7a5"; } span[data-pf2-effect-area][data-pf2-effect-area=burst]::before { content: "\f111"; } span[data-pf2-effect-area][data-pf2-effect-area=emanation]::before { content: "\f192"; } span[data-pf2-effect-area][data-pf2-effect-area=rect]::before { content: "\f0c8"; } /* ----------------------------------------- */ /* PF2E Inline Repost Element */ /* ----------------------------------------- */ i[data-pf2-repost] { transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; background: var(--inline-repost-bg); color: var(--color-text-dark-inactive); border-left: 1px solid var(--color-border-dark-tertiary); background: rgba(255, 255, 255, 0.6); padding: 2px; margin-right: -3px; margin-left: 2px; text-shadow: none; } i[data-pf2-repost]:hover { color: white; text-shadow: 0px 0px 2px black; } [data-visibility]:not([data-visibility=all]) { border-radius: 1px; box-sizing: border-box; display: inline-block; line-height: 1em; outline: 1px dotted rgba(75, 74, 68, 0.5); padding: 2px 1px 0px; /* ----------------------------------------- */ /* GM Visibility Elements */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Owner Visibility Elements */ /* ----------------------------------------- */ } [data-visibility]:not([data-visibility=all])[data-visibility=gm] { background: var(--visibility-gm-bg); } [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender { max-width: fit-content; } [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] { outline: none; padding: initial; } [data-visibility]:not([data-visibility=all])[data-visibility=owner] { background: var(--visibility-owner-bg); } [data-visibility]:not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] { outline: none; padding: initial; } /* ----------------------------------------- */ /* Forms */ /* ----------------------------------------- */ .crb-style { display: flex; } .crb-style .details-label { font-family: var(--sans-serif); font-size: 0.625rem; font-weight: 800; line-height: 1; text-transform: uppercase; color: var(--primary); margin-right: 2px; white-space: nowrap; } .crb-style .details-input { color: var(--text-dark); font-family: var(--body-serif); font-weight: bold; width: calc(100% - 6px); border-bottom: 1px solid #d3ccbc; background-color: rgba(28, 28, 28, 0.1); } .crb-style .details-input::placeholder { filter: opacity(0.5); } .crb-style .details-input:focus { border-bottom: 1px solid var(--alt); } .crb-style .details-input[type=number] { padding-bottom: 0; padding-left: 4px; } .crb-style input { border: none; border-radius: 0; } .crb-style input:focus { box-shadow: none; } .crb-style input:focus::placeholder { color: transparent; } .crb-style input::placeholder { color: inherit; } .crb-style input::-webkit-outer-spin-button, .crb-style input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .crb-style input[type=number] { -moz-appearance: textfield; } .crb-style select { font-size: var(--font-size-14); font-family: var(--serif); font-weight: 500; color: var(--text-light); position: relative; background-color: var(--alt); border-radius: 2px; line-height: 1; cursor: pointer; padding: 4px 18px 3px 5px; -webkit-appearance: none; -moz-appearance: none; text-overflow: ellipsis; background-image: url("../assets/icons/chevron-down.svg"); background-repeat: no-repeat; background-position: right 0.25em top 50%; background-size: 1em auto; height: auto; border: 1px solid #53422a; } .crb-style select option { background-color: var(--alt); } .crb-style .dots span { cursor: pointer; } input[type=range]:disabled::-webkit-slider-runnable-track { background: rgba(0, 0, 0, 0.1); border: rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1); cursor: default; } input[type=range]:disabled::-moz-range-track { background: rgba(0, 0, 0, 0.1); border: rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1); cursor: default; } input[type=range]:disabled::-webkit-slider-thumb { background: var(--color-text-light-1); border: var(--color-text-light-1); box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1); cursor: default; } input[type=range]:disabled::-moz-range-thumb { background: var(--color-text-light-1); border: var(--color-text-light-1); box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1); cursor: default; } a[href]:hover { text-shadow: 0 0 8px var(--color-text-hyperlink); } .crb-style.sheet .window-content { background: url("../assets/sheet/background.webp") no-repeat; background-size: cover; } .actors-sidebar .directory-item.actor h4 { line-height: normal; display: flex; flex-direction: column; justify-content: center; } .actors-sidebar .directory-item.actor .actor-level { font-size: x-small; color: var(--color-text-light-primary); } .actors-sidebar .party-list { flex: 0 1 auto; margin: 0; padding: 0; } .actors-sidebar .party .party-header { background: rgba(255, 255, 255, 0.2); border-top: 1px solid var(--color-border-dark); border-bottom: 1px solid var(--color-border-dark); line-height: 1.5rem; padding: 6px; display: flex; align-items: center; } .actors-sidebar .party .party-header .fa-fw { cursor: pointer; flex: 0 0 auto; margin-right: 10px; font-size: var(--font-size-16); } .actors-sidebar .party .party-header h3 { flex: 1; margin: 0; overflow: hidden; white-space: nowrap; font-size: var(--font-size-16); } .actors-sidebar .party .party-header .controls { flex: 0; display: flex; font-size: var(--font-size-14); } .actors-sidebar .party.collapsed .party-header { background: rgba(0, 0, 0, 0.5); } .actors-sidebar .party.collapsed .subdirectory { display: none; } .directory-item.item img.thumbnail { object-fit: contain; } .directory-item.item h4 { line-height: normal; display: flex; flex-direction: column; justify-content: center; } .directory-item.item .item-level { font-size: x-small; color: var(--color-text-light-primary); } #chat-log { display: flex; flex-direction: column; } #chat-log > .message:first-child { margin-top: auto; } .chat-roll-details .window-content { display: flex; flex-direction: column; gap: 1em; width: 100%; flex: 1 1 auto; overflow: hidden; } .chat-roll-details .summary { flex: 0 1 auto; } .chat-roll-details .summary .type { display: flex; align-items: baseline; gap: 2px; } .chat-roll-details .summary .domains.tags { margin-top: 4px; justify-items: flex-end; } .chat-roll-details .summary .domains.tags .tag { text-transform: none; } .chat-roll-details .body { display: flex; flex-direction: row; gap: 1em; width: 100%; } .chat-roll-details .roll-options, .chat-roll-details .modifiers { display: flex; flex: 1; flex-direction: column; height: 100%; overflow: hidden; } .chat-roll-details .roll-options ul { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; margin: 0; padding: 0; flex: 1 0 0; list-style-type: none; border-radius: 3px; white-space: nowrap; border: 1px solid var(--color-border-dark-tertiary); overflow-x: auto; } .chat-roll-details .roll-options li { user-select: text; line-height: 1.5em; padding-left: 5px; } .chat-roll-details .roll-options li:nth-child(even) { background-color: rgba(0, 0, 0, 0.0666666667); } .chat-roll-details .modifier-list { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; flex: 1 0 0; display: flex; flex-direction: column; gap: 4px; } .chat-roll-details .modifier-list .modifier { border: 1px solid black; border-radius: 3px; padding: 4px; } .chat-roll-details .modifier-list .modifier.disabled { border-style: dashed; opacity: 0.6; } .chat-roll-details .modifier-list .modifier h4 { font-size: 1.1em; } .chat-roll-details .modifier-list .modifier > div { display: flex; justify-content: space-between; align-items: baseline; } .chat-message h3 { border-bottom: none; } .chat-message button > i { margin-right: 0; } .chat-message.emote > .message-content { font-style: italic; } .chat-message.emote > .message-content p.action-content { display: flex; align-items: center; font-weight: normal; } .chat-message.emote > .message-content p.action-content img { height: 2.33em; width: 2.33em; float: left; margin-right: 0.5em; } .chat-message.emote > .message-content hr.action-divider { margin: 0; } .chat-message > .message-header .flavor-text h4.action { font-weight: 700; line-height: 1.5em; margin: 0; } .chat-message > .message-header .flavor-text .target-dc-result { line-height: 0.75rem; margin-bottom: 4px; } .chat-message > .message-header .flavor-text .target-dc-result .target-dc, .chat-message > .message-header .flavor-text .target-dc-result .result { display: block; margin: 1px 0; width: fit-content; } .chat-message > .message-header .flavor-text .target-dc-result .unadjusted { text-decoration: line-through; } .chat-message > .message-header .flavor-text .target-dc-result .adjusted { text-decoration: underline dotted; } .chat-message > .message-header .flavor-text .target-dc-result .adjusted.increased { color: rgb(0, 128, 0); } .chat-message > .message-header .flavor-text .target-dc-result .adjusted.decreased { color: rgb(255, 0, 0); } .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalSuccess { color: rgb(0, 128, 0); } .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .success { color: rgb(0, 0, 255); } .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .failure { color: rgb(255, 69, 0); } .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalFailure { color: rgb(255, 0, 0); } .chat-message > .message-header .flavor-text .effect { display: flex; align-items: center; column-gap: 5px; } .chat-message > .message-header .flavor-text .effect img { height: 32px; width: 32px; } .chat-message > .message-content .message-buttons { display: flex; margin: 0.35em 0 2px; } .chat-message .message-content .damage-roll:not(:first-child) { margin-top: 1em; } .chat-message .message-content .damage-roll .dice-result .dice-formula { align-items: center; display: flex; flex-wrap: wrap; gap: 0.25em; justify-content: center; } .chat-message .message-content .damage-roll .dice-result .dice-formula .instance { padding: 0 0.25em; } .chat-message .message-content .damage-roll .dice-result .dice-total { flex-direction: column; font-weight: normal; } .chat-message .message-content .damage-roll .dice-result .dice-total .total { font-weight: 700; padding: 0 2ch; } .chat-message .message-content .damage-roll .dice-result .dice-total .total .increased-from { color: var(--color-text-dark-2); font-size: var(--font-size-16); font-weight: normal; vertical-align: 15%; } .chat-message .message-content .damage-roll .dice-result .dice-total .instances { align-items: center; display: flex; flex-wrap: wrap; font-size: var(--font-size-12); justify-content: center; line-height: var(--font-size-12); margin-bottom: 0.2em; vertical-align: top; } .chat-message .message-content .damage-roll .dice-result .dice-total .instances .instance { padding: 0.15em 0.25em; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip { display: flex; flex-direction: column; gap: 0.25em; margin-bottom: 0.25em; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance { border-radius: 2px; border-style: solid; border-width: 1px; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 0.1em; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula, .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total { color: var(--color-text-dark-secondary); } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header, .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice { padding: 0.2em; } .chat-message .message-content .damage-roll .dice-result .instance { white-space: nowrap; } .chat-message .message-content .damage-roll .dice-result .instance:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > header { background: rgba(60, 60, 60, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.acid { border-color: #007300; color: #003300; } .chat-message .message-content .damage-roll .dice-result .instance.acid:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.acid.tooltip-part > header { background: rgba(0, 115, 0, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.acid .icon { color: #007300; } .chat-message .message-content .damage-roll .dice-result .instance.bleed { border-color: #99001a; color: #59000f; } .chat-message .message-content .damage-roll .dice-result .instance.bleed:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.bleed.tooltip-part > header { background: rgba(153, 0, 26, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.bleed .icon { color: #99001a; } .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning { border-color: #3c3c3c; color: #1c1c1c; } .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning.tooltip-part > header { background: rgba(60, 60, 60, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning .icon { color: #3c3c3c; } .chat-message .message-content .damage-roll .dice-result .instance.chaotic { border-color: #a600a6; color: #660066; } .chat-message .message-content .damage-roll .dice-result .instance.chaotic:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.chaotic.tooltip-part > header { background: rgba(166, 0, 166, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.chaotic .icon { color: #a600a6; } .chat-message .message-content .damage-roll .dice-result .instance.cold { border-color: #2f2fa6; color: #212174; } .chat-message .message-content .damage-roll .dice-result .instance.cold:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.cold.tooltip-part > header { background: rgba(47, 47, 166, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.cold .icon { color: #2f2fa6; } .chat-message .message-content .damage-roll .dice-result .instance.electricity { border-color: darkgoldenrod; color: #7c5a07; } .chat-message .message-content .damage-roll .dice-result .instance.electricity:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.electricity.tooltip-part > header { background: rgba(184, 134, 11, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.electricity .icon { color: darkgoldenrod; } .chat-message .message-content .damage-roll .dice-result .instance.evil { border-color: indigo; color: #260042; } .chat-message .message-content .damage-roll .dice-result .instance.evil:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.evil.tooltip-part > header { background: rgba(75, 0, 130, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.evil .icon { color: indigo; } .chat-message .message-content .damage-roll .dice-result .instance.fire { border-color: #a62f00; color: #661d00; } .chat-message .message-content .damage-roll .dice-result .instance.fire:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.fire.tooltip-part > header { background: rgba(166, 47, 0, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.fire .icon { color: #a62f00; } .chat-message .message-content .damage-roll .dice-result .instance.force { border-color: #6300aa; color: #3e006a; } .chat-message .message-content .damage-roll .dice-result .instance.force:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.force.tooltip-part > header { background: rgba(99, 0, 170, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.force .icon { color: #6300aa; } .chat-message .message-content .damage-roll .dice-result .instance.good { border-color: #9d730a; color: #614706; } .chat-message .message-content .damage-roll .dice-result .instance.good:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.good.tooltip-part > header { background: rgba(157, 115, 10, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.good .icon { color: #9d730a; } .chat-message .message-content .damage-roll .dice-result .instance.lawful { border-color: #402600; color: black; } .chat-message .message-content .damage-roll .dice-result .instance.lawful:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.lawful.tooltip-part > header { background: rgba(64, 38, 0, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.lawful .icon { color: #402600; } .chat-message .message-content .damage-roll .dice-result .instance.mental { border-color: midnightblue; color: #0d0d3c; } .chat-message .message-content .damage-roll .dice-result .instance.mental:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.mental.tooltip-part > header { background: rgba(25, 25, 112, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.mental .icon { color: midnightblue; } .chat-message .message-content .damage-roll .dice-result .instance.negative { border-color: #00001f; color: #00001f; } .chat-message .message-content .damage-roll .dice-result .instance.negative:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.negative.tooltip-part > header { background: rgba(0, 0, 31, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.negative .icon { color: #00001f; } .chat-message .message-content .damage-roll .dice-result .instance.piercing { border-color: #3c3c3c; color: #1c1c1c; } .chat-message .message-content .damage-roll .dice-result .instance.piercing:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.piercing.tooltip-part > header { background: rgba(60, 60, 60, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.piercing .icon { color: #3c3c3c; } .chat-message .message-content .damage-roll .dice-result .instance.poison { border-color: #5b7332; color: #38471f; } .chat-message .message-content .damage-roll .dice-result .instance.poison:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.poison.tooltip-part > header { background: rgba(91, 115, 50, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.poison .icon { color: #5b7332; } .chat-message .message-content .damage-roll .dice-result .instance.positive { border-color: #ffffe0; color: #ffffa0; } .chat-message .message-content .damage-roll .dice-result .instance.positive:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.positive.tooltip-part > header { background: rgba(255, 255, 224, 0.125); text-shadow: 1px 1px black; } .chat-message .message-content .damage-roll .dice-result .instance.positive .icon { color: #ffffe0; } .chat-message .message-content .damage-roll .dice-result .instance.slashing { border-color: #3c3c3c; color: #1c1c1c; } .chat-message .message-content .damage-roll .dice-result .instance.slashing:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.slashing.tooltip-part > header { background: rgba(60, 60, 60, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.slashing .icon { color: #3c3c3c; } .chat-message .message-content .damage-roll .dice-result .instance.sonic { border-color: darkcyan; color: #004b4b; } .chat-message .message-content .damage-roll .dice-result .instance.sonic:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.sonic.tooltip-part > header { background: rgba(0, 139, 139, 0.125); } .chat-message .message-content .damage-roll .dice-result .instance.sonic .icon { color: darkcyan; } .chat-message .message-content .damage-roll .dice-result .instance .precision, .chat-message .message-content .damage-roll .dice-result .instance .splash { border-color: inherit; border-width: 1px; border-style: dotted; padding: 1px 2px; line-height: 0; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type { margin-bottom: 3px; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type h3 { text-transform: capitalize; padding-left: 3px; padding-right: 1px; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type i.fa { flex: none; margin: 2px; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type .dice { margin-left: 2px; margin-right: 2px; } .chat-message .message-content .damage-roll .dice-result .dice-tooltip .dice .part-header .part-flavor { text-transform: capitalize; } .chat-message .message-content .damage-application { display: flex; justify-content: center; margin-top: 3px; order: 3; } .chat-message .message-content .damage-application button { align-items: center; display: flex; flex-direction: column; font-size: var(--font-size-18); height: 2em; justify-content: space-around; line-height: unset; padding: 0; } .chat-message .message-content .damage-application button.half-damage { position: relative; } .chat-message .message-content .damage-application button.half-damage .transparent-half { background: rgb(248, 247, 233); display: block; height: 24px; left: 49%; opacity: 0.6; position: absolute; top: 0px; width: 10px; } .chat-message .message-content .damage-application button > img { border: none; height: var(--font-size-18); } .chat-message .message-content .damage-application button.heal-damage .fa-stack { font-size: 0.5em; } .chat-message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus { font-size: var(--font-size-10); } .chat-message .message-content .damage-application button .label { font-size: var(--font-size-9); font-weight: 500; text-transform: uppercase; } .chat-message .message-content .damage-taken .persistent { font-style: normal; margin-top: 1em; } .chat-message .message-content .damage-taken .persistent h4 { border-bottom: 1px solid var(--color-underline-header); max-width: fit-content; } .chat-message .message-content .damage-taken button.revert-damage { align-items: center; background: var(--bg-dark); display: inline-flex; justify-content: center; width: 3ch; margin-left: 2px; } .chat-message .message-content .damage-taken .reverted { text-decoration: line-through; } .chat-message .flavor-text .pf2e-reroll-indicator { float: right; } .chat-message .message-content .pf2e-reroll-discard .dice-total, .chat-message .message-content .pf2e-reroll-discard .dice-tooltip { opacity: 0.3; } .chat-message .message-content .pf2e-reroll-second .dice-formula { display: none; } .chat-message > .message-header { align-items: center; margin-bottom: 0.33em; } .chat-message > .message-content .dice-roll .statuseffect-message { font-weight: 700; } .chat-message > .message-content .dice-roll .statuseffect-message ul { padding: 0.5em; margin: 0; } .chat-message > .message-content .dice-roll .statuseffect-message ul li { cursor: help; } .chat-message > .message-content .dice-roll .statuseffect-rules { font-size: var(--font-size-13); font-weight: 500; } .chat-message > .message-content .dice-roll .statuseffect-rules h2 { font-weight: 700; } section.compendium-sidebar .directory-header .header-search { padding: 0 24px 0 3px; } section.compendium-sidebar li.compendium-type ol.document-matches { background: rgba(0, 0, 0, 0.25); padding: 0; } section.compendium-sidebar li.compendium-type ol.document-matches li.match { align-items: center; column-gap: 2px; cursor: pointer; display: grid; font-size: var(--font-size-12); grid-template-areas: "thumbnail name" "thumbnail details"; grid-template-columns: 38px 1fr; grid-template-rows: 1fr 1fr; list-style: none; padding: 2px 0 2px 4px; } section.compendium-sidebar li.compendium-type ol.document-matches li.match:hover { background: rgba(255, 255, 255, 0.1); } section.compendium-sidebar li.compendium-type ol.document-matches li.match > * { align-items: inherit; display: flex; height: 100%; } section.compendium-sidebar li.compendium-type ol.document-matches li.match .thumbnail { grid-area: thumbnail; justify-content: start; } section.compendium-sidebar li.compendium-type ol.document-matches li.match .thumbnail img { border: none; height: 36px; object-fit: contain; object-position: 50% 0; padding: 2px 0; width: 36px; } section.compendium-sidebar li.compendium-type ol.document-matches li.match .name { grid-area: name; } section.compendium-sidebar li.compendium-type ol.document-matches li.match .details { color: var(--color-text-light-primary); grid-area: details; } #pack-search-drag-preview { background: url(../../../ui/parchment.jpg) repeat; border-bottom: 1px solid var(--color-border-light-1); border-top: 1px solid transparent; box-shadow: none; display: flex; height: 50px; line-height: 48px; position: absolute; text-shadow: 0 0 0.5rem var(--color-shadow-primary); top: -1000px; width: 328px; } #pack-search-drag-preview img { border: none; height: 48px; } #pack-search-drag-preview h4 { color: var(--color-text-dark-primary); font-size: var(--font-size-14); } .combat-sidebar li.combatant { cursor: default; padding: 3px 0 3px 3px; } .combat-sidebar li.combatant.gm-draggable { cursor: grab; } .combat-sidebar li.combatant .token-name h4 { flex-direction: row; } .combat-sidebar li.combatant .token-name h4 .users-targeting { display: inline-block; font-size: x-small; line-height: inherit; padding: 0 0.3em; text-shadow: none; vertical-align: bottom; } .combat-sidebar li.combatant.drag-preview { background: rgba(0, 0, 0, 0.75); box-shadow: 0 0 6px inset var(--color-shadow-highlight); } .combat-sidebar li.combatant.drag-gap { visibility: hidden; } .combat-sidebar li.combatant .hidden-name .token-name h4 { color: var(--color-text-light-7); } .hover { cursor: pointer; } .hover-content { display: none; } .crb-hover .tooltipster-box { border-style: solid; border-image-outset: 0; border-width: 9px; border-image: url("../assets/sheet/corner-box.webp") 9 repeat; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.9); overflow: visible; } .crb-hover .tooltipster-box .tooltipster-content { margin: 0; padding: 0; } .crb-hover .tooltipster-box .tooltipster-content .hover-content { display: flex; min-width: 120px; max-width: fit-content; padding: 4px; line-height: 1; flex-direction: column; } .crb-hover .tooltipster-box .tooltipster-content .hover-content p { font-size: var(--font-size-14); font-family: var(--body-serif); font-weight: 400; } .crb-hover .tooltipster-box .tooltipster-content .hover-content h1, .crb-hover .tooltipster-box .tooltipster-content .hover-content h2, .crb-hover .tooltipster-box .tooltipster-content .hover-content h3 { font-size: var(--font-size-12); font-weight: 500; text-align: left; } .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--sidebar-title); margin: 0.25em 0 0.5em; flex: 1 auto; } .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2, .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; border: none; margin: 0; line-height: 1.5; color: var(--sidebar-title); } .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2 + h2, .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a + h2 { font-size: var(--font-size-11); } .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a { color: white; text-decoration: none; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield { width: 160px; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .data { position: relative; top: -2px; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .tag-legacy { width: auto; } .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option { color: rgba(255, 255, 255, 0.5); } .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option i.fas { margin: 1px 4px 1px 0; } .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected { color: white; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul { list-style: none; margin: 0; padding: 0; flex: 1 auto; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input { color: white; border: none; border-radius: 0; background: transparent; font-family: var(--body-serif); width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus { box-shadow: none; border-bottom: 1px solid white; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus::placeholder { color: transparent; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::placeholder { color: rgba(255, 255, 255, 0.8); } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-outer-spin-button, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input[type=number] { appearance: textfield; -moz-appearance: textfield; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul select { border-radius: 2px; height: 18px; border: 1px solid white; background: transparent; cursor: pointer; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul select option { font-size: 0.8rem; min-height: 1rem; color: var(--body); text-transform: capitalize; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul label { display: flex; align-items: center; text-align: left; font-family: var(--serif); font-weight: 500; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .label, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .data { font-size: var(--font-size-12); font-family: var(--serif); font-weight: 400; color: white; margin: 0; padding: 0; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item { display: grid; grid: "data label close" min-content "data type close" min-content/30px 1fr; margin: 8px 0; align-items: center; column-gap: 8px; justify-items: start; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item:first-child { border: none; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.no-effect { filter: opacity(0.5); position: relative; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; display: flex; justify-content: center; align-items: center; color: var(--tertiary); grid-area: type; letter-spacing: 0.5px; white-space: nowrap; width: min-content; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy .remove-modifier { white-space: nowrap; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .label { grid-area: label; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .data { grid-area: data; text-align: right; font-size: var(--font-size-21); justify-self: right; width: min-content; padding-top: 2px; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .remove-modifier { grid-area: close; font-size: 0.8rem; cursor: pointer; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier { border-top: 1px solid var(--sidebar-title); padding-top: 5px; grid: "value name name" 1fr "type type btn" 1fr/42px 1fr 1fr; font-size: 0.8rem; gap: 0.25rem 0.5rem; align-items: baseline; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value { grid-area: value; font-size: 1rem; text-align: right; display: grid; grid: "input plus" 1fr "input minus" 1fr/1fr 10px; column-gap: 4px; align-items: center; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value input { grid-area: input; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas { font-size: var(--font-size-9); cursor: pointer; margin-top: 2px; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas.fa-plus-circle { grid-area: plus; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas.fa-minus-circle { grid-area: minus; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-name { grid-area: name; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-submit { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; grid-area: btn; white-space: nowrap; line-height: 1.5; background-color: black; color: var(--tertiary); } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data::placeholder { color: rgba(255, 255, 255, 0.5); } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label { text-decoration: line-through; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li { display: flex; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li label { color: var(--tertiary); flex-basis: 100%; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li input { display: flex; min-width: 2em; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content { white-space: nowrap; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content a.item-control i.fas { min-width: 1.25em; } .damage-dialog { background: none; box-shadow: none; } .damage-dialog .window-header { border: none; box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8); background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%); border-radius: 0; margin-bottom: 2px; font-size: var(--font-size-13); } .damage-dialog .window-content { border-style: solid; border-image-outset: 0; border-width: 9px; border-image: url("../assets/sheet/corner-box.webp") 9 repeat; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); padding-top: 0; } .damage-dialog .window-content button { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background-color: var(--alt); border-radius: 2px; color: white; cursor: pointer; font-family: var(--sans-serif); } .damage-dialog .window-content button:hover { text-shadow: 0 0 2px var(--tertiary); } .damage-dialog .window-content .dialog-row { align-items: center; display: grid; grid: "mod type value exclude" 1fr/1.5fr 1fr 60px 55px; padding: 8px 0; } .damage-dialog .window-content .dialog-row.header { font-size: var(--font-size-13); font-weight: 700; padding-bottom: 0; } .damage-dialog .window-content .dialog-row.header + hr { margin-bottom: 0; } .damage-dialog .window-content .dialog-row .type { grid-area: type; text-transform: capitalize; } .damage-dialog .window-content .dialog-row .dice-type { margin-right: 10px; } .damage-dialog .window-content .dialog-row .dice-type, .damage-dialog .window-content .dialog-row .modifier-type { display: flex; } .damage-dialog .window-content .dialog-row .dice-type .value, .damage-dialog .window-content .dialog-row .modifier-type .value { margin-right: 8px; } .damage-dialog .window-content .dialog-row .dice-type .icon-container, .damage-dialog .window-content .dialog-row .modifier-type .icon-container { display: table; width: 35px; } .damage-dialog .window-content .dialog-row .dice-type .icon-container i, .damage-dialog .window-content .dialog-row .modifier-type .icon-container i { display: table-cell; vertical-align: middle; text-align: start; font-size: 1rem; } .damage-dialog .window-content .dialog-row .mod { grid-area: mod; } .damage-dialog .window-content .dialog-row .no-mod { filter: opacity(0.7); } .damage-dialog .window-content .dialog-row .value { grid-area: value; justify-self: center; } .damage-dialog .window-content .dialog-row .exclude { grid-area: exclude; justify-self: right; } .damage-dialog .window-content .dialog-row .exclude.toggle { background: var(--secondary); border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); cursor: pointer; height: 19px; margin: 4px auto; position: relative; width: 46px; } .damage-dialog .window-content .dialog-row .exclude.toggle::before { color: white; content: "ON"; left: 6px; position: absolute; z-index: 0; } .damage-dialog .window-content .dialog-row .exclude.toggle::after { color: black; content: "OFF"; position: absolute; right: 4px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); z-index: 0; } .damage-dialog .window-content .dialog-row .exclude.toggle::after, .damage-dialog .window-content .dialog-row .exclude.toggle::before { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; top: 4px; } .damage-dialog .window-content .dialog-row .exclude.toggle label { background: #fcfff4; background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3); cursor: pointer; display: block; height: 16px; position: absolute; right: 1px; top: 1px; transition: all 0.4s ease; width: 19px; z-index: 1; } .damage-dialog .window-content .dialog-row .exclude.toggle input[type=checkbox] { visibility: hidden; } .damage-dialog .window-content .dialog-row .exclude.toggle input[type=checkbox]:not(:checked) + label { right: 23px; } .damage-dialog .window-content .dialog-row .acid { color: #007300; } .damage-dialog .window-content .dialog-row .bleed { color: #99001a; } .damage-dialog .window-content .dialog-row .bludgeoning { color: #3c3c3c; } .damage-dialog .window-content .dialog-row .chaotic { color: #a600a6; } .damage-dialog .window-content .dialog-row .cold { color: #2f2fa6; } .damage-dialog .window-content .dialog-row .electricity { color: darkgoldenrod; } .damage-dialog .window-content .dialog-row .evil { color: indigo; } .damage-dialog .window-content .dialog-row .fire { color: #a62f00; } .damage-dialog .window-content .dialog-row .force { color: #6300aa; } .damage-dialog .window-content .dialog-row .good { color: #9d730a; } .damage-dialog .window-content .dialog-row .lawful { color: #402600; } .damage-dialog .window-content .dialog-row .mental { color: midnightblue; } .damage-dialog .window-content .dialog-row .negative { color: #00001f; } .damage-dialog .window-content .dialog-row .piercing { color: #3c3c3c; } .damage-dialog .window-content .dialog-row .poision { color: #5b7332; } .damage-dialog .window-content .dialog-row .positive { color: #ffffe0; } .damage-dialog .window-content .dialog-row .slashing { color: #3c3c3c; } .damage-dialog .window-content .dialog-row .sonic { color: darkcyan; } .damage-dialog .window-content .modifier-container { display: flex; flex-direction: column; } .damage-dialog .window-content .modifier-container .dialog-row { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .damage-dialog .window-content .modifier-container .dialog-row:last-child { border-bottom: none; } .damage-dialog .window-content .modifier-container .dialog-row .tag { background-color: var(--sub); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); color: white; font-family: var(--sans-serif); font-size: var(--font-size-10); letter-spacing: 0.5px; padding: 4px 8px; text-transform: uppercase; width: fit-content; } .damage-dialog .window-content .modifier-container .dialog-row.disabled { text-decoration: line-through; } .damage-dialog .window-content .modifier-container .dialog-row.disabled span, .damage-dialog .window-content .modifier-container .dialog-row.disabled div { filter: opacity(0.5); } .damage-dialog .window-content .modifier-container .dialog-row.disabled span i, .damage-dialog .window-content .modifier-container .dialog-row.disabled div i { color: black; } .damage-dialog .window-content .modifier-container .dialog-row.disabled .toggle { background: rgba(0, 0, 0, 0.4); } .damage-dialog .window-content .modifier-container .dialog-row.disabled .toggle input[type=checkbox] + label { right: 26px; } .damage-dialog .window-content .modifier-container .dialog-row.disabled.hidden { display: none; } .damage-dialog .window-content .modifier-container + hr { margin-top: 0; } .damage-dialog .window-content .total-mod { font-weight: 700; padding: 0; } .damage-dialog .window-content .add-modifier-panel { display: grid; grid-template-columns: 100px 4.5fr 4.5fr 3.5fr 32px 50px; column-gap: 4px; justify-items: center; } .damage-dialog .window-content .add-modifier-panel select, .damage-dialog .window-content .add-modifier-panel input { height: auto; } .damage-dialog .window-content .add-modifier-panel .add-modifier-type { cursor: pointer; width: 100%; } .damage-dialog .window-content .add-modifier-panel .add-modifier-category { cursor: pointer; width: 100%; } .damage-dialog .window-content .add-modifier-panel .add-modifier-damage-type { cursor: pointer; width: 100%; } .damage-dialog .window-content .add-modifier-panel .add-modifier { line-height: 1; margin: 0; padding: 4px 0; text-transform: uppercase; font-weight: 700; font-size: 0.75rem; } .damage-dialog .window-content .add-dice-panel { display: grid; grid-template-columns: 100px 32px 1.5fr 3.5fr 3fr 50px; column-gap: 4px; justify-items: center; } .damage-dialog .window-content .add-dice-panel select, .damage-dialog .window-content .add-dice-panel input { height: auto; } .damage-dialog .window-content .add-dice-panel select:disabled { cursor: default; } .damage-dialog .window-content .add-dice-panel .add-dice-faces { cursor: pointer; } .damage-dialog .window-content .add-dice-panel .add-dice-type { cursor: pointer; width: 100%; } .damage-dialog .window-content .add-dice-panel .add-dice-category { cursor: pointer; width: 100%; } .damage-dialog .window-content .add-dice-panel .add-dice { line-height: 1; margin: 0; padding: 4px 0; text-transform: uppercase; font-weight: 700; font-size: 0.75rem; } .damage-dialog .window-content .roll-mode-panel { display: flex; flex-wrap: nowrap; align-items: stretch; } .damage-dialog .window-content .roll-mode-panel .label { flex: 1 40%; } .damage-dialog .window-content .roll-mode-panel select { flex: 2 60%; height: auto; width: 100%; margin-right: 4px; border-radius: 2px; cursor: pointer; } .damage-dialog .window-content .roll { color: white; background-color: var(--secondary); } .dice-checks { background: none; box-shadow: none; } .dice-checks .window-header { border: none; box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8); background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%); border-radius: 0; margin-bottom: 2px; font-size: var(--font-size-13); } .dice-checks .window-content { border-style: solid; border-image-outset: 0; border-width: 9px; border-image: url("../assets/sheet/corner-box.webp") 9 repeat; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); padding-top: 0; } .dice-checks .window-content button { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background-color: var(--alt); border-radius: 2px; color: white; cursor: pointer; font-family: var(--sans-serif); } .dice-checks .window-content button:hover { text-shadow: 0 0 2px var(--tertiary); } .dice-checks .window-content .dialog-row { align-items: center; display: grid; grid: "mod type value exclude" 1fr/1.5fr 1fr 36px 50px; padding: 8px 0; } .dice-checks .window-content .dialog-row.header { font-size: var(--font-size-13); font-weight: 700; padding-bottom: 0; } .dice-checks .window-content .dialog-row.header + hr { margin-bottom: 0; } .dice-checks .window-content .dialog-row .type { grid-area: type; text-transform: capitalize; } .dice-checks .window-content .dialog-row .mod { grid-area: mod; } .dice-checks .window-content .dialog-row .value { grid-area: value; justify-self: center; } .dice-checks .window-content .dialog-row .exclude { grid-area: exclude; justify-self: right; } .dice-checks .window-content .dialog-row .exclude.toggle { background: var(--secondary); border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); cursor: pointer; height: 19px; margin: 4px auto; position: relative; width: 46px; } .dice-checks .window-content .dialog-row .exclude.toggle::before { color: white; content: "ON"; left: 6px; position: absolute; z-index: 0; } .dice-checks .window-content .dialog-row .exclude.toggle::after { color: black; content: "OFF"; position: absolute; right: 4px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); z-index: 0; } .dice-checks .window-content .dialog-row .exclude.toggle::after, .dice-checks .window-content .dialog-row .exclude.toggle::before { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; top: 4px; } .dice-checks .window-content .dialog-row .exclude.toggle label { background: #fcfff4; background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3); cursor: pointer; display: block; height: 16px; position: absolute; right: 1px; top: 1px; transition: all 0.4s ease; width: 19px; z-index: 1; } .dice-checks .window-content .dialog-row .exclude.toggle input[type=checkbox] { visibility: hidden; } .dice-checks .window-content .dialog-row .exclude.toggle input[type=checkbox]:not(:checked) + label { right: 23px; } .dice-checks .window-content .substitutions, .dice-checks .window-content .modifier-container { display: flex; flex-direction: column; } .dice-checks .window-content .substitutions .dialog-row, .dice-checks .window-content .modifier-container .dialog-row { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dice-checks .window-content .substitutions .dialog-row:last-child, .dice-checks .window-content .modifier-container .dialog-row:last-child { border-bottom: none; } .dice-checks .window-content .substitutions .dialog-row .tag, .dice-checks .window-content .modifier-container .dialog-row .tag { background-color: var(--sub); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); color: white; font-family: var(--sans-serif); font-size: var(--font-size-10); letter-spacing: 0.5px; padding: 4px 8px; text-transform: uppercase; width: fit-content; } .dice-checks .window-content .substitutions .dialog-row.disabled, .dice-checks .window-content .modifier-container .dialog-row.disabled { text-decoration: line-through; } .dice-checks .window-content .substitutions .dialog-row.disabled span, .dice-checks .window-content .modifier-container .dialog-row.disabled span { filter: opacity(0.5); } .dice-checks .window-content .substitutions .dialog-row.disabled .toggle, .dice-checks .window-content .modifier-container .dialog-row.disabled .toggle { background: rgba(0, 0, 0, 0.4); } .dice-checks .window-content .substitutions .dialog-row.disabled .toggle input[type=checkbox] + label, .dice-checks .window-content .modifier-container .dialog-row.disabled .toggle input[type=checkbox] + label { right: 26px; } .dice-checks .window-content .substitutions .dialog-row.disabled.hidden, .dice-checks .window-content .modifier-container .dialog-row.disabled.hidden { display: none; } .dice-checks .window-content .substitutions + hr, .dice-checks .window-content .modifier-container + hr { margin-top: 0; } .dice-checks .window-content .total-mod { font-weight: 700; padding: 0; } .dice-checks .window-content .fate { display: flex; justify-content: space-evenly; align-items: center; } .dice-checks .window-content .fate label { cursor: pointer; } .dice-checks .window-content .add-modifier-panel { display: flex; flex-wrap: nowrap; align-items: stretch; } .dice-checks .window-content .add-modifier-panel select, .dice-checks .window-content .add-modifier-panel input { margin-right: 4px; height: auto; border-radius: 2px; } .dice-checks .window-content .add-modifier-panel .add-modifier-type { flex: 0 30%; width: 100%; cursor: pointer; } .dice-checks .window-content .add-modifier-panel .add-modifier-name { flex: 1 40%; } .dice-checks .window-content .add-modifier-panel .add-modifier-value { flex: 1 10%; } .dice-checks .window-content .add-modifier-panel .add-modifier { flex: 1 20%; line-height: 1; margin: 0; padding: 4px 0; text-transform: uppercase; font-weight: 700; font-size: 0.75rem; } .dice-checks .window-content .roll-mode-panel { display: flex; flex-wrap: nowrap; align-items: stretch; } .dice-checks .window-content .roll-mode-panel .label { flex: 1 40%; } .dice-checks .window-content .roll-mode-panel select { flex: 2 60%; height: auto; width: 100%; margin-right: 4px; border-radius: 2px; cursor: pointer; } .dice-checks .window-content .roll { color: white; background-color: var(--secondary); } .dialog.trick-magic-item .dialog-content p { font-weight: normal; } .dialog.trick-magic-item .dialog-buttons { flex-direction: column; } .icon { font-style: normal; } .icon.anger::before { content: "💢︎"; } .icon.bang::before { content: "💥︎"; } .icon.collision::before { content: "💥︎"; } .icon.crystal-ball::before { content: "🔮︎"; } .icon.dizzy::before { content: "💫︎"; } .icon.diamond-with-dot::before { content: "💠︎"; } .icon.gemstone::before { content: "💎︎"; } .icon.gem-stone::before { content: "💎︎"; } .icon.glowing-star::before { content: "🌟︎"; } .icon.prayer-beads::before { content: "📿︎"; } .icon.ring::before { content: "💍︎"; } .icon.sparkle::before { content: "❇︎"; } .icon.sparkler::before { content: "🎇︎"; } .icon.sparkles::before { content: "✨︎"; } #token-hud .status-effects { grid-template-columns: repeat(5, 1fr); width: auto; } #token-hud .status-effects .effect-control { border-radius: 1px; color: var(--color-text-dark-1); cursor: pointer; height: 36px; opacity: 0.75; position: relative; width: 36px; } #token-hud .status-effects .effect-control.active img { border: 1px solid var(--color-border-highlight); opacity: 1; } #token-hud .status-effects .effect-control img { border: 1px solid rgba(0, 0, 0, 0); height: 35px; margin: 0; width: 35px; } #token-hud .status-effects .effect-control:not(.active):hover img { border: 1px solid rgba(255, 100, 0, 0.5); } #token-hud .status-effects .effect-control .badge { background: rgba(255, 255, 255, 0.9); border-radius: 50%; border: 0.1em solid darkred; font-size: var(--font-size-8); height: 0.8rem; line-height: var(--font-size-10); pointer-events: none; position: absolute; right: -3px; text-align: center; top: -3px; width: 0.8rem; z-index: 1; } #token-hud .status-effects .effect-control.overridden > * { filter: saturate(0); } #token-hud .status-effects .effect-control.valued .badge { font-size: var(--font-size-12); font-style: unset; font-weight: 500; line-height: var(--font-size-12); } #token-hud .status-effects .title-bar { background: rgba(0, 0, 0, 0.6); border-radius: inherit; border: inherit; box-shadow: inherit; box-sizing: content-box; font-size: var(--font-size-14); font-weight: normal; left: 0; line-height: normal; padding: 3px 0; position: absolute; text-align: center; top: -30px; visibility: hidden; width: 100%; z-index: 1; } #token-hud .status-effects .title-bar.active { visibility: visible; } /* ----------------------------------------- */ /* Tag Selector */ /* ----------------------------------------- */ #tag-selector .trait-list { flex: 1; list-style: none; margin: 0 0 0.5em; padding: 0; overflow-y: auto; scrollbar-width: thin; } #tag-selector .trait-list td.list { text-align: left; } #tag-selector .trait-list td.list input[type=checkbox], #tag-selector .trait-list td.list label { float: left; line-height: 1.6em; height: 1.6em; margin: 0px 2px; padding: 0px; font-size: inherit; } #tag-selector .trait-list td.list input[type=checkbox] { clear: left; } #tag-selector .trait-header { flex: 0 0 32px; line-height: 32px; text-align: center; margin: 0; } #tag-selector .trait-header .header-search { flex: 1; } #tag-selector .trait-header .header-search input { background: rgba(255, 255, 245, 0.8); width: calc(100% - 26px); margin: 0 2px; } #tag-selector .trait-footer { flex: 0 0 32px; line-height: 32px; margin: 0; margin-bottom: 5px; border-top: 1px solid grey; } #tag-selector .window { overflow-y: hidden; } #tag-selector .window .trait-label { line-height: normal; } #tag-selector .window .trait-selection-label { display: flex; align-items: center; } #tag-selector .window .trait-selection-label .trait-label { margin-left: 5px; } #tag-selector .window input:not([type=checkbox]) { flex: 1.8; } .default section.window-content { padding: 0; overflow: hidden; } /* Adjust height of the header */ .ability-builder-popup .window-content { background: url("../assets/sheet/background.webp"); background-repeat: repeat-x, no-repeat; background-size: cover; background-attachment: local; height: 100%; padding: 10px 20px 10px 20px; position: relative; } .ability-builder-popup .window-content h3 { font: 400 var(--font-size-24) var(--serif-condensed); line-height: var(--font-size-24); } .ability-builder-popup .window-content h4 { font: 400 var(--font-size-10) var(--sans-serif); text-transform: uppercase; color: #605856; } .ability-builder-popup .window-content button:focus:not(:focus-visible) { box-shadow: none; } .ability-builder-popup .window-content .row { display: flex; align-items: center; } .ability-builder-popup .window-content .row .row-heading { width: 220px; } .ability-builder-popup .window-content .row.not-eligible { pointer-events: none; filter: blur(1px); opacity: 0.6; } .ability-builder-popup .window-content .row.not-eligible .remaining { visibility: hidden; } .ability-builder-popup .window-content .row .abilities { display: grid; grid-template-columns: repeat(6, 84px); grid-template-rows: auto; flex: 0 0 auto; } .ability-builder-popup .window-content .row .full-row { display: flex; flex: 1; justify-content: center; } .ability-builder-popup .window-content header.row { align-items: normal; padding-top: 10px; height: 60px; } .ability-builder-popup .window-content header.row .row-column { display: block; } .ability-builder-popup .window-content header.row .abilities { align-items: normal; } .ability-builder-popup .window-content .background-stripes { position: absolute; left: 0; top: 0; bottom: 50px; right: 0; padding: 10px 20px 10px 20px; pointer-events: none; align-items: normal; } .ability-builder-popup .window-content .background-stripes .abilities div:nth-child(odd) { background-color: rgba(68, 55, 48, 0.1); } .ability-builder-popup .window-content .voluntary-flaw-row { margin: 0.5rem 0; } .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons { display: flex; flex-direction: row; } .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button { flex: 1 1 0; } .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.first { border-bottom-right-radius: 0; border-right: none; border-top-right-radius: 0; width: 4em; } .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.second { border-bottom-left-radius: 0; border-top-left-radius: 0; max-width: 2em; text-transform: none; } .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.second.selected { border-left-color: rgba(255, 255, 255, 0.5); } .ability-builder-popup .window-content .row-heading { display: grid; grid-template-columns: 42px 1fr auto; grid-template-areas: "img description remaining"; align-items: center; } .ability-builder-popup .window-content .row-heading h3 { grid-column: 1/4; align-self: start; font-size: var(--font-size-24); } .ability-builder-popup .window-content .row-heading .hint-container { grid-column: 1/4; } .ability-builder-popup .window-content .row-heading img { grid-area: img; border: 0; } .ability-builder-popup .window-content .row-heading div.label { grid-area: description; display: flex; flex-direction: column; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 10px; } .ability-builder-popup .window-content .row-heading div.remaining { grid-area: remaining; display: flex; margin-right: 10px; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: rgba(68, 55, 48, 0.1); align-self: center; align-items: center; justify-content: center; text-align: center; } .ability-builder-popup .window-content .row-heading div.remaining.extra { animation: glow 0.5s infinite alternate; } @keyframes glow { from { box-shadow: 0 0 1px 1px #ffb351; } to { box-shadow: 0 0 3px 3px #ffb351; } } .ability-builder-popup .window-content .row-column { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; } .ability-builder-popup .window-content .row-column button { align-items: center; border: 1px solid var(--button-color); color: var(--button-color); display: flex; font-size: var(--font-size-12); justify-content: space-around; outline: none; margin: 0; padding: 0.1em 0 0; position: relative; text-transform: uppercase; width: 6em; height: 1.5em; } .ability-builder-popup .window-content .row-column button.boost { margin-top: auto; --button-color: #316549; --button-locked-color: #1b3c2a; } .ability-builder-popup .window-content .row-column button.flaw { margin-bottom: auto; --button-color: #5e0000; --button-locked-color: #5e0000; } .ability-builder-popup .window-content .row-column button.selected { background: var(--button-color); } .ability-builder-popup .window-content .row-column button:hover { box-shadow: 0 0 5px var(--button-color); cursor: pointer; } .ability-builder-popup .window-content .row-column button:hover.key-ability.selected { box-shadow: none; cursor: default; } .ability-builder-popup .window-content .row-column button:hover:disabled { background: rgba(0, 0, 0, 0.04); box-shadow: none; cursor: not-allowed; } .ability-builder-popup .window-content .row-column button i.fas { font-size: var(--font-size-10); left: 0.5em; position: absolute; text-align: left; } .ability-builder-popup .window-content .row-column button.hidden { pointer-events: none; visibility: hidden; } .ability-builder-popup .window-content .row-column button:disabled { background: rgba(0, 0, 0, 0.04); opacity: 0.4; } .ability-builder-popup .window-content .row-column button:disabled:active { pointer-events: none; } .ability-builder-popup .window-content .row-column button.locked { background: var(--button-locked-color); border-color: var(--button-locked-color); pointer-events: none; } .ability-builder-popup .window-content .row-column button.locked, .ability-builder-popup .window-content .row-column button.selected { color: white; } .ability-builder-popup .window-content .row-column div + .boost, .ability-builder-popup .window-content .row-column button + .boost { margin-top: 4px; } .ability-builder-popup .window-content .summary-row .row-heading { display: block; } .ability-builder-popup .window-content .summary-row .hint-container { background: rgba(211, 204, 188, 0.4); padding: 12px; margin-right: 10px; border: 1px solid rgb(211, 204, 188); border-radius: 3px; align-self: end; } .ability-builder-popup .window-content .summary-row .hint-container h3 { color: var(--primary); font-variant: small-caps; font-size: var(--font-size-20); line-height: var(--font-size-16); font-family: var(--sans-serif-condensed); font-weight: 500; } .ability-builder-popup .window-content .summary-row .hint-container p { font-style: italic; font-size: var(--font-size-12); line-height: var(--font-size-14); font-family: var(--sans-serif); font-weight: 500; margin-bottom: 3px; } .ability-builder-popup .window-content .summary-row .hint-container label { display: flex; align-items: center; margin-top: 10px; } .ability-builder-popup .window-content .summary-row .abilities { grid-template-rows: auto auto; } .ability-builder-popup .window-content .summary-row .row-column { display: flex; flex-direction: column; padding-top: 10px; } .ability-builder-popup .window-content .summary-row .row-column .value { height: 40px; font: 700 var(--font-size-24) var(--serif); line-height: var(--font-size-30); } .ability-builder-popup .window-content .summary-row .row-column input { width: calc(100% - 20px); flex-grow: 0; height: 30px; color: var(--text-dark); font: 500 var(--font-size-24) var(--serif); border: 0; border-bottom: 1px solid #D3CCBC; border-radius: 0; background-color: transparent; margin: 0 10px 10px 10px; } .ability-builder-popup .window-content .summary-row .row-column input::placeholder { filter: opacity(0.5); } .ability-builder-popup .window-content .summary-row .row-column input:focus { border-bottom: 1px solid var(--alt); } .ability-builder-popup .window-content .summary-row .row-column input[type=number] { padding-bottom: 0; padding-left: 4px; } .ability-builder-popup .window-content .summary-row .complete { grid-row: 2; grid-column: 1/7; margin-top: 10px; margin-left: auto; } .ability-builder-popup .window-content .summary-row button.complete { color: white; background: var(--secondary); height: 35px; width: 131px; border: 1px solid var(--tertiary); } .ability-builder-popup .window-content .title { color: var(--primary); font: 500 var(--font-size-10) var(--sans-serif-condensed); line-height: var(--font-size-10); text-transform: uppercase; } .ability-builder-popup .window-content div[data-tooltip-content].description, .ability-builder-popup .window-content div[data-tooltip-content] .description { text-decoration: underline dotted; text-underline-offset: 2px; } .ability-builder-popup .window-content .description { font: 600 var(--font-size-16) var(--serif); } .ability-builder-popup .window-content .extra { display: flex; align-items: center; font-size: var(--font-size-12); margin-top: -0.25rem; } .ability-builder-popup .window-content .extra .fas { margin-left: 0.125rem; } .ability-builder-popup .window-content .extra input[type=checkbox] { height: var(--font-size-12); margin: 0; } .crb-hover .tooltipster-box .tooltipster-content .hover-content h2:not(:first-child) { margin-top: 10px; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li { white-space: nowrap; display: flex; flex-direction: row; align-items: center; } .crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li i { font-size: var(--font-size-5); margin-right: 5px; } .iwr-editor { max-height: 500px; } .iwr-editor a.document-id-link { display: none; } .iwr-editor .entries { display: flex; flex-direction: column; gap: 0.5em; } .iwr-editor .entries .entry { padding: 0.25em 0.5em; } .iwr-editor .entries .entry label { flex: unset; margin-right: 0.5em; white-space: nowrap; width: 6em; } .iwr-editor .entries .entry a.form-action, .iwr-editor .entries .entry i.synthetic-source { flex: 0; margin-left: auto; } .iwr-editor .entries .entry:not(.new):nth-child(odd) { background-color: rgba(0, 0, 0, 0.075); } .iwr-editor select { max-width: fit-content; } .iwr-editor select:disabled { color: var(--color-text-dark-7); } .iwr-editor tags.tagify.pf2e-tagify { background: rgba(0, 0, 0, 0.05); border: 1px solid var(--color-border-light-tertiary); } .iwr-editor input[type=number] { max-width: 5ch; margin-left: 0.5em; } body > .choices__list--dropdown { background-color: white; position: fixed; } .actor.sheet .image-container { position: relative; } .actor.sheet .image-container .actor-image { cursor: pointer; } .actor.sheet .image-container .hover-icon { display: none; font-size: var(--font-size-16); } .actor.sheet .image-container:hover .hover-icon { display: block; } .actor.sheet .image-container [data-action=show-image] { position: absolute; bottom: 0; right: 0; } .actor.sheet h3 { border-bottom: none; } .actor.sheet button > i { margin-right: 0; } .actor.sheet .item-summary { overflow: hidden; } .actor.sheet .item-summary .item-buttons button { background-color: var(--primary); border: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); border-top: 1px solid #ff5e5e; border-bottom: 1px solid black; color: white; cursor: pointer; font-family: var(--serif); font-size: var(--font-size-14); font-weight: 500; line-height: 1.8em; margin: 8px 0 0 0; padding: 0 8px; } .actor.sheet .item-summary .item-buttons button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet .expandable:not(.expanded) .item-summary { display: none; } .actor.sheet .inventory ol:not(.currency) { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; } .actor.sheet .inventory .item-name { display: flex; align-items: center; font-weight: 500; flex: 2; } .actor.sheet .inventory .item-name h3, .actor.sheet .inventory .item-name h4 { margin: auto auto auto 0; line-height: var(--font-size-12); padding: 2px; word-break: break-word; cursor: pointer; } .actor.sheet .inventory .item-name h3:hover, .actor.sheet .inventory .item-name h4:hover { color: var(--primary); } .actor.sheet .inventory .item-name span { margin: 0 4px; } .actor.sheet .inventory .item-name .item-image { box-shadow: inset 0 0 0 1px var(--tertiary); margin-right: 4px; } .actor.sheet .inventory .item-name .item-image img { border-radius: 0; } .actor.sheet .inventory .item-name .size { font-size: 0.8em; color: var(--alt); margin: 0; } .actor.sheet .inventory .item-name .item-charges { color: var(--sub); } .actor.sheet .inventory .inventory-list, .actor.sheet .inventory .inventory-items { list-style-type: none; flex-direction: column; width: 100%; position: relative; margin: 0; padding: 0; } .actor.sheet .inventory .inventory-list > li:nth-of-type(even), .actor.sheet .inventory .inventory-items > li:nth-of-type(even) { background-color: rgba(120, 100, 82, 0.1); } .actor.sheet .inventory .inventory-list .item, .actor.sheet .inventory .inventory-items .item { display: flex; flex-wrap: wrap; font-size: var(--font-size-12); justify-content: flex-start; width: 100%; } .actor.sheet .inventory .inventory-list .list-row:last-child .item-summary, .actor.sheet .inventory .inventory-items .list-row:last-child .item-summary { border-bottom: none; } .actor.sheet .inventory .inventory-list .temporary-item, .actor.sheet .inventory .inventory-items .temporary-item { background-color: rgba(0, 5, 255, 0.1137254902); } .actor.sheet .inventory .inventory-list { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; height: calc(100% - 60px); padding-right: 0.15rem; } .actor.sheet .inventory .item-quantity, .actor.sheet .inventory .item-weight, .actor.sheet .inventory .item-controls, .actor.sheet .inventory .item-sell-value { display: flex; justify-content: center; align-items: center; flex: 0 0 68px; } .actor.sheet .inventory .item-sell-value { justify-content: flex-end; padding-right: 3px; } .actor.sheet .inventory .item-quantity { justify-content: space-around; } .actor.sheet .inventory .item-quantity .item-decrease-quantity, .actor.sheet .inventory .item-quantity .item-increase-quantity { display: flex; justify-content: center; align-items: center; font-family: var(--sans-serif-monospace); height: 100%; text-align: center; width: 18px; } .actor.sheet .inventory .item-weight { flex: 0 0 36px; font-weight: 500; } .actor.sheet .inventory .item-controls { flex: 0 0 90px; font-size: var(--font-size-12); gap: 1px; justify-content: flex-end; } .actor.sheet .inventory .inventory-header { align-items: center; background-color: var(--alt); color: white; display: flex; font-family: var(--sans-serif); font-size: var(--font-size-10); justify-content: flex-end; letter-spacing: 0.05em; line-height: 1; padding: 4px 0; text-rendering: optimizeLegibility; text-transform: uppercase; width: 100%; } .actor.sheet .inventory .inventory-header h3 { font-size: var(--font-size-14); text-transform: capitalize; text-shadow: 0 0 2px rgba(0, 0, 0, 0.75); margin: 2px; margin-left: 4px; cursor: default; } .actor.sheet .inventory .inventory-header h3:hover { color: white; } .actor.sheet .inventory .inventory-header .item-name { padding-left: 4px; } .actor.sheet .inventory .inventory-header .item-sell-value, .actor.sheet .inventory .inventory-header .item-quantity, .actor.sheet .inventory .inventory-header .item-weight { display: flex; justify-content: center; align-items: center; } .actor.sheet .inventory .inventory-header .item-invested-total { flex: none; margin-right: 1em; } .actor.sheet .inventory .inventory-header .item-controls { padding-right: 0.4em; } .actor.sheet .inventory .inventory-header .overinvested { color: orange; text-shadow: 1px 1px 0px black; } .actor.sheet .inventory .item { width: 100%; } .actor.sheet .inventory .item .item-quantity, .actor.sheet .inventory .item .item-weight, .actor.sheet .inventory .item .item-controls, .actor.sheet .inventory .item .item-sell-value { border-left: 1px solid var(--alt); } .actor.sheet .inventory .list-row { width: 100%; } .actor.sheet .inventory .list-row .item-controls { color: var(--body); font-size: var(--font-size-13); } .actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest.active, .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active { color: var(--secondary); } .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type { color: rgba(0, 0, 0, 0.5); text-align: right; } .actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest { color: rgba(0, 0, 0, 0.5); } .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack { margin: -3px -2px 0; } .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1, .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 { left: 1px; position: relative; } .actor.sheet .inventory .list-row.drag-preview { box-shadow: 0 0 6px inset var(--color-shadow-highlight); } .actor.sheet .inventory .list-row.drag-gap { visibility: hidden; } .actor.sheet .inventory .container-metadata .container-capacity { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; position: relative; background-color: rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 4px black; color: white; display: flex; width: 100%; } .actor.sheet .inventory .container-metadata .container-capacity .container-capacity-bar { background-color: var(--secondary); border-radius: 0 2px 2px 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.1); padding: 8px 0; } .actor.sheet .inventory .container-metadata .container-capacity .container-capacity-label { position: absolute; height: 100%; top: 0; left: 0; padding: 2px; } .actor.sheet .inventory .container-metadata .container-capacity.over-limit .container-capacity-bar { background-color: var(--primary); } .actor.sheet .inventory .container-metadata .container-held-items { padding-left: 10px; } .actor.sheet .inventory .container-metadata .container-held-items li:nth-of-type(even) { background-color: rgba(120, 100, 82, 0.1); } .actor.sheet .inventory .container-metadata .container-held-items li:first-of-type .item::before { height: 50%; top: 0; } .actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .item::after { border: none; } .actor.sheet .inventory .container-metadata .container-held-items .item { position: relative; } .actor.sheet .inventory .container-metadata .container-held-items .item::before, .actor.sheet .inventory .container-metadata .container-held-items .item::after { position: absolute; border-left: 1px solid var(--alt); top: 0; height: 50%; left: -5px; width: 5px; content: ""; } .actor.sheet .inventory .container-metadata .container-held-items .item::before { border-bottom: 1px solid var(--alt); top: 0; } .actor.sheet .inventory .container-metadata .container-held-items .item::after { top: 50%; } .actor.sheet .inventory .container-metadata .container-held-items .item .item-summary { border-left: 1px solid var(--alt); } .actor.sheet .inventory .item-summary { flex: 100%; padding: 4px 8px 8px; border-top: 1px solid var(--alt); border-bottom: 1px solid var(--alt); background: var(--bg); } .actor.sheet .inventory .item-summary span[data-visibility=all] { display: inline-block; line-height: 1em; padding: 2px 1px 1px; } .actor.sheet .inventory .item-summary .item-buttons .weapon_attack { background: var(--primary); } .actor.sheet .inventory .item-summary .item-buttons .weapon_attack2, .actor.sheet .inventory .item-summary .item-buttons .weapon_attack3 { color: rgba(0, 0, 0, 0.75); background: var(--tertiary); flex: 0 50%; margin-top: 0; } .actor.sheet .inventory .item-summary .item-buttons .weapon_attack2 { border-radius: 0 0 0 2px; } .actor.sheet .inventory .item-summary .item-buttons .weapon_attack3 { border-radius: 0 0 2px 0; } .actor.sheet .item-image { display: flex; cursor: pointer; position: relative; font-size: var(--font-size-16); height: 24px; width: 24px; } .actor.sheet .item-image.framed { background-color: var(--tertiary); } .actor.sheet .item-image.framed img { border-radius: 2px; } .actor.sheet .item-image.framed, .actor.sheet .item-image.framed i { border: none; border-radius: 2px; box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5); } .actor.sheet .item-image img { border: none; } .actor.sheet .item-image i { display: none; position: absolute; width: 100%; height: 100%; color: black; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); } .actor.sheet .item-image:hover i { background: #f1eee9; display: flex; justify-content: center; align-items: center; } .actor.sheet .alignment-select { background-color: #566193; border: 2px solid #d8c384; color: white; } .actor.sheet .size-select { background-color: #3a7a58; border: 2px solid #d8c384; color: white; } .actor.sheet .rarity-select { border: 2px solid #d8c384; color: white; } .actor.sheet .rarity-select.common { background-color: #323232; } .actor.sheet .rarity-select.uncommon { background-color: #98513d; } .actor.sheet .rarity-select.rare { background-color: #002664; } .actor.sheet .rarity-select.unique { background-color: #54166e; } .actor.sheet.character .crb-style .skill-prof .pf-rank, .actor.sheet.character .crb-style .save-prof .pf-rank, .actor.sheet.character .crb-style .perception-prof .pf-rank, .actor.sheet.character .crb-style .spellcasting-prof .pf-rank, .actor.sheet.character .crb-style .classdc-rank .pf-rank { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; align-items: center; background: #424242; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); color: var(--text-light); cursor: pointer; display: flex; font-weight: 500; justify-content: center; padding: 2px 1px 1px 1px; text-align-last: center; } .actor.sheet.character .crb-style .skill-prof .pf-rank.readonly, .actor.sheet.character .crb-style .save-prof .pf-rank.readonly, .actor.sheet.character .crb-style .perception-prof .pf-rank.readonly, .actor.sheet.character .crb-style .spellcasting-prof .pf-rank.readonly, .actor.sheet.character .crb-style .classdc-rank .pf-rank.readonly { pointer-events: none; } .actor.sheet.character .crb-style .skill-prof span, .actor.sheet.character .crb-style .save-prof span, .actor.sheet.character .crb-style .perception-prof span, .actor.sheet.character .crb-style .spellcasting-prof span, .actor.sheet.character .crb-style .classdc-rank span { min-width: 61px; pointer-events: none; } .actor.sheet.character .crb-style .skill-prof option[value="0"], .actor.sheet.character .crb-style .save-prof option[value="0"], .actor.sheet.character .crb-style .perception-prof option[value="0"], .actor.sheet.character .crb-style .spellcasting-prof option[value="0"], .actor.sheet.character .crb-style .classdc-rank option[value="0"] { background: #424242; } .actor.sheet.character .crb-style .skill-prof span.trained, .actor.sheet.character .crb-style .skill-prof select[data-rank="1"], .actor.sheet.character .crb-style .skill-prof option[value="1"], .actor.sheet.character .crb-style .save-prof span.trained, .actor.sheet.character .crb-style .save-prof select[data-rank="1"], .actor.sheet.character .crb-style .save-prof option[value="1"], .actor.sheet.character .crb-style .perception-prof span.trained, .actor.sheet.character .crb-style .perception-prof select[data-rank="1"], .actor.sheet.character .crb-style .perception-prof option[value="1"], .actor.sheet.character .crb-style .spellcasting-prof span.trained, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="1"], .actor.sheet.character .crb-style .spellcasting-prof option[value="1"], .actor.sheet.character .crb-style .classdc-rank span.trained, .actor.sheet.character .crb-style .classdc-rank select[data-rank="1"], .actor.sheet.character .crb-style .classdc-rank option[value="1"] { background: #171f69; } .actor.sheet.character .crb-style .skill-prof span.expert, .actor.sheet.character .crb-style .skill-prof select[data-rank="2"], .actor.sheet.character .crb-style .skill-prof option[value="2"], .actor.sheet.character .crb-style .save-prof span.expert, .actor.sheet.character .crb-style .save-prof select[data-rank="2"], .actor.sheet.character .crb-style .save-prof option[value="2"], .actor.sheet.character .crb-style .perception-prof span.expert, .actor.sheet.character .crb-style .perception-prof select[data-rank="2"], .actor.sheet.character .crb-style .perception-prof option[value="2"], .actor.sheet.character .crb-style .spellcasting-prof span.expert, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="2"], .actor.sheet.character .crb-style .spellcasting-prof option[value="2"], .actor.sheet.character .crb-style .classdc-rank span.expert, .actor.sheet.character .crb-style .classdc-rank select[data-rank="2"], .actor.sheet.character .crb-style .classdc-rank option[value="2"] { background: #3c005e; } .actor.sheet.character .crb-style .skill-prof span.master, .actor.sheet.character .crb-style .skill-prof select[data-rank="3"], .actor.sheet.character .crb-style .skill-prof option[value="3"], .actor.sheet.character .crb-style .save-prof span.master, .actor.sheet.character .crb-style .save-prof select[data-rank="3"], .actor.sheet.character .crb-style .save-prof option[value="3"], .actor.sheet.character .crb-style .perception-prof span.master, .actor.sheet.character .crb-style .perception-prof select[data-rank="3"], .actor.sheet.character .crb-style .perception-prof option[value="3"], .actor.sheet.character .crb-style .spellcasting-prof span.master, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="3"], .actor.sheet.character .crb-style .spellcasting-prof option[value="3"], .actor.sheet.character .crb-style .classdc-rank span.master, .actor.sheet.character .crb-style .classdc-rank select[data-rank="3"], .actor.sheet.character .crb-style .classdc-rank option[value="3"] { background: #664400; } .actor.sheet.character .crb-style .skill-prof span.legendary, .actor.sheet.character .crb-style .skill-prof select[data-rank="4"], .actor.sheet.character .crb-style .skill-prof option[value="4"], .actor.sheet.character .crb-style .save-prof span.legendary, .actor.sheet.character .crb-style .save-prof select[data-rank="4"], .actor.sheet.character .crb-style .save-prof option[value="4"], .actor.sheet.character .crb-style .perception-prof span.legendary, .actor.sheet.character .crb-style .perception-prof select[data-rank="4"], .actor.sheet.character .crb-style .perception-prof option[value="4"], .actor.sheet.character .crb-style .spellcasting-prof span.legendary, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="4"], .actor.sheet.character .crb-style .spellcasting-prof option[value="4"], .actor.sheet.character .crb-style .classdc-rank span.legendary, .actor.sheet.character .crb-style .classdc-rank select[data-rank="4"], .actor.sheet.character .crb-style .classdc-rank option[value="4"] { background: #5e0000; } .actor.sheet.character .crb-style aside .sidebar a.roll-icon.rest { padding-bottom: 0; } .actor.sheet.character .crb-style aside .sidebar .class-dc.secondary { margin-top: 0.2em; } .actor.sheet.character .crb-style aside .sidebar .class-dc .classdc-rank { align-items: center; display: flex; gap: 0.5em; } .actor.sheet.character .crb-style header.char-header .char-details .dots { display: flex; font-size: var(--font-size-10); } .actor.sheet.character .crb-style header.char-header .char-details .dots .label { color: var(--sidebar-label); padding-left: 3px; margin-right: 8px; font-weight: 700; } .actor.sheet.character .crb-style header.char-header .char-level .exp-data { display: flex; flex-direction: column; justify-content: space-between; padding: 0.5em 0; position: relative; } .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input { font-size: var(--font-size-13); height: 1.5em; } .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input { color: var(--text-light); font-family: var(--sans-serif); text-align: right; width: 3em; } .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input .slash { color: var(--sidebar-label); } .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress { background-color: unset; border: 1px solid rgba(255, 255, 255, 0.1); border-left: none; bottom: 7px; box-shadow: 0 0 2px var(--sidebar-label); height: 5px; left: -9px; position: absolute; width: 7em; } .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-moz-progress-bar { background: var(--sidebar-title); } .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-bar { background: rgba(0, 0, 0, 0.2); } .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-value { background: var(--sidebar-title); } .actor.sheet.character .crb-style nav.sheet-navigation .item.to-hide { opacity: 45%; } .actor.sheet.character .crb-style nav.sheet-navigation .item.hidden { display: none; } .actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon { clip-rule: evenodd; fill-rule: evenodd; padding: 4px; position: relative; stroke-linejoin: round; stroke-miterlimit: 2; top: -1px; } .actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon path { fill-rule: nonzero; } .actor.sheet.character .crb-style nav.sheet-navigation .manage-tabs { color: white; margin: 0; padding: 0 6px; } .actor.sheet.character .crb-style .sheet-body .sheet-content > .tab.active { display: flex; height: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content > .tab:not(.inventory, .actions), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab-content { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; flex-grow: 1; min-height: 0; overflow: hidden scroll; margin-left: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content nav + .tab-content { padding-top: 12px; } .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header { position: relative; margin-top: 0.75em; font-size: var(--font-size-16); font-family: var(--serif); font-weight: 600; color: var(--primary); line-height: 1; border-bottom: 1px solid var(--color-border-divider); } .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls { position: absolute; bottom: -1px; right: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header .controls { display: flex; } .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button { background: transparent; border-radius: 2px 2px 0 0; border: 1px solid var(--color-border-divider); color: var(--primary); cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-12); font-weight: 500; height: 20px; line-height: var(--font-size-12); margin: 0; outline: none; text-transform: uppercase; width: auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image { cursor: pointer; display: flex; font-size: var(--font-size-16); height: 24px; min-width: 24px; position: relative; width: 24px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image img { border: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i { display: none; position: absolute; width: 100%; height: 100%; color: black; } .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i { background: #f1eee9; display: flex; justify-content: center; align-items: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed { background-color: var(--tertiary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed, .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i { border: none; border-radius: 2px; box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab { flex-direction: column; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select { width: calc(100% - 6px); background-color: var(--alt); border: 1px solid #605041; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select:disabled { cursor: initial; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character hr { margin: 10px 6px 10px 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 { background-color: rgba(28, 28, 28, 0.1); border: none; color: var(--body); display: flex; font: 700 var(--font-size-14) var(--body-serif); grid-area: mod; line-height: 1; margin: 0; padding: 8px 4px 6px; width: calc(100% - 6px); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a { margin-left: auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a i { position: relative; right: -2px; top: -2px; float: right; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 span.value { display: inline-block; max-width: 87%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details { display: grid; grid: "img alignment deity" 46px "img details details" auto/120px 130px 1fr; margin-top: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame-container { grid-area: img; margin-left: 5px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame { z-index: 3; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame .actor-image { object-fit: cover; object-position: top; border: none; border-radius: 0; max-height: 178px; width: 100%; border: none; box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame [data-action=show-image] { bottom: 5px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment { grid-area: alignment; position: relative; display: flex; align-items: center; justify-content: center; background: url("../assets/sheet/banner-bg.webp") repeat-x center; z-index: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment .bio-alignment { position: absolute; left: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select { background: none; border: none; box-shadow: none; color: var(--text-dark); cursor: pointer; display: block; font-family: var(--body-serif); font-size: var(--font-size-14); font-weight: 700; outline: none; overflow-x: visible; padding-left: 8px; width: auto; line-height: 1; text-transform: capitalize; margin-top: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select option { color: var(--text-light); font: initial; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment input[type=text] { font: 700 var(--font-size-14) var(--body-serif); text-align: center; max-width: 138px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment::after { position: absolute; content: ""; height: 46px; width: 15px; top: 0; right: -11px; background: url("../assets/sheet/banner-bg2.webp") no-repeat right; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity { align-items: center; display: flex; grid-area: deity; margin-left: auto; min-width: 10em; padding-bottom: 0.7em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input { display: flex; flex-flow: column wrap; justify-content: end; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input span { text-align: right; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 { min-width: 9em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 span { max-width: 10em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity img.symbol { border: none; box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black; border-radius: 50%; height: 32px; margin: 0.5rem 0 0 0.5rem; width: 32px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet { grid-area: details; display: grid; grid-template-columns: 44% 55%; grid-template-rows: repeat(2, 42px); grid-row-gap: 8px; padding-left: 12px; margin-top: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_heritage, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_background, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_weight { margin: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .detail-small { display: flex; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control { cursor: pointer; margin-left: auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control i.fa-ellipsis-v:hover { text-shadow: 0 0 8px var(--color-shadow-primary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu { left: -85px; min-width: 105px; padding: 0; text-align: left; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item { font-family: var(--font-primary); font-weight: normal; min-width: 105px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item i { position: static; float: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background { display: flex; flex-wrap: wrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc { display: flex; flex-direction: column; justify-content: start; align-items: start; flex: 20%; margin-bottom: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc span { width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc_ethnicity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc_nationality { flex: 50%; margin-bottom: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits { display: flex; flex-wrap: wrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .tags { width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc { display: flex; flex-direction: column; justify-content: start; align-items: start; flex: 20%; margin-bottom: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span { width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span.speed * { width: 50%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_land-speed, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_size { flex: 50%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_speed-types { flex: 50%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_senses { flex: 50%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_languages { flex: 50%; margin-bottom: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_traits { flex: 50%; margin-bottom: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_bonus-bulk { flex: 1 20%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_bonus-bulk.encumbered { margin-right: 7px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc label, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h4 { margin: 0; white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags { margin: 0; padding: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc select, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h3 { margin-top: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores { margin: 0; padding: 0; display: grid; grid: 1fr/repeat(6, 1fr); justify-content: center; list-style: none; gap: 12px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability { display: grid; grid: "prefix" auto "mod" 1fr "score" auto "label" auto/1fr; column-gap: 10px; align-items: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability:focus-within .ability-id { filter: opacity(1); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-id, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-mod { color: var(--secondary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-name { grid-area: label; margin: 0; text-align: center; padding: 2px; color: rgb(68, 55, 48); opacity: 0.4; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id { text-transform: capitalize; grid-area: prefix; font: 400 22px var(--serif-condensed); color: var(--primary); text-align: center; margin: 0; padding: 0; border: none; position: relative; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id i.fas { position: absolute; font-size: var(--font-size-12); bottom: 4px; left: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score { grid-area: score; display: flex; border-radius: 0; font-size: 0; border: 1px solid #D3CCBC; background: rgba(211, 204, 188, 0.2); margin-top: 4px; height: 30px; align-items: center; justify-content: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score input { width: 100%; font-size: var(--font-size-16); line-height: 16px; border: none; text-align: center; padding: 0; background: transparent; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score div { text-align: center; font-size: var(--font-size-16); line-height: 16px; height: 16px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod { display: flex; justify-content: center; align-items: center; border-image-repeat: repeat; border-image-slice: 11; border-image-source: url("../assets/sheet/frame-elegant.svg"); border-image-width: 14px; border-style: double; grid-area: mod; font-size: var(--font-size-24); font-family: var(--serif); font-weight: 700; height: 46px; margin: 0; padding-right: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions { gap: 0.5rem; padding: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list + .actions-list { margin-top: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike { gap: 3px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name { align-items: start; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name .actions-title { display: flex; flex-direction: column; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name .item-image { height: 32px; width: 32px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo { align-items: center; display: flex; gap: 3px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked { font: normal var(--font-size-12) var(--sans-serif); line-height: var(--font-size-12); padding-top: 3px; width: fit-content; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked[data-compatible=false] { color: rgba(255, 255, 255, 0.6); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked option, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked optgroup { color: white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo .magazine { margin-right: 0.5rem; font-family: var(--sans-serif); font-weight: 600; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo .magazine .icon { display: inline-block; width: 0.9rem; height: 0.9rem; background-image: url("../assets/icons/heavy-bullets.svg"); background-size: cover; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; font-size: var(--font-size-14); margin-bottom: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); border: none; flex: 0; height: 1.25rem; margin: 0; padding: 0 0.5em; white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button span.activity-icon { font-size: var(--font-size-16); line-height: initial; padding-right: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled) { background: var(--secondary); cursor: pointer; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage { background: var(--primary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled):hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options { align-items: center; display: flex; font-size: var(--font-size-14); gap: 2px; padding: 0 3px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options .title { text-transform: uppercase; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button { align-items: center; background: var(--bg-dark); display: flex; justify-content: center; width: 3ch; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button.selected { background: var(--body); color: var(--bg-dark); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button:hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button:active { text-shadow: 0 0 1px #5e0000; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage { flex-basis: 100%; margin-left: calc(3em - 2px); position: relative; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage img.alt-usage-icon { border: none; position: absolute; left: -1.5em; top: 0.15em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions { display: flex; gap: 3px; margin-left: 2.5rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions.weapon-drawn { flex-basis: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; border-radius: 2px; border: none; color: var(--text-dark); flex: 0; font-weight: 500; line-height: 14px; margin: 0; padding: 3px; white-space: nowrap; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button span.activity-icon { line-height: 14px; font-size: var(--font-size-14); margin: 0 0 0 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button p { margin: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled) { background: var(--bg-dark); cursor: pointer; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled):hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled):active { color: #5e0000; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button select.modular { appearance: auto; background: none; color: var(--text-dark); cursor: default; font: inherit; margin-left: 0.5em; padding: 0.15em 0.2em; text-transform: uppercase; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button select.modular option { background: var(--bg-dark); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:has(select.modular:hover) { text-shadow: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .action-name .item-carry-type { color: rgba(0, 0, 0, 0.4); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .action-name .item-carry-type.active { color: var(--primary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: 16px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking input { width: 0; flex: 0 1 48px; background: none; text-align: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking span { white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .item-controls { min-width: 28px; text-align: right; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list { gap: 0.2em; padding-bottom: 1em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item p:empty { display: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name { display: flex; align-items: center; flex: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name h4 { cursor: pointer; margin: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image { margin-right: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls { white-space: nowrap; font-size: var(--font-size-12); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a + a { margin-left: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary { flex-basis: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .title, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing { color: var(--primary); margin: 0; padding: 0; margin-top: 1em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing strong { font-weight: 500; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing + p { margin-top: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary img { border: none; vertical-align: middle; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--body); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-off:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: black; text-shadow: 0 0 2px white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button { margin: 0; border: none; cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; padding: 5px; color: white; width: 70px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--secondary); border-radius: 2px; flex: 0; white-space: nowrap; margin-left: 4px; flex: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item { border-top: 1px solid #d5cac1; border: solid transparent; border-width: 0 0 1px; border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item:last-child { border-bottom: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item-name h4 { font-family: var(--serif); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry { align-items: center; display: flex; flex-wrap: wrap; margin-bottom: 0.25em; padding-bottom: 1em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry:first-child .action-header { justify-content: start; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg { width: var(--font-size-14); height: var(--font-size-14); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path { fill: black; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable:hover svg { animation: rotation 2s infinite linear; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data { align-items: center; display: flex; flex: 1; gap: 1rem; margin: 0.5em 0.25rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data section { display: flex; align-items: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .rollable { cursor: pointer; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button { width: auto; line-height: 1.5em; padding-top: 1px; margin-bottom: 1px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button i { font-size: 0.9em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score { font-family: var(--serif); font-weight: bold; font-size: 1rem; letter-spacing: -1px; line-height: 1; color: var(--secondary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values { display: flex; gap: 0.5rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .skill-data { display: flex; gap: 0.25rem; white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values h4 { white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .spell-attack { cursor: pointer; gap: 0.1rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool { cursor: pointer; gap: 0.25em; position: relative; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool img.pool-size { border: none; width: 34px; height: 32px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips { display: flex; font-size: var(--font-size-10); gap: 1px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips i { padding-bottom: 0.08rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool h4 { white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability { gap: 0.5em; margin-left: auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability .spell-tradition { font-family: var(--body-serif); font-weight: 600; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .pf-rank { margin-bottom: 0.13rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellbook-empty { margin: 8px 0; background: none; border: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row { grid-column: span 4; text-align: center; width: 100%; display: flex; justify-content: space-evenly; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row a { width: 100%; margin-bottom: 12px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane { margin: 0; padding: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h6 { margin: 0; padding: 0; line-height: 1; display: flex; align-items: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1 { font-family: var(--serif); border: none; color: var(--primary); text-align: center; justify-content: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h6 { padding: 2px 4px; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; color: white; display: flex; justify-content: center; align-items: center; cursor: pointer; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .core-title { width: 100%; text-align: left; margin: 0; padding: 0; margin-left: 0; padding-top: 10px; padding-left: 12px; height: 43px; border: none; color: white; font-family: var(--serif); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; align-items: center; margin-bottom: 2em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill { border-image-repeat: repeat; border-image-slice: 11; border-image-source: url("../assets/sheet/frame-elegant.svg"); border-image-width: 14px; border-style: double; padding: 2px 15px 2px 6px; display: grid; grid: "score name btn" min-content/42px 2fr 1fr; align-items: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable { cursor: pointer; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable:hover { color: var(--primary); text-shadow: 0 0 2px white; text-decoration: underline; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .skill-score, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-score, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-score { grid-area: score; margin-right: 4px; margin-top: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .skill-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name { grid-area: name; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group { grid-area: btn; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group h6, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group h6, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group h6 { margin: 1px 0; background: var(--sub); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group h6:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group h6:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group h6:hover { background: var(--primary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom { position: relative; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom a.delete, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom a.delete, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom a.delete { position: absolute; top: -8px; right: -8px; z-index: -1; opacity: 0.75; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom a.delete:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom a.delete:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom a.delete:hover { z-index: 1; opacity: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom:hover a.delete, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom:hover a.delete, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom:hover a.delete { z-index: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill { grid: "score name btn" min-content/42px 2fr 1fr; padding: 2px 15px 2px 6px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-score, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-score { margin-right: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name input { color: var(--body) !important; border-bottom: 1px solid var(--sub); margin-right: 4px; font-weight: 600; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name input:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name input:hover { border: 1px solid var(--sub); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group { grid-area: btn; flex-wrap: nowrap; margin-left: auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group .item-controls { font-size: var(--font-size-12); margin-top: 1px; margin-left: 0.5rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list { grid-template-columns: 1fr; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list { grid-template: repeat(2, 1fr); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .item { grid-column: 1/3; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lore-header .item-controls { white-space: nowrap; color: white; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lore-header .item-controls .item-control { padding: 4px; background: var(--secondary); font-size: var(--font-size-10); border-radius: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats { padding-bottom: 1em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-section { padding-bottom: 1em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item { display: grid; grid: "name ctrl" min-content "content content" min-content/1fr min-content; align-items: center; padding: 2px 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item:nth-child(odd) { background-color: rgba(120, 100, 82, 0.1); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls { margin: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name { grid-area: name; display: flex; flex: 1; align-items: center; width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title { display: flex; font-family: var(--serif); font-size: 1.1em; font-weight: 600; color: var(--secondary); justify-content: center; width: 20px; margin-left: 6px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-placeholder { margin-left: 40px; margin-right: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4 { cursor: pointer; display: flex; align-items: center; font-family: var(--serif); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover { color: var(--primary); text-shadow: 0 0 3px var(--tertiary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image { margin-left: 8px; margin-right: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls { align-items: center; display: flex; font-size: var(--font-size-12); grid-area: ctrl; height: 100%; white-space: nowrap; width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls a:last-child { margin-right: 6px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-summary { flex: 100%; grid-area: content; padding: 0 8px 8px; margin: 4px 0 0 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items { grid-column: span 2; border-left: 3px dotted #786452; display: flex; margin: 1px 0 0 45px; padding: 0; flex-basis: 100%; flex-direction: column; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li { align-items: center; display: flex; flex-wrap: wrap; gap: 2px; margin: 2px 0; padding-bottom: 1px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li:last-child { padding-bottom: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name .feat-slot-title { width: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name img { margin-left: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-controls { flex: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li ol.nested-items { margin-left: 25px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography { padding-right: 20px !important; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality { display: flex; flex-wrap: wrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .h3 { display: block; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .bio { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex: 50%; margin-bottom: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .bio span { width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-campaign-notes { display: flex; flex-direction: column; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-campaign-notes span { width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory { height: calc(100% - 40px); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list { padding-right: 0.1rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-common { border-color: #323232; color: #323232; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-uncommon { border-color: #98513d; color: #98513d; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-rare { border-color: #002664; color: #002664; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-unique { border-color: #54166e; color: #54166e; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .item-controls { flex: 0 0 100px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-items { border: 1px solid var(--alt); border-top: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth { margin-bottom: 0.5rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-header { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); margin-top: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-header:first-child { margin-top: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance { align-items: center; display: grid; grid: "img bar overflow" min-content/24px 1fr; margin: auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance img { grid-area: img; border: none; border-radius: 2px; box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5); border-radius: 0; position: relative; z-index: 4; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-bar { position: relative; z-index: 2; grid-area: bar; height: 16px; width: 100%; background-color: var(--secondary); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.2); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-label { position: relative; z-index: 3; grid-area: bar; color: white; font-family: var(--serif); font-size: var(--font-size-12); font-weight: 500; padding: 0 8px; padding-top: 2px; display: flex; align-items: center; justify-content: space-between; width: 100%; text-shadow: 0 0 2px black; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-light-bulk-overflow { position: relative; z-index: 3; grid-area: overflow; color: black; font-family: var(--serif); font-size: var(--font-size-12); font-weight: 500; padding: 0 8px; padding-top: 2px; display: flex; align-items: center; justify-content: space-between; width: 100%; text-shadow: 0 0 2px white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .bar-bg { position: relative; z-index: 1; grid-area: bar; width: 100%; height: 16px; background-color: rgba(0, 0, 0, 0.5); border-radius: 0 2px 2px 0; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.75); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance.over-limit .encumbrance-bar { background-color: var(--primary) !important; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs { gap: 0.2em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item p:empty { display: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name { display: flex; align-items: center; flex: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name h4 { cursor: pointer; margin: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name .item-image { margin-right: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls { white-space: nowrap; font-size: var(--font-size-12); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a + a { margin-left: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary { flex-basis: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .title, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing { color: var(--primary); margin: 0; padding: 0; margin-top: 1em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing strong { font-weight: 500; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing + p { margin-top: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary img { border: none; vertical-align: middle; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--body); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-off:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: black; text-shadow: 0 0 2px white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button { margin: 0; border: none; cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; padding: 5px; color: white; width: 70px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--secondary); border-radius: 2px; flex: 0; white-space: nowrap; margin-left: 4px; flex: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section { display: flex; flex-direction: column; gap: 0.25em; margin: 0.75rem 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section:first-child { margin-top: 0.25rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play { align-items: center; display: grid; grid-template-columns: 6em 1em 4em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play > * { width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play input { text-align: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play .dash { font-weight: bold; text-align: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play label.player-number { grid-column: span 2; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump { align-items: center; flex-direction: row; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle { width: 42px; height: 1rem; background: rgba(0, 0, 0, 0.5); position: relative; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle.enabled { background: var(--secondary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after { content: "OFF"; color: black; position: absolute; right: 5px; z-index: 0; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before { content: "ON"; color: white; position: absolute; left: 6px; z-index: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; top: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle label { display: block; width: 18px; height: 14px; position: absolute; top: 1px; right: 20px; cursor: pointer; background: #fcfff4; z-index: 1; background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3); transition: all 0.4s ease; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox] { visibility: hidden; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox]:checked + label { right: 1px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.faction { max-width: fit-content; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations { font-family: var(--serif); gap: 0.2em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation { align-items: center; display: flex; gap: 0.2em; justify-content: space-between; width: 12em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation input { padding: 0 0.3em; text-align: right; width: 3em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options { display: flex; flex-wrap: wrap; margin: 0 1rem 1rem; padding: 0.5rem 1rem; border-image-repeat: repeat; border-image-slice: 11; border-image-source: url("../assets/sheet/frame-elegant.svg"); border-image-width: 14px; border-style: double; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option { display: flex; align-items: center; width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label * { vertical-align: middle; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label input { margin: 0; padding: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; background: none; border: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.item-container, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.item-container { margin-bottom: 0.5em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry { margin-bottom: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry:last-child { margin-bottom: 0.5em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas:first-child .action-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry:first-child .action-header { margin-top: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting { display: flex; align-items: center; justify-content: flex-end; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting *, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting * { flex: 1 0 auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting input[type=checkbox], .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting input[type=checkbox] { height: 1em; width: 1em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header.alchemical-title, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header.alchemical-title { background: var(--secondary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list { margin: 0; padding: 0; width: 100%; flex-basis: 100%; position: relative; z-index: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] h4 { color: var(--color-disabled); text-decoration: line-through; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended { color: var(--primary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item { display: grid; grid: "name dc price quantity controls" 1fr/4fr 0.7fr 1fr 1fr 1fr; align-items: center; justify-items: center; margin: 0; padding: 0; background: none; border: none; border-left: 1px solid var(--sub); border-right: 1px solid var(--sub); cursor: default; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:nth-child(odd) { background-color: rgba(120, 100, 82, 0.1); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child { border-bottom: 1px solid var(--sub); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child .item-image { margin-bottom: 0; margin-top: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header { background: rgba(96, 88, 86, 0.25); border: 1px solid var(--sub); padding: 4px; color: var(--body); font: 600 var(--font-size-12) var(--sans-serif); line-height: 1; letter-spacing: 0.25px; margin: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header h3 { text-transform: capitalize; font-size: var(--font-size-12); margin-left: 0; padding: 4px 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name { line-height: 1; gap: 0.5em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name h3 { margin: 0; padding: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .formula-number { background: var(--alt); border: 1px solid var(--sub); border-radius: 3px; color: white; font-size: var(--font-size-11); height: 14px; max-width: 22px; padding-top: 2px; text-align: center; width: 22px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header input.formula-number { background: var(--alt-dark); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name { cursor: pointer; min-height: 28px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name { justify-self: start; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; line-height: 1.5; flex-basis: 50%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h3 { white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name + span:not(.flex0) { font-size: var(--font-size-12); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name .item-image { margin: 2px 0; margin-left: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4 { margin: 0; padding: 0; margin-left: 8px; line-height: 1; letter-spacing: -0.075em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4:hover { color: var(--secondary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.reagent-resource { justify-content: flex-end; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls { justify-self: end; font-size: var(--font-size-12); margin-right: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls .item-control.disabled { opacity: 0.3; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary { grid-column: 1/6; padding: 8px; border-bottom: 1px solid var(--sub); border-top: 1px solid #aca5a3; background-color: var(--bg); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary p { margin-top: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary .item-buttons button { display: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity { align-items: center; display: flex; justify-content: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust { align-items: center; display: flex; font-family: var(--sans-serif-monospace); justify-content: center; width: 1em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust.decrease { padding-right: 3px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust.increase { padding-left: 3px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity input { width: 1.5rem; text-align: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty { align-items: center; display: flex; justify-content: space-between; min-height: 28px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty > *, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty > * { white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list { margin: 0; padding: 0; display: flex; flex-direction: column; list-style: none; width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list h4 { margin: 0; padding: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list .item ol { list-style: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button { align-items: center; background: var(--secondary); border: black; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: white; display: flex; font-family: var(--serif); font-weight: 500; gap: 0.25em; line-height: 1.8em; justify-content: center; margin: 0; padding: 0 0.5em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button:hover { text-shadow: 0 0 4px white; } .actor.sheet.vehicle .crb-style .sheet-navigation { min-width: 375px; } .actor.sheet.vehicle .crb-style aside .sidebar .save-roll input[type=number] { width: 3ch; font-size: var(--font-size-20); height: 24px; } .actor.sheet.vehicle .crb-style aside .sidebar .hitpoints .container { display: grid; } .actor.sheet.vehicle .crb-style aside .sidebar .armor-class { grid: "ac hardness" 1fr; } .actor.sheet.vehicle .crb-style aside .sidebar .armor-class .shield { padding: 18px 20px 0 20px; } .actor.sheet.vehicle .crb-style aside .sidebar .armor-class .hardness { background: url("../assets/sheet/shield-red.webp") no-repeat top center; } .actor.sheet.vehicle .crb-style aside .sidebar li.tag { font-size: var(--font-size-10); } .actor.sheet.vehicle .crb-style header.char-header .tags select { font-family: var(--sans-serif); font-size: var(--font-size-12); text-transform: uppercase; } .actor.sheet.vehicle .crb-style header.char-header .char-details { font-size: var(--font-size-13); font-weight: normal; } .actor.sheet.vehicle .crb-style .sheet-content > .tab:not(.inventory), .actor.sheet.vehicle .crb-style .sheet-content > .tab .inventory .inventory-list { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; flex-grow: 1; overflow: hidden scroll; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details { display: grid; grid: "img details" 1fr/120px 1fr; min-width: 330px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .frame { margin-left: 5px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .frame .actor-image { margin-top: 8px; max-height: 90%; object-fit: contain; border-radius: 0; border: none; box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .image-container [data-action=show-image] { bottom: 3px; right: 1px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .detail-sheet { display: grid; grid: repeat(2, 42px)/3fr 2fr; grid-row-gap: 8px; padding-left: 12px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .detail-small { display: flex; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties { display: flex; flex-wrap: wrap; padding-top: 8px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties > div { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 8px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties > div > span { width: 100%; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .detailsInput { margin-bottom: 8px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list { gap: 0.2em; padding-bottom: 1em; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item p:empty { display: none; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name { display: flex; align-items: center; flex: 1; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name h4 { cursor: pointer; margin: 0; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name .item-image { margin-right: 8px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls { white-space: nowrap; font-size: var(--font-size-12); } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls a + a { margin-left: 4px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary { flex-basis: 100%; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .title, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing { color: var(--primary); margin: 0; padding: 0; margin-top: 1em; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing strong { font-weight: 500; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing + p { margin-top: 0; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary img { border: none; vertical-align: middle; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--body); } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-off:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: black; text-shadow: 0 0 2px white; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group button { margin: 0; border: none; cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; padding: 5px; color: white; width: 70px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--secondary); border-radius: 2px; flex: 0; white-space: nowrap; margin-left: 4px; flex: 0; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item { border-top: 1px solid #d5cac1; border: solid transparent; border-width: 0 0 1px; border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item-image { border-radius: 2px; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item:last-child { border-bottom: none; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item-name h4 { font-family: var(--serif); } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header { position: relative; margin-top: 0.75em; font-size: var(--font-size-16); font-family: var(--serif); font-weight: 600; color: var(--primary); line-height: 1; border-bottom: 1px solid var(--color-border-divider); } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header > button, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header > .controls { position: absolute; bottom: -1px; right: 0; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header .controls { display: flex; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header button { background: transparent; border-radius: 2px 2px 0 0; border: 1px solid var(--color-border-divider); color: var(--primary); cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-12); font-weight: 500; height: 20px; line-height: var(--font-size-12); margin: 0; outline: none; text-transform: uppercase; width: auto; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list { margin: 0; padding: 0; display: flex; flex-direction: column; list-style: none; width: 100%; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list h4 { margin: 0; padding: 0; } .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list .item ol { list-style: none; } .actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-higher, .actor.sheet.vehicle .crb-style span.adjustable.adjusted-higher { color: #009988; } .actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-lower, .actor.sheet.vehicle .crb-style span.adjustable.adjusted-lower { color: #cc3311; } .actor.sheet.vehicle .crb-style .row-nr-1 { grid-row: 1/2; } .actor.sheet.vehicle .crb-style .row-nr-2 { grid-row: 2/3; } .actor.sheet.vehicle .crb-style .row-nr-3 { grid-row: 3/4; } .actor.sheet.vehicle .crb-style .span-2-columns { grid-column-end: span 2; } .actor.sheet.vehicle .crb-style .flexitem-1 { flex: 1 1 10%; } .actor.sheet.vehicle .crb-style .flexitem-5 { flex: 5 1 50%; } .actor.sheet.vehicle .crb-style .flexitem-full { flex: 100%; } .actor.sheet .crb-style { display: grid; grid: "sidebar header" 75px "sidebar nav" minmax(min-content, max-content) "sidebar content" 1fr/230px 1fr; font-family: var(--body-serif); background: url("../assets/sheet/header.webp"), url("../assets/sheet/background.webp"); background-repeat: repeat-x, no-repeat; background-size: auto 89px, cover; background-attachment: local; height: 100%; /* Navigation */ /** White background navigation with little decorations on the left and right */ /* Page structure elements */ /* Read-Only Sheet */ } .actor.sheet .crb-style .d20-svg { width: 19px; height: 19px; } .actor.sheet .crb-style aside { grid-area: sidebar; color: var(--sidebar-label); font-family: var(--serif); font-size: var(--font-size-10); font-weight: 600; margin-left: 8px; background-image: url("../assets/sheet/red_sidebar_top.webp"), url("../assets/sheet/red_sidebar_bottom.webp"); background-repeat: no-repeat; background-position: center calc(100% - 52px), center bottom; background-size: 224px 100%, 224px 52px; display: flex; flex-direction: column; } .actor.sheet .crb-style aside input[type=number] { -moz-appearance: textfield; color: var(--text-light); text-align: center; font-size: var(--font-size-26); line-height: 1; font-weight: initial; font-family: var(--serif); border: none; } .actor.sheet .crb-style aside input[type=number]:focus { box-shadow: none; } .actor.sheet .crb-style aside input[type=number]::-webkit-outer-spin-button, .actor.sheet .crb-style aside input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .actor.sheet .crb-style aside input[type=number]:read-only { pointer-events: none; color: var(--tertiary-light); } .actor.sheet .crb-style aside input[type=number]:hover { text-shadow: 0 0 4px var(--tertiary); } .actor.sheet .crb-style aside .modifiers_button { background: rgba(255, 255, 255, 0.75); border-radius: 2px 2px 0 0; border: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4); color: var(--primary); flex: 0; font: 600 var(--font-size-9) var(--sans-serif); letter-spacing: 0.05em; line-height: 1; margin: 0; padding: 2px 3px; text-rendering: optimizeLegibility; text-transform: uppercase; white-space: nowrap; } .actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) { background: white; box-shadow: inset 0 0 0 1px white; } .actor.sheet .crb-style aside .logo { margin: 5px -6px 0 -6px; border: none; z-index: 10; max-width: unset; flex-shrink: 0; } .actor.sheet .crb-style aside .sidebar { padding: 0 2px 2px 8px; margin-bottom: 42px; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .actor.sheet .crb-style aside .sidebar::-webkit-scrollbar-track { box-shadow: none; } .actor.sheet .crb-style aside .sidebar h2, .actor.sheet .crb-style aside .sidebar h3, .actor.sheet .crb-style aside .sidebar h4 { margin: 0; line-height: 1; } .actor.sheet .crb-style aside .sidebar_label { color: var(--sidebar-label); font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; white-space: nowrap; } .actor.sheet .crb-style aside .sidebar_title { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; margin: 0.8em 0 0.5em; } .actor.sheet .crb-style aside .sidebar_title:first-of-type { margin-top: 0.5em; margin-bottom: -1px; } .actor.sheet .crb-style aside .sidebar_title h2 { font-family: var(--sans-serif); font-size: var(--font-size-13); font-variant: small-caps; letter-spacing: 0.05em; line-height: 1; color: var(--sidebar-title); flex: 1; } .actor.sheet .crb-style aside .sidebar_title .modifiers_button, .actor.sheet .crb-style aside .sidebar_title h2 { border-bottom: 1px solid var(--sidebar-title); } .actor.sheet .crb-style aside .sidebar a.dots { display: flex; flex-direction: column; gap: 2px; } .actor.sheet .crb-style aside .sidebar a.dots > * { cursor: pointer; } .actor.sheet .crb-style aside .sidebar a.dots .pips { display: flex; justify-content: center; } .actor.sheet .crb-style aside .sidebar .data-value { display: flex; justify-content: center; align-items: center; font-size: 0; /* Removes whitespace for inputs */ } .actor.sheet .crb-style aside .sidebar .data-value h2 { color: var(--tertiary-light); text-align: center; font-size: var(--font-size-26); line-height: 1; font-weight: initial; font-family: var(--serif); border: none; } .actor.sheet .crb-style aside .sidebar a.roll-icon { display: inline-flex; align-items: center; padding-bottom: 2px; } .actor.sheet .crb-style aside .sidebar a.roll-icon i { font-size: var(--font-size-19); color: var(--text-light); transition: all 0.2s ease-in-out; } .actor.sheet .crb-style aside .sidebar a.roll-icon i:hover { transform: scale(1.25); } .actor.sheet .crb-style aside .sidebar a.roll-icon svg { animation-play-state: paused; } .actor.sheet .crb-style aside .sidebar a.roll-icon svg path { fill: var(--text-light); } .actor.sheet .crb-style aside .sidebar a.roll-icon:hover svg { animation-play-state: running; animation: rotation 2s infinite linear; } .actor.sheet .crb-style aside .sidebar a.roll-icon.disabled { cursor: default; filter: brightness(0.75); opacity: 0.75; text-shadow: none; } .actor.sheet .crb-style aside .sidebar a.roll-icon.disabled:hover svg { animation-play-state: paused; } .actor.sheet .crb-style aside .sidebar select { font-size: var(--font-size-15); background-color: var(--primary); padding: 2px 6px; width: 100%; max-width: 100%; border: 1px solid #956d58; /* prettier-ignore */ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5); } .actor.sheet .crb-style aside .sidebar ol { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; } .actor.sheet .crb-style aside .sidebar ol li { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big { display: grid; justify-content: space-evenly; grid-template-columns: repeat(3, 1fr); } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container { text-align: center; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp { text-align: center; margin-right: 8px; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp { text-align: center; margin-left: 8px; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp { margin-top: 12px; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp { display: flex; flex-direction: column; padding: 10px 4px 0; position: relative; z-index: 0; border-radius: 0 0 4px 4px; width: min-content; background-color: var(--primary); background-image: linear-gradient(90deg, #450000 0%, #870000 50%, #450000 100%); border: 1px solid var(--sidebar-title); } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value { margin-top: 3px; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value input[type=number] { font-size: var(--font-size-32); letter-spacing: -1px; height: 32px; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small { display: flex; justify-content: space-evenly; margin: 8px 2px 0 2px; text-align: center; gap: 2px; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small h4, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small label { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .far, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .fas { color: var(--text-light); } .actor.sheet .crb-style aside .sidebar .armor-class { display: grid; grid: "ac shield-hp shield-footer" 74px "shield-data shield-data shield-data" auto/66px 59px auto; grid-column-gap: 4px; } .actor.sheet .crb-style aside .sidebar .armor-class .shield { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; height: 74px; text-align: center; padding: 14px 10px 0 10px; } .actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value h2, .actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value input[type=number] { font-size: var(--font-size-32); width: 55px; } .actor.sheet .crb-style aside .sidebar .armor-class .shield label { white-space: normal; } .actor.sheet .crb-style aside .sidebar .armor-class .shield.ac { grid-area: ac; background: url("../assets/sheet/shield-blue.webp") no-repeat center center; } .actor.sheet .crb-style aside .sidebar .armor-class .shield.hp { grid-area: shield-hp; background: url("../assets/sheet/shield-red.webp") no-repeat top center; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats { grid-area: shield-data; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol { margin-top: 4px; flex-direction: row; height: 100%; padding: 0 4px; justify-content: space-evenly; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li { justify-content: center; font-size: 0; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li + li { margin-left: 8px; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label { position: relative; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg { border: none; width: auto; height: 20px; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg path { fill: var(--tertiary-light); } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg text { fill: var(--dark); } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label:after { display: inline-block; position: absolute; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; color: var(--primary); top: 0; left: 1px; line-height: 1.5; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.ac:after { content: "AC"; top: 3px; left: 3px; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.hardness:after { left: 5px; top: 3px; content: "H"; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.bt:after { top: 3px; left: 3.5px; content: "BT"; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value { flex: 1; border: 1px solid #956d58; /* prettier-ignore */ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5); padding-left: 4px; margin-left: -8px; height: 20px; } .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value input[type=number] { font-size: var(--font-size-14); font-weight: 400; padding-top: 2px; height: 14px; } .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer { grid-area: shield-footer; display: inline-flex; flex-direction: column; justify-content: center; justify-self: center; width: calc(100% - 6px); } .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max { display: flex; flex-direction: column; } .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max label { white-space: normal; text-align: center; margin-bottom: 4px; } .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-status { display: flex; align-items: end; justify-content: center; gap: 5px; color: var(--tertiary-light); margin-top: 4px; } .actor.sheet .crb-style aside .sidebar .stamina { flex-direction: row; } .actor.sheet .crb-style aside .sidebar .stamina li { flex-direction: column; } .actor.sheet .crb-style aside .sidebar .stamina li input { padding: 0; font-size: var(--font-size-24); } .actor.sheet .crb-style aside .sidebar .stamina li input.left { color: var(--text-light); text-align: right; margin-right: 4px; } .actor.sheet .crb-style aside .sidebar .stamina li input.right { color: var(--tertiary-light); text-align: left; margin-left: 4px; } .actor.sheet .crb-style aside .sidebar .stamina li .divider { font-size: var(--font-size-16); line-height: 1; } .actor.sheet .crb-style aside .sidebar .stamina li .stamina-group { display: flex; align-items: center; } .actor.sheet .crb-style aside .sidebar .roll-data { display: flex; align-items: center; justify-content: space-between; } .actor.sheet .crb-style aside .sidebar .roll-data h3 { font-size: var(--font-size-18); font-weight: initial; color: var(--tertiary-light); white-space: nowrap; } .actor.sheet .crb-style aside .sidebar .roll-data .initiative-select { width: 129px; } .actor.sheet .crb-style aside .sidebar .perception-sidebar, .actor.sheet .crb-style aside .sidebar .initiative-sidebar { gap: 5px; } .actor.sheet .crb-style aside .sidebar .perception-sidebar h3, .actor.sheet .crb-style aside .sidebar .initiative-sidebar h3 { flex-grow: 1; } .actor.sheet .crb-style aside .sidebar ul.sidebar-saves { margin: 0; padding: 0; display: flex; } .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-left: 1px solid rgba(255, 239, 189, 0.1882352941); } .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data:first-child { border-left: none; } .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .sidebar_label { font-weight: initial; text-transform: capitalize; font-size: var(--font-size-12); border: none; margin-bottom: 2px; } .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll { display: flex; justify-content: center; align-items: center; margin: 4px 0; } .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll h3 { margin: 0; margin-left: 2px; } .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .modifiers_button { padding: 2px; border-radius: 2px; width: initial; } .actor.sheet .crb-style aside .sidebar ol.tags { flex-direction: row; } .actor.sheet .crb-style aside .sidebar ol.tags li { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .actor.sheet .crb-style header.char-header { display: flex; justify-content: space-between; align-items: center; color: var(--text-light); } .actor.sheet .crb-style header.char-header .char-details { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; margin-left: 8px; } .actor.sheet .crb-style header.char-header .char-details h1.char-name { margin: 0; border: none; } .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable { letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none; text-rendering: auto; } .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable.gender { font-size: var(--font-size-14); } .actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text], .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable { font-family: var(--serif); font-weight: 500; font-size: var(--font-size-24); color: var(--text-light); line-height: calc(1em + 1px); border-bottom: 1px solid transparent; height: 26px; } .actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus, .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus { box-shadow: none; border-bottom: 1px solid var(--text-light); } .actor.sheet .crb-style header.char-header .char-details h2.non-editable.ancestry-class { font-family: var(--serif); border-bottom: none; margin-bottom: 0; font-weight: 400; } .actor.sheet .crb-style header.char-header .char-level { display: flex; justify-content: flex-start; padding-bottom: 4px; } .actor.sheet .crb-style header.char-header .char-level .level { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 43px; width: 40px; background: url("../assets/sheet/level-badge.webp") no-repeat; background-size: 40px 43px; z-index: 2; font-size: 0; padding-top: 2px; } .actor.sheet .crb-style header.char-header .char-level .level label { color: var(--sidebar-label); font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; line-height: 1.5; } .actor.sheet .crb-style header.char-header .char-level .level input { font-family: var(--serif); font-size: var(--font-size-22); font-weight: 400; color: var(--text-light); line-height: calc(1em + 1px); height: 24px; } .actor.sheet .crb-style header.char-header .char-level .level label, .actor.sheet .crb-style header.char-header .char-level .level input { margin-left: 1px; text-align: center; } .actor.sheet .crb-style .char-header { grid-area: header; padding-right: 1rem; } .actor.sheet .crb-style .sheet-navigation { grid-area: nav; margin-left: -2px; } .actor.sheet .crb-style .sheet-body { grid-area: content; position: relative; } .actor.sheet .crb-style .sheet-body ol { list-style: none; } .actor.sheet .crb-style .sheet-body .sheet-content, .actor.sheet .crb-style .sheet-body .sheet-content .inventory { bottom: 0; display: flex; flex-direction: column; left: 0; position: absolute; top: 0; width: 100%; } .actor.sheet .crb-style .sheet-body .sheet-content.tab[data-tab], .actor.sheet .crb-style .sheet-body .sheet-content .inventory.tab[data-tab] { display: none; } .actor.sheet .crb-style .sheet-body .sheet-content.tab[data-tab].active, .actor.sheet .crb-style .sheet-body .sheet-content .inventory.tab[data-tab].active { display: initial; } .actor.sheet .crb-style .sheet-body .sheet-content { color: var(--body); } .actor.sheet .crb-style .sheet-body .sheet-content > .tab { padding: 0.6rem 0.6rem 0; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list { margin: 0; padding: 0; border-bottom: 1px solid var(--color-border-light-2); flex-basis: 100%; gap: 1px; position: relative; width: 100%; z-index: 1; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li { margin: 0; padding: 0; align-items: center; background: none; cursor: default; display: grid; grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr; justify-content: center; padding: 0 0.3em 1px 0.35em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] h4 { color: var(--color-disabled); text-decoration: line-through; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell { background: var(--color-disabled); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); cursor: not-allowed; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:nth-child(odd) { background-color: rgba(120, 100, 82, 0.1); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child { border-bottom: 1px solid var(--sub); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child .item-image { margin-bottom: 0; margin-top: 2px; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header { margin: 0; padding: 0; background: rgba(96, 88, 86, 0.25); border: 1px solid var(--color-border-light-2); border-radius: 2px; color: var(--body); font: 500 var(--font-size-12) var(--sans-serif); letter-spacing: 0.25px; line-height: 1; padding: 0 0.5em; text-transform: uppercase; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header h3 { text-transform: capitalize; font-size: var(--font-size-13); margin-left: 0; padding: 4px 0; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name { line-height: 1; gap: 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name h3 { margin: 0; padding: 0; font-weight: 700; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-controls { grid-column: span 2; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses { align-items: center; display: flex; gap: 0.25em; line-height: 1; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input { background: var(--alt); border-radius: 3px; border: 1px solid var(--sub); color: white; font: var(--font-size-12) var(--sans-serif); height: unset; text-align: center; width: 2em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses .spell-slots-increment-reset { padding-left: 5px; font-size: var(--font-size-10); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell { border: none; font-size: var(--font-size-13); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .level-prepared-toggle { flex: 0; font-size: 0.75rem; color: var(--secondary); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name { align-items: center; display: flex; flex-wrap: nowrap; justify-content: start; justify-self: start; min-height: 1.75rem; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h3 { white-space: nowrap; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name + span { font-size: 0.75rem; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .focus-pool-input { align-items: center; display: flex; flex-wrap: nowrap; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .slash { font-size: 0.75rem; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots, .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max { padding-top: 3px; font-size: 0.75rem; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots.infinity, .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max.infinity { position: relative; top: -2px; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image { height: 1.5rem; width: 1.5rem; flex: 0 0 auto; margin: 2px 0; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4 { margin: 0; padding: 0; font-size: var(--font-size-14); letter-spacing: -0.075em; line-height: 1; margin-left: 8px; cursor: pointer; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover { color: var(--secondary); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .activity-icon { margin-left: 4px; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name.empty { grid-column: 1/span 4; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-range { grid-area: range; padding-left: 0.2em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components { grid-area: components; justify-self: right; padding: 0 0.5em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components .tag { font: var(--font-size-12) var(--sans-serif-condensed); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-cast { grid-area: cast-spell; display: flex; justify-content: center; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-controls { grid-area: controls; display: flex; justify-self: end; padding-right: 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell { align-items: center; background: var(--secondary); border-radius: 2px; border: black; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: white; cursor: pointer; display: flex; font: 700 0.55rem var(--sans-serif); justify-self: center; letter-spacing: 0.25px; max-width: fit-content; padding: 0.5em 1em; text-transform: uppercase; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary { grid-area: content; width: 100%; padding: 8px; border-bottom: 1px solid var(--sub); border-top: 1px solid #aca5a3; background-color: var(--bg); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual { position: relative; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual::before { pointer-events: none; content: ""; position: absolute; height: 100%; width: 100%; background-color: rgba(0, 5, 255, 0.1137254902); mix-blend-mode: saturation; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual { border-top: 1px solid rgba(0, 0, 0, 0.15); } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .level-prepared-header { font-size: 0.75rem; color: white; margin: 0; padding: 4px; text-align: center; background: var(--secondary); position: relative; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spell .item-name { width: 100%; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list input.toggle-signature-spell[type=checkbox] { width: 12px; height: 12px; margin: 0 2px 0 0; flex: 0 0 auto; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty { display: flex; align-items: center; min-height: 28px; justify-content: flex-end; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty h4 { margin: 0; white-space: nowrap; margin-right: auto; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty a { flex: 0 1 0; white-space: nowrap; margin-left: 8px; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > h3, .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > li > h3 { font-size: 1rem; font-weight: 500; font-family: var(--serif); line-height: 1; color: white; margin: 0; padding: 0; margin-left: 8px; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header { align-items: center; background: var(--primary); border: none; border-radius: 0.25em; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); display: flex; flex-basis: 100%; flex-wrap: nowrap; height: 32px; justify-content: space-between; margin-left: 0; margin-top: 8px; padding: 0 0.5em; position: relative; width: 100%; z-index: 2; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header:first-child { margin-top: 0; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header + li { border-top: none; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle { cursor: move; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header > a .fas, .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header > a > .fa { flex-basis: 0; color: white; margin-right: 0.25em; padding-top: 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .item-controls { color: white; flex: 1 0 auto; font: 0.85em var(--sans-serif); letter-spacing: 0.05em; margin-left: auto; max-width: fit-content; text-transform: uppercase; font-size: var(--font-size-12); } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 { color: white; flex: 1 1 100%; margin-bottom: 0; font-size: var(--font-size-16); } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input { color: white; max-width: 100%; font-weight: 500; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:read-only { pointer-events: none; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container { padding: 0 0.5rem 2rem 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper { display: grid; justify-items: center; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .action-radio { display: none; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels { min-height: min-content; width: 100%; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel { display: none; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active { display: flex; flex-direction: column; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options { border-image-repeat: repeat; border-image-slice: 11; border-image-source: url("../assets/sheet/frame-elegant.svg"); border-image-width: 14px; border-style: double; display: flex; flex-wrap: wrap; margin-bottom: 0.5rem; padding: 0.5rem 1rem; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option { align-items: center; display: flex; width: 100%; margin: 1px 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * { vertical-align: middle; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input { margin: 0; padding: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled { color: var(--color-text-dark-inactive); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list { padding-left: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action-header { align-items: center; display: flex; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action { align-items: center; display: flex; flex-wrap: wrap; padding: 4px; width: 100%; border-top: 1px solid #d5cac1; border: solid transparent; border-width: 0 0 1px; border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action p:empty { display: none; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name { align-items: center; display: flex; flex: 1; margin: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4 { cursor: pointer; margin: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4:hover { color: var(--primary); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image { height: 22px; width: 22px; color: transparent; background-repeat: no-repeat; background-size: contain; margin-right: 8px; font-size: var(--font-size-18); display: flex; justify-content: center; align-items: center; cursor: pointer; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image:hover { background: none !important; color: var(--primary); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title { flex: 1; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name { display: flex; flex-direction: row; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4 { cursor: pointer; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover { color: var(--primary); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover .activity-icon { color: var(--body); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-controls { white-space: nowrap; font-size: var(--font-size-11); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary { flex-basis: 100%; margin-bottom: 8px; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .title, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing { color: var(--primary); margin: 0; padding: 0; margin-top: 1em; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing strong { font-weight: 500; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing + p { margin-top: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary img { border: none; vertical-align: middle; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--body); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: black; text-shadow: 0 0 2px white; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary { border-image-repeat: repeat; border-image-slice: 11; border-image-source: url("../assets/sheet/frame-elegant.svg"); border-image-width: 14px; border-style: double; padding: 0.5rem 1rem 1rem; margin-top: 0.75rem; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary dd { margin: 0; margin-bottom: 0.5rem; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .tag.tag_secondary { background-color: rgba(0, 0, 0, 0.8); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded h4 { color: var(--primary); font-weight: 700; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.hidden { display: none; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography h3 { margin-top: 0.75em; font-family: var(--serif); font-weight: 600; color: var(--primary); line-height: 1; border-bottom: 1px solid var(--primary); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input { font-family: var(--body-serif); font-weight: bold; width: calc(100% - 6px); border-bottom: 1px solid #d3ccbc; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input::placeholder { filter: opacity(0.5); color: var(--body); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input:focus { border-bottom: 1px solid #644f33; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input:focus::placeholder { color: transparent; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input[type=number] { padding-bottom: 0; padding-left: 4px; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography hr { margin: 10px 6px 10px 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 { margin: 0; padding: 0; background-color: rgba(28, 28, 28, 0.1); border: none; color: var(--body); font: 700 var(--font-size-14) var(--body-serif); grid-area: mod; height: 26px; padding: 8px 4px 6px; width: calc(100% - 6px); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 i { position: relative; right: -2px; top: -2px; float: right; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 span.value { display: inline-block; max-width: 87%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content { margin-left: 8px; padding: 4px; /* Typography */ } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h1, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h2 { font-family: var(--serif); line-height: 1.1; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h1 { text-align: center; font-size: 2.5em; margin-bottom: 30px; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h2 { color: var(--secondary); font-size: 2.25em; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h3 { font-size: 2em; border-bottom: 0px; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h4 { color: #000000; border-bottom: 1px solid #000000; margin-bottom: 0px; text-transform: uppercase; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h5 { text-transform: uppercase; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h6 { background-color: var(--header-bg); color: var(--header-color); margin-bottom: 5px; padding-left: 8px; padding-top: 5px; padding-bottom: 3px; font-size: 1.25em; text-transform: uppercase; border-radius: 12px 12px 0px 0px; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content p + p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content ul, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content ol { font-family: var(--body-serif); text-align: justify; line-height: 1.4; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-edit { background: var(--primary); color: white; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox.tox-tinymce { height: 200px !important; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord { background-color: var(--secondary); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary { background-color: var(--alt); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn { color: #cdcdcd; border-radius: 1px; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn svg { fill: #cdcdcd; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn:hover { background: var(--secondary); color: white; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn:hover svg { fill: white; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-content { background: rgba(0, 0, 0, 0.05); min-height: 75px; overflow-y: inherit; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-details { display: flex; flex-direction: column; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-details span { width: 100%; } .actor.sheet .crb-style .sheet-body .sheet-content footer { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; color: var(--primary); text-align: right; line-height: 1.4; margin: 1em 1em 0; } .actor.sheet .crb-style nav.sheet-navigation { display: inline-flex; justify-content: center; align-items: center; height: 20px; background: var(--secondary); background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary); transition: all 0.1s ease-out; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.5); position: relative; } .actor.sheet .crb-style nav.sheet-navigation .navigation-title { color: var(--text-light); margin-right: auto; padding-left: 1em; white-space: nowrap; width: 7em; } .actor.sheet .crb-style nav.sheet-navigation > a { display: flex; justify-content: center; align-items: center; margin: 0 6px; font-size: var(--font-size-12); } .actor.sheet .crb-style nav.sheet-navigation .item { height: 24px; width: 24px; border-radius: 50%; z-index: 1; transition: all 0.1s ease-out; color: var(--tertiary); fill: var(--tertiary); background-image: url("../assets/sheet/nav-item-inactive.webp"); background-size: contain; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25); } .actor.sheet .crb-style nav.sheet-navigation .item.active { box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary); } .actor.sheet .crb-style nav.sheet-navigation .item:last-child { margin-right: 10px; } .actor.sheet .crb-style nav.sheet-navigation .item:hover, .actor.sheet .crb-style nav.sheet-navigation .item.active { z-index: 2; transform: scale(1.2); color: var(--text-light); fill: var(--text-light); background-image: url("../assets/sheet/nav-item.webp"); } .actor.sheet .crb-style nav.sheet-navigation .item .fas { padding-bottom: 0; } .actor.sheet .crb-style nav.sheet-navigation .item:hover .pfs-icon { filter: drop-shadow(0 0 8px var(--color-shadow-primary)); } .actor.sheet .crb-style nav.sheet-navigation .item .action-icon { align-self: baseline; display: inline-block; font-family: Pathfinder2eActions; font-size: 1.4rem; line-height: 1; max-height: 0.75rem; } .actor.sheet .crb-style nav.sub-nav { margin: 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; list-style: none; background-color: var(--bg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); width: 100%; flex: 0 0 44px; } .actor.sheet .crb-style nav.sub-nav::before, .actor.sheet .crb-style nav.sub-nav::after { content: ""; width: 37px; height: 16px; background: url("../assets/sheet/sub-nav-decoration.webp"); margin: 0 16px; } .actor.sheet .crb-style nav.sub-nav::after { transform: scaleX(-100%); } .actor.sheet .crb-style nav.sub-nav a, .actor.sheet .crb-style nav.sub-nav .tab { border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.2); color: var(--alt); cursor: pointer; display: block; font: 400 var(--font-size-16) var(--serif); flex: 1; margin: 0 0.25rem; max-width: 30%; text-align: center; text-decoration: none; transition: all 0.1s ease-out; } .actor.sheet .crb-style nav.sub-nav a.active, .actor.sheet .crb-style nav.sub-nav .tab.active { color: var(--primary); font-weight: 600; } .actor.sheet .crb-style nav.sub-nav a:first-child, .actor.sheet .crb-style nav.sub-nav .tab:first-child { border-left: none; } .actor.sheet .crb-style nav.sub-nav a:last-child, .actor.sheet .crb-style nav.sub-nav .tab:last-child { border-right: none; } .actor.sheet .crb-style nav.sub-nav a:hover, .actor.sheet .crb-style nav.sub-nav .tab:hover { text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); } .actor.sheet .crb-style .tab nav.sub-nav { padding-right: 20px; } .actor.sheet .crb-style .stroke-header { position: relative; } .actor.sheet .crb-style .stroke-header svg { position: absolute; fill: var(--primary); } .actor.sheet .crb-style .stroke-header h3 { position: relative; } .actor.sheet .crb-style.limited .sidebar { display: flex; align-items: center; flex-direction: column; } .actor.sheet .crb-style.limited .sidebar .profile-img { display: flex; align-items: flex-end; margin: 1rem 0; max-width: 85%; max-height: 200px; background-color: var(--tertiary); background-size: cover; background-position: top center; border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px #C0C0C0, 0 0 0 2px #808080; } .actor.sheet .crb-style.limited .sidebar .plaque { color: var(--sidebar-title); font-size: 1rem; font-weight: 500; margin-bottom: 0.25rem; display: flex; } .actor.sheet .crb-style.limited .sidebar .plaque::before, .actor.sheet .crb-style.limited .sidebar .plaque::after { display: block; content: url("../assets/icons/pathfinder-orn.svg"); height: 100%; width: 25px; } .actor.sheet .crb-style.limited .sidebar .plaque::after { transform: scaleX(-1); margin-left: 4px; } .actor.sheet .crb-style.limited .sidebar .plaque::before { margin-right: 4px; } .actor.sheet .crb-style.limited .sidebar ul.stats { margin: 0; padding: 0; list-style: none; text-align: center; } .actor.sheet .crb-style.limited .sidebar ul.stats li { margin: 0; padding: 0; } .actor.sheet .crb-style.limited .tab.character .character-bio { display: flex; flex-direction: column; height: 100%; } .actor.sheet .crb-style.limited .tab.character .character-bio footer { margin-top: auto; text-align: left; margin: 0; padding: 0; margin-top: auto; margin-bottom: 8px; } .actor.sheet .crb-style.limited .tab.character .character-bio footer p { color: var(--alt); } .actor.sheet .crb-style input.adjusted:not(:focus) { font-weight: 700; color: #009988; } .actor.sheet .crb-style button.tag:disabled { cursor: not-allowed; background-color: var(--color-text-dark-inactive); } .spellcasting-entry.preparation h3 { border-bottom: none; } .spellcasting-entry.preparation button > i { margin-right: 0; } .spellcasting-entry.preparation ol.spell-list { margin: 0; padding: 0; border-bottom: 1px solid var(--color-border-light-2); flex-basis: 100%; gap: 1px; position: relative; width: 100%; z-index: 1; } .spellcasting-entry.preparation ol.spell-list > li { margin: 0; padding: 0; align-items: center; background: none; cursor: default; display: grid; grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr; justify-content: center; padding: 0 0.3em 1px 0.35em; } .spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] h4 { color: var(--color-disabled); text-decoration: line-through; } .spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] .cast-spell { background: var(--color-disabled); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); cursor: not-allowed; } .spellcasting-entry.preparation ol.spell-list > li:nth-child(odd) { background-color: rgba(120, 100, 82, 0.1); } .spellcasting-entry.preparation ol.spell-list > li:last-child { border-bottom: 1px solid var(--sub); } .spellcasting-entry.preparation ol.spell-list > li:last-child .item-image { margin-bottom: 0; margin-top: 2px; } .spellcasting-entry.preparation ol.spell-list > li.spell-level-header { margin: 0; padding: 0; background: rgba(96, 88, 86, 0.25); border: 1px solid var(--color-border-light-2); border-radius: 2px; color: var(--body); font: 500 var(--font-size-12) var(--sans-serif); letter-spacing: 0.25px; line-height: 1; padding: 0 0.5em; text-transform: uppercase; } .spellcasting-entry.preparation ol.spell-list > li.spell-level-header h3 { text-transform: capitalize; font-size: var(--font-size-13); margin-left: 0; padding: 4px 0; } .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name { line-height: 1; gap: 0.25em; } .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name h3 { margin: 0; padding: 0; font-weight: 700; } .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-controls { grid-column: span 2; } .spellcasting-entry.preparation ol.spell-list > li .uses { align-items: center; display: flex; gap: 0.25em; line-height: 1; } .spellcasting-entry.preparation ol.spell-list > li.spell-level-header input, .spellcasting-entry.preparation ol.spell-list > li .uses input { background: var(--alt); border-radius: 3px; border: 1px solid var(--sub); color: white; font: var(--font-size-12) var(--sans-serif); height: unset; text-align: center; width: 2em; } .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .spellcasting-entry.preparation ol.spell-list > li .uses .spell-slots-increment-reset { padding-left: 5px; font-size: var(--font-size-10); } .spellcasting-entry.preparation ol.spell-list > li.spell { border: none; font-size: var(--font-size-13); } .spellcasting-entry.preparation ol.spell-list > li .level-prepared-toggle { flex: 0; font-size: 0.75rem; color: var(--secondary); } .spellcasting-entry.preparation ol.spell-list > li .item-name { align-items: center; display: flex; flex-wrap: nowrap; justify-content: start; justify-self: start; min-height: 1.75rem; } .spellcasting-entry.preparation ol.spell-list > li .item-name h3 { white-space: nowrap; } .spellcasting-entry.preparation ol.spell-list > li .item-name + span { font-size: 0.75rem; } .spellcasting-entry.preparation ol.spell-list > li .item-name .focus-pool-input { align-items: center; display: flex; flex-wrap: nowrap; } .spellcasting-entry.preparation ol.spell-list > li .item-name .slash { font-size: 0.75rem; } .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots, .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max { padding-top: 3px; font-size: 0.75rem; } .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots.infinity, .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max.infinity { position: relative; top: -2px; } .spellcasting-entry.preparation ol.spell-list > li .item-name .item-image { height: 1.5rem; width: 1.5rem; flex: 0 0 auto; margin: 2px 0; } .spellcasting-entry.preparation ol.spell-list > li .item-name h4 { margin: 0; padding: 0; font-size: var(--font-size-14); letter-spacing: -0.075em; line-height: 1; margin-left: 8px; cursor: pointer; } .spellcasting-entry.preparation ol.spell-list > li .item-name h4:hover { color: var(--secondary); } .spellcasting-entry.preparation ol.spell-list > li .item-name .activity-icon { margin-left: 4px; } .spellcasting-entry.preparation ol.spell-list > li .item-name.empty { grid-column: 1/span 4; } .spellcasting-entry.preparation ol.spell-list > li .spell-range { grid-area: range; padding-left: 0.2em; } .spellcasting-entry.preparation ol.spell-list > li .spell-components { grid-area: components; justify-self: right; padding: 0 0.5em; } .spellcasting-entry.preparation ol.spell-list > li .spell-components .tag { font: var(--font-size-12) var(--sans-serif-condensed); } .spellcasting-entry.preparation ol.spell-list > li .spell-cast { grid-area: cast-spell; display: flex; justify-content: center; } .spellcasting-entry.preparation ol.spell-list > li .item-controls { grid-area: controls; display: flex; justify-self: end; padding-right: 0.25em; } .spellcasting-entry.preparation ol.spell-list > li button.cast-spell { align-items: center; background: var(--secondary); border-radius: 2px; border: black; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: white; cursor: pointer; display: flex; font: 700 0.55rem var(--sans-serif); justify-self: center; letter-spacing: 0.25px; max-width: fit-content; padding: 0.5em 1em; text-transform: uppercase; } .spellcasting-entry.preparation ol.spell-list > li .item-summary { grid-area: content; width: 100%; padding: 8px; border-bottom: 1px solid var(--sub); border-top: 1px solid #aca5a3; background-color: var(--bg); } .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual { position: relative; } .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual::before { pointer-events: none; content: ""; position: absolute; height: 100%; width: 100%; background-color: rgba(0, 5, 255, 0.1137254902); mix-blend-mode: saturation; } .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual { border-top: 1px solid rgba(0, 0, 0, 0.15); } .spellcasting-entry.preparation ol.spell-list .level-prepared-header { font-size: 0.75rem; color: white; margin: 0; padding: 4px; text-align: center; background: var(--secondary); position: relative; } .spellcasting-entry.preparation ol.spell-list .spell .item-name { width: 100%; } .spellcasting-entry.preparation ol.spell-list input.toggle-signature-spell[type=checkbox] { width: 12px; height: 12px; margin: 0 2px 0 0; flex: 0 0 auto; } .spellcasting-entry.preparation ol.spell-list .spellbook-empty { display: flex; align-items: center; min-height: 28px; justify-content: flex-end; } .spellcasting-entry.preparation ol.spell-list .spellbook-empty h4 { margin: 0; white-space: nowrap; margin-right: auto; } .spellcasting-entry.preparation ol.spell-list .spellbook-empty a { flex: 0 1 0; white-space: nowrap; margin-left: 8px; } .spellcasting-entry.preparation form { display: flex; flex-direction: column; height: 100%; padding: 4px; } .spellcasting-entry.preparation .sheet-header { align-items: baseline; display: block; flex: 0; padding-right: 16px; } .spellcasting-entry.preparation .sheet-header h1 { display: flex; flex: 1; overflow: hidden; font-family: var(--serif-condensed); font-weight: 700; white-space: nowrap; justify-content: space-between; } .spellcasting-entry.preparation .sheet-header p.hint { margin: auto auto 1em; } .spellcasting-entry.preparation .sheet-header .item-controls { flex: 0; white-space: nowrap; } .spellcasting-entry.preparation .sheet-content { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; padding-bottom: 1em; padding-right: 8px; } .currency { display: flex; padding: 3px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background-color: var(--sub); margin: 0; align-items: center; list-style: none; font-size: var(--font-size-13); } .currency .label { margin-right: 10px; margin-left: 4px; color: white; font-weight: bold; justify-content: flex-start; } .currency .denomination { flex: 0 1 auto; width: 100%; color: white; display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; background-color: transparent; border-right: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.2); text-shadow: 0 0 3px rgba(0, 0, 0, 0.75); } .currency .denomination:first-child { border-left: none; } .currency .denomination:last-child { border-right: none; margin-right: 8px; } .currency .denomination label { color: #ffe8d1; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2); font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; } .currency .denomination span { padding-left: 8px; padding-right: 12px; } .currency .denomination.pp .currency-image { background: url("../icons/equipment/treasure/currency/platinum-pieces.webp") no-repeat; } .currency .denomination.gp .currency-image { background: url("../icons/equipment/treasure/currency/gold-pieces.webp") no-repeat; } .currency .denomination.sp .currency-image { background: url("../icons/equipment/treasure/currency/silver-pieces.webp") no-repeat; } .currency .denomination.cp .currency-image { background: url("../icons/equipment/treasure/currency/copper-pieces.webp") no-repeat; } .currency .denomination .currency-image { height: 24px; width: 24px; box-shadow: 0 0 0 1px #9f725b, 0 0 0 2px var(--tertiary), 0 0 0 3px #956d58; background-size: cover !important; } .currency .add-coins-popup > button, .currency .remove-coins-popup > button, .currency .sell-all-treasure > button { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; line-height: 1; color: rgba(0, 0, 0, 0.75); background-color: var(--tertiary); border: none; border-radius: 1px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 3px rgba(0, 0, 0, 0.5); width: 30px; height: 24px; font-size: var(--font-size-13); font-weight: 600; margin-left: 2px; } .currency .add-coins-popup > button > i, .currency .remove-coins-popup > button > i, .currency .sell-all-treasure > button > i { margin: 0; padding: 0; } .currency .add-coins-popup > button:hover, .currency .remove-coins-popup > button:hover, .currency .sell-all-treasure > button:hover { background-color: var(--primary); color: white; cursor: pointer; } .wealth { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; align-items: center; background-color: var(--alt); display: flex; margin-bottom: 10px; min-height: 22px; justify-content: flex-end; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); } .wealth h3 { font-size: var(--font-size-13); text-transform: capitalize; text-shadow: 0 0 2px rgba(0, 0, 0, 0.75); margin: 2px; margin-left: 4px; cursor: default; } .wealth h3:hover { color: white; } .wealth h3.item-name { flex-grow: 1; color: white; margin-bottom: 0; font-weight: bold; margin: 0 5px; } .wealth h3.item-name span { margin-left: 5px; font-weight: normal; text-transform: uppercase; } .wealth ol { padding-right: 0; padding-bottom: 0; margin-bottom: 0; margin-right: 0; } /* Actor-type Imports */ .familiar .window-content { background: url("../assets/sheet/background.webp"); background-repeat: repeat-x, no-repeat; background-size: cover; background-attachment: local; display: flex; flex-direction: row; } .familiar .window-content .section-container { display: flex; flex-direction: column; } .familiar .window-content .section-container .section-header { border: 1px solid #5e0000; border-radius: 3px 3px 0px 0px; background: #5e0000; display: flex; flex: 0; width: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; color: #f5efe0; font-size: var(--font-size-13); padding: 0 8px; line-height: 2em; } .familiar .window-content .section-container .section-header h4 { flex: auto; display: flex; align-items: baseline; gap: 4px; margin-bottom: 0px; text-transform: uppercase; } .familiar .window-content .section-container .section-header input { color: inherit; width: auto; } .familiar .window-content .section-container .section-header .controls { display: flex; gap: 8px; justify-self: flex-end; } .familiar .window-content .section-container .section-body { border: 1px solid #5e0000; border-radius: 0px 0px 3px 3px; display: flex; flex: auto; flex-wrap: wrap; flex-direction: row; align-items: baseline; justify-content: flex-start; width: 100%; } .familiar .window-content .section-container.headerless .section-body { border-radius: 3px; } .familiar .window-content .actions-list, .familiar .window-content .attacks-list { align-items: baseline; margin: 0px; padding: 0px; width: 100%; } .familiar .window-content .actions-list .item-controls, .familiar .window-content .attacks-list .item-controls { font-size: 0.8rem; display: flex; flex-wrap: nowrap; align-items: baseline; margin-left: auto; } .familiar .window-content .actions-list .item-controls .chat, .familiar .window-content .attacks-list .item-controls .chat { margin-right: 3px; font-size: 0.9em; } .familiar .window-content .actions-list .action, .familiar .window-content .attacks-list .action { display: flex; flex: 1 0 46%; flex-direction: column; margin-left: 6px; margin-right: 6px; } .familiar .window-content .actions-list .action:not(:last-child), .familiar .window-content .attacks-list .action:not(:last-child) { border-bottom: 1px solid var(--color-border-light-tertiary); } .familiar .window-content .actions-list .action .action-header, .familiar .window-content .attacks-list .action .action-header { display: flex; flex: 1 0 auto; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .familiar .window-content .actions-list .action .action-header .action-name, .familiar .window-content .attacks-list .action .action-header .action-name { display: flex; flex: auto; font-size: 0.9rem; } .familiar .window-content .actions-list .action .action-header .action-name h4, .familiar .window-content .attacks-list .action .action-header .action-name h4 { margin: 0px; margin-bottom: 0px; } .familiar .window-content .actions-list .action .action-header .action-name .action-traits, .familiar .window-content .attacks-list .action .action-header .action-name .action-traits { margin-left: 12px; } .familiar .window-content .actions-list .action .action-header .action-name .action-tracking, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking { flex: 0; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: 16px; } .familiar .window-content .actions-list .action .action-header .action-name .action-tracking input, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking input { width: 0; flex: 0 1 48px; font-family: inherit; font-size: 0.9rem; background: none; text-align: center; border: 0; padding: 0 3px; height: auto; } .familiar .window-content .actions-list .action .action-header .action-name .action-tracking span, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking span { white-space: nowrap; } .familiar .window-content .actions-list .action .item-summary, .familiar .window-content .attacks-list .action .item-summary { flex: 0 1 auto; margin-top: 0.5em; } .familiar .window-content .actions-list .attack, .familiar .window-content .attacks-list .attack { display: flex; flex-direction: column; justify-content: flex-start; margin: 8px 6px 0 6px; border-bottom: 1px solid var(--color-border-light-tertiary); } .familiar .window-content .actions-list .attack:last-child, .familiar .window-content .attacks-list .attack:last-child { border-bottom: none; } .familiar .window-content .actions-list .attack .attack-header, .familiar .window-content .attacks-list .attack .attack-header { display: flex; flex: 1 0 auto; flex-direction: row; align-items: baseline; width: 100%; } .familiar .window-content .actions-list .attack .attack-name, .familiar .window-content .attacks-list .attack .attack-name { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; white-space: nowrap; margin: 0 4px 0 0; font-size: 0.9rem; font-weight: 500; } .familiar .window-content .actions-list .attack .attack-name > span, .familiar .window-content .attacks-list .attack .attack-name > span { gap: 3px; margin-right: 4px; display: flex; align-items: baseline; line-height: 1.125rem; } .familiar .window-content .actions-list .attack .attack-body, .familiar .window-content .attacks-list .attack .attack-body { display: flex; align-items: flex-start; flex-direction: column; width: 100%; padding-top: 3px; } .familiar .window-content .actions-list .attack .attack-body .flexrow, .familiar .window-content .actions-list .attack .attack-body .sub-section, .familiar .window-content .attacks-list .attack .attack-body .flexrow, .familiar .window-content .attacks-list .attack .attack-body .sub-section { gap: 2px; } .familiar .window-content .actions-list .attack .attack-body .sub-section, .familiar .window-content .attacks-list .attack .attack-body .sub-section { align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; flex: auto; justify-content: flex-start; } .familiar .window-content .actions-list .attack .attack-body .sub-section h4, .familiar .window-content .attacks-list .attack .attack-body .sub-section h4 { margin-left: 12px; margin-right: 12px; } .familiar .window-content .actions-list .attack .attack-body button, .familiar .window-content .attacks-list .attack .attack-body button { width: auto !important; cursor: pointer; margin: 0; padding: 0 8px; font-size: var(--font-size-11); height: 18px; line-height: 18px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--color-primary); color: #f5efe0; text-align: center; white-space: nowrap; border-radius: 3px; border: none; } .familiar .window-content .actions-list .attack .attack-body button:first-child, .familiar .window-content .attacks-list .attack .attack-body button:first-child { margin-left: 0px; } .familiar .window-content .actions-list .attack .attack-body button:hover, .familiar .window-content .attacks-list .attack .attack-body button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .familiar .window-content .actions-list .attack .attack-body .attack-button, .familiar .window-content .attacks-list .attack .attack-body .attack-button { background-color: var(--secondary); } .familiar .window-content .actions-list .attack .attack-body .damage-button, .familiar .window-content .actions-list .attack .attack-body .critical-button, .familiar .window-content .attacks-list .attack .attack-body .damage-button, .familiar .window-content .attacks-list .attack .attack-body .critical-button { background-color: var(--primary); } .familiar .window-content .actions-list .attack .attack-body .attack-description, .familiar .window-content .attacks-list .attack .attack-body .attack-description { min-height: 10px; } .familiar .window-content input { border: none; border-radius: 0; background-color: rgba(28, 28, 28, 0.1); } .familiar .window-content input:focus { box-shadow: none; } .familiar .window-content select { border: 1px solid transparent; background: rgba(0, 0, 0, 0.05); font-family: var(--body-serif); font-size: var(--font-size-14); font-weight: normal; } .familiar .window-content select:hover { border: 1px solid black; } .familiar .window-content .familiar-sheet-header { display: flex; flex-direction: row; padding: 4px 6px 0; } .familiar .window-content .familiar-sheet-header .image-container { display: flex; } .familiar .window-content .familiar-sheet-header .image-container img.actor-image { flex: 0; width: 125px; height: 100%; border-radius: 0; } .familiar .window-content .familiar-sheet-header .image-container [data-action=show-image] { bottom: 2px; right: 2px; } .familiar .window-content .familiar-sheet-header .header-content { display: flex; flex-direction: column; border-radius: 0; flex-grow: 1; margin-left: 10px; } .familiar .window-content .familiar-sheet-header .header-content .charname { display: flex; flex-direction: row; font-family: var(--sans-serif-condensed); font-size: 1.75rem; font-weight: 700; width: 100%; flex-wrap: nowrap; align-items: baseline; text-transform: capitalize; gap: 0.25em; } .familiar .window-content .familiar-sheet-header .header-content .charname input { font-weight: bold; width: calc(100% - 6px); border-bottom: 1px solid #d3ccbc; text-transform: capitalize; padding: 0; margin-right: 5px; font-variant: small-caps; color: #323232; } .familiar .window-content .familiar-sheet-header .header-content .charname input::placeholder { filter: opacity(0.5); color: #1c1c1c; } .familiar .window-content .familiar-sheet-header .header-content .charname input:focus { border-bottom: 1px solid #644f33; } .familiar .window-content .familiar-sheet-header .header-content .charname input:focus::placeholder { color: transparent; } .familiar .window-content .familiar-sheet-header .header-content .charname .charname-value { flex: 1 1; } .familiar .window-content .familiar-sheet-header .header-content .charname .familiar-title { flex: 0 1; text-align: right; margin-right: 0.1em; text-transform: uppercase; } .familiar .window-content .familiar-sheet-header .header-content .sub-header { display: flex; margin-bottom: 10px; } .familiar .window-content .familiar-sheet-header .header-content .sub-header .traits { flex: 1; } .familiar .window-content .familiar-sheet-header .header-content .traits { margin: 0.25em 0; } .familiar .window-content .familiar-sheet-header .header-content .traits span { color: white; font-size: 0.75em; font-weight: 700; padding: 0.25em 0.5em; letter-spacing: 1px; text-transform: uppercase; background-color: var(--primary); border: 1px solid var(--tertiary); } .familiar .window-content .familiar-sheet-header .header-content .details-section { display: flex; flex-direction: row; justify-content: space-between; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section { display: grid; flex-direction: column; height: max-content; width: 150px; grid-template-columns: min-content 1fr; font-size: var(--font-size-14); } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section div { white-space: nowrap; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .label { display: flex; flex-direction: row; align-items: center; white-space: nowrap; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .label h4 { font-weight: bold; margin: 0 0.25em 0 0; padding-left: 6px; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value { display: flex; flex-direction: row; align-items: center; padding-left: 4px; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input { width: 2em; text-align: right; padding-right: 3px; border: 1px solid transparent; background: none; height: auto; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input:hover, .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input:focus { border: 1px solid black; box-shadow: 0 0 10px #00005a; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value .total-hp { flex-grow: 1; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .temp-hp { display: flex; margin-left: 8px; align-items: baseline; } .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .temp-hp input { text-align: left; } .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section { display: flex; flex-direction: column; } .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list { display: flex; flex-direction: row; justify-content: space-between; gap: 12px; } .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac { display: flex; flex-direction: column; align-items: center; column-gap: 0.5em; } .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .name, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .name { font-weight: bold; text-transform: capitalize; } .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value { font-style: normal; } .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value i, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value i { margin-right: 2px; } .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac { border-right: 1px solid rgba(0, 0, 0, 0.15); padding-right: 12px; } .familiar .window-content .familiar-sheet-header .header-content .dying-section { display: flex; gap: 10px; justify-content: end; } .familiar .window-content .familiar-sheet-header .header-content .dying-section .name { font-weight: bold; } .familiar .window-content .familiar-sheet-header .header-content .dying-section .dots { display: flex; gap: 4px; align-items: baseline; } .familiar .window-content .familiar-sheet-header .header-content .dying-section .pips { display: flex; gap: 1px; } .familiar .window-content .section-container { margin: 6px 6px; } .familiar .window-content .section-container .section-body { align-items: stretch; flex-direction: column; padding: 4px; } .familiar .window-content .section-container .section-body input { font-family: var(--body-serif); font-weight: bold; width: calc(100% - 6px); border-bottom: 1px solid #d3ccbc; text-transform: capitalize; } .familiar .window-content .section-container .section-body input::placeholder { filter: opacity(0.5); color: #1c1c1c; } .familiar .window-content .section-container .section-body input:focus { border-bottom: 1px solid #644f33; } .familiar .window-content .section-container .section-body input:focus::placeholder { color: transparent; } .familiar .window-content .familiar-content { display: flex; flex-direction: row; margin-bottom: 5px; column-gap: 15px; } .familiar .window-content .familiar-content input { border: none; border-radius: 0; } .familiar .window-content .familiar-content input[type=text] { background-color: rgba(0, 0, 0, 0.05); } .familiar .window-content .familiar-content input:focus { box-shadow: none; } .familiar .window-content .familiar-content h3 { background-color: rgba(0, 0, 0, 0.05); height: 26px; font-family: var(--body-serif); font-size: var(--font-size-14); padding: 8px 4px 6px; line-height: 1; } .familiar .window-content .familiar-content .familiar-species { flex-basis: 50%; } .familiar .window-content .familiar-content .familiar-size { flex-basis: 50%; } .familiar .window-content .familiar-content .familiar-modifier { flex-basis: 50%; } .familiar .window-content .familiar-content .familiar-modifier select { font-weight: bold; } .familiar .window-content .familiar-content .familiar-senses { flex-basis: 50%; height: min-content; } .familiar .window-content .familiar-content .familiar-senses .tags { margin: 0; padding: 0; } .familiar .window-content .familiar-content .familiar-senses .tags ol { margin: 0; } .familiar .window-content .familiar-content .familiar-speed { flex-basis: 30%; } .familiar .window-content .detail { display: flex; flex-direction: column; flex-wrap: nowrap; margin-top: 3px; } .familiar .window-content .detail .detail-label { font-size: var(--font-size-10); font-weight: 800; line-height: 1; text-transform: uppercase; font-family: var(--sans-serif); color: var(--primary); white-space: nowrap; margin-bottom: 3px; } .familiar .window-content .detail h4 { font-size: var(--font-size-14); font-family: var(--serif); font-weight: bold; background-color: rgba(0, 0, 0, 0.05); padding-left: 2px; margin: none; } .familiar .window-content .top-sections { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; } .familiar .window-content .familiar-section { flex-basis: 50%; display: flex; flex-direction: column; } .familiar .window-content .familiar-section .familiar-detail { display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 1em; } .familiar .window-content .main-section { display: flex; flex-direction: row; } .familiar .window-content .main-section .main-container { flex-grow: 2; } .familiar .window-content .skills-content { display: flex; flex-direction: column; width: 150px; gap: 10px; } .familiar .window-content .skills-content .skills-list { display: flex; column-gap: 0.25em; row-gap: 0.25em; flex-direction: column; justify-content: center; } .familiar .window-content .skills-content .skills-list .skill-name { display: flex; flex-direction: row; align-items: center; border: 1px solid #999; border-radius: 3px; height: 20px; cursor: pointer; font-size: var(--font-size-14); font-family: var(--serif); } .familiar .window-content .skills-content .skills-list .skill-name:hover { padding: none; border: 1px solid #323232; } .familiar .window-content .skills-content .skills-list .skill-name .name { flex: 4; } .familiar .window-content .skills-content .skills-list .skill-name .score { flex: 1; text-align: center; padding-left: 1em; color: var(--primary); font-weight: bold; } .familiar .window-content .skills-content .skills-attack { flex: 1; align-self: center; border: 1px solid transparent; cursor: pointer; } .familiar .window-content .skills-content .skills-attack:hover { border-bottom: 1px solid #323232; } .familiar .window-content .actions-list .action { padding-top: 4px; padding-bottom: 4px; } .familiar .window-content .effects-list { margin: 0; padding: 0; gap: 0.2em; } .familiar .window-content .effects-list .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .familiar .window-content .effects-list .item p:empty { display: none; } .familiar .window-content .effects-list .item .item-name { display: flex; align-items: center; flex: 1; } .familiar .window-content .effects-list .item .item-name h4 { cursor: pointer; margin: 0; } .familiar .window-content .effects-list .item .item-name .item-image { margin-right: 8px; } .familiar .window-content .effects-list .item .item-controls { white-space: nowrap; font-size: var(--font-size-12); } .familiar .window-content .effects-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .familiar .window-content .effects-list .item .item-controls a + a { margin-left: 4px; } .familiar .window-content .effects-list .item .item-summary { flex-basis: 100%; } .familiar .window-content .effects-list .item .item-summary .title, .familiar .window-content .effects-list .item .item-summary .framing { color: var(--primary); margin: 0; padding: 0; margin-top: 1em; } .familiar .window-content .effects-list .item .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .familiar .window-content .effects-list .item .item-summary .framing strong { font-weight: 500; } .familiar .window-content .effects-list .item .item-summary .framing + p { margin-top: 0; } .familiar .window-content .effects-list .item .item-summary img { border: none; vertical-align: middle; } .familiar .window-content .effects-list .item .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--body); } .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-off:hover { box-shadow: none; text-shadow: 0 0 2px white; } .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on, .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: black; text-shadow: 0 0 2px white; } .familiar .window-content .effects-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .familiar .window-content .effects-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .familiar .window-content .effects-list .item .button-group button { margin: 0; border: none; cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; padding: 5px; color: white; width: 70px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--secondary); border-radius: 2px; flex: 0; white-space: nowrap; margin-left: 4px; flex: 0; } .familiar .window-content .effects-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .familiar .window-content .effects-list .item { margin: 0; padding: 0; margin: 0.25em 0; } .sheet.hazard .section-container { display: flex; flex-direction: column; } .sheet.hazard .section-container .section-header { border: 1px solid #5e0000; border-radius: 3px 3px 0px 0px; background: #5e0000; display: flex; flex: 0; width: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; color: #f5efe0; font-size: var(--font-size-13); padding: 0 8px; line-height: 2em; } .sheet.hazard .section-container .section-header h4 { flex: auto; display: flex; align-items: baseline; gap: 4px; margin-bottom: 0px; text-transform: uppercase; } .sheet.hazard .section-container .section-header input { color: inherit; width: auto; } .sheet.hazard .section-container .section-header .controls { display: flex; gap: 8px; justify-self: flex-end; } .sheet.hazard .section-container .section-body { border: 1px solid #5e0000; border-radius: 0px 0px 3px 3px; display: flex; flex: auto; flex-wrap: wrap; flex-direction: row; align-items: baseline; justify-content: flex-start; width: 100%; } .sheet.hazard .section-container.headerless .section-body { border-radius: 3px; } .sheet.hazard .actions-list, .sheet.hazard .attacks-list { align-items: baseline; margin: 0px; padding: 0px; width: 100%; } .sheet.hazard .actions-list .item-controls, .sheet.hazard .attacks-list .item-controls { font-size: 0.8rem; display: flex; flex-wrap: nowrap; align-items: baseline; margin-left: auto; } .sheet.hazard .actions-list .item-controls .chat, .sheet.hazard .attacks-list .item-controls .chat { margin-right: 3px; font-size: 0.9em; } .sheet.hazard .actions-list .action, .sheet.hazard .attacks-list .action { display: flex; flex: 1 0 46%; flex-direction: column; margin-left: 6px; margin-right: 6px; } .sheet.hazard .actions-list .action:not(:last-child), .sheet.hazard .attacks-list .action:not(:last-child) { border-bottom: 1px solid var(--color-border-light-tertiary); } .sheet.hazard .actions-list .action .action-header, .sheet.hazard .attacks-list .action .action-header { display: flex; flex: 1 0 auto; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .sheet.hazard .actions-list .action .action-header .action-name, .sheet.hazard .attacks-list .action .action-header .action-name { display: flex; flex: auto; font-size: 0.9rem; } .sheet.hazard .actions-list .action .action-header .action-name h4, .sheet.hazard .attacks-list .action .action-header .action-name h4 { margin: 0px; margin-bottom: 0px; } .sheet.hazard .actions-list .action .action-header .action-name .action-traits, .sheet.hazard .attacks-list .action .action-header .action-name .action-traits { margin-left: 12px; } .sheet.hazard .actions-list .action .action-header .action-name .action-tracking, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking { flex: 0; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: 16px; } .sheet.hazard .actions-list .action .action-header .action-name .action-tracking input, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking input { width: 0; flex: 0 1 48px; font-family: inherit; font-size: 0.9rem; background: none; text-align: center; border: 0; padding: 0 3px; height: auto; } .sheet.hazard .actions-list .action .action-header .action-name .action-tracking span, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking span { white-space: nowrap; } .sheet.hazard .actions-list .action .item-summary, .sheet.hazard .attacks-list .action .item-summary { flex: 0 1 auto; margin-top: 0.5em; } .sheet.hazard .actions-list .attack, .sheet.hazard .attacks-list .attack { display: flex; flex-direction: column; justify-content: flex-start; margin: 8px 6px 0 6px; border-bottom: 1px solid var(--color-border-light-tertiary); } .sheet.hazard .actions-list .attack:last-child, .sheet.hazard .attacks-list .attack:last-child { border-bottom: none; } .sheet.hazard .actions-list .attack .attack-header, .sheet.hazard .attacks-list .attack .attack-header { display: flex; flex: 1 0 auto; flex-direction: row; align-items: baseline; width: 100%; } .sheet.hazard .actions-list .attack .attack-name, .sheet.hazard .attacks-list .attack .attack-name { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; white-space: nowrap; margin: 0 4px 0 0; font-size: 0.9rem; font-weight: 500; } .sheet.hazard .actions-list .attack .attack-name > span, .sheet.hazard .attacks-list .attack .attack-name > span { gap: 3px; margin-right: 4px; display: flex; align-items: baseline; line-height: 1.125rem; } .sheet.hazard .actions-list .attack .attack-body, .sheet.hazard .attacks-list .attack .attack-body { display: flex; align-items: flex-start; flex-direction: column; width: 100%; padding-top: 3px; } .sheet.hazard .actions-list .attack .attack-body .flexrow, .sheet.hazard .actions-list .attack .attack-body .sub-section, .sheet.hazard .attacks-list .attack .attack-body .flexrow, .sheet.hazard .attacks-list .attack .attack-body .sub-section { gap: 2px; } .sheet.hazard .actions-list .attack .attack-body .sub-section, .sheet.hazard .attacks-list .attack .attack-body .sub-section { align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; flex: auto; justify-content: flex-start; } .sheet.hazard .actions-list .attack .attack-body .sub-section h4, .sheet.hazard .attacks-list .attack .attack-body .sub-section h4 { margin-left: 12px; margin-right: 12px; } .sheet.hazard .actions-list .attack .attack-body button, .sheet.hazard .attacks-list .attack .attack-body button { width: auto !important; cursor: pointer; margin: 0; padding: 0 8px; font-size: var(--font-size-11); height: 18px; line-height: 18px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--color-primary); color: #f5efe0; text-align: center; white-space: nowrap; border-radius: 3px; border: none; } .sheet.hazard .actions-list .attack .attack-body button:first-child, .sheet.hazard .attacks-list .attack .attack-body button:first-child { margin-left: 0px; } .sheet.hazard .actions-list .attack .attack-body button:hover, .sheet.hazard .attacks-list .attack .attack-body button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .sheet.hazard .actions-list .attack .attack-body .attack-button, .sheet.hazard .attacks-list .attack .attack-body .attack-button { background-color: var(--secondary); } .sheet.hazard .actions-list .attack .attack-body .damage-button, .sheet.hazard .actions-list .attack .attack-body .critical-button, .sheet.hazard .attacks-list .attack .attack-body .damage-button, .sheet.hazard .attacks-list .attack .attack-body .critical-button { background-color: var(--primary); } .sheet.hazard .actions-list .attack .attack-body .attack-description, .sheet.hazard .attacks-list .attack .attack-body .attack-description { min-height: 10px; } .sheet.hazard ul, .sheet.hazard ol { margin: 0; padding: 0; list-style-type: none; } .sheet.hazard h1, .sheet.hazard h2, .sheet.hazard h3, .sheet.hazard h4 { margin: 0; padding: 0; border-bottom: none; } .sheet.hazard form { display: flex; flex-direction: column; height: 100%; } .sheet.hazard form .tagify > span { min-width: 20px; } .sheet.hazard form .tagify--hasMaxTags > span { display: none; } .sheet.hazard .window-content { margin: 0; padding: 0; } .sheet.hazard input[type=text], .sheet.hazard input[type=number] { margin: 0; padding: 0; background: none; border: 1px solid transparent; } .sheet.hazard input[type=text]:hover:not(:disabled), .sheet.hazard input[type=text]:focus, .sheet.hazard input[type=number]:hover:not(:disabled), .sheet.hazard input[type=number]:focus { border: 1px solid black; box-shadow: 0 0 10px #00005a; } .sheet.hazard .container { display: flex; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); height: 100%; overflow: hidden; } .sheet.hazard .content { flex: 1; padding-left: 5px; padding-right: 5px; padding: 0 5px 20px 5px; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .sheet.hazard form > header { align-items: center; background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp"); background-blend-mode: multiply; background-color: #238580; background-repeat: repeat-x, no-repeat; background-size: cover; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); color: white; display: flex; font-family: var(--sans-serif); font-weight: 600; gap: 8px; justify-content: space-between; margin-bottom: 0.1em; padding: 0 16px; text-transform: uppercase; width: 100%; } .sheet.hazard form > header .frame-container { flex: 0 0 60px; padding: 4px; margin: 16px 0; } .sheet.hazard form > header .frame-container .frame { width: 60px; height: 60px; } .sheet.hazard form > header .frame-container .image-container [data-action=show-image] { color: var(--color-text-dark-primary); } .sheet.hazard form > header .frame-container .actor-image { object-fit: cover; object-position: top; border: none; border-radius: 0; max-height: 178px; width: 100%; border: none; box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black; } .sheet.hazard form > header .frame-container .edit-mode-button { position: absolute; width: 20px; height: 20px; bottom: -10px; left: -10px; border-radius: 10px; background-color: white; color: black; cursor: pointer; border: none; box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black; display: flex; justify-content: center; align-items: center; font-size: 1.05em; } .sheet.hazard form > header .details { margin: 4px 0; flex: 1; } .sheet.hazard form > header .details tags.tags.paizo-style .tagify__input::before { color: var(--color-text-light-7); } .sheet.hazard form > header input[type=text], .sheet.hazard form > header input[type=number] { color: white; border: none; border-bottom: 1px solid transparent; } .sheet.hazard form > header input[type=text]:hover:not(:disabled), .sheet.hazard form > header input[type=text]:focus, .sheet.hazard form > header input[type=number]:hover:not(:disabled), .sheet.hazard form > header input[type=number]:focus { border: none; border-bottom: 1px solid var(--text-light); box-shadow: none; } .sheet.hazard form > header .title { display: flex; flex-direction: row; align-items: baseline; gap: 4px; font-size: var(--font-size-28); font-family: var(--serif-condensed); font-weight: 700; } .sheet.hazard form > header .title .name { flex: 1; font-size: var(--font-size-32); } .sheet.hazard form > header .title .level { width: 32px; text-align: center; } .sheet.hazard .sidebar { border-right: 1px solid #888; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 10px 8px 8px 8px; width: 220px; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .sheet.hazard .sidebar .sidebar-title { display: flex; justify-content: space-between; border-bottom: 1px solid black; margin-bottom: 4px; } .sheet.hazard .sidebar .sidebar-title h2 { font-size: var(--font-size-15); } .sheet.hazard .sidebar .valued-icon { display: flex; align-items: baseline; } .sheet.hazard .sidebar .valued-icon i { margin-right: 4px; } .sheet.hazard .sidebar .valued-icon i + input { margin-left: -1px; } .sheet.hazard .sidebar .health input { width: 34px; } .sheet.hazard .sidebar .health input.current { text-align: end; } .sheet.hazard .sidebar .armor-class input { width: 25px; text-align: right; } .sheet.hazard .sidebar .health-line { display: flex; flex-direction: row; font-size: var(--font-size-16); gap: 3px; justify-content: center; } .sheet.hazard .sidebar .hp-details { width: 100%; } .sheet.hazard .sidebar .initiative { display: flex; font-size: var(--font-size-18); } .sheet.hazard .sidebar .initiative h2 { font-size: inherit; } .sheet.hazard .sidebar .initiative .roll-init { display: flex; align-items: center; } .sheet.hazard .sidebar .initiative .roll-init i { margin-right: 4px; } .sheet.hazard .sidebar .sidebar-saves { display: flex; justify-content: space-between; } .sheet.hazard .sidebar .sidebar-saves h2 { font-size: var(--font-size-18); } .sheet.hazard .sidebar .sidebar-saves .save { align-items: center; display: flex; flex: 1; flex-direction: column; font-size: var(--font-size-18); } .sheet.hazard .sidebar .sidebar-saves input { max-width: 50px; text-align: center; } .sheet.hazard .sidebar .emits-sound .hint:hover { text-shadow: 0 0 8px var(--color-shadow-primary); } .sheet.hazard .sidebar .emits-sound select { font-size: var(--font-size-12); } .sheet.hazard .sidebar .rollable { cursor: pointer; } .sheet.hazard .sidebar .rollable:hover { text-shadow: 0 0 8px var(--color-shadow-primary); } .sheet.hazard .sidebar .rollable:hover i { animation: rotation 2s infinite linear; } .sheet.hazard .section-container { padding: 4px 6px 0; } .sheet.hazard .section-container .editor { width: 100%; } .sheet.hazard .section-container .editor .editor-content, .sheet.hazard .section-container .editor .tox-edit-area { padding: 4px; } .sheet.hazard .section-container .editor .tox { width: 100%; } .sheet.hazard .section-container.skills > .section-body .list { display: flex; flex-direction: row; flex-wrap: wrap; } .sheet.hazard .section-container .actions-list, .sheet.hazard .section-container .attacks-list { border-bottom: 1px solid var(--alt); } .sheet.hazard .section-container .actions-list:last-child, .sheet.hazard .section-container .attacks-list:last-child { border-bottom: none; } .sheet.hazard .section-container .actions-list .action, .sheet.hazard .section-container .attacks-list .action { padding: 4px 0; } .sheet.hazard .source { margin-top: 4px; } .sheet.hazard .source .section-body { display: flex; gap: 4px; padding: 0 6px; } .sheet.hazard .source .section-body .source-input { flex: 1; } .sheet.hazard .source .section-body label { flex: 0; font-weight: bold; } .sheet.hazard .tox.tox-tinymce { height: 200px !important; } .sheet.hazard .hazard-editor .editor .editor-edit { display: none; } .npc ol.spell-list { margin: 0; padding: 0; border-bottom: 1px solid var(--color-border-light-2); flex-basis: 100%; gap: 1px; position: relative; width: 100%; z-index: 1; } .npc ol.spell-list > li { margin: 0; padding: 0; align-items: center; background: none; cursor: default; display: grid; grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr; justify-content: center; padding: 0 0.3em 1px 0.35em; } .npc ol.spell-list > li[data-expended-state=true] h4 { color: var(--color-disabled); text-decoration: line-through; } .npc ol.spell-list > li[data-expended-state=true] .cast-spell { background: var(--color-disabled); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); cursor: not-allowed; } .npc ol.spell-list > li:nth-child(odd) { background-color: rgba(120, 100, 82, 0.1); } .npc ol.spell-list > li:last-child { border-bottom: 1px solid var(--sub); } .npc ol.spell-list > li:last-child .item-image { margin-bottom: 0; margin-top: 2px; } .npc ol.spell-list > li.spell-level-header { margin: 0; padding: 0; background: rgba(96, 88, 86, 0.25); border: 1px solid var(--color-border-light-2); border-radius: 2px; color: var(--body); font: 500 var(--font-size-12) var(--sans-serif); letter-spacing: 0.25px; line-height: 1; padding: 0 0.5em; text-transform: uppercase; } .npc ol.spell-list > li.spell-level-header h3 { text-transform: capitalize; font-size: var(--font-size-13); margin-left: 0; padding: 4px 0; } .npc ol.spell-list > li.spell-level-header .item-name { line-height: 1; gap: 0.25em; } .npc ol.spell-list > li.spell-level-header .item-name h3 { margin: 0; padding: 0; font-weight: 700; } .npc ol.spell-list > li.spell-level-header .item-controls { grid-column: span 2; } .npc ol.spell-list > li .uses { align-items: center; display: flex; gap: 0.25em; line-height: 1; } .npc ol.spell-list > li.spell-level-header input, .npc ol.spell-list > li .uses input { background: var(--alt); border-radius: 3px; border: 1px solid var(--sub); color: white; font: var(--font-size-12) var(--sans-serif); height: unset; text-align: center; width: 2em; } .npc ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .npc ol.spell-list > li .uses .spell-slots-increment-reset { padding-left: 5px; font-size: var(--font-size-10); } .npc ol.spell-list > li.spell { border: none; font-size: var(--font-size-13); } .npc ol.spell-list > li .level-prepared-toggle { flex: 0; font-size: 0.75rem; color: var(--secondary); } .npc ol.spell-list > li .item-name { align-items: center; display: flex; flex-wrap: nowrap; justify-content: start; justify-self: start; min-height: 1.75rem; } .npc ol.spell-list > li .item-name h3 { white-space: nowrap; } .npc ol.spell-list > li .item-name + span { font-size: 0.75rem; } .npc ol.spell-list > li .item-name .focus-pool-input { align-items: center; display: flex; flex-wrap: nowrap; } .npc ol.spell-list > li .item-name .slash { font-size: 0.75rem; } .npc ol.spell-list > li .item-name .spell-slots, .npc ol.spell-list > li .item-name .spell-max { padding-top: 3px; font-size: 0.75rem; } .npc ol.spell-list > li .item-name .spell-slots.infinity, .npc ol.spell-list > li .item-name .spell-max.infinity { position: relative; top: -2px; } .npc ol.spell-list > li .item-name .item-image { height: 1.5rem; width: 1.5rem; flex: 0 0 auto; margin: 2px 0; } .npc ol.spell-list > li .item-name h4 { margin: 0; padding: 0; font-size: var(--font-size-14); letter-spacing: -0.075em; line-height: 1; margin-left: 8px; cursor: pointer; } .npc ol.spell-list > li .item-name h4:hover { color: var(--secondary); } .npc ol.spell-list > li .item-name .activity-icon { margin-left: 4px; } .npc ol.spell-list > li .item-name.empty { grid-column: 1/span 4; } .npc ol.spell-list > li .spell-range { grid-area: range; padding-left: 0.2em; } .npc ol.spell-list > li .spell-components { grid-area: components; justify-self: right; padding: 0 0.5em; } .npc ol.spell-list > li .spell-components .tag { font: var(--font-size-12) var(--sans-serif-condensed); } .npc ol.spell-list > li .spell-cast { grid-area: cast-spell; display: flex; justify-content: center; } .npc ol.spell-list > li .item-controls { grid-area: controls; display: flex; justify-self: end; padding-right: 0.25em; } .npc ol.spell-list > li button.cast-spell { align-items: center; background: var(--secondary); border-radius: 2px; border: black; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: white; cursor: pointer; display: flex; font: 700 0.55rem var(--sans-serif); justify-self: center; letter-spacing: 0.25px; max-width: fit-content; padding: 0.5em 1em; text-transform: uppercase; } .npc ol.spell-list > li .item-summary { grid-area: content; width: 100%; padding: 8px; border-bottom: 1px solid var(--sub); border-top: 1px solid #aca5a3; background-color: var(--bg); } .npc ol.spell-list[data-category=spontaneous] .virtual { position: relative; } .npc ol.spell-list[data-category=spontaneous] .virtual::before { pointer-events: none; content: ""; position: absolute; height: 100%; width: 100%; background-color: rgba(0, 5, 255, 0.1137254902); mix-blend-mode: saturation; } .npc ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual { border-top: 1px solid rgba(0, 0, 0, 0.15); } .npc ol.spell-list .level-prepared-header { font-size: 0.75rem; color: white; margin: 0; padding: 4px; text-align: center; background: var(--secondary); position: relative; } .npc ol.spell-list .spell .item-name { width: 100%; } .npc ol.spell-list input.toggle-signature-spell[type=checkbox] { width: 12px; height: 12px; margin: 0 2px 0 0; flex: 0 0 auto; } .npc ol.spell-list .spellbook-empty { display: flex; align-items: center; min-height: 28px; justify-content: flex-end; } .npc ol.spell-list .spellbook-empty h4 { margin: 0; white-space: nowrap; margin-right: auto; } .npc ol.spell-list .spellbook-empty a { flex: 0 1 0; white-space: nowrap; margin-left: 8px; } .npc .npc-skills-editor { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; overflow-y: scroll; overflow-x: hidden; font-size: 0.8rem; } .npc .npc-skills-editor .header { font-weight: bold; text-transform: uppercase; padding: 4px; background-color: #5e0000 !important; color: white; } .npc .npc-skills-editor .skills-list { list-style: none; padding: 0px; } .npc .npc-skills-editor .skills-list .skill { display: grid; flex: auto; width: 100%; grid-template-columns: auto 32px 48px; grid-template-rows: auto; column-gap: 18px; padding: 4px; } .npc .npc-skills-editor .skills-list .skill:nth-child(even) { background-color: #ede3c8; } .npc .npc-skills-editor .skills-list .skill:nth-child(odd) { background-color: #f5efe0; } .npc .npc-skills-editor .skills-list .skill .item-controls { text-align: right; } .npc .npc-skills-editor .skills-list .sub-section { background-color: #171f69; color: white; grid-template-columns: auto; text-transform: uppercase; padding: 4px; margin-top: 12px; } .npc .npc-skills-editor .btn { padding: 4px; margin: 0px 4px; background-color: #171f69; border-radius: 4px; color: white; text-align: center; } .npc .npc-skills-editor .footer { margin: 0 auto; } .npc.data-entry form { columns: 2; } .npc.data-entry form .form-group { display: flex; } .npc .npc-sheet { display: flex; flex-direction: row; align-items: flex-start; color: #323232; } .npc .npc-sheet .expandable { display: none; } .npc .npc-sheet .section-container.inventory-toggles { padding: 4px 6px 6px 6px; } .npc .npc-sheet .inventory-section { flex: 1 0 auto; padding: 0px; margin: 0px; } .npc .npc-sheet .inventory-section .coinage { margin-bottom: 8px; } .npc .npc-sheet .inventory-section .coinage .currency { background-color: #171f69; } .npc .npc-sheet .inventory-section .coinage .wealth { background-color: #5e0000; } .npc .npc-sheet .inventory-section .inventory-list > :first-child { border-radius: 3px 3px 0px 0px; } .npc .npc-sheet .inventory-section .inventory-list .inventory-header { background-color: #171f69; display: flex; flex: 1; flex-flow: row nowrap; color: white; align-items: baseline; } .npc .npc-sheet .inventory-section .inventory-list .inventory-header h4 { margin: 0px; } .npc .npc-sheet .inventory-section .inventory-list .inventory-header div { border: none; } .npc .npc-sheet .inventory-section .inventory-list .item { border-left: 1px solid #5e0000; border-right: 1px solid #5e0000; border-bottom: 1px solid #5e0000; } .npc .npc-sheet .inventory-section .inventory-list .item:not(:last-child) { border-bottom: 1px solid #7a7971; } .npc .npc-sheet .inventory-section .inventory-list .item .item-image { border: 2px solid #7a7971; border-radius: 3px; margin: 2px 4px 2px 6px; } .npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=common] .item-name h4 { border-color: #323232; color: #323232; } .npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=uncommon] .item-name h4 { border-color: #98513d; color: #98513d; } .npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=rare] .item-name h4 { border-color: #002664; color: #002664; } .npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=unique] .item-name h4 { border-color: #54166e; color: #54166e; } .npc .npc-sheet .inventory-section .inventory-list .item .controls .item-toggle-equip { color: rgba(0, 0, 0, 0.4); } .npc .npc-sheet .inventory-section .inventory-list .item .controls .item-toggle-equip.active { color: rgba(0, 0, 0, 0.75); } .npc .npc-sheet .inventory-section .footer { display: flex; flex: 1 0 auto; width: 100%; justify-content: center; align-items: baseline; background-color: #5e0000; color: #f5efe0; border-radius: 0px 0px 3px 3px; } .npc .npc-sheet .entries-list { list-style: none; padding: 2px; margin: 0; } .npc .npc-sheet .entries-list .spellcasting-entry { display: block; width: 100%; margin: 0px; border: 1px solid var(--sub); border-radius: 4px; } .npc .npc-sheet .entries-list .spellcasting-entry:not(:first-child) { margin-top: 0.5rem; } .npc .npc-sheet .entries-list .spellcasting-entry .header { background-color: #5e0000; color: #f5efe0; display: flex; flex: 1 0 auto; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: baseline; padding: 4px 0.5em; border-radius: 3px 3px 0px 0px; gap: 0.25em; } .npc .npc-sheet .entries-list .spellcasting-entry .header .drag-handle { cursor: move; } .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name { flex: 1; margin: 0 4px 0 0; padding-right: 6px; width: max-content; } .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input { color: white; max-width: 100%; font-weight: 500; border: none; } .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:focus, .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:hover { box-shadow: none; } .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:read-only { pointer-events: none; } .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field { flex: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; } .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field label { margin-left: 2px; flex: 1; } .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field input { margin-left: 4px; } .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field .attack-input, .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field .dc-input { flex: 1 0 32px; text-align: center; background-color: #f5efe0; font-weight: bold; width: 32px; } .npc .npc-sheet .entries-list .spellcasting-entry .header .ability-score select { max-width: 55px; padding: 2px !important; } .npc .npc-sheet .entries-list .spellcasting-entry .header .item-controls { display: flex; justify-content: space-between; } .npc .npc-sheet .entries-list .spellcasting-entry .header .item-controls a { padding: 2px; } .npc .npc-sheet .entries-list .spellcasting-entry .spell-level-header input { background: #f5efe0; border: 1px solid transparent; color: var(--body); flex: 1 0 2rem; font-weight: 700; height: 18px; text-align: center; width: 2rem; } .npc .npc-sheet .footer { display: flex; flex: 1; justify-content: center; margin-top: 12px; } .npc .npc-sheet .footer button.spellcasting-create { cursor: pointer; margin: 8px; padding: 6px 12px; font-size: var(--font-size-10); line-height: 16px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: #5e0000; color: #f5efe0; text-align: center; white-space: nowrap; border-radius: 3px; border: none; } .npc .npc-sheet .effects .section-body .effects-list { gap: 0.2em; padding-left: 0px; padding-right: 5px; } .npc .npc-sheet .effects .section-body .effects-list .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .npc .npc-sheet .effects .section-body .effects-list .item p:empty { display: none; } .npc .npc-sheet .effects .section-body .effects-list .item .item-name { display: flex; align-items: center; flex: 1; } .npc .npc-sheet .effects .section-body .effects-list .item .item-name h4 { cursor: pointer; margin: 0; } .npc .npc-sheet .effects .section-body .effects-list .item .item-name .item-image { margin-right: 8px; } .npc .npc-sheet .effects .section-body .effects-list .item .item-controls { white-space: nowrap; font-size: var(--font-size-12); } .npc .npc-sheet .effects .section-body .effects-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .npc .npc-sheet .effects .section-body .effects-list .item .item-controls a + a { margin-left: 4px; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary { flex-basis: 100%; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .title, .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing { color: var(--primary); margin: 0; padding: 0; margin-top: 1em; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing strong { font-weight: 500; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing + p { margin-top: 0; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary img { border: none; vertical-align: middle; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--body); } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-off:hover { box-shadow: none; text-shadow: 0 0 2px white; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on, .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: black; text-shadow: 0 0 2px white; } .npc .npc-sheet .effects .section-body .effects-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .npc .npc-sheet .effects .section-body .effects-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .npc .npc-sheet .effects .section-body .effects-list .item .button-group button { margin: 0; border: none; cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; padding: 5px; color: white; width: 70px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--secondary); border-radius: 2px; flex: 0; white-space: nowrap; margin-left: 4px; flex: 0; } .npc .npc-sheet .effects .section-body .effects-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .npc .npc-sheet .section-container { display: flex; flex-direction: column; } .npc .npc-sheet .section-container .section-header { border: 1px solid #5e0000; border-radius: 3px 3px 0px 0px; background: #5e0000; display: flex; flex: 0; width: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; color: #f5efe0; font-size: var(--font-size-13); padding: 0 8px; line-height: 2em; } .npc .npc-sheet .section-container .section-header h4 { flex: auto; display: flex; align-items: baseline; gap: 4px; margin-bottom: 0px; text-transform: uppercase; } .npc .npc-sheet .section-container .section-header input { color: inherit; width: auto; } .npc .npc-sheet .section-container .section-header .controls { display: flex; gap: 8px; justify-self: flex-end; } .npc .npc-sheet .section-container .section-body { border: 1px solid #5e0000; border-radius: 0px 0px 3px 3px; display: flex; flex: auto; flex-wrap: wrap; flex-direction: row; align-items: baseline; justify-content: flex-start; width: 100%; } .npc .npc-sheet .section-container.headerless .section-body { border-radius: 3px; } .npc .npc-sheet .actions-list, .npc .npc-sheet .attacks-list { align-items: baseline; margin: 0px; padding: 0px; width: 100%; } .npc .npc-sheet .actions-list .item-controls, .npc .npc-sheet .attacks-list .item-controls { font-size: 0.8rem; display: flex; flex-wrap: nowrap; align-items: baseline; margin-left: auto; } .npc .npc-sheet .actions-list .item-controls .chat, .npc .npc-sheet .attacks-list .item-controls .chat { margin-right: 3px; font-size: 0.9em; } .npc .npc-sheet .actions-list .action, .npc .npc-sheet .attacks-list .action { display: flex; flex: 1 0 46%; flex-direction: column; margin-left: 6px; margin-right: 6px; } .npc .npc-sheet .actions-list .action:not(:last-child), .npc .npc-sheet .attacks-list .action:not(:last-child) { border-bottom: 1px solid var(--color-border-light-tertiary); } .npc .npc-sheet .actions-list .action .action-header, .npc .npc-sheet .attacks-list .action .action-header { display: flex; flex: 1 0 auto; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .npc .npc-sheet .actions-list .action .action-header .action-name, .npc .npc-sheet .attacks-list .action .action-header .action-name { display: flex; flex: auto; font-size: 0.9rem; } .npc .npc-sheet .actions-list .action .action-header .action-name h4, .npc .npc-sheet .attacks-list .action .action-header .action-name h4 { margin: 0px; margin-bottom: 0px; } .npc .npc-sheet .actions-list .action .action-header .action-name .action-traits, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-traits { margin-left: 12px; } .npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking { flex: 0; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: 16px; } .npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking input, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking input { width: 0; flex: 0 1 48px; font-family: inherit; font-size: 0.9rem; background: none; text-align: center; border: 0; padding: 0 3px; height: auto; } .npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking span, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking span { white-space: nowrap; } .npc .npc-sheet .actions-list .action .item-summary, .npc .npc-sheet .attacks-list .action .item-summary { flex: 0 1 auto; margin-top: 0.5em; } .npc .npc-sheet .actions-list .attack, .npc .npc-sheet .attacks-list .attack { display: flex; flex-direction: column; justify-content: flex-start; margin: 8px 6px 0 6px; border-bottom: 1px solid var(--color-border-light-tertiary); } .npc .npc-sheet .actions-list .attack:last-child, .npc .npc-sheet .attacks-list .attack:last-child { border-bottom: none; } .npc .npc-sheet .actions-list .attack .attack-header, .npc .npc-sheet .attacks-list .attack .attack-header { display: flex; flex: 1 0 auto; flex-direction: row; align-items: baseline; width: 100%; } .npc .npc-sheet .actions-list .attack .attack-name, .npc .npc-sheet .attacks-list .attack .attack-name { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; white-space: nowrap; margin: 0 4px 0 0; font-size: 0.9rem; font-weight: 500; } .npc .npc-sheet .actions-list .attack .attack-name > span, .npc .npc-sheet .attacks-list .attack .attack-name > span { gap: 3px; margin-right: 4px; display: flex; align-items: baseline; line-height: 1.125rem; } .npc .npc-sheet .actions-list .attack .attack-body, .npc .npc-sheet .attacks-list .attack .attack-body { display: flex; align-items: flex-start; flex-direction: column; width: 100%; padding-top: 3px; } .npc .npc-sheet .actions-list .attack .attack-body .flexrow, .npc .npc-sheet .actions-list .attack .attack-body .sub-section, .npc .npc-sheet .attacks-list .attack .attack-body .flexrow, .npc .npc-sheet .attacks-list .attack .attack-body .sub-section { gap: 2px; } .npc .npc-sheet .actions-list .attack .attack-body .sub-section, .npc .npc-sheet .attacks-list .attack .attack-body .sub-section { align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; flex: auto; justify-content: flex-start; } .npc .npc-sheet .actions-list .attack .attack-body .sub-section h4, .npc .npc-sheet .attacks-list .attack .attack-body .sub-section h4 { margin-left: 12px; margin-right: 12px; } .npc .npc-sheet .actions-list .attack .attack-body button, .npc .npc-sheet .attacks-list .attack .attack-body button { width: auto !important; cursor: pointer; margin: 0; padding: 0 8px; font-size: var(--font-size-11); height: 18px; line-height: 18px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--color-primary); color: #f5efe0; text-align: center; white-space: nowrap; border-radius: 3px; border: none; } .npc .npc-sheet .actions-list .attack .attack-body button:first-child, .npc .npc-sheet .attacks-list .attack .attack-body button:first-child { margin-left: 0px; } .npc .npc-sheet .actions-list .attack .attack-body button:hover, .npc .npc-sheet .attacks-list .attack .attack-body button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .npc .npc-sheet .actions-list .attack .attack-body .attack-button, .npc .npc-sheet .attacks-list .attack .attack-body .attack-button { background-color: var(--secondary); } .npc .npc-sheet .actions-list .attack .attack-body .damage-button, .npc .npc-sheet .actions-list .attack .attack-body .critical-button, .npc .npc-sheet .attacks-list .attack .attack-body .damage-button, .npc .npc-sheet .attacks-list .attack .attack-body .critical-button { background-color: var(--primary); } .npc .npc-sheet .actions-list .attack .attack-body .attack-description, .npc .npc-sheet .attacks-list .attack .attack-body .attack-description { min-height: 10px; } .npc .npc-sheet .npc-sheet-header { display: flex; flex: 1 0 auto; flex-direction: column; } .npc .npc-sheet .npc-sheet-header .name { font-family: var(--sans-serif-condensed); font-size: 1.75rem; font-weight: 700; width: 100%; flex-wrap: nowrap; } .npc .npc-sheet .npc-sheet-header .name input { font-weight: inherit; height: 32px; } .npc .npc-sheet .npc-sheet-header .name .name-value { font-variant: small-caps; margin-left: 6px; margin-right: 18px; } .npc .npc-sheet .npc-sheet-header .name .level-label { flex: 0; text-align: right; margin-right: 0.1em; text-transform: uppercase; } .npc .npc-sheet .npc-sheet-header .name input.level { flex: 0 0 40px; text-align: center; } .npc .npc-sheet .npc-sheet-header .paizo-style { border: none; margin-top: 2px; padding-left: 0; padding-right: 0; } .npc .npc-sheet hr { margin: 10px 6px 10px 0; } .npc .npc-sheet .side-bar { flex: 160px 0 0; height: 100%; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .npc .npc-sheet .side-bar .image-container { border: 1px solid var(--color-border-dark); } .npc .npc-sheet .side-bar .image-container img.actor-image { border: none; } .npc .npc-sheet .side-bar .armor-section .armor-value { flex: 0; text-align: right; font-weight: 700; padding-right: 4px; } .npc .npc-sheet .side-bar .health-section .side-bar-label, .npc .npc-sheet .side-bar .shield-section .side-bar-label { align-items: center; } .npc .npc-sheet .side-bar .health-section .hit-points, .npc .npc-sheet .side-bar .shield-section .hit-points { display: flex; flex-direction: row; flex: 0; margin-left: auto; } .npc .npc-sheet .side-bar .health-section .hit-points input.current, .npc .npc-sheet .side-bar .shield-section .hit-points input.current { width: 36px; text-align: right; padding-right: 3px; } .npc .npc-sheet .side-bar .health-section .hit-points .slash, .npc .npc-sheet .side-bar .health-section .hit-points .max, .npc .npc-sheet .side-bar .shield-section .hit-points .slash, .npc .npc-sheet .side-bar .shield-section .hit-points .max { align-items: center; display: flex; } .npc .npc-sheet .side-bar .health-section .hit-points .max, .npc .npc-sheet .side-bar .shield-section .hit-points .max { font-weight: 700; margin-right: 4px; text-align: center; } .npc .npc-sheet .side-bar .health-section .hit-points .max.lt10, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt10 { width: 8px; } .npc .npc-sheet .side-bar .health-section .hit-points .max.lt100, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt100 { width: 24px; } .npc .npc-sheet .side-bar .health-section .hit-points .max.lt1000, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt1000 { width: 36px; } .npc .npc-sheet .side-bar .shield-section .shield-details { display: flex; flex: auto; flex-direction: row; justify-content: flex-start; align-items: baseline; } .npc .npc-sheet .side-bar .shield-section .shield-details .label { flex: 0; font-weight: bold; } .npc .npc-sheet .side-bar .shield-section .shield-details .value { flex: auto; font-weight: normal; margin-left: 6px !important; } .npc .npc-sheet .side-bar .shield-section.broken { color: rgba(0, 0, 0, 0.4); } .npc .npc-sheet .side-bar .shield-section.broken .shield-label { color: rgba(0, 0, 0, 0.4); } .npc .npc-sheet .side-bar .shield-section.broken .shield-label h4 { text-decoration: line-through; } .npc .npc-sheet .side-bar .shield-section.broken .shield-value { color: rgba(0, 0, 0, 0.4); } .npc .npc-sheet .side-bar .shield-section.broken .shield-value .shield-current { color: rgba(0, 0, 0, 0.4); } .npc .npc-sheet .side-bar .shield-section.broken .shield-value .shield-max { color: rgba(0, 0, 0, 0.4); } .npc .npc-sheet .side-bar .speed-section { text-align: left; } .npc .npc-sheet .side-bar .speed-section .land-speed-value { flex: 0 0 30px; text-align: right; } .npc .npc-sheet .side-bar .speed-section .land-speed .speed-details { flex: 1; } .npc .npc-sheet .side-bar .speed-section .other-speeds { display: flex; justify-content: left; align-items: left; width: 100%; flex-wrap: wrap; } .npc .npc-sheet .side-bar .saves { margin-top: 12px; display: flex; flex-direction: row; width: 100%; flex: 1 0 auto; font-size: 1.1rem; } .npc .npc-sheet .side-bar .saves .container { display: flex; flex-direction: column; text-align: center; } .npc .npc-sheet .side-bar .saves .container label { font-weight: 600; } .npc .npc-sheet .side-bar .saves .container input.modifier { text-align: center; z-index: 1; } .npc .npc-sheet .side-bar-section { display: flex; flex: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .npc .npc-sheet .side-bar-section .controls { padding-right: 4px; } .npc .npc-sheet .side-bar-section.initiative a.roll-init { display: flex; flex-wrap: nowrap; font-weight: 700; margin-left: auto; margin-bottom: 2px; padding-right: 0.5em; } .npc .npc-sheet .side-bar-section.initiative a.roll-init i.fa-dice-d20 { font-size: 1rem; margin-right: 0.2em; } .npc .npc-sheet .side-bar-section.initiative select { background: none; text-transform: unset; } .npc .npc-sheet .side-bar-section-content { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding-top: 2px; } .npc .npc-sheet .side-bar-section-header { display: flex; width: 100%; font-size: 1rem; border-bottom: 1px solid; border-color: #7a7971; margin-top: 10px; margin-bottom: 0px; } .npc .npc-sheet .side-bar-section-header .side-bar-label { display: flex; flex: auto; flex-direction: row; align-items: flex-start; } .npc .npc-sheet .side-bar-section-header .side-bar-label .fa { font-size: 0.8rem; } .npc .npc-sheet .side-bar-section-header .side-bar-label h4 { font-size: 0.8rem; margin-bottom: 0px; padding-left: 2px; } .npc .npc-sheet .sheet-body { flex: auto; } .npc .npc-sheet .sheet-body .tab { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .npc .npc-sheet .sheet-body .tab .identification-skills ul { display: inline; list-style-type: none; padding: 0; } .npc .npc-sheet .sheet-body .tab .identification-skills ul li { display: inline; } .npc .npc-sheet .sheet-body .tab .identification-skills ul li:not(:last-of-type):after { content: ","; } .npc .npc-sheet input.adjustable:not(:focus), .npc .npc-sheet span.adjustable, .npc .npc-sheet div.adjustable { display: inline; text-align: right; } .npc .npc-sheet input.adjustable:not(:focus).adjusted-higher, .npc .npc-sheet span.adjustable.adjusted-higher, .npc .npc-sheet div.adjustable.adjusted-higher { color: #009988; } .npc .npc-sheet input.adjustable:not(:focus).adjusted-lower, .npc .npc-sheet span.adjustable.adjusted-lower, .npc .npc-sheet div.adjustable.adjusted-lower { color: #cc3311; } .npc .npc-sheet .controls { font-size: 0.8rem; display: flex; flex-wrap: nowrap; align-items: baseline; margin-left: auto; gap: 1px; } .npc .npc-sheet .controls .chat { margin-right: 3px; font-size: 0.9em; } .npc .npc-sheet .controls > a.item-control { padding-left: 4px; } .npc .npc-sheet .disabled { color: #ababab; border-color: #ababab; } .npc .npc-sheet .disabled:hover, .npc .npc-sheet .disabled.active { color: #323232; border-color: #7a7971; } .npc .npc-sheet .trait { flex: auto 0 0; padding: 4px; background: var(--primary); border: 2px solid var(--color-border-trait); color: var(--color-text-trait); font-size: 0.9em; font-weight: 500; text-transform: uppercase; } .npc .npc-sheet .effects-list { display: flex; flex: 1 0 auto; flex-direction: row; flex-wrap: wrap; width: 100%; } .npc .npc-sheet .effects-list .separator { flex: 0 0 1px; height: 32px; margin-right: 4px; border-left: 2px solid #323232; } .npc .npc-sheet .effects-list > .effect { display: flex; flex: 0 0 32px; height: 32px; margin-right: 4px; margin-bottom: 4px; border-bottom: none !important; } .npc .npc-sheet .effects-list > .effect .item-image { background-size: cover; border: 1px solid #323232; border-bottom: 1px solid #323232; border-radius: 3px; width: 32px; } .npc .npc-sheet .effects-list > .effect .item-image:hover { border: 1px solid #f5efe0; border-radius: 3px; } .npc .npc-sheet .actions-options .actions-option { display: flex; align-items: center; width: 100%; } .npc .npc-sheet .actions-options .actions-option label { width: 100%; } .npc .npc-sheet .actions-options .actions-option label * { display: inline; vertical-align: middle; } .npc .npc-sheet .actions-options .actions-option label input { margin: 0; padding: 0; } .npc .npc-sheet .actions-options .actions-option select { background: none; text-transform: none; } .npc .npc-sheet .actions-list { width: 97%; } .npc .npc-sheet .actions-list .action { width: 100%; margin-top: 6px; } .npc .npc-sheet .labelled-field { display: flex; flex-direction: row; align-items: baseline; } .npc .npc-sheet .labelled-field label { flex: 1; font-weight: bold; } .npc .npc-sheet .labelled-field input[type=text], .npc .npc-sheet .labelled-field input[type=number] { flex: 0; font-weight: normal; margin: 1px 4px; margin-left: auto; min-width: 2.5em; padding-right: 1px; text-align: right; } .npc .npc-sheet .labelled-field.hp-temp > label { margin-right: 0.5em; } .npc .npc-sheet .top-sections { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .npc .npc-sheet .top-sections .skills { flex: 3; align-self: stretch; } .npc .npc-sheet .top-sections .senses { flex: 2; } .npc .npc-sheet .top-sections .senses .perception { width: 100%; } .npc .npc-sheet .top-sections .senses .perception label { flex-basis: 5em; } .npc .npc-sheet .top-sections .senses .perception input { flex: 0 0 24px; z-index: 1; } .npc .npc-sheet .top-sections .ability-scores { flex: 2; flex-direction: column; } .npc .npc-sheet .top-sections .ability-scores .list { display: grid; padding-left: 0.75em; grid-template-columns: repeat(3, minmax(0, 1fr)); } .npc .npc-sheet .top-sections .ability-scores .list input { flex: 0 0 24px; margin-right: 1em; z-index: 1; } .npc .npc-sheet .section-container { padding: 4px 6px 0; } .npc .npc-sheet .section-container .section-body { padding: 4px; } .npc .npc-sheet .section-container.headerless .section-body { border-radius: 3px; } .npc .npc-sheet .section-container.skills > .section-body .list { display: flex; flex-direction: row; flex-wrap: wrap; } .npc .npc-sheet .section-container.recall-knowledge .section-header { align-items: center; } .npc .npc-sheet .section-container.recall-knowledge .section-header .breakdown { width: auto; cursor: pointer; font-size: var(--font-size-9); line-height: 15px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: #171f69; color: #f5efe0; font-family: var(--sans-serif); text-transform: uppercase; border-radius: 3px; border: none; padding: 2px 4px 0; } .npc .npc-sheet .section-container.recall-knowledge .section-header .breakdown:hover { box-shadow: none; text-shadow: 0 0 2px white; } .npc .npc-sheet .section-container.languages { flex: 1; } .npc .npc-sheet .tag { line-height: 0.8rem; } .npc .npc-sheet select { flex: auto 0 0; padding: 4px !important; height: auto !important; font-family: var(--sans-serif); font-weight: 500; text-transform: uppercase; } .npc .npc-sheet select option { color: var(--text-light); background-color: var(--alt); } .npc .npc-sheet .adjustment-select .adjustment.active { background-color: #5e0000; color: #f5efe0; } .npc .npc-sheet .adjustment-select .adjustment:not(.active) { background-color: #7a7971; color: #f5efe0; } .npc .npc-sheet .npc-body { display: flex; flex: auto; flex-direction: column; height: 100%; width: 100%; overflow-y: hidden; } .npc .npc-sheet .notes { padding-right: 15px; } .npc .npc-sheet .notes.active { display: flex; flex-direction: column; } .npc .npc-sheet .notes .details-label { padding: 4px; font-family: var(--sans-serif); font-size: var(--font-size-10); font-weight: 800; line-height: 1; text-transform: uppercase; color: var(--primary); margin-right: 2px; white-space: nowrap; } .npc .npc-sheet .notes .notes-section { flex: 1 0 auto; display: flex; flex-direction: column; } .npc .npc-sheet .notes .notes-text { margin-left: 8px; padding: 4px; color: #333; flex-grow: 1; } .npc .npc-sheet .notes .notes-text .editor { height: 100%; } .npc .npc-sheet .notes .notes-text .editor .editor-edit { background: var(--primary); color: white; } .npc .npc-sheet .notes .notes-text .editor .editor-content { min-height: 75px; height: 100%; } .npc .npc-sheet .notes .source { flex-shrink: 0; } .npc .npc-sheet .notes .source .section-body { border-width: 2px; } .npc .npc-sheet .notes .source label { margin-right: 4px; flex: 0; font-weight: 700; } .npc .npc-sheet .notes .source .source-input { flex: 2; } .npc .npc-sheet.dead .profile { background-size: cover; background-color: #dbd9cd; box-sizing: border-box; border: 1px solid black; border-radius: 2px; } .npc .npc-sheet.dead .profile > img { border: none; width: 100%; opacity: 0.33; } .npc .npc-sheet.dead h2.name { margin-top: 3px; text-align: center; border-bottom: none; } .sheet.actor.loot .inventory .inventory-list { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; height: 100%; margin-bottom: 2px; } .sheet.actor.loot .inventory .inventory-list .item-name h4 { flex: 2; margin: 0; } .sheet.actor.loot .inventory .inventory-list .item-name .prepared { margin-left: 3px; font-size: var(--font-size-10); } .sheet.actor.loot .inventory .inventory-list .item-sell-value, .sheet.actor.loot .inventory .inventory-list .item-quantity, .sheet.actor.loot .inventory .inventory-list .item-weight { border-left: 1px solid var(--secondary-background); color: #666; } .sheet.actor.loot .inventory .inventory-list .item-controls { flex: 0 0 70px; border-left: 1px solid var(--secondary-background); } .sheet.actor.loot .inventory .inventory-list .inventory-header { font-weight: 700; background: var(--primary-background); margin: 0; padding: 0; border-bottom: 1px solid var(--secondary-background); } .sheet.actor.loot .inventory .inventory-list .inventory-header .item-name, .sheet.actor.loot .inventory .inventory-list .inventory-header .item-sell-value, .sheet.actor.loot .inventory .inventory-list .inventory-header .item-quantity, .sheet.actor.loot .inventory .inventory-list .inventory-header .item-weight, .sheet.actor.loot .inventory .inventory-list .inventory-header .item-controls { line-height: 1.8em; color: white; height: 100%; } .sheet.actor.loot .inventory .inventory-list .inventory-header .item-name { margin: 0; font-weight: bold; flex: 1; } .sheet.actor.loot .inventory .inventory-list .inventory-header .item-controls { color: white; } .sheet.actor.loot .inventory .inventory-list li { padding: 0; border-bottom: 1px solid var(--secondary-background); } .sheet.actor.loot .inventory .inventory-list .item { line-height: 1.8em; } .sheet.actor.loot .inventory .inventory-list .item .item-controls a { font-size: var(--font-size-10); color: #666; } .sheet.actor.loot .inventory-list .item .item-controls a.item-toggle-equip, .sheet.actor.loot .pf2e.actor .item.action-header .item-controls a.item-toggle-equip { display: none; } .sheet.actor.loot form { display: flex; flex-direction: row; height: 100%; } .sheet.actor.loot section.sidebar { display: flex; flex-direction: column; width: 200px; height: 100%; border-right: 1px solid #888; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .sheet.actor.loot section.sidebar > * { flex: 0; } .sheet.actor.loot section.sidebar .image-container { display: flex; } .sheet.actor.loot section.sidebar .image-container > img.actor-image { flex: none; border: none; border-bottom: 1px solid #888; } .sheet.actor.loot section.sidebar .image-container [data-action=show-image] { bottom: 3px; right: 2px; } .sheet.actor.loot section.sidebar .gm-settings, .sheet.actor.loot section.sidebar .sidebar-meta { display: flex; flex-direction: column; padding: 0.25rem; } .sheet.actor.loot section.sidebar .gm-settings { border-bottom: 1px solid #888; } .sheet.actor.loot section.sidebar .gm-settings .loot-distribution { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background-color: var(--tertiary); } .sheet.actor.loot section.sidebar .gm-settings label { display: flex; align-items: center; font-weight: bold; } .sheet.actor.loot section.sidebar .sidebar-meta { border-top: 1px solid #888; } .sheet.actor.loot section.sidebar .hidden-when-empty, .sheet.actor.loot section.sidebar .bulk { align-self: end; } .sheet.actor.loot section.sidebar .bulk { line-height: 1.5em; margin-right: 8px; } .sheet.actor.loot section.sidebar > .editor, .sheet.actor.loot section.sidebar .description { flex-basis: auto; min-height: 40px; flex: 1; } .sheet.actor.loot section.sidebar > .editor > .tox-tinymce .tox-edit-area { min-height: 120px; } .sheet.actor.loot section.sidebar .description, .sheet.actor.loot section.sidebar .editor-content { padding: 0.25rem; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .sheet.actor.loot section.content { display: flex; flex-direction: column; flex: 1; height: 100%; } .sheet.actor.loot .sheet-header { display: flex; flex-direction: row; align-items: center; gap: 0.2rem; padding-top: 0.25rem; border-bottom: 1px solid #888; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .sheet.actor.loot .sheet-header h1 { margin: 0; border: none; flex: 1; padding-left: 0.5rem; } .sheet.actor.loot .sheet-header h1 > input { height: 40px; width: 100%; margin: 2px; border: none; } .sheet.actor.loot .sheet-header h1, .sheet.actor.loot .sheet-header input { font-family: var(--serif-condensed); font-size: var(--font-size-36); font-weight: 700; } .sheet.actor.loot .sheet-header .sheet-type i.fas { padding: 0 2px; } .sheet.actor.loot .sheet-header .traits-bar { flex: 0 0 auto; margin-left: auto; align-self: center; font-size: var(--font-size-16); margin-right: 0.5em; } .sheet.actor.loot .sheet-header .traits-bar > .trait { padding: 0.1em 0.4em; height: unset; } .sheet.actor.loot .sheet-header .traits-bar > .trait option { background-color: #5e0000; color: white; } .sheet.actor.loot .sheet-header .currency { margin-bottom: 8px; } .sheet.actor.loot .sheet-body { padding: 0.5rem; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .loot-actor-popup .confirm-button { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); width: calc(100% - 6px); background-color: var(--tertiary); } .loot-actor-popup .checkboxes label { display: block; padding-right: 10px; padding-left: 22px; text-indent: -22px; } .loot-actor-popup .checkboxes input { vertical-align: middle; } .loot-actor-popup .checkboxes label span { vertical-align: middle; } .sheet.party { /** White background navigation with little decorations on the left and right */ } .sheet.party form { display: flex; flex-direction: column; height: 100%; background: url("../assets/sheet/background.webp"); background-repeat: no-repeat; background-size: cover; background-attachment: local; } .sheet.party form > header { background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp"); background-repeat: repeat-x, no-repeat; background-size: cover; background-color: #2f9d50; background-blend-mode: multiply; color: white; width: 100%; font-family: var(--sans-serif); text-transform: uppercase; font-weight: 600; display: flex; justify-content: space-between; align-items: center; padding: 0 0.75rem; gap: 8px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .sheet.party form > header .frame-container { flex: 0 0 60px; padding: 4px; margin: 0.75rem 0; } .sheet.party form > header .frame-container .frame { position: relative; width: 2.5rem; height: 2.5rem; } .sheet.party form > header .frame-container .player-image { object-fit: cover; object-position: top; border: none; border-radius: 0; width: 100%; cursor: pointer; border: none; box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black; } .sheet.party form > header .details { margin: 4px 0; flex: 1; } .sheet.party form > header input[type=text], .sheet.party form > header input[type=number] { color: white; border: none; border-bottom: 1px solid transparent; } .sheet.party form > header input[type=text]:hover, .sheet.party form > header input[type=text]:focus, .sheet.party form > header input[type=number]:hover, .sheet.party form > header input[type=number]:focus { border: none; border-bottom: 1px solid var(--text-light); box-shadow: none; } .sheet.party form > header .title { display: flex; flex-direction: row; align-items: baseline; gap: 4px; font-size: var(--font-size-28); font-family: var(--serif-condensed); font-weight: 700; } .sheet.party form > header .title .name { flex: 1; font-size: var(--font-size-32); } .sheet.party nav.sheet-navigation { display: inline-flex; justify-content: center; align-items: center; height: 20px; background: var(--secondary); background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary); transition: all 0.1s ease-out; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.5); position: relative; } .sheet.party nav.sheet-navigation .navigation-title { color: var(--text-light); margin-right: auto; padding-left: 1em; white-space: nowrap; width: 7em; } .sheet.party nav.sheet-navigation > a { display: flex; justify-content: center; align-items: center; margin: 0 6px; font-size: var(--font-size-12); } .sheet.party nav.sheet-navigation .item { height: 24px; width: 24px; border-radius: 50%; z-index: 1; transition: all 0.1s ease-out; color: var(--tertiary); fill: var(--tertiary); background-image: url("../assets/sheet/nav-item-inactive.webp"); background-size: contain; /* prettier-ignore */ box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25); } .sheet.party nav.sheet-navigation .item.active { box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary); } .sheet.party nav.sheet-navigation .item:last-child { margin-right: 10px; } .sheet.party nav.sheet-navigation .item:hover, .sheet.party nav.sheet-navigation .item.active { z-index: 2; transform: scale(1.2); color: var(--text-light); fill: var(--text-light); background-image: url("../assets/sheet/nav-item.webp"); } .sheet.party nav.sheet-navigation .item .fas { padding-bottom: 0; } .sheet.party nav.sheet-navigation .item:hover .pfs-icon { filter: drop-shadow(0 0 8px var(--color-shadow-primary)); } .sheet.party nav.sheet-navigation .item .action-icon { align-self: baseline; display: inline-block; font-family: Pathfinder2eActions; font-size: 1.4rem; line-height: 1; max-height: 0.75rem; } .sheet.party nav.sub-nav { margin: 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; list-style: none; background-color: var(--bg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); width: 100%; flex: 0 0 44px; } .sheet.party nav.sub-nav::before, .sheet.party nav.sub-nav::after { content: ""; width: 37px; height: 16px; background: url("../assets/sheet/sub-nav-decoration.webp"); margin: 0 16px; } .sheet.party nav.sub-nav::after { transform: scaleX(-100%); } .sheet.party nav.sub-nav a, .sheet.party nav.sub-nav .tab { border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(0, 0, 0, 0.2); color: var(--alt); cursor: pointer; display: block; font: 400 var(--font-size-16) var(--serif); flex: 1; margin: 0 0.25rem; max-width: 30%; text-align: center; text-decoration: none; transition: all 0.1s ease-out; } .sheet.party nav.sub-nav a.active, .sheet.party nav.sub-nav .tab.active { color: var(--primary); font-weight: 600; } .sheet.party nav.sub-nav a:first-child, .sheet.party nav.sub-nav .tab:first-child { border-left: none; } .sheet.party nav.sub-nav a:last-child, .sheet.party nav.sub-nav .tab:last-child { border-right: none; } .sheet.party nav.sub-nav a:hover, .sheet.party nav.sub-nav .tab:hover { text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); } .sheet.party .tab nav.sub-nav { padding-right: 20px; } .sheet.party .actor-link { cursor: pointer; } .sheet.party .container { height: 100%; overflow: hidden; } .sheet.party .content { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; flex: 1; } .sheet.party .tab.active { display: flex; height: 100%; } .sheet.party .item-list.directory-list { gap: 0.2em; margin: 0; padding: 0; display: flex; flex-direction: column; width: 100%; } .sheet.party .item-list.directory-list .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .sheet.party .item-list.directory-list .item p:empty { display: none; } .sheet.party .item-list.directory-list .item .item-name { display: flex; align-items: center; flex: 1; } .sheet.party .item-list.directory-list .item .item-name h4 { cursor: pointer; margin: 0; } .sheet.party .item-list.directory-list .item .item-name .item-image { margin-right: 8px; } .sheet.party .item-list.directory-list .item .item-controls { white-space: nowrap; font-size: var(--font-size-12); } .sheet.party .item-list.directory-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .sheet.party .item-list.directory-list .item .item-controls a + a { margin-left: 4px; } .sheet.party .item-list.directory-list .item .item-summary { flex-basis: 100%; } .sheet.party .item-list.directory-list .item .item-summary .title, .sheet.party .item-list.directory-list .item .item-summary .framing { color: var(--primary); margin: 0; padding: 0; margin-top: 1em; } .sheet.party .item-list.directory-list .item .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .sheet.party .item-list.directory-list .item .item-summary .framing strong { font-weight: 500; } .sheet.party .item-list.directory-list .item .item-summary .framing + p { margin-top: 0; } .sheet.party .item-list.directory-list .item .item-summary img { border: none; vertical-align: middle; } .sheet.party .item-list.directory-list .item .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--body); } .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on:hover, .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-off:hover { box-shadow: none; text-shadow: 0 0 2px white; } .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on, .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: black; text-shadow: 0 0 2px white; } .sheet.party .item-list.directory-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .sheet.party .item-list.directory-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .sheet.party .item-list.directory-list .item .button-group button { margin: 0; border: none; cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; padding: 5px; color: white; width: 70px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); background: var(--secondary); border-radius: 2px; flex: 0; white-space: nowrap; margin-left: 4px; flex: 0; } .sheet.party .item-list.directory-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .sheet.party .item-list.directory-list .item { margin: 2px 0; border: solid transparent; border-width: 0 0 1px; border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat; } .sheet.party .item-list.directory-list .item .item-summary { margin-top: 8px; } .sheet.party .sidebar { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; border-right: 1px solid #888; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 0.5rem; width: 13.5rem; } .sheet.party .sidebar .box { border: 1px solid rgba(0, 0, 0, 0.28); filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18)); font-family: var(--sans-serif); border-radius: 3px; font-size: var(--font-size-12); } .sheet.party .sidebar .box header, .sheet.party .sidebar .box footer { margin: -1px; padding: 0.25rem; } .sheet.party .sidebar .box header { background-color: var(--sub); border-radius: 3px 3px 0 0; color: white; font-weight: 700; } .sheet.party .sidebar .box footer { background-color: var(--bg-dark); border-radius: 0 0 3px 3px; color: var(--sub); border: 1px solid rgba(0, 0, 0, 0.28); border-top: none; } .sheet.party .tag-light { --tag-color: #424242; border: 1px solid var(--tag-color); border-radius: 2px; color: var(--tag-color); padding: 0 4px 0.1em 4px; height: 1.25rem; white-space: nowrap; font-size: var(--font-size-13); font-variant: all-small-caps; font-weight: 500; display: flex; align-items: center; } .sheet.party [data-tab=inventory] .inventory-members { display: flex; color: var(--alt-dark); flex-direction: column; font-family: var(--sans-serif); padding: 0; margin: 0; gap: 0.5rem; } .sheet.party [data-tab=inventory] .inventory-members .box .summary-data > div { align-items: center; display: flex; margin: 0.5rem 0.25rem 0.5rem 0.5rem; } .sheet.party [data-tab=inventory] .inventory-members .box .summary-data > div label { flex: 1; font-weight: 600; } .sheet.party [data-tab=inventory] .inventory-members .box .actor-link { align-items: center; display: grid; grid-template-areas: "image name " "image value"; grid-template-columns: auto 1fr; padding: 0.5rem; overflow: hidden; } .sheet.party [data-tab=inventory] .inventory-members .box .actor-link img { border: none; grid-area: image; width: 2rem; height: 2rem; margin-right: 0.4rem; object-fit: contain; } .sheet.party [data-tab=inventory] .inventory-members .box .actor-link .name { grid-area: name; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sheet.party [data-tab=inventory] .inventory-members .box .actor-link .value { grid-area: value; } .sheet.party [data-tab=inventory] .inventory-members .box .inventory-data { display: flex; gap: 0.25rem; padding: 2px 3px; font-size: var(--font-size-12); } .sheet.party [data-tab=inventory] .inventory { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; flex: 1; padding: 0 4px; display: flex; flex-direction: column; height: 100%; } .sheet.party [data-tab=overview] .summary { border-image-repeat: repeat; border-image-slice: 11; border-image-source: url("../assets/sheet/frame-elegant.svg"); border-image-width: 14px; border-style: double; padding: 0.5rem; margin: 16px 16px 8px 16px; } .sheet.party [data-tab=overview] .summary label { color: var(--alt-dark); font-family: var(--serif); font-weight: 500; line-height: 1em; } .sheet.party [data-tab=overview] .summary .tags { margin: 0; } .sheet.party [data-tab=overview] .member-breakdown { display: flex; flex-direction: row; font-family: var(--sans-serif); padding: 0.5rem 16px; position: relative; } .sheet.party [data-tab=overview] .member-breakdown:not(:last-child):after { content: ""; background-color: rgba(68, 55, 48, 0.1); width: 100%; height: 1px; position: absolute; bottom: 0; } .sheet.party [data-tab=overview] .member-breakdown .member-image { position: relative; min-width: 5.75rem; height: 5.75rem; margin-right: 8px; } .sheet.party [data-tab=overview] .member-breakdown .member-image img { position: absolute; border: none; height: 100%; width: 100%; object-fit: contain; } .sheet.party [data-tab=overview] .member-breakdown .member-image .ac { position: absolute; left: 0; right: 0; bottom: -0.5rem; margin-left: auto; margin-right: auto; font-weight: 600; display: flex; flex-direction: column; align-items: center; justify-content: end; width: 2.5rem; height: 2.8rem; padding-bottom: 0.55rem; filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } .sheet.party [data-tab=overview] .member-breakdown .member-image .ac::before, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac::after { content: ""; background: url("../assets/sheet/accent-decoration.webp"); position: absolute; right: 50%; bottom: 0.15rem; width: 2.85rem; height: 1.254rem; } .sheet.party [data-tab=overview] .member-breakdown .member-image .ac:after { transform: scaleX(-1); transform-origin: right center; } .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .shield, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac label, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .value { z-index: 1; } .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .shield { position: absolute; inset: 0; background: url("../assets/sheet/shield-blue.webp") no-repeat center bottom; background-size: contain; } .sheet.party [data-tab=overview] .member-breakdown .member-image .ac label { color: var(--tertiary-dark); font-size: var(--font-size-12); font-variant: all-small-caps; line-height: 1em; } .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .value { color: white; font-size: var(--font-size-18); line-height: 1em; } .sheet.party [data-tab=overview] .member-breakdown .member-data { display: flex; border-left: 1px solid #C9BFA9; flex-direction: column; min-height: 100%; padding-left: 8px; flex: 1; } .sheet.party [data-tab=overview] .member-breakdown .name { align-items: center; display: flex; font-family: var(--serif); font-size: var(--font-size-20); font-weight: 600; line-height: 1em; } .sheet.party [data-tab=overview] .member-breakdown .name .hero-points { display: flex; flex: 1; align-items: center; justify-content: flex-end; gap: 2px; } .sheet.party [data-tab=overview] .member-breakdown .name .hero-points .empty { border: 2px dashed rgba(0, 0, 0, 0.5); border-radius: 50%; width: 1.2rem; height: 1.2rem; } .sheet.party [data-tab=overview] .member-breakdown .name .hero-points img { border: none; width: 1.2rem; height: 1.2rem; } .sheet.party [data-tab=overview] .member-breakdown .main-stats { display: flex; gap: 0.5rem; margin-bottom: 0.25rem; } .sheet.party [data-tab=overview] .member-breakdown .main-stats > div { border: 1px solid rgba(0, 0, 0, 0.28); border-radius: 2px; height: 2.6rem; display: flex; align-items: center; justify-content: space-between; flex: 1 1 0; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .score { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: var(--font-size-18); } .sheet.party [data-tab=overview] .member-breakdown .main-stats .score label { font-size: var(--font-size-10); font-weight: 500; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .health-section { flex: 1; min-width: 9rem; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .health { padding-right: 0.5rem; margin-right: 0.125rem; justify-content: center; gap: 0.5rem; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .max { font-weight: 500; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .value, .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .max { display: inline-block; font-variant-numeric: tabular-nums; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .value { text-align: end; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .saving-throws { flex: 0.85; min-width: 5.5rem; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .saving-throws .score { flex: 1; font-weight: 500; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses { flex: 1.4; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses .value { display: flex; font-size: var(--font-size-12); gap: 0.125rem; align-items: center; overflow: hidden; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses [data-acuity=imprecise], .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses [data-acuity=vague] { border-style: dashed; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses .blank { font-size: var(--font-size-14); } .sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores { flex: 1.2; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px 8px; padding: 8px; width: 100%; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid .score { flex-direction: row; font-size: var(--font-size-12); justify-content: space-between; align-items: center; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid .score label { font-size: var(--font-size-12); font-weight: 600; } .sheet.party [data-tab=overview] .member-breakdown .main-stats .master { flex: 1.15; font-size: var(--font-size-16); } .sheet.party [data-tab=overview] .member-breakdown .skills { display: flex; flex-wrap: wrap; gap: 0.25rem; } .sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="1"] { --tag-color: #171f69; } .sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="2"] { --tag-color: #3c005e; } .sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="3"] { --tag-color: #664400; } .sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="4"] { --tag-color: #5e0000; } .sheet.party [data-tab=overview] .member-breakdown .skills .perception { color: white; background-color: var(--tag-color); } .sheet.party [data-tab=orphaned] .item-list { margin: 16px; } /* Mystification data revealed to GMs */ .gm-mystified-data { opacity: 0.75; } #compendium-browser > section.window-content > .content-box, #license-viewer > section.window-content > .content-box { flex: 1; overflow: hidden; height: inherit; } #compendium-browser > section.window-content > .content-box div[class^=slider-], #license-viewer > section.window-content > .content-box div[class^=slider-] { height: 10px; width: 80%; border: 1px solid black; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base { background: #dddddd; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle { background: none; border: none; box-shadow: none; color: white; cursor: grab; font-size: var(--font-size-16); height: 14px; right: -7px; text-shadow: 0 0 4px black; top: -4px; width: 14px; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active { cursor: grabbing; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle { background: #c85019; border-radius: 2px; border: 1px solid black; box-shadow: 1px 1px 4px black; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after { background: none; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area { cursor: pointer; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip { display: none; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip { display: block; background-color: rgba(0, 0, 0, 0.9); color: white; line-height: 18px; padding: 6px 14px; } #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected { background: rgba(255, 255, 240, 0.8); } #compendium-browser > section.window-content > .content-box > nav, #license-viewer > section.window-content > .content-box > nav { border-style: solid; border-image-outset: 0; border-width: 9px; border-image: url("../assets/sheet/corner-box.webp") 9 repeat; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); flex: 0; width: 100%; display: inline-flex; justify-content: space-evenly; align-items: center; background: var(--secondary); background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary); } #compendium-browser > section.window-content > .content-box > nav > a, #license-viewer > section.window-content > .content-box > nav > a { color: var(--sidebar-label); padding: 4px 0; font-family: var(--sans-serif); font-size: var(--font-size-12); position: relative; } #compendium-browser > section.window-content > .content-box > nav > a.active::after, #license-viewer > section.window-content > .content-box > nav > a.active::after { bottom: -2px; right: 39%; position: absolute; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid var(--sidebar-label); } #compendium-browser > section.window-content > .content-box .compendium-browser-settings, #license-viewer > section.window-content > .content-box .compendium-browser-settings { height: 100%; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form, #license-viewer > section.window-content > .content-box .compendium-browser-settings form { display: flex; height: 88%; flex-direction: column; margin-bottom: 10px; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section { border: 1px solid #bbb; border-radius: 5px; margin-top: 5px; padding: 2px; /* Checkbox */ } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section h3, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section h3 { margin: 0; cursor: pointer; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt { width: 10%; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox], #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox] { transform: none; flex: none; height: auto; margin: 3px 3px; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dd, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dd { width: 88%; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dl, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dl { margin: 5px 0; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dt, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dt { display: inline-block; width: 40%; padding-left: 5px; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dd, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dd { display: inline-block; width: 58%; margin-left: 0; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container { overflow-y: auto; display: flex; flex-wrap: wrap; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column { width: 100%; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container h2, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container h2 { margin-top: 1em; margin-bottom: 0.5em; width: 100%; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container div, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container div { width: 365px; margin-right: 1em; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav { border-style: solid; border-image-outset: 0; border-width: 9px; border-image: url("../assets/sheet/corner-box.webp") 9 repeat; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); flex: 0; width: 100%; display: inline-flex; justify-content: space-evenly; align-items: center; background: var(--secondary); background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary); } #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a { color: var(--sidebar-label); padding: 4px 0; font-family: var(--sans-serif); font-size: var(--font-size-12); position: relative; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after { bottom: -2px; right: 39%; position: absolute; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid var(--sidebar-label); } #compendium-browser > section.window-content > .content-box .compendium-browser-settings nav, #license-viewer > section.window-content > .content-box .compendium-browser-settings nav { border-width: unset; } #compendium-browser > section.window-content > .content-box .compendium-browser-settings button.save-settings, #license-viewer > section.window-content > .content-box .compendium-browser-settings button.save-settings { background: rgba(0, 0, 0, 0.1); border: 2px groove var(--color-border-light-highlight); } #compendium-browser > section.window-content > .content-box .spell-browser, #license-viewer > section.window-content > .content-box .spell-browser { display: flex; min-height: 100px; height: 100%; /* Sort and filter areas */ } #compendium-browser > section.window-content > .content-box .spell-browser .control-area, #license-viewer > section.window-content > .content-box .spell-browser .control-area { position: sticky; display: block; min-width: 320px; width: 320px; padding-right: 5px; overflow: auto; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer, #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer, #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer { border: 1px solid #bbb; border-radius: 5px; margin-top: 5px; padding: 2px; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title, #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title, #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title { display: flex; flex-direction: row; justify-content: space-between; height: 22px; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title h3, #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title h3, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title h3, #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title h3 { margin: 0; cursor: pointer; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title button, #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title button, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title button, #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title button { width: fit-content; line-height: 22px; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox], #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox], #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox], #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox] { transform: none; flex: none; height: auto; margin: 3px 3px; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction, #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction, #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction { padding: 2px; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dt, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dt { width: 10%; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dd, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dd { width: 82%; } #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio], #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio] { margin: 0 5px 0 3px; } #compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer div, #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer div { text-align: center; margin-top: 5px; } #compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer input, #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer input { width: 45%; } #compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex, #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex { display: flex; justify-content: space-around; align-items: baseline; } #compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex label, #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex label { width: 10px; } #compendium-browser > section.window-content > .content-box .spell-browser dl, #license-viewer > section.window-content > .content-box .spell-browser dl { margin: 5px 0; } #compendium-browser > section.window-content > .content-box .spell-browser dt, #license-viewer > section.window-content > .content-box .spell-browser dt { display: inline-block; padding-left: 5px; } #compendium-browser > section.window-content > .content-box .spell-browser dd, #license-viewer > section.window-content > .content-box .spell-browser dd { text-transform: capitalize; display: inline-block; } #compendium-browser > section.window-content > .content-box .spell-browser dd select, #license-viewer > section.window-content > .content-box .spell-browser dd select { width: 6em; margin-left: 0.5em; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list { width: 100%; float: right; display: block; margin: 0; height: 100%; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; overflow: visible scroll; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li { line-height: var(--font-size-32); margin: 2px 0; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd), #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd) { background-color: rgba(0, 0, 0, 0.12); } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > *, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > * { align-self: center; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .image, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .image { height: 32px; max-width: 32px; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .name, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .name { line-height: 1em; padding-left: 5px; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .tags, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .tags { justify-content: center; margin-left: 0.5em; max-width: 6em; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .tags .tag, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .tags .tag { line-height: var(--font-size-10); } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .level, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .level { flex-grow: 1; font-weight: 900; height: 32px; max-width: 18px; text-align: center; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .price, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .price { flex: none; height: 32px; margin-right: 10px; min-width: 5em; text-align: right; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .end, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .end { font-weight: 900; height: 32px; margin-right: 3px; max-width: 100px; text-align: right; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover { background-color: rgba(255, 255, 255, 0.25); cursor: grab; } #compendium-browser > section.window-content > .content-box .spell-browser #tagfilter input, #license-viewer > section.window-content > .content-box .spell-browser #tagfilter input { width: 100%; } #compendium-browser > section.window-content > .content-box .spell-browser .hint, #license-viewer > section.window-content > .content-box .spell-browser .hint { font-size: var(--font-size-12); border: 1px solid rgba(0, 255, 5, 0.2784313725); border-radius: 5px; padding: 3px; } #compendium-browser > section.window-content > .content-box .spell-browser .spacer, #license-viewer > section.window-content > .content-box .spell-browser .spacer { display: inline-block; min-width: 5px; } #compendium-browser > section.window-content > .content-box .spell-browser .spacer-large, #license-viewer > section.window-content > .content-box .spell-browser .spacer-large { display: inline-block; min-width: 15px; } #compendium-browser > section.window-content > .content-box .spell-browser .equipment-controls, #license-viewer > section.window-content > .content-box .spell-browser .equipment-controls { margin-left: 0.25em; margin-right: 0.25em; max-width: 1em; width: 1em; } #compendium-browser > section.window-content > .content-box > section.content, #license-viewer > section.window-content > .content-box > section.content { height: 92%; } #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active { height: inherit; } #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div { display: grid; grid-template-columns: 320px auto; } #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area { grid-column-start: 1; } #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div ul, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div ul { grid-column-start: 2; } .pf2e.item.sheet h3 { border-bottom: none; } .pf2e.item.sheet button > i { margin-right: 0; } .pf2e.item.sheet .sheet-header { display: flex; flex: 0 0 70px; align-items: bottom; width: 100%; padding-bottom: 6px; border-bottom: 1px solid var(--secondary-background); } .pf2e.item.sheet .sheet-header img { border: none; object-fit: contain; flex: 0 0 64px; margin-right: 6px; } .pf2e.item.sheet .sheet-header .details { display: flex; flex-wrap: wrap; align-items: baseline; } .pf2e.item.sheet .sheet-header .details input, .pf2e.item.sheet .sheet-header .details .level { font-family: var(--serif-condensed); font-size: var(--font-size-36); font-weight: 700; } .pf2e.item.sheet .sheet-header input[type=text], .pf2e.item.sheet .sheet-header input[type=number] { border: none; height: var(--font-size-34); } .pf2e.item.sheet .sheet-header input[type=text]:hover, .pf2e.item.sheet .sheet-header input[type=text]:focus, .pf2e.item.sheet .sheet-header input[type=number]:hover, .pf2e.item.sheet .sheet-header input[type=number]:focus { box-shadow: none; } .pf2e.item.sheet .sheet-header input[name=name] { flex: 1; } .pf2e.item.sheet .sheet-header .level { flex: 0; white-space: nowrap; margin-left: auto; padding-left: 8px; } .pf2e.item.sheet .sheet-header .level i { font-size: 0.6em; margin-right: 4px; margin-bottom: 4px; } .pf2e.item.sheet .sheet-header .level input { width: 40px; text-align: center; } .pf2e.item.sheet .sheet-header .feat-action-cost { font-size: 2.5rem; margin-top: -0.6rem; margin-bottom: -0.3rem; padding-left: 0.4rem; } .pf2e.item.sheet .sheet-header .paizo-style { flex-basis: 100%; width: 0; border: none; margin-top: 2px; padding-left: 0; padding-right: 0; } .pf2e.item.sheet .sheet-body { height: calc(100% - 35px); overflow: hidden; display: flex; flex-direction: column; flex-wrap: nowrap; } .pf2e.item.sheet.affliction form .affliction-stage .link:not(.linked) { opacity: 0.6; color: #a00; } .pf2e.item.sheet.deity form .tab.item-details select { max-width: fit-content; } .pf2e.item.sheet.feat form .item-details .form-group > label { min-width: fit-content; margin-right: 1em; } .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry { flex-wrap: nowrap; width: 100%; white-space: nowrap; max-width: 100%; } .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry label { flex: 0; } .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone { background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; border: 1px dotted var(--alt-dark); display: flex; font-weight: normal; justify-content: center; margin: 2px 3px 0 auto; max-width: 8em; padding: 3px; position: relative; } .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone span { display: inline-block; overflow: hidden; text-overflow: ellipsis; } .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone.ancestry-ref-broken { background-color: rgba(255, 0, 0, 0.15); border-color: var(--primary); } .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone a.remove-ancestry { display: none; position: absolute; right: -0.5em; top: -0.25em; } .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone a.remove-ancestry:hover { display: flex; } .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone:hover a.remove-ancestry { display: flex; } .pf2e.item.sheet.kit form .kit-list ul.kit-items { padding: 0; } .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item { display: grid; grid-template-columns: 26px 30px auto 10px; align-items: center; } .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item:nth-of-type(even) { background-color: rgba(120, 100, 82, 0.1); } .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name { line-height: 1em; height: 1em; } .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name .fa.fa-globe { padding: 0 3px; float: right; } .pf2e.item.sheet.kit form .kit-list ul.kit-items ul { padding-left: 0.5em; margin-top: 0; grid-column: 1/5; } .pf2e.item.sheet.kit form .kit-list ul.kit-items ul:empty { display: none; } .pf2e.item.sheet.melee form .sheet-body .item-details .form-group.attack-modifier label, .pf2e.item.sheet.melee form .sheet-body .item-details li.damage-partial form-group label { max-width: fit-content; } .pf2e.item.sheet.melee form .sheet-body .item-details .form-group.attack-modifier input, .pf2e.item.sheet.melee form .sheet-body .item-details li.damage-partial form-group input { max-width: 6ch; } .pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial { align-items: center; display: flex; gap: 1em; } .pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial input { max-width: 12ch; } .pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial .type { gap: 0.25em; } .pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial .remove-partial { margin: 0 0.5em 0 auto; } .pf2e.item.sheet.spell form .damage-formulas { margin-top: 8px; } .pf2e.item.sheet.spell form .damage-formulas .details-container-flex-row { gap: 2px; margin-top: 4px; } .pf2e.item.sheet.spell form .damage-formulas input[type=checkbox] { margin-left: 2px; } .pf2e.item.sheet.spell form .damage-formulas .traits-list { display: flex; margin-top: 2px; } .pf2e.item.sheet.spell form .damage-formulas .tag { float: none; } .pf2e.item.sheet.spell form button[data-action=damage-add] { margin-top: 4px; } .pf2e.item.sheet.spell form .variants .variant { display: grid; grid-template-columns: 1fr 1fr 0.2fr; } .pf2e.item.sheet.spell form .variants .variant .item-controls { justify-self: end; } .pf2e.item.sheet.weapon form .item-details label { min-width: 9em; } .pf2e.item.sheet.weapon form .item-details .precious-material select { width: 19.5em; } .pf2e.item.sheet form { display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; height: 100%; overflow: hidden; } .pf2e.item.sheet form .item-ref-group ul.item-refs { border: 1px solid var(--color-border-light-2); border-radius: 3px; padding: 0; } .pf2e.item.sheet form .item-ref-group ul.item-refs.empty { background-color: rgba(120, 100, 82, 0.1); height: 28px; } .pf2e.item.sheet form .item-ref-group ul.item-refs > li { align-items: center; display: grid; grid-template-columns: 26px auto 2em 1em; padding: 1px; } .pf2e.item.sheet form .item-ref-group ul.item-refs > li:nth-of-type(even) { background-color: rgba(120, 100, 82, 0.1); } .pf2e.item.sheet form .item-ref-group ul.item-refs > li .name { display: block; margin-left: 0.25em; line-height: 1em; height: 1em; } .pf2e.item.sheet form .item-ref-group ul.item-refs > li .name .fa.fa-globe { padding: 0 3px; float: right; } .pf2e.item.sheet form .item-ref-group ul.item-refs > li .level { font-weight: bold; height: 1.25em; text-align: center; } .pf2e.item.sheet form .item-ref-group ul.item-refs > li a.remove { padding: 0 2px; } .pf2e.item.sheet form .item-ref-group ul.item-refs ul { grid-column: 1/5; margin-top: 0; padding-left: 0.5em; } .pf2e.item.sheet form .item-ref-group ul.item-refs ul:empty { display: none; } .pf2e.item.sheet form .item-ref-list { align-items: start; } .pf2e.item.sheet form .form-group.form-group-trait { height: auto; margin: 2px 0; } .pf2e.item.sheet form .form-group.form-group-trait label { vertical-align: top; } .pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list span.tag { float: none; } .pf2e.item.sheet form .form-group.other-weapons input { flex: 2; } .pf2e.item.sheet form .form-group.other-weapons select { flex: 1; } .pf2e.item.sheet form .form-group.additional-language input { flex: 0.5; } .pf2e.item.sheet form .form-group.additional-language span { flex: 2.5; padding-left: 4px; } .pf2e.item.sheet form .item-activations { padding: 8px 8px 0; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .pf2e.item.sheet form .item-activations .activation + .activation, .pf2e.item.sheet form .item-activations .activation + button { margin-top: 0.5em; } .pf2e.item.sheet form .item-activations .activation .editor { min-height: 28px; } .pf2e.item.sheet form .item-activations header { font-size: 1.05em; margin-bottom: 0.25em; line-height: 1.25em; } .pf2e.item.sheet form .item-activations .activation-time { flex: 1; height: 20px; } .pf2e.item.sheet form .item-activations .frequency { flex: 1; gap: 4px; padding-right: 6px; } .pf2e.item.sheet form .item-activations .frequency input[type=number] { border: none; background: none; text-align: right; margin: 0 0 0 24px; } .pf2e.item.sheet form .item-activations .frequency > select:first-child { margin-left: 24px; } .pf2e.item.sheet form .item-activations .frequency.empty { text-align: right; } .pf2e.item.sheet form .item-activations .tags { margin-top: 4px; } .pf2e.item.sheet form .item-activations .tags label { margin-right: 3px; } .pf2e.item.sheet form .item-activations .tox { min-height: 150px; } .pf2e.item.sheet form .identify-popup { min-width: 300px; } .pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status label { color: #353535; font-weight: 500; } .pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status select { max-width: fit-content; margin-right: auto; } .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified { display: flex; align-items: center; flex-wrap: wrap; } .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified > * { display: flex; } .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified img { height: 40px; width: 40px; } .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified input { margin-left: 4px; width: 50%; } .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified .editor { height: auto; min-height: 100px; margin: 4px auto; min-width: 100%; } .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified .tox.tox-tinymce { min-height: 200px; } .pf2e.item.sheet form .item-rules { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .pf2e.item.sheet form .item-rules select { font-size: var(--font-size-12); height: 1.36rem; width: auto; } .pf2e.item.sheet form .item-rules select span { padding: 0; } .pf2e.item.sheet form .item-rules .nerd-details { margin-bottom: 10px; } .pf2e.item.sheet form .item-rules .nerd-details .form-group { margin: 0; } .pf2e.item.sheet form .item-rules .nerd-details label { align-items: center; display: flex; flex: 0 0 70px; line-height: 1.5em; margin-right: 4px; min-width: 8em; } .pf2e.item.sheet form .item-rules .nerd-details label i.fa-info-circle { margin-left: auto; margin-right: 0.5em; } .pf2e.item.sheet form .item-rules .rules { padding-top: 7px; padding-right: 7px; } .pf2e.item.sheet form .item-rules .rules .rule-element-header { display: flex; justify-content: space-between; } .pf2e.item.sheet form .item-rules .rules .rule-element-header h3.unrecognized { color: #880000; } .pf2e.item.sheet form .item-rules .rules .add-rule-element { text-align: right; } .pf2e.item.sheet form .item-rules .rules textarea { padding: 4px; min-height: 60px; resize: vertical; } .pf2e.item.sheet form .item-rules .create-rule-element { display: flex; align-items: center; white-space: nowrap; gap: 6px; justify-content: flex-end; } .pf2e.item.sheet form .item-rules .rule-editing { display: flex; flex-direction: column; height: 100%; gap: 5px; } .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor { flex: 1; background-color: white; overflow: hidden; } .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor .cm-scroller { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; overflow: scroll; } .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor button { width: auto; line-height: normal; } .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor input[type=checkbox] { width: auto; height: auto; } .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor label { display: inline; } .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor .cm-search .cm-textfield { width: 100px; } .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor ::selection { color: black; } .pf2e.item.sheet form .item-rules .rule-editing .item-controls { margin: 0; } .pf2e.item.sheet form .item-rules .rule-form label, .pf2e.item.sheet form .item-rules .rule-form .labelled-element { display: flex; align-items: center; gap: 4px; } .pf2e.item.sheet form .item-rules .rule-form label input, .pf2e.item.sheet form .item-rules .rule-form label tags, .pf2e.item.sheet form .item-rules .rule-form .labelled-element input, .pf2e.item.sheet form .item-rules .rule-form .labelled-element tags { flex: 1; } .pf2e.item.sheet form .item-rules .rule-form .range { display: flex; gap: 3px; align-items: center; } .pf2e.item.sheet form .item-rules .rule-form .range input { width: 40px; } .pf2e.item.sheet form .item-rules .rule-form .attached-input { display: flex; align-items: center; justify-content: center; flex: 1; } .pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment { display: flex; justify-content: center; align-items: center; padding: 0 6px; margin: 0; line-height: unset; flex: 0 0 auto; width: auto; min-width: 68px; align-self: stretch; border: 1px solid #aaa; border-right: none; border-radius: 3px 0 0 3px; } .pf2e.item.sheet form .item-rules .rule-form .attached-input input, .pf2e.item.sheet form .item-rules .rule-form .attached-input tags { border-top-left-radius: 0; border-bottom-left-radius: 0; margin: 0; flex: 1; } .pf2e.item.sheet form .item-rules .rule-form .spaced-fields { display: flex; align-items: center; gap: 4px; } .pf2e.item.sheet form .item-rules .rule-form .spaced-fields label { font-weight: 500; padding-right: 2px; } .pf2e.item.sheet form .item-rules .rule-form .spaced-fields label:not(:first-child) { padding-left: 2px; } .pf2e.item.sheet form .item-rules .rule-form .brackets { margin-left: 9.5em; } .pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] .details, .pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] tags { flex: 3; } .pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] .value { flex: 1; min-width: 80px; } .pf2e.item.sheet form .item-rules .rule-form[data-key=FlatModifier] .type-input { flex: 0; } .pf2e.item.sheet form .item-rules .rule-form[data-key=GrantItem] a.granted { display: flex; flex: 0 0 auto; flex-direction: row; align-items: center; gap: 3px; } .pf2e.item.sheet form .item-rules .rule-form[data-key=GrantItem] a.granted img { width: 16px; height: 16px; } .pf2e.item.sheet form .item-rules .rule-form[data-key=Note] { display: flex; flex-direction: column; gap: 2px; } .pf2e.item.sheet form label { display: block; } .pf2e.item.sheet form .mce-panel span { display: inherit; } .pf2e.item.sheet form.editable .rollable:hover { color: #000; text-shadow: 0 0 10px #00005a; cursor: pointer; } .pf2e.item.sheet form .tab { flex: 1; } .pf2e.item.sheet form .tag-legacy { float: left; margin: 0 2px 2px 0; padding: 0 3px; font-size: var(--font-size-10); line-height: 16px; border: 1px solid #999; border-radius: 3px; white-space: normal; font-weight: 500; } .pf2e.item.sheet form p.hint { font-family: var(--font-primary); font-weight: normal; } .pf2e.item.sheet form .item-controls { display: flex; margin: 0 0 0 4px; align-items: baseline; gap: 2px; } .pf2e.item.sheet form .sheet-navigation { display: flex; align-items: baseline; border-bottom: 1px solid var(--secondary-background); flex: 0 0 30px; line-height: 30px; margin-bottom: 0.5rem; } .pf2e.item.sheet form .sheet-navigation a { flex: 1 1 auto; } .pf2e.item.sheet form .sheet-navigation a.active { text-decoration: underline; } .pf2e.item.sheet form .sheet-navigation .sidebar-summary { flex: 0 0 220px; margin: 0; text-align: center; } .pf2e.item.sheet form .sheet-navigation .sheet-tabs { font-weight: 500; margin: 0; flex: 1; align-items: baseline; } .pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row { font-size: var(--font-size-12); text-align: center; } .pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:last-of-type { padding-right: 4px; } .pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active { color: #000; font-weight: 700; } .pf2e.item.sheet form article.sheet-content { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; height: calc(100% - 35px); overflow: hidden; } .pf2e.item.sheet form article.sheet-content > * { flex: 1; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar, .pf2e.item.sheet form article.sheet-content > section.sheet-body { height: calc(100% - 10px); overflow-y: auto; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar { flex: 0 0 220px; display: flex; flex-direction: column; flex-wrap: nowrap; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar > * { flex: 1; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .item-summary { font-family: var(--serif-condensed); font-weight: 700; flex: 0 0 28px; line-height: 28px; text-align: center; font-size: var(--font-size-18); color: #444; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar ol.item-tags { padding-left: 0; flex: 0; list-style: none; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar ol.item-tags .tag { display: block; width: 100%; text-align: center; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; padding: 0 4px 0 0; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details label, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details label { color: #353535; font-weight: bold; white-space: nowrap; max-width: 6em; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group { margin: 3px 0; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group input, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group input { text-align: right; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group input.left-of-select, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group input.left-of-select { min-width: 4ch; padding-right: 0.5em; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group select, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group select { max-width: 12em; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext { height: fit-content; align-items: start; margin: 0 0 0.5em 0; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext label, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext label { max-width: 6em; white-space: normal; line-height: unset; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext .editor-content, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext .editor-content { min-height: 3em; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext .editor-content > p, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext .editor-content > p { font-weight: 400; margin: 0; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .price-fields, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .price-fields { display: flex; gap: 4px; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .price-fields input[name="system.price.per"], .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .price-fields input[name="system.price.per"] { width: 22px; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar select { font-family: inherit; font-size: 0.85em; height: 1.8em; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar button { padding-top: 0; padding-bottom: 0; white-space: nowrap; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row { width: 100%; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row label { cursor: pointer; max-width: unset; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row input[type=radio] { margin: 0; top: 0; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row .badge-value { margin-right: 0.1rem; width: 3ch; font-weight: bold; text-align: end; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row input[type=text] { flex: 1; text-align: end; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge { display: flex; align-items: center; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge select { flex: 1; max-width: unset; } .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge button { flex: 0; line-height: 1.2em; } .pf2e.item.sheet form article.sheet-content input[type=text], .pf2e.item.sheet form article.sheet-content input[type=number] { width: calc(100% - 2px); height: calc(100% - 2px); background: none; padding: 0; margin: 1px 0; border: 1px solid transparent; } .pf2e.item.sheet form article.sheet-content input[type=text]:hover:not(:disabled), .pf2e.item.sheet form article.sheet-content input[type=text]:focus, .pf2e.item.sheet form article.sheet-content input[type=number]:hover:not(:disabled), .pf2e.item.sheet form article.sheet-content input[type=number]:focus { border: 1px solid black; box-shadow: 0 0 10px #00005a; } .pf2e.item.sheet form article.sheet-content select { background: rgba(255, 255, 255, 0.5); } .pf2e.item.sheet form section.sheet-body input[type=text], .pf2e.item.sheet form section.sheet-body input[type=number] { background: rgba(255, 255, 255, 0.5); border: 1px solid #aaa; padding: 3px; } .pf2e.item.sheet form section.sheet-body .tab { padding-left: 0.5rem; /** Details */ } .pf2e.item.sheet form section.sheet-body .tab.item-details { padding: 0.5rem 0.5rem 0; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .pf2e.item.sheet form section.sheet-body .tab.item-details label { color: var(--color-text-dark-2); font-weight: 500; padding-right: 0.5em; white-space: nowrap; } .pf2e.item.sheet form section.sheet-body .tab.item-details label.no-data { color: var(--color-text-dark-4); } .pf2e.item.sheet form section.sheet-body .tab.item-details select { font-size: var(--font-size-12); height: 1.5rem; padding-right: 1em; } .pf2e.item.sheet form section.sheet-body .tab.item-details select.rarity { max-width: fit-content; } .pf2e.item.sheet form section.sheet-body .tab.item-details .tags .tag { font-size: var(--font-size-10); } .pf2e.item.sheet form section.sheet-body .tab.item-mystification { padding: 8px 8px 0; overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .pf2e.item.sheet form section.sheet-body .tab.item-mystification label { color: #353535; font-weight: bold; } .pf2e.item.sheet form section.sheet-body .tab.item-activations, .pf2e.item.sheet form section.sheet-body .tab.item-rules { overflow: hidden scroll; scrollbar-width: thin; scrollbar-color: var(--primary) transparent; } .pf2e.item.sheet form section.sheet-body .editor { --space-s: 0.25em; --space-m: 0.5em; --space-l: 1em; --space-xl: 1.5em; --radius: 3px; --space-s: 0.25em; --space-m: 0.5em; --space-l: 1em; --space-xl: 1.5em; --space-2xl: 2em; --radius: 3px; } .pf2e.item.sheet form section.sheet-body .editor p { min-height: unset; } .pf2e.item.sheet form section.sheet-body .editor :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 1em; } .pf2e.item.sheet form section.sheet-body .editor .inline-header { display: flex; align-items: center; gap: var(--space-l); background-color: var(--alt); font-family: var(--sans-serif); color: white; padding: 0; font-size: 0.8em; font-weight: 400; border: none; } .pf2e.item.sheet form section.sheet-body .editor .inline-header strong { display: inline-flex; padding: 0 var(--space-m); background-color: var(--primary); min-width: 15ch; border-right: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); font-weight: 400; } .pf2e.item.sheet form section.sheet-body .editor .inline-header + p { margin-top: var(--space-s); } .pf2e.item.sheet form section.sheet-body .editor .info { background-color: var(--secondary); padding: var(--space-m); color: white; margin-left: auto; margin-right: auto; padding: 0; border-radius: var(--radius); font-family: var(--sans-serif); padding-bottom: var(--space-m); } .pf2e.item.sheet form section.sheet-body .editor .info > * + * { margin-top: var(--space-m); } .pf2e.item.sheet form section.sheet-body .editor .info + * { margin-top: var(--space-xl); } .pf2e.item.sheet form section.sheet-body .editor .info + .pf2e.item.sheet form section.sheet-body .editor .info { margin-top: var(--space-s); } .pf2e.item.sheet form section.sheet-body .editor .info h4 { font-size: 0.9em; font-weight: 400; line-height: 1.2; font-family: var(--sans-serif); border-bottom: 1px solid rgba(0, 0, 0, 0.6); padding: var(--space-m) var(--space-l); position: relative; display: flex; align-items: center; justify-content: space-between; color: white; } .pf2e.item.sheet form section.sheet-body .editor .info h4::after { font-family: "Font Awesome 6"; content: "\f05a"; font-weight: 900; margin-right: var(--space-s); } .pf2e.item.sheet form section.sheet-body .editor .info p { font-size: 0.8em; margin: 0; padding: 0 var(--space-l); } .pf2e.item.sheet form section.sheet-body .editor .info p:first-of-type { padding-top: var(--space-m); border-top: 1px solid rgba(255, 255, 255, 0.1); } .pf2e.item.sheet form section.sheet-body .editor .traits { display: flex; flex-wrap: wrap; padding: 0; } .pf2e.item.sheet form section.sheet-body .editor .traits p { display: inline-flex; padding: 0.16rem 0.25rem; margin: 0; background-color: var(--primary); border: 2px solid var(--color-border-trait); color: white; font: 500 var(--font-size-10) var(--sans-serif); text-transform: uppercase; } .pf2e.item.sheet form section.sheet-body .editor .statblock { font-family: var(--sans-serif-condensed); color: black; line-height: 1.2; margin-bottom: var(--space-m); } .pf2e.item.sheet form section.sheet-body .editor .statblock > * + * { margin-top: var(--space-s); margin-bottom: 0; } .pf2e.item.sheet form section.sheet-body .editor .statblock p { --indent: var(--space-l); margin-left: var(--indent); position: relative; } .pf2e.item.sheet form section.sheet-body .editor .statblock p strong:first-of-type { margin-left: calc(var(--indent) * -1); } .pf2e.item.sheet form section.sheet-body .editor .statblock p .trait:first-of-type { margin-left: calc(var(--indent) * -1 - 2px); } .pf2e.item.sheet form section.sheet-body .editor .statblock span.pf2-icon { line-height: 1; } .pf2e.item.sheet form section.sheet-body .editor .statblock h1, .pf2e.item.sheet form section.sheet-body .editor .statblock h2, .pf2e.item.sheet form section.sheet-body .editor .statblock h3, .pf2e.item.sheet form section.sheet-body .editor .statblock h4 { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid black; text-transform: uppercase; letter-spacing: -0.05em; font-family: var(--sans-serif-condensed); font-weight: 700; } .pf2e.item.sheet form section.sheet-body .editor .statblock hr { border: none; border-bottom: 1px solid black; } .pf2e.item.sheet form section.sheet-body .editor .message { font-family: var(--journal-cursive); font-size: 2em; line-height: 1.2; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions { display: flex; flex-direction: column; gap: 3px; height: 100%; padding: 0 0.25em; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions > * { display: inherit; flex-direction: inherit; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes { background-color: var(--visibility-gm-bg); border: 1px dotted rgba(75, 74, 68, 0.5); padding: 0 0.25em; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes:not(.has-content) { display: none; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes .editor { min-height: 2.5em; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .main { flex-grow: 1; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor { display: inherit; flex-direction: inherit; flex-grow: inherit; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes, .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit { font-size: 1.33em; background: rgb(205, 205, 205); } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes i, .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit i { width: 1em; text-align: center; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes { border-radius: 4px; border: 1px solid var(--color-border-dark-1); box-shadow: 0 0 1px var(--color-shadow-dark); display: none; padding: 1px 2px; position: absolute; right: 35px; top: 5px; } .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor:hover a.add-gm-notes { display: block; } .pf2e.item.sheet form h3 .item-controls, .pf2e.item.sheet form header .item-controls { cursor: pointer; float: right; } .pf2e.item.sheet form .form-group .item-controls { flex: 0 1 auto; } .pf2e.item.sheet form .form-section { margin-top: 8px; } .pf2e.item.sheet form .form-list { border-radius: 5px; border: 1px solid var(--secondary-background); list-style-type: none; margin: 0.5em 0; padding: 0.25em; } .pf2e.item.sheet form .form-list:first-child { margin-top: 0; } .pf2e.item.sheet form .form-list h3 { font-weight: 600; font-size: 1.05em; margin-bottom: 0.25em; } .pf2e.item.sheet form .form-list.subsection { padding: 0; } .pf2e.item.sheet form .form-list.subsection > * { padding: 0.25rem; } .pf2e.item.sheet form .form-list.subsection > header { align-items: baseline; background-color: var(--secondary); border-radius: 5px 5px 0 0; color: white; display: flex; justify-content: space-between; margin: -1px -1px 0 -1px; padding: 1px; } .pf2e.item.sheet form .form-list.subsection > header h3, .pf2e.item.sheet form .form-list.subsection > header .item-controls { padding: 0.25rem; margin-bottom: 0; } .pf2e.item.sheet form .two-by-two { display: grid; grid-template-columns: 1fr 1fr; column-gap: 0.25rem; } .pf2e.item.sheet form .two-by-two .item-controls { margin-left: 2px; gap: 0; } .pf2e.item.sheet form .form-group { margin: 2px 0; font-weight: 500; } .pf2e.item.sheet form .form-group.scalable { height: auto; min-height: 24px; } .pf2e.item.sheet form .form-group.scalable ul.traits-list { list-style-type: none; } .pf2e.item.sheet form .form-group > label:not(.large) { max-width: 11em; } .pf2e.item.sheet form .form-group > label.short { max-width: 9em; } .pf2e.item.sheet form .form-group > input[type=checkbox] { margin-left: auto; } .pf2e.item.sheet form .form-group input[type=checkbox]:last-child { margin-right: 0; } .pf2e.item.sheet form .form-group .checkbox-pair { display: flex; align-items: center; } .pf2e.item.sheet form .form-group .checkbox-pair span { font-weight: 400; } .pf2e.item.sheet form .form-group input.adjusted-higher:not(:focus) { font-weight: 700; color: #009988; } .pf2e.item.sheet form .form-group input.adjusted-lower:not(:focus) { font-weight: 700; color: #cc3311; } .pf2e.item.sheet form .tags { padding-left: 0; } .pf2e.item.sheet form .details-container, .pf2e.item.sheet form .dice-data { display: grid; grid: "dice die type"/40px 60px auto; } .pf2e.item.sheet form .effects-container { display: grid; grid: "effect number"/auto 40px; } .pf2e.item.sheet form .details-container-two-columns { display: grid; grid: "size type"/50% 50%; } .pf2e.item.sheet form .details-container-three-columns { display: grid; grid-template-columns: 1fr 1fr 1fr; } .pf2e.item.sheet form .details-container-flex-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .pf2e.item.sheet form .details-container-flex-row > label { display: flex; flex-direction: row; align-items: center; white-space: nowrap; } .pf2e.item.sheet form .details-container-flex-row select { flex: 1; width: auto; } .pf2e.item.sheet form .details-container-flex-row input[type=checkbox] { width: 16px; height: 16px; flex-basis: auto; } .pf2e.item.sheet form .details-container-flex-row input[type=checkbox]:first-child:last-child { margin-left: auto; justify-self: flex-end; } .pf2e.item.sheet form .toggle-button-list { display: flex; gap: 2px; margin: 4px 0; } .pf2e.item.sheet form .toggle-button-list button { margin: 0; font-size: var(--font-size-10); line-height: 16px; display: flex; align-items: center; white-space: nowrap; padding: 3px 4px; } .pf2e.item.sheet form .consumable-details { flex: 0 0 24px; } .pf2e.item.sheet form .consumable-details label { font-weight: bold; } .pf2e.item.sheet form .consumable-details input { flex: 0 0 24px; margin-right: 6px; text-align: right; } .pf2e.item.sheet form .consumable-details span { line-height: 24px; } .pf2e.item.sheet form .consumable-details .max-charges { flex: 0 0 16px; text-align: center; } .pf2e.item.sheet form .consumable-charges label { flex: 0 0 144px; } .pf2e.item.sheet form .consumable-charges input { flex: 0 0 64px; text-align: center; } .pf2e.item.sheet form .consumable-charges span.flex0 { line-height: 24px; } .pf2e.item.sheet form .feat-uses select { flex: 2; margin-right: 5px; } .pf2e.item.sheet form .feat-uses input { flex: 1; text-align: center; } .pf2e.item.sheet form .feat-uses span.sep { flex: 0 0 16px; line-height: 24px; font-size: var(--font-size-14); text-align: center; } .pf2e.item.sheet form .spell-components input { margin-left: 0; } .pf2e.item.sheet form .spell-components label { padding-right: 6px; } .pf2e.item.sheet form input.adjusted:not(:focus) { font-weight: 700; color: #009988; } .pf2e.item.sheet form .frequency { align-items: baseline; display: flex; gap: 0.2rem; text-align: end; } .pf2e.item.sheet form .frequency.empty { justify-content: flex-end; } .pf2e.item.sheet form .frequency select { flex: 1 1 auto; } .pf2e.item.sheet form .frequency a { align-self: center; } .persistent-damage-dialog { /** Work around Font Awesome styling bug present as of version 6.2 */ } .persistent-damage-dialog i.fa-fw { min-width: 1em; } .persistent-damage-dialog h3 { display: flex; align-items: baseline; justify-content: space-between; } .persistent-damage-dialog h3 a { float: right; font-size: 0.8em; } .persistent-damage-dialog h3 a:hover i { animation: rotation 2s infinite linear; } .persistent-damage-dialog .entries { display: flex; flex-direction: column; gap: 0.125rem; } .persistent-damage-dialog .entries:not(.new) { margin-bottom: 0.5rem; } .persistent-damage-dialog .persistent-entry { display: flex; align-items: baseline; gap: 0.25rem; } .persistent-damage-dialog .persistent-entry.inactive .input-fields input span, .persistent-damage-dialog .persistent-entry.inactive .input-fields input i, .persistent-damage-dialog .persistent-entry.inactive .input-fields input:not(:focus), .persistent-damage-dialog .persistent-entry.inactive .input-fields select span, .persistent-damage-dialog .persistent-entry.inactive .input-fields select i, .persistent-damage-dialog .persistent-entry.inactive .input-fields select:not(:focus), .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) span, .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) i, .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within):not(:focus) { opacity: 0.7; text-decoration: line-through; } .persistent-damage-dialog .persistent-entry a { padding: 0.25em; } .persistent-damage-dialog .persistent-entry .input-fields { display: flex; gap: 0.25rem; align-items: baseline; select-height: var(--form-field-height); } .persistent-damage-dialog .persistent-entry .input-fields label { display: flex; align-items: baseline; gap: 0.19rem; height: 100%; } .persistent-damage-dialog .persistent-entry .input-fields .dc { width: 2.5rem; } .persistent-damage-dialog .persistent-entry .input-fields .invalid { box-shadow: 0 0 5px 0px red; border-color: red; } #darkness-adjuster { background: none; box-shadow: 0 0 10px black; height: 38px !important; } #darkness-adjuster .window-header { display: none; } #darkness-adjuster .window-content { background: rgba(0, 0, 0, 0.5); border: 1px solid black; border-radius: 5px; padding: 6px 12px 0; } #darkness-adjuster .slider { height: 6px; } #darkness-adjuster .slider .noUi-base { background: #ecc1b3; cursor: pointer; } #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle { background: none; border: none; box-shadow: none; color: white; font-size: var(--font-size-16); height: 14px; width: 14px; top: -5px; right: -7px; text-shadow: 0 0 4px black; } #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_bright-light, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness { pointer-events: none; } #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness { font-size: var(--font-size-14); } #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level { background: #c85019; border: 1px solid black; border-radius: 2px; box-shadow: 1px 1px 4px black; height: 12px; width: 12px; right: -6px; top: -4px; } #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level .noUi-touch-area { cursor: grab; } #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area { cursor: grabbing; } #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::before, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::after { background: none; } #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle i.fa-solid { cursor: default; left: -1px; opacity: 0.6; position: absolute; top: 0; } #darkness-adjuster .slider .noUi-base .noUi-connect.range_bright-light { background: #fdfbd3; } #darkness-adjuster .slider .noUi-base .noUi-connect.range_darkness { background: #16193a; } #darkness-adjuster .slider .noUi-pips { height: 12px; } #darkness-adjuster .slider .noUi-pips .noUi-marker.noUi-marker-large { height: 12px; } #darkness-adjuster .slider .noUi-pips .noUi-value { display: none; } #darkness-adjuster .synchronized .slider .noUi-base { cursor: not-allowed; } #darkness-adjuster .synchronized .slider .message { display: flex; justify-content: center; position: relative; top: 0.5em; width: 100%; } #darkness-adjuster .synchronized .slider .message span { color: var(--color-text-light-1); text-shadow: 1px 1px black; z-index: 1; } #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle { cursor: not-allowed; } #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level { background: var(--color-disabled); border: none; box-shadow: none; } #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level .noUi-touch-area, #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area { cursor: inherit; } #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle i.fas { cursor: inherit; } #darkness-adjuster .synchronized .slider .noUi-pips { visibility: hidden; } .scene-sheet span.range-value.disabled { border: none; color: #777; } .app.token-sheet .tab.active[data-tab=appearance] fieldset { border: 1px solid #b5b3a4; } .app.token-sheet .tab.active[data-tab=appearance] fieldset > legend { font-size: var(--font-size-15); color: #333; } .app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number] { max-width: 60px; text-align: center; } .app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number]:disabled { border: none; color: var(--color-text-dark-6); } .app.token-sheet .tab.active[data-tab=appearance] fieldset select.alternate-images { max-width: 20em; } .app.token-sheet .tab.active[data-tab=appearance] fieldset:last-child { margin: 6px 0; } .app.token-sheet .tab[data-tab=vision] .disabled[data-tab] { color: var(--color-text-dark-6); pointer-events: none; } .app.token-sheet .tab[data-tab=vision] a.managed-by-rbv { padding-left: 0.33em; } .app.token-sheet .form-group.children-disabled .range-value { border: none; background-color: rgba(0, 0, 0, 0.05); color: #777; } #homebrew-settings section.window-content { display: block; } #homebrew-settings section.window-content .form-group.setting { display: inherit; } #homebrew-settings section.window-content .form-group.setting tags { background-color: rgba(0, 0, 0, 0.05); border: 1px solid #7a7971; border-radius: 3px; } #homebrew-settings section.window-content .form-group.setting tags.tagify--focus { border: 1px solid #7a7971; box-shadow: 0 0 5px red; } #homebrew-settings section.window-content .form-group.setting .homebrew { --tag-text-color--edit: #111; --tag-pad: 0.2em 0.4em; --tag-remove-bg: var(--tag-hover); --tag-remove-btn-bg--hover: black; font-size: var(--font-size-13); min-width: 0; } #homebrew-settings section.window-content .form-group.buttons { margin-top: 0.5em; } #homebrew-settings .damage-types th, #homebrew-settings .damage-types td { white-space: nowrap; } #homebrew-settings .damage-types th:not(:last-child), #homebrew-settings .damage-types td:not(:last-child) { padding-right: 0.25rem; } #homebrew-settings .damage-types .icon-preview { display: flex; align-items: center; gap: 0.125rem; } #homebrew-settings .damage-types .delete-cell { text-align: end; width: 1rem; } #homebrew-settings .damage-types .delete-cell i { padding: 0.125rem 0.25rem; cursor: pointer; } #world-clock-settings form .form-group .form-fields { flex-grow: 1; } #world-clock-settings form .form-group button.reset-world-time { flex: 1; } #game-details > li.system-info { margin-bottom: 6px; } #game-details > li.system-info > a[href] { font-size: var(--font-size-12); text-transform: uppercase; margin-right: 6px; } #game-details > li.system-info > a[href]:hover { text-shadow: 0 0 8px var(--color-text-hyperlink); } #client-settings form .form-group > label { flex: 2.5; } .settings-menu form .form-group > label { flex: 2.5; } .settings-menu .instructions { text-align: center; } #metagame-settings form .form-group > label { flex: 3; } .select-craft-item-dialog .drop-item-zone { display: flex; align-items: center; margin: 0 2px 5px; } .select-craft-item-dialog .item-icon { height: 32px; width: 32px; margin-right: 3px; } .select-craft-item-dialog .button-panel { display: flex; } .select-repair-item-dialog .drop-item-zone { display: flex; align-items: center; margin: 0 2px 5px; } .select-repair-item-dialog .item-icon { height: 32px; width: 32px; margin-right: 3px; } .select-repair-item-dialog .button-panel { display: flex; } .app.choice-set-prompt section.window-content h3 { display: flex; justify-content: center; } .app.choice-set-prompt section.window-content button, .app.choice-set-prompt section.window-content select { display: flex; margin: 4px auto; } .app.choice-set-prompt section.window-content .choices { max-width: max-content; justify-items: center; margin: auto; } .app.choice-set-prompt section.window-content .choices.select-menu { min-width: 18em; } .app.choice-set-prompt section.window-content .choices.select-menu tags { background-color: rgba(0, 0, 0, 0.05); border: 1px solid var(--color-border-light-tertiary); border-radius: 3px; height: 2rem; margin-bottom: 0.5em; width: 100%; } .app.choice-set-prompt section.window-content .choices.select-menu tags .tagify__input { align-items: center; display: flex; height: 100%; margin: 0; } .app.choice-set-prompt section.window-content .choices button, .app.choice-set-prompt section.window-content .choices .drop-zone { cursor: pointer; max-width: 100%; } .app.choice-set-prompt section.window-content .choices button:not(.with-image), .app.choice-set-prompt section.window-content .choices .drop-zone:not(.with-image) { min-width: 120px; justify-content: center; } .app.choice-set-prompt section.window-content .choices button.with-image, .app.choice-set-prompt section.window-content .choices .drop-zone.with-image { align-items: center; } .app.choice-set-prompt section.window-content .choices button.with-image img, .app.choice-set-prompt section.window-content .choices .drop-zone.with-image img { border: 1px solid #444; height: 1.6em; margin-right: 0.5em; } .app.choice-set-prompt section.window-content .choices .drop-zone { border: 1px solid var(--color-border-light-primary); border-radius: 3px; color: #222; cursor: default; display: flex; padding: 1px 6px; font-family: var(--font-primary); font-size: var(--font-size-14); line-height: 28px; } .app.choice-set-prompt section.window-content .choices .drop-zone i.fas { border: 1px solid #BBB; border-radius: 2px; align-items: center; display: flex; height: 1.6em; justify-content: center; margin-right: 0.5em; width: 1.6em; } .app.choice-set-prompt section.window-content .choices .drop-zone i.fas:after { font-size: var(--font-size-20); } .app.choice-set-prompt section.window-content .choices .drop-zone span { color: black; flex: 1; } #ui-middle { position: relative; } .effect-panel { pointer-events: initial; position: absolute; top: 5px; right: 0; } .effect-panel .effect-item { display: flex; justify-content: flex-end; height: 52px; } .effect-panel .effect-item[data-badge-type=formula] .icon { cursor: pointer; } .effect-panel .effect-item[data-badge-type=formula] .icon:hover::before { content: "\f6cf"; background: rgba(0, 0, 0, 0.5); font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: var(--font-size-26); color: white; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 4px; } .effect-panel .effect-item:hover .effect-info { display: flex; align-items: flex-end; flex-direction: column; } .effect-panel .effect-item .effect-info { background-color: rgba(0, 0, 0, 0.75); color: white; display: none; height: min-content; margin-right: 0.5em; max-width: 300px; padding: 0.25em 0.5rem; } .effect-panel .effect-item .effect-info h1 { margin: 0; padding: 0; border: none; font-size: var(--font-size-12); padding-top: 0.25em; text-align: right; } .effect-panel .effect-item .effect-info h1 i.fa-comment-alt { margin-left: 2px; } .effect-panel .effect-item .effect-info .tags { justify-content: flex-end; } .effect-panel .effect-item .effect-info .tags .tag { margin-bottom: 0; } .effect-panel .effect-item .effect-info .tags .tag + .tag, .effect-panel .effect-item .effect-info .tags .tag:first-child { margin-left: 3px; margin-right: -2px; } .effect-panel .effect-item .effect-info > a, .effect-panel .effect-item .effect-info .description a { display: block; border: 1px outset white; font-size: var(--font-size-10); margin-top: 0.125rem; padding: 0.125rem; } .effect-panel .effect-item .effect-info > a.content-link, .effect-panel .effect-item .effect-info > a.inline-roll, .effect-panel .effect-item .effect-info .description a.content-link, .effect-panel .effect-item .effect-info .description a.inline-roll { padding: 1px 4px; border: 1px solid var(--color-border-dark-tertiary); width: fit-content; display: inline; color: var(--color-text-dark-primary); } .effect-panel .effect-item .effect-info span[data-pf2-check] { color: var(--color-text-dark-primary); } .effect-panel .effect-item .effect-info .instructions, .effect-panel .effect-item .effect-info .description { font-size: 0.75em; text-align: right; } .effect-panel .effect-item .effect-info .description { max-height: 15em; overflow-y: auto; text-align: justify; } .effect-panel .effect-item .icon { border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px #C0C0C0, 0 0 0 2px #808080; align-items: center; background-repeat: no-repeat; background-size: contain; box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080, inset 0 0 4px rgba(0, 0, 0, 0.5); color: transparent; display: flex; justify-content: center; position: relative; margin: 2px 0; height: 48px; width: 48px; } .effect-panel .effect-item .icon.aura { border-radius: 50%; box-shadow: 0px 0px 10px 5px white; } .effect-panel .effect-item .icon.unidentified { filter: drop-shadow(0 0 8px var(--visibility-gm-bg)); } .effect-panel .effect-item .icon .expired { position: absolute; left: 0; bottom: -1px; width: 100%; padding: 2px 1px; font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; color: white; background-color: var(--primary); } .effect-panel .effect-item .icon .linked { position: absolute; display: inline-block; bottom: -1px; right: -1px; padding: 0px 2px; color: white; background-color: rgba(0, 0, 0, 0.75); } .effect-panel .effect-item .icon .value-wrapper { position: absolute; bottom: -1px; left: -1px; max-width: calc(100% + 2px); padding: 0px 2px; color: white; background-color: rgba(0, 0, 0, 0.75); font-size: var(--font-size-13); letter-spacing: -0.05em; white-space: nowrap; overflow: hidden; } .effect-panel .effect-item .icon .value-wrapper .value { overflow: hidden; text-overflow: ellipsis; } .effect-panel .effect-item .icon .value-wrapper .value strong { display: inline-block; padding-right: 1px; } .effect-panel > hr { margin-right: 0; width: 48px; } .journal-entry-page .journal-page-content { --space-s: 0.25em; --space-m: 0.5em; --space-l: 1em; --space-xl: 1.5em; --space-2xl: 2em; --radius: 3px; } .journal-entry-page .journal-page-content p { min-height: unset; } .journal-entry-page .journal-page-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 1em; } .journal-entry-page .journal-page-content .inline-header { display: flex; align-items: center; gap: var(--space-l); background-color: var(--alt); font-family: var(--sans-serif); color: white; padding: 0; font-size: 0.8em; font-weight: 400; border: none; } .journal-entry-page .journal-page-content .inline-header strong { display: inline-flex; padding: 0 var(--space-m); background-color: var(--primary); min-width: 15ch; border-right: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); font-weight: 400; } .journal-entry-page .journal-page-content .inline-header + p { margin-top: var(--space-s); } .journal-entry-page .journal-page-content .info { background-color: var(--secondary); padding: var(--space-m); color: white; margin-left: auto; margin-right: auto; padding: 0; border-radius: var(--radius); font-family: var(--sans-serif); padding-bottom: var(--space-m); } .journal-entry-page .journal-page-content .info > * + * { margin-top: var(--space-m); } .journal-entry-page .journal-page-content .info + * { margin-top: var(--space-xl); } .journal-entry-page .journal-page-content .info + .journal-entry-page .journal-page-content .info { margin-top: var(--space-s); } .journal-entry-page .journal-page-content .info h4 { font-size: 0.9em; font-weight: 400; line-height: 1.2; font-family: var(--sans-serif); border-bottom: 1px solid rgba(0, 0, 0, 0.6); padding: var(--space-m) var(--space-l); position: relative; display: flex; align-items: center; justify-content: space-between; color: white; } .journal-entry-page .journal-page-content .info h4::after { font-family: "Font Awesome 6"; content: "\f05a"; font-weight: 900; margin-right: var(--space-s); } .journal-entry-page .journal-page-content .info p { font-size: 0.8em; margin: 0; padding: 0 var(--space-l); } .journal-entry-page .journal-page-content .info p:first-of-type { padding-top: var(--space-m); border-top: 1px solid rgba(255, 255, 255, 0.1); } .journal-entry-page .journal-page-content .traits { display: flex; flex-wrap: wrap; padding: 0; } .journal-entry-page .journal-page-content .traits p { display: inline-flex; padding: 0.16rem 0.25rem; margin: 0; background-color: var(--primary); border: 2px solid var(--color-border-trait); color: white; font: 500 var(--font-size-10) var(--sans-serif); text-transform: uppercase; } .journal-entry-page .journal-page-content .statblock { font-family: var(--sans-serif-condensed); color: black; line-height: 1.2; margin-bottom: var(--space-m); } .journal-entry-page .journal-page-content .statblock > * + * { margin-top: var(--space-s); margin-bottom: 0; } .journal-entry-page .journal-page-content .statblock p { --indent: var(--space-l); margin-left: var(--indent); position: relative; } .journal-entry-page .journal-page-content .statblock p strong:first-of-type { margin-left: calc(var(--indent) * -1); } .journal-entry-page .journal-page-content .statblock p .trait:first-of-type { margin-left: calc(var(--indent) * -1 - 2px); } .journal-entry-page .journal-page-content .statblock span.pf2-icon { line-height: 1; } .journal-entry-page .journal-page-content .statblock h1, .journal-entry-page .journal-page-content .statblock h2, .journal-entry-page .journal-page-content .statblock h3, .journal-entry-page .journal-page-content .statblock h4 { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid black; text-transform: uppercase; letter-spacing: -0.05em; font-family: var(--sans-serif-condensed); font-weight: 700; } .journal-entry-page .journal-page-content .statblock hr { border: none; border-bottom: 1px solid black; } .journal-entry-page .journal-page-content .message { font-family: var(--journal-cursive); font-size: 2em; line-height: 1.2; } .journal-entry-page .journal-page-content .fumble-deck h1 { font-family: var(--font-primary); font-size: 1.75em; font-weight: bold; line-height: normal; text-transform: uppercase; color: black; border: 2px solid; border-radius: 15px; padding: 0 0 0 1.5em; background-size: 1.22em; background-repeat: no-repeat; background-color: #e5bf85; position: relative; top: 1em; width: 80%; } .journal-entry-page .journal-page-content .fumble-deck h1:first-child { background-image: url("../icons/equipment/weapons/gnome-hooked-hammer.webp"); } .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(2) { background-image: url("../icons/equipment/weapons/longbow.webp"); } .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(3) { background-image: url("../icons/equipment/weapons/fist.webp"); } .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(4) { background-image: url("../icons/spells/chain-lightning.webp"); } .journal-entry-page .journal-page-content .fumble-deck blockquote { font-family: var(--font-primary); border-left: none; background-color: #000059; color: white; font-size: 120%; margin-left: 0.7em; padding: 1.2em 1.25em 0.75em; border-radius: 8px; } .journal-entry-page .journal-page-content .fumble-deck blockquote a { color: black; } .journal-entry-page .journal-page-content .fumble-deck blockquote span.with-repost { color: black; } .journal-entry-page .journal-page-content .fumble-deck code { font-family: var(--font-primary); font-weight: bold; font-size: 100%; line-height: normal; background-image: url("../assets/critfumble-banner.webp"); background-size: 100% 100%; box-shadow: 5px 5px 10px 3px #282a2d; display: inline-block; float: right; text-align: center; margin-top: -1.75em; margin-right: 0.75em; width: 7em; padding: 0.5em; } .journal-entry-page .journal-page-content .critical-deck h1 { font-family: var(--font-primary); font-size: 1.75em; font-weight: bold; line-height: normal; text-transform: uppercase; color: black; border: 2px solid; border-radius: 15px; padding: 0 0 0 1.5em; background-size: 1.22em; background-repeat: no-repeat; background-color: #e5bf85; position: relative; top: 1em; width: 80%; } .journal-entry-page .journal-page-content .critical-deck h1:first-child { background-image: url("../icons/equipment/weapons/light-hammer.webp"); } .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(2) { background-image: url("../../../icons/weapons/polearms/javelin.webp"); } .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(3) { background-image: url("../../../icons/weapons/axes/axe-battle-worn.webp"); } .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(4) { background-image: url("../../../icons/weapons/thrown/bomb-fuse-cloth-pink.webp"); } .journal-entry-page .journal-page-content .critical-deck blockquote { font-family: var(--font-primary); border-left: none; background: rgb(14, 40, 17); background: radial-gradient(circle, rgb(14, 40, 17) 10%, rgb(20, 59, 25) 50%, rgb(14, 40, 17) 90%); color: white; font-size: 120%; margin-left: 0.7em; padding: 1.2em 1.25em 0.75em; border-radius: 8px; } .journal-entry-page .journal-page-content .critical-deck blockquote a { color: black; } .journal-entry-page .journal-page-content .critical-deck blockquote span.with-repost { color: black; } .journal-entry-page .journal-page-content .critical-deck code { font-family: var(--font-primary); font-weight: bold; font-size: 100%; line-height: normal; background-image: url("../assets/critfumble-banner.webp"); background-size: 100% 100%; box-shadow: 5px 5px 10px 3px #282a2d; display: inline-block; float: right; text-align: center; margin-top: -1.75em; margin-right: 0.75em; width: 9em; padding: 0.5em; } #migration-summary > .window-content > h3 { margin: auto; } #migration-summary > .window-content > .dialog-content > table i.fa-check { color: green; } #migration-summary > .window-content > .dialog-content > table i.fa-times { color: red; } #migration-summary > .window-content > .dialog-content > table td { text-align: center; } #migration-summary > .window-content > .dialog-buttons { display: flex; } #migration-summary > .window-content > .dialog-buttons:disabled::hover { box-shadow: none; } #upw-viewer .window-content { background: no-repeat right url("../assets/upw-logo.webp") black; } #upw-viewer .window-content .content { color: #eee; width: 435px; font-size: larger; } #upw-viewer .window-content .content a[href] { color: #8b6cae; font-size: large; display: block; text-align: center; } #world-clock section.window-content { font-size: 1rem; } #world-clock section.window-content h1 { font-size: inherit; text-align: center; } #world-clock section.window-content .input-grid { align-items: center; display: flex; flex-wrap: wrap; font-size: 0.8rem; justify-content: space-evenly; } #world-clock section.window-content .input-grid > * { flex-basis: 32%; height: 1.5rem; line-height: 20px; } #world-clock section.window-content .input-grid .sign { font-family: var(--sans-serif-monospace); font-size: inherit; } #world-clock section.window-content .input-grid button { align-items: center; display: flex; font-size: inherit; justify-content: center; margin: 1px; } #world-clock section.window-content .input-grid button img { border: none; height: 1.5em; } #world-clock section.window-content .input-grid .time-of-day { display: flex; flex-basis: 100%; margin: 0 3px; } #world-clock section.window-content .input-grid .time-of-day img.midnight { height: 1.05rem; } .tags { display: flex; flex-wrap: wrap; gap: 2px; list-style-type: none; margin-bottom: 2px; padding-left: 0; } .tags .tag, .tags .tag option { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; align-items: center; background-color: var(--primary); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: white; display: flex; font-weight: 500; min-height: 1.5em; padding: 0 0.33em; } .tags .tag.edit-btn, .tags .tag option.edit-btn { align-items: center; background-color: white; border-radius: 0; color: var(--primary); display: flex; justify-content: center; } .tags .tag.edit-btn a, .tags .tag option.edit-btn a { display: inline-flex; } .tags .tag.edit-btn a svg, .tags .tag option.edit-btn a svg { height: 9px; width: auto; } .tags .tag.tag_secondary, .tags .tag option.tag_secondary { background-color: var(--secondary); color: white; } .tags .tag.tag_tertiary, .tags .tag option.tag_tertiary { background-color: var(--tertiary); color: white; } .tags .tag.tag_alt, .tags .tag option.tag_alt { background-color: var(--alt); color: white; } .tags .tag.tag_material, .tags .tag option.tag_material { background-color: var(--alt-dark); color: white; } .tags .tag.tag_transparent, .tags .tag option.tag_transparent { background-color: transparent; color: var(--text-color-dark-2); text-transform: none; font-family: var(--font-primary); font-size: var(--font-size-10); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3); border-radius: 4px; } .tags .tag.mystified, .tags .tag option.mystified { opacity: 0.7; } .tags .tag.common, .tags .tag[value=common], .tags .tag option.common, .tags .tag option[value=common] { border-color: #323232; background-color: #323232; } .tags .tag.uncommon, .tags .tag[value=uncommon], .tags .tag option.uncommon, .tags .tag option[value=uncommon] { border-color: #98513d; background-color: #98513d; } .tags .tag.rare, .tags .tag[value=rare], .tags .tag option.rare, .tags .tag option[value=rare] { border-color: #002664; background-color: #002664; } .tags .tag.unique, .tags .tag[value=unique], .tags .tag option.unique, .tags .tag option[value=unique] { border-color: #54166e; background-color: #54166e; } li.chat-message .tags .tag { height: unset; line-height: 1.65em; min-height: 1em; } li.chat-message .tags .tag_transparent { line-height: 1.25em; padding: 0.1em 0.25em; } .tags.paizo-style { align-items: center; border-radius: 3px; padding: 0.05em; gap: 0; } .tags.paizo-style select.tag { height: 22px; } .tags.paizo-style tag, .tags.paizo-style .tag, .tags.paizo-style select.tag { border: 2px solid var(--color-border-trait); margin: 0; min-height: 22px; } .tags.paizo-style tag x, .tags.paizo-style .tag x, .tags.paizo-style select.tag x { align-items: start; margin: 0; } .tags.paizo-style tag__removeBtn, .tags.paizo-style .tag__removeBtn, .tags.paizo-style select.tag__removeBtn { align-items: baseline; } .tags.paizo-style tag > div { padding: 0 0.09rem 0 0.25rem; } .tags.paizo-style tag > div, .tags.paizo-style .tag, .tags.paizo-style select { border-radius: 0; display: flex; font: 500 var(--font-size-10) var(--sans-serif); } .tags.paizo-style tag > div .tagify__tag-text, .tags.paizo-style .tag .tagify__tag-text, .tags.paizo-style select .tagify__tag-text { text-transform: uppercase; } .tags.paizo-style[disabled] { filter: none; } .tags.paizo-style[disabled] tag > div::before { animation: none !important; } .tags.paizo-style[disabled] > .tagify__input { display: none; } tags.tags.paizo-style { background-color: rgba(0, 0, 0, 0.075); --tag-bg: var(--primary); --tag-hover: var(--primary); --tag-remove-btn-color: var(--color-text-trait); --tag-text-color: var(--color-text-trait); --tags-border-color: var(--color-border-light-tertiary); --tags-focus-border-color: var(--color-border-light-tertiary); --tags-hover-border-color: var(--color-border-light-tertiary); --readonly-striped: 0; } tags.tags.paizo-style .tagify__input { margin: 0; padding: 0.1em 0.5em; } tags.tags.paizo-style .tagify__input::before { align-items: center; color: var(--color-text-dark-secondary); display: flex; font: 500 var(--font-size-10) var(--sans-serif); letter-spacing: 0.05em; margin: 0; min-height: 22px; text-rendering: optimizeLegibility; text-transform: uppercase; width: fit-content; } tags.tags.paizo-style .conjunction-not .tagify__tag-text { text-decoration: line-through; text-decoration-color: var(--color-text-trait); } tags.tags.paizo-style tag[readonly=true] { padding-right: 2px; } tags.tagify.pf2e-tagify { --tag-bg: var(--color-text-light-3); --tags-border-color: var(--color-text-light-5); --tags-hover-border-color: var(--color-text-light-5); align-items: center; background-color: rgba(255, 255, 255, 0.5); border-radius: 3px; gap: 3px; padding: 2px; } tags.tagify.pf2e-tagify:hover { box-shadow: 0 0 10px #00005a; } tags.tagify.pf2e-tagify tag { margin: 0; padding: 1px; } tags.tagify.pf2e-tagify tag x { margin: 0; } tags.tagify.pf2e-tagify tag > div { padding: 2px; } tags.tagify.pf2e-tagify tag > div .tagify__tag-text { font-weight: normal; } tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn { align-items: baseline; } tags.tagify.pf2e-tagify .tagify__input { margin: 0; } tags.pf2e-tagify.tagify--hasMaxTags > span, tags.tags.paizo-style.tagify--hasMaxTags > span { display: none; } tags.pf2e-tagify:not(.tagify--select) > span, tags.tags.paizo-style:not(.tagify--select) > span { min-width: 20px; } .damage-tag { white-space: nowrap; margin: 0 1px 1px 0; padding: 0 3px; font-size: var(--font-size-10); line-height: 16px; border: 1px solid #999; border-radius: 3px; } .damage-tag-base { color: white; background: rgba(0, 0, 0, 0.45); } .damage-tag-modifier { background: rgba(0, 0, 0, 0.05); } .tagify { --tag-inset-shadow-size: 10em ; } .tagify__tag__removeBtn { overflow: visible; } .travel-duration h2 { margin-top: 10px; margin-bottom: 30px; } .travel-duration table td { padding: 5px 10px; } .travel-duration table td.centered { text-align: center; } .travel-duration .journey-input { display: grid; column-gap: 5px; grid: "size type"/50px 1fr 1fr; } .travel-duration .fraction-input { text-align: center; } .travel-duration .fraction-input input { width: 30px; } .travel-duration .speed-input { width: 30px; }