@charset "UTF-8"; :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; }.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 { scrollbar-color: #782e22 transparent; } * { scrollbar-width: thin; } :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-27: 1.6875rem; --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 */ /* ----------------------------------------- */ /* Color schemes */ /* ----------------------------------------- */ /* Degrees of success */ /* Value adjustments (e.g. weak/elite) */ /* ----------------------------------------- */ /* CSS Custom Properties */ /* ----------------------------------------- */ :root { /* Global */ --color-pf-primary: #5e0000; --color-pf-primary-light: #780000; --color-pf-primary-dark: #450000; --color-pf-secondary: #171f69; --color-pf-secondary-light: #202b93; --color-pf-secondary-dark: #0e133f; --primary: var(--color-pf-primary); --secondary: var(--color-pf-secondary); --tertiary: #e9d7a1; --alt: #786452; --alt-dark: #443730; --bg: #f8f4f1; --bg-dark: #e7d9cf; --sub: #605856; --color-disabled: var(--color-text-dark-4); --inline-link-bg: #ddd; --inline-repost-bg: #eaeaea; --visibility-gm-bg: #e8e8ef; --visibility-owner-bg: #ddebe1; --blind-roll: #f5eaf5; /* Lighter / Darker */ --primary-dark: #450000; --primary-darker: #2b0000; --tertiary-dark: #dfc578; --tertiary-light: #f3e9ca; /* Text */ --text-dark: var(--color-text-dark-primary); --text-light: #f5efe0; --color-text-dark-input: #333; --color-text-dark-improved: #006644; /* Borders */ --color-border-divider: #baa991; --color-border-dark-input: #d3ccbc; --color-border-medium: gray; /* Headers w/ boxes */ --header-color: var(--text-light); --header-bg: var(--secondary); /* Sidebar */ --sidebar-label: var(--tertiary-dark); --sidebar-title: var(--tertiary); /** Traits */ --color-bg-size: #3a7b59; --color-bg-trait: #5e0000; --color-border-trait: #d8c384; --color-text-trait: white; /* Rarity */ --color-rarity-common: #323232; --color-rarity-uncommon: #98513d; --color-rarity-rare: #002664; --color-rarity-unique: #54166e; /** Proficiency ranks */ --color-proficiency-untrained: #424242; --color-proficiency-trained: #171f69; --color-proficiency-expert: #3c005e; --color-proficiency-master: #664400; --color-proficiency-legendary: #5e0000; /* Damage colors */ } :root .damage { --color-bg-acid: rgba(0, 115, 0, 0.125); --color-bg-bleed: rgba(153, 0, 26, 0.125); --color-bg-chaotic: rgba(166, 0, 166, 0.125); --color-bg-cold: rgba(47, 47, 166, 0.125); --color-bg-electricity: rgba(184, 134, 11, 0.125); --color-bg-evil: rgba(75, 0, 130, 0.125); --color-bg-fire: rgba(166, 47, 0, 0.125); --color-bg-force: rgba(99, 0, 170, 0.125); --color-bg-good: rgba(157, 115, 10, 0.125); --color-bg-lawful: rgba(64, 38, 0, 0.125); --color-bg-mental: rgba(25, 25, 112, 0.125); --color-bg-physical: rgba(60, 60, 60, 0.125); --color-bg-poison: rgba(91, 115, 50, 0.125); --color-bg-sonic: rgba(0, 139, 139, 0.125); --color-bg-spirit: rgba(90, 85, 133, 0.125); --color-bg-vitality: rgba(255, 255, 224, 0.125); --color-bg-void: rgba(0, 0, 31, 0.125); --color-border-acid: #007300; --color-border-bleed: #99001a; --color-border-chaotic: #a600a6; --color-border-cold: #2f2fa6; --color-border-electricity: darkgoldenrod; --color-border-evil: indigo; --color-border-fire: #a62f00; --color-border-force: #6300aa; --color-border-good: #9d730a; --color-border-lawful: #402600; --color-border-mental: midnightblue; --color-border-physical: #3c3c3c; --color-border-poison: #5b7332; --color-border-sonic: darkcyan; --color-border-spirit: #5a5585; --color-border-vitality: #ffffe0; --color-border-void: #00001f; --color-text-acid: #003300; --color-text-bleed: #59000f; --color-text-chaotic: #660066; --color-text-cold: #212174; --color-text-electricity: #7c5a07; --color-text-evil: #260042; --color-text-fire: #661d00; --color-text-force: #3e006a; --color-text-good: #614706; --color-text-lawful: black; --color-text-mental: #0d0d3c; --color-text-physical: #1c1c1c; --color-text-poison: #38471f; --color-text-sonic: #004b4b; --color-text-spirit: #403c5e; --color-text-vitality: #ffffa0; --color-text-void: black; } :root .damage.color.acid { background-color: var(--color-bg-acid); border-color: var(--color-border-acid); color: var(--color-text-acid); } :root .damage.color.acid i[class^=fa-] { color: var(--color-border-acid); } :root .damage.color.bleed { background-color: var(--color-bg-bleed); border-color: var(--color-border-bleed); color: var(--color-text-bleed); } :root .damage.color.bleed i[class^=fa-] { color: var(--color-border-bleed); } :root .damage.color.bludgeoning, :root .damage.color.piercing, :root .damage.color.slashing { background-color: var(--color-bg-physical); border-color: var(--color-border-physical); color: var(--color-text-physical); } :root .damage.color.bludgeoning i[class^=fa-], :root .damage.color.piercing i[class^=fa-], :root .damage.color.slashing i[class^=fa-] { color: var(--color-border-physical); } :root .damage.color.chaotic { background-color: var(--color-bg-chaotic); border-color: var(--color-border-chaotic); color: var(--color-text-chaotic); } :root .damage.color.chaotic i[class^=fa-] { color: var(--color-border-chaotic); } :root .damage.color.cold { background-color: var(--color-bg-cold); border-color: var(--color-border-cold); color: var(--color-text-cold); } :root .damage.color.cold i[class^=fa-] { color: var(--color-border-cold); } :root .damage.color.electricity { background-color: var(--color-bg-electricity); border-color: var(--color-border-electricity); color: var(--color-text-electricity); } :root .damage.color.electricity i[class^=fa-] { color: var(--color-border-electricity); } :root .damage.color.evil { background-color: var(--color-bg-evil); border-color: var(--color-border-evil); color: var(--color-text-evil); } :root .damage.color.evil i[class^=fa-] { color: var(--color-border-evil); } :root .damage.color.fire { background-color: var(--color-bg-fire); border-color: var(--color-border-fire); color: var(--color-text-fire); } :root .damage.color.fire i[class^=fa-] { color: var(--color-border-fire); } :root .damage.color.force { background-color: var(--color-bg-force); border-color: var(--color-border-force); color: var(--color-text-force); } :root .damage.color.force i[class^=fa-] { color: var(--color-border-force); } :root .damage.color.good { background-color: var(--color-bg-good); border-color: var(--color-border-good); color: var(--color-text-good); } :root .damage.color.good i[class^=fa-] { color: var(--color-border-good); } :root .damage.color.lawful { background-color: var(--color-bg-lawful); border-color: var(--color-border-lawful); color: var(--color-text-lawful); } :root .damage.color.lawful i[class^=fa-] { color: var(--color-border-lawful); } :root .damage.color.mental { background-color: var(--color-bg-mental); border-color: var(--color-border-mental); color: var(--color-text-mental); } :root .damage.color.mental i[class^=fa-] { color: var(--color-border-mental); } :root .damage.color.poison { background-color: var(--color-bg-poison); border-color: var(--color-border-poison); color: var(--color-text-poison); } :root .damage.color.poison i[class^=fa-] { color: var(--color-border-poison); } :root .damage.color.sonic { border-color: var(--color-border-sonic); background-color: var(--color-bg-sonic); color: var(--color-text-sonic); } :root .damage.color.sonic i[class^=fa-] { color: var(--color-border-sonic); } :root .damage.color.spirit { border-color: var(--color-border-spirit); background-color: var(--color-bg-spirit); color: var(--color-text-spirit); } :root .damage.color.spirit i[class^=fa-] { color: var(--color-border-spirit); } :root .damage.color.vitality { background-color: var(--color-bg-physical); border-color: var(--color-border-vitality); color: var(--color-text-vitality); text-shadow: 1px 1px var(--color-text-dark-1); } :root .damage.color.vitality i[class^=fa-] { color: var(--color-border-vitality); } :root .damage.color.void { background-color: var(--color-bg-void); border-color: var(--color-border-void); color: var(--color-text-void); } :root .damage.color.void i[class^=fa-] { color: var(--color-border-void); } @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; } /* ---------------------------------------- */ /* Actor Sheet */ /* ---------------------------------------- */ .pf2e.actor form { font-size: var(--font-size-13); height: 100%; padding: 0.25rem; } .pf2e.actor form .sheet-header { border-bottom: 1px solid var(--primary-background); display: flex; flex-direction: row; flex-wrap: wrap; flex: 0 0 100%; height: 3rem; justify-content: flex-start; } .pf2e.actor form .sheet-header > * { flex: 1; } .pf2e.actor form .sheet-header h1 { margin: 0; border: none; } .pf2e.actor form .sheet-header h1 > input { font-family: var(--serif-condensed); font-weight: 700; height: 2.5rem; width: 100%; margin: 2px; font-size: var(--font-size-36); border: none; } .pf2e.actor form .sheet-sidebar { height: calc(100% - 48px); display: flex; flex-direction: column; flex-wrap: nowrap; overflow: hidden auto; border-right: 1px solid var(--primary-background); } .pf2e.actor form .sheet-sidebar .tab { height: 100%; padding-top: 2px; overflow-y: auto; } .pf2e.actor form .sheet-sidebar > * { flex: 1; } .pf2e.actor form .sheet-sidebar .sidebar-summary { overflow-y: hidden; } .pf2e.actor form .sheet-body { height: calc(100% - 35px); overflow: hidden; display: flex; flex-direction: column; flex-wrap: nowrap; } .pf2e.actor form input[type=text], .pf2e.actor form input[type=number] { background: rgba(0, 0, 0, 0.025); border: 1px solid transparent; color: var(--color-text-dark-input); height: calc(100% - 2px); margin: 1px 0; padding: 0; width: calc(100% - 2px); } .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 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: 2rem; 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: var(--text-dark); font-weight: 700; } .pf2e.actor form .tag-legacy { float: left; margin: 0 2px 2px 0; padding: 0 3px; font-size: var(--font-size-10); line-height: 1rem; border: 1px solid var(--color-border-light-2); border-radius: 3px; white-space: normal; font-weight: 500; } .pf2e.actor form .traits label { font-weight: bold; } .pf2e.actor form .traits select { margin: 2px 0; } .pf2e.actor form .traits .trait-perception > input { flex: 0 0 32px; text-align: center; } .pf2e.actor form .traits .tag-selector { float: right; margin-right: 3px; color: #999; font-size: var(--font-size-10); line-height: 16px; } .pf2e.actor form .inventory-header { list-style: none; margin: 0; padding: 0; } .pf2e.actor form .action-header .item-controls { flex: 0 0 44px; } .pf2e.actor form .action-header .item-controls a { display: block; float: left; width: 44px; font-size: var(--font-size-14); text-align: center; } .pf2e.actor form .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 form .action-header .item-controls a.item-create, .pf2e.actor form .action-header .item-controls a.item-delete, .pf2e.actor form .action-header .item-controls a.feat-browse, .pf2e.actor form .action-header .item-controls a.action-browse { width: 100%; color: #fff; background: var(--primary-background); } /* ----------------------------------------- */ /* 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; } li.list-row.hover-container { background-color: #aaa !important; } .dice-total-shield-btn.shield-activated { background-color: #333; color: var(--text-light); } .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:not(:disabled):hover { box-shadow: 0 0 3px #c00; } button:not(:disabled):active { box-shadow: 0 0 5px red; } button:disabled { color: #666; } .app.tag-selector { max-height: 700px; } /* ----------------------------------------- */ /* Item Card Structure */ /* ----------------------------------------- */ .pf2e.chat-card { font-family: var(--sans-serif); } .pf2e.chat-card h2, .pf2e.chat-card h3, .pf2e.chat-card h4 { font-weight: 600; } .pf2e.chat-card .card-header { padding: 2px 0; border-top: 2px groove #fff; align-items: center; min-height: 2.25rem; } .pf2e.chat-card .card-header img { flex: 0 0 2.25rem; margin-right: 0.25rem; height: 2.25rem; width: 2.25rem; } .pf2e.chat-card .card-header h3 { border-bottom: none; flex: 1; margin: 0; font-size: var(--font-size-16); } .pf2e.chat-card .card-header h4 { flex: 0; margin: 0 0.5em 0 0; white-space: nowrap; } .pf2e.chat-card .card-header h4.level, .pf2e.chat-card .card-header h4.rank { margin-left: auto; } .pf2e.chat-card .tags { margin: 3px 0 0; } .pf2e.chat-card .card-content { margin: 0.25rem 0; } .pf2e.chat-card .card-content p { margin: 0.25rem 0; min-height: unset; } .pf2e.chat-card .card-buttons { display: flex; flex-basis: 100%; flex-direction: column; margin: 0.25rem 0; } .pf2e.chat-card .card-buttons button { margin: 2px 0; } .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 .spell-button button.small { flex-grow: 0; } .pf2e.chat-card .card-buttons .spell-button button.small > i { margin-right: 0; } .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 0.25rem 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-two-column { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 0.25rem; } /* 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: var(--text-light); 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 */ /* ----------------------------------------- */ [hidden] { display: none !important; } /** A vertical rule in a flexbox */ hr.vr { border: 1px inset; height: 1.25em; margin: 1px 2px; } .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", sans-serif; } section.roll-note, p.compact-text { display: inline-block; font-weight: normal; line-height: 1.4em; margin: 0.25em 0; min-height: 1rem; width: 100%; } .action-glyph { align-self: center; display: inline; font-family: "Pathfinder2eActions", sans-serif; letter-spacing: 0; margin: 0; padding: 0; } /* ----------------------------------------- */ /* Styled table */ /* ----------------------------------------- */ table.pf2e, table.pf2-table { border-collapse: collapse; color: var(--text-dark); font-size: var(--font-size-13); user-select: text; } table.pf2e thead, table.pf2e tbody, table.pf2e th, table.pf2e td, table.pf2-table thead, table.pf2-table tbody, table.pf2-table th, table.pf2-table td { box-sizing: border-box; user-select: text; word-break: auto-phrase; } table.pf2e tr:nth-child(odd), table.pf2-table tr:nth-child(odd) { background-color: var(--tertiary-light); } table.pf2e tr:nth-child(even), table.pf2-table tr:nth-child(even) { background-color: var(--text-light); } table.pf2e th, table.pf2e td, table.pf2-table th, table.pf2-table td { border: solid 1px var(--color-border-light-tertiary); text-align: center; } table.pf2e th, table.pf2-table th { background-color: var(--color-pf-primary-dark); color: var(--text-light); font-weight: bold; padding: 0.5rem 0.25rem; } table.pf2e td, table.pf2-table td { padding: 0.25rem; } a.content-link { line-height: 1.6em; } a.content-link:has(i.fa-sparkles) { font-style: italic; } #tooltip a.content-link { color: var(--color-text-dark-primary); } .inline-roll.altered { color: var(--color-text-dark-improved); } /* ----------------------------------------- */ /* PF2E Action Custom Element */ /* ----------------------------------------- */ span[data-pf2-action] { background: var(--inline-link-bg); border-radius: 2px; border: 1px solid var(--color-border-dark-tertiary); box-sizing: border-box; color: var(--color-text-dark-primary); line-height: 1.6em; padding: 1px 4px; white-space: nowrap; word-break: break-all; cursor: pointer; } span[data-pf2-action] > i.icon { color: var(--color-text-dark-inactive); margin-right: 0.25em; } span[data-pf2-action][data-pf2-glyph]::before { font-family: "Pathfinder2eActions"; margin-right: 2px; color: var(--color-text-dark-inactive); } span[data-pf2-action]:not([data-pf2-glyph])::before, span[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: ""; } span[data-pf2-action][data-pf2-glyph=A]::before, span[data-pf2-action][data-pf2-glyph=a]::before, span[data-pf2-action][data-pf2-glyph="1"]::before { content: "A"; } span[data-pf2-action][data-pf2-glyph=D]::before, span[data-pf2-action][data-pf2-glyph=d]::before, span[data-pf2-action][data-pf2-glyph="2"]::before { content: "D"; } span[data-pf2-action][data-pf2-glyph=T]::before, span[data-pf2-action][data-pf2-glyph=t]::before, span[data-pf2-action][data-pf2-glyph="3"]::before { content: "T"; } span[data-pf2-action][data-pf2-glyph=F]::before, span[data-pf2-action][data-pf2-glyph=f]::before { content: "F"; } span[data-pf2-action][data-pf2-glyph=R]::before, span[data-pf2-action][data-pf2-glyph=r]::before { content: "R"; } /* ----------------------------------------- */ /* PF2E Check Custom Element */ /* ----------------------------------------- */ a.inline-check, span[data-pf2-check] { background: var(--inline-link-bg); border-radius: 2px; border: 1px solid var(--color-border-dark-tertiary); box-sizing: border-box; color: var(--color-text-dark-primary); line-height: 1.6em; padding: 1px 4px; white-space: nowrap; word-break: break-all; } a.inline-check > i.icon, span[data-pf2-check] > i.icon { color: var(--color-text-dark-inactive); margin-right: 0.25em; } a.inline-check:has([data-pf2-repost]), span[data-pf2-check]:has([data-pf2-repost]) { padding-right: 0; } a.inline-check:hover, span[data-pf2-check]:hover { text-shadow: none; } a.inline-check:has(.label:hover, i.fa-dice-d20:hover), span[data-pf2-check]:has(.label:hover, i.fa-dice-d20:hover) { text-shadow: 0 0 8px var(--color-shadow-primary); } a.inline-check > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])), span[data-pf2-check] > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])) { margin-right: 0.25em; } a.inline-check[data-pf2-traits*=secret], span[data-pf2-check][data-pf2-traits*=secret] { background: var(--blind-roll); border-color: #720073; } a.inline-check[data-invalid], span[data-pf2-check][data-invalid] { background: rgba(255, 0, 0, 0.05); border: 1px dashed red; } /* ----------------------------------------- */ /* 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; color: var(--color-text-dark-primary); line-height: 1.6em; padding: 1px 4px; white-space: nowrap; word-break: break-all; cursor: pointer; padding-right: 0; } span[data-pf2-effect-area] > i.icon { color: var(--color-text-dark-inactive); margin-right: 0.25em; } 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-left: 2px; text-shadow: none; } i[data-pf2-repost]:hover { color: var(--text-light); text-shadow: 0px 0px 2px var(--text-dark); } [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: 1px; /* ----------------------------------------- */ /* GM 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; } /* ----------------------------------------- */ /* Forms */ /* ----------------------------------------- */ .crb-style { display: flex; } .crb-style .details-label { color: var(--primary); font: 600 var(--font-size-11)/1em var(--sans-serif); margin-left: 1px; text-transform: uppercase; 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 var(--color-border-dark-input); 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; appearance: textfield; } .crb-style select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: var(--alt); background-image: url("../assets/icons/chevron-down.svg"); background-position: right 0.25em top 50%; background-repeat: no-repeat; background-size: 1em auto; border-radius: 2px; border: 1px solid #53422a; color: var(--text-light); font: 500 var(--font-size-14) var(--serif); height: auto; line-height: 1; padding: 0.25rem 1.1rem 0.25rem 0.25rem; position: relative; text-overflow: ellipsis; } .crb-style select:not(:disabled) { cursor: pointer; } .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); } #loading-bar { white-space: nowrap; } #tinymce { --space-s: 0.25em; --space-m: 0.5em; --space-l: 1em; --space-xl: 1.5em; --space-2xl: 2em; --radius: 3px; } #tinymce :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 1em; } #tinymce .inline-header { display: flex; align-items: center; gap: var(--space-l); background-color: var(--alt); font-family: var(--sans-serif); color: var(--text-light); padding: 0; font-size: 0.8em; font-weight: 400; border: none; } #tinymce .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; } #tinymce .inline-header + p { margin-top: var(--space-s); } #tinymce .info { background-color: var(--secondary); padding: var(--space-m); color: var(--text-light); margin-left: auto; margin-right: auto; padding: 0; border-radius: var(--radius); font-family: var(--sans-serif); padding-bottom: var(--space-m); } #tinymce .info > * + * { margin-top: var(--space-m); } #tinymce .info + * { margin-top: var(--space-xl); } #tinymce .info + #tinymce .info { margin-top: var(--space-s); } #tinymce .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: var(--text-light); } #tinymce .info h4::after { font-family: "Font Awesome 6"; content: "\f05a"; font-weight: 900; margin-right: var(--space-s); } #tinymce .info p { font-size: 0.8em; margin: 0; padding: 0 var(--space-l); } #tinymce .info p:first-of-type { padding-top: var(--space-m); border-top: 1px solid rgba(255, 255, 255, 0.1); } #tinymce .traits { display: flex; flex-wrap: wrap; padding: 0; } #tinymce .traits p { display: inline-flex; padding: 0.16rem 0.25rem; margin: 0; background-color: var(--primary); border: 2px solid var(--color-border-trait); color: var(--text-light); font: 500 var(--font-size-10) var(--sans-serif); text-transform: uppercase; } #tinymce .statblock { font-family: var(--sans-serif-condensed); color: var(--text-dark); line-height: 1.2; margin-bottom: var(--space-m); } #tinymce .statblock > * + * { margin-top: var(--space-s); margin-bottom: 0; } #tinymce .statblock p { --indent: var(--space-l); margin-left: var(--indent); position: relative; } #tinymce .statblock p strong:first-of-type { margin-left: calc(var(--indent) * -1); } #tinymce .statblock p .trait:first-of-type { margin-left: calc(var(--indent) * -1 - 2px); } #tinymce .statblock span.pf2-icon { line-height: 1; } #tinymce .statblock h1, #tinymce .statblock h2, #tinymce .statblock h3, #tinymce .statblock h4 { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid var(--color-border-dark); text-transform: uppercase; letter-spacing: -0.05em; font-family: var(--sans-serif-condensed); font-weight: 700; } #tinymce .statblock hr { border: none; border-bottom: 1px solid var(--color-border-dark); } #tinymce .message { font-family: var(--journal-cursive); font-size: 2em; line-height: 1.2; } #tooltip.pf2e { 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: rgba(0, 0, 0, 0.9); font-size: var(--font-size-14); padding: 0.25rem 0; text-align: left; } #tooltip.pf2e h1, #tooltip.pf2e h2, #tooltip.pf2e h3 { font-size: var(--font-size-12); font-weight: 500; text-align: left; } /* ----------------------------------------- */ /* Upstream Overrides */ /* ----------------------------------------- */ button:disabled { cursor: default; } .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 ol.party-list { list-style-type: none; margin: 0 0 0.25rem 0; padding: 0; position: relative; } .actors-sidebar li.folder-like { border-top: none; border-bottom: none; } .actors-sidebar li.folder-like > header { border-bottom: 1px solid var(--color-border-dark); border-top: 1px solid var(--color-border-dark); display: flex; line-height: 1.5rem; padding: 6px; } .actors-sidebar li.folder-like > header .icon { cursor: pointer; font-size: var(--font-size-16); } .actors-sidebar li.folder-like > header .left-control > i { margin: 0 0.5em 0 0.25em; text-align: center; } .actors-sidebar li.folder-like > header h3 { align-items: baseline; display: flex; flex: 1; font-size: var(--font-size-16); gap: 0.125rem; margin: 0; padding-left: 1px; } .actors-sidebar li.folder-like > header h3 span { overflow: hidden; text-overflow: ellipsis; } .actors-sidebar li.folder-like > header a.create-button { flex: 0 0 20px; margin-left: 3px; position: relative; text-align: center; } .actors-sidebar li.folder-like > header a.create-button:hover i + i { color: var(--color-text-hyperlink); } .actors-sidebar li.folder-like > header a.create-button i + i { position: absolute; top: -2px; right: -2px; font-size: 0.5rem; background: black; color: var(--color-text-light-highlight); padding: 1px; border-radius: 4px; } .actors-sidebar li.folder-like.collapsed i.folder { margin-right: 2px; } .actors-sidebar li.folder-like.collapsed .fa-folder-open::before { content: "\f07b"; } .actors-sidebar li.folder-like.collapsed .subdirectory { display: none; } .actors-sidebar li.folder-like.droptarget > header h3 { text-shadow: 1px 1px 3px var(--color-shadow-dark); font-size: 1.2em; } .actors-sidebar li.folder-like.droptarget > header h3 i { text-shadow: 0 0 4px var(--color-shadow-primary); transform: scale(1.2); } .actors-sidebar li.folder-like.other-parties > header { background: var(--primary-dark); } .actors-sidebar li.folder-like.other-parties > header h3 i { margin-right: 6px; } .actors-sidebar li.folder-like.other-parties.collapsed > header h3 i { margin-right: 8px; } .actors-sidebar .subdirectory .folder-like { border-left: 1px solid var(--color-border-dark-1); } .actors-sidebar .subdirectory .folder-like > header { background: var(--primary-darker); } .actors-sidebar .party:not(.activated) .party-header { background: var(--primary-darker); padding: 2px 6px; } .actors-sidebar .party:not(.activated) .party-header > *:not(nav) { opacity: 0.85; } .actors-sidebar .party .activate-party:hover i { font-weight: 900; } .actors-sidebar .party.activated .party-header { background: var(--primary); } .actors-sidebar .party .blank { line-height: 2.375em; padding: 0 0.5rem; } .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); } .roll-inspector .window-content { overflow: hidden; } .roll-inspector .content { display: grid; gap: 1em; grid-template: auto 1fr/2fr 50%; height: 100%; } .roll-inspector .summary { grid-column: span 2; } .roll-inspector .summary .type { display: flex; align-items: baseline; gap: 2px; } .roll-inspector .summary .tags.domains { justify-items: end; margin-top: 4px; } .roll-inspector .summary .tags.domains .tag { font-size: var(--font-size-12); font-weight: normal; text-transform: none; user-select: all; } .roll-inspector .roll-options, .roll-inspector .modifiers { display: flex; flex-direction: column; overflow: hidden; } .roll-inspector .roll-options .filter { margin-bottom: 0.25em; } .roll-inspector .roll-options > ul { margin: 0; padding: 0; border-radius: 3px; border: 1px solid var(--color-border-dark-tertiary); height: 100%; list-style-type: none; overflow: hidden scroll; white-space: nowrap; } .roll-inspector .roll-options > ul li { line-height: 1.5em; overflow-x: hidden; padding-left: 5px; text-overflow: ellipsis; user-select: text; } .roll-inspector .roll-options > ul li:nth-child(even of :not([hidden])) { background-color: rgba(0, 0, 0, 0.0666666667); } .roll-inspector .modifiers { grid-area: "modifiers"; } .roll-inspector .modifier-list { display: flex; flex-direction: column; flex: 1 0 0; gap: 4px; overflow: hidden scroll; } .roll-inspector .modifier-list .modifier { border: 1px solid black; border-radius: 3px; padding: 4px; } .roll-inspector .modifier-list .modifier.disabled { border-style: dashed; opacity: 0.6; } .roll-inspector .modifier-list .modifier h4 { font-size: 1.1em; margin-bottom: 0.37em; } .roll-inspector .modifier-list .modifier > div { display: flex; justify-content: space-between; align-items: baseline; } .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 { line-height: 1.5em; margin: 0; } .chat-message > .message-header .flavor-text h4.action > strong { font-weight: 600; } .chat-message > .message-content > .description { margin-bottom: 0rem; position: relative; } .chat-message > .message-content > .description a.preview { height: 4.5ch; display: block; -webkit-mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0)); mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0)); overflow: hidden; position: relative; z-index: 2; } .chat-message > .message-content > .description a.preview:hover { text-shadow: none; } .chat-message > .message-content > .description a.preview:hover + .shadow { box-shadow: 0 1px 6px var(--color-shadow-primary); clip-path: polygon(0 0, 100% 0, 100% 200%, 0 200%); width: 100%; } .chat-message > .message-content > .description .shadow { border-bottom: 1px solid rgba(0, 0, 0, 0.05); height: 6px; position: relative; top: -6px; z-index: 1; } .chat-message > .message-content .message-buttons { display: flex; margin: 0.35em 0 2px; } .chat-message > .message-content .message-buttons button { align-items: center; display: flex; justify-content: center; position: relative; } .chat-message > .message-content .message-buttons button .cue { position: absolute; right: 0.5rem; } .chat-message > .message-content .message-buttons button .cue i { --fa-primary-color: var(--color-border-dark); --fa-secondary-color: var(--primary); --fa-secondary-opacity: 0.6; } .chat-message > .message-content .message-buttons:has(.effect-applied) { align-items: center; color: var(--color-text-dark-secondary); font-style: italic; height: 2.1rem; justify-content: center; padding-bottom: 0.1rem; } .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 .dice-total button.set-as-initiative { align-items: center; display: flex; font-size: var(--font-size-10); height: 2.2em; justify-content: center; position: absolute; right: 0; top: 1px; width: 2.2em; } .chat-message > .message-content .dice-total button.set-as-initiative > i { margin-right: 0; } .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 { 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); gap: 1px; justify-content: center; line-height: normal; margin-bottom: 1px; vertical-align: top; } .chat-message .message-content .damage-roll .dice-result .dice-total .instances .instance { padding: 1px 0.25em 0; } .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.tooltip-part > header { background: var(--color-bg-bludgeoning); } .chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > .dice { text-shadow: none; } .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-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 i.fa-heart-broken { -moz-background-clip: text; -moz-text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; background-image: linear-gradient(to right, var(--text-dark) 50%, var(--color-text-light-6) 50%); } .chat-message .message-content .damage-application button > img { border: none; height: var(--font-size-18); } .chat-message .message-content .damage-application button .label { font-size: 0.5em; font-weight: 500; text-transform: uppercase; } .chat-message .message-content .damage-application button.apply-healing .fa-stack { font-size: 0.5em; } .chat-message .message-content .damage-application button.apply-healing .fa-stack i.fa-plus { font-size: var(--font-size-11); } .chat-message .message-content .damage-application button.healing-only { flex-direction: row; justify-content: center; gap: 0.25rem; } .chat-message .message-content .damage-application button.healing-only .fa-stack { font-size: 0.5em; } .chat-message .message-content .damage-application button.healing-only .fa-stack i.fa-plus { font-size: var(--font-size-11); } .chat-message .message-content .damage-application button.healing-only .label { font-size: var(--font-size-14); font-weight: normal; text-transform: none; } .chat-message .message-content .damage-taken section.roll-note { font-size: var(--font-size-12); } .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 button.revert-damage > i { margin: 0; } .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 .flavor-text { display: block; } .chat-message .message-header .flavor-text ul.notes { display: block; line-height: 1.5em; list-style: none; margin: 0; padding: 0; } .chat-message .message-header .flavor-text ul.notes li { display: block; line-height: 1.5em; } .chat-message > .message-content ul.participant-conditions { background: rgba(0, 0, 0, 0.1); border-radius: 3px; border: 1px solid var(--color-border-light-2); box-shadow: 0 0 2px white inset; display: flex; flex-direction: column; gap: 3px; list-style: none; padding: 0.5em; } .chat-message > .message-content ul.participant-conditions li { align-items: center; cursor: help; display: flex; gap: 0.5rem; } .chat-message > .message-content ul.participant-conditions li img { width: 2rem; } section.compendium-sidebar .directory-item.compendium.locked > .compendium-banner { opacity: 0.5; } section.compendium-sidebar .directory-item.compendium.locked:hover > .compendium-banner { opacity: 1; } section.compendium-sidebar ol.directory-list ol.document-matches { background: rgba(0, 0, 0, 0.25); margin-top: 1px; padding: 0; } section.compendium-sidebar ol.directory-list 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 ol.directory-list ol.document-matches li.match:hover { background: rgba(255, 255, 255, 0.1); } section.compendium-sidebar ol.directory-list ol.document-matches li.match > * { align-items: inherit; display: flex; height: 100%; } section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail { grid-area: thumbnail; justify-content: start; } section.compendium-sidebar ol.directory-list 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 ol.directory-list ol.document-matches li.match .name { grid-area: name; } section.compendium-sidebar ol.directory-list 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 nav.encounters, #combat-popout nav.encounters { line-height: 1.5rem; padding-top: 0.25rem; } #combat .threat-award, #combat-popout .threat-award { color: var(--text-light); display: flex; font-size: var(--font-size-14); gap: 1rem; justify-content: center; line-height: 1.5rem; text-shadow: 1px 1px 4px var(--color-shadow-dark); white-space: nowrap; } #combat .threat-award > *, #combat-popout .threat-award > * { width: 6rem; } #combat .threat-award .threat .value.trivial, #combat-popout .threat-award .threat .value.trivial { color: aqua; } #combat .threat-award .threat .value.low, #combat-popout .threat-award .threat .value.low { color: lime; } #combat .threat-award .threat .value.moderate, #combat-popout .threat-award .threat .value.moderate { color: yellow; } #combat .threat-award .threat .value.severe, #combat-popout .threat-award .threat .value.severe { color: orange; } #combat .threat-award .threat .value.extreme, #combat-popout .threat-award .threat .value.extreme { color: red; } #combat .encounter-controls, #combat-popout .encounter-controls { padding: 0.25rem 0 0.5rem; } #combat li.combatant, #combat-popout li.combatant { cursor: default; padding: 3px 0 3px 3px; } #combat li.combatant.gm-draggable, #combat-popout li.combatant.gm-draggable { cursor: grab; } #combat li.combatant.drag-preview, #combat-popout li.combatant.drag-preview { background: rgba(0, 0, 0, 0.75); box-shadow: 0 0 6px inset var(--color-shadow-highlight); } #combat li.combatant.drag-gap, #combat-popout li.combatant.drag-gap { visibility: hidden; } #combat li.combatant .hidden-name .token-name h4, #combat-popout li.combatant .hidden-name .token-name h4 { color: var(--color-text-light-7); } #combat li.combatant .token-name h4, #combat-popout li.combatant .token-name h4 { flex-direction: row; } #combat li.combatant .token-name h4 .users-targeting, #combat-popout 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 a.combat-control.center, #combat-popout a.combat-control.center { white-space: nowrap; } .sidebar-tab ol.subdirectory { border-left-width: 6px; } .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 .item-summary { --space-s: 0.25em; --space-m: 0.5em; --space-l: 1em; --space-xl: 1.5em; --space-2xl: 2em; --radius: 3px; } .crb-hover .tooltipster-box .tooltipster-content .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 1em; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header { display: flex; align-items: center; gap: var(--space-l); background-color: var(--alt); font-family: var(--sans-serif); color: var(--text-light); padding: 0; font-size: 0.8em; font-weight: 400; border: none; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .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; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header + p { margin-top: var(--space-s); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .info { background-color: var(--secondary); padding: var(--space-m); color: var(--text-light); margin-left: auto; margin-right: auto; padding: 0; border-radius: var(--radius); font-family: var(--sans-serif); padding-bottom: var(--space-m); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .info > * + * { margin-top: var(--space-m); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .info + * { margin-top: var(--space-xl); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .info + .crb-hover .tooltipster-box .tooltipster-content .item-summary .info { margin-top: var(--space-s); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .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: var(--text-light); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4::after { font-family: "Font Awesome 6"; content: "\f05a"; font-weight: 900; margin-right: var(--space-s); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .info p { font-size: 0.8em; margin: 0; padding: 0 var(--space-l); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .info p:first-of-type { padding-top: var(--space-m); border-top: 1px solid rgba(255, 255, 255, 0.1); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .traits { display: flex; flex-wrap: wrap; padding: 0; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .traits p { display: inline-flex; padding: 0.16rem 0.25rem; margin: 0; background-color: var(--primary); border: 2px solid var(--color-border-trait); color: var(--text-light); font: 500 var(--font-size-10) var(--sans-serif); text-transform: uppercase; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock { font-family: var(--sans-serif-condensed); color: var(--text-dark); line-height: 1.2; margin-bottom: var(--space-m); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock > * + * { margin-top: var(--space-s); margin-bottom: 0; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p { --indent: var(--space-l); margin-left: var(--indent); position: relative; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p strong:first-of-type { margin-left: calc(var(--indent) * -1); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p .trait:first-of-type { margin-left: calc(var(--indent) * -1 - 2px); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock span.pf2-icon { line-height: 1; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h1, .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h2, .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h3, .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h4 { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid var(--color-border-dark); text-transform: uppercase; letter-spacing: -0.05em; font-family: var(--sans-serif-condensed); font-weight: 700; } .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock hr { border: none; border-bottom: 1px solid var(--color-border-dark); } .crb-hover .tooltipster-box .tooltipster-content .item-summary .message { font-family: var(--journal-cursive); font-size: 2em; line-height: 1.2; } .crb-hover .tooltipster-box .tooltipster-content .item-summary a, .crb-hover .tooltipster-box .tooltipster-content .item-summary span[data-pf2-effect-area] { color: var(--color-text-dark-primary); } .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 { align-items: baseline; border-bottom: 1px solid var(--sidebar-title); display: flex; flex: 1 auto; justify-content: space-between; margin: 0.25em 0 0.5em; } .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; color: var(--sidebar-title); line-height: 1.5; margin: 0; } .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: var(--text-light); 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 { margin: 1px 4px 1px 0; } .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected { color: var(--text-light); } .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected:hover { cursor: default; text-shadow: none; } .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: var(--text-light); 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(--text-dark); 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: var(--text-light); 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 .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.modifiers-tooltip .remove-modifier { grid-area: close; font-size: 0.8rem; cursor: pointer; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .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.modifiers-tooltip .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.modifiers-tooltip .add-modifier .add-modifier-value input { grid-area: input; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid { margin-top: 2px; font-size: var(--font-size-9); cursor: pointer; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-plus-circle { grid-area: plus; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-minus-circle { grid-area: minus; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-name { grid-area: name; } .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .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.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.fa-solid { min-width: 1.25em; } .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: "✨︎"; } .roll-modifiers-dialog { background: none; box-shadow: none; } .roll-modifiers-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); } .roll-modifiers-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; } .roll-modifiers-dialog 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: var(--text-light); cursor: pointer; font-family: var(--sans-serif); } .roll-modifiers-dialog button:hover { text-shadow: 0 0 2px var(--tertiary); } .roll-modifiers-dialog .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; display: inline-block; height: 19px; position: relative; vertical-align: bottom; width: 46px; } .roll-modifiers-dialog .toggle::before { color: var(--text-light); content: "ON"; left: 6px; position: absolute; z-index: 0; } .roll-modifiers-dialog .toggle::after { color: var(--text-dark); content: "OFF"; position: absolute; right: 4px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); z-index: 0; } .roll-modifiers-dialog .toggle::after, .roll-modifiers-dialog .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; } .roll-modifiers-dialog .toggle .widget { 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; } .roll-modifiers-dialog .toggle input[type=checkbox] { visibility: hidden; } .roll-modifiers-dialog .toggle input[type=checkbox]:not(:checked) + .widget { right: 23px; } .roll-modifiers-dialog .dialog-row { align-items: center; display: flex; padding: 0.5rem 0; gap: 0.5rem; } .roll-modifiers-dialog .dialog-row .mod { flex: 1.5 0 0; } .roll-modifiers-dialog .dialog-row .type { flex: 0 0 6.25rem; text-transform: capitalize; } .roll-modifiers-dialog .dialog-row .value { flex: 0 0 36px; display: flex; justify-content: center; } .roll-modifiers-dialog .dialog-row .exclude { flex: 0 0 50px; } .roll-modifiers-dialog .dialog-row.header { font-size: var(--font-size-13); font-weight: 700; padding-bottom: 0; } .roll-modifiers-dialog .dialog-row.header + hr { margin-bottom: 0; } .roll-modifiers-dialog .dialog-row.disabled { text-decoration: line-through; } .roll-modifiers-dialog .dialog-row.disabled > * { filter: opacity(0.5); } .roll-modifiers-dialog .dialog-row.disabled > * i { color: var(--text-dark); } .roll-modifiers-dialog .dialog-row.disabled .toggle { background: rgba(0, 0, 0, 0.4); } .roll-modifiers-dialog .dialog-row.disabled .toggle input[type=checkbox] + label { right: 26px; } .roll-modifiers-dialog .dialog-row.disabled.hidden { display: none; } .roll-modifiers-dialog .dialog-row .exclude.disabled { filter: opacity(0.5); } .roll-modifiers-dialog .dialog-row .exclude.disabled .toggle, .roll-modifiers-dialog .dialog-row .exclude.disabled .widget { cursor: default; } .roll-modifiers-dialog .dialog-row .exclude.disabled i { color: var(--text-dark); } .roll-modifiers-dialog .substitutions, .roll-modifiers-dialog .modifier-container { display: flex; flex-direction: column; } .roll-modifiers-dialog .substitutions + hr, .roll-modifiers-dialog .modifier-container + hr { margin-top: 0; } .roll-modifiers-dialog .substitutions .dialog-row, .roll-modifiers-dialog .modifier-container .dialog-row { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .roll-modifiers-dialog .substitutions .dialog-row:last-child, .roll-modifiers-dialog .modifier-container .dialog-row:last-child { border-bottom: none; } .roll-modifiers-dialog .substitutions .dialog-row .tag, .roll-modifiers-dialog .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: var(--text-light); font-family: var(--sans-serif); font-size: var(--font-size-10); letter-spacing: 0.5px; padding: 4px 8px; text-transform: uppercase; width: fit-content; } .roll-modifiers-dialog .total-mod { font-weight: 700; padding: 0; } .roll-modifiers-dialog .roll-mode-panel { display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; white-space: nowrap; gap: 8px; } .roll-modifiers-dialog .roll-mode-panel label { display: flex; align-items: center; } .roll-modifiers-dialog .roll-mode-panel .roll-mode { flex: 1; } .roll-modifiers-dialog .roll-mode-panel .roll-mode select { border-radius: 2px; cursor: pointer; height: 1.5em; margin-left: 8px; width: 100%; } .roll-modifiers-dialog .roll { color: var(--text-light); background-color: var(--secondary); } .roll-modifiers-dialog .roll .damage.color, .roll-modifiers-dialog .roll i { color: var(--text-light) !important; } .roll-modifiers-dialog .add-entry-row { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 2px; } .roll-modifiers-dialog .add-entry-row select, .roll-modifiers-dialog .add-entry-row input { height: auto; border-radius: 2px; } .roll-modifiers-dialog .add-entry-row button { line-height: 1; margin: 0; padding: 4px 6px; text-transform: uppercase; flex: 0 0 min-content; font-weight: 700; font-size: 0.75rem; } .roll-modifiers-dialog .add-entry-row .add-modifier-name { flex: 1; } .roll-modifiers-dialog .add-entry-row .add-modifier-type { flex: 0 0 min-content; } .roll-modifiers-dialog .add-entry-row .add-modifier-value { flex: 0 0 4ch; text-align: right; } .dice-checks .fate { display: flex; justify-content: space-evenly; align-items: center; } .dice-checks .fate label { cursor: pointer; } .dialog.trick-magic-item .dialog-content p { font-weight: normal; } .dialog.trick-magic-item .dialog-buttons { flex-direction: column; } .damage-dialog .dialog-row .value { flex-basis: 4rem; } .damage-dialog .dialog-row .dice-type, .damage-dialog .dialog-row .modifier-type { background: none; white-space: nowrap; } .damage-dialog .dialog-row .dice-type .icon-container, .damage-dialog .dialog-row .modifier-type .icon-container { white-space: nowrap; } .damage-dialog .dialog-row .dice-type .icon-container i, .damage-dialog .dialog-row .modifier-type .icon-container i { vertical-align: middle; text-align: start; font-size: 1rem; } .damage-dialog .dialog-row .no-mod { filter: opacity(0.7); } .damage-dialog .dialog-row .damage { padding: 2px 4px; } .damage-dialog .dice .dialog-row { gap: 1.5rem; } .damage-dialog .dice .dialog-row .value { flex: 1 0 0; gap: 2px; justify-content: end; } .damage-dialog .add-modifier-panel { flex-wrap: wrap; } .damage-dialog .add-modifier-panel .add-modifier-name { flex-basis: 100%; } .damage-dialog .add-modifier-panel .add-modifier-value { flex: 1; } .damage-dialog .add-dice-panel { justify-content: end; } .damage-dialog .add-dice-panel .add-dice-count { flex: 0 0 4ch; text-align: end; } /* ----------------------------------------- */ /* Tag Selector */ /* ----------------------------------------- */ .app.tag-selector a.document-id-link { visibility: hidden; } .app.tag-selector form { height: 100%; } .app.tag-selector form ol.trait-list { display: flex; flex-direction: column; list-style-type: none; max-height: 87%; overflow-y: scroll; padding: 0; } .app.tag-selector form ol.trait-list.has-custom { max-height: 78%; } .app.tag-selector form table th, .app.tag-selector form table td { text-align: left; white-space: nowrap; } .app.tag-selector form table tbody td:first-child label { vertical-align: super; } .app.tag-selector form .trait-header { flex: 0 0 32px; line-height: 32px; text-align: center; margin: 0; } .app.tag-selector form .trait-header .header-search { flex: 1; } .app.tag-selector form .trait-header .header-search input { background: rgba(255, 255, 245, 0.8); width: calc(100% - 26px); margin: 0 2px; } .app.tag-selector form .trait-footer { flex: 0 0 32px; line-height: 32px; margin: 0; margin-bottom: 5px; border-top: 1px solid grey; } .app.tag-selector form .trait-selection-label { display: flex; align-items: center; } .app.tag-selector form .trait-selection-label .trait-label { margin-left: 5px; } .app.tag-selector form input:not([type=checkbox]) { flex: 1.8; } #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; } #token-hud .control-icon[data-action=clown-car][data-disabled=true] { cursor: wait; opacity: 0.5; } #token-hud .control-icon[data-action=clown-car] img { height: 36px; transform-style: preserve-3d; transition: 0.5s; width: 36px; } #token-hud .control-icon[data-action=clown-car] img.retrieve { transform: scaleX(-1); } .default section.window-content { padding: 0; overflow: hidden; } /* Adjust height of the header */ .attribute-builder .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; --color-boost: #316549; --color-boost-dark: #1b3c2a; --color-flaw: #5e0000; } .attribute-builder .window-content h3 { font: 400 var(--font-size-24) var(--serif-condensed); line-height: var(--font-size-24); } .attribute-builder .window-content h4 { font: 400 var(--font-size-10) var(--sans-serif); text-transform: uppercase; color: #605856; } .attribute-builder .window-content button:focus:not(:focus-visible) { box-shadow: none; } .attribute-builder .window-content .row { display: flex; align-items: center; } .attribute-builder .window-content .row .row-heading { width: 220px; } .attribute-builder .window-content .row.not-eligible { pointer-events: none; filter: blur(1px); opacity: 0.6; } .attribute-builder .window-content .row.not-eligible .remaining { visibility: hidden; } .attribute-builder .window-content .row .attributes { display: grid; grid-template-columns: repeat(6, 84px); grid-template-rows: auto; flex: 0 0 auto; } .attribute-builder .window-content .row .full-row { display: flex; flex: 1; justify-content: center; } .attribute-builder .window-content header.row { align-items: normal; padding-top: 10px; height: 60px; } .attribute-builder .window-content header.row .row-column { display: block; } .attribute-builder .window-content header.row .attributes { align-items: normal; } .attribute-builder .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; } .attribute-builder .window-content .background-stripes .attributes div:nth-child(odd) { background-color: rgba(68, 55, 48, 0.1); } .attribute-builder .window-content .voluntary-flaw-row { margin: 0.5rem 0; } .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons { display: flex; flex-direction: row; } .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button { flex: 1 1 0; } .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.first { border-bottom-right-radius: 0; border-right: none; border-top-right-radius: 0; width: 4em; } .attribute-builder .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; } .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second.selected { border-left-color: rgba(255, 255, 255, 0.5); } .attribute-builder .window-content .row-heading { align-items: center; display: grid; grid-template-areas: "img description remaining"; grid-template-columns: 42px 1fr auto; } .attribute-builder .window-content .row-heading h3 { align-self: start; font-size: var(--font-size-24); grid-column: 1/4; } .attribute-builder .window-content .row-heading .hint-container { grid-column: 1/4; } .attribute-builder .window-content .row-heading img { border: 0; grid-area: img; height: 2rem; width: 2rem; } .attribute-builder .window-content .row-heading div.label { display: flex; flex-direction: column; grid-area: description; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .attribute-builder .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; } .attribute-builder .window-content .row-heading div.remaining.extra { animation: glow 0.75s infinite alternate; } @keyframes glow { from { box-shadow: 0 0 1px 1px #ffb351; } to { box-shadow: 0 0 3px 3px #ffb351; } } .attribute-builder .window-content .row-column { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; } .attribute-builder .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); height: 1.5em; justify-content: center; margin: 0; outline: none; padding: 0.1em 0 0; position: relative; text-transform: uppercase; width: 6em; } .attribute-builder .window-content .row-column button > i.key-attribute { bottom: 3px; font-size: smaller; left: 2px; position: absolute; } .attribute-builder .window-content .row-column button.boost, .attribute-builder .window-content .row-column button.apex { margin-top: auto; --button-color: var(--color-boost); --button-locked-color: var(--color-boost-dark); } .attribute-builder .window-content .row-column button.flaw { margin-bottom: auto; --button-color: var(--color-flaw); --button-locked-color: var(--color-flaw); } .attribute-builder .window-content .row-column button.selected { background: var(--button-color); } .attribute-builder .window-content .row-column button.selected.partial { background: var(--color-boost-dark); } .attribute-builder .window-content .row-column button:hover { box-shadow: 0 0 5px var(--button-color); cursor: pointer; } .attribute-builder .window-content .row-column button:hover.key-attribute.selected { box-shadow: none; cursor: default; } .attribute-builder .window-content .row-column button:hover:disabled { background: rgba(0, 0, 0, 0.04); box-shadow: none; cursor: not-allowed; } .attribute-builder .window-content .row-column button.hidden { pointer-events: none; visibility: hidden; } .attribute-builder .window-content .row-column button:disabled { background: rgba(0, 0, 0, 0.04); opacity: 0.4; } .attribute-builder .window-content .row-column button:disabled:active { pointer-events: none; } .attribute-builder .window-content .row-column button.locked { background: var(--button-locked-color); border-color: var(--button-locked-color); pointer-events: none; } .attribute-builder .window-content .row-column button.locked, .attribute-builder .window-content .row-column button.selected { color: var(--text-light); } .attribute-builder .window-content .row-column div + .boost, .attribute-builder .window-content .row-column button + .boost { margin-top: 4px; } .attribute-builder .window-content .summary-row .row-heading { display: block; } .attribute-builder .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; } .attribute-builder .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; } .attribute-builder .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; } .attribute-builder .window-content .summary-row .hint-container label { display: flex; align-items: center; margin-top: 10px; } .attribute-builder .window-content .summary-row .attributes { grid-template-rows: auto auto; } .attribute-builder .window-content .summary-row .row-column { display: flex; flex-direction: column; padding-top: 10px; } .attribute-builder .window-content .summary-row .row-column .value { height: 40px; font: 700 var(--font-size-24) var(--serif); line-height: var(--font-size-30); } .attribute-builder .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; } .attribute-builder .window-content .summary-row .row-column input::placeholder { filter: opacity(0.5); } .attribute-builder .window-content .summary-row .row-column input:focus { border-bottom: 1px solid var(--alt); } .attribute-builder .window-content .summary-row .row-column input[type=number] { padding-bottom: 0; padding-left: 4px; } .attribute-builder .window-content .summary-row .complete { grid-row: 2; grid-column: 1/7; margin-top: 10px; margin-left: auto; } .attribute-builder .window-content .summary-row button.complete { color: var(--text-light); background: var(--secondary); height: 35px; width: 131px; border: 1px solid var(--tertiary); } .attribute-builder .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; } .attribute-builder .window-content div[data-tooltip-content].description, .attribute-builder .window-content div[data-tooltip-content] .description, .attribute-builder .window-content div[data-tooltip].description, .attribute-builder .window-content div[data-tooltip] .description { text-decoration: underline dotted; text-underline-offset: 2px; } .attribute-builder .window-content .description { font: 600 var(--font-size-16) var(--serif); } .attribute-builder .window-content .extra { align-items: center; display: flex; font-size: var(--font-size-12); gap: 1px; margin-top: -0.25rem; } .attribute-builder .window-content .extra > i { margin-left: 0.125rem; } .attribute-builder .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; white-space: nowrap; width: 6em; } .iwr-editor .entries .entry a.form-action, .iwr-editor .entries .entry .synthetic-source { flex: 0; margin-left: 0.5em; } .iwr-editor .entries .entry:not(.new):nth-child(odd) { background-color: rgba(0, 0, 0, 0.075); } .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 tags.tagify.pf2e-tagify[disabled] > .tagify__input { margin: 0; } .iwr-editor input[type=number] { max-width: 5ch; } body > .choices__list--dropdown { background-color: white; position: fixed; } .actor.sheet .window-content { font-family: var(--sans-serif); } .actor.sheet .window-content input, .actor.sheet .window-content label, .actor.sheet .window-content select { --form-field-height: 1.5rem; } .actor.sheet .window-content input[type=checkbox] { height: var(--font-size-20); } .actor.sheet .window-content select { height: var(--form-field-height); } .actor.sheet .window-content h3 { border-bottom: none; } .actor.sheet .window-content button > i { margin-right: 0; } .actor.sheet .window-content h1, .actor.sheet .window-content h2, .actor.sheet .window-content h3, .actor.sheet .window-content h4 { font-weight: 600; } .actor.sheet .window-content a.disabled { cursor: default; } .actor.sheet .window-content a.disabled:hover { text-shadow: none; } .actor.sheet .window-content i.fa-info-circle { cursor: help; } .actor.sheet .window-content .image-container { position: relative; } .actor.sheet .window-content .image-container .hover-icon { display: none; font-size: var(--font-size-16); } .actor.sheet .window-content .image-container:hover .hover-icon { display: block; } .actor.sheet .window-content .image-container [data-action=show-image] { bottom: 0.25rem; position: absolute; right: 0.025rem; } .actor.sheet .window-content .item-summary { --space-s: 0.25em; --space-m: 0.5em; --space-l: 1em; --space-xl: 1.5em; --space-2xl: 2em; --radius: 3px; line-height: normal; overflow: hidden; } .actor.sheet .window-content .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 1em; } .actor.sheet .window-content .item-summary .inline-header { display: flex; align-items: center; gap: var(--space-l); background-color: var(--alt); font-family: var(--sans-serif); color: var(--text-light); padding: 0; font-size: 0.8em; font-weight: 400; border: none; } .actor.sheet .window-content .item-summary .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; } .actor.sheet .window-content .item-summary .inline-header + p { margin-top: var(--space-s); } .actor.sheet .window-content .item-summary .info { background-color: var(--secondary); padding: var(--space-m); color: var(--text-light); margin-left: auto; margin-right: auto; padding: 0; border-radius: var(--radius); font-family: var(--sans-serif); padding-bottom: var(--space-m); } .actor.sheet .window-content .item-summary .info > * + * { margin-top: var(--space-m); } .actor.sheet .window-content .item-summary .info + * { margin-top: var(--space-xl); } .actor.sheet .window-content .item-summary .info + .actor.sheet .window-content .item-summary .info { margin-top: var(--space-s); } .actor.sheet .window-content .item-summary .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: var(--text-light); } .actor.sheet .window-content .item-summary .info h4::after { font-family: "Font Awesome 6"; content: "\f05a"; font-weight: 900; margin-right: var(--space-s); } .actor.sheet .window-content .item-summary .info p { font-size: 0.8em; margin: 0; padding: 0 var(--space-l); } .actor.sheet .window-content .item-summary .info p:first-of-type { padding-top: var(--space-m); border-top: 1px solid rgba(255, 255, 255, 0.1); } .actor.sheet .window-content .item-summary .traits { display: flex; flex-wrap: wrap; padding: 0; } .actor.sheet .window-content .item-summary .traits p { display: inline-flex; padding: 0.16rem 0.25rem; margin: 0; background-color: var(--primary); border: 2px solid var(--color-border-trait); color: var(--text-light); font: 500 var(--font-size-10) var(--sans-serif); text-transform: uppercase; } .actor.sheet .window-content .item-summary .statblock { font-family: var(--sans-serif-condensed); color: var(--text-dark); line-height: 1.2; margin-bottom: var(--space-m); } .actor.sheet .window-content .item-summary .statblock > * + * { margin-top: var(--space-s); margin-bottom: 0; } .actor.sheet .window-content .item-summary .statblock p { --indent: var(--space-l); margin-left: var(--indent); position: relative; } .actor.sheet .window-content .item-summary .statblock p strong:first-of-type { margin-left: calc(var(--indent) * -1); } .actor.sheet .window-content .item-summary .statblock p .trait:first-of-type { margin-left: calc(var(--indent) * -1 - 2px); } .actor.sheet .window-content .item-summary .statblock span.pf2-icon { line-height: 1; } .actor.sheet .window-content .item-summary .statblock h1, .actor.sheet .window-content .item-summary .statblock h2, .actor.sheet .window-content .item-summary .statblock h3, .actor.sheet .window-content .item-summary .statblock h4 { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid var(--color-border-dark); text-transform: uppercase; letter-spacing: -0.05em; font-family: var(--sans-serif-condensed); font-weight: 700; } .actor.sheet .window-content .item-summary .statblock hr { border: none; border-bottom: 1px solid var(--color-border-dark); } .actor.sheet .window-content .item-summary .message { font-family: var(--journal-cursive); font-size: 2em; line-height: 1.2; } .actor.sheet .window-content .item-summary span[data-visibility=all] { display: inline-block; line-height: 1em; padding: 2px 1px 1px; } .actor.sheet .window-content .item-summary .item-buttons button:not(:disabled) { 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: var(--text-light); 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 .window-content .item-summary .item-buttons button:not(:disabled):hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet .window-content .inventory { --border-color: var(--alt); } .actor.sheet .window-content .inventory .inventory-list, .actor.sheet .window-content .inventory ul.items { display: flex; flex-direction: column; position: relative; width: 100%; } .actor.sheet .window-content .inventory .inventory-list .item-name, .actor.sheet .window-content .inventory ul.items .item-name { align-items: center; display: flex; flex: 2; font-weight: 500; gap: 0.25rem; padding-right: 0.25rem; } .actor.sheet .window-content .inventory .inventory-list .quantity, .actor.sheet .window-content .inventory .inventory-list .bulk, .actor.sheet .window-content .inventory .inventory-list .item-controls, .actor.sheet .window-content .inventory .inventory-list .sell-value, .actor.sheet .window-content .inventory ul.items .quantity, .actor.sheet .window-content .inventory ul.items .bulk, .actor.sheet .window-content .inventory ul.items .item-controls, .actor.sheet .window-content .inventory ul.items .sell-value { display: flex; justify-content: center; align-items: center; flex: 0 0 68px; } .actor.sheet .window-content .inventory .inventory-list .sell-value, .actor.sheet .window-content .inventory ul.items .sell-value { justify-content: end; padding-right: 3px; } .actor.sheet .window-content .inventory .inventory-list .bulk, .actor.sheet .window-content .inventory ul.items .bulk { flex: 0 0 36px; } .actor.sheet .window-content .inventory .inventory-list .item-controls, .actor.sheet .window-content .inventory ul.items .item-controls { flex: 0 0 90px; font-size: var(--font-size-12); gap: 1px; justify-content: end; } .actor.sheet .window-content .inventory .inventory-list { overflow: hidden scroll; height: calc(100% - 60px); padding-right: 0.15rem; } .actor.sheet .window-content .inventory .inventory-list > header, .actor.sheet .window-content .inventory .total-bulk { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); align-items: center; background-color: var(--alt); color: var(--color-text-light-0); display: flex; font-family: var(--sans-serif); font-size: var(--font-size-10); justify-content: end; letter-spacing: 0.05em; line-height: 1; margin-top: 6px; padding: 0.25rem; text-rendering: optimizeLegibility; text-transform: uppercase; width: 100%; } .actor.sheet .window-content .inventory .inventory-list > header:first-child, .actor.sheet .window-content .inventory .total-bulk:first-child { margin-top: 0; } .actor.sheet .window-content .inventory .inventory-list > header h3, .actor.sheet .window-content .inventory .total-bulk h3 { font-size: var(--font-size-14); margin: 2px 0; text-shadow: 0 0 2px rgba(0, 0, 0, 0.75); text-transform: capitalize; } .actor.sheet .window-content .inventory .inventory-list > header h3:hover, .actor.sheet .window-content .inventory .total-bulk h3:hover { color: var(--color-text-light-0); } .actor.sheet .window-content .inventory .inventory-list > header .item-name, .actor.sheet .window-content .inventory .total-bulk .item-name { padding-left: 4px; } .actor.sheet .window-content .inventory .inventory-list > header .item-invested-total, .actor.sheet .window-content .inventory .total-bulk .item-invested-total { flex: none; margin-right: 1em; } .actor.sheet .window-content .inventory .inventory-list > header .item-controls, .actor.sheet .window-content .inventory .total-bulk .item-controls { gap: 0.25rem; } .actor.sheet .window-content .inventory .inventory-list > header .overinvested, .actor.sheet .window-content .inventory .total-bulk .overinvested { color: orange; text-shadow: 1px 1px 0px black; } .actor.sheet .window-content .inventory ul.items { margin: 0; padding: 0; border-top: none; border: 1px solid var(--border-color); display: flex; flex-direction: column; list-style: none; } .actor.sheet .window-content .inventory ul.items > li { width: 100%; } .actor.sheet .window-content .inventory ul.items > li:nth-of-type(even) { background-color: rgba(120, 100, 82, 0.1); } .actor.sheet .window-content .inventory ul.items > li:last-child .item-summary { border-bottom: none; } .actor.sheet .window-content .inventory ul.items > li.temporary-item { background-color: rgba(0, 5, 255, 0.1137254902); } .actor.sheet .window-content .inventory ul.items > li > .data { display: flex; flex-wrap: wrap; font-size: var(--font-size-12); justify-content: flex-start; width: 100%; } .actor.sheet .window-content .inventory ul.items > li > .data.drop-highlight { background: #b7f8c7; } .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3, .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4 { font-weight: 500; line-height: var(--font-size-12); margin: auto auto auto 0; padding: 2px; word-break: break-word; } .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3 a:hover, .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4 a:hover { text-shadow: none; } .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3:hover, .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4:hover { color: var(--primary); } .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3 i.fa-info-circle, .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4 i.fa-info-circle { color: var(--text-dark); } .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3 i.fa-info-circle:hover, .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4 i.fa-info-circle:hover { color: var(--text-dark); } .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4:not(:hover).rarity-uncommon { border-color: var(--color-rarity-uncommon); color: var(--color-rarity-uncommon); } .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4:not(:hover).rarity-rare { border-color: var(--color-rarity-rare); color: var(--color-rarity-rare); } .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4:not(:hover).rarity-unique { border-color: var(--color-rarity-unique); color: var(--color-rarity-unique); } .actor.sheet .window-content .inventory ul.items > li > .data .item-name .size { font-size: 0.8em; color: var(--alt); margin: 0; } .actor.sheet .window-content .inventory ul.items > li > .data .item-name .uses { color: var(--color-text-dark-3); margin-left: auto; } .actor.sheet .window-content .inventory ul.items > li > .data .quantity, .actor.sheet .window-content .inventory ul.items > li > .data .bulk, .actor.sheet .window-content .inventory ul.items > li > .data .item-controls, .actor.sheet .window-content .inventory ul.items > li > .data .sell-value { border-left: 1px solid var(--alt); } .actor.sheet .window-content .inventory ul.items > li > .data .quantity { justify-content: space-around; } .actor.sheet .window-content .inventory ul.items > li > .data .quantity .decrease, .actor.sheet .window-content .inventory ul.items > li > .data .quantity .increase { display: flex; justify-content: center; align-items: center; font-family: var(--sans-serif-monospace); height: 100%; text-align: center; width: 18px; } .actor.sheet .window-content .inventory ul.items > li > .data .item-controls { color: var(--text-dark); font-size: var(--font-size-13); } .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.toggle-invested, .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.item-carry-type { color: rgba(0, 0, 0, 0.5); } .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.toggle-invested.active, .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.item-carry-type.active { color: var(--secondary); } .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.item-carry-type { text-align: right; } .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control .fa-stack { margin: -3px -2px 0; } .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control .fa-stack .fa-1, .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control .fa-stack .fa-2 { left: 1px; position: relative; } .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control .notify { animation: glow 0.75s infinite alternate; } .actor.sheet .window-content .inventory ul.items > li.drag-preview { box-shadow: 0 0 6px inset var(--color-shadow-highlight); } .actor.sheet .window-content .inventory ul.items > li.drag-gap { visibility: hidden; } .actor.sheet .window-content .inventory ul.items > li .item-summary { flex: 100%; padding: 4px 8px 8px; border-top: 1px solid var(--alt); border-bottom: 1px solid var(--alt); background: rgba(255, 255, 255, 0.333); } .actor.sheet .window-content .inventory ul.items > li .container-metadata { flex-basis: 100%; } .actor.sheet .window-content .inventory ul.items > li .container-metadata .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: var(--color-text-light-0); display: flex; width: 100%; } .actor.sheet .window-content .inventory ul.items > li .container-metadata .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 .window-content .inventory ul.items > li .container-metadata .capacity .label { position: absolute; height: 100%; top: 0; left: 0; padding: 2px; } .actor.sheet .window-content .inventory ul.items > li .container-metadata .capacity.over-limit .container-capacity-bar { background-color: var(--primary); } .actor.sheet .window-content .inventory ul.items > li ul.container-contents { padding-left: 10px; border-left: none; border-right: none; } .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li { position: relative; } .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li:nth-of-type(even) { background-color: rgba(120, 100, 82, 0.1); } .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li:first-of-type .item::before { height: 50%; top: 0; } .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li::before, .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li::after { position: absolute; border-left: 1px solid var(--alt); top: 0; height: 50%; left: -5px; width: 5px; content: ""; } .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li::before { border-bottom: 1px solid var(--alt); top: 0; } .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li::after { top: 50%; } .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li .item-summary { border-left: 1px solid var(--alt); } .actor.sheet .window-content .inventory ul.items > li ul.container-contents .container-metadata { position: relative; } .actor.sheet .window-content .inventory ul.items > li ul.container-contents .container-metadata::before { position: absolute; border-left: 1px solid var(--alt); top: 0; height: 100%; left: -5px; width: 0px; content: ""; } .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li:last-of-type .item::after, .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li:last-of-type .container-metadata::before { border: none; } .actor.sheet .window-content .inventory .encumbrance { align-items: center; display: grid; grid: "img bar overflow" min-content/24px 1fr; margin-top: auto; } .actor.sheet .window-content .inventory .encumbrance 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; grid-area: img; position: relative; z-index: 4; } .actor.sheet .window-content .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 .window-content .inventory .encumbrance .encumbrance-label { position: relative; z-index: 3; grid-area: bar; color: var(--text-light); 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 .window-content .inventory .encumbrance .encumbrance-light-bulk-overflow { position: relative; z-index: 3; grid-area: overflow; color: var(--text-dark); 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 .window-content .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 .window-content .inventory .encumbrance.over-limit .encumbrance-bar { background-color: var(--primary) !important; } .actor.sheet .window-content .inventory .total-bulk { font-weight: 500; gap: 0.25rem; height: 1.5rem; padding-left: 0; border-radius: 0; justify-content: start; margin-bottom: 0.7rem; } .actor.sheet .window-content .inventory .total-bulk 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); height: 1.5rem; width: 1.5rem; z-index: 1; } .actor.sheet .window-content .item-image { cursor: pointer; display: flex; flex: 0 0 1.5rem; font-size: var(--font-size-16); height: 1.5rem; position: relative; } .actor.sheet .window-content .item-image.framed { background-color: var(--tertiary); } .actor.sheet .window-content .item-image.framed img { border-radius: 2px; } .actor.sheet .window-content .item-image.framed, .actor.sheet .window-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 .window-content .item-image img { border: none; border-radius: 0; } .actor.sheet .window-content .item-image i { box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); color: var(--text-dark); display: none; height: 100%; position: absolute; width: 100%; } .actor.sheet .window-content .item-image:hover i { align-items: center; background: #f1eee9; display: flex; justify-content: center; } .actor.sheet .window-content .size-select { background-color: var(--color-bg-size); border: 2px solid var(--color-border-trait); color: var(--color-text-trait); } .actor.sheet .window-content .rarity-select { border: 2px solid var(--color-border-trait); color: var(--color-text-trait); } .actor.sheet .window-content .rarity-select.common { background-color: var(--color-rarity-common); } .actor.sheet .window-content .rarity-select.uncommon { background-color: var(--color-rarity-uncommon); } .actor.sheet .window-content .rarity-select.rare { background-color: var(--color-rarity-rare); } .actor.sheet .window-content .rarity-select.unique { background-color: var(--color-rarity-unique); } .actor.sheet.character .attack-popout.actions { gap: 0.5rem; padding: 0; margin-left: 0.25rem; } .actor.sheet.character .attack-popout.actions ol.actions-list + .actions-list { margin-top: 0.5rem; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name { align-items: start; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .actions-title { display: flex; flex-direction: column; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .item-image { flex: 0 0 2rem; height: 2rem; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .action-name .item-controls { margin-left: auto; } .actor.sheet.character .attack-popout.actions ol.actions-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; padding: 2px 0; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group button { border: none; flex: 0; gap: 2px; height: 1.25rem; line-height: unset; margin: 0; padding: 0 0.5em; white-space: nowrap; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group button:not(:disabled):hover { box-shadow: none; text-shadow: 0 0 2px var(--text-light); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options { align-items: center; display: flex; font-size: var(--font-size-14); gap: 2px; justify-content: center; padding: 0 3px; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options .title { text-transform: uppercase; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button { align-items: center; 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; justify-content: center; width: 3ch; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button.selected { background: var(--text-dark); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button.selected > i[class^=fa-] { color: var(--bg-dark); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover { box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5); text-shadow: none; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button:active { text-shadow: 0 0 1px var(--primary); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .alt-usage { flex-basis: 100%; margin-left: calc(3em - 2px); position: relative; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .alt-usage .alt-usage-icon { border: none; height: 1rem; position: absolute; left: -1.5em; top: 0.2em; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo, .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions { margin-left: 2.5rem; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo { align-items: center; display: flex; gap: 3px; margin-bottom: 2px; } .actor.sheet.character .attack-popout.actions ol.actions-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 .attack-popout.actions ol.actions-list li.strike .ammo select.linked[data-compatible=false] { color: rgba(255, 255, 255, 0.6); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked option, .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked optgroup { color: var(--text-light); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo .magazine { margin-right: 0.5rem; font-family: var(--sans-serif); font-weight: 600; } .actor.sheet.character .attack-popout.actions ol.actions-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 .attack-popout.actions ol.actions-list li.strike .auxiliary-actions { display: flex; gap: 3px; } .actor.sheet.character .attack-popout.actions ol.actions-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 .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button select.modular option { background: var(--bg-dark); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) { text-shadow: none; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name { color: var(--color-text-dark-4); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name .item-image { cursor: default; filter: grayscale(1); } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name .item-image:hover i { display: none; } .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .hands-occupied { font: italic 500 var(--font-size-10) var(--sans-serif); letter-spacing: 0.05em; text-rendering: optimizeLegibility; text-transform: uppercase; } .actor.sheet.character .attack-popout.actions ol.actions-list li.action .item-image:hover { background: none; } .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: 1rem; } .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking input { width: 0; flex: 0 1 4rem; text-align: center; } .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking span { white-space: nowrap; } .actor.sheet.character .attack-popout.actions h4 { flex: 1; } .actor.sheet.character .attack-popout.actions button.activate { background: none; border: 1px solid var(--color-border-dark); border-radius: 5px; flex: 0; line-height: 1.25em; opacity: 0.7; margin-right: 0.5rem; padding: 0 0.25rem; } .actor.sheet.character .attack-popout.actions button.activate.active, .actor.sheet.character .attack-popout.actions button.activate:hover { background-color: var(--primary); color: var(--text-light); opacity: 1; } .actor.sheet.character .attack-popout.actions .item-controls { display: flex; min-width: 2.5em; justify-content: end; } .actor.sheet.character .attack-popout .actions-container { padding: 0 0.5rem 2rem 0; } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper { justify-items: center; } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .action-radio { display: none; } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels { min-height: min-content; width: 100%; } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-panel { display: none; } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active { display: flex; flex-direction: column; } .actor.sheet.character .attack-popout .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.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option { align-items: center; display: flex; width: 100%; margin: 1px 0; } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * { vertical-align: middle; } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input { margin: 0; padding: 0; } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled { color: var(--color-text-dark-inactive); } .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label select { margin-left: 0.25em; } .actor.sheet.character .attack-popout ol.actions-list { padding-left: 0; } .actor.sheet.character .attack-popout ol.actions-list li.action-header { align-items: center; display: flex; } .actor.sheet.character .attack-popout ol.actions-list li.action, .actor.sheet.character .attack-popout ol.actions-list li.strike { border: solid transparent; border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat; border-width: 0 0 1px; padding: 4px; width: 100%; } .actor.sheet.character .attack-popout ol.actions-list li.action p:empty, .actor.sheet.character .attack-popout ol.actions-list li.strike p:empty { display: none; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-name, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name { align-items: center; display: flex; gap: 0.5rem; grid-area: icon-name; margin: 0; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-name h4, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name h4 { margin: 0; max-width: fit-content; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .item-image, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .item-image { display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; font-size: var(--font-size-18); } .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title { flex: 1; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name { align-items: baseline; display: flex; flex-direction: row; gap: 0.5em; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4 a:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4 a:hover { color: var(--color-pf-primary); } .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4 .action-glyph, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4 .action-glyph { color: var(--text-dark); } .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action { align-items: center; border-radius: 2px; border: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2); display: flex; flex: 0; font: 500 var(--font-size-10) var(--sans-serif); gap: 0.25em; height: 2em; justify-content: space-evenly; letter-spacing: 0.05em; margin: 0; max-width: fit-content; padding: 0.5em; text-rendering: optimizeLegibility; text-transform: uppercase; white-space: nowrap; } .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled) { background: var(--bg-dark); cursor: pointer; } .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action: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 .attack-popout ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled):active { color: var(--primary); } .actor.sheet.character .attack-popout ol.actions-list li.action .item-controls, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-controls { font-size: var(--font-size-12); grid-area: controls; white-space: nowrap; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary { flex-basis: 100%; margin: 0.5rem 0; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .title, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .title, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing { color: var(--primary); margin-top: 1em; margin: 0; padding: 0; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing strong, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing strong { font-weight: 500; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing + p, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing + p { margin-top: 0; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary img, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary img { border: none; vertical-align: middle; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary img.actionlight, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--text-dark); } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: var(--text-dark); text-shadow: 0 0 2px white; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary, .actor.sheet.character .attack-popout ol.actions-list li.strike .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; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary dd, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary dd { margin: 0; margin-bottom: 0.5rem; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .tag.tag_secondary { background-color: rgba(0, 0, 0, 0.8); } .actor.sheet.character .attack-popout ol.actions-list li.action.hidden, .actor.sheet.character .attack-popout ol.actions-list li.strike.hidden { display: none; } .actor.sheet.character .attack-popout ol.actions-list li.action { align-items: center; column-gap: 0.5rem; display: grid; grid: "icon name tracking controls" 1fr "icon buttons tracking controls" auto "summary summary summary summary" auto/min-content 1fr 20% 10%; } .actor.sheet.character .attack-popout ol.actions-list li.action > .icon { grid-area: icon; height: 32px; width: 32px; } .actor.sheet.character .attack-popout ol.actions-list li.action .name { align-items: center; grid-area: name; display: flex; margin-bottom: 0; text-align: left; } .actor.sheet.character .attack-popout ol.actions-list li.action .name > a:hover { color: var(--color-pf-primary); } .actor.sheet.character .attack-popout ol.actions-list li.action .button-group { grid-area: buttons; display: flex; flex-wrap: wrap; gap: 1px; } .actor.sheet.character .attack-popout ol.actions-list li.action .tracking { grid-area: tracking; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-controls { grid-area: controls; } .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary { grid-area: summary; } .actor.sheet.character .attack-popout.actions { margin: 0.25em 0.1em 0 0.4em; } .actor.sheet.character .attack-popout .actions-container { padding: 0.5em 0 0.5em 0.4em; } .actor.sheet.character .attack-popout ol.actions-list li.strike { border: unset; } .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: var(--alt); background-image: url("../assets/icons/chevron-down.svg"); background-position: right 0.25em top 50%; background-repeat: no-repeat; background-size: 1em auto; border-radius: 2px; border: 1px solid #53422a; color: var(--text-light); height: auto; padding: 0.25rem 1.1rem 0.25rem 0.25rem; position: relative; text-overflow: ellipsis; } .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked[data-compatible=false] { color: rgba(255, 255, 255, 0.6); } .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked option, .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked optgroup { color: var(--text-light); background-color: var(--alt); } .actor.sheet.character .crb-style .pf-rank { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; background: var(--color-proficiency-untrained); 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); font-weight: 500; padding: 2px 1px 1px 1px; width: 6.5em; text-align-last: center; } .actor.sheet.character .crb-style .pf-rank.readonly { pointer-events: none; } .actor.sheet.character .crb-style .pf-rank option[value="0"] { background: var(--color-proficiency-untrained); } .actor.sheet.character .crb-style .pf-rank.trained, .actor.sheet.character .crb-style .pf-rank[data-rank="1"], .actor.sheet.character .crb-style .pf-rank option[value="1"] { background: var(--color-proficiency-trained); } .actor.sheet.character .crb-style .pf-rank.expert, .actor.sheet.character .crb-style .pf-rank[data-rank="2"], .actor.sheet.character .crb-style .pf-rank option[value="2"] { background: var(--color-proficiency-expert); } .actor.sheet.character .crb-style .pf-rank.master, .actor.sheet.character .crb-style .pf-rank[data-rank="3"], .actor.sheet.character .crb-style .pf-rank option[value="3"] { background: var(--color-proficiency-master); } .actor.sheet.character .crb-style .pf-rank.legendary, .actor.sheet.character .crb-style .pf-rank[data-rank="4"], .actor.sheet.character .crb-style .pf-rank option[value="4"] { background: var(--color-proficiency-legendary); } .actor.sheet.character .crb-style select.pf-rank { cursor: pointer; height: 1rem; } .actor.sheet.character .crb-style span.pf-rank { min-width: 61px; pointer-events: none; } .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: var(--text-light); 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; flex-grow: 1; min-height: 0; overflow: hidden scroll; } .actor.sheet.character .crb-style .sheet-body .sheet-content nav + .tab-content { padding-top: 0.75rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .name a:hover { text-shadow: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i { display: none; position: absolute; width: 100%; height: 100%; color: var(--text-dark); } .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 { align-items: center; background-color: rgba(28, 28, 28, 0.1); border: none; color: var(--text-dark); display: flex; font: 700 var(--font-size-14)/1em var(--body-serif); margin: 0; padding: 0.5em 0.25em; width: calc(100% - 0.5em); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 span.value { flex-basis: 100%; 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 details" 9rem "img deity" auto/120px 1fr; margin-top: 0.25rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .image-container { grid-area: img; z-index: 3; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .image-container .actor-image { 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: 0; max-height: 11rem; object-fit: cover; object-position: top; width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd { grid-area: details; display: grid; grid-template-columns: repeat(2, 13em); grid-row-gap: 0.5rem; justify-content: start; padding-left: 0.75rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd > * { display: flex; flex-wrap: wrap; gap: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd > * .details-label { flex-basis: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd .deity { align-items: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd .deity .input h3 { min-width: 11em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd img.deity-emblem { 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; align-self: end; border-radius: 50%; height: 2rem; margin-left: 0.25rem; width: 2rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control { cursor: pointer; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control > i: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 label { align-items: start; display: flex; flex: 1 0 0; flex-direction: column; justify-content: start; margin-bottom: 8px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background label span { width: 100%; } .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: 0.5rem; } .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 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: 0.25rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes { margin: 0; padding: 0; display: grid; gap: 12px; grid: 1fr/repeat(6, 1fr); justify-content: center; list-style: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute { display: grid; grid: "abbrev" auto "mod" 1fr "label" auto/1fr; column-gap: 10px; align-items: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute:focus-within .abbreviation { filter: opacity(1); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .abbreviation, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .modifier { color: var(--secondary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation { margin: 0; padding: 0; border: none; color: var(--primary); font: 400 22px var(--serif-condensed); grid-area: abbrev; position: relative; text-align: center; text-transform: capitalize; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex { bottom: 4px; position: absolute; font-size: var(--font-size-12); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key { left: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex { right: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex.unselected:not(:hover) { opacity: 0.75; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier { 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.character .attributes .attribute .label { color: rgb(68, 55, 48); grid-area: label; margin: 0; opacity: 0.4; padding: 2px; text-align: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions { gap: 0.5rem; padding: 0; margin-left: 0.25rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list + .actions-list { margin-top: 0.5rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name { align-items: start; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title { display: flex; flex-direction: column; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image { flex: 0 0 2rem; height: 2rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .action-name .item-controls { margin-left: auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-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; padding: 2px 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button { border: none; flex: 0; gap: 2px; height: 1.25rem; line-height: unset; margin: 0; padding: 0 0.5em; white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button:not(:disabled):hover { box-shadow: none; text-shadow: 0 0 2px var(--text-light); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options { align-items: center; display: flex; font-size: var(--font-size-14); gap: 2px; justify-content: center; padding: 0 3px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options .title { text-transform: uppercase; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button { align-items: center; 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; justify-content: center; width: 3ch; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected { background: var(--text-dark); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected > i[class^=fa-] { color: var(--bg-dark); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover { box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5); text-shadow: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:active { text-shadow: 0 0 1px var(--primary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-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 ol.actions-list li.strike .alt-usage .alt-usage-icon { border: none; height: 1rem; position: absolute; left: -1.5em; top: 0.2em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions { margin-left: 2.5rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo { align-items: center; display: flex; gap: 3px; margin-bottom: 2px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-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 ol.actions-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 ol.actions-list li.strike .ammo select.linked option, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked optgroup { color: var(--text-light); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-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 ol.actions-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 ol.actions-list li.strike .auxiliary-actions { display: flex; gap: 3px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-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 ol.actions-list li.strike .auxiliary-actions button select.modular option { background: var(--bg-dark); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) { text-shadow: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name { color: var(--color-text-dark-4); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name .item-image { cursor: default; filter: grayscale(1); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name .item-image:hover i { display: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .hands-occupied { font: italic 500 var(--font-size-10) var(--sans-serif); letter-spacing: 0.05em; text-rendering: optimizeLegibility; text-transform: uppercase; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-image:hover { background: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: 1rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking input { width: 0; flex: 0 1 4rem; text-align: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking span { white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions h4 { flex: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate { background: none; border: 1px solid var(--color-border-dark); border-radius: 5px; flex: 0; line-height: 1.25em; opacity: 0.7; margin-right: 0.5rem; padding: 0 0.25rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:hover { background-color: var(--primary); color: var(--text-light); opacity: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .item-controls { display: flex; min-width: 2.5em; justify-content: end; } .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 { display: flex; flex: 0; font-size: var(--font-size-12); gap: 1px; white-space: nowrap; } .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.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: var(--text-light); 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:hover { text-shadow: none; } .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 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 .rollable { 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 h1, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 { margin: 0; padding: 0; line-height: 1; display: flex; align-items: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; padding: 2px 0.25rem; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: var(--text-light); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; align-items: center; margin-bottom: 1rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li { border-image-repeat: repeat; border-image-slice: 11; border-image-source: url("../assets/sheet/frame-elegant.svg"); border-image-width: 14px; border-style: double; align-items: center; display: flex; gap: 0.25rem; padding: 0.125rem 0.875rem 0.125rem 0.25rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.skill-name:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.modifier:hover { color: var(--primary); text-shadow: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.modifier:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.skill-name:hover > .modifier { text-decoration: underline; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .modifier { color: var(--primary); font: 600 var(--font-size-22)/1em var(--serif); text-align: end; width: 2.5rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .skill-name { align-items: center; display: flex; flex: 1; gap: 0.25rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .button-group { align-items: center; display: flex; flex-flow: column wrap; justify-content: center; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .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 ul.proficiencies-list li .button-group h6:hover { background: var(--primary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li.custom { position: relative; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li.custom a.delete { position: absolute; top: -0.5rem; right: -0.5rem; opacity: 0.75; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li.custom a.delete:hover { opacity: 1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list li .button-group, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.combat-list li .button-group { flex-direction: row; flex-wrap: nowrap; margin-left: auto; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list li .button-group .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.combat-list li .button-group .item-controls { font-size: var(--font-size-12); margin-left: 0.5rem; margin-top: 1px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list { grid-template-columns: 1fr; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input { color: var(--text-dark); font-weight: 600; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.combat-list { grid-template: repeat(2, 1fr); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.combat-list .item { grid-column: 1/3; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls { white-space: nowrap; color: var(--text-light); 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 .lore-header .item-controls .item-control { padding: 0.25rem; 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 { align-items: center; display: flex; flex: 1; grid-area: name; height: calc(1.5rem + 2px); 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; 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 var(--alt); 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 > header { display: flex; align-items: baseline; justify-content: space-between; padding: 0 1px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography > header i.fa-eye-slash { opacity: 75%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable input { background: rgba(0, 0, 0, 0.05); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content { min-height: 4rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section:not(.editable) .editor-content { min-height: 2rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled { color: var(--text-dark); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details { display: grid; grid-template: "bio bio" 1fr "height weight" min-content/1fr 1fr; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details .bio { grid-area: bio; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality { display: flex; flex-wrap: wrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.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 section.personality .bio span { width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema { flex-basis: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts > *, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema > * { width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts .label-add, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema .label-add { align-items: center; display: flex; justify-content: space-between; width: calc(100% - 0.75em); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts ol, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema ol { list-style-type: decimal; margin-top: 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts ol li, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema ol li { white-space: nowrap; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts ol li input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema ol li input { margin: 0.2em; max-width: calc(100% - 2rem); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.campaign { display: flex; flex-direction: column; gap: 0.5rem; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input { background: none; border-bottom: 1px solid var(--color-border-input); font-family: var(--body-serif); width: calc(100% - 6px); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input::placeholder { filter: opacity(0.5); color: var(--text-dark); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus { border-bottom: 1px solid #644f33; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus::placeholder { color: transparent; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input[type=number] { padding-bottom: 0; padding-left: 4px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section hr { margin: 10px 6px 10px 0; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 { margin: 0; padding: 0; background-color: rgba(28, 28, 28, 0.1); border: none; color: var(--text-dark); font: 700 var(--font-size-14) var(--body-serif); grid-area: mod; height: 26px; padding: 8px 4px 6px; width: calc(100% - 6px); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 i { position: relative; right: -2px; top: -2px; float: right; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio 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.biography section .bio h4.details-label { margin-bottom: 0; width: 100%; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content { padding: 0 0 0.5rem; /* Typography */ } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 { font-family: var(--serif); line-height: 1.1; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1 { text-align: center; font-size: 2.5em; margin-bottom: 30px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 { color: var(--secondary); font-size: 2.25em; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h3 { font-size: 2em; border-bottom: 0px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h4 { color: var(--text-dark); border-bottom: 1px solid var(--color-border-dark-primary); margin-bottom: 0px; text-transform: uppercase; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h5 { text-transform: uppercase; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .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.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p + p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ul, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ol { font-family: var(--body-serif); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-edit { background: var(--primary); color: var(--text-light); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox.tox-tinymce { height: 200px !important; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header { background: none; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord { background-color: var(--secondary); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .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.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn { color: #cdcdcd; border-radius: 1px; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn svg { fill: #cdcdcd; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover { background: var(--secondary); color: var(--text-light); } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover svg { fill: white; } .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-content { overflow-y: inherit; padding: 0 0.25rem; } .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 .item-controls { flex: 0 0 100px; } .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.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 { display: flex; flex: 0; font-size: var(--font-size-12); gap: 1px; white-space: nowrap; } .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.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: var(--text-light); 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: var(--text-dark); 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: var(--text-light); 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(--text-dark); 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: var(--text-light); 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; gap: 3px; 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-size: var(--font-size-16); 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 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: var(--text-light); 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: 1.5rem; } .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-body .sheet-content > .tab.active:not(.inventory), .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active .inventory .inventory-list { flex-grow: 1; overflow: hidden scroll; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.actions ol.actions-list li.action .icon { height: var(--font-size-18); width: var(--font-size-18); } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details { display: grid; grid: "img details" 1fr/120px 1fr; min-width: 330px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .frame { margin-left: 5px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.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-body .sheet-content > .tab.active.details .vehicle-details .image-container [data-action=show-image] { bottom: 3px; right: 1px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .detail-sheet { display: grid; grid: repeat(2, 42px)/3fr 2fr; grid-row-gap: 0.5rem; padding-left: 12px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .detail-small { display: flex; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties { display: flex; flex-wrap: wrap; padding-top: 8px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties > div { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 0.5rem; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties > div > span { width: 100%; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .detailsInput { margin-bottom: 0.5rem; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.inventory { display: flex; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list { gap: 0.2em; padding-bottom: 1em; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.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-body .sheet-content > .tab.active.effects.effects .effects-list .item p:empty { display: none; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name { display: flex; align-items: center; flex: 1; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name h4 { cursor: pointer; margin: 0; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name .item-image { margin-right: 8px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls { display: flex; flex: 0; font-size: var(--font-size-12); gap: 1px; white-space: nowrap; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls a + a { margin-left: 4px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-summary { flex-basis: 100%; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.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-body .sheet-content > .tab.active.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-body .sheet-content > .tab.active.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: var(--text-light); 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-body .sheet-content > .tab.active.effects.effects .effects-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.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-body .sheet-content > .tab.active.effects.effects .effects-list .item-image { border-radius: 2px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item:last-child { border-bottom: none; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item-name h4 { font-family: var(--serif); } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list { margin: 0; padding: 0; display: flex; flex-direction: column; list-style: none; width: 100%; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list h4 { margin: 0; padding: 0; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list .item ol { list-style: none; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description { padding-bottom: 0.5rem; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description header { margin-bottom: 0.25rem; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .description { display: flex; flex-direction: column; flex: 1 0 22ch; margin-bottom: 1rem; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .description > .editor { display: inherit; flex-direction: inherit; flex: inherit; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication { margin-top: auto; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content { align-items: baseline; gap: 0.25em; display: grid; grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content label { font-weight: 500; min-width: unset; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content input[type=text] { height: 1.6rem; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .title { grid-area: title; margin-right: 0; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .authors { grid-area: authors; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license { grid-area: license; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license select { margin-top: 1px; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster { grid-area: remaster; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license, .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster { text-align: center; } .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license label, .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster label { padding: 0; } .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 */ /* 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; } .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 .tags .tag.edit-btn { background-color: var(--color-bg-option); color: var(--primary); } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big { display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-evenly; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container { text-align: center; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp { background-image: linear-gradient(90deg, #450000 0%, #870000 50%, #450000 100%); background-color: var(--primary); border-radius: 0 0 4px 4px; border: 1px solid var(--sidebar-title); display: flex; flex-direction: column; padding: 0.625rem 0.25rem 0; position: relative; width: min-content; z-index: 0; } .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: 2rem; } .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: 0.75rem; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp { margin-right: 0.5rem; text-align: center; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp { margin-left: 0.5rem; text-align: center; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp .unrecoverable { color: orangered; } .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small { display: flex; gap: 0.125rem; justify-content: space-evenly; margin: 0.5rem 0.125rem 0 0.125rem; text-align: center; } .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 i.fa-regular, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small i.fa-solid { 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 { align-items: center; display: flex; flex-direction: column; height: 74px; justify-content: start; padding: 14px 10px 0 10px; text-align: center; } .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(--primary-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 { display: inline-flex; flex-direction: column; grid-area: shield-footer; 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; align-items: center; } .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max label { white-space: normal; text-align: center; width: 5em; 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; z-index: 0; } .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 { color: var(--text-dark); } .actor.sheet .crb-style .sheet-body .sheet-content > .tab { padding: 0.6rem 0.6rem 0; display: none; } .actor.sheet .crb-style .sheet-body .sheet-content > .tab.active { display: initial; } .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: flex; flex-wrap: wrap; padding: 0 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 button { 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 { background: rgba(96, 88, 86, 0.25); border: 1px solid var(--color-border-light-2); border-radius: 2px; color: var(--text-dark); font: 500 var(--font-size-12) var(--sans-serif); letter-spacing: 0.25px; line-height: 1; 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: 0.25rem 0; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name { line-height: 1; gap: 0.25em; padding-left: 0.2em; } .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 .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: var(--text-light); 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: 1; flex-wrap: nowrap; min-height: 1.75rem; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name.empty { color: var(--color-text-dark-secondary); pointer-events: none; } .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; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4 > a:hover { color: var(--secondary); text-shadow: none; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .action-glyph { margin-left: 4px; font-size: small; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-range { flex: 0 0 6rem; padding-left: 0.2em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .cast-spell { flex: 0 0 3.5rem; display: flex; justify-content: center; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .cast-spell button { 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: var(--text-light); cursor: pointer; font: 700 0.55rem var(--sans-serif); 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-controls { flex: 0 0 3.25rem; display: flex; justify-content: end; padding-right: 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary { background-color: var(--bg); border-bottom: 1px solid var(--sub); border-top: 1px solid #aca5a3; flex: 100%; padding: 0.5rem; } .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: var(--text-light); margin: 0; padding: 4px; text-align: center; background: var(--secondary); position: relative; } .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: var(--text-light); 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; color: var(--text-light); flex-basis: 0; margin-right: 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle i { padding-top: 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .item-controls { color: var(--text-light); 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: var(--text-light); 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: var(--text-light); 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 { 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 .actions-options .actions-option label select { margin-left: 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list { padding-left: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action-header { align-items: center; display: flex; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike { border: solid transparent; border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat; border-width: 0 0 1px; padding: 4px; width: 100%; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action p:empty, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike p:empty { display: none; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name { align-items: center; display: flex; gap: 0.5rem; grid-area: icon-name; margin: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name h4, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name h4 { margin: 0; max-width: fit-content; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .item-image, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image { display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; font-size: var(--font-size-18); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title { flex: 1; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name { align-items: baseline; display: flex; flex-direction: row; gap: 0.5em; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4 a:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4 a:hover { color: var(--color-pf-primary); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4 .action-glyph, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4 .action-glyph { color: var(--text-dark); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action { align-items: center; border-radius: 2px; border: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2); display: flex; flex: 0; font: 500 var(--font-size-10) var(--sans-serif); gap: 0.25em; height: 2em; justify-content: space-evenly; letter-spacing: 0.05em; margin: 0; max-width: fit-content; padding: 0.5em; text-rendering: optimizeLegibility; text-transform: uppercase; white-space: nowrap; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled) { background: var(--bg-dark); cursor: pointer; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action: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 .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):active { color: var(--primary); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-controls { font-size: var(--font-size-12); grid-area: controls; white-space: nowrap; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary { flex-basis: 100%; margin: 0.5rem 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .title, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .title, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing { color: var(--primary); margin-top: 1em; margin: 0; padding: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing { color: var(--secondary); margin: 1em 0 0.25em; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing strong, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing strong { font-weight: 500; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing + p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing + p { margin-top: 0; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img { border: none; vertical-align: middle; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img.actionlight, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img.actionlight { background: var(--alt); vertical-align: middle; border: 1px solid var(--text-dark); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .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 ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off { cursor: pointer; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on { background-color: rgba(23, 31, 105, 0.5); color: var(--text-dark); text-shadow: 0 0 2px white; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .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; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary dd, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary dd { margin: 0; margin-bottom: 0.5rem; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .tag.tag_secondary { background-color: rgba(0, 0, 0, 0.8); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action.hidden, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike.hidden { display: none; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action { align-items: center; column-gap: 0.5rem; display: grid; grid: "icon name tracking controls" 1fr "icon buttons tracking controls" auto "summary summary summary summary" auto/min-content 1fr 20% 10%; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action > .icon { grid-area: icon; height: 32px; width: 32px; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .name { align-items: center; grid-area: name; display: flex; margin-bottom: 0; text-align: left; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .name > a:hover { color: var(--color-pf-primary); } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .button-group { grid-area: buttons; display: flex; flex-wrap: wrap; gap: 1px; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking { grid-area: tracking; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls { grid-area: controls; } .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary { grid-area: summary; } .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 { background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary); align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); display: inline-flex; height: 1.25rem; justify-content: center; position: relative; transition: all 0.1s ease-out; } .actor.sheet .crb-style nav.sheet-navigation .panel-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: 1.5rem; width: 1.5rem; 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 i.fa-solid { 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-glyph { font-size: 1rem; } .actor.sheet .crb-style nav.sub-nav { margin: 0; padding: 0; align-items: center; background-color: var(--bg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); display: flex; flex-wrap: nowrap; flex: 0 0 2.5rem; justify-content: center; list-style: none; width: 100%; } .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: 1.25rem; } .actor.sheet .crb-style section.major > header { border-bottom: 1px solid var(--color-border-divider); color: var(--primary); font: 600 var(--font-size-16)/1 var(--serif); position: relative; margin: 0.75rem 0 0.5rem 0; } .actor.sheet .crb-style section.major > header a { color: var(--color-text-dark-primary); font-size: var(--font-size-12); } .actor.sheet .crb-style section.major > header > button, .actor.sheet .crb-style section.major > header > .controls { position: absolute; bottom: -1px; right: 0; } .actor.sheet .crb-style section.major > header .controls { display: flex; } .actor.sheet .crb-style section.major > header button { background: transparent; border-radius: 2px 2px 0 0; border: 1px solid var(--color-border-divider); color: var(--primary); cursor: pointer; font: 500 var(--font-size-12)/1 var(--sans-serif); height: 20px; margin: 0; outline: none; text-transform: uppercase; width: auto; } .actor.sheet .crb-style section.major > header button.has-unallocated { animation: glow 0.75s infinite alternate; } .actor.sheet .crb-style.limited .sidebar { align-items: center; display: flex; flex-direction: column; height: 100%; } .actor.sheet .crb-style.limited .sidebar .profile-img { display: flex; align-items: 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 .appearance { color: var(--sidebar-title); display: flex; flex-direction: column; } .actor.sheet .crb-style.limited .sidebar .appearance h3 { border-bottom: none; font-size: 1rem; text-align: center; } .actor.sheet .crb-style.limited .sidebar .appearance .body { font-weight: 400; font-size: var(--font-size-14); } .actor.sheet .crb-style.limited .sidebar .orn img { border: none; position: relative; } .actor.sheet .crb-style.limited .sidebar .orn img:first-child { left: 4px; } .actor.sheet .crb-style.limited .sidebar .orn img:last-child { right: 4px; transform: scaleX(-1); } .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.biography .bio.backstory p:first-child { margin-top: 0; } .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); } .actor.sheet .crb-style .tags .tag.edit-btn { align-items: center; border-radius: 0; display: flex; justify-content: center; } .actor.sheet .crb-style .tags .tag.edit-btn a { display: inline-flex; } .actor.sheet .crb-style .tags .tag.edit-btn a svg { height: 9px; width: auto; } .spellcasting-entry.preparation input, .spellcasting-entry.preparation label, .spellcasting-entry.preparation select { --form-field-height: 1.5rem; } .spellcasting-entry.preparation input[type=checkbox] { height: var(--font-size-20); } .spellcasting-entry.preparation select { height: var(--form-field-height); } .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: flex; flex-wrap: wrap; padding: 0 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 button { 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 { background: rgba(96, 88, 86, 0.25); border: 1px solid var(--color-border-light-2); border-radius: 2px; color: var(--text-dark); font: 500 var(--font-size-12) var(--sans-serif); letter-spacing: 0.25px; line-height: 1; 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: 0.25rem 0; } .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name { line-height: 1; gap: 0.25em; padding-left: 0.2em; } .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 .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: var(--text-light); 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: 1; flex-wrap: nowrap; min-height: 1.75rem; } .spellcasting-entry.preparation ol.spell-list > li .item-name.empty { color: var(--color-text-dark-secondary); pointer-events: none; } .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; } .spellcasting-entry.preparation ol.spell-list > li .item-name h4 > a:hover { color: var(--secondary); text-shadow: none; } .spellcasting-entry.preparation ol.spell-list > li .item-name .action-glyph { margin-left: 4px; font-size: small; } .spellcasting-entry.preparation ol.spell-list > li .spell-range { flex: 0 0 6rem; padding-left: 0.2em; } .spellcasting-entry.preparation ol.spell-list > li .cast-spell { flex: 0 0 3.5rem; display: flex; justify-content: center; } .spellcasting-entry.preparation ol.spell-list > li .cast-spell button { 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: var(--text-light); cursor: pointer; font: 700 0.55rem var(--sans-serif); letter-spacing: 0.25px; max-width: fit-content; padding: 0.5em 1em; text-transform: uppercase; } .spellcasting-entry.preparation ol.spell-list > li .item-controls { flex: 0 0 3.25rem; display: flex; justify-content: end; padding-right: 0.25em; } .spellcasting-entry.preparation ol.spell-list > li .item-summary { background-color: var(--bg); border-bottom: 1px solid var(--sub); border-top: 1px solid #aca5a3; flex: 100%; padding: 0.5rem; } .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: var(--text-light); margin: 0; padding: 4px; text-align: center; background: var(--secondary); position: relative; } .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; } .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 0.5em; } .spellcasting-entry.preparation .sheet-header .item-controls { flex: 0; white-space: nowrap; } .spellcasting-entry.preparation .sheet-header .search { margin-bottom: 0.5em; } .spellcasting-entry.preparation .sheet-content { overflow: hidden scroll; padding-bottom: 1em; padding-right: 6px; } .spellcasting-entry.preparation .sheet-content .item-image { cursor: pointer; } .currency { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); align-items: center; background-color: var(--sub); display: flex; font-size: var(--font-size-13); list-style: none; margin: 0; padding: 3px; } .currency .label { color: var(--color-text-light-0); font-weight: 500; margin: 0 0.5rem 0 0.25rem; } .currency .denomination { align-items: center; background-color: transparent; border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.1); color: var(--color-text-light-0); display: flex; flex-wrap: nowrap; flex: 0 1 auto; justify-content: start; text-shadow: 0 0 3px rgba(0, 0, 0, 0.75); width: 100%; } .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 { box-shadow: 0 0 0 1px #9f725b, 0 0 0 2px var(--tertiary), 0 0 0 3px #956d58; height: 1.5rem; width: 1.5rem; background-size: cover !important; } .currency li > button { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; background-color: var(--tertiary); border-radius: 1px; border: none; 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); color: rgba(0, 0, 0, 0.75); font-size: var(--font-size-13); font-weight: 600; height: 1.5rem; line-height: 1; margin-left: 2px; width: 1.875rem; } .currency li > button > i { margin: 0; padding: 0; } .currency li > button:disabled { opacity: 0.6; } .currency li > button:hover:not(:disabled) { background-color: var(--primary); color: var(--color-text-light-0); cursor: pointer; } .wealth { font-family: var(--sans-serif); font-size: var(--font-size-10); text-transform: uppercase; letter-spacing: 0.05em; text-rendering: optimizeLegibility; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); align-items: center; background-color: var(--alt); display: flex; margin-bottom: 0.5rem; min-height: 1.5rem; justify-content: flex-end; padding: 0 0.25rem; } .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: 0.25rem; cursor: default; } .wealth h3:hover { color: var(--color-text-light-0); } .wealth h3.item-name { flex-grow: 1; color: var(--color-text-light-0); margin-bottom: 0; font-weight: bold; } .wealth h3.item-name span { margin-left: 0.25rem; font-weight: normal; text-transform: uppercase; } .wealth ol { padding-right: 0; padding-bottom: 0; margin-bottom: 0; margin-right: 0; } /* Actor-type Imports */ .sheet.familiar .section-container { display: flex; flex-direction: column; } .sheet.familiar .section-container .section-header { border: 1px solid var(--primary); border-radius: 3px 3px 0px 0px; background: var(--primary); display: flex; flex: 0; width: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; color: var(--text-light); font-size: var(--font-size-13); padding: 0 8px; line-height: 2em; } .sheet.familiar .section-container .section-header h4 { flex: auto; display: flex; align-items: baseline; gap: 4px; margin-bottom: 0px; text-transform: uppercase; } .sheet.familiar .section-container .section-header input { color: inherit; width: auto; } .sheet.familiar .section-container .section-header .controls { gap: 0.5rem; white-space: nowrap; } .sheet.familiar .section-container .section-body { border: 1px solid var(--primary); 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.familiar .section-container.headerless .section-body { border-radius: 3px; } .sheet.familiar .actions-list, .sheet.familiar .attacks-list { margin: 0; padding: 0; width: 100%; } .sheet.familiar .actions-list .controls, .sheet.familiar .attacks-list .controls { align-items: baseline; display: flex; flex: 0; flex-wrap: nowrap; font-size: var(--font-size-12); gap: 1px; margin-left: auto; } .sheet.familiar .actions-list .controls .chat, .sheet.familiar .attacks-list .controls .chat { margin-right: 2px; font-size: 0.9em; } .sheet.familiar .actions-list li.action .button-group, .sheet.familiar .actions-list li.attack .button-group, .sheet.familiar .attacks-list li.action .button-group, .sheet.familiar .attacks-list li.attack .button-group { display: flex; gap: 0.25em; justify-content: start; min-width: 100%; } .sheet.familiar .actions-list li.action .button-group .flexrow, .sheet.familiar .actions-list li.action .button-group .sub-section, .sheet.familiar .actions-list li.attack .button-group .flexrow, .sheet.familiar .actions-list li.attack .button-group .sub-section, .sheet.familiar .attacks-list li.action .button-group .flexrow, .sheet.familiar .attacks-list li.action .button-group .sub-section, .sheet.familiar .attacks-list li.attack .button-group .flexrow, .sheet.familiar .attacks-list li.attack .button-group .sub-section { gap: 2px; } .sheet.familiar .actions-list li.action .button-group .sub-section, .sheet.familiar .actions-list li.attack .button-group .sub-section, .sheet.familiar .attacks-list li.action .button-group .sub-section, .sheet.familiar .attacks-list li.attack .button-group .sub-section { align-items: start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .sheet.familiar .actions-list li.action .button-group .sub-section h4, .sheet.familiar .actions-list li.attack .button-group .sub-section h4, .sheet.familiar .attacks-list li.action .button-group .sub-section h4, .sheet.familiar .attacks-list li.attack .button-group .sub-section h4 { margin-left: var(--font-size-12); margin-right: var(--font-size-12); } .sheet.familiar .actions-list li.action .button-group button, .sheet.familiar .actions-list li.attack .button-group button, .sheet.familiar .attacks-list li.action .button-group button, .sheet.familiar .attacks-list li.attack .button-group button { align-items: center; display: flex; border-radius: 3px; border: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); color: var(--color-text-light-0); cursor: pointer; font-size: var(--font-size-11); height: var(--font-size-18); justify-content: center; line-height: var(--font-size-18); margin: 0; padding: 0 8px; white-space: nowrap; width: auto; } .sheet.familiar .actions-list li.action .button-group button:first-child, .sheet.familiar .actions-list li.attack .button-group button:first-child, .sheet.familiar .attacks-list li.action .button-group button:first-child, .sheet.familiar .attacks-list li.attack .button-group button:first-child { margin-left: 0px; } .sheet.familiar .actions-list li.action .button-group button:hover, .sheet.familiar .actions-list li.attack .button-group button:hover, .sheet.familiar .attacks-list li.action .button-group button:hover, .sheet.familiar .attacks-list li.attack .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px var(--color-text-light-0); } .sheet.familiar .actions-list li.action .button-group .attack-button, .sheet.familiar .actions-list li.attack .button-group .attack-button, .sheet.familiar .attacks-list li.action .button-group .attack-button, .sheet.familiar .attacks-list li.attack .button-group .attack-button { background-color: var(--secondary); } .sheet.familiar .actions-list li.action .button-group .damage-button, .sheet.familiar .actions-list li.action .button-group .critical-button, .sheet.familiar .actions-list li.attack .button-group .damage-button, .sheet.familiar .actions-list li.attack .button-group .critical-button, .sheet.familiar .attacks-list li.action .button-group .damage-button, .sheet.familiar .attacks-list li.action .button-group .critical-button, .sheet.familiar .attacks-list li.attack .button-group .damage-button, .sheet.familiar .attacks-list li.attack .button-group .critical-button { background-color: var(--primary); } .sheet.familiar .actions-list li.action > .item-summary, .sheet.familiar .actions-list li.attack > .item-summary, .sheet.familiar .attacks-list li.action > .item-summary, .sheet.familiar .attacks-list li.attack > .item-summary { flex-basis: 100%; } .sheet.familiar .actions-list li.attack, .sheet.familiar .attacks-list li.attack { border-bottom: 1px solid var(--color-border-light-tertiary); display: flex; flex-direction: row; justify-content: start; gap: 0.25rem; padding: 0.25rem 0; } .sheet.familiar .actions-list li.attack:last-child, .sheet.familiar .attacks-list li.attack:last-child { border-bottom: none; } .sheet.familiar .actions-list li.attack > h4, .sheet.familiar .attacks-list li.attack > h4 { align-items: center; display: flex; flex-wrap: wrap; font-size: 0.9rem; font-weight: 500; gap: 2px; margin: 0 4px 0 0; white-space: nowrap; } .sheet.familiar .actions-list li.attack > h4 > span, .sheet.familiar .actions-list li.attack > h4 > a, .sheet.familiar .attacks-list li.attack > h4 > span, .sheet.familiar .attacks-list li.attack > h4 > a { display: flex; gap: 3px; line-height: 1.125rem; margin-right: 4px; } .sheet.familiar .actions-list li.action, .sheet.familiar .attacks-list li.action { display: flex; gap: 0.25rem; } .sheet.familiar .actions-list li.action:not(:last-child), .sheet.familiar .attacks-list li.action:not(:last-child) { border-bottom: 1px solid var(--color-border-light-tertiary); } .sheet.familiar .actions-list li.action > h4, .sheet.familiar .attacks-list li.action > h4 { align-items: center; display: flex; gap: 0.25rem; flex: auto; font-size: 0.9rem; margin: 0; } .sheet.familiar .actions-list li.action > h4 > a, .sheet.familiar .attacks-list li.action > h4 > a { align-items: center; display: flex; gap: 2px; } .sheet.familiar .actions-list li.action .button-group > button.use-action, .sheet.familiar .attacks-list li.action .button-group > button.use-action { color: var(--color-text-light-0); background-color: var(--secondary); margin-right: 0.5rem; } .sheet.familiar .actions-list li.action .action-traits, .sheet.familiar .attacks-list li.action .action-traits { margin-left: var(--font-size-12); } .sheet.familiar .actions-list li.action .tracking, .sheet.familiar .attacks-list li.action .tracking { flex: 0; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: var(--font-size-16); } .sheet.familiar .actions-list li.action .tracking input, .sheet.familiar .attacks-list li.action .tracking input { background: none; border: 0; flex: 0 1 4rem; flex: 1; font-family: inherit; font-size: 0.9rem; height: auto; padding: 0 3px; text-align: center; width: 0; } .sheet.familiar .actions-list li.action .tracking span, .sheet.familiar .attacks-list li.action .tracking span { white-space: nowrap; } .sheet.familiar form { background: url("../assets/sheet/background.webp"); background-repeat: repeat-x, no-repeat; background-size: cover; background-attachment: local; display: flex; flex-direction: column; height: 100%; } .sheet.familiar form > hr { width: 100%; } .sheet.familiar input { border: none; border-radius: 0; background-color: rgba(28, 28, 28, 0.1); } .sheet.familiar input:focus { box-shadow: none; } .sheet.familiar 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; } .sheet.familiar select:hover { border: 1px solid black; } .sheet.familiar .familiar-sheet-header { display: flex; flex-direction: row; padding: 4px 6px 0; } .sheet.familiar .familiar-sheet-header .image-container { display: flex; } .sheet.familiar .familiar-sheet-header .image-container img.actor-image { border-radius: 0; flex: 0; height: 100%; min-width: 125px; width: 125px; } .sheet.familiar .familiar-sheet-header .image-container [data-action=show-image] { bottom: 2px; right: 2px; } .sheet.familiar .familiar-sheet-header .header-content { display: flex; flex-direction: column; border-radius: 0; flex-grow: 1; margin-left: 10px; } .sheet.familiar .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; } .sheet.familiar .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; } .sheet.familiar .familiar-sheet-header .header-content .charname input::placeholder { filter: opacity(0.5); color: #1c1c1c; } .sheet.familiar .familiar-sheet-header .header-content .charname input:focus { border-bottom: 1px solid #644f33; } .sheet.familiar .familiar-sheet-header .header-content .charname input:focus::placeholder { color: transparent; } .sheet.familiar .familiar-sheet-header .header-content .charname .charname-value { flex: 1 1; } .sheet.familiar .familiar-sheet-header .header-content .charname .familiar-title { flex: 0 1; text-align: right; margin-right: 0.1em; text-transform: uppercase; } .sheet.familiar .familiar-sheet-header .header-content .sub-header { display: flex; margin-bottom: 10px; } .sheet.familiar .familiar-sheet-header .header-content .sub-header .traits { flex: 1; } .sheet.familiar .familiar-sheet-header .header-content .traits { margin: 0.25em 0; } .sheet.familiar .familiar-sheet-header .header-content .traits span { color: var(--text-light); 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); } .sheet.familiar .familiar-sheet-header .header-content .details-section { display: flex; flex-direction: row; justify-content: space-between; } .sheet.familiar .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); } .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section div { white-space: nowrap; } .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label { display: flex; flex-direction: row; align-items: center; white-space: nowrap; } .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label h4 { font-weight: bold; margin: 0 0.25em 0 0; padding-left: 6px; } .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value { display: flex; flex-direction: row; align-items: center; padding-left: 4px; } .sheet.familiar .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; } .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:hover, .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:focus { border: 1px solid black; box-shadow: 0 0 10px #00005a; } .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value .total-hp { flex-grow: 1; } .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp { display: flex; margin-left: 8px; align-items: baseline; } .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp input { text-align: left; } .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section { display: flex; flex-direction: column; } .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list { display: flex; flex-direction: row; justify-content: space-between; gap: 12px; } .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name, .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac { display: flex; flex-direction: column; align-items: center; column-gap: 0.5em; } .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .name, .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .name { font-weight: bold; text-transform: capitalize; } .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value, .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value { font-style: normal; } .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value i, .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value i { margin-right: 2px; } .sheet.familiar .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; } .sheet.familiar .familiar-sheet-header .header-content .dying-section { display: flex; gap: 10px; justify-content: end; } .sheet.familiar .familiar-sheet-header .header-content .dying-section .name { font-weight: bold; } .sheet.familiar .familiar-sheet-header .header-content .dying-section .dots { display: flex; gap: 4px; align-items: baseline; } .sheet.familiar .familiar-sheet-header .header-content .dying-section .pips { display: flex; gap: 1px; } .sheet.familiar .main-section { display: flex; flex: 1; flex-direction: row; overflow: hidden; } .sheet.familiar .main-section .main-container { overflow: hidden scroll; flex-grow: 2; } .sheet.familiar .section-container { margin: 6px 6px; } .sheet.familiar .section-container .section-body { align-items: stretch; flex-direction: column; padding: 4px; } .sheet.familiar .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; } .sheet.familiar .section-container .section-body input::placeholder { filter: opacity(0.5); color: #1c1c1c; } .sheet.familiar .section-container .section-body input:focus { border-bottom: 1px solid #644f33; } .sheet.familiar .section-container .section-body input:focus::placeholder { color: transparent; } .sheet.familiar .familiar-section { flex-basis: 50%; display: flex; flex-direction: column; } .sheet.familiar .familiar-section .detail { display: flex; flex-direction: column; flex-wrap: nowrap; margin-top: 3px; } .sheet.familiar .familiar-section .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; } .sheet.familiar .familiar-section .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; } .sheet.familiar .familiar-section .familiar-content { display: flex; flex-direction: row; margin-bottom: 5px; column-gap: 15px; } .sheet.familiar .familiar-section .familiar-content input { border: none; border-radius: 0; } .sheet.familiar .familiar-section .familiar-content input[type=text] { background-color: rgba(0, 0, 0, 0.05); } .sheet.familiar .familiar-section .familiar-content input:focus { box-shadow: none; } .sheet.familiar .familiar-section .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; } .sheet.familiar .familiar-section .familiar-content .familiar-species { flex-basis: 50%; } .sheet.familiar .familiar-section .familiar-content .familiar-size { flex-basis: 50%; } .sheet.familiar .familiar-section .familiar-content .familiar-modifier { flex-basis: 50%; } .sheet.familiar .familiar-section .familiar-content .familiar-modifier select { font-weight: bold; } .sheet.familiar .familiar-section .familiar-content .familiar-senses { flex-basis: 50%; height: min-content; } .sheet.familiar .familiar-section .familiar-content .familiar-senses .tags { margin: 0; padding: 0; } .sheet.familiar .familiar-section .familiar-content .familiar-senses .tags ol { margin: 0; } .sheet.familiar .familiar-section .familiar-content .familiar-speed { flex-basis: 30%; } .sheet.familiar .skills-content { display: flex; flex-direction: column; width: 150px; gap: 10px; } .sheet.familiar .skills-content .skills-list { display: flex; column-gap: 0.25em; row-gap: 0.25em; flex-direction: column; justify-content: center; } .sheet.familiar .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); } .sheet.familiar .skills-content .skills-list .skill-name:hover { padding: none; border: 1px solid #323232; } .sheet.familiar .skills-content .skills-list .skill-name .name { flex: 4; } .sheet.familiar .skills-content .skills-list .skill-name .score { flex: 1; text-align: center; padding-left: 1em; color: var(--primary); font-weight: bold; } .sheet.familiar .skills-content .skills-attack { flex: 1; align-self: center; border: 1px solid transparent; cursor: pointer; } .sheet.familiar .skills-content .skills-attack:hover { border-bottom: 1px solid #323232; } .sheet.familiar .actions-list .action { padding-top: 4px; padding-bottom: 4px; } .sheet.familiar .effects-list { margin: 0; padding: 0; gap: 0.2em; } .sheet.familiar .effects-list .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .sheet.familiar .effects-list .item p:empty { display: none; } .sheet.familiar .effects-list .item .item-name { display: flex; align-items: center; flex: 1; } .sheet.familiar .effects-list .item .item-name h4 { cursor: pointer; margin: 0; } .sheet.familiar .effects-list .item .item-name .item-image { margin-right: 8px; } .sheet.familiar .effects-list .item .item-controls { display: flex; flex: 0; font-size: var(--font-size-12); gap: 1px; white-space: nowrap; } .sheet.familiar .effects-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .sheet.familiar .effects-list .item .item-controls a + a { margin-left: 4px; } .sheet.familiar .effects-list .item .item-summary { flex-basis: 100%; } .sheet.familiar .effects-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .sheet.familiar .effects-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .sheet.familiar .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: var(--text-light); 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.familiar .effects-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .sheet.familiar .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 var(--primary); border-radius: 3px 3px 0px 0px; background: var(--primary); display: flex; flex: 0; width: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; color: var(--text-light); 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 { gap: 0.5rem; white-space: nowrap; } .sheet.hazard .section-container .section-body { border: 1px solid var(--primary); 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 { margin: 0; padding: 0; width: 100%; } .sheet.hazard .actions-list .controls, .sheet.hazard .attacks-list .controls { align-items: baseline; display: flex; flex: 0; flex-wrap: nowrap; font-size: var(--font-size-12); gap: 1px; margin-left: auto; } .sheet.hazard .actions-list .controls .chat, .sheet.hazard .attacks-list .controls .chat { margin-right: 2px; font-size: 0.9em; } .sheet.hazard .actions-list li.action .button-group, .sheet.hazard .actions-list li.attack .button-group, .sheet.hazard .attacks-list li.action .button-group, .sheet.hazard .attacks-list li.attack .button-group { display: flex; gap: 0.25em; justify-content: start; min-width: 100%; } .sheet.hazard .actions-list li.action .button-group .flexrow, .sheet.hazard .actions-list li.action .button-group .sub-section, .sheet.hazard .actions-list li.attack .button-group .flexrow, .sheet.hazard .actions-list li.attack .button-group .sub-section, .sheet.hazard .attacks-list li.action .button-group .flexrow, .sheet.hazard .attacks-list li.action .button-group .sub-section, .sheet.hazard .attacks-list li.attack .button-group .flexrow, .sheet.hazard .attacks-list li.attack .button-group .sub-section { gap: 2px; } .sheet.hazard .actions-list li.action .button-group .sub-section, .sheet.hazard .actions-list li.attack .button-group .sub-section, .sheet.hazard .attacks-list li.action .button-group .sub-section, .sheet.hazard .attacks-list li.attack .button-group .sub-section { align-items: start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .sheet.hazard .actions-list li.action .button-group .sub-section h4, .sheet.hazard .actions-list li.attack .button-group .sub-section h4, .sheet.hazard .attacks-list li.action .button-group .sub-section h4, .sheet.hazard .attacks-list li.attack .button-group .sub-section h4 { margin-left: var(--font-size-12); margin-right: var(--font-size-12); } .sheet.hazard .actions-list li.action .button-group button, .sheet.hazard .actions-list li.attack .button-group button, .sheet.hazard .attacks-list li.action .button-group button, .sheet.hazard .attacks-list li.attack .button-group button { align-items: center; display: flex; border-radius: 3px; border: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); color: var(--color-text-light-0); cursor: pointer; font-size: var(--font-size-11); height: var(--font-size-18); justify-content: center; line-height: var(--font-size-18); margin: 0; padding: 0 8px; white-space: nowrap; width: auto; } .sheet.hazard .actions-list li.action .button-group button:first-child, .sheet.hazard .actions-list li.attack .button-group button:first-child, .sheet.hazard .attacks-list li.action .button-group button:first-child, .sheet.hazard .attacks-list li.attack .button-group button:first-child { margin-left: 0px; } .sheet.hazard .actions-list li.action .button-group button:hover, .sheet.hazard .actions-list li.attack .button-group button:hover, .sheet.hazard .attacks-list li.action .button-group button:hover, .sheet.hazard .attacks-list li.attack .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px var(--color-text-light-0); } .sheet.hazard .actions-list li.action .button-group .attack-button, .sheet.hazard .actions-list li.attack .button-group .attack-button, .sheet.hazard .attacks-list li.action .button-group .attack-button, .sheet.hazard .attacks-list li.attack .button-group .attack-button { background-color: var(--secondary); } .sheet.hazard .actions-list li.action .button-group .damage-button, .sheet.hazard .actions-list li.action .button-group .critical-button, .sheet.hazard .actions-list li.attack .button-group .damage-button, .sheet.hazard .actions-list li.attack .button-group .critical-button, .sheet.hazard .attacks-list li.action .button-group .damage-button, .sheet.hazard .attacks-list li.action .button-group .critical-button, .sheet.hazard .attacks-list li.attack .button-group .damage-button, .sheet.hazard .attacks-list li.attack .button-group .critical-button { background-color: var(--primary); } .sheet.hazard .actions-list li.action > .item-summary, .sheet.hazard .actions-list li.attack > .item-summary, .sheet.hazard .attacks-list li.action > .item-summary, .sheet.hazard .attacks-list li.attack > .item-summary { flex-basis: 100%; } .sheet.hazard .actions-list li.attack, .sheet.hazard .attacks-list li.attack { border-bottom: 1px solid var(--color-border-light-tertiary); display: flex; flex-direction: row; justify-content: start; gap: 0.25rem; padding: 0.25rem 0; } .sheet.hazard .actions-list li.attack:last-child, .sheet.hazard .attacks-list li.attack:last-child { border-bottom: none; } .sheet.hazard .actions-list li.attack > h4, .sheet.hazard .attacks-list li.attack > h4 { align-items: center; display: flex; flex-wrap: wrap; font-size: 0.9rem; font-weight: 500; gap: 2px; margin: 0 4px 0 0; white-space: nowrap; } .sheet.hazard .actions-list li.attack > h4 > span, .sheet.hazard .actions-list li.attack > h4 > a, .sheet.hazard .attacks-list li.attack > h4 > span, .sheet.hazard .attacks-list li.attack > h4 > a { display: flex; gap: 3px; line-height: 1.125rem; margin-right: 4px; } .sheet.hazard .actions-list li.action, .sheet.hazard .attacks-list li.action { display: flex; gap: 0.25rem; } .sheet.hazard .actions-list li.action:not(:last-child), .sheet.hazard .attacks-list li.action:not(:last-child) { border-bottom: 1px solid var(--color-border-light-tertiary); } .sheet.hazard .actions-list li.action > h4, .sheet.hazard .attacks-list li.action > h4 { align-items: center; display: flex; gap: 0.25rem; flex: auto; font-size: 0.9rem; margin: 0; } .sheet.hazard .actions-list li.action > h4 > a, .sheet.hazard .attacks-list li.action > h4 > a { align-items: center; display: flex; gap: 2px; } .sheet.hazard .actions-list li.action .button-group > button.use-action, .sheet.hazard .attacks-list li.action .button-group > button.use-action { color: var(--color-text-light-0); background-color: var(--secondary); margin-right: 0.5rem; } .sheet.hazard .actions-list li.action .action-traits, .sheet.hazard .attacks-list li.action .action-traits { margin-left: var(--font-size-12); } .sheet.hazard .actions-list li.action .tracking, .sheet.hazard .attacks-list li.action .tracking { flex: 0; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: var(--font-size-16); } .sheet.hazard .actions-list li.action .tracking input, .sheet.hazard .attacks-list li.action .tracking input { background: none; border: 0; flex: 0 1 4rem; flex: 1; font-family: inherit; font-size: 0.9rem; height: auto; padding: 0 3px; text-align: center; width: 0; } .sheet.hazard .actions-list li.action .tracking span, .sheet.hazard .attacks-list li.action .tracking span { white-space: nowrap; } .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; } .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: var(--text-light); 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: var(--text-dark); 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: var(--text-light); 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; } .sheet.hazard .sidebar select { font-size: var(--font-size-12); height: 2em; } .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 h2 { font-weight: 500; font-size: var(--font-size-16); } .sheet.hazard .sidebar i.fa-info-circle { font-size: small; } .sheet.hazard .sidebar .initiative { display: flex; font-size: var(--font-size-16); } .sheet.hazard .sidebar .initiative .roll-init { align-items: center; display: flex; font-weight: 500; } .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 .save { align-items: center; display: flex; flex: 1; flex-direction: column; font-size: var(--font-size-16); } .sheet.hazard .sidebar .sidebar-saves input { max-width: 50px; text-align: center; } .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 .tox { width: 100%; } .sheet.hazard .section-container > .section-body { padding: 4px; } .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 .section-container.publication { margin-top: 0.5rem; } .sheet.hazard .section-container.publication .section-header { background: none; color: var(--color-pf-primary); } .sheet.hazard .section-container.publication .section-body { align-items: baseline; gap: 0.25em; display: grid; grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%; border-top: none; padding: 0.25rem 0.5rem; } .sheet.hazard .section-container.publication .section-body label { font-weight: 500; min-width: unset; } .sheet.hazard .section-container.publication .section-body input[type=text] { height: 1.6rem; } .sheet.hazard .section-container.publication .section-body .title { grid-area: title; margin-right: 0; } .sheet.hazard .section-container.publication .section-body .authors { grid-area: authors; } .sheet.hazard .section-container.publication .section-body .license { grid-area: license; } .sheet.hazard .section-container.publication .section-body .license select { margin-top: 1px; } .sheet.hazard .section-container.publication .section-body .remaster { grid-area: remaster; } .sheet.hazard .section-container.publication .section-body .license, .sheet.hazard .section-container.publication .section-body .remaster { text-align: center; } .sheet.hazard .section-container.publication .section-body .license label, .sheet.hazard .section-container.publication .section-body .remaster label { padding: 0; } .sheet.hazard .section-container.publication .section-body input[type=text] { background: rgba(0, 0, 0, 0.05); } .sheet.hazard .tox.tox-tinymce { height: 200px !important; } .sheet.hazard .hazard-editor .editor .editor-edit { display: none; } .app.npc-skills-editor form { font-size: var(--font-size-12); overflow: hidden; } .app.npc-skills-editor form > .scroll-container { max-height: 500px; overflow: hidden scroll; } .app.npc-skills-editor form ol { list-style: none; overflow: hidden; padding: 0px; width: 100%; } .app.npc-skills-editor form ol li { align-items: center; column-gap: 1rem; display: grid; grid-template-columns: auto 3rem 2rem; grid-template-rows: auto; padding: 0.25rem; width: 100%; } .app.npc-skills-editor form ol li.skill:nth-child(even) { background-color: #ede3c8; } .app.npc-skills-editor form ol li.skill:nth-child(odd) { background-color: #f5efe0; } .app.npc-skills-editor form ol li.skill.header { background-color: var(--color-pf-primary); color: var(--text-light); font-weight: 500; padding: 4px; text-transform: uppercase; } .app.npc-skills-editor form ol li.skill.header.lore { background-color: var(--color-pf-secondary); } .app.npc-skills-editor form ol li.skill .item-controls { text-align: right; } .app.npc-skills-editor form ol li.skill-selector button, .app.npc-skills-editor form ol li.lore-skill-creator button { background-color: var(--color-pf-secondary); border-radius: 3px; border: 1px solid var(--color-pf-secondary-dark); color: var(--text-light); display: flex; grid-column: span 2; justify-content: center; line-height: 1em; padding: 4px; white-space: nowrap; } .actor.npc.sheet form { display: flex; flex-direction: row; align-items: flex-start; } .actor.npc.sheet form 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.npc.sheet form ol.spell-list > li { margin: 0; padding: 0; align-items: center; background: none; cursor: default; display: flex; flex-wrap: wrap; padding: 0 0.35em; } .actor.npc.sheet form ol.spell-list > li[data-expended-state=true] h4 { color: var(--color-disabled); text-decoration: line-through; } .actor.npc.sheet form ol.spell-list > li[data-expended-state=true] .cast-spell button { background: var(--color-disabled); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); cursor: not-allowed; } .actor.npc.sheet form ol.spell-list > li:nth-child(odd) { background-color: rgba(120, 100, 82, 0.1); } .actor.npc.sheet form ol.spell-list > li:last-child { border-bottom: 1px solid var(--sub); } .actor.npc.sheet form ol.spell-list > li:last-child .item-image { margin-bottom: 0; margin-top: 2px; } .actor.npc.sheet form ol.spell-list > li.spell-level-header { background: rgba(96, 88, 86, 0.25); border: 1px solid var(--color-border-light-2); border-radius: 2px; color: var(--text-dark); font: 500 var(--font-size-12) var(--sans-serif); letter-spacing: 0.25px; line-height: 1; text-transform: uppercase; } .actor.npc.sheet form ol.spell-list > li.spell-level-header h3 { text-transform: capitalize; font-size: var(--font-size-13); margin-left: 0; padding: 0.25rem 0; } .actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name { line-height: 1; gap: 0.25em; padding-left: 0.2em; } .actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name h3 { margin: 0; padding: 0; font-weight: 700; } .actor.npc.sheet form ol.spell-list > li .uses { align-items: center; display: flex; gap: 0.25em; line-height: 1; } .actor.npc.sheet form ol.spell-list > li.spell-level-header input, .actor.npc.sheet form ol.spell-list > li .uses input { background: var(--alt); border-radius: 3px; border: 1px solid var(--sub); color: var(--text-light); font: var(--font-size-12) var(--sans-serif); height: unset; text-align: center; width: 2em; } .actor.npc.sheet form ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .actor.npc.sheet form ol.spell-list > li .uses .spell-slots-increment-reset { padding-left: 5px; font-size: var(--font-size-10); } .actor.npc.sheet form ol.spell-list > li.spell { border: none; font-size: var(--font-size-13); } .actor.npc.sheet form ol.spell-list > li .level-prepared-toggle { flex: 0; font-size: 0.75rem; color: var(--secondary); } .actor.npc.sheet form ol.spell-list > li .item-name { align-items: center; display: flex; flex: 1; flex-wrap: nowrap; min-height: 1.75rem; } .actor.npc.sheet form ol.spell-list > li .item-name.empty { color: var(--color-text-dark-secondary); pointer-events: none; } .actor.npc.sheet form ol.spell-list > li .item-name h3 { white-space: nowrap; } .actor.npc.sheet form ol.spell-list > li .item-name + span { font-size: 0.75rem; } .actor.npc.sheet form ol.spell-list > li .item-name .focus-pool-input { align-items: center; display: flex; flex-wrap: nowrap; } .actor.npc.sheet form ol.spell-list > li .item-name .slash { font-size: 0.75rem; } .actor.npc.sheet form ol.spell-list > li .item-name .spell-slots, .actor.npc.sheet form ol.spell-list > li .item-name .spell-max { padding-top: 3px; font-size: 0.75rem; } .actor.npc.sheet form ol.spell-list > li .item-name .spell-slots.infinity, .actor.npc.sheet form ol.spell-list > li .item-name .spell-max.infinity { position: relative; top: -2px; } .actor.npc.sheet form ol.spell-list > li .item-name .item-image { height: 1.5rem; width: 1.5rem; flex: 0 0 auto; margin: 2px 0; } .actor.npc.sheet form 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; } .actor.npc.sheet form ol.spell-list > li .item-name h4 > a:hover { color: var(--secondary); text-shadow: none; } .actor.npc.sheet form ol.spell-list > li .item-name .action-glyph { margin-left: 4px; font-size: small; } .actor.npc.sheet form ol.spell-list > li .spell-range { flex: 0 0 6rem; padding-left: 0.2em; } .actor.npc.sheet form ol.spell-list > li .cast-spell { flex: 0 0 3.5rem; display: flex; justify-content: center; } .actor.npc.sheet form ol.spell-list > li .cast-spell button { 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: var(--text-light); cursor: pointer; font: 700 0.55rem var(--sans-serif); letter-spacing: 0.25px; max-width: fit-content; padding: 0.5em 1em; text-transform: uppercase; } .actor.npc.sheet form ol.spell-list > li .item-controls { flex: 0 0 3.25rem; display: flex; justify-content: end; padding-right: 0.25em; } .actor.npc.sheet form ol.spell-list > li .item-summary { background-color: var(--bg); border-bottom: 1px solid var(--sub); border-top: 1px solid #aca5a3; flex: 100%; padding: 0.5rem; } .actor.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual { position: relative; } .actor.npc.sheet form 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.npc.sheet form ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual { border-top: 1px solid rgba(0, 0, 0, 0.15); } .actor.npc.sheet form ol.spell-list .level-prepared-header { font-size: 0.75rem; color: var(--text-light); margin: 0; padding: 4px; text-align: center; background: var(--secondary); position: relative; } .actor.npc.sheet form .npc-sheet-header { display: flex; flex: 1 0 auto; flex-direction: column; } .actor.npc.sheet form .npc-sheet-header .name { flex-wrap: nowrap; font: 700 1.75rem var(--sans-serif-condensed); width: 100%; } .actor.npc.sheet form .npc-sheet-header .name input { font-weight: inherit; height: 2rem; } .actor.npc.sheet form .npc-sheet-header .name .name-value { font-variant: small-caps; margin-left: 0.375rem; margin-right: 1.125rem; } .actor.npc.sheet form .npc-sheet-header .name .level-label { flex: 0; text-align: right; margin-right: 0.1em; text-transform: uppercase; } .actor.npc.sheet form .npc-sheet-header .name input.level { flex: 0 0 2.5rem; text-align: center; } .actor.npc.sheet form .npc-sheet-header .rarity-size { display: flex; flex-direction: row; justify-content: space-between; } .actor.npc.sheet form hr { margin: 10px 6px 10px 0; } .actor.npc.sheet form select { background: none; } .actor.npc.sheet form .sidebar { flex: 10rem 0 0; height: 100%; overflow: hidden scroll; padding-right: 0.25rem; } .actor.npc.sheet form .sidebar .image-container img.actor-image { border: none; border-radius: 0.5rem; } .actor.npc.sheet form .sidebar .armor-section .armor-value { flex: 0; text-align: right; font-weight: 700; padding-right: 0.25rem; } .actor.npc.sheet form .sidebar .health-section .hit-points, .actor.npc.sheet form .sidebar .shield-section .hit-points { display: flex; flex-direction: row; flex: 0; margin-left: auto; } .actor.npc.sheet form .sidebar .health-section .hit-points input.current, .actor.npc.sheet form .sidebar .shield-section .hit-points input.current { width: 2.25rem; text-align: right; padding-right: 3px; } .actor.npc.sheet form .sidebar .health-section .hit-points .slash, .actor.npc.sheet form .sidebar .health-section .hit-points .max, .actor.npc.sheet form .sidebar .shield-section .hit-points .slash, .actor.npc.sheet form .sidebar .shield-section .hit-points .max { align-items: center; display: flex; } .actor.npc.sheet form .sidebar .health-section .hit-points .max, .actor.npc.sheet form .sidebar .shield-section .hit-points .max { font-weight: 700; margin-right: 0.25rem; text-align: center; } .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt10, .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt10 { width: 0.5rem; } .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt100, .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt100 { width: 1.5rem; } .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt1000, .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt1000 { width: 2.25rem; } .actor.npc.sheet form .sidebar .shield-section .hit-points .max { font-size: var(--font-size-16); } .actor.npc.sheet form .sidebar .shield-section .shield-details { display: flex; flex: auto; flex-direction: row; justify-content: flex-start; align-items: baseline; } .actor.npc.sheet form .sidebar .shield-section .shield-details .label { flex: 0; font-weight: bold; } .actor.npc.sheet form .sidebar .shield-section .shield-details .value { flex: auto; font-weight: normal; margin-left: 0.375rem; } .actor.npc.sheet form .sidebar .shield-section.broken { color: rgba(0, 0, 0, 0.4); } .actor.npc.sheet form .sidebar .shield-section.broken .shield-label { color: rgba(0, 0, 0, 0.4); } .actor.npc.sheet form .sidebar .shield-section.broken .shield-label h4 { text-decoration: line-through; } .actor.npc.sheet form .sidebar .speed-section .land-speed-value { flex: 0 0 1.5rem; text-align: right; } .actor.npc.sheet form .sidebar .speed-section .land-speed .speed-details { flex: 1; } .actor.npc.sheet form .sidebar .speed-section .other-speeds { display: flex; flex-wrap: wrap; justify-content: start; width: 100%; } .actor.npc.sheet form .sidebar .saves { display: flex; flex-direction: row; flex: 1 0 auto; font-size: 1.1rem; margin-top: 12px; width: 100%; } .actor.npc.sheet form .sidebar .saves .container { display: flex; flex-direction: column; text-align: center; } .actor.npc.sheet form .sidebar .saves .container label { font-weight: 600; } .actor.npc.sheet form .sidebar .saves .container input.modifier { text-align: center; z-index: 1; } .actor.npc.sheet form .side-bar-section { display: flex; flex: auto; flex-direction: column; justify-content: start; align-items: start; } .actor.npc.sheet form .side-bar-section .controls { padding-right: 0.25rem; } .actor.npc.sheet form .side-bar-section.initiative a.roll-init { display: flex; flex-wrap: nowrap; font-weight: 700; margin-bottom: 0.125rem; margin-left: auto; padding-right: 0.5em; } .actor.npc.sheet form .side-bar-section.initiative a.roll-init i.fa-dice-d20 { font-size: 1rem; margin-right: 0.2em; } .actor.npc.sheet form .side-bar-section.initiative select { font-size: var(--font-size-11); text-transform: unset; } .actor.npc.sheet form .side-bar-section .value0 { color: darkgrey; border-bottom: 1px darkgrey solid; } .actor.npc.sheet form .side-bar-section .value0 input { color: darkgrey; } .actor.npc.sheet form .side-bar-section-content { align-items: start; display: flex; flex-flow: row wrap; justify-content: start; padding-top: 0.125rem; width: 100%; } .actor.npc.sheet form .side-bar-section-header { align-items: baseline; border-bottom: 1px solid; border-color: #7a7971; display: flex; font-size: 1rem; margin-bottom: 0.125rem; margin-top: var(--font-size-10); width: 100%; } .actor.npc.sheet form .side-bar-section-header .side-bar-label { align-items: center; display: flex; flex-direction: row; flex: auto; } .actor.npc.sheet form .side-bar-section-header .side-bar-label .fa-solid { font-size: 0.8rem; } .actor.npc.sheet form .side-bar-section-header .side-bar-label h4, .actor.npc.sheet form .side-bar-section-header .side-bar-label label { font-size: 0.8rem; margin-bottom: 0; padding-left: 0.125rem; } .actor.npc.sheet form .side-bar-section-header .side-bar-label input.modifier { font-size: 0.9rem; } .actor.npc.sheet form .sheet-body { flex: auto; } .actor.npc.sheet form .sheet-body .tab { overflow: hidden scroll; } .actor.npc.sheet form .sheet-body .tab .identification-skills ul { display: inline; list-style-type: none; padding: 0; } .actor.npc.sheet form .sheet-body .tab .identification-skills ul li { display: inline; } .actor.npc.sheet form .sheet-body .tab .identification-skills ul li:not(:last-of-type):after { content: ","; } .actor.npc.sheet form .sheet-body .tab.inventory.active { display: flex; flex-basis: 100%; flex-direction: column; overflow-y: hidden; padding-bottom: 1.25rem; } .actor.npc.sheet form .sheet-body .tab.inventory.active .inventory-section { max-height: calc(100% - 1rem); } .actor.npc.sheet form .sheet-body .tab.inventory.active .inventory-section .coinage .wealth, .actor.npc.sheet form .sheet-body .tab.inventory.active .inventory-section header { background: var(--primary-background); } .actor.npc.sheet form .sheet-body .entries-list { list-style: none; padding: 2px; margin: 0; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry { display: block; width: 100%; margin: 0px; border: 1px solid var(--sub); border-radius: 4px; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry:not(:first-child) { margin-top: 0.5rem; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header { align-items: baseline; background-color: var(--primary); border-radius: 3px 3px 0 0; color: var(--text-light); display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0.25em; justify-content: space-between; padding: 4px 0.5em; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .drag-handle { cursor: move; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name { flex: 1; margin: 0 4px 0 0; padding-right: 6px; width: max-content; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input { color: var(--text-light); max-width: 100%; font-weight: 500; border: none; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:focus, .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:hover { box-shadow: none; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:read-only { pointer-events: none; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field { flex: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field label { margin-left: 2px; flex: 1; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field input { margin-left: 4px; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input, .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input { flex: 1 0 32px; text-align: center; background-color: var(--text-light); font-weight: bold; width: 32px; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select { background: rgba(255, 255, 255, 0.5); font-size: var(--font-size-10); max-width: 55px; padding: 2px; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls { display: flex; justify-content: space-between; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls a { padding: 2px; } .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input { background: var(--text-light); border: 1px solid transparent; color: var(--text-dark); flex: 1 0 2rem; font-weight: 700; height: 18px; text-align: center; width: 2rem; } .actor.npc.sheet form .sheet-body .footer { display: flex; flex: 1; justify-content: center; margin-top: 12px; } .actor.npc.sheet form .sheet-body .footer button.spellcasting-create { align-items: center; justify-content: center; display: flex; gap: 0.25rem; margin: 0 0.5rem; min-height: 1rem; 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(--primary); color: var(--text-light); white-space: nowrap; border-radius: 3px; border: none; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list { gap: 0.2em; padding-left: 0px; padding-right: 5px; } .actor.npc.sheet form .sheet-body .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%; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item p:empty { display: none; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name { display: flex; align-items: center; flex: 1; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name h4 { cursor: pointer; margin: 0; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name .item-image { margin-right: 8px; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls { display: flex; flex: 0; font-size: var(--font-size-12); gap: 1px; white-space: nowrap; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a + a { margin-left: 4px; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-summary { flex-basis: 100%; } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .actor.npc.sheet form .sheet-body .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: var(--text-light); 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.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.npc.sheet form .sheet-body .section-container { display: flex; flex-direction: column; } .actor.npc.sheet form .sheet-body .section-container .section-header { border: 1px solid var(--primary); border-radius: 3px 3px 0px 0px; background: var(--primary); display: flex; flex: 0; width: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; color: var(--text-light); font-size: var(--font-size-13); padding: 0 8px; line-height: 2em; } .actor.npc.sheet form .sheet-body .section-container .section-header h4 { flex: auto; display: flex; align-items: baseline; gap: 4px; margin-bottom: 0px; text-transform: uppercase; } .actor.npc.sheet form .sheet-body .section-container .section-header input { color: inherit; width: auto; } .actor.npc.sheet form .sheet-body .section-container .section-header .controls { gap: 0.5rem; white-space: nowrap; } .actor.npc.sheet form .sheet-body .section-container .section-body { border: 1px solid var(--primary); 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%; } .actor.npc.sheet form .sheet-body .section-container.headerless .section-body { border-radius: 3px; } .actor.npc.sheet form .sheet-body .actions-list, .actor.npc.sheet form .sheet-body .attacks-list { margin: 0; padding: 0; width: 100%; } .actor.npc.sheet form .sheet-body .actions-list .controls, .actor.npc.sheet form .sheet-body .attacks-list .controls { align-items: baseline; display: flex; flex: 0; flex-wrap: nowrap; font-size: var(--font-size-12); gap: 1px; margin-left: auto; } .actor.npc.sheet form .sheet-body .actions-list .controls .chat, .actor.npc.sheet form .sheet-body .attacks-list .controls .chat { margin-right: 2px; font-size: 0.9em; } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group { display: flex; gap: 0.25em; justify-content: start; min-width: 100%; } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .flexrow, .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .flexrow, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .flexrow, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .flexrow, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section { gap: 2px; } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section { align-items: start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section h4, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section h4, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section h4, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section h4 { margin-left: var(--font-size-12); margin-right: var(--font-size-12); } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button { align-items: center; display: flex; border-radius: 3px; border: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); color: var(--color-text-light-0); cursor: pointer; font-size: var(--font-size-11); height: var(--font-size-18); justify-content: center; line-height: var(--font-size-18); margin: 0; padding: 0 8px; white-space: nowrap; width: auto; } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:first-child, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:first-child, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:first-child, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:first-child { margin-left: 0px; } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:hover, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:hover, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:hover, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px var(--color-text-light-0); } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .attack-button, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .attack-button, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .attack-button, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .attack-button { background-color: var(--secondary); } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .damage-button, .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .critical-button, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .damage-button, .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .critical-button, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .damage-button, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .critical-button, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .damage-button, .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .critical-button { background-color: var(--primary); } .actor.npc.sheet form .sheet-body .actions-list li.action > .item-summary, .actor.npc.sheet form .sheet-body .actions-list li.attack > .item-summary, .actor.npc.sheet form .sheet-body .attacks-list li.action > .item-summary, .actor.npc.sheet form .sheet-body .attacks-list li.attack > .item-summary { flex-basis: 100%; } .actor.npc.sheet form .sheet-body .actions-list li.attack, .actor.npc.sheet form .sheet-body .attacks-list li.attack { border-bottom: 1px solid var(--color-border-light-tertiary); display: flex; flex-direction: row; justify-content: start; gap: 0.25rem; padding: 0.25rem 0; } .actor.npc.sheet form .sheet-body .actions-list li.attack:last-child, .actor.npc.sheet form .sheet-body .attacks-list li.attack:last-child { border-bottom: none; } .actor.npc.sheet form .sheet-body .actions-list li.attack > h4, .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 { align-items: center; display: flex; flex-wrap: wrap; font-size: 0.9rem; font-weight: 500; gap: 2px; margin: 0 4px 0 0; white-space: nowrap; } .actor.npc.sheet form .sheet-body .actions-list li.attack > h4 > span, .actor.npc.sheet form .sheet-body .actions-list li.attack > h4 > a, .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 > span, .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 > a { display: flex; gap: 3px; line-height: 1.125rem; margin-right: 4px; } .actor.npc.sheet form .sheet-body .actions-list li.action, .actor.npc.sheet form .sheet-body .attacks-list li.action { display: flex; gap: 0.25rem; } .actor.npc.sheet form .sheet-body .actions-list li.action:not(:last-child), .actor.npc.sheet form .sheet-body .attacks-list li.action:not(:last-child) { border-bottom: 1px solid var(--color-border-light-tertiary); } .actor.npc.sheet form .sheet-body .actions-list li.action > h4, .actor.npc.sheet form .sheet-body .attacks-list li.action > h4 { align-items: center; display: flex; gap: 0.25rem; flex: auto; font-size: 0.9rem; margin: 0; } .actor.npc.sheet form .sheet-body .actions-list li.action > h4 > a, .actor.npc.sheet form .sheet-body .attacks-list li.action > h4 > a { align-items: center; display: flex; gap: 2px; } .actor.npc.sheet form .sheet-body .actions-list li.action .button-group > button.use-action, .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group > button.use-action { color: var(--color-text-light-0); background-color: var(--secondary); margin-right: 0.5rem; } .actor.npc.sheet form .sheet-body .actions-list li.action .action-traits, .actor.npc.sheet form .sheet-body .attacks-list li.action .action-traits { margin-left: var(--font-size-12); } .actor.npc.sheet form .sheet-body .actions-list li.action .tracking, .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking { flex: 0; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; margin-left: auto; margin-right: var(--font-size-16); } .actor.npc.sheet form .sheet-body .actions-list li.action .tracking input, .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking input { background: none; border: 0; flex: 0 1 4rem; flex: 1; font-family: inherit; font-size: 0.9rem; height: auto; padding: 0 3px; text-align: center; width: 0; } .actor.npc.sheet form .sheet-body .actions-list li.action .tracking span, .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking span { white-space: nowrap; } .actor.npc.sheet form input.adjustable:not(:focus), .actor.npc.sheet form span.adjustable, .actor.npc.sheet form div.adjustable { display: inline; text-align: right; } .actor.npc.sheet form input.adjustable:not(:focus).adjusted-higher, .actor.npc.sheet form span.adjustable.adjusted-higher, .actor.npc.sheet form div.adjustable.adjusted-higher { color: #009988; } .actor.npc.sheet form input.adjustable:not(:focus).adjusted-lower, .actor.npc.sheet form span.adjustable.adjusted-lower, .actor.npc.sheet form div.adjustable.adjusted-lower { color: #cc3311; } .actor.npc.sheet form .empty { border-color: var(--color-text-dark-inactive); color: var(--color-text-dark-inactive); } .actor.npc.sheet form a.empty:hover, .actor.npc.sheet form a.empty:active { border-color: #7a7971; color: var(--text-dark); } .actor.npc.sheet form .trait { flex: auto 0 0; padding: 0.25rem; 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; } .actor.npc.sheet form .effects-list { display: flex; flex-flow: row wrap; flex: 1 0 auto; width: 100%; } .actor.npc.sheet form .effects-list .separator { border-left: 2px solid var(--color-rarity-common); flex: 0 0 1px; height: 2rem; margin-right: 0.25rem; } .actor.npc.sheet form .effects-list > .effect { display: flex; flex: 0 0 2rem; height: 2rem; margin-right: 0.25rem; margin-bottom: 0.25rem; border-bottom: none !important; } .actor.npc.sheet form .effects-list > .effect .item-image { background-size: cover; border: 1px solid var(--color-rarity-common); border-bottom: 1px solid var(--color-rarity-common); border-radius: 3px; width: 2rem; } .actor.npc.sheet form .effects-list > .effect .item-image:hover { border: 1px solid var(--text-light); border-radius: 3px; } .actor.npc.sheet form .actions-options .actions-option { display: flex; align-items: center; width: 100%; } .actor.npc.sheet form .actions-options .actions-option label { width: 100%; } .actor.npc.sheet form .actions-options .actions-option label * { vertical-align: middle; } .actor.npc.sheet form .actions-options .actions-option label input { margin: 0; padding: 0; } .actor.npc.sheet form .actions-options .actions-option select { background: none; margin-left: 0.25em; text-transform: none; } .actor.npc.sheet form .actions-list { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.1rem 0.25rem; } .actor.npc.sheet form .actions-list .action { width: 100%; } .actor.npc.sheet form .labelled-field { display: flex; flex-direction: row; align-items: baseline; } .actor.npc.sheet form .labelled-field label, .actor.npc.sheet form .labelled-field .rollable { flex: 1; font-weight: 600; } .actor.npc.sheet form .labelled-field input[type=text], .actor.npc.sheet form .labelled-field input[type=number] { flex: 0; font-weight: normal; margin: 1px 0.25rem; margin-left: auto; min-width: 2.5em; padding-right: 1px; text-align: right; } .actor.npc.sheet form .labelled-field.hp-temp > label { margin-right: 0.5em; } .actor.npc.sheet form .top-sections { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .actor.npc.sheet form .top-sections .skills { flex: 3; align-self: stretch; } .actor.npc.sheet form .top-sections .senses { flex: 2; } .actor.npc.sheet form .top-sections .senses .perception { width: 100%; } .actor.npc.sheet form .top-sections .senses .perception label { flex-basis: 5em; } .actor.npc.sheet form .top-sections .senses .perception input { flex: 0 0 1.5rem; z-index: 1; } .actor.npc.sheet form .top-sections .ability-scores { flex: 2; flex-direction: column; } .actor.npc.sheet form .top-sections .ability-scores .list { display: grid; padding-left: 0.75em; grid-template-columns: repeat(3, minmax(0, 1fr)); } .actor.npc.sheet form .top-sections .ability-scores .list input { flex: 0 0 1.5rem; margin-right: 1em; z-index: 1; } .actor.npc.sheet form .section-container { padding: 0.25rem 0.25rem 0 0; } .actor.npc.sheet form .section-container .section-body { padding: 0.25rem; } .actor.npc.sheet form .section-container.headerless .section-body { border-radius: 3px; } .actor.npc.sheet form .section-container.skills > .section-body .list { display: flex; flex-flow: row wrap; } .actor.npc.sheet form .section-container.recall-knowledge .section-header { align-items: center; } .actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown { background: var(--secondary); border-radius: 3px; border: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); color: var(--text-light); cursor: pointer; font-family: var(--sans-serif); font-size: var(--font-size-9); line-height: var(--font-size-15); padding: 2px 0.25rem 0; text-transform: uppercase; width: auto; } .actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown:hover { box-shadow: none; text-shadow: 0 0 2px white; } .actor.npc.sheet form .section-container.languages { flex: 1; } .actor.npc.sheet form select { flex: auto 0 0; padding: 0.25rem; height: auto; font-weight: 500; } .actor.npc.sheet form select option { color: var(--text-light); background-color: var(--alt); } .actor.npc.sheet form .adjustments { align-items: center; display: flex; justify-content: end; } .actor.npc.sheet form .adjustments .adjustment.active { background-color: var(--primary); color: var(--text-light); } .actor.npc.sheet form .adjustments .adjustment:not(.active) { background-color: var(--color-disabled); color: var(--color-text-trait); } .actor.npc.sheet form .npc-body { padding-left: 5px; display: flex; flex: auto; flex-direction: column; height: 100%; width: 100%; overflow-y: hidden; } .actor.npc.sheet form .notes.active { display: flex; flex-direction: column; font-size: var(--font-size-14); gap: 0.5rem; padding-bottom: 0.5rem; padding-right: 0.75rem; } .actor.npc.sheet form .notes.active .notes-section { display: flex; flex-direction: column; } .actor.npc.sheet form .notes.active .notes-section > h4 { color: var(--primary); font: 700 var(--font-size-12)/1em var(--sans-serif); margin: 0 2px 0 0; padding: 0.25rem; text-transform: uppercase; white-space: nowrap; } .actor.npc.sheet form .notes.active .notes-section > .notes-text { padding: 0 0.25rem 0.25rem; color: var(--text-dark); flex-grow: 1; } .actor.npc.sheet form .notes.active .notes-section > .notes-text .editor { height: 100%; } .actor.npc.sheet form .notes.active .notes-section > .notes-text .editor .editor-content { min-height: 75px; } .actor.npc.sheet form .notes.active .notes-section > .notes-text .editor .editor-edit { background: var(--primary); color: var(--text-light); } .actor.npc.sheet form .notes.active .notes-section > .notes-text .editor a.editor-edit { padding: 2px 2px 2px 0.25rem; } .actor.npc.sheet form .notes.active .notes-section.publication { margin-top: auto; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text { align-items: baseline; gap: 0.25em; display: grid; grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text label { font-weight: 500; min-width: unset; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text input[type=text] { height: 1.6rem; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .title { grid-area: title; margin-right: 0; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .authors { grid-area: authors; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .license { grid-area: license; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .license select { margin-top: 1px; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .remaster { grid-area: remaster; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .license, .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .remaster { text-align: center; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .license label, .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .remaster label { padding: 0; } .actor.npc.sheet form .notes.active .notes-section.publication .notes-text input[type=text] { background: rgba(0, 0, 0, 0.05); padding: 1px 3px; } .actor.npc.sheet form .notes.active .tox { min-height: 20em; } .actor.npc.sheet form.dead .profile { background-size: cover; background-color: #dbd9cd; box-sizing: border-box; border: 1px solid black; border-radius: 2px; } .actor.npc.sheet form.dead .profile > img { border: none; width: 100%; opacity: 0.33; } .actor.npc.sheet form.dead h2.name { margin-top: 3px; text-align: center; border-bottom: none; } .actor.npc.sheet form.simple .sheet-body { overflow-y: auto; } .actor.npc.sheet.simple { min-height: 500px; } .sheet.actor.loot form { display: flex; flex-direction: row; height: 100%; } .sheet.actor.loot form section.sidebar { display: flex; flex-direction: column; width: 200px; height: 100%; border-right: 1px solid var(--color-text-light-7); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .sheet.actor.loot form section.sidebar > * { flex: 0; } .sheet.actor.loot form section.sidebar .image-container { display: flex; } .sheet.actor.loot form section.sidebar .image-container > img.actor-image { flex: none; border: none; border-bottom: 1px solid var(--color-text-light-7); } .sheet.actor.loot form section.sidebar .image-container [data-action=show-image] { bottom: 3px; right: 2px; } .sheet.actor.loot form section.sidebar .gm-settings { border-bottom: 1px solid var(--color-text-light-7); display: flex; flex-direction: column; padding: 0.25rem; } .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution { display: flex; flex-direction: column; gap: 2px; } .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button { background-color: var(--tertiary); } .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button:not(:hover) { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2); } .sheet.actor.loot form section.sidebar .gm-settings label { font-weight: 500; } .sheet.actor.loot form section.sidebar .sidebar-meta { border-top: 1px solid var(--color-text-light-7); } .sheet.actor.loot form section.sidebar .hidden-when-empty, .sheet.actor.loot form section.sidebar .bulk { align-self: end; } .sheet.actor.loot form section.sidebar .bulk { line-height: 1.5em; margin-right: 8px; } .sheet.actor.loot form section.sidebar > .editor, .sheet.actor.loot form section.sidebar .description { flex-basis: auto; min-height: 40px; flex: 1; } .sheet.actor.loot form section.sidebar > .editor > .tox-tinymce .tox-edit-area { min-height: 120px; } .sheet.actor.loot form section.sidebar .description, .sheet.actor.loot form section.sidebar .editor-content { padding: 0.25rem; overflow: hidden scroll; } .sheet.actor.loot form .sheet-header { display: flex; flex-direction: row; align-items: center; gap: 0.2rem; padding-top: 0.25rem; border-bottom: 1px solid var(--color-text-light-7); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .sheet.actor.loot form .sheet-header h1 { margin: 0; border: none; flex: 1; padding-left: 0.5rem; } .sheet.actor.loot form .sheet-header h1 > input { height: 40px; width: 100%; margin: 2px; border: none; } .sheet.actor.loot form .sheet-header h1, .sheet.actor.loot form .sheet-header input { font-family: var(--serif-condensed); font-size: var(--font-size-36); font-weight: 700; } .sheet.actor.loot form .sheet-header .sheet-type i { padding: 0 0.25rem 0 0.5rem; font-size: var(--font-size-16); } .sheet.actor.loot form .sheet-header .tags { align-items: center; display: flex; flex: 0 0 auto; margin-left: auto; margin-right: 0.5em; } .sheet.actor.loot form .sheet-header .tags .tag { color: var(--text-light); font-size: var(--font-size-16); height: unset; padding: 0.1em 0.4em; } .sheet.actor.loot form .sheet-header .tags .tag option { background-color: #5e0000; color: inherit; font-size: inherit; } .sheet.actor.loot form .sheet-header .currency { margin-bottom: 8px; } .sheet.actor.loot form .sheet-body { padding: 0.5rem; } .sheet.actor.loot form section.content { display: flex; flex-direction: column; flex: 1; height: 100%; } .sheet.actor.loot form section.content .inventory { overflow: hidden; } .sheet.actor.loot form section.content .inventory .inventory-list { --border-color: var(--secondary-background); margin-bottom: 2px; } .sheet.actor.loot form section.content .inventory .inventory-list > header { background: var(--primary-background); color: var(--text-light); } .sheet.actor.loot form section.content .inventory .inventory-list .item-controls { flex: 0 0 4rem; } .sheet.actor.loot form section.content .inventory .inventory-list .item-controls a.item-toggle-equip { display: none; } .loot-actor-popup { flex: unset; } .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); height: 2.5em; margin-top: 1em; 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 { --color-border: rgba(0, 0, 0, 0.28); /** 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: var(--text-light); 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 input[type=text], .sheet.party form > header input[type=number] { color: var(--text-light); border: none; border-bottom: 1px solid transparent; } .sheet.party form > header input[type=text]:not(:disabled):hover, .sheet.party form > header input[type=text]:focus, .sheet.party form > header input[type=number]:not(:disabled):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 .details { margin: 4px 0; flex: 1; } .sheet.party form > header .details { display: grid; grid: "name type" 1fr "name visibility" auto/1fr auto; align-items: center; gap: 0 0.5rem; font-family: var(--serif-condensed); font-size: var(--font-size-28); font-weight: 700; } .sheet.party form > header .details .name { grid-area: name; flex: 1; font-size: var(--font-size-32); } .sheet.party form > header .details .actor-type { grid-area: type; text-align: end; } .sheet.party form > header .details .visibility { grid-area: visibility; font-size: var(--font-size-14); opacity: 0.8; } .sheet.party form > header .details .visibility i { font-size: 0.9em; margin-right: 0.125rem; } .sheet.party nav.sheet-navigation { background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary); align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); display: inline-flex; height: 1.25rem; justify-content: center; position: relative; transition: all 0.1s ease-out; } .sheet.party nav.sheet-navigation .panel-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: 1.5rem; width: 1.5rem; 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 i.fa-solid { 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-glyph { font-size: 1rem; } .sheet.party nav.sub-nav { margin: 0; padding: 0; align-items: center; background-color: var(--bg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); display: flex; flex-wrap: nowrap; flex: 0 0 2.5rem; justify-content: center; list-style: none; width: 100%; } .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: 1.25rem; } .sheet.party .actor-link { cursor: pointer; } .sheet.party .readonly { pointer-events: none; } .sheet.party .readonly a, .sheet.party .readonly button { pointer-events: none; } .sheet.party .container { height: 100%; overflow: hidden; } .sheet.party .content { overflow: hidden scroll; 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 { display: flex; flex: 0; font-size: var(--font-size-12); gap: 1px; white-space: nowrap; } .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.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: var(--text-light); 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 header.content-header { align-items: center; background-color: var(--sub); color: var(--text-light); display: flex; font-weight: 600; margin-bottom: 0.5rem; padding: 0 0.5rem; line-height: 2.375rem; } .sheet.party header.content-header .buttons { align-items: center; display: flex; margin-left: auto; } .sheet.party header.content-header button { background-color: var(--tertiary); border: 1px solid var(--alt-dark); border-radius: 0; color: var(--alt-dark); min-width: 2.375rem; height: 1.875rem; margin: 0; } .sheet.party header.content-header button + button { margin-left: -1px; } .sheet.party header.content-header button:hover { z-index: 1; } .sheet.party .sidebar { overflow: hidden scroll; 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-list { margin: 0; padding: 0; display: flex; color: var(--alt-dark); flex-direction: column; font-family: var(--sans-serif); gap: 0.5rem; list-style-type: none; } .sheet.party .sidebar .box { border: 1px solid var(--color-border); box-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 .summary-data > div { align-items: center; display: flex; margin: 0.5rem; } .sheet.party .sidebar .box .summary-data > div label { flex: 1; font-weight: 600; } .sheet.party .sidebar .box .actor-link img { border: none; width: 2rem; height: 2rem; object-fit: contain; } .sheet.party .sidebar .box .name { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sheet.party .sidebar .box header, .sheet.party .sidebar .box footer { position: relative; margin: -1px; padding: 0 0.25rem; } .sheet.party .sidebar .box header { background-color: var(--sub); border-radius: 3px 3px 0 0; color: var(--text-light); font-weight: 700; height: 1.125rem; line-height: 1.125rem; } .sheet.party .sidebar .box footer { background-color: var(--bg-dark); border-radius: 0 0 3px 3px; border: 1px solid var(--color-border); border-top: none; color: var(--sub); font-weight: 500; height: 1rem; line-height: 1rem; } .sheet.party .tag-light { --tag-color: var(--color-proficiency-untrained); align-items: center; border-radius: 2px; border: 1px solid var(--tag-color); color: var(--tag-color); display: flex; font: 700 var(--font-size-13)/1.25rem var(--sans-serif); font-variant: all-small-caps; gap: 0.125rem; height: 1.25rem; margin: 0; padding: 0 0.25rem; white-space: nowrap; width: auto; } .sheet.party .tag-light .mod { font-weight: 500; } .sheet.party [data-tab=inventory] .inventory-members .box .content { align-items: center; display: flex; padding: 0.5rem; overflow: hidden; } .sheet.party [data-tab=inventory] .inventory-members .box .content img { grid-area: image; margin-right: 0.4rem; } .sheet.party [data-tab=inventory] .inventory-members .box .content .sub-data { display: flex; flex-direction: column; gap: 0.125rem; } .sheet.party [data-tab=inventory] .inventory-members .box footer { align-items: center; display: flex; gap: 0.25rem; } .sheet.party [data-tab=inventory] .inventory-members .box footer i { font-size: 0.8em; } .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 { flex: 1; padding: 0.5rem 4px 0.5em 0.5em; display: flex; flex-direction: column; height: 100%; } .sheet.party [data-tab=inventory] .inventory .item-controls { max-width: 3.5rem; } .sheet.party [data-tab=overview] .content { padding-top: 0.5rem; padding-bottom: 0.25rem; } .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; display: flex; flex-direction: column; padding: 0.375rem 0.5rem; margin: 0.25rem 1rem 0.25rem 12px; } .sheet.party [data-tab=overview] .summary nav { color: var(--alt-dark); display: flex; gap: 0.25rem; line-height: 1.25em; margin-bottom: 0.375rem; align-items: center; } .sheet.party [data-tab=overview] .summary nav button { border: none; font-size: var(--font-size-14); font-weight: 500; padding: 0 0.5rem; white-space: nowrap; width: auto; } .sheet.party [data-tab=overview] .summary nav button.active { background: var(--secondary); color: var(--text-light); } .sheet.party [data-tab=overview] .summary nav label { margin-left: auto; margin-right: 0.25rem; } .sheet.party [data-tab=overview] .summary .tags, .sheet.party [data-tab=overview] .summary .skills { margin: 0; } .sheet.party [data-tab=overview] .skills { display: flex; flex-wrap: wrap; gap: 0.25rem; } .sheet.party [data-tab=overview] .skills .tag-light[data-rank="1"] { --tag-color: var(--color-proficiency-trained); } .sheet.party [data-tab=overview] .skills .tag-light[data-rank="2"] { --tag-color: var(--color-proficiency-expert); } .sheet.party [data-tab=overview] .skills .tag-light[data-rank="3"] { --tag-color: var(--color-proficiency-master); } .sheet.party [data-tab=overview] .skills .tag-light[data-rank="4"] { --tag-color: var(--color-proficiency-legendary); } .sheet.party [data-tab=overview] .skills .perception { color: var(--text-light); background-color: var(--tag-color); } .sheet.party [data-tab=overview] .member { display: flex; flex-direction: row; font-family: var(--sans-serif); padding: 0.5rem 1rem; position: relative; height: 7.375rem; } .sheet.party [data-tab=overview] .member: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 > .portrait { margin-right: 8px; min-width: 5.5rem; position: relative; } .sheet.party [data-tab=overview] .member > .portrait img { position: absolute; border: none; height: 100%; width: 100%; object-fit: contain; } .sheet.party [data-tab=overview] .member > .portrait .health-bar { background-color: var(--sub); bottom: 0; color: var(--text-light); font-size: var(--font-size-12); font-weight: 500; height: 1.25rem; line-height: 1.25rem; position: absolute; width: 100%; } .sheet.party [data-tab=overview] .member > .portrait .health-bar .bar { position: absolute; top: 0; left: 0; bottom: 0; background-color: var(--primary); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2); } .sheet.party [data-tab=overview] .member > .portrait .health-bar .temp { background-color: var(--secondary); top: -0.25rem; height: 0.25rem; } .sheet.party [data-tab=overview] .member > .portrait .health-bar span { padding-left: 0.25rem; position: relative; } .sheet.party [data-tab=overview] .member > .data { width: 100%; } .sheet.party [data-tab=overview] .member > .data header { border-left: 1px solid #c9bfa9; display: grid; grid: "name hero-points" "blurb hero-points"/auto max-content; margin-bottom: 0.25rem; padding-left: 0.5rem; } .sheet.party [data-tab=overview] .member > .data header .name { align-items: center; display: flex; font: 600 var(--font-size-18)/1 var(--serif); grid-area: name; } .sheet.party [data-tab=overview] .member > .data header .name i { font-size: 0.8em; margin-left: 0.125rem; } .sheet.party [data-tab=overview] .member > .data header .blurb { align-items: center; color: var(--alt-dark); display: flex; font: 500 var(--font-size-14)/var(--font-size-14) var(--sans-serif); font-variant: all-small-caps; gap: 0.25rem; grid-area: blurb; position: relative; } .sheet.party [data-tab=overview] .member > .data header .blurb hr.vr { border: 1px solid var(--color-border); height: 0.5rem; position: relative; top: 1px; } .sheet.party [data-tab=overview] .member > .data header .hero-points { align-items: end; display: flex; gap: 3px; grid-area: hero-points; width: fit-content; } .sheet.party [data-tab=overview] .member > .data header .hero-points > * { width: 1.5rem; height: 1.5rem; } .sheet.party [data-tab=overview] .member > .data header .hero-points .empty { border: 2px dashed rgba(0, 0, 0, 0.5); border-radius: 50%; } .sheet.party [data-tab=overview] .member > .data header .hero-points img { border: none; } .sheet.party [data-tab=overview] .member > .data .main-stats { display: flex; gap: 0.5rem; margin: 0.125rem 0 0.25rem 0; } .sheet.party [data-tab=overview] .member > .data .main-stats > section { border: 1px solid var(--color-border); border-radius: 2px; height: 2.625rem; display: flex; align-items: center; justify-content: space-between; flex: 1 1 0; } .sheet.party [data-tab=overview] .member > .data .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 > .data .main-stats .score label { font-size: var(--font-size-10); font-weight: 500; } .sheet.party [data-tab=overview] .member > .data .main-stats .ac { border: none; position: relative; flex: 0 0 2.25rem; } .sheet.party [data-tab=overview] .member > .data .main-stats .ac::before { content: " "; position: absolute; inset: 0; background: url("../assets/sheet/shield-clear.svg") no-repeat center center; background-size: contain; } .sheet.party [data-tab=overview] .member > .data .main-stats .ac .value { color: var(--color-proficiency-trained); font-weight: 700; } .sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws { flex: 0 0 9.5rem; } .sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws .score { flex: 1; font-weight: 500; } .sheet.party [data-tab=overview] .member > .data .main-stats .senses { align-items: center; flex: 1.4; overflow: hidden; } .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value { align-items: center; display: flex; font-size: var(--font-size-12); gap: 0.125rem; overflow-x: auto; max-width: 100%; padding: 0 0.5rem; padding-bottom: 7px; margin-bottom: -7px; } .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=imprecise], .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=vague] { border-style: dashed; } .sheet.party [data-tab=exploration] .exploration-members .actor-link { display: flex; align-items: center; gap: 0.25rem; } .sheet.party [data-tab=exploration] .exploration-members .member .sub-data { display: flex; flex-direction: row; background-color: rgba(68, 55, 48, 0.1); font-size: var(--font-size-11); font-weight: 500; } .sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span { flex: 1; text-align: center; padding: 0.2rem; } .sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span:not(:last-child) { border-right: 1px solid rgba(68, 55, 48, 0.1); } .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar { background-color: var(--sub); color: var(--text-light); } .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar .bar { position: absolute; top: 0; left: 0; bottom: 0; background-color: var(--primary); border-radius: 0 0 3px 3px; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2); } .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar span { position: relative; } .sheet.party [data-tab=exploration] .content { padding: 0.5rem; } .sheet.party [data-tab=exploration] .activities { display: flex; flex-direction: column; gap: 0.5rem; } .sheet.party [data-tab=exploration] .activities .member-activity { 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; align-items: center; } .sheet.party [data-tab=exploration] .activities .member-activity img { object-fit: contain; border: none; } .sheet.party [data-tab=exploration] .activities .member-activity .actor-image { flex: 0 0 auto; } .sheet.party [data-tab=exploration] .activities .member-activity .actor-image img { width: 4rem; height: 4rem; margin: 0.375rem; display: flex; align-items: center; justify-content: center; } .sheet.party [data-tab=exploration] .activities .member-activity .actor-image img i { color: var(--text-dark); font-size: var(--font-size-30); } .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries { display: flex; flex-direction: column; gap: 0.125rem; overflow: hidden; } .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity { align-items: center; display: flex; gap: 0 0.5rem; margin-left: 0.25rem; white-space: nowrap; } .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .name { font-weight: 500; } .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .tags { flex-wrap: nowrap; overflow: hidden; } .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single { align-items: start; flex-direction: column; } .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single .name { font-size: var(--font-size-16); } .sheet.party [data-tab=exploration] .activities .member-activity .empty { align-items: center; cursor: pointer; display: flex; font-family: var(--serif); gap: 0.5rem; } .sheet.party [data-tab=exploration] .activities .member-activity .empty div { margin: 0; } .sheet.party [data-tab=exploration] .activities .member-activity .empty .icon { border: 1px dashed var(--color-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-14); height: 2.125rem; width: 2.125rem; } .sheet.party [data-tab=exploration] .activities .member-activity .empty .name { color: var(--primary-dark); font-size: var(--font-size-16); line-height: 1em; } .sheet.party [data-tab=exploration] .activities .member-activity .empty .hint { color: var(--alt-dark); line-height: 1em; } .sheet.party [data-tab=orphaned] .item-list { margin: 16px; } .sheet.kingdom { --paper-bg: rgba(221, 216, 200, 0.4); --drop-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); --gold: #ffd700; --color-divider: rgba(68, 55, 48, 0.2); /** White background navigation with little decorations on the left and right */ } .sheet.kingdom 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.kingdom 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: #66bc1a; background-blend-mode: multiply; color: var(--text-light); width: 100%; font-family: var(--sans-serif); font-weight: 600; display: flex; justify-content: space-between; align-items: center; padding: 0 0.75rem; gap: 0.75rem; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .sheet.kingdom form > header .frame-container { padding: 4px; margin: 0.75rem 0; } .sheet.kingdom form > header .frame-container .frame { position: relative; width: 3.25rem; height: 3.25rem; } .sheet.kingdom form > header .frame-container .player-image { object-fit: cover; object-position: top; border: none; border-radius: 0; width: 3.25rem; height: 3.25rem; 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.kingdom form > header .details { display: grid; grid-template: "title title title title level" auto "capital size rp fame level" auto/1fr auto auto auto auto; align-items: center; gap: 0 4px; font-size: var(--font-size-22); font-family: var(--serif-condensed); font-weight: 700; margin: 4px 0; flex: 1; } .sheet.kingdom form > header .details input[type=text], .sheet.kingdom form > header .details input[type=number] { color: var(--text-light); border: none; border-bottom: 1px solid transparent; padding: 0; height: unset; } .sheet.kingdom form > header .details input[type=text]:hover, .sheet.kingdom form > header .details input[type=text]:focus, .sheet.kingdom form > header .details input[type=number]:hover, .sheet.kingdom form > header .details input[type=number]:focus { border: none; border-bottom: 1px solid var(--text-light); box-shadow: none; } .sheet.kingdom form > header .details input[type=text]::placeholder, .sheet.kingdom form > header .details input[type=number]::placeholder { color: #bbb; opacity: 0.4; } .sheet.kingdom form > header .details .title { display: flex; grid-area: title; gap: 1rem; font-size: var(--font-size-30); } .sheet.kingdom form > header .details label { align-items: baseline; display: flex; gap: 0.5rem; white-space: nowrap; } .sheet.kingdom form > header .details label span { color: var(--gold); font-size: 0.8em; text-transform: uppercase; } .sheet.kingdom form > header .details .capital { grid-area: capital; } .sheet.kingdom form > header .details .size { grid-area: size; margin-left: 0.5rem; } .sheet.kingdom form > header .details .size input { width: 3ch; text-align: center; } .sheet.kingdom form > header .details .resource-points { grid-area: rp; margin-left: 1rem; } .sheet.kingdom form > header .details .resource-points input { width: 3ch; text-align: center; } .sheet.kingdom form > header .details .fame { align-items: center; display: flex; grid-area: fame; margin-left: 0.25rem; } .sheet.kingdom form > header .details .fame .pips { font-size: var(--font-size-12); } .sheet.kingdom form > header .details .level { grid-area: level; } .sheet.kingdom form > header section.level { display: flex; justify-content: flex-start; margin-left: 1rem; text-transform: uppercase; } .sheet.kingdom form > header section.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; } .sheet.kingdom form > header section.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; } .sheet.kingdom form > header section.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; } .sheet.kingdom form > header section.level .level label, .sheet.kingdom form > header section.level .level input { margin-left: 1px; text-align: center; } .sheet.kingdom form > header section.level .exp-data { display: flex; flex-direction: column; justify-content: flex-end; position: relative; width: 6rem; } .sheet.kingdom form > header section.level .exp-data .exp-input { font-size: var(--font-size-13); height: 1.5em; margin-bottom: 0.5rem; } .sheet.kingdom form > header section.level .exp-data .exp-input input { color: var(--text-light); font-family: var(--sans-serif); text-align: right; width: 3em; } .sheet.kingdom form > header section.level .exp-data .exp-input .slash { color: var(--sidebar-label); } .sheet.kingdom form > header section.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: relative; width: 100%; } .sheet.kingdom form > header section.level .exp-data progress::-moz-progress-bar { background: var(--sidebar-title); } .sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-bar { background: rgba(0, 0, 0, 0.2); } .sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-value { background: var(--sidebar-title); } .sheet.kingdom nav.sheet-navigation { background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary); align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); display: inline-flex; height: 1.25rem; justify-content: center; position: relative; transition: all 0.1s ease-out; } .sheet.kingdom nav.sheet-navigation .panel-title { color: var(--text-light); margin-right: auto; padding-left: 1em; white-space: nowrap; width: 7em; } .sheet.kingdom nav.sheet-navigation > a { display: flex; justify-content: center; align-items: center; margin: 0 6px; font-size: var(--font-size-12); } .sheet.kingdom nav.sheet-navigation .item { height: 1.5rem; width: 1.5rem; 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.kingdom 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.kingdom nav.sheet-navigation .item:last-child { margin-right: 10px; } .sheet.kingdom nav.sheet-navigation .item:hover, .sheet.kingdom 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.kingdom nav.sheet-navigation .item i.fa-solid { padding-bottom: 0; } .sheet.kingdom nav.sheet-navigation .item:hover .pfs-icon { filter: drop-shadow(0 0 8px var(--color-shadow-primary)); } .sheet.kingdom nav.sheet-navigation .item .action-glyph { font-size: 1rem; } .sheet.kingdom nav.sub-nav { margin: 0; padding: 0; align-items: center; background-color: var(--bg); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18); display: flex; flex-wrap: nowrap; flex: 0 0 2.5rem; justify-content: center; list-style: none; width: 100%; } .sheet.kingdom nav.sub-nav::before, .sheet.kingdom nav.sub-nav::after { content: ""; width: 37px; height: 16px; background: url("../assets/sheet/sub-nav-decoration.webp"); margin: 0 16px; } .sheet.kingdom nav.sub-nav::after { transform: scaleX(-100%); } .sheet.kingdom nav.sub-nav a, .sheet.kingdom 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.kingdom nav.sub-nav a.active, .sheet.kingdom nav.sub-nav .tab.active { color: var(--primary); font-weight: 600; } .sheet.kingdom nav.sub-nav a:first-child, .sheet.kingdom nav.sub-nav .tab:first-child { border-left: none; } .sheet.kingdom nav.sub-nav a:last-child, .sheet.kingdom nav.sub-nav .tab:last-child { border-right: none; } .sheet.kingdom nav.sub-nav a:hover, .sheet.kingdom nav.sub-nav .tab:hover { text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); } .sheet.kingdom .tab nav.sub-nav { padding-right: 1.25rem; } .sheet.kingdom .container { height: 100%; overflow: hidden; } .sheet.kingdom input.adjusted-higher { color: #009988; } .sheet.kingdom input.adjusted-lower { color: #cc3311; } .sheet.kingdom .content { overflow: hidden scroll; flex: 1; } .sheet.kingdom .tab.active { display: flex; height: 100%; } .sheet.kingdom .drag-gap { visibility: hidden; } .sheet.kingdom .sidebar { overflow: hidden scroll; 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.kingdom .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.kingdom .sidebar .box header, .sheet.kingdom .sidebar .box footer { margin: -1px; padding: 0.25rem; } .sheet.kingdom .sidebar .box header { background-color: var(--sub); border-radius: 3px 3px 0 0; color: var(--text-light); font-weight: 700; } .sheet.kingdom .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.kingdom .tag-light { --tag-color: var(--color-proficiency-untrained); 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.kingdom .directory-list { padding: 0; margin: 0; } .sheet.kingdom .directory-list h4 { padding: 0; margin: 0; } .sheet.kingdom .directory-list h4 > a:hover { color: var(--color-pf-primary); text-shadow: 0 0 3px var(--tertiary); } .sheet.kingdom .effects .directory-list { gap: 0.2em; display: flex; flex-direction: column; width: 100%; } .sheet.kingdom .effects .directory-list .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .sheet.kingdom .effects .directory-list .item p:empty { display: none; } .sheet.kingdom .effects .directory-list .item .item-name { display: flex; align-items: center; flex: 1; } .sheet.kingdom .effects .directory-list .item .item-name h4 { cursor: pointer; margin: 0; } .sheet.kingdom .effects .directory-list .item .item-name .item-image { margin-right: 8px; } .sheet.kingdom .effects .directory-list .item .item-controls { display: flex; flex: 0; font-size: var(--font-size-12); gap: 1px; white-space: nowrap; } .sheet.kingdom .effects .directory-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .sheet.kingdom .effects .directory-list .item .item-controls a + a { margin-left: 4px; } .sheet.kingdom .effects .directory-list .item .item-summary { flex-basis: 100%; } .sheet.kingdom .effects .directory-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .sheet.kingdom .effects .directory-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .sheet.kingdom .effects .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: var(--text-light); 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.kingdom .effects .directory-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .sheet.kingdom .effects .directory-list .item { margin: 2px 0; border: solid transparent; border-width: 0 0 1px; border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat; } .sheet.kingdom .effects .directory-list .item .item-summary { margin-top: 8px; } .sheet.kingdom section.major > header { border-bottom: 1px solid var(--color-border-divider); color: var(--primary); font: 600 var(--font-size-16)/1 var(--serif); position: relative; margin: 0.75rem 0 0.5rem 0; } .sheet.kingdom section.major > header > button, .sheet.kingdom section.major > header > .controls { position: absolute; bottom: -1px; right: 0; } .sheet.kingdom section.major > header .controls { display: flex; } .sheet.kingdom section.major > header button { background: transparent; border-radius: 2px 2px 0 0; border: 1px solid var(--color-border-divider); color: var(--primary); cursor: pointer; font: 500 var(--font-size-12)/1 var(--sans-serif); height: 20px; margin: 0; outline: none; text-transform: uppercase; width: auto; } .sheet.kingdom button.small-button, .sheet.kingdom select.proficiency, .sheet.kingdom span.proficiency { 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: var(--color-proficiency-untrained); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); color: var(--text-light); display: flex; font-weight: 500; height: unset; justify-content: center; line-height: unset; padding: 1px 2px 1px 2px; } .sheet.kingdom .proficiency { text-align-last: center; appearance: none; } .sheet.kingdom .proficiency.readonly { pointer-events: none; } .sheet.kingdom .proficiency option[value="0"] { background: var(--color-proficiency-untrained); } .sheet.kingdom .proficiency[data-rank="1"], .sheet.kingdom .proficiency option[value="1"] { background: var(--color-proficiency-trained); } .sheet.kingdom .proficiency[data-rank="2"], .sheet.kingdom .proficiency option[value="2"] { background: var(--color-proficiency-expert); } .sheet.kingdom .proficiency[data-rank="3"], .sheet.kingdom .proficiency option[value="3"] { background: var(--color-proficiency-master); } .sheet.kingdom .proficiency[data-rank="4"], .sheet.kingdom .proficiency option[value="4"] { background: var(--color-proficiency-legendary); } .sheet.kingdom select.proficiency { cursor: pointer; } .sheet.kingdom .tab.active[data-tab=main] { overflow: hidden scroll; flex-direction: column; } .sheet.kingdom .tab.active[data-tab=main] input[type=text], .sheet.kingdom .tab.active[data-tab=main] input[type=number] { border: none; } .sheet.kingdom .tab.active[data-tab=main] .content { display: grid; grid-template: "leaders resources" 1fr "leaders abilities" min-content/0.9fr 1fr; width: 100%; gap: 0 1rem; padding: 0.5rem; flex: 0 0 auto; } .sheet.kingdom .tab.active[data-tab=main] .leaders { grid-area: leaders; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader { display: grid; grid-template-areas: "img name" "img label"; grid-template-columns: auto 1fr; grid-template-rows: 1fr auto; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader:not(:last-child) { margin-bottom: 0.375rem; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image { 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); grid-area: img; width: 2.75rem; height: 2.75rem; z-index: 1; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image img { border: none; width: 100%; height: 100%; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .name { grid-area: name; background: rgba(0, 0, 0, 0.025); padding: 0 8px; border: 0; height: auto; line-height: 1.5em; height: 1.5em; align-self: end; display: flex; justify-content: space-between; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details { grid-area: label; align-self: flex-end; align-items: center; display: flex; justify-content: space-between; background: var(--paper-bg); box-shadow: var(--drop-shadow); font-size: var(--font-size-12); padding: 0 8px; position: relative; margin-bottom: 1px; height: 1.5rem; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details .role { font-variant: small-caps; font-weight: 500; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested, .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant { font-size: var(--font-size-12); } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested input, .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant input { margin: 0; width: 1em; height: 1em; } .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested i, .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant i { font-size: 1.2em; } .sheet.kingdom .tab.active[data-tab=main] .resources { grid-area: resources; } .sheet.kingdom .tab.active[data-tab=main] .resources input[type=number] { width: 3ch; text-align: center; padding-left: 0; padding-right: 0; } .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data { background: var(--paper-bg); box-shadow: var(--drop-shadow); display: grid; grid-template: "resource resource" min-content "commodities stats" 1fr/auto 1fr; } .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .resource-dice { grid-area: resource; } .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .commodities { grid-area: commodities; } .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .stats { grid-area: stats; } .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice { align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; gap: 0.25rem; padding: 0 0.5rem; } .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice .rollable { flex: 1; } .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice input { width: 2ch; text-align: center; } .sheet.kingdom .tab.active[data-tab=main] .resources .commodities, .sheet.kingdom .tab.active[data-tab=main] .resources .stats { padding: 0.25rem 0.5rem; white-space: nowrap; } .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number], .sheet.kingdom .tab.active[data-tab=main] .resources .stats > label, .sheet.kingdom .tab.active[data-tab=main] .resources .stats > div, .sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] { height: 1.5em; line-height: 1.5em; } .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label .number, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div .number, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number] .number, .sheet.kingdom .tab.active[data-tab=main] .resources .stats > label .number, .sheet.kingdom .tab.active[data-tab=main] .resources .stats > div .number, .sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] .number { display: inline-block; width: 3ch; text-align: center; } .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity { align-items: center; display: flex; gap: 0.25rem; } .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .type { width: 4.25rem; } .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max { align-items: center; display: flex; gap: 0.125rem; flex: 1; } .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max input { width: 2ch; } .sheet.kingdom .tab.active[data-tab=main] .resources .stats { justify-self: end; text-align: end; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores { grid-area: abilities; flex: 0; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores input { height: auto; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability { display: flex; flex-direction: row; align-items: end; width: 100%; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability:not(:last-child) { margin-bottom: 0.375rem; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score { display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--paper-bg); box-shadow: var(--drop-shadow); width: 4.5rem; text-align: center; padding: 0.375rem 0; z-index: 1; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score .value { font-size: var(--font-size-20); } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section { display: flex; flex-wrap: wrap; flex: 1; box-shadow: var(--drop-shadow); } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section > .stat { display: flex; flex-direction: column; text-align: center; flex: 1; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value { display: flex; gap: 2px; justify-content: center; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value input { width: 3ch; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress { flex-basis: 100%; margin: 0; padding: 0; height: 8px; border-top: 1px solid rgba(0, 0, 0, 0.15); margin-top: 0.125rem; background: #ddd; } .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress::after { display: block; content: " "; background-color: var(--color-border-highlight-alt); width: calc(100% * var(--value) / var(--max)); max-width: 100%; height: 100%; } .sheet.kingdom .tab.active[data-tab=activities] { display: flex; flex-direction: row; padding: 0 1rem; height: 100%; } .sheet.kingdom .tab.active[data-tab=activities] .skills, .sheet.kingdom .tab.active[data-tab=activities] .actions { display: flex; height: 100%; flex-direction: column; } .sheet.kingdom .tab.active[data-tab=activities] .skill-list, .sheet.kingdom .tab.active[data-tab=activities] .actions-list { overflow: hidden scroll; margin-bottom: 0.25rem; } .sheet.kingdom .tab.active[data-tab=activities] .skills { padding-right: 0.5rem; } .sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc { align-items: center; background: var(--paper-bg); box-shadow: var(--drop-shadow); display: flex; gap: 8px; margin: 0.5rem 0; } .sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod { color: var(--secondary); display: inline-block; font-family: var(--serif); font-size: 1.25em; font-weight: bold; min-width: 3rem; text-align: right; } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill { display: flex; align-items: center; padding: 1px 0; padding-right: 0.5rem; gap: 8px; } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod { display: flex; color: var(--primary); font-family: var(--serif); font-weight: 600; font-size: 1.25em; line-height: 1em; min-width: 3rem; padding: 3px 0; } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod i { color: var(--text-dark); font-size: 0.8em; margin-right: 2px; } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name { flex: 1; color: var(--alt-dark); } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name.selected { color: var(--text-dark); font-weight: 600; } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill:not(:last-child) { border-bottom: 1px solid var(--color-divider); } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group { display: flex; padding-left: 0.25rem; } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .proficiency { min-width: 11ch; } .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .small-button { flex: 0; } .sheet.kingdom .tab.active[data-tab=activities] .actions { flex: 1; } .sheet.kingdom .tab.active[data-tab=activities] .actions header .filters { float: right; margin: -0.125rem 0 0.125rem auto; } .sheet.kingdom .tab.active[data-tab=activities] .actions header .filters .choice { cursor: pointer; opacity: 0.6; transition: opacity 0.2s ease-in-out; } .sheet.kingdom .tab.active[data-tab=activities] .actions header .filters .choice.active { opacity: 1; } .sheet.kingdom .tab.active[data-tab=activities] .actions header .filters .choice:hover { box-shadow: 0 0 5px var(--primary); } .sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary { background: var(--paper-bg); box-shadow: var(--drop-shadow); margin: 0 12px 0.5rem 2px; padding: 0.25rem 0.5rem; } .sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary header { font-size: 1.2em; font-weight: bold; color: var(--color-text-dark-input); margin-top: 0.25rem; } .sheet.kingdom .tab.active[data-tab=activities] .actions .action { align-items: center; display: flex; flex-wrap: wrap; padding: 4px; width: 100%; gap: 0.5rem; padding-right: 0.5rem; } .sheet.kingdom .tab.active[data-tab=activities] .actions .action:not(:last-child) { border-bottom: 1px solid var(--color-divider); } .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-name { align-items: center; cursor: pointer; display: flex; flex: 1; } .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary { flex-basis: 100%; margin-bottom: 0.5rem; } .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary .tags { display: none; } .sheet.kingdom .tab.active[data-tab=activities] .actions .action .tags { margin-left: 0.25rem; } .sheet.kingdom .tab.active[data-tab=world] { padding: 0.75rem; } .sheet.kingdom .tab.active[data-tab=world] input[type=text], .sheet.kingdom .tab.active[data-tab=world] input[type=number] { border: none; height: 1.5em; line-height: 1.5em; } .sheet.kingdom .tab.active[data-tab=world] .content { padding-right: 0.5rem; margin-right: 0.5rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement { display: flex; align-items: center; flex-wrap: wrap; gap: 0 1rem; padding: 0.25rem 0.25rem 0.25rem 0; } .sheet.kingdom .tab.active[data-tab=world] .settlement:not(.expanded, :last-child) { border-bottom: 1px solid var(--color-divider); } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name { flex: 1; display: flex; white-space: nowrap; display: flex; align-items: center; gap: 0.25rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name h4 { cursor: pointer; min-height: 1em; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level { display: flex; align-items: center; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input[type=number] { width: 3ch; text-align: center; padding: 0; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .name { flex: 1; font-size: var(--font-size-16); } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name select { margin-left: 2rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level { font-size: var(--font-size-16); margin-left: 0.5rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input { width: 3ch; text-align: center; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary { flex-basis: 100%; background: var(--paper-bg); box-shadow: var(--drop-shadow); margin-top: 0.5rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data { display: flex; justify-content: space-between; margin: 0 0.125rem 0 0; border-bottom: 1px solid var(--color-divider); } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section { flex: 1 0 auto; padding: 0.5rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section + section { border-left: 1px solid var(--color-divider); } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=number] { width: 3ch; text-align: center; padding: 0; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=checkbox] { margin: 0; width: 1rem; height: 1rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data label, .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data div.value { align-items: center; display: flex; gap: 0.25rem; line-height: 1.5em; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .stats { display: flex; flex-direction: column; justify-content: center; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0.25rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items label { display: flex; align-items: center; justify-content: space-between; } .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary > .details { padding: 0.5rem; } .sheet.kingdom .tab.active[data-tab=world] .settlement .editor { display: flex; flex-direction: column; } .sheet.kingdom .tab.active[data-tab=world] .settlement .editor .tox { flex: 1; min-height: 16rem; } .sheet.kingdom .tab.active[data-tab=world] aside { background: var(--paper-bg); box-shadow: var(--drop-shadow); padding: 0.5rem; display: flex; flex-direction: column; gap: 1rem; } .sheet.kingdom .tab.active[data-tab=world] aside input[type=number] { width: 3ch; text-align: center; padding: 0; } .sheet.kingdom .tab.active[data-tab=world] aside section .row, .sheet.kingdom .tab.active[data-tab=world] aside section label { display: flex; align-items: center; gap: 0.25rem; } .sheet.kingdom .tab.active[data-tab=world] aside .work-sites .value span { min-width: 7rem; } .sheet.kingdom .tab.active[data-tab=world] aside .other-data label { width: 100%; justify-content: space-between; } .sheet.kingdom .tab.active[data-tab=features] .content { padding: 12px; padding-bottom: 1em; font-family: var(--body-serif); } .sheet.kingdom .tab.active[data-tab=features] .feat-section { padding-bottom: 1em; } .sheet.kingdom .tab.active[data-tab=features] .feat-item { display: grid; grid: "name ctrl" min-content "content content" min-content/1fr min-content; align-items: center; padding: 2px 0; } .sheet.kingdom .tab.active[data-tab=features] .feat-item:nth-child(odd) { background-color: rgba(120, 100, 82, 0.1); } .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name, .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls { margin: 0; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name { grid-area: name; display: flex; flex: 1; align-items: center; width: 100%; } .sheet.kingdom .tab.active[data-tab=features] .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; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-placeholder { margin-left: 40px; margin-right: 4px; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4 { display: flex; align-items: center; font-family: var(--serif); } .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4 a:hover { color: var(--color-pf-primary); text-shadow: 0 0 3px var(--tertiary); } .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-image { margin-left: 8px; margin-right: 8px; } .sheet.kingdom .tab.active[data-tab=features] .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%; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls a:last-child { margin-right: 6px; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-summary { flex: 100%; grid-area: content; padding: 0 8px 8px; margin: 4px 0 0 4px; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts { font-family: var(--font-primary); } .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section { align-items: center; display: flex; gap: 4px; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section .abilities { display: flex; gap: 3px; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts strong { line-height: 1.5em; } .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts .tag { border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3); line-height: unset; padding: 0.15em; font-size: 0.9em; } .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items { grid-column: span 2; border-left: 3px dotted var(--alt); display: flex; margin: 1px 0 0 45px; padding: 0; flex-basis: 100%; flex-direction: column; } .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li { align-items: center; display: flex; flex-wrap: wrap; gap: 2px; margin: 2px 0; padding-bottom: 1px; } .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li:last-child { padding-bottom: 0; } .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name .feat-slot-title { width: 0; } .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name img { margin-left: 0; } .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-controls { flex: 0; } .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li ol.nested-items { margin-left: 25px; } .sheet.kingdom .tab.active[data-tab=ongoing] { padding: 0.75rem; gap: 1rem; } .sheet.kingdom .tab.active[data-tab=ongoing] .events { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; } .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc { display: flex; gap: 1ch; background: var(--paper-bg); box-shadow: var(--drop-shadow); line-height: 1.5em; padding: 0.5rem 1rem; } .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc, .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input { font-size: var(--font-size-18); } .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input { width: 3ch; background: none; border: none; padding: 0; } .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc .dc { margin-left: auto; } .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details { background: var(--paper-bg); box-shadow: var(--drop-shadow); display: flex; flex: 1; flex-direction: column; padding: 0.5rem; overflow: auto; } .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details .editor { flex: 1; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects { width: 18rem; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects > header { margin-top: 0; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list { gap: 0.2em; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 2px 4px 2px 12px; width: 100%; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item p:empty { display: none; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-name { display: flex; align-items: center; flex: 1; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-name h4 { cursor: pointer; margin: 0; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-name .item-image { margin-right: 8px; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-controls { display: flex; flex: 0; font-size: var(--font-size-12); gap: 1px; white-space: nowrap; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-controls a.info-only:hover { cursor: default; text-shadow: none; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-controls a + a { margin-left: 4px; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-summary { flex-basis: 100%; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item.unidentified { border-radius: 1px; outline: 1px dotted rgba(75, 74, 68, 0.5); background: var(--visibility-gm-bg); } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .button-group { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; width: 50%; flex: 0; } .sheet.kingdom .tab.active[data-tab=ongoing] section.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: var(--text-light); 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.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .button-group button:hover { box-shadow: none; text-shadow: 0 0 2px white; } .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item { padding-left: 0; } .sheet.kingdom-builder .window-content { padding: 0; overflow: hidden; } .sheet.kingdom-builder h3 { font-family: var(--sans-serif); } .sheet.kingdom-builder form { display: flex; flex-direction: column; background: url("../assets/sheet/background.webp"); background-repeat: no-repeat; background-size: cover; background-attachment: local; } .sheet.kingdom-builder form > nav { display: flex; font-family: var(--serif-condensed); font-size: var(--font-size-22); margin-top: 0.125rem; align-items: flex-end; width: 100%; } .sheet.kingdom-builder form > nav a { border-radius: 3px 3px 0 0; padding: 0.25rem 0.5rem; white-space: nowrap; flex: 1; text-align: center; position: relative; } .sheet.kingdom-builder form > nav a:not(.active) { margin-top: 1px; border-bottom: 1px solid var(--alt-dark); } .sheet.kingdom-builder form > nav a.active { border: 1px solid var(--alt-dark); border-bottom-color: transparent; margin-left: -1px; margin-right: -1px; } .sheet.kingdom-builder form > nav a .complete { font-size: 0.8em; } .sheet.kingdom-builder form > nav:before, .sheet.kingdom-builder form > nav:after { content: ""; width: 0.25rem; border-bottom: 1px solid var(--alt-dark); } .sheet.kingdom-builder .container { height: 100%; overflow: hidden; } .sheet.kingdom-builder .tab.active { display: flex; flex: 1; } .sheet.kingdom-builder button.complete { color: var(--text-light); background: var(--secondary); height: 35px; width: 131px; border: 1px solid var(--tertiary); } .sheet.kingdom-builder button.complete:disabled { background: var(--sub); pointer-events: none; opacity: 0.75; } .sheet.kingdom-builder .build-element { display: flex; flex-direction: column; flex: 1; } .sheet.kingdom-builder .build-element .choices { display: flex; margin: 0.5rem 0.25rem; } .sheet.kingdom-builder .build-element .choices .choice { display: flex; cursor: pointer; flex: 1 1 0; flex-direction: column; align-items: center; margin: 0.5rem 0; text-align: center; white-space: nowrap; } .sheet.kingdom-builder .build-element .choices .choice img { border-radius: 3px; width: 2.5rem; height: 2.5rem; object-fit: contain; } .sheet.kingdom-builder .build-element .choices .choice.selected, .sheet.kingdom-builder .build-element .choices .choice:hover { text-shadow: 0 0 8px var(--color-shadow-primary); } .sheet.kingdom-builder .build-element .choices .choice.selected img, .sheet.kingdom-builder .build-element .choices .choice:hover img { box-shadow: 0 0 8px var(--color-shadow-primary); } .sheet.kingdom-builder .build-element .build-entry-boosts { font-family: var(--font-primary); } .sheet.kingdom-builder .build-element .build-entry-boosts section { align-items: center; display: flex; gap: 4px; } .sheet.kingdom-builder .build-element .build-entry-boosts section .abilities { display: flex; gap: 3px; } .sheet.kingdom-builder .build-element .build-entry-boosts strong { line-height: 1.5em; } .sheet.kingdom-builder .build-element .build-entry-boosts .tag { border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3); line-height: unset; padding: 0.15em; font-size: 0.9em; } .sheet.kingdom-builder .build-element .selection { display: flex; flex: 1; flex-direction: column; margin: 0.5rem; } .sheet.kingdom-builder .build-element .selection .text { display: flex; flex-direction: column; flex: 1; overflow: hidden; } .sheet.kingdom-builder .build-element .selection .text h3 { display: flex; justify-content: space-between; } .sheet.kingdom-builder .build-element .selection .text .description { overflow-y: auto; overflow-x: hidden; height: 8rem; } .sheet.kingdom-builder .build-element .selection footer { display: flex; width: 100%; align-items: end; min-height: 4.5em; } .sheet.kingdom-builder .build-element .selection footer .build-entry-boosts { flex: 1; } .sheet.kingdom-builder .build-element .selection footer button { flex: 0; white-space: nowrap; } .sheet.kingdom-builder .build-element .selection a[disabled] { opacity: 0.7; cursor: unset; text-shadow: unset; } .sheet.kingdom-builder .build-element .selection { padding: 0.5rem; background-color: #eee; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .sheet.kingdom-builder .ability-builder { padding: 6px; width: 100%; } .sheet.kingdom-builder .ability-builder h3 { font: 400 var(--font-size-24) var(--serif-condensed); line-height: var(--font-size-24); } .sheet.kingdom-builder .ability-builder h4 { font: 400 var(--font-size-10) var(--sans-serif); text-transform: uppercase; color: #605856; } .sheet.kingdom-builder .ability-builder button:focus:not(:focus-visible) { box-shadow: none; } .sheet.kingdom-builder .ability-builder .row { display: flex; align-items: center; } .sheet.kingdom-builder .ability-builder .row .row-heading { width: 220px; } .sheet.kingdom-builder .ability-builder .row.not-eligible { pointer-events: none; filter: blur(1px); opacity: 0.6; } .sheet.kingdom-builder .ability-builder .row.not-eligible .remaining { visibility: hidden; } .sheet.kingdom-builder .ability-builder .row .abilities { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; flex: 1; } .sheet.kingdom-builder .ability-builder .row .full-row { display: flex; flex: 1; justify-content: center; } .sheet.kingdom-builder .ability-builder header.row { align-items: normal; padding-top: 10px; margin-bottom: 0.5rem; } .sheet.kingdom-builder .ability-builder header.row .row-column { display: block; } .sheet.kingdom-builder .ability-builder header.row .abilities { align-items: normal; } .sheet.kingdom-builder .ability-builder .row-heading { display: grid; grid-template-columns: 42px 1fr auto; grid-template-areas: "img description remaining"; align-items: center; } .sheet.kingdom-builder .ability-builder .row-heading h3 { grid-column: 1/4; align-self: start; font-size: var(--font-size-24); } .sheet.kingdom-builder .ability-builder .row-heading .hint-container { grid-column: 1/4; } .sheet.kingdom-builder .ability-builder .row-heading img { grid-area: img; border: 0; } .sheet.kingdom-builder .ability-builder .row-heading div.label { grid-area: description; display: flex; flex-direction: column; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 10px; } .sheet.kingdom-builder .ability-builder .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; } .sheet.kingdom-builder .ability-builder .row-heading div.remaining.extra { animation: glow 0.75s infinite alternate; } @keyframes glow { from { box-shadow: 0 0 1px 1px #ffb351; } to { box-shadow: 0 0 3px 3px #ffb351; } } .sheet.kingdom-builder .ability-builder .row-column { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; } .sheet.kingdom-builder .ability-builder .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; } .sheet.kingdom-builder .ability-builder .row-column button.boost { margin-top: auto; --button-color: #316549; --button-locked-color: #1b3c2a; } .sheet.kingdom-builder .ability-builder .row-column button.flaw { margin-bottom: auto; --button-color: #5e0000; --button-locked-color: #5e0000; } .sheet.kingdom-builder .ability-builder .row-column button:disabled { pointer-events: none; background: rgba(0, 0, 0, 0.04); opacity: 0.4; } .sheet.kingdom-builder .ability-builder .row-column button.selected { background: var(--button-color); } .sheet.kingdom-builder .ability-builder .row-column button:hover { cursor: pointer; box-shadow: 0 0 5px var(--button-color); } .sheet.kingdom-builder .ability-builder .row-column button:hover.key-ability.selected { box-shadow: none; cursor: default; } .sheet.kingdom-builder .ability-builder .row-column button:hover:disabled { background: rgba(0, 0, 0, 0.04); box-shadow: none; cursor: not-allowed; } .sheet.kingdom-builder .ability-builder .row-column button i.fa-solid { font-size: var(--font-size-10); left: 0.5em; position: absolute; text-align: left; } .sheet.kingdom-builder .ability-builder .row-column button.hidden { pointer-events: none; visibility: hidden; } .sheet.kingdom-builder .ability-builder .row-column button.locked { pointer-events: none; background: var(--button-locked-color); border-color: var(--button-locked-color); } .sheet.kingdom-builder .ability-builder .row-column button.locked, .sheet.kingdom-builder .ability-builder .row-column button.selected { color: var(--text-light); } .sheet.kingdom-builder .ability-builder .row-column div + .boost, .sheet.kingdom-builder .ability-builder .row-column button + .boost { margin-top: 4px; } .sheet.kingdom-builder .ability-builder .summary-row .row-heading { display: block; } .sheet.kingdom-builder .ability-builder .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; } .sheet.kingdom-builder .ability-builder .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; } .sheet.kingdom-builder .ability-builder .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; } .sheet.kingdom-builder .ability-builder .summary-row .hint-container label { display: flex; align-items: center; margin-top: 8px; } .sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration { display: flex; gap: 8px; } .sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration select { flex: 1; } .sheet.kingdom-builder .ability-builder .summary-row .abilities { grid-template-rows: auto auto; } .sheet.kingdom-builder .ability-builder .summary-row .row-column { display: flex; flex-direction: column; padding-top: 10px; } .sheet.kingdom-builder .ability-builder .summary-row .row-column .value { height: 40px; font: 700 var(--font-size-24) var(--serif); line-height: var(--font-size-30); } .sheet.kingdom-builder .ability-builder .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; text-align: center; } .sheet.kingdom-builder .ability-builder .summary-row .row-column input::placeholder { filter: opacity(0.5); } .sheet.kingdom-builder .ability-builder .summary-row .row-column input:focus { border-bottom: 1px solid var(--alt); } .sheet.kingdom-builder .ability-builder .summary-row .row-column input[type=number] { padding-bottom: 0; padding-left: 4px; } .sheet.kingdom-builder .ability-builder .summary-row div.complete { grid-row: 2; grid-column: 1/7; display: flex; align-items: flex-end; justify-content: flex-end; margin-top: 10px; margin-left: auto; } .sheet.kingdom-builder .ability-builder .title { color: var(--primary); font: 500 var(--font-size-10) var(--sans-serif-condensed); line-height: var(--font-size-10); text-transform: uppercase; } .sheet.kingdom-builder .ability-builder .description { font: 600 var(--font-size-16) var(--serif); } .sheet.kingdom-builder .ability-builder .extra { display: flex; align-items: center; font-size: var(--font-size-12); margin-top: -0.25rem; } .sheet.kingdom-builder .ability-builder .extra i.fa-solid { margin-left: 0.125rem; } .sheet.kingdom-builder .ability-builder .extra input[type=checkbox] { height: var(--font-size-12); margin: 0; } .pf2e.chat-card.kingdom { --color-confirmation: #2c4f0d; } .pf2e.chat-card.kingdom .confirmation { align-items: center; color: var(--color-confirmation); display: flex; border: 1px dashed var(--color-confirmation); font-size: 1.2em; gap: 0.5rem; justify-content: center; padding: 0.25rem 0; } .sheet.army form { display: grid; grid-template: "header header" min-content "sidebar content" 1fr/min-content 1fr; overflow: hidden; background: url("../assets/sheet/background.webp"); background-repeat: no-repeat; background-size: cover; background-attachment: local; } .sheet.army form input[type=text], .sheet.army form input[type=number] { background: rgba(0, 0, 0, 0.03); border: 1px solid transparent; padding: 0 4px; } .sheet.army form input[type=text]:hover:not(:disabled), .sheet.army form input[type=text]:focus, .sheet.army form input[type=number]:hover:not(:disabled), .sheet.army form input[type=number]:focus { border: 1px solid black; box-shadow: 0 0 10px #00005a; } .sheet.army form input.adjusted-higher { color: #009988; } .sheet.army form input.adjusted-lower { color: #cc3311; } .sheet.army 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: #d9d3d2; background-blend-mode: multiply; color: var(--text-light); align-items: center; display: flex; grid-area: header; gap: 0.5rem; min-height: 5.5rem; padding: 0 0.75rem; } .sheet.army form > header .frame { position: relative; width: 4rem; height: 4rem; } .sheet.army form > header .frame img { object-fit: cover; object-position: top; border: none; border-radius: 0; width: 4rem; height: 4rem; 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.army form > header .details { display: grid; flex: 1; align-items: center; grid-template: "name level" min-content "traits alliance" min-content/1fr min-content; } .sheet.army form > header .details input[type=text], .sheet.army form > header .details input[type=number] { color: var(--text-light); border: none; border-bottom: 1px solid transparent; padding: 0; height: unset; } .sheet.army form > header .details input[type=text]:hover, .sheet.army form > header .details input[type=text]:focus, .sheet.army form > header .details input[type=number]:hover, .sheet.army form > header .details input[type=number]:focus { border: none; border-bottom: 1px solid var(--text-light); box-shadow: none; } .sheet.army form > header .details input[type=text]::placeholder, .sheet.army form > header .details input[type=number]::placeholder { color: #bbb; opacity: 0.4; } .sheet.army form > header .details .name { grid-area: name; font-family: var(--sans-serif-condensed); font-size: var(--font-size-30); font-weight: 700; width: 100%; max-width: calc(100% - 5.5rem); font-variant: small-caps; text-indent: 0.5rem; margin-right: 18px; } .sheet.army form > header .details .tags { grid-area: traits; padding: 0 0.5rem; } .sheet.army form > header .details .tags .alignment { background-color: #576293; } .sheet.army form > header .details .level-label { grid-area: level; align-self: end; display: block; font-family: var(--serif-condensed); font-size: var(--font-size-28); font-weight: 700; min-width: 9rem; text-align: right; text-transform: uppercase; } .sheet.army form > header .details .level-label input.level { width: 2ch; text-align: center; margin: 0 0.25rem; } .sheet.army form > header .details .alliance { grid-area: alliance; align-self: start; margin-right: 0.25rem; opacity: 0.8; text-align: right; } .sheet.army form > header .details .alliance i { font-size: 0.9em; margin-left: 0.5rem; } .sheet.army form > header .details .alliance .error { color: #ff5555; } .sheet.army form .army-sidebar { display: flex; flex-direction: column; gap: 1rem; overflow: hidden scroll; padding: 0.75rem 0.25rem 0.5rem 0.5rem; width: 11rem; } .sheet.army form .army-sidebar input { flex: 0; min-width: 5ch; text-align: right; } .sheet.army form .army-sidebar input[type=checkbox] { font-size: var(--font-size-10); height: 12px; margin: 2px; padding: 0; } .sheet.army form .army-sidebar header { border-bottom: 1px solid var(--color-border-divider); color: var(--primary); display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; line-height: 18px; } .sheet.army form .army-sidebar header input { text-align: right; } .sheet.army form .army-sidebar header h4 { font-size: var(--font-size-15); font-family: var(--serif); font-weight: 600; margin-bottom: 0px; padding-left: 4px; width: 100%; text-align: left; } .sheet.army form .army-sidebar > section > label, .sheet.army form .army-sidebar > section .row { align-items: baseline; display: flex; gap: 0.25rem; } .sheet.army form .army-sidebar > section > label span:first-child, .sheet.army form .army-sidebar > section .row span:first-child { flex: 1; } .sheet.army form .army-sidebar > section > label input, .sheet.army form .army-sidebar > section .row input { width: 3em; } .sheet.army form .army-sidebar > section .gear { align-items: center; gap: 0.5rem; } .sheet.army form .army-sidebar > section .gear span.disabled { opacity: 0.4; } .sheet.army form .army-sidebar .saves { display: flex; font-size: var(--font-size-17); gap: 0.25rem; } .sheet.army form .army-sidebar .saves .save { display: flex; flex-direction: column; align-items: center; flex: 1 0 0; } .sheet.army form .army-sidebar .saves .save label { font-weight: 600; } .sheet.army form .army-sidebar .saves .save input.modifier { text-align: center; z-index: 1; } .sheet.army form .army-sidebar .senses.tags { margin-top: 0.125rem; flex-direction: row-reverse; } .sheet.army form section.army-body { grid-area: content; display: flex; flex-direction: column; padding: 0.75rem 0.5rem; overflow: auto; gap: 0.5rem; } .sheet.army form section.army-body fieldset { border: 1px solid #5e0000; border-radius: 3px; padding: 0 0.75rem 0.5rem 0.75rem; } .sheet.army form section.army-body fieldset legend { align-items: baseline; color: var(--primary); display: flex; font-size: var(--font-size-15); font-family: var(--serif); font-weight: 600; gap: 0.25rem; margin-bottom: -0.125rem; } .sheet.army form section.army-body fieldset legend .item-controls { margin-left: 0.125rem; font-size: 0.8em; } .sheet.army form section.army-body .toggles input[type=checkbox] { width: 1rem; height: 1rem; } .sheet.army form section.army-body label { display: flex; align-items: center; position: relative; } .sheet.army form section.army-body .editor .editor-edit { display: none; } .sheet.army form section.army-body .weapons { display: flex; flex-direction: column; } .sheet.army form section.army-body .weapons .ammunition { display: flex; font-size: 0.9em; gap: 0.125rem; margin-left: 0.25rem; } .sheet.army form section.army-body .weapons .ammunition .pips { margin: 0 0.375rem; } .sheet.army form section.army-body .weapons .strike { align-items: center; display: flex; flex: 0; gap: 0.25rem; line-height: 1.5rem; } .sheet.army form section.army-body .weapons .strike input.name { flex: 1; text-indent: 0.25rem; height: 1.5rem; } .sheet.army form ol.item-list { list-style-type: none; padding: 0; } .sheet.army form ol.item-list li.item { align-items: center; display: flex; line-height: 1.5rem; flex-wrap: wrap; } .sheet.army form ol.item-list li.item:nth-child(odd) { background: rgba(180, 175, 175, 0.25); } .sheet.army form ol.item-list li.item.expanded { flex-wrap: wrap; } .sheet.army form ol.item-list li.item.expanded .tags { line-height: 1rem; padding: 0.5rem 0 0 0; } .sheet.army form ol.item-list li.item .item-icon { border-radius: 6px; border: none; height: 1.5rem; width: 1.5rem; position: relative; } .sheet.army form ol.item-list li.item .item-name { display: flex; text-indent: 0.5rem; flex: 1 1; margin: auto 0; font-weight: bold; width: 100%; } .sheet.army form ol.item-list li.item .item-frequency { flex: 0.2 0 4rem; gap: 0.25rem; display: flex; } .sheet.army form ol.item-list li.item .item-frequency input { text-align: right; } .sheet.army form ol.item-list li.item .item-frequency input, .sheet.army form ol.item-list li.item .item-frequency span { flex: 1; margin: auto; } .sheet.army form ol.item-list li.item .item-controls i { flex: 0 0 4rem; } .sheet.army form .item-summary { color: var(--text-dark); font-size: var(--font-size-12); padding: 0.25rem 0.5rem; flex: 100%; } .sheet.army form .pips, .sheet.army form .pips span { align-items: center; height: 24px; display: flex; flex-flow: row nowrap; justify-content: center; } .sheet.army form .pips i, .sheet.army form .pips span i { opacity: 0.4; } .sheet.army form .pips .filled, .sheet.army form .pips span .filled { opacity: 1; } .sheet.army form .pips .split + *, .sheet.army form .pips span .split + * { margin-left: 0.25rem; } .sheet.army form button.attack, .sheet.army form button.damage { align-items: center; border: none; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: var(--color-text-trait); display: inline-flex; flex: 0; font-family: var(--sans-serif); font-size: var(--font-size-10); font-weight: 500; gap: 2px; height: 1.25rem; letter-spacing: 0.05em; line-height: unset; margin: 0; padding: 0 0.5em; text-rendering: optimizeLegibility; text-transform: uppercase; white-space: nowrap; } .sheet.army form button.attack.attack, .sheet.army form button.damage.attack { background-color: var(--secondary); } .sheet.army form button.attack.damage, .sheet.army form button.damage.damage { background-color: var(--primary); } .sheet.army form button.attack:disabled, .sheet.army form button.damage:disabled { background-color: var(--color-text-dark-3); opacity: 0.8; } .sheet.army form button.attack:not(:disabled):hover, .sheet.army form button.damage:not(:disabled):hover { box-shadow: none; text-shadow: 0 0 2px var(--text-light); } .sheet.army form section.roll { display: flex; align-items: center; min-width: 4rem; justify-content: space-between; } .sheet.army form section.roll i { min-width: 1.5rem; font-size: 1rem; } .sheet.army form span.plus { font-size: 0.75rem; } .sheet.army form legend.compendium-items:hover { cursor: pointer; text-shadow: 0 0 5px var(--color-shadow-highlight); } .sheet.army form .placeholder { color: gray; } .sheet.army form .routed { color: darkred; } /* 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: var(--text-light); 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: var(--text-light); 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 button.clear-filters, #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters, #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters { margin-bottom: 5px; } #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 { display: inline-block; text-transform: capitalize; } #compendium-browser > section.window-content > .content-box .spell-browser dd select, #license-viewer > section.window-content > .content-box .spell-browser dd select { margin-left: 0.5em; width: 6em; } #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list { display: flex; flex-direction: column; height: 100%; margin: 0; padding: 0; width: 100%; 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 { align-items: center; gap: 0.25rem; padding: 0.125rem 0.25rem; } #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-items: center; display: flex; height: 2rem; justify-content: 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 { max-width: 2rem; } #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 { gap: 0.25em; flex-basis: 6ch; justify-content: start; } #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; max-width: 1.5em; } #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; justify-content: end; margin-right: var(--font-size-10); min-width: 5em; } #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 { margin-right: 0.5em; } #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 .spell-browser .list-buttons, #license-viewer > section.window-content > .content-box .spell-browser .list-buttons { position: absolute; bottom: 3px; right: 22px; width: 54%; display: flex; justify-content: space-between; } #compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button, #license-viewer > section.window-content > .content-box .spell-browser .list-buttons button { line-height: 19px; background: rgb(255, 255, 240); } #compendium-browser > section.window-content > .content-box > section.content, #license-viewer > section.window-content > .content-box > section.content { height: 96%; } #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; } #compendium-browser > section.window-content > .content-box > section.content > .tab.settings.active, #license-viewer > section.window-content > .content-box > section.content > .tab.settings.active { height: 98%; } .pf2e.item.sheet input, .pf2e.item.sheet label, .pf2e.item.sheet select { --form-field-height: 1.5rem; } .pf2e.item.sheet input[type=checkbox] { height: var(--font-size-20); } .pf2e.item.sheet select { height: var(--form-field-height); } .pf2e.item.sheet h3 { border-bottom: none; } .pf2e.item.sheet button > i { margin-right: 0; } .pf2e.item.sheet form { display: flex; flex-flow: column nowrap; font-family: var(--sans-serif); height: 100%; overflow: hidden; width: 100%; } .pf2e.item.sheet form h2, .pf2e.item.sheet form h3, .pf2e.item.sheet form h4 { font-weight: 500; } .pf2e.item.sheet form > header img { border: none; object-fit: contain; } .pf2e.item.sheet form > header .details { align-items: baseline; column-gap: 0.33rem; display: flex; flex-wrap: wrap; } .pf2e.item.sheet form > header .details input, .pf2e.item.sheet form > header .details .level { font: 700 var(--font-size-36) var(--serif-condensed); } .pf2e.item.sheet form > header input[type=text], .pf2e.item.sheet form > header input[type=number] { color: var(--color-text-dark-input); border: none; height: var(--font-size-34); } .pf2e.item.sheet form > header input[type=text]:hover, .pf2e.item.sheet form > header input[type=text]:focus, .pf2e.item.sheet form > header input[type=number]:hover, .pf2e.item.sheet form > header input[type=number]:focus { box-shadow: none; } .pf2e.item.sheet form > header input[name=name] { flex: 1; } .pf2e.item.sheet form > header .level { flex: 0; white-space: nowrap; margin-left: auto; } .pf2e.item.sheet form > header .level i { font-size: 0.6em; vertical-align: middle; } .pf2e.item.sheet form > header .level input { width: 40px; text-align: center; } .pf2e.item.sheet form > header .action-glyph { font-size: 2.125rem; } .pf2e.item.sheet form > header .paizo-style { border: none; flex-basis: 100%; margin-top: 0.125rem; padding: 0; } .pf2e.item.sheet form > nav { align-items: baseline; border-bottom: 1px solid var(--secondary-background); border-top: 1px solid var(--secondary-background); display: flex; flex: 0 0 1.75rem; line-height: 1.75rem; } .pf2e.item.sheet form > nav a { flex: 1 1 auto; } .pf2e.item.sheet form > nav a.active { text-decoration: underline; } .pf2e.item.sheet form > nav .sidebar-summary { flex: 0 0 13.75rem; margin: 0; text-align: center; } .pf2e.item.sheet form > nav > .tabs { font-weight: 500; margin: 0; flex: 1; align-items: baseline; } .pf2e.item.sheet form > nav > .tabs > a { font-size: var(--font-size-12); text-align: center; } .pf2e.item.sheet form > nav > .tabs > a:last-of-type { padding-right: 0.25rem; } .pf2e.item.sheet form > nav > .tabs > a.active { font-weight: 600; } .pf2e.item.sheet form .mce-panel span { display: inherit; } .pf2e.item.sheet form.editable .rollable:hover { color: var(--text-dark); text-shadow: 0 0 10px #00005a; cursor: pointer; } .pf2e.item.sheet form .tab { flex: 1; } .pf2e.item.sheet form:has(.tab.active.rules) .sidebar-summary { visibility: hidden; } .pf2e.item.sheet form:has(.tab.active.rules) section.sidebar { display: none; } .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 i.fa-info-circle { cursor: help; } .pf2e.item.sheet form .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 .sheet-content > * { flex: 1; } .pf2e.item.sheet form .sheet-content label { display: block; } .pf2e.item.sheet form .sheet-content input { color: var(--color-text-dark-input); } .pf2e.item.sheet form .sheet-content input[type=checkbox] { margin: 0.25em 0.5em; } .pf2e.item.sheet form .sheet-content input[type=number], .pf2e.item.sheet form .sheet-content input[type=text] { margin: 1px 0; width: calc(100% - 2px); } .pf2e.item.sheet form .sheet-content input[type=checkbox], .pf2e.item.sheet form .sheet-content input[type=number], .pf2e.item.sheet form .sheet-content input[type=text], .pf2e.item.sheet form .sheet-content select { background: rgba(255, 255, 255, 0.5); border: 1px solid var(--color-border-light-2); } .pf2e.item.sheet form .sheet-content select { font-size: var(--font-size-13); } .pf2e.item.sheet form .sheet-content button:hover:not(:disabled), .pf2e.item.sheet form .sheet-content button:focus, .pf2e.item.sheet form .sheet-content input:not([type=range]):hover:not(:disabled), .pf2e.item.sheet form .sheet-content input:not([type=range]):focus, .pf2e.item.sheet form .sheet-content select:hover:not(:disabled), .pf2e.item.sheet form .sheet-content select:focus { border-color: var(--color-border-dark-1); box-shadow: 0 0 5px var(--secondary); } .pf2e.item.sheet form .sheet-content input:disabled, .pf2e.item.sheet form .sheet-content select:disabled { background: rgba(0, 0, 0, 0.05); border: none; color: var(--color-disabled); } .pf2e.item.sheet form .sheet-content > section.sidebar, .pf2e.item.sheet form .sheet-content > .sheet-body { height: calc(100% - 10px); overflow-y: auto; } .pf2e.item.sheet form .sheet-content section.sidebar { flex: 0 0 13.75rem; display: flex; flex-flow: column nowrap; } .pf2e.item.sheet form .sheet-content section.sidebar > * { flex: 1; } .pf2e.item.sheet form .sheet-content section.sidebar .item-summary { font-family: var(--serif-condensed); font-weight: 700; flex: 0 0 1.5em; line-height: 1.5em; text-align: center; font-size: var(--font-size-18); color: #444; } .pf2e.item.sheet form .sheet-content section.sidebar ol.item-tags { padding-left: 0; flex: 0; list-style: none; } .pf2e.item.sheet form .sheet-content section.sidebar ol.item-tags .tag { align-items: center; justify-content: center; width: 100%; } .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details, .pf2e.item.sheet form .sheet-content section.sidebar .feat-details { overflow: hidden scroll; padding: 0 0.25rem 0 0; } .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group, .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group { margin: 3px 0; } .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group label, .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group label { font-weight: 500; max-width: 6em; white-space: nowrap; } .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group input, .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group input { text-align: right; } .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group input.left-of-select, .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group input.left-of-select { min-width: 4ch; padding-right: 0.25em; } .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group select, .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group select { max-width: 12em; } .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .price-fields, .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .price-fields { display: flex; gap: 4px; } .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .price-fields input[name="system.price.per"], .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .price-fields input[name="system.price.per"] { width: 22px; } .pf2e.item.sheet form .sheet-content section.sidebar button { padding-top: 0; padding-bottom: 0; white-space: nowrap; } .pf2e.item.sheet form .sheet-body { height: calc(100% - 2.25rem); overflow: hidden; display: flex; flex-direction: column; flex-wrap: nowrap; } .pf2e.item.sheet form .sheet-body .tab.active { overflow: hidden scroll; padding-left: 0.5rem; } .pf2e.item.sheet form .sheet-body .tab.active.description { display: flex; flex-direction: column; gap: 3px; height: 100%; padding: 0 0.25em; } .pf2e.item.sheet form .sheet-body .tab.active.description > * { display: flex; overflow: hidden; } .pf2e.item.sheet form .sheet-body .tab.active.description .editor { min-height: 2.5em; flex: 1; } .pf2e.item.sheet form .sheet-body .tab.active.description.editing { overflow: hidden; } .pf2e.item.sheet form .sheet-body .tab.active.description.editing > section { flex: 1; } .pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes { background-color: var(--visibility-gm-bg); border: 1px dotted rgba(75, 74, 68, 0.5); padding: 0 0.25em; flex: 0 0 auto; } .pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes:not(.has-content) { display: none; } .pf2e.item.sheet form .sheet-body .tab.active.description .main { flex: 1 0 auto; } .pf2e.item.sheet form .sheet-body .tab.active.description .editor { display: flex; flex-direction: column; } .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes, .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit { font-size: 1.33em; background: rgb(205, 205, 205); } .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes i, .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit i { width: 1em; text-align: center; } .pf2e.item.sheet form .sheet-body .tab.active.description .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 .sheet-body .tab.active.description .editor:hover a.add-gm-notes { display: block; } .pf2e.item.sheet form .sheet-body .tab.active.description .editor .tox { flex: 1; } .pf2e.item.sheet form .sheet-body .tab.active label { color: var(--color-text-dark-2); font-weight: 500; padding-right: 0.5em; white-space: nowrap; } .pf2e.item.sheet form .sheet-body .tab.active label.disabled, .pf2e.item.sheet form .sheet-body .tab.active label.no-data { color: var(--color-text-dark-4); } .pf2e.item.sheet form .sheet-body .tab.active.details { padding: 0.5rem 0.5rem 0; } .pf2e.item.sheet form .sheet-body .tab.active.details button { height: 2rem; line-height: normal; } .pf2e.item.sheet form .sheet-body .tab.active.details.no-sidebar .form-group label { max-width: 12em; white-space: wrap; } .pf2e.item.sheet form .sheet-body .tab.active.details .tags .tag { font-size: var(--font-size-10); } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data { align-items: baseline; gap: 0.25em; display: grid; grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data label { font-weight: 500; min-width: unset; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data input[type=text] { height: 1.6rem; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .title { grid-area: title; margin-right: 0; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .authors { grid-area: authors; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license { grid-area: license; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select { margin-top: 1px; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster { grid-area: remaster; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license, .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster { text-align: center; } .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license label, .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster label { padding: 0; } .pf2e.item.sheet form .sheet-body fieldset { border: 1px solid var(--color-border-medium); border-radius: 2px; margin-bottom: 0.5rem; padding: 0 0.5em 0.25em; } .pf2e.item.sheet form .sheet-body fieldset legend { font-weight: 600; } .pf2e.item.sheet form .sheet-body fieldset.basics { border-color: transparent; padding: 0; } .pf2e.item.sheet form .sheet-body .editor { --space-s: 0.25em; --space-m: 0.5em; --space-l: 1em; --space-xl: 1.5em; --space-2xl: 2em; --radius: 3px; } .pf2e.item.sheet form .sheet-body .editor :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 1em; } .pf2e.item.sheet form .sheet-body .editor .inline-header { display: flex; align-items: center; gap: var(--space-l); background-color: var(--alt); font-family: var(--sans-serif); color: var(--text-light); padding: 0; font-size: 0.8em; font-weight: 400; border: none; } .pf2e.item.sheet form .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 .sheet-body .editor .inline-header + p { margin-top: var(--space-s); } .pf2e.item.sheet form .sheet-body .editor .info { background-color: var(--secondary); padding: var(--space-m); color: var(--text-light); 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 .sheet-body .editor .info > * + * { margin-top: var(--space-m); } .pf2e.item.sheet form .sheet-body .editor .info + * { margin-top: var(--space-xl); } .pf2e.item.sheet form .sheet-body .editor .info + .pf2e.item.sheet form .sheet-body .editor .info { margin-top: var(--space-s); } .pf2e.item.sheet form .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: var(--text-light); } .pf2e.item.sheet form .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 .sheet-body .editor .info p { font-size: 0.8em; margin: 0; padding: 0 var(--space-l); } .pf2e.item.sheet form .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 .sheet-body .editor .traits { display: flex; flex-wrap: wrap; padding: 0; } .pf2e.item.sheet form .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: var(--text-light); font: 500 var(--font-size-10) var(--sans-serif); text-transform: uppercase; } .pf2e.item.sheet form .sheet-body .editor .statblock { font-family: var(--sans-serif-condensed); color: var(--text-dark); line-height: 1.2; margin-bottom: var(--space-m); } .pf2e.item.sheet form .sheet-body .editor .statblock > * + * { margin-top: var(--space-s); margin-bottom: 0; } .pf2e.item.sheet form .sheet-body .editor .statblock p { --indent: var(--space-l); margin-left: var(--indent); position: relative; } .pf2e.item.sheet form .sheet-body .editor .statblock p strong:first-of-type { margin-left: calc(var(--indent) * -1); } .pf2e.item.sheet form .sheet-body .editor .statblock p .trait:first-of-type { margin-left: calc(var(--indent) * -1 - 2px); } .pf2e.item.sheet form .sheet-body .editor .statblock span.pf2-icon { line-height: 1; } .pf2e.item.sheet form .sheet-body .editor .statblock h1, .pf2e.item.sheet form .sheet-body .editor .statblock h2, .pf2e.item.sheet form .sheet-body .editor .statblock h3, .pf2e.item.sheet form .sheet-body .editor .statblock h4 { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid var(--color-border-dark); text-transform: uppercase; letter-spacing: -0.05em; font-family: var(--sans-serif-condensed); font-weight: 700; } .pf2e.item.sheet form .sheet-body .editor .statblock hr { border: none; border-bottom: 1px solid var(--color-border-dark); } .pf2e.item.sheet form .sheet-body .editor .message { font-family: var(--journal-cursive); font-size: 2em; line-height: 1.2; } .pf2e.item.sheet form h3 .item-controls, .pf2e.item.sheet form header .item-controls { float: right; } .pf2e.item.sheet form .form-list h3, .pf2e.item.sheet form fieldset h3 { font-weight: 600; font-size: 1.05em; margin-bottom: 0.25em; } .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.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: var(--text-light); 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 > label:not(.large) { max-width: 11em; } .pf2e.item.sheet form .form-group > label.short { max-width: 9em; } .pf2e.item.sheet form .form-group ul.tags { margin: 0 0 0.5em; } .pf2e.item.sheet form .form-group .item-controls { flex: 0 1 auto; } .pf2e.item.sheet form .form-group input.adjusted-higher:not(:focus), .pf2e.item.sheet form .form-group select.adjusted-higher:not(:focus) { color: #009988; font-weight: 700; } .pf2e.item.sheet form .form-group input.adjusted-lower:not(:focus), .pf2e.item.sheet form .form-group select.adjusted-lower:not(:focus) { color: #cc3311; font-weight: 700; } .pf2e.item.sheet form .form-group select.readonly { opacity: 0.7; pointer-events: none; } .pf2e.item.sheet form .form-group select.readonly:hover { border: 1px solid var(--color-border-light-2); box-shadow: none; } .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 .form-fields > label { display: flex; align-items: center; white-space: nowrap; } .pf2e.item.sheet form .form-fields select { flex: 1; width: auto; } .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; } .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 i.fa-globe { padding: 0 3px; float: right; } .pf2e.item.sheet form .item-ref-group ul.item-refs > li .level { font-weight: 500; 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 fieldset.item-ref-group .item-refs { border: 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; } .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 .sheet-body .tab.mystification.active .mystification-status select { max-width: fit-content; margin-right: auto; } .pf2e.item.sheet form .sheet-body .tab.mystification.active fieldset > legend { font-weight: 500; } .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified { align-items: start; flex-direction: column; gap: 0.25rem; } .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified .img-name { align-items: center; gap: 0.5em; display: flex; flex-wrap: nowrap; } .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified .img-name img { flex: 0 0 3em; height: 3em; } .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified .editor { background: rgba(0, 0, 0, 0.05); padding: 0.25rem; min-height: 100px; min-width: 100%; flex-basis: 100%; } .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified .tox.tox-tinymce { min-height: 200px; } .pf2e.item.sheet form .tab.active.rules select { width: auto; } .pf2e.item.sheet form .tab.active.rules select span { padding: 0; } .pf2e.item.sheet form .tab.active.rules fieldset { border-radius: 5px; border: 1px solid var(--secondary-background); padding: 0.25em; } .pf2e.item.sheet form .tab.active.rules fieldset legend { font-weight: 500; } .pf2e.item.sheet form .tab.active.rules .nerd-details { margin-bottom: 10px; } .pf2e.item.sheet form .tab.active.rules .nerd-details .form-group { margin: 0; } .pf2e.item.sheet form .tab.active.rules .nerd-details label { align-items: center; display: flex; flex: 0 0 4.5rem; white-space: nowrap; line-height: 1.5em; margin-right: 1.25rem; min-width: 8em; } .pf2e.item.sheet form .tab.active.rules .nerd-details label i.fa-info-circle { margin-left: auto; margin-right: 0.5em; } .pf2e.item.sheet form .tab.active.rules .rules { padding-top: 0.5em; padding-right: 0.5em; } .pf2e.item.sheet form .tab.active.rules .rules .add-rule-element { text-align: right; } .pf2e.item.sheet form .tab.active.rules .rules textarea { padding: 4px; min-height: 60px; resize: vertical; } .pf2e.item.sheet form .tab.active.rules .create-rule-element { display: flex; align-items: center; white-space: nowrap; gap: 6px; justify-content: flex-end; } .pf2e.item.sheet form .tab.active.rules .rule-editing { display: flex; flex-direction: column; height: 100%; gap: 5px; } .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor { flex: 1; background-color: white; overflow: hidden; } .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor .cm-scroller { overflow: hidden scroll; overflow: scroll; } .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor button { width: auto; line-height: normal; } .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor input[type=checkbox] { width: auto; height: auto; } .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor label { display: inline; } .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor .cm-search .cm-textfield { width: 100px; } .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor ::selection { color: var(--text-dark); } .pf2e.item.sheet form .tab.active.rules .rule-editing .item-controls { margin: 0; } .pf2e.item.sheet form .tab.active.rules .rule-form { border-bottom: 1px solid var(--color-border-light-primary); padding-bottom: 0.5rem; margin-bottom: 0.5rem; } .pf2e.item.sheet form .tab.active.rules .rule-form.drag-preview { background: url(../ui/parchment.jpg) repeat; } .pf2e.item.sheet form .tab.active.rules .rule-form.drag-gap { visibility: hidden; } .pf2e.item.sheet form .tab.active.rules .rule-form input::placeholder { opacity: 0.9; } .pf2e.item.sheet form .tab.active.rules .rule-form label { align-items: center; display: flex; gap: 4px; font-weight: 500; white-space: nowrap; } .pf2e.item.sheet form .tab.active.rules .rule-form label:not(:first-child) { padding-left: 2px; } .pf2e.item.sheet form .tab.active.rules .rule-form label input, .pf2e.item.sheet form .tab.active.rules .rule-form label tags { flex: 1; } .pf2e.item.sheet form .tab.active.rules .rule-form label input[type=checkbox] { width: 1rem; height: 1rem; flex-basis: auto; } .pf2e.item.sheet form .tab.active.rules .rule-form label input[type=checkbox]:first-child:last-child { margin-left: auto; justify-self: flex-end; } .pf2e.item.sheet form .tab.active.rules .rule-form select.short { flex: 0 0 auto; } .pf2e.item.sheet form .tab.active.rules .rule-form .content-link { display: flex; flex: 0 0 auto; flex-direction: row; align-items: center; gap: 3px; } .pf2e.item.sheet form .tab.active.rules .rule-form .content-link img { width: 16px; height: 16px; } .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header { display: flex; align-items: center; margin-bottom: 0.25rem; } .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .drag-handle { cursor: grab; font-weight: normal; margin-right: 0.375rem; padding: 0.125rem; } .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header h3 { flex: 1; margin: 0; } .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header h3.unrecognized { color: #880000; } .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority { margin-right: 0.75rem; } .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority input { width: 4ch; } .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .item-controls { margin-left: auto; } .pf2e.item.sheet form .tab.active.rules .rule-form .form-fields [data-action] { flex: 0 0 auto; } .pf2e.item.sheet form .tab.active.rules .rule-form .range { display: flex; gap: 3px; align-items: center; } .pf2e.item.sheet form .tab.active.rules .rule-form .range input { width: 40px; } .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input { align-items: center; display: flex; flex: 2; justify-content: center; } .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags { z-index: 0; } .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment:hover, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment:focus, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input:hover, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input:focus, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags:hover, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags:focus { z-index: 1; } .pf2e.item.sheet form .tab.active.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 .tab.active.rules .rule-form .attached-input .file-picker { line-height: unset; } .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input tags { border-top-left-radius: 0; border-bottom-left-radius: 0; margin: 0; flex: 1; } .pf2e.item.sheet form .tab.active.rules .rule-form .brackets { margin-left: 9.5em; } .pf2e.item.sheet form .tab.active.rules .rule-form .brackets .bracket { align-items: center; display: flex; gap: 4px; } .pf2e.item.sheet form .tab.active.rules .rule-form .brackets .bracket .value { flex: 1; } .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs { border-bottom: 1px solid var(--secondary-background); } .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 { display: flex; justify-content: space-evenly; width: 100%; margin-top: 0.5em; font-weight: 200; } .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs a.active { font-weight: 600; text-decoration: underline; } .pf2e.item.sheet form .tab.active.rules .rule-form .validation-failures { background: rgba(214, 150, 0, 0.5); border-radius: 3px; } .pf2e.item.sheet form .tab.active.rules .rule-form .validation-failures ul { list-style: "\f071" outside; padding: 0.25em 0.25em 0.25em 1.5em; } .pf2e.item.sheet form .tab.active.rules .rule-form .validation-failures ul li { font-weight: 900; font-family: var(--font-awesome); } .pf2e.item.sheet form .tab.active.rules .rule-form .validation-failures ul li > span { margin-left: 0.25em; font-weight: normal; font-family: var(--font-primary); } .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 4em; } .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone { display: flex; justify-content: center; align-items: center; width: 40%; height: 3.5em; border: 1px solid var(--color-border-light-primary); border-radius: 3px; color: #222; background-color: #ddd; cursor: default; padding: 1px 6px; font-family: var(--font-primary); font-size: var(--font-size-14); line-height: 28px; } .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i { 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; } .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i:after { font-size: var(--font-size-20); } .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone span { color: var(--text-dark); } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item { display: grid; grid: 1fr/5em 1fr; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item.long-label { grid: 1fr/9em 1fr; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .checkbox { display: flex; justify-content: flex-end; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls { justify-content: flex-end; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls a { margin: 2px 5px 0 0; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .stacked { display: grid; grid-template-columns: 1fr 1fr; column-gap: 0.5rem; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .column-span-two { grid-column: span 2; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .resolvable { grid-column: span 2; display: flex; align-items: center; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets-container { grid-column: span 3; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label { min-width: 5em; font-weight: 500; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label.short { max-width: 5em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label.with-hint { margin-right: 5px; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] fieldset { grid-column: span 2; padding-bottom: 0.4rem; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets { margin-left: 6em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] hr { grid-column: span 2; width: 100%; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] { height: 90px; overflow-y: auto; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container { grid-column: span 2; display: grid; grid: 1fr/5em 10fr 1fr; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link { display: flex; align-items: center; gap: 0.5em; width: fit-content; min-width: 12rem; height: 2em; padding: 4px; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link img { border: 1px solid var(--color-border-dark); border-radius: 2px; box-sizing: border-box; display: block; float: left; height: 24px; width: 24px; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link span { text-wrap: wrap; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items { grid-column: span 2; display: grid; grid: 1fr/5em 8fr 7em 5fr 6em 1fr; margin-top: 5px; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items select { width: fit-content; min-width: 10em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container { display: grid; grid: 1fr/5em 8.8fr; align-items: center; row-gap: 5px; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container select { width: fit-content; min-width: 10em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .rules-drop-container { grid-column: span 2; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .translation input { width: 5em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] input[type=checkbox] { margin-left: unset; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items { display: flex; justify-content: space-between; gap: 0.5em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items > label { min-width: unset; width: fit-content; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker { align-items: center; display: flex; width: 16rem; white-space: nowrap; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=text] { flex: 1; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=color] { flex: 2; height: 94%; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=color]:disabled { background: rgba(0, 0, 0, 0.05); border: 1px solid transparent; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user { flex: 0; gap: 0; justify-content: start; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user input[type=checkbox] { flex: 0; margin-left: 0; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user span { font-size: small; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items { display: grid; grid-template-columns: 5em 2.5fr 1fr; align-items: center; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.long-label { grid: 1fr/9em 2.5fr 1fr; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items input[type=color] { min-width: 7em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.image-path { grid-column: span 2; grid: 1fr/9em 8fr 1fr; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.image-path button.file-picker { margin: unset; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Note] { display: flex; flex-direction: column; gap: 2px; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] { display: grid; grid: "label content" 1fr/1fr 1fr; column-gap: 5px; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii { display: flex; flex-direction: column; grid-column: span 2; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii .brackets { margin-left: 6.5em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] label { display: flex; flex: unset; margin-left: 5px; margin-right: 5px; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] label.short { min-width: 5em; } .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] .column-span-two { grid-column: span 2; } .pf2e.item.sheet a.disabled { cursor: default; } .pf2e.item.sheet a.disabled:hover { text-shadow: none; } .pf2e.item.sheet a.disabled.header-button { color: var(--color-text-light-5); } .pf2e.item.sheet.action form .drop-zone { align-items: center; border: 1px solid var(--color-border-light-tertiary); display: flex; gap: 0.25rem; max-width: fit-content; padding: 0 4px 0 0; } .pf2e.item.sheet.action form .drop-zone.empty { font-weight: normal; min-width: 12rem; padding: 4px; } .pf2e.item.sheet.action form .drop-zone.empty .name { font-style: italic; flex: 1; text-align: center; } .pf2e.item.sheet.action form .drop-zone picture, .pf2e.item.sheet.action form .drop-zone img { border: 1px solid var(--color-border-dark); border-radius: 2px; box-sizing: border-box; display: block; float: left; height: 24px; width: 24px; } .pf2e.item.sheet.action form .drop-zone a.content-link { align-items: center; border: none; border-right: 1px solid var(--color-border-light-2); display: flex; gap: 0.5em; min-width: 9rem; padding: 4px; } .pf2e.item.sheet.action form .drop-zone a.delete { display: flex; } .pf2e.item.sheet.affliction form .affliction-stage .link:not(.linked) { opacity: 0.6; color: #a00; } .pf2e.item.sheet.affliction form .affliction-stage .formula-row { align-items: center; display: flex; gap: 4px; } .pf2e.item.sheet.consumable form .form-group.price input.per { max-width: 4ch; } .pf2e.item.sheet.consumable form .form-group.damage a, .pf2e.item.sheet.consumable form .form-group.damage button, .pf2e.item.sheet.consumable form .form-group.damage select { max-width: fit-content; } .pf2e.item.sheet.deity form .tab.details .form-group.fonts { display: flex; gap: 0.25rem; } .pf2e.item.sheet.deity form .tab.details .form-group.fonts .form-fields { justify-content: start; } .pf2e.item.sheet.deity form .tab.details .form-group.fonts .form-fields label { font-weight: normal; } .pf2e.item.sheet.effect form .sheet-content .sidebar .inventory-details .form-group select { max-width: fit-content; } .pf2e.item.sheet.effect form .sheet-content .sidebar .inventory-details .form-group .form-group.duration label { max-width: fit-content; padding-right: 0.1em; } .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row { align-items: center; display: flex; gap: 4px; width: 100%; } .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row label { cursor: pointer; max-width: unset; } .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row input[type=radio] { margin: 0; top: 0; } .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row .badge-value { margin-right: 0.1rem; width: 3ch; font-weight: bold; text-align: end; } .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row input[type=text] { flex: 1; text-align: end; } .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-header { display: flex; align-items: center; justify-content: space-between; margin: 0.5em 0 0.25em 0; } .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge { display: flex; align-items: center; } .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge select { flex: 1; max-width: unset; } .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge button { flex: 0; line-height: 1.2em; } .pf2e.item.sheet.feat form .drop-zone { align-items: center; border: 1px solid var(--color-border-light-tertiary); display: flex; gap: 0.25rem; max-width: fit-content; padding: 0 4px 0 0; } .pf2e.item.sheet.feat form .drop-zone.empty { font-weight: normal; min-width: 12rem; padding: 4px; } .pf2e.item.sheet.feat form .drop-zone.empty .name { font-style: italic; flex: 1; text-align: center; } .pf2e.item.sheet.feat form .drop-zone picture, .pf2e.item.sheet.feat form .drop-zone img { border: 1px solid var(--color-border-dark); border-radius: 2px; box-sizing: border-box; display: block; float: left; height: 24px; width: 24px; } .pf2e.item.sheet.feat form .drop-zone a.content-link { align-items: center; border: none; border-right: 1px solid var(--color-border-light-2); display: flex; gap: 0.5em; min-width: 9rem; padding: 4px; } .pf2e.item.sheet.feat form .drop-zone a.delete { display: flex; } .pf2e.item.sheet.feat form .tab.details .form-group > label { min-width: fit-content; margin-right: 1em; } .pf2e.item.sheet.heritage form section.sidebar .required-ancestry { flex-wrap: nowrap; width: 100%; white-space: nowrap; max-width: 100%; } .pf2e.item.sheet.heritage form section.sidebar .required-ancestry label { flex: 0; } .pf2e.item.sheet.heritage form section.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 section.sidebar .required-ancestry .drop-zone span { display: inline-block; overflow: hidden; text-overflow: ellipsis; } .pf2e.item.sheet.heritage form section.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 section.sidebar .required-ancestry .drop-zone a.remove-ancestry { display: none; position: absolute; right: -0.5em; top: -0.25em; } .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone a.remove-ancestry:hover { display: flex; } .pf2e.item.sheet.heritage form section.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 .tab.details .form-group.attack-modifier label, .pf2e.item.sheet.melee form .sheet-body .tab.details li.damage-partial form-group label { max-width: fit-content; } .pf2e.item.sheet.melee form .sheet-body .tab.details .form-group.attack-modifier input, .pf2e.item.sheet.melee form .sheet-body .tab.details li.damage-partial form-group input { max-width: 6ch; } .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial { align-items: center; display: flex; gap: 1em; } .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial input { max-width: 12ch; } .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial .type { gap: 0.25em; } .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial .remove-partial { margin: 0 0.5em 0 auto; } .pf2e.item.sheet.spell form .tab.details.active .save-basic { display: flex; flex-wrap: nowrap; justify-content: end; } .pf2e.item.sheet.spell form .tab.details.active .damage-formulas { margin-top: 0.5rem; } .pf2e.item.sheet.spell form .tab.details.active .damage-formulas .form-fields { gap: 2px; white-space: nowrap; } .pf2e.item.sheet.spell form .tab.details.active .damage-formulas .form-fields .apply-mod { white-space: nowrap; } .pf2e.item.sheet.spell form .tab.details.active .damage-formulas .form-fields select { max-width: 8em; } .pf2e.item.sheet.spell form .tab.details.active .damage-formulas .form-fields .materials { align-self: end; } .pf2e.item.sheet.spell form .tab.details.active button + fieldset { margin-top: 0.5rem; } .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening { display: flex; flex-direction: column; gap: 0.25rem; } .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening .add { display: grid; grid-template-columns: 1fr 1fr; } .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening .add button.only-option { grid-column: span 2; } .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening .overlay .toggle-button-list { column-gap: 2px; display: grid; grid-template-columns: repeat(6, 1fr); margin: 4px 0; } .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening .overlay .toggle-button-list button { font-size: var(--font-size-12); line-height: normal; margin: 0; padding: 0.25em; white-space: nowrap; } .pf2e.item.sheet.spell form .tab.details.active .overlay .traits { align-items: center; display: flex; gap: 4px; } .pf2e.item.sheet.spell form .tab.details.active .overlay .traits .tags { flex: 1; } .pf2e.item.sheet.spell form .tab.details.active .variants .variant { display: grid; grid-template-columns: 1fr 1fr 0.2fr; } .pf2e.item.sheet.spell form .tab.details.active .variants .variant .item-controls { justify-self: end; } .pf2e.item.sheet.weapon form .tab.details label { min-width: 9em; } .pf2e.item.sheet.weapon form .tab.details .precious-material select { width: 19.5em; } .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; } #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: var(--text-light); 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.fa-solid { cursor: inherit; } #darkness-adjuster .synchronized .slider .noUi-pips { visibility: hidden; } .scene-sheet nav .action-glyph { font-size: var(--font-size-15); } .scene-sheet span.range-value.disabled { border: none; color: #777; } .scene-sheet button.automation-settings { align-self: end; display: flex; margin: -1px 0 -1px 4px; padding: 0.3125rem 0.5em; } .scene-sheet button.automation-settings > i { margin: 0; } .app.token-sheet .tab.active[data-tab=appearance] fieldset { border: 1px solid var(--color-border-light-primary); } .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; } table.damage-types th, table.damage-types td { white-space: nowrap; } table.damage-types th:not(:last-child), table.damage-types td:not(:last-child) { padding-right: 0.25rem; } table.damage-types .icon-preview { display: flex; align-items: center; gap: 0.125rem; } table.damage-types .delete-cell { text-align: end; width: 1rem; } table.damage-types .delete-cell i { padding: 0.125rem 0.25rem; cursor: pointer; } #variant-rules-settings form .form-group.abp select { flex: 0; } #variant-rules-settings form .proficiency-modifiers { column-gap: 0.5em; display: grid; grid-template: "untrained trained expert master legendary" auto "hint hint hint hint hint" auto/1fr 1fr 1fr 1fr 1fr; } #variant-rules-settings form .proficiency-modifiers .hint { grid-area: hint; } #variant-rules-settings form .proficiency-modifiers .modifier label { font-size: var(--font-size-12); } #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 > .system-links { gap: 0.5rem; margin-bottom: 0.35rem; } #game-details > .system-links > a[href] { flex: 0; font-size: var(--font-size-12); text-transform: uppercase; } #game-details > .system-links > 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 .window-content h3 { display: flex; justify-content: center; } .app.choice-set-prompt .window-content button, .app.choice-set-prompt .window-content select { display: flex; margin: 4px auto; } .app.choice-set-prompt .window-content .choices { max-width: max-content; justify-items: center; margin: auto; } .app.choice-set-prompt .window-content .choices.select-menu { min-width: 18em; } .app.choice-set-prompt .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; width: 100%; } .app.choice-set-prompt .window-content .choices.select-menu tags .tagify__input { align-items: center; display: flex; height: 100%; margin: 0; } .app.choice-set-prompt .window-content .choices button, .app.choice-set-prompt .window-content .choices .drop-zone { cursor: pointer; max-width: 100%; } .app.choice-set-prompt .window-content .choices button:not(.with-image), .app.choice-set-prompt .window-content .choices .drop-zone:not(.with-image) { min-width: 120px; justify-content: center; } .app.choice-set-prompt .window-content .choices button.with-image, .app.choice-set-prompt .window-content .choices .drop-zone.with-image { align-items: center; } .app.choice-set-prompt .window-content .choices button.with-image img, .app.choice-set-prompt .window-content .choices .drop-zone.with-image img { border: 1px solid #444; height: 1.6em; margin-right: 0.5em; } .app.choice-set-prompt .window-content .choices .choice-buttons { align-items: center; display: flex; flex-direction: column; } .app.choice-set-prompt .window-content .choices .choice-buttons .choice { align-items: center; display: flex; gap: 0.5em; width: 100%; } .app.choice-set-prompt .window-content .choices .choice-buttons .choice.select { margin-bottom: 0.5rem; } .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info { align-items: center; border-radius: 2px; border: 1px solid var(--color-text-light-primary); display: flex; height: var(--font-size-20); justify-content: center; min-width: var(--font-size-20); } .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled { color: var(--color-disabled); cursor: default; } .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:hover, .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:active { text-shadow: none; } .app.choice-set-prompt .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 .window-content .choices .drop-zone i { 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 .window-content .choices .drop-zone i:after { font-size: var(--font-size-20); } .app.choice-set-prompt .window-content .choices .drop-zone span { color: var(--text-dark); flex: 1; } .compendium-migration-status .content { min-width: 15rem; } .compendium-migration-status table * { user-select: text; } .compendium-migration-status table * th, .compendium-migration-status table * td { padding: 0.25em 0.5em; white-space: nowrap; } .compendium-migration-status table * th { padding-left: 1em; text-align: end; } .compendium-migration-status table * td { width: 100%; } .compendium-migration-status .empty { opacity: 0.8; } .compendium-migration-status .updated { border: 1px dashed var(--alt); line-height: 28px; text-align: center; } .compendium-migration-status .migrate { display: flex; padding: 0.125rem; } .compendium-migration-status .migrate > * { flex: 1; } #effects-panel { pointer-events: initial; position: absolute; top: 5px; right: 0; } #effects-panel .effect-item { display: flex; justify-content: end; height: 52px; } #effects-panel .effect-item[data-badge-type=formula] .icon { cursor: pointer; } #effects-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: var(--text-light); position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 4px; } #effects-panel .effect-item:hover .effect-info { display: flex; align-items: end; flex-direction: column; } #effects-panel .effect-item .effect-info { background-color: rgba(0, 0, 0, 0.75); color: var(--color-text-light-2); display: none; gap: 3px; height: min-content; margin-right: 0.5em; max-width: 350px; padding: 0.25em 0.5rem; } #effects-panel .effect-item .effect-info h1 { margin: 0; padding: 0; border: none; display: flex; font-size: var(--font-size-14); padding-top: 0.25em; text-align: right; } #effects-panel .effect-item .effect-info h1 a[data-action=send-to-chat] i { font-size: var(--font-size-13); margin-left: 2px; } #effects-panel .effect-item .effect-info > a.inline-check { font-size: var(--font-size-13); font-weight: normal; line-height: normal; vertical-align: middle; } #effects-panel .effect-item .effect-info .tags { justify-content: end; } #effects-panel .effect-item .effect-info .tags .tag { margin-bottom: 0; } #effects-panel .effect-item .effect-info .tags .tag + .tag, #effects-panel .effect-item .effect-info .tags .tag:first-child { margin-left: 3px; margin-right: -2px; } #effects-panel .effect-item .effect-info .instructions, #effects-panel .effect-item .effect-info .description { font-size: var(--font-size-12); } #effects-panel .effect-item .effect-info .instructions { display: flex; flex-direction: column; gap: 2px; text-align: right; } #effects-panel .effect-item .effect-info .description { background: rgba(0, 0, 0, 0.7); max-height: 16em; overflow-y: auto; padding: 0 0.5em; text-align: left; } #effects-panel .effect-item .effect-info .description a, #effects-panel .effect-item .effect-info .description span[data-pf2-effect-area] { color: var(--color-text-dark-primary); } #effects-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; } #effects-panel .effect-item > .icon.aura { border-radius: 50%; box-shadow: 0px 0px 10px 5px white; } #effects-panel .effect-item > .icon.unidentified { filter: drop-shadow(0 0 8px var(--visibility-gm-bg)); } #effects-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: var(--text-light); background-color: var(--primary); } #effects-panel .effect-item > .icon .linked { position: absolute; display: inline-block; bottom: -1px; right: -1px; padding: 0px 2px; color: var(--text-light); background-color: rgba(0, 0, 0, 0.75); } #effects-panel .effect-item > .icon .value-wrapper { position: absolute; bottom: -1px; left: -1px; max-width: calc(100% + 2px); padding: 0px 2px; color: var(--text-light); background-color: rgba(0, 0, 0, 0.75); font-size: var(--font-size-13); letter-spacing: -0.05em; white-space: nowrap; overflow: hidden; } #effects-panel .effect-item > .icon .value-wrapper .value { overflow: hidden; text-overflow: ellipsis; } #effects-panel .effect-item > .icon .value-wrapper .value strong { display: inline-block; padding-right: 1px; } #effects-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 :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: var(--text-light); 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: var(--text-light); 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: var(--text-light); } .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: var(--text-light); 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: var(--text-dark); 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 var(--color-border-dark); 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 var(--color-border-dark); } .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: var(--text-dark); 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: var(--text-light); 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: var(--text-dark); } .journal-entry-page .journal-page-content .fumble-deck blockquote span.with-repost { color: var(--text-dark); } .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: var(--text-dark); 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: var(--text-light); 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: var(--text-dark); } .journal-entry-page .journal-page-content .critical-deck blockquote span.with-repost { color: var(--text-dark); } .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 { align-items: center; 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: var(--color-text-trait); display: inline-flex; font-weight: 500; padding: 0.3em; } .tags .tag.tag_secondary, .tags .tag option.tag_secondary { background-color: var(--secondary); } .tags .tag.tag_tertiary, .tags .tag option.tag_tertiary { background-color: var(--tertiary); } .tags .tag.tag_alt, .tags .tag option.tag_alt { background-color: var(--alt); } .tags .tag.ghost-touch, .tags .tag option.ghost-touch { background-color: #516178; } .tags .tag.tag_material, .tags .tag option.tag_material { background-color: var(--alt-dark); } .tags .tag.tag_transparent, .tags .tag option.tag_transparent { background-color: transparent; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3); color: var(--color-text-dark-secondary); font-family: var(--font-primary); line-height: 1.6em; padding: 0 0.5em; text-transform: none; } .tags .tag.rarity.common, .tags .tag.rarity[value=common], .tags .tag.rarity > option[value=common], .tags .tag option.rarity.common, .tags .tag option.rarity[value=common], .tags .tag option.rarity > option[value=common] { background-color: var(--color-rarity-common); } .tags .tag.rarity.uncommon, .tags .tag.rarity[value=uncommon], .tags .tag.rarity > option[value=uncommon], .tags .tag option.rarity.uncommon, .tags .tag option.rarity[value=uncommon], .tags .tag option.rarity > option[value=uncommon] { background-color: var(--color-rarity-uncommon); } .tags .tag.rarity.rare, .tags .tag.rarity[value=rare], .tags .tag.rarity > option[value=rare], .tags .tag option.rarity.rare, .tags .tag option.rarity[value=rare], .tags .tag option.rarity > option[value=rare] { background-color: var(--color-rarity-rare); } .tags .tag.rarity.unique, .tags .tag.rarity[value=unique], .tags .tag.rarity > option[value=unique], .tags .tag option.rarity.unique, .tags .tag option.rarity[value=unique], .tags .tag option.rarity > option[value=unique] { background-color: var(--color-rarity-unique); } .tags .tag.mystified, .tags .tag option.mystified { opacity: 0.7; } .tags.paizo-style { border: none; border-radius: 3px; gap: 0; padding: 0.5em 0.05em; } .tags.paizo-style tag, .tags.paizo-style .tag, .tags.paizo-style select.tag { background-color: var(--color-bg-trait); border: solid var(--color-border-trait); box-shadow: none; margin: 0; } .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, .tags.paizo-style select.tag { border-width: 2px 3px 2px 2px; } .tags.paizo-style tag:first-child, .tags.paizo-style select.tag:first-child { border-left-width: 5px; } .tags.paizo-style tag:last-child, .tags.paizo-style select.tag:last-child { border-right-width: 5px; } .tags.paizo-style tag:last-of-type { border-right-width: 5px; } .tags.paizo-style .tag { border-width: 1px 2px 1px 1px; } .tags.paizo-style .tag:first-child { border-left-width: 3px; } .tags.paizo-style .tag:last-child { border-right-width: 3px; } .tags.paizo-style .tag.size { background-color: var(--color-bg-size); } .tags.paizo-style tag > div { border-radius: 0; display: flex; font: 500 var(--font-size-10) var(--sans-serif); padding: 0 0.09rem 0 0.25rem; } .tags.paizo-style tag > div .tagify__tag-text { text-transform: uppercase; } .tags.paizo-style hr.vr { height: 1.25em; margin: 1px 2px; } .tags.paizo-style[disabled] { filter: none; } .tags.paizo-style[disabled] tag > div::before { animation: none !important; } .tags.paizo-style[disabled] > .tagify__input { display: none; } .chat-message .tags { line-height: normal; } tags.tags.paizo-style { background-color: rgba(0, 0, 0, 0.075); padding: 0; --tag-bg: var(--color-bg-trait); --tag-hover: var(--color-bg-trait); --tag-remove-btn-color: var(--color-text-trait); --tag-text-color: var(--color-text-trait); --tags-border-color: var(--color-border-trait); --tags-focus-border-color: var(--color-border-trait); --tags-hover-border-color: var(--color-border-trait); --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 .conjunction-not-button { order: 4; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; cursor: pointer; background: var(--tag-remove-btn-bg); color: var(--tag-remove-btn-color); width: 14px; height: 14px; -webkit-padding-before: 2px; margin-left: 2px; overflow: hidden; transition: 0.2s ease-out; } tags.tags.paizo-style .conjunction-not-button:hover { color: white; background: var(--tag-remove-btn-bg--hover); } tags.tags.paizo-style tag { height: var(--font-size-27); } 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-border-light-2); --tags-hover-border-color: var(--color-border-light-2); 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: var(--text-light); 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; } #generate-check-prompt { height: auto !important; } #generate-check-prompt .dialog-content > nav a.active { text-decoration: underline; } #generate-check-prompt .dialog-content section.check-prompt-content .form-group.secret { justify-content: end; text-align: right; } #generate-check-prompt .dialog-content section.check-prompt-content .roll-options { display: none; } #generate-check-prompt .dialog-content section.check-prompt-content a.add-roll-options i.fa-plus { display: inline; } #generate-check-prompt .dialog-content section.check-prompt-content a.add-roll-options i.fa-minus { display: none; } #generate-check-prompt .dialog-content section.check-prompt-content input#check-prompt-secret, #generate-check-prompt .dialog-content section.check-prompt-content input#check-prompt-basic-save { margin-right: 0; } #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options .roll-options { display: block; } #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options a.add-roll-options i.fa-plus { display: none; } #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options a.add-roll-options i.fa-minus { display: inline; } #generate-check-prompt .dialog-content select { height: var(--form-field-height); text-transform: capitalize; } #generate-check-prompt .dialog-content tags.tagify { background-color: rgba(0, 0, 0, 0.075); border: 1px solid var(--color-border-light-tertiary); border-radius: 3px; } #generate-check-prompt .dialog-buttons { flex: 0 1 auto; } .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; }