|
|
- @charset "UTF-8";.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
- :root {
- --tagify-dd-color-primary: rgb(53,149,246);
- --tagify-dd-bg-color: white;
- --tagify-dd-item-pad: .3em .5em;
- }
-
- .tagify {
- --tags-disabled-bg: #F1F1F1;
- --tags-border-color: #DDD;
- --tags-hover-border-color: #CCC;
- --tags-focus-border-color: #3595f6;
- --tag-border-radius: 3px;
- --tag-bg: #E5E5E5;
- --tag-hover: #D3E2E2;
- --tag-text-color: black;
- --tag-text-color--edit: black;
- --tag-pad: 0.3em 0.5em;
- --tag-inset-shadow-size: 1.1em;
- --tag-invalid-color: #D39494;
- --tag-invalid-bg: rgba(211, 148, 148, 0.5);
- --tag-remove-bg: rgba(211, 148, 148, 0.3);
- --tag-remove-btn-color: black;
- --tag-remove-btn-bg: none;
- --tag-remove-btn-bg--hover: #c77777;
- --input-color: inherit;
- --tag--min-width: 1ch;
- --tag--max-width: auto;
- --tag-hide-transition: 0.3s;
- --placeholder-color: rgba(0, 0, 0, 0.4);
- --placeholder-color-focus: rgba(0, 0, 0, 0.25);
- --loader-size: .8em;
- --readonly-striped: 1;
- display: inline-flex;
- align-items: flex-start;
- flex-wrap: wrap;
- border: 1px solid var(--tags-border-color);
- padding: 0;
- line-height: 0;
- cursor: text;
- outline: none;
- position: relative;
- box-sizing: border-box;
- transition: 0.1s;
- }
- @keyframes tags--bump {
- 30% {
- transform: scale(1.2);
- }
- }
- @keyframes rotateLoader {
- to {
- transform: rotate(1turn);
- }
- }
- .tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
- --tags-border-color: var(--tags-hover-border-color);
- }
- .tagify[disabled] {
- background: var(--tags-disabled-bg);
- filter: saturate(0);
- opacity: 0.5;
- pointer-events: none;
- }
- .tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
- pointer-events: none;
- }
- .tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
- cursor: default;
- }
- .tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
- visibility: hidden;
- width: 0;
- margin: 5px 0;
- }
- .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
- padding: var(--tag-pad);
- }
- .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
- animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
- }
- @keyframes readonlyStyles {
- 0% {
- background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
- box-shadow: none;
- filter: brightness(0.95);
- }
- }
- .tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
- display: none;
- }
- .tagify--loading .tagify__input > br:last-child {
- display: none;
- }
- .tagify--loading .tagify__input::before {
- content: none;
- }
- .tagify--loading .tagify__input::after {
- content: "";
- vertical-align: middle;
- opacity: 1;
- width: 0.7em;
- height: 0.7em;
- width: var(--loader-size);
- height: var(--loader-size);
- min-width: 0;
- border: 3px solid;
- border-color: #EEE #BBB #888 transparent;
- border-radius: 50%;
- animation: rotateLoader 0.4s infinite linear;
- content: "" !important;
- margin: -2px 0 -2px 0.5em;
- }
- .tagify--loading .tagify__input:empty::after {
- margin-left: 0;
- }
- .tagify + input,
- .tagify + textarea {
- position: absolute !important;
- left: -9999em !important;
- transform: scale(0) !important;
- }
- .tagify__tag {
- display: inline-flex;
- align-items: center;
- margin: 5px 0 5px 5px;
- position: relative;
- z-index: 1;
- outline: none;
- line-height: normal;
- cursor: default;
- transition: 0.13s ease-out;
- }
- .tagify__tag > div {
- vertical-align: top;
- box-sizing: border-box;
- max-width: 100%;
- padding: var(--tag-pad);
- color: var(--tag-text-color);
- line-height: inherit;
- border-radius: var(--tag-border-radius);
- white-space: nowrap;
- transition: 0.13s ease-out;
- }
- .tagify__tag > div > * {
- white-space: pre-wrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: inline-block;
- vertical-align: top;
- min-width: var(--tag--min-width);
- max-width: var(--tag--max-width);
- transition: 0.8s ease, 0.1s color;
- }
- .tagify__tag > div > *[contenteditable] {
- outline: none;
- user-select: text;
- cursor: text;
- margin: -2px;
- padding: 2px;
- max-width: 350px;
- }
- .tagify__tag > div::before {
- content: "";
- position: absolute;
- border-radius: inherit;
- inset: var(--tag-bg-inset, 0);
- z-index: -1;
- pointer-events: none;
- transition: 120ms ease;
- animation: tags--bump 0.3s ease-out 1;
- box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
- }
- .tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
- --tag-bg-inset: -2.5px;
- --tag-bg: var(--tag-hover);
- }
- .tagify__tag--loading {
- pointer-events: none;
- }
- .tagify__tag--loading .tagify__tag__removeBtn {
- display: none;
- }
- .tagify__tag--loading::after {
- --loader-size: .4em;
- content: "";
- vertical-align: middle;
- opacity: 1;
- width: 0.7em;
- height: 0.7em;
- width: var(--loader-size);
- height: var(--loader-size);
- min-width: 0;
- border: 3px solid;
- border-color: #EEE #BBB #888 transparent;
- border-radius: 50%;
- animation: rotateLoader 0.4s infinite linear;
- margin: 0 0.5em 0 -0.1em;
- }
- .tagify__tag--flash div::before {
- animation: none;
- }
- .tagify__tag--hide {
- width: 0 !important;
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
- margin-right: 0;
- opacity: 0;
- transform: scale(0);
- transition: var(--tag-hide-transition);
- pointer-events: none;
- }
- .tagify__tag--hide > div > * {
- white-space: nowrap;
- }
- .tagify__tag.tagify--noAnim > div::before {
- animation: none;
- }
- .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
- opacity: 0.5;
- }
- .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
- --tag-bg: var(--tag-invalid-bg);
- transition: 0.2s;
- }
- .tagify__tag[readonly] .tagify__tag__removeBtn {
- display: none;
- }
- .tagify__tag[readonly] > div::before {
- animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
- }
- @keyframes readonlyStyles {
- 0% {
- background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
- box-shadow: none;
- filter: brightness(0.95);
- }
- }
- .tagify__tag--editable > div {
- color: var(--tag-text-color--edit);
- }
- .tagify__tag--editable > div::before {
- box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
- }
- .tagify__tag--editable > .tagify__tag__removeBtn {
- pointer-events: none;
- }
- .tagify__tag--editable > .tagify__tag__removeBtn::after {
- opacity: 0;
- transform: translateX(100%) translateX(5px);
- }
- .tagify__tag--editable.tagify--invalid > div::before {
- box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
- }
- .tagify__tag__removeBtn {
- order: 5;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- border-radius: 50px;
- cursor: pointer;
- font: 14px/1 Arial;
- background: var(--tag-remove-btn-bg);
- color: var(--tag-remove-btn-color);
- width: 14px;
- height: 14px;
- margin-right: 4.6666666667px;
- margin-left: auto;
- overflow: hidden;
- transition: 0.2s ease-out;
- }
- .tagify__tag__removeBtn::after {
- content: "×";
- transition: 0.3s, color 0s;
- }
- .tagify__tag__removeBtn:hover {
- color: white;
- background: var(--tag-remove-btn-bg--hover);
- }
- .tagify__tag__removeBtn:hover + div > span {
- opacity: 0.5;
- }
- .tagify__tag__removeBtn:hover + div::before {
- box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
- transition: box-shadow 0.2s;
- }
- .tagify:not(.tagify--mix) .tagify__input br {
- display: none;
- }
- .tagify:not(.tagify--mix) .tagify__input * {
- display: inline;
- white-space: nowrap;
- }
- .tagify__input {
- flex-grow: 1;
- display: inline-block;
- min-width: 110px;
- margin: 5px;
- padding: var(--tag-pad);
- line-height: normal;
- position: relative;
- white-space: pre-wrap;
- color: var(--input-color);
- box-sizing: inherit;
- /* Seems firefox newer versions don't need this any more
- @supports ( -moz-appearance:none ){
- &::before{
- line-height: inherit;
- position:relative;
- }
- }
- */
- }
- @-moz-document url-prefix() {}
- .tagify__input:empty::before {
- position: static;
- }
- .tagify__input:focus {
- outline: none;
- }
- .tagify__input:focus::before {
- transition: 0.2s ease-out;
- opacity: 0;
- transform: translatex(6px);
- /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
- /* IE Edge 12+ CSS styles go here */
- }
- @supports (-ms-ime-align: auto) {
- .tagify__input:focus::before {
- display: none;
- }
- }
- .tagify__input:focus:empty::before {
- transition: 0.2s ease-out;
- opacity: 1;
- transform: none;
- color: rgba(0, 0, 0, 0.25);
- color: var(--placeholder-color-focus);
- }
- @-moz-document url-prefix() {
- .tagify__input:focus:empty::after {
- display: none;
- }
- }
- .tagify__input::before {
- content: attr(data-placeholder);
- height: 1em;
- line-height: 1em;
- margin: auto 0;
- z-index: 1;
- color: var(--placeholder-color);
- white-space: nowrap;
- pointer-events: none;
- opacity: 0;
- position: absolute;
- }
- .tagify__input::after {
- content: attr(data-suggest);
- display: inline-block;
- vertical-align: middle;
- position: absolute;
- min-width: calc(100% - 1.5em);
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: pre; /* allows spaces at the beginning */
- color: var(--tag-text-color);
- opacity: 0.3;
- pointer-events: none;
- max-width: 100px;
- }
- .tagify__input .tagify__tag {
- margin: 0 1px;
- }
- .tagify--mix {
- display: block;
- }
- .tagify--mix .tagify__input {
- padding: 5px;
- margin: 0;
- width: 100%;
- height: 100%;
- line-height: 1.5;
- display: block;
- }
- .tagify--mix .tagify__input::before {
- height: auto;
- display: none;
- line-height: inherit;
- }
- .tagify--mix .tagify__input::after {
- content: none;
- }
- .tagify--select::after {
- content: ">";
- opacity: 0.5;
- position: absolute;
- top: 50%;
- right: 0;
- bottom: 0;
- font: 16px monospace;
- line-height: 8px;
- height: 8px;
- pointer-events: none;
- transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
- transition: 0.2s ease-in-out;
- }
- .tagify--select[aria-expanded=true]::after {
- transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
- }
- .tagify--select .tagify__tag {
- position: absolute;
- top: 0;
- right: 1.8em;
- bottom: 0;
- }
- .tagify--select .tagify__tag div {
- display: none;
- }
- .tagify--select .tagify__input {
- width: 100%;
- }
- .tagify--empty .tagify__input::before {
- transition: 0.2s ease-out;
- opacity: 1;
- transform: none;
- display: inline-block;
- width: auto;
- }
- .tagify--mix .tagify--empty .tagify__input::before {
- display: inline-block;
- }
- .tagify--focus {
- --tags-border-color: var(--tags-focus-border-color);
- transition: 0s;
- }
- .tagify--invalid {
- --tags-border-color: #D39494;
- }
- .tagify__dropdown {
- position: absolute;
- z-index: 9999;
- transform: translateY(1px);
- overflow: hidden;
- }
- .tagify__dropdown[placement=top] {
- margin-top: 0;
- transform: translateY(-100%);
- }
- .tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
- border-top-width: 1.1px;
- border-bottom-width: 0;
- }
- .tagify__dropdown[position=text] {
- box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
- font-size: 0.9em;
- }
- .tagify__dropdown[position=text] .tagify__dropdown__wrapper {
- border-width: 1px;
- }
- .tagify__dropdown__wrapper {
- max-height: 300px;
- overflow: auto;
- overflow-x: hidden;
- background: var(--tagify-dd-bg-color);
- border: 1px solid;
- border-color: var(--tagify-dd-color-primary);
- border-bottom-width: 1.5px;
- border-top-width: 0;
- box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
- transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
- }
- .tagify__dropdown__header:empty {
- display: none;
- }
- .tagify__dropdown__footer {
- display: inline-block;
- margin-top: 0.5em;
- padding: var(--tagify-dd-item-pad);
- font-size: 0.7em;
- font-style: italic;
- opacity: 0.5;
- }
- .tagify__dropdown__footer:empty {
- display: none;
- }
- .tagify__dropdown--initial .tagify__dropdown__wrapper {
- max-height: 20px;
- transform: translateY(-1em);
- }
- .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
- transform: translateY(2em);
- }
- .tagify__dropdown__item {
- box-sizing: border-box;
- padding: var(--tagify-dd-item-pad);
- margin: 1px;
- cursor: pointer;
- border-radius: 2px;
- position: relative;
- outline: none;
- max-height: 60px;
- max-width: 100%;
- /* custom hidden transition effect is needed for horizontal-layout suggestions */
- }
- .tagify__dropdown__item--active {
- background: var(--tagify-dd-color-primary);
- color: white;
- }
- .tagify__dropdown__item:active {
- filter: brightness(105%);
- }
- .tagify__dropdown__item--hidden {
- padding-top: 0;
- padding-bottom: 0;
- margin: 0 1px;
- pointer-events: none;
- overflow: hidden;
- max-height: 0;
- transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
- }
- .tagify__dropdown__item--hidden > * {
- transform: translateY(-100%);
- opacity: 0;
- transition: inherit;
- }
- :root {
- /** Font-size variables not defined by Foundry */
- --font-size-5: 0.3125rem;
- --font-size-8: 0.5rem;
- --font-size-9: 0.5625rem;
- --font-size-10: 0.625rem;
- --font-size-15: 0.9375rem;
- --font-size-17: 1.0625rem;
- --font-size-19: 1.1875rem;
- --font-size-21: 1.3125rem;
- --font-size-22: 1.375rem;
- --font-size-26: 1.625rem;
- --font-size-30: 1.875rem;
- --font-size-34: 2.125rem;
- --font-size-36: 2.25rem;
- --font-size-42: 2.625rem;
- /** Font families */
- --body-serif: Gelasio, Georgia, serif;
- --sans-serif: Roboto, sans-serif;
- --sans-serif-condensed: "Roboto Condensed", var(--sans-serif);
- --sans-serif-monospace: "Roboto Mono", monospace;
- --serif: Eczar, Georgia, serif;
- --serif-condensed: "Modesto Condensed", serif;
- --journal-cursive: "La Belle Aurore", cursive;
- --journal-serif: "Vollkorn", var(--serif);
- }
- /* ----------------------------------------- */
- /* Color definitions */
- /* ----------------------------------------- */
- /* Colors */
- /* Global */
- /* used for mini headers, alternate primary color */
- /* compliments the primary color, usually used in combination */
- /* for all other uses */
- /* Lighter / Darker */
- /* Text */
- /* Damage */
- /* ----------------------------------------- */
- /* Color schemes */
- /* ----------------------------------------- */
- /* Proficiency ranks */
- /* Rarities */
- /* Degrees of success */
- /* Value adjustments (e.g. weak/elite) */
- /* ----------------------------------------- */
- /* CSS Custom Properties */
- /* ----------------------------------------- */
- :root {
- /* Global */
- --primary: #5e0000;
- --secondary: #171f69;
- --tertiary: #E9D7A1;
- --alt: #786452;
- --alt-dark: #443730;
- --bg: #F8F4F1;
- --bg-dark: #e7d9cf;
- --sub: #605856;
- --color-disabled: #ababab;
- --inline-link-bg: #ddd;
- --inline-repost-bg: #eaeaea;
- --visibility-gm-bg: #e8e8ef;
- --visibility-owner-bg: #ddebe1;
- --blind-roll: #f5eaf5;
- /* Lighter / Darker */
- --light: #910000;
- --dark: #2b0000;
- --tertiary-dark: #dfc578;
- --tertiary-light: #f3e9ca;
- /* Text */
- --body: var(--text-dark);
- --color-text-trait: #f5efe0;
- --text-dark: #1C1C1C;
- --text-light: white;
- /* Borders */
- --color-border-trait: #d8c384;
- --color-border-divider: #baa991;
- /* Headers w/ boxes */
- --header-color: var(--text-light);
- --header-bg: var(--secondary);
- /* Sidebar */
- --sidebar-label: var(--tertiary-dark);
- --sidebar-title: var(--tertiary);
- }
- @keyframes fadein {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- /**
- * Legacy is for the old css unrelated
- * to the current design (crb-style).
- * Only use the legacy folder if you need
- * to make changes to the old css.
- *
- * If you're adding a new feature, put it
- * in the appropriate folder in src/styles.
- * Just make sure to update the relevant
- * _index.scss so that it will get compiled.
- *
- */
- :root {
- --primary-background:#454a7c;
- --secondary-background:gray;
- --tertiary-background:#454a7c;
- --alternate-background:darkgray;
- }
- .tab[data-tab].active {
- display: initial;
- }
- /* ----------------------------------------- */
- /* Sheet Structure */
- /* ----------------------------------------- */
- .pf2e.actor .window-content {
- padding: 5px;
- font-size: var(--font-size-13);
- overflow-y: hidden;
- }
- .pf2e.actor .sheet-header {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- flex: 0 0 100%;
- height: 48px;
- }
- .pf2e.actor .sheet-header > * {
- flex: 1;
- }
- .pf2e.actor .sheet-header h1 {
- margin: 0;
- border: none;
- }
- .pf2e.actor .sheet-header h1 > input {
- font-family: var(--serif-condensed);
- font-weight: 700;
- height: 40px;
- width: 100%;
- margin: 2px;
- color: #444;
- font-size: var(--font-size-36);
- border: none;
- }
- .pf2e.actor .sheet-body {
- height: calc(100% - 35px);
- overflow: hidden;
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- }
- .pf2e.actor form {
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- .pf2e.actor form input[type=text], .pf2e.actor form input[type=number] {
- width: calc(100% - 2px);
- height: calc(100% - 2px);
- background: none;
- padding: 0;
- margin: 1px 0;
- color: #333;
- border: 1px solid transparent;
- }
- .pf2e.actor form input[type=text]:hover:not(:disabled), .pf2e.actor form input[type=text]:focus, .pf2e.actor form input[type=number]:hover:not(:disabled), .pf2e.actor form input[type=number]:focus {
- border: 1px solid black;
- box-shadow: 0 0 10px #00005a;
- }
- .pf2e.actor form select {
- font-size: var(--font-size-10);
- height: 18px;
- background: rgba(255, 255, 255, 0.5);
- }
- .pf2e.actor form label {
- display: block;
- }
- .pf2e.actor form .mce-panel span {
- display: inherit;
- }
- .pf2e.actor form.editable .rollable:hover {
- color: #000;
- text-shadow: 0 0 10px #00005a;
- cursor: pointer;
- }
- .pf2e.actor form .sheet-tabs {
- font-weight: 500;
- height: 30px;
- }
- .pf2e.actor form .sheet-tabs > .list-row {
- line-height: 24px;
- padding-top: 3px;
- font-size: var(--font-size-12);
- text-align: center;
- }
- .pf2e.actor form .sheet-tabs > .list-row:last-of-type {
- padding-right: 4px;
- }
- .pf2e.actor form .sheet-tabs > .list-row.active {
- color: #000;
- font-weight: 700;
- }
- .pf2e.actor form .tab {
- flex: 1;
- overflow: hidden;
- }
- .pf2e.actor form .tag-legacy {
- float: left;
- margin: 0 2px 2px 0;
- padding: 0 3px;
- font-size: var(--font-size-10);
- line-height: 16px;
- border: 1px solid #999;
- border-radius: 3px;
- white-space: normal;
- font-weight: 500;
- }
- /* ---------------------------------------- */
- /* Actor Sheet */
- /* ---------------------------------------- */
- .pf2e.actor {
- min-width: 650px;
- min-height: 450px;
- }
- .pf2e.actor .sidebar {
- float: left;
- width: 220px;
- }
- .pf2e.actor .content {
- float: right;
- width: calc(100% - 220px);
- }
- .pf2e.actor .floatright {
- float: right;
- }
- .pf2e.actor .sheet-upper {
- height: 268px;
- }
- .pf2e.actor .sheet-upper .sheet-header {
- height: 48px;
- }
- .pf2e.actor .sheet-upper .sheet-profile, .pf2e.actor .sheet-upper .sheet-showcase {
- height: 220px;
- }
- .pf2e.actor .sheet-navigation {
- height: 32px;
- /* width: 100%;
- */
- float: right;
- width: calc(100% - 220px);
- }
- .pf2e.actor .sheet-lower {
- width: 100%;
- height: calc(100% - 48px);
- }
- .pf2e.actor .sheet-lower .sheet-content {
- height: calc(100% - 32px);
- }
- .pf2e.actor .sheet-sidebar {
- height: calc(100% - 48px);
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- overflow-x: hidden;
- overflow-y: auto;
- }
- .pf2e.actor .sheet-sidebar > * {
- flex: 1;
- }
- .pf2e.actor .sheet-sidebar .sidebar-summary {
- overflow-y: hidden;
- }
- .pf2e.actor.npc-sheet .sheet-upper {
- height: 220px;
- }
- .pf2e.actor.npc-sheet .sheet-upper .sheet-showcase {
- height: 172px;
- }
- .pf2e.actor.npc-sheet .sheet-lower {
- height: calc(100% - 220px - 32px);
- }
- .pf2e.actor.npc-sheet section.sheet-body {
- height: calc(100% - 48px);
- }
- .pf2e.actor .sheet-navigation {
- border-top: 1px solid var(--secondary-background);
- border-bottom: 1px solid var(--primary-background);
- }
- .pf2e.actor .sheet-navigation .sheet-tabs > .list-row {
- border-radius: 5px 5px 0 0;
- }
- .pf2e.actor .sheet-navigation .sheet-tabs > .list-row.active {
- border: 1px solid #666;
- border-bottom: none;
- /* box-shadow: 0 0 10px inset #ff6400;
- */
- background: var(--primary-background);
- color: #fff;
- text-shadow: none;
- }
- .pf2e.actor .sheet-header {
- border-bottom: 1px solid var(--primary-background);
- }
- .pf2e.actor .sheet-header h1 {
- margin: 0;
- border: none;
- }
- .pf2e.actor .sheet-header h1.charname {
- flex-basis: 50%;
- }
- .pf2e.actor .sheet-header .editsheet {
- flex: 3;
- font-size: 0.625rem;
- text-align: center;
- margin-top: 3px;
- }
- .pf2e.actor .sheet-header .charlevel {
- flex: 0 0 150px;
- display: flex;
- align-items: center;
- text-align: right;
- }
- .pf2e.actor .sheet-header .charlevel > * {
- flex: 1;
- }
- .pf2e.actor .sheet-header .charlevel .level {
- font-family: var(--serif-condensed);
- font-weight: 700;
- align-items: center;
- color: #444;
- display: flex;
- justify-content: end;
- }
- .pf2e.actor .sheet-header .charlevel .level input {
- flex-basis: 1.5rem;
- margin-left: 0.1em;
- text-align: center;
- }
- .pf2e.actor .sheet-header .charlevel .xpbar {
- width: 100%;
- flex: 0 0 8px;
- background: #666;
- border: 1px solid #000;
- border-radius: 3px;
- }
- .pf2e.actor .sheet-header .charlevel .xpbar .bar {
- height: 4px;
- margin: 1px;
- display: block;
- background: #afebff;
- border: 1px solid #000;
- border-radius: 2px;
- }
- .pf2e.actor .sheet-header .charlevel .experience {
- flex: 0 0 16px;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- justify-content: flex-end;
- }
- .pf2e.actor .sheet-header .charlevel .experience > * {
- flex: 1;
- }
- .pf2e.actor .sheet-header .charlevel .experience > input[type=text], .pf2e.actor .sheet-header .charlevel .experience > input[type=number] {
- flex: 1;
- text-align: right;
- height: 16px;
- }
- .pf2e.actor .primary-attributes {
- height: 80px;
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- border-bottom: 1px solid var(--secondary-background);
- }
- .pf2e.actor .primary-attributes > * {
- flex: 1;
- }
- .pf2e.actor .primary-attributes .attribute {
- flex: 0 0 25%;
- height: 79px;
- padding: 4px;
- border-right: 1px solid var(--secondary-background);
- }
- .pf2e.actor .primary-attributes .attribute:last-child {
- margin-right: 0;
- border-right: none;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-name {
- font-family: var(--serif-condensed);
- font-weight: 700;
- position: relative;
- height: 22px;
- margin: 0 0 2px;
- line-height: 22px;
- font-size: var(--font-size-18);
- color: #444;
- text-align: center;
- border-bottom: 1px solid var(--secondary-background);
- }
- .pf2e.actor .primary-attributes .attribute .attribute-name .npc-roll-hp {
- position: absolute;
- right: 2px;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-value {
- font-family: var(--serif-condensed);
- font-weight: 700;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- height: 32px;
- color: #444;
- font-size: var(--font-size-20);
- line-height: 32px;
- text-align: center;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-value > * {
- flex: 1;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-footer {
- height: 16px;
- text-align: center;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-footer span {
- display: inline-block;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-footer input {
- max-width: 24px;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-footer input.temphp {
- max-width: 45%;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-footer input.hit-dice {
- min-width: 16px;
- max-width: 16px;
- text-align: right;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-footer input[name="system.attributes.speed.value"] {
- max-width: none;
- text-align: left;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-footer input.speed, .pf2e.actor .primary-attributes .attribute .attribute-footer input.hpformula {
- max-width: 90%;
- }
- .pf2e.actor .primary-attributes .attribute .attribute-footer.recharge input[type=checkbox] {
- margin: 1px;
- }
- .pf2e.actor .statuses {
- width: 100%;
- height: 30px;
- margin: 0;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- }
- .pf2e.actor .statuses > * {
- flex: 1;
- }
- .pf2e.actor .statuses .status {
- line-height: 30px;
- padding: 0 6px;
- border-right: 1px solid var(--secondary-background);
- font-size: var(--font-size-14);
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- }
- .pf2e.actor .statuses .status > * {
- flex: 1;
- }
- .pf2e.actor .statuses .status.death {
- flex: 0 0 50%;
- }
- .pf2e.actor .statuses .status:last-child {
- border-right: none;
- }
- .pf2e.actor .statuses .status h4 {
- font-family: var(--serif-condensed);
- font-weight: 700;
- flex: 1;
- margin: 0;
- font-size: var(--font-size-18);
- color: #444;
- }
- .pf2e.actor .statuses .status .status-value {
- flex: none;
- }
- .pf2e.actor .statuses .status .status-value > * {
- display: inline-block;
- margin-right: 5px;
- }
- .pf2e.actor .statuses .status .status-value > input[type=text], .pf2e.actor .statuses .status .status-value > input[type=number] {
- height: 20px;
- max-width: 20px;
- margin: 0;
- }
- .pf2e.actor .statuses .status .status-value > input[type=checkbox] {
- position: relative;
- top: 2px;
- }
- .pf2e.actor img.sheet-profile {
- /* border: none;
- */
- border: 1px solid var(--secondary-background);
- object-fit: contain;
- }
- .pf2e.actor .sheet-sidebar {
- border-right: 1px solid var(--primary-background);
- }
- .pf2e.actor .sheet-sidebar .tab {
- height: 100%;
- padding-top: 2px;
- overflow-y: auto;
- }
- .pf2e.actor .abilities .ac-list {
- display: grid;
- grid: "score items" 38px "score items" 38px/73px auto;
- margin: unset;
- padding: unset;
- background: var(--secondary-background);
- }
- .pf2e.actor .abilities .ac-grid {
- display: grid;
- grid: "item item item" 32px/33% 33% 33%;
- margin: unset;
- margin-top: 1px;
- padding: unset;
- background: var(--secondary-background);
- height: 32px;
- }
- .pf2e.actor .abilities .ac-list .ac-value {
- height: 16px;
- font-size: var(--font-size-12);
- width: 46px;
- }
- .pf2e.actor .abilities .ac-list .ac-item {
- height: 13px;
- font-size: var(--font-size-11);
- width: 46px;
- }
- .pf2e.actor .abilities .shield-value {
- grid-row-start: 1;
- grid-row-end: 3;
- grid-column-start: 1;
- grid-column-end: 2;
- align-self: end;
- justify-self: end;
- height: 26px;
- width: 26px;
- background: #fff;
- border: 1px solid;
- font-size: var(--font-size-22);
- text-align: center;
- border-radius: 14px;
- margin-right: 2px;
- margin-bottom: 2px;
- }
- .pf2e.actor .bio-container {
- display: grid;
- grid: "image bio" 220px/220px auto;
- margin: unset;
- padding: unset;
- }
- .pf2e.actor .biography .sheet-profile {
- grid-area: image;
- }
- .pf2e.actor .biography .bio-list {
- grid-area: bio;
- display: grid;
- grid: "bio" 40px/auto auto;
- grid-auto-rows: 40px;
- margin: unset;
- padding: unset;
- background: var(--secondary-background);
- }
- .pf2e.actor .biography .bio-3way {
- display: grid;
- grid: "bio" 40px/33% 33% 33%;
- grid-auto-rows: 40px;
- margin: unset;
- padding: unset;
- background: var(--secondary-background);
- }
- .pf2e.actor .abilities .bio-list {
- grid-area: bio;
- display: grid;
- grid: "bio" 40px/102px auto;
- grid-auto-rows: 40px;
- margin: unset;
- padding: unset;
- height: 32px;
- background: var(--secondary-background);
- margin-top: 3px;
- margin-bottom: 8px;
- }
- .pf2e.actor .abilities .bio-list .npc-bio-item {
- width: 100px;
- }
- .pf2e.actor .biography .bio-3way > * {
- width: 125px;
- }
- .pf2e.actor .biography .bio-list > * {
- width: 94px;
- }
- .pf2e.actor .biography .bio-list .bio-appearance, .pf2e.actor .biography .bio-list .bio-attitude {
- grid-column-start: 1;
- grid-column-end: 3;
- width: 170px;
- }
- .pf2e.actor .biography .bio-list .bio-appearance > input, .pf2e.actor .biography .bio-list .bio-attitude > input {
- text-align: start;
- word-break: break-all;
- }
- .pf2e.actor .biography .editor {
- grid-row-start: 2;
- grid-row-end: 3;
- grid-column-start: 1;
- grid-column-end: 3;
- height: 230px;
- padding-left: 8px;
- }
- .pf2e.actor .list-row .skill-input > input {
- font-family: var(--serif-condensed);
- font-weight: 700;
- width: 22px;
- height: 22px;
- margin: 1px;
- font-size: var(--font-size-20);
- text-align: center;
- background: #fff;
- border: 1px solid;
- }
- .pf2e.actor .abilities .defense {
- grid-row-start: auto;
- align-self: center;
- display: grid;
- grid: "score name rank item" 32px/34px auto 52px 52px;
- background: var(--secondary-background);
- margin-right: 4px;
- }
- .pf2e.actor .abilities .defense .save-name, .pf2e.actor .abilities .defense .attribute-name, .pf2e.actor .abilities .defense .attribute-name-non-rollable {
- grid-area: auto;
- margin: 0;
- background: var(--secondary-background);
- color: white;
- align-self: center;
- font-size: var(--font-size-15);
- }
- .pf2e.actor .abilities .defense .defense-score {
- font-family: var(--serif-condensed);
- font-weight: 700;
- grid-area: auto;
- font-size: var(--font-size-28);
- text-align: center;
- background: var(--secondary-background);
- color: white;
- }
- .pf2e.actor .abilities .defense .defense-score > input {
- font-family: var(--serif-condensed);
- font-weight: 700;
- width: 30px;
- height: 30px;
- margin: 3px;
- font-size: var(--font-size-28);
- text-align: center;
- background: #fff;
- border: 1px solid;
- }
- .pf2e.actor .abilities .defense .proficiency-name {
- grid-area: auto;
- font-size: var(--font-size-11);
- height: 13px;
- }
- .pf2e.actor .abilities .defense .proficiency-rank {
- letter-spacing: -3px;
- grid-area: auto;
- height: 16px;
- font-size: var(--font-size-12);
- }
- .pf2e.actor .npc-abilities .ability-title, .pf2e.actor .abilities .ability-title {
- font-family: var(--serif-condensed);
- font-weight: 700;
- flex: 0 0 24px;
- font-size: var(--font-size-24);
- line-height: 24px;
- color: #fff;
- background: var(--primary-background);
- text-align: center;
- margin: 0;
- padding: 0;
- }
- .pf2e.actor .npc-abilities .abilities-list {
- display: grid;
- grid: 38px 38px/33.3% 33.3% 33.3%;
- grid-auto-rows: 54px;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .pf2e.actor .npc-abilities .ability {
- grid-row-start: auto;
- display: grid;
- grid: [row1-start] "id" 26px [row1-end] [row2-start] "mod" 26px [row2-end]/100%;
- height: 26px;
- line-height: 26px;
- }
- .pf2e.actor .npc-abilities .ability .ability-score {
- grid-area: score;
- align-self: center;
- justify-self: right;
- flex: 0 0 26px;
- height: 26px;
- }
- .pf2e.actor .npc-abilities .ability .ability-mod {
- font-family: var(--serif-condensed);
- font-weight: 700;
- flex: 0 0 24px;
- font-size: var(--font-size-24);
- line-height: 26px;
- color: #666;
- text-align: center;
- }
- .pf2e.actor .npc-abilities .ability .ability-mod .ability-input {
- font-family: var(--serif-condensed);
- font-weight: 700;
- width: 30px;
- height: 30px;
- margin: 3px;
- font-size: var(--font-size-28);
- text-align: center;
- background: #fff;
- border: 1px solid;
- border-radius: 4px;
- margin-left: 18px;
- }
- .pf2e.actor .npc-abilities .ability .ability-name {
- margin: 2px;
- }
- .pf2e.actor .abilities .abilities-list {
- display: grid;
- grid: "ability ability" 50px/50%;
- grid-auto-rows: 50px;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .pf2e.actor .abilities .ability {
- grid-row-start: auto;
- display: grid;
- grid: [row1-start] "header header header header" 16px [row1-end] [row2-start] "id mod score blank" 26px [row2-end]/46% 31% 18% 5%;
- height: 36px;
- line-height: 36px;
- }
- .pf2e.actor .npc-abilities .ability > *, .pf2e.actor .abilities .ability > * {
- flex: 1;
- align-self: center;
- }
- .pf2e.actor .npc-abilities .ability .ability-proficiency, .pf2e.actor .abilities .ability .ability-proficiency {
- flex: 0 0 20px;
- height: 100%;
- text-align: left;
- padding-left: 3px;
- }
- .pf2e.actor .npc-abilities .ability .ability-proficiency i.fa-circle, .pf2e.actor .abilities .ability .ability-proficiency i.fa-circle {
- font-size: var(--font-size-10);
- }
- .pf2e.actor .npc-abilities .ability .ability-name {
- grid-area: header;
- font-size: var(--font-size-12);
- color: #444;
- margin: 0;
- }
- .pf2e.actor .abilities .ability .ability-name {
- grid-area: header;
- font-size: var(--font-size-12);
- color: #444;
- margin: 0;
- }
- .pf2e.actor .abilities .ability .ability-score {
- grid-area: score;
- align-self: center;
- justify-self: right;
- flex: 0 0 36px;
- height: 36px;
- }
- .pf2e.actor .npc-abilities .ability .ability-score > input {
- width: 20px;
- height: 20px;
- margin: 3px;
- font-size: var(--font-size-12);
- color: #444;
- text-align: center;
- background: #fff;
- border: 1px solid;
- }
- .pf2e.actor .abilities .ability .ability-score > input {
- width: 20px;
- height: 20px;
- margin: 3px;
- font-size: var(--font-size-12);
- color: #444;
- text-align: center;
- background: #fff;
- border: 1px solid;
- }
- .pf2e.actor .abilities .ability .ability-mod {
- font-family: var(--serif-condensed);
- font-weight: 700;
- flex: 0 0 24px;
- font-size: var(--font-size-24);
- line-height: 36px;
- color: #666;
- text-align: center;
- }
- .pf2e.actor .npc-abilities .npc-defense .ability-name, .pf2e.actor .abilities .ability .ability-id {
- font-family: var(--serif-condensed);
- font-weight: 700;
- flex: 0 0 24px;
- font-size: var(--font-size-32);
- background: var(--secondary-background);
- border-radius: 8px;
- line-height: 28px;
- color: #fff;
- text-align: center;
- }
- .pf2e.actor .npc-abilities .ability .ability-mod, .pf2e.actor .abilities .ability .ability-mod {
- grid-area: mod;
- align-self: center;
- }
- .pf2e.actor .npc-abilities .ability .ability-name, .pf2e.actor .abilities .ability .ability-id {
- grid-area: id;
- align-self: center;
- }
- .pf2e.actor .class-levels {
- margin: 0 5px 0 0;
- height: 156px;
- overflow: hidden;
- }
- .pf2e.actor .class-levels .class-header {
- line-height: 20px;
- position: relative;
- margin: 3px 0 1px;
- }
- .pf2e.actor .class-levels .class-header h3 {
- font-family: var(--serif-condensed);
- font-weight: 700;
- text-align: center;
- color: #444;
- font-size: var(--font-size-18);
- color: #222;
- margin: 0;
- }
- .pf2e.actor .class-levels .class-header a.item-create {
- position: absolute;
- top: 0;
- right: 0;
- font-size: var(--font-size-11);
- color: #666;
- }
- .pf2e.actor .class-levels .class-list {
- overflow-y: hidden;
- }
- .pf2e.actor .class-levels .class-list .list-row {
- height: 44px;
- background: rgba(0, 0, 0, 0.03);
- padding: 2px;
- border: 1px solid var(--secondary-background);
- border-radius: 2px;
- margin-bottom: 2px;
- }
- .pf2e.actor .class-levels .class-list .list-row h4, .pf2e.actor .class-levels .class-list .list-row h5 {
- width: calc(100% - 44px);
- float: left;
- margin: 0;
- line-height: 20px;
- font-weight: strong;
- }
- .pf2e.actor .class-levels .class-list .list-row .item-header {
- flex: 0 0 100%;
- height: 20px;
- }
- .pf2e.actor .class-levels .class-list .list-row .item-header .class-levels {
- font-family: var(--serif-condensed);
- font-weight: 700;
- width: 44px;
- height: 100%;
- float: right;
- margin: 0;
- font-size: var(--font-size-10);
- text-align: right;
- font-size: var(--font-size-18);
- color: #222;
- }
- .pf2e.actor .class-levels .class-list .list-row .class-subclass {
- flex: 0 0 100%;
- height: 20px;
- }
- .pf2e.actor .class-levels .class-list .list-row .class-subclass .item-controls {
- width: 44px;
- float: right;
- }
- .pf2e.actor .class-levels .class-list .list-row .class-subclass .item-controls a {
- text-align: right;
- }
- .pf2e.actor .skills .skills-list {
- margin: 0;
- padding: 0;
- display: grid;
- grid: "skill skill" 36px/50% 50%;
- grid-auto-rows: 36px;
- }
- .pf2e.actor .pf-three-grid {
- grid-area: auto;
- display: grid;
- grid: "one two three" 100%/auto 90px 20px;
- }
- .pf2e.actor .pf-two-grid {
- grid-area: auto;
- display: grid;
- grid: "one two" 100%/auto 90px;
- }
- .pf2e.actor .pf-justify-center {
- justify-self: center;
- }
- .pf2e.actor .skills .martial {
- grid-area: auto;
- display: grid;
- grid: "name rank space" 100%/auto 46px 20px;
- }
- .pf2e.actor .skills .skill {
- grid-area: auto;
- display: grid;
- grid: "value name rank item armor" 100%/35px auto 46px 46px 20px;
- }
- .pf2e.actor .skill-container .item-item {
- height: 16px;
- margin-top: 2px;
- font-size: var(--font-size-12);
- }
- .pf2e.actor .skills .skill-container {
- display: grid;
- grid: "title" 12px "value" 18px/auto;
- background: var(--secondary-background);
- height: 32px;
- align-self: center;
- }
- .pf2e.actor .skills .skill-container .skill-proficiency {
- font-size: var(--font-size-12);
- }
- .pf2e.actor .skills .skill-container > * {
- width: 43px;
- }
- .pf2e.actor .skills .skill > *, .pf2e.actor .skills .list-row > * {
- flex: 1;
- }
- .pf2e.actor .skills .skill-name {
- margin: 0;
- align-self: center;
- background: var(--secondary-background);
- line-height: 32px;
- color: white;
- }
- .pf2e.actor .skills .lore-name, .pf2e.actor .skills .lore-name-input {
- margin: 0;
- align-self: center;
- background: var(--secondary-background);
- line-height: 32px;
- color: white;
- }
- .pf2e.actor .skills .skill-proficiency {
- margin-top: 2px;
- }
- .pf2e.actor .skills .skill-item {
- margin-top: 2px;
- font-size: var(--font-size-11);
- }
- .pf2e.actor .skills .skill-ability {
- flex: 0 0 36px;
- color: #666;
- text-align: right;
- margin-right: 4px;
- flex: 0 0 36px;
- color: #666;
- text-align: right;
- margin-right: 4px;
- }
- .pf2e.actor .skills .skill-armor {
- align-self: center;
- background: var(--secondary-background);
- line-height: 32px;
- color: white;
- width: 16px;
- margin: unset;
- }
- .pf2e.actor .skills .skill-score {
- font-family: var(--serif-condensed);
- font-weight: 700;
- font-size: var(--font-size-28);
- text-align: center;
- align-self: center;
- background: var(--secondary-background);
- color: white;
- }
- .pf2e.actor.locked .ability-proficiency, .pf2e.actor.locked .skill-proficiency {
- text-shadow: none;
- cursor: default;
- }
- .pf2e.actor .traits label {
- font-weight: bold;
- }
- .pf2e.actor .traits select {
- margin: 2px 0;
- }
- .pf2e.actor .traits .trait-perception > input {
- flex: 0 0 32px;
- text-align: center;
- }
- .pf2e.actor .traits .tag-selector {
- float: right;
- margin-right: 3px;
- color: #999;
- font-size: var(--font-size-10);
- line-height: 16px;
- }
- .pf2e.actor .traits .configure-flags i.fas {
- float: right;
- margin-right: 3px;
- text-align: right;
- color: #999;
- line-height: 24px;
- }
- .pf2e.actor .traits .configure-flags i.fas:hover {
- color: #111;
- text-shadow: 0 0 10px #ff6400;
- }
- .pf2e.actor.npc-sheet .biography .editor {
- height: 465px;
- }
- .pf2e.actor .inventory-header {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .pf2e.actor .action-header .item-controls {
- flex: 0 0 44px;
- }
- .pf2e.actor .action-header .item-controls a {
- display: block;
- float: left;
- width: 44px;
- font-size: var(--font-size-14);
- text-align: center;
- }
- .pf2e.actor .spellcastingEntry-list {
- list-style: none;
- margin: 0;
- padding: 0;
- height: calc(100% - 20px);
- overflow-y: auto;
- }
- .pf2e.actor .overflow-list {
- list-style: none;
- margin: 0;
- padding: 0;
- height: 100%;
- overflow-y: auto;
- }
- .pf2e.actor .list-row.action-header .item-controls a {
- display: block;
- float: left;
- width: 22px;
- font-size: var(--font-size-10);
- text-align: center;
- color: #666;
- }
- .pf2e.actor .action-header .item-controls a.item-create, .pf2e.actor .action-header .item-controls a.item-delete, .pf2e.actor .action-header .item-controls a.feat-browse, .pf2e.actor .action-header .item-controls a.action-browse {
- width: 100%;
- color: #fff;
- background: var(--primary-background);
- }
- .pf2e.actor .encumbrance {
- background: rgba(0, 0, 0, 0.1);
- height: 12px;
- margin-top: 5px;
- border: 1px solid #111;
- border-radius: 3px;
- position: relative;
- width: calc(100% - 20px);
- }
- .pf2e.actor .encumbrance .encumbrance-bar {
- position: absolute;
- top: 1px;
- left: 1px;
- background: var(--secondary-background);
- height: 8px;
- border: 1px solid #6f5439;
- border-radius: 3px;
- }
- .pf2e.actor .encumbrance .encumbrance-label {
- position: absolute;
- top: -3px;
- height: 16px;
- font-size: var(--font-size-16);
- line-height: 16px;
- color: #000;
- background: rgba(255, 255, 255, 0.4);
- padding: 0 3px;
- }
- .pf2e.actor .encumbrance .encumbrance-breakpoint {
- position: absolute;
- left: 66%;
- }
- .pf2e.actor .encumbrance .arrow-up {
- bottom: 0;
- width: 0;
- height: 0;
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-bottom: 4px solid #666;
- }
- .pf2e.actor .encumbrance .arrow-down {
- top: 0;
- width: 0;
- height: 0;
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 4px solid #666;
- }
- .pf2e.actor .encumbrance.encumbered {
- background-color: yellow;
- }
- .pf2e.actor .encumbrance.over-limit {
- background-color: red;
- }
- .pf2e.actor .encumbrance.encumbered .arrow-up {
- border-bottom: 4px solid #000;
- }
- .pf2e.actor .encumbrance.encumbered .arrow-down {
- border-top: 4px solid #000;
- }
- .pf2e.actor .list-row .spell-school, .pf2e.actor .list-row .spell-action {
- flex: 1;
- font-size: var(--font-size-12);
- color: #666;
- text-align: center;
- border-right: 1px solid var(--secondary-background);
- }
- .pf2e.actor .list-row .spell-slots, .pf2e.actor .list-row .spell-max {
- flex: 0 0 24px;
- font-size: var(--font-size-12);
- text-align: center;
- }
- .pf2e.actor .list-row .spell-slots-input, .pf2e.actor .list-row .spell-max-input {
- flex: 0 0 24px;
- font-size: var(--font-size-12);
- text-align: center;
- background: white;
- border: 1px solid;
- border-radius: 17px;
- height: 18px;
- margin-top: 1px;
- }
- .pf2e.actor .list-row .spell-max {
- border-right: 1px solid var(--secondary-background);
- }
- .pf2e.actor .feats .feats-list {
- height: 100%;
- }
- .pf2e.actor .feats .feats-list .item-name {
- flex: 2;
- }
- .pf2e.actor .feat-uses {
- display: inline;
- font-size: var(--font-size-11);
- color: #444;
- }
- /* ----------------------------------------- */
- /* Item Buttons
- /* ----------------------------------------- */
- .pf2e.sheet .item-buttons button {
- font-size: var(--font-size-10);
- line-height: 12px;
- margin: 0;
- }
- .pf2e.sheet .item-buttons span {
- padding: 0;
- }
- /* ----------------------------------------- */
- /* Compendium tab
- /* ----------------------------------------- */
- #compendium.flexcolumn.active {
- display: flex;
- flex-direction: column;
- }
- #compendium.flexcolumn > .directory-list {
- width: 100%;
- height: auto;
- flex-basis: 0;
- flex-grow: 1;
- }
- #compendium.flexcolumn > .directory-footer {
- height: auto;
- }
- #compendium.flexcolumn > .directory-footer > * {
- margin-top: 5px;
- }
- #compendium .create-compendium {
- flex-basis: 100%;
- }
- /* Updated NPC Sheet Styles */
- .npc-detail-text {
- display: flex;
- background: var(--secondary-background);
- color: #fff;
- flex-wrap: wrap;
- }
- .pf2e.sheet form .npc-detail-text input[type=text], .pf2e.sheet form .npc-detail-text input[type=number] {
- background: rgba(255, 255, 255, 0.8);
- color: black;
- border: 1px solid black;
- }
- .pf2e.sheet form .npc-detail-text textarea {
- height: fit-content;
- overflow-y: hidden;
- resize: none;
- width: calc(100% - 2px);
- min-height: 26px;
- font-family: inherit;
- }
- .pf2e.actor .sheet-header .charlevel .level > input[type=checkbox] {
- flex: 0 0 26px;
- }
- .pf2e.actor .inventory-list .list-row .spell-buttons {
- flex: none;
- display: inline-flex;
- justify-content: flex-end;
- align-items: flex-end;
- flex-wrap: wrap;
- }
- /* HEADER */
- /* TRAITS */
- .traits-bar {
- align-items: center;
- display: flex;
- }
- .traits-bar .trait {
- background-color: #5e0000;
- border: 2px solid #d8c483;
- color: white;
- font-family: var(--sans-serif);
- padding: 0.25em 0.5em;
- text-transform: uppercase;
- }
- .traits-bar .trait.alignment {
- background-color: #5e657a;
- }
- .traits-bar .trait.size {
- background-color: #447b5c;
- }
- .traits-bar .trait.uncommon {
- background-color: #c45500;
- }
- .traits-bar .trait.rare {
- background-color: #0c1466;
- }
- .traits-bar .trait.unique {
- background-color: #54166e;
- }
- /* Top-section */
- .pf2e.sheet form .list-row .melee-name.rollable .item-image {
- min-height: 24px;
- }
- /* Items */
- /** Hide Attack headers */
- li.list-row.hover-container {
- background-color: #aaa !important;
- }
- .dice-total-shield-btn.shield-activated {
- background-color: #333;
- color: white;
- }
- .message-content .dice-roll .statuseffect-message {
- word-break: normal;
- font-weight: 400;
- font-size: var(--font-size-12);
- text-align: left;
- }
- .message-content .dice-roll .statuseffect-message ul {
- list-style-type: none;
- }
- .message-content .dice-roll .statuseffect-message li {
- display: flex;
- flex-direction: row;
- align-items: center;
- height: 24px;
- }
- .message-content .dice-roll .statuseffect-message li:not(:last-child) {
- margin-bottom: 3px;
- }
- .message-content .dice-roll .statuseffect-message li img {
- width: 24px;
- height: 24px;
- vertical-align: middle;
- margin-right: 3px;
- }
- .message-content .dice-roll .statuseffect-li {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- }
- .message-content .dice-roll .statuseffect-li-text {
- display: inline-block;
- width: 200px;
- }
- .message-content .dice-roll .statuseffect-rules {
- visibility: hidden;
- width: 264px;
- padding: 8px;
- position: absolute;
- z-index: 1;
- bottom: 110%;
- left: -42px;
- text-align: left;
- font-size: var(--font-size-14);
- font-weight: 400;
- line-height: normal;
- background: url("../assets/sheet/parchment.webp") repeat;
- border: 1px solid #999;
- border-radius: 3px;
- box-shadow: 0 0 3px #fff inset;
- opacity: 0;
- transition: opacity 1s;
- }
- .message-content .dice-roll .statuseffect-rules p {
- margin: 0;
- }
- .statuseffect-li-text:hover + .statuseffect-rules {
- visibility: visible;
- opacity: 1;
- }
- .dice-roll .dice-tooltip.dmg-tooltip span {
- font-size: var(--font-size-10);
- }
- .dice-roll .dice-tooltip.dmg-tooltip span:not(:first-child) {
- display: block;
- border-top: 1px;
- border-top-color: #999;
- border-top-style: solid;
- }
- .npc-title-bar .creature-adjustment {
- display: flex;
- flex-direction: column;
- justify-content: center;
- margin-left: auto;
- margin-right: 1em;
- }
- .npc-title-bar .creature-adjustment * {
- width: 100%;
- }
- .sheet-header .creature-adjustment, .npc-title-bar .creature-adjustment a.hidden {
- font-size: var(--font-size-12);
- }
- .sheet-header .creature-adjustment a, .npc-title-bar .creature-adjustment a.hidden {
- margin-left: 1px;
- background-color: var(--secondary-background);
- border-color: #bbb68f;
- }
- .sheet-header .creature-adjustment a.active, .npc-title-bar .creature-adjustment a.hidden {
- margin-left: 1px;
- background-color: #5e0000;
- border-color: #bbb68f;
- }
- .sheet-header .creature-adjustment a.hidden, .npc-title-bar .creature-adjustment a.hidden {
- display: none;
- }
- .recall-knowledge-table th {
- padding: 5px 8px;
- }
- .recall-knowledge-table td {
- text-align: center;
- padding: 5px 8px;
- }
- .recall-knowledge-table td:first-child {
- text-align: right;
- }
- .recall-knowledge-table th:first-child {
- text-align: right;
- }
- button:hover::not(:disabled) {
- box-shadow: 0 0 3px #c00;
- }
- button:disabled {
- color: #666;
- }
- button:active {
- box-shadow: 0 0 5px red;
- }
- /* ----------------------------------------- */
- /* Item Card Structure */
- /* ----------------------------------------- */
- .pf2e.chat-card {
- font-style: normal;
- }
- .pf2e.chat-card .card-header {
- padding: 2px 0;
- border-top: 2px groove #fff;
- border-bottom: 2px groove #fff;
- align-items: center;
- min-height: 36px;
- }
- .pf2e.chat-card .card-header img {
- flex: 0 0 36px;
- margin-right: 5px;
- height: 36px;
- width: 36px;
- }
- .pf2e.chat-card .card-header h3 {
- flex: 1;
- margin: 0;
- }
- .pf2e.chat-card .card-header h4 {
- flex: 0;
- margin: 0 5px 0 0;
- white-space: nowrap;
- }
- .pf2e.chat-card .tags {
- margin: 3px 0 0;
- }
- .pf2e.chat-card .card-content {
- margin: 4px 0;
- }
- .pf2e.chat-card .card-content p {
- margin: 4px 0;
- min-height: unset;
- }
- .pf2e.chat-card .card-buttons {
- display: flex;
- flex-basis: 100%;
- flex-direction: column;
- margin: 4px 0;
- }
- .pf2e.chat-card .card-buttons span {
- display: block;
- line-height: 28px;
- text-align: center;
- border: 1px solid var(--secondary-background);
- }
- .pf2e.chat-card .card-buttons button {
- margin: 2px 0;
- }
- .pf2e.chat-card .card-buttons button.with-image {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .pf2e.chat-card .card-buttons button.with-image img {
- border: none;
- height: 2em;
- margin-right: 0.5em;
- }
- .pf2e.chat-card .card-buttons button span {
- border: none;
- }
- .pf2e.chat-card .card-buttons .owner-buttons {
- display: flex;
- flex-basis: 100%;
- flex-direction: column;
- }
- .pf2e.chat-card .card-buttons .spell-attack-buttons, .pf2e.chat-card .card-buttons .spell-button {
- display: flex;
- flex-direction: row;
- }
- .pf2e.chat-card .card-buttons .spell-attack-buttons *, .pf2e.chat-card .card-buttons .spell-button * {
- flex-grow: 1;
- flex-basis: 0;
- }
- .pf2e.chat-card .card-buttons .spell-attack-buttons :first-child, .pf2e.chat-card .card-buttons .spell-button :first-child {
- flex-grow: 2;
- }
- .pf2e.chat-card .card-buttons .hidden-to-others {
- background: var(--visibility-gm-bg);
- }
- .pf2e.chat-card .card-footer {
- padding: 3px 0 0;
- border-top: 2px groove #fff;
- }
- .pf2e.chat-card .card-footer span {
- border-right: 2px groove #fff;
- padding: 0 5px 0 0;
- font-size: var(--font-size-12);
- }
- .pf2e.chat-card .card-footer span:last-child {
- border-right: none;
- padding-right: 0;
- }
- .pf2e.chat-card .card-buttons-multiattack {
- display: grid;
- grid-template-columns: auto 40px 40px;
- grid-column-gap: 4px;
- }
- .pf2e.chat-card .card-buttons-two-column {
- display: grid;
- grid-template-columns: 1fr 1fr;
- grid-column-gap: 4px;
- }
- /* This is the core CSS of Tooltipster */
- /* GENERAL STRUCTURE RULES (do not edit this section) */
- .tooltipster-base {
- /* this ensures that a constrained height set by functionPosition,
- if greater that the natural height of the tooltip, will be enforced
- in browsers that support display:flex */
- display: flex;
- pointer-events: none;
- /* this may be overriden in JS for fixed position origins */
- position: absolute;
- }
- .tooltipster-box {
- /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
- and flex-basis auto for IE11- (at least) */
- flex: 1 1 auto;
- }
- .tooltipster-content {
- /* prevents an overflow if the user adds padding to the div */
- box-sizing: border-box;
- /* these make sure we'll be able to detect any overflow */
- max-height: 100%;
- max-width: 100%;
- overflow: auto;
- }
- .tooltipster-ruler {
- /* these let us test the size of the tooltip without overflowing the window */
- bottom: 0;
- left: 0;
- overflow: hidden;
- position: fixed;
- right: 0;
- top: 0;
- visibility: hidden;
- }
- /* ANIMATIONS */
- /* Open/close animations */
- /* fade */
- .tooltipster-fade {
- opacity: 0;
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -o-transition-property: opacity;
- -ms-transition-property: opacity;
- transition-property: opacity;
- }
- .tooltipster-fade.tooltipster-show {
- opacity: 1;
- }
- /* grow */
- .tooltipster-grow {
- -webkit-transform: scale(0, 0);
- -moz-transform: scale(0, 0);
- -o-transform: scale(0, 0);
- -ms-transform: scale(0, 0);
- transform: scale(0, 0);
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- -ms-transition-property: -ms-transform;
- transition-property: transform;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .tooltipster-grow.tooltipster-show {
- -webkit-transform: scale(1, 1);
- -moz-transform: scale(1, 1);
- -o-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- }
- /* swing */
- .tooltipster-swing {
- opacity: 0;
- -webkit-transform: rotateZ(4deg);
- -moz-transform: rotateZ(4deg);
- -o-transform: rotateZ(4deg);
- -ms-transform: rotateZ(4deg);
- transform: rotateZ(4deg);
- -webkit-transition-property: -webkit-transform, opacity;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- -ms-transition-property: -ms-transform;
- transition-property: transform;
- }
- .tooltipster-swing.tooltipster-show {
- opacity: 1;
- -webkit-transform: rotateZ(0deg);
- -moz-transform: rotateZ(0deg);
- -o-transform: rotateZ(0deg);
- -ms-transform: rotateZ(0deg);
- transform: rotateZ(0deg);
- -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
- -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- }
- /* fall */
- .tooltipster-fall {
- -webkit-transition-property: top;
- -moz-transition-property: top;
- -o-transition-property: top;
- -ms-transition-property: top;
- transition-property: top;
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- }
- .tooltipster-fall.tooltipster-initial {
- top: 0 !important;
- }
- .tooltipster-fall.tooltipster-dying {
- -webkit-transition-property: all;
- -moz-transition-property: all;
- -o-transition-property: all;
- -ms-transition-property: all;
- transition-property: all;
- top: 0 !important;
- opacity: 0;
- }
- /* slide */
- .tooltipster-slide {
- -webkit-transition-property: left;
- -moz-transition-property: left;
- -o-transition-property: left;
- -ms-transition-property: left;
- transition-property: left;
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- }
- .tooltipster-slide.tooltipster-initial {
- left: -40px !important;
- }
- .tooltipster-slide.tooltipster-dying {
- -webkit-transition-property: all;
- -moz-transition-property: all;
- -o-transition-property: all;
- -ms-transition-property: all;
- transition-property: all;
- left: 0 !important;
- opacity: 0;
- }
- /* Update animations */
- /* We use animations rather than transitions here because
- transition durations may be specified in the style tag due to
- animationDuration, and we try to avoid collisions and the use
- of !important */
- /* fade */
- @keyframes tooltipster-fading {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .tooltipster-update-fade {
- animation: tooltipster-fading 400ms;
- }
- /* rotate */
- @keyframes tooltipster-rotating {
- 25% {
- transform: rotate(-2deg);
- }
- 75% {
- transform: rotate(2deg);
- }
- 100% {
- transform: rotate(0);
- }
- }
- .tooltipster-update-rotate {
- animation: tooltipster-rotating 600ms;
- }
- /* scale */
- @keyframes tooltipster-scaling {
- 50% {
- transform: scale(1.1);
- }
- 100% {
- transform: scale(1);
- }
- }
- .tooltipster-update-scale {
- animation: tooltipster-scaling 600ms;
- }
- /**
- * DEFAULT STYLE OF THE SIDETIP PLUGIN
- *
- * All styles are "namespaced" with .tooltipster-sidetip to prevent
- * conflicts between plugins.
- */
- /* .tooltipster-box */
- .tooltipster-sidetip .tooltipster-box {
- background: #565656;
- border: 2px solid black;
- border-radius: 4px;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
- margin-top: 8px;
- }
- .tooltipster-sidetip.tooltipster-left .tooltipster-box {
- margin-right: 8px;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-box {
- margin-left: 8px;
- }
- .tooltipster-sidetip.tooltipster-top .tooltipster-box {
- margin-bottom: 8px;
- }
- /* .tooltipster-content */
- .tooltipster-sidetip .tooltipster-content {
- color: white;
- line-height: 18px;
- padding: 6px 14px;
- }
- /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
- corresponds to the arrow we want to display */
- .tooltipster-sidetip .tooltipster-arrow {
- overflow: hidden;
- position: absolute;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
- height: 10px;
- /* half the width, for centering */
- margin-left: -10px;
- top: 0;
- width: 20px;
- }
- .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
- height: 20px;
- margin-top: -10px;
- right: 0;
- /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
- been positioned yet */
- top: 0;
- width: 10px;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
- height: 20px;
- margin-top: -10px;
- left: 0;
- /* same as .tooltipster-left .tooltipster-arrow */
- top: 0;
- width: 10px;
- }
- .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
- bottom: 0;
- height: 10px;
- margin-left: -10px;
- width: 20px;
- }
- /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
- .tooltipster-sidetip .tooltipster-arrow-background,
- .tooltipster-sidetip .tooltipster-arrow-border {
- height: 0;
- position: absolute;
- width: 0;
- }
- /* .tooltipster-arrow-background */
- .tooltipster-sidetip .tooltipster-arrow-background {
- border: 10px solid transparent;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
- border-bottom-color: #565656;
- left: 0;
- top: 3px;
- }
- .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
- border-left-color: #565656;
- left: -3px;
- top: 0;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
- border-right-color: #565656;
- left: 3px;
- top: 0;
- }
- .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
- border-top-color: #565656;
- left: 0;
- top: -3px;
- }
- /* .tooltipster-arrow-border */
- .tooltipster-sidetip .tooltipster-arrow-border {
- border: 10px solid transparent;
- left: 0;
- top: 0;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
- border-bottom-color: black;
- }
- .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
- border-left-color: black;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
- border-right-color: black;
- }
- .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
- border-top-color: black;
- }
- /* tooltipster-arrow-uncropped */
- .tooltipster-sidetip .tooltipster-arrow-uncropped {
- position: relative;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
- top: -10px;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
- left: -10px;
- }
- @-webkit-keyframes wobble {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 15% {
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- }
- 30% {
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- }
- 45% {
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- }
- 60% {
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- }
- 75% {
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes wobble {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 15% {
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- }
- 30% {
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- }
- 45% {
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- }
- 60% {
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- }
- 75% {
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes rotation {
- from {
- -webkit-transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(359deg);
- }
- }
- /* ----------------------------------------- */
- /* Animation */
- /* ----------------------------------------- */
- :root {
- --animate-duration: 1s;
- --animate-delay: 1s;
- --animate-repeat: 1;
- }
- /* ----------------------------------------- */
- /* Layout */
- /* ----------------------------------------- */
- /** A vertical rule in a flexbox */
- .vr {
- border: 1px inset;
- margin: 1px;
- }
- /* ----------------------------------------- */
- /* Typography */
- /* ----------------------------------------- */
- .pf2e, .app.sheet.actor {
- font-family: var(--sans-serif);
- }
- .pf2e h1, .pf2e h2, .pf2e h3, .pf2e h4, .app.sheet.actor h1, .app.sheet.actor h2, .app.sheet.actor h3, .app.sheet.actor h4 {
- font-weight: 600;
- }
- .pf2e p, .app.sheet.actor p {
- font-weight: 500;
- }
- .pf2e.sheet form span.pf2-icon,
- .pf2e.sheet form span[data-pf2-action],
- .pf2e.sheet form span[data-pf2-action] *,
- .pf2e.sheet form span[data-pf2-check],
- .pf2e.sheet form span[data-pf2-check] *,
- .pf2-icon {
- display: inline;
- }
- .pf2e.sheet form span.pf2-icon,
- .pf2-icon {
- font-family: "Pathfinder2eActions";
- font-size: 1.2em;
- }
- .pf2e.sheet form span.pf2-icon.larger,
- .pf2-icon.larger {
- font-size: 1.5em;
- }
- section.roll-note, p.compact-text {
- display: inline-block;
- font-weight: normal;
- line-height: 1.4em;
- margin: 0.5em 0;
- min-height: 1rem;
- }
- .activity-icon {
- align-self: center;
- display: inline;
- margin: 0;
- padding: 0;
- font-family: Pathfinder2eActions;
- font-size: 1.2em;
- }
- /* ----------------------------------------- */
- /* Styled table */
- /* ----------------------------------------- */
- table.pf2-table {
- border: solid 1px #000000;
- border-collapse: collapse;
- font-size: var(--font-size-13);
- color: #191813;
- user-select: text;
- }
- table.pf2-table thead, table.pf2-table tbody, table.pf2-table tr, table.pf2-table th, table.pf2-table td {
- box-sizing: border-box;
- user-select: text;
- }
- table.pf2-table tr:nth-child(odd) {
- background-color: #eee5c8;
- }
- table.pf2-table tr:nth-child(even) {
- background-color: #f6f1e1;
- }
- table.pf2-table th {
- color: white;
- font-weight: bold;
- background-color: #522e2c;
- }
- table.pf2-table th, table.pf2-table td {
- border: solid 1px #808080;
- padding: 6px 15px;
- text-align: center;
- }
- a.inline-roll, a.content-link {
- font-weight: 500;
- line-height: 1.6em;
- }
- a.foundry-href {
- color: var(--primary);
- font-weight: 500;
- text-decoration: underline;
- }
- /* ----------------------------------------- */
- /* PF2E Action Custom Element */
- /* ----------------------------------------- */
- [data-pf2-action] {
- background: var(--inline-link-bg);
- border-radius: 2px;
- border: 1px solid var(--color-border-dark-tertiary);
- box-sizing: border-box;
- cursor: pointer;
- font-weight: 500;
- line-height: 1.5em;
- padding: 1px 0.2em 0;
- white-space: nowrap;
- word-break: break-all;
- }
- [data-pf2-action][data-pf2-glyph]::before {
- font-family: "Pathfinder2eActions";
- font-size: 1.5em;
- margin-right: 2px;
- color: var(--color-text-dark-inactive);
- }
- [data-pf2-action]:not([data-pf2-glyph])::before,
- [data-pf2-action][data-pf2-glyph=""]::before {
- display: inline-block;
- height: 15px;
- width: 15px;
- background-image: url("../icons/actions/Passive.webp");
- background-repeat: no-repeat;
- background-size: 15px 15px;
- opacity: 0.4;
- margin-bottom: -3px;
- margin-right: 2px;
- content: "";
- }
- [data-pf2-action][data-pf2-glyph=A]::before,
- [data-pf2-action][data-pf2-glyph=a]::before,
- [data-pf2-action][data-pf2-glyph="1"]::before {
- content: "A";
- }
- [data-pf2-action][data-pf2-glyph=D]::before,
- [data-pf2-action][data-pf2-glyph=d]::before,
- [data-pf2-action][data-pf2-glyph="2"]::before {
- content: "D";
- }
- [data-pf2-action][data-pf2-glyph=T]::before,
- [data-pf2-action][data-pf2-glyph=t]::before,
- [data-pf2-action][data-pf2-glyph="3"]::before {
- content: "T";
- }
- [data-pf2-action][data-pf2-glyph=F]::before,
- [data-pf2-action][data-pf2-glyph=f]::before {
- content: "F";
- }
- [data-pf2-action][data-pf2-glyph=R]::before,
- [data-pf2-action][data-pf2-glyph=r]::before {
- content: "R";
- }
- /* ----------------------------------------- */
- /* PF2E Check Custom Element */
- /* ----------------------------------------- */
- span[data-pf2-check] {
- background: var(--inline-link-bg);
- border-radius: 2px;
- border: 1px solid var(--color-border-dark-tertiary);
- box-sizing: border-box;
- cursor: pointer;
- font-weight: 500;
- line-height: 1.5em;
- padding: 1px 0.2em 0;
- white-space: nowrap;
- word-break: break-all;
- }
- span[data-pf2-check]::before {
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- margin-right: 0.25em;
- color: var(--color-text-dark-inactive);
- content: "\f6cf";
- }
- span[data-pf2-check][data-pf2-check=reflex]::before {
- content: "\f70c";
- }
- span[data-pf2-check][data-pf2-check=will]::before {
- content: "\f5dc";
- }
- span[data-pf2-check][data-pf2-check=fortitude]::before {
- content: "\f21e";
- }
- span[data-pf2-check][data-pf2-check=perception]::before {
- content: "\f06e";
- }
- span[data-pf2-check][data-pf2-traits*=secret] {
- background: var(--blind-roll);
- border-color: #720073;
- }
- /* ----------------------------------------- */
- /* PF2E Inline Template Custom Element */
- /* ----------------------------------------- */
- span[data-pf2-effect-area] {
- background: var(--inline-link-bg);
- border-radius: 2px;
- border: 1px solid var(--color-border-dark-tertiary);
- box-sizing: border-box;
- cursor: pointer;
- font-weight: 500;
- line-height: 1.5em;
- padding: 1px 0.2em 0;
- white-space: nowrap;
- word-break: break-all;
- }
- span[data-pf2-effect-area]::before {
- color: var(--color-text-dark-inactive);
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- margin-right: 0.25em;
- }
- span[data-pf2-effect-area][data-pf2-effect-area=cone]::before {
- content: "\f104";
- }
- span[data-pf2-effect-area][data-pf2-effect-area=line]::before {
- content: "\f7a5";
- }
- span[data-pf2-effect-area][data-pf2-effect-area=burst]::before {
- content: "\f111";
- }
- span[data-pf2-effect-area][data-pf2-effect-area=emanation]::before {
- content: "\f192";
- }
- span[data-pf2-effect-area][data-pf2-effect-area=rect]::before {
- content: "\f0c8";
- }
- /* ----------------------------------------- */
- /* PF2E Inline Repost Element */
- /* ----------------------------------------- */
- i[data-pf2-repost] {
- transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- background: var(--inline-repost-bg);
- color: var(--color-text-dark-inactive);
- border-left: 1px solid var(--color-border-dark-tertiary);
- background: rgba(255, 255, 255, 0.6);
- padding: 2px;
- margin-right: -3px;
- margin-left: 2px;
- text-shadow: none;
- }
- i[data-pf2-repost]:hover {
- color: white;
- text-shadow: 0px 0px 2px black;
- }
- [data-visibility]:not([data-visibility=all]) {
- border-radius: 1px;
- box-sizing: border-box;
- display: inline-block;
- line-height: 1em;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- padding: 2px 1px 0px;
- /* ----------------------------------------- */
- /* GM Visibility Elements */
- /* ----------------------------------------- */
- /* ----------------------------------------- */
- /* Owner Visibility Elements */
- /* ----------------------------------------- */
- }
- [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
- background: var(--visibility-gm-bg);
- }
- [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender {
- max-width: fit-content;
- }
- [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
- outline: none;
- padding: initial;
- }
- [data-visibility]:not([data-visibility=all])[data-visibility=owner] {
- background: var(--visibility-owner-bg);
- }
- [data-visibility]:not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] {
- outline: none;
- padding: initial;
- }
- /* ----------------------------------------- */
- /* Forms */
- /* ----------------------------------------- */
- .crb-style {
- display: flex;
- }
- .crb-style .details-label {
- font-family: var(--sans-serif);
- font-size: 0.625rem;
- font-weight: 800;
- line-height: 1;
- text-transform: uppercase;
- color: var(--primary);
- margin-right: 2px;
- white-space: nowrap;
- }
- .crb-style .details-input {
- color: var(--text-dark);
- font-family: var(--body-serif);
- font-weight: bold;
- width: calc(100% - 6px);
- border-bottom: 1px solid #d3ccbc;
- background-color: rgba(28, 28, 28, 0.1);
- }
- .crb-style .details-input::placeholder {
- filter: opacity(0.5);
- }
- .crb-style .details-input:focus {
- border-bottom: 1px solid var(--alt);
- }
- .crb-style .details-input[type=number] {
- padding-bottom: 0;
- padding-left: 4px;
- }
- .crb-style input {
- border: none;
- border-radius: 0;
- }
- .crb-style input:focus {
- box-shadow: none;
- }
- .crb-style input:focus::placeholder {
- color: transparent;
- }
- .crb-style input::placeholder {
- color: inherit;
- }
- .crb-style input::-webkit-outer-spin-button, .crb-style input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
- }
- .crb-style input[type=number] {
- -moz-appearance: textfield;
- }
- .crb-style select {
- font-size: var(--font-size-14);
- font-family: var(--serif);
- font-weight: 500;
- color: var(--text-light);
- position: relative;
- background-color: var(--alt);
- border-radius: 2px;
- line-height: 1;
- cursor: pointer;
- padding: 4px 18px 3px 5px;
- -webkit-appearance: none;
- -moz-appearance: none;
- text-overflow: ellipsis;
- background-image: url("../assets/icons/chevron-down.svg");
- background-repeat: no-repeat;
- background-position: right 0.25em top 50%;
- background-size: 1em auto;
- height: auto;
- border: 1px solid #53422a;
- }
- .crb-style select option {
- background-color: var(--alt);
- }
- .crb-style .dots span {
- cursor: pointer;
- }
- input[type=range]:disabled::-webkit-slider-runnable-track {
- background: rgba(0, 0, 0, 0.1);
- border: rgba(0, 0, 0, 0.1);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
- cursor: default;
- }
- input[type=range]:disabled::-moz-range-track {
- background: rgba(0, 0, 0, 0.1);
- border: rgba(0, 0, 0, 0.1);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
- cursor: default;
- }
- input[type=range]:disabled::-webkit-slider-thumb {
- background: var(--color-text-light-1);
- border: var(--color-text-light-1);
- box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
- cursor: default;
- }
- input[type=range]:disabled::-moz-range-thumb {
- background: var(--color-text-light-1);
- border: var(--color-text-light-1);
- box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
- cursor: default;
- }
- a[href]:hover {
- text-shadow: 0 0 8px var(--color-text-hyperlink);
- }
- .crb-style.sheet .window-content {
- background: url("../assets/sheet/background.webp") no-repeat;
- background-size: cover;
- }
- .actors-sidebar .directory-item.actor h4 {
- line-height: normal;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .actors-sidebar .directory-item.actor .actor-level {
- font-size: x-small;
- color: var(--color-text-light-primary);
- }
- .actors-sidebar .party-list {
- flex: 0 1 auto;
- margin: 0;
- padding: 0;
- }
- .actors-sidebar .party .party-header {
- background: rgba(255, 255, 255, 0.2);
- border-top: 1px solid var(--color-border-dark);
- border-bottom: 1px solid var(--color-border-dark);
- line-height: 1.5rem;
- padding: 6px;
- display: flex;
- align-items: center;
- }
- .actors-sidebar .party .party-header .fa-fw {
- cursor: pointer;
- flex: 0 0 auto;
- margin-right: 10px;
- font-size: var(--font-size-16);
- }
- .actors-sidebar .party .party-header h3 {
- flex: 1;
- margin: 0;
- overflow: hidden;
- white-space: nowrap;
- font-size: var(--font-size-16);
- }
- .actors-sidebar .party .party-header .controls {
- flex: 0;
- display: flex;
- font-size: var(--font-size-14);
- }
- .actors-sidebar .party.collapsed .party-header {
- background: rgba(0, 0, 0, 0.5);
- }
- .actors-sidebar .party.collapsed .subdirectory {
- display: none;
- }
- .directory-item.item img.thumbnail {
- object-fit: contain;
- }
- .directory-item.item h4 {
- line-height: normal;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .directory-item.item .item-level {
- font-size: x-small;
- color: var(--color-text-light-primary);
- }
- #chat-log {
- display: flex;
- flex-direction: column;
- }
- #chat-log > .message:first-child {
- margin-top: auto;
- }
- .chat-roll-details .window-content {
- display: flex;
- flex-direction: column;
- gap: 1em;
- width: 100%;
- flex: 1 1 auto;
- overflow: hidden;
- }
- .chat-roll-details .summary {
- flex: 0 1 auto;
- }
- .chat-roll-details .summary .type {
- display: flex;
- align-items: baseline;
- gap: 2px;
- }
- .chat-roll-details .summary .domains.tags {
- margin-top: 4px;
- justify-items: flex-end;
- }
- .chat-roll-details .summary .domains.tags .tag {
- text-transform: none;
- }
- .chat-roll-details .body {
- display: flex;
- flex-direction: row;
- gap: 1em;
- width: 100%;
- }
- .chat-roll-details .roll-options, .chat-roll-details .modifiers {
- display: flex;
- flex: 1;
- flex-direction: column;
- height: 100%;
- overflow: hidden;
- }
- .chat-roll-details .roll-options ul {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- margin: 0;
- padding: 0;
- flex: 1 0 0;
- list-style-type: none;
- border-radius: 3px;
- white-space: nowrap;
- border: 1px solid var(--color-border-dark-tertiary);
- overflow-x: auto;
- }
- .chat-roll-details .roll-options li {
- user-select: text;
- line-height: 1.5em;
- padding-left: 5px;
- }
- .chat-roll-details .roll-options li:nth-child(even) {
- background-color: rgba(0, 0, 0, 0.0666666667);
- }
- .chat-roll-details .modifier-list {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- flex: 1 0 0;
- display: flex;
- flex-direction: column;
- gap: 4px;
- }
- .chat-roll-details .modifier-list .modifier {
- border: 1px solid black;
- border-radius: 3px;
- padding: 4px;
- }
- .chat-roll-details .modifier-list .modifier.disabled {
- border-style: dashed;
- opacity: 0.6;
- }
- .chat-roll-details .modifier-list .modifier h4 {
- font-size: 1.1em;
- }
- .chat-roll-details .modifier-list .modifier > div {
- display: flex;
- justify-content: space-between;
- align-items: baseline;
- }
- .chat-message h3 {
- border-bottom: none;
- }
- .chat-message button > i {
- margin-right: 0;
- }
- .chat-message.emote > .message-content {
- font-style: italic;
- }
- .chat-message.emote > .message-content p.action-content {
- display: flex;
- align-items: center;
- font-weight: normal;
- }
- .chat-message.emote > .message-content p.action-content img {
- height: 2.33em;
- width: 2.33em;
- float: left;
- margin-right: 0.5em;
- }
- .chat-message.emote > .message-content hr.action-divider {
- margin: 0;
- }
- .chat-message > .message-header .flavor-text h4.action {
- font-weight: 700;
- line-height: 1.5em;
- margin: 0;
- }
- .chat-message > .message-header .flavor-text .target-dc-result {
- line-height: 0.75rem;
- margin-bottom: 4px;
- }
- .chat-message > .message-header .flavor-text .target-dc-result .target-dc, .chat-message > .message-header .flavor-text .target-dc-result .result {
- display: block;
- margin: 1px 0;
- width: fit-content;
- }
- .chat-message > .message-header .flavor-text .target-dc-result .unadjusted {
- text-decoration: line-through;
- }
- .chat-message > .message-header .flavor-text .target-dc-result .adjusted {
- text-decoration: underline dotted;
- }
- .chat-message > .message-header .flavor-text .target-dc-result .adjusted.increased {
- color: rgb(0, 128, 0);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .adjusted.decreased {
- color: rgb(255, 0, 0);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
- color: rgb(0, 128, 0);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .success {
- color: rgb(0, 0, 255);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .failure {
- color: rgb(255, 69, 0);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalFailure {
- color: rgb(255, 0, 0);
- }
- .chat-message > .message-header .flavor-text .effect {
- display: flex;
- align-items: center;
- column-gap: 5px;
- }
- .chat-message > .message-header .flavor-text .effect img {
- height: 32px;
- width: 32px;
- }
- .chat-message > .message-content .message-buttons {
- display: flex;
- margin: 0.35em 0 2px;
- }
- .chat-message .message-content .damage-roll:not(:first-child) {
- margin-top: 1em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-formula {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- gap: 0.25em;
- justify-content: center;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-formula .instance {
- padding: 0 0.25em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total {
- flex-direction: column;
- font-weight: normal;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total .total {
- font-weight: 700;
- padding: 0 2ch;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total .total .increased-from {
- color: var(--color-text-dark-2);
- font-size: var(--font-size-16);
- font-weight: normal;
- vertical-align: 15%;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total .instances {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- font-size: var(--font-size-12);
- justify-content: center;
- line-height: var(--font-size-12);
- margin-bottom: 0.2em;
- vertical-align: top;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total .instances .instance {
- padding: 0.15em 0.25em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip {
- display: flex;
- flex-direction: column;
- gap: 0.25em;
- margin-bottom: 0.25em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance {
- border-radius: 2px;
- border-style: solid;
- border-width: 1px;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header {
- align-items: center;
- display: flex;
- justify-content: space-between;
- margin-bottom: 0.1em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula, .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total {
- color: var(--color-text-dark-secondary);
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header, .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice {
- padding: 0.2em;
- }
- .chat-message .message-content .damage-roll .dice-result .instance {
- white-space: nowrap;
- }
- .chat-message .message-content .damage-roll .dice-result .instance:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > header {
- background: rgba(60, 60, 60, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.acid {
- border-color: #007300;
- color: #003300;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.acid:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.acid.tooltip-part > header {
- background: rgba(0, 115, 0, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.acid .icon {
- color: #007300;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.bleed {
- border-color: #99001a;
- color: #59000f;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.bleed:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.bleed.tooltip-part > header {
- background: rgba(153, 0, 26, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.bleed .icon {
- color: #99001a;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning {
- border-color: #3c3c3c;
- color: #1c1c1c;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning.tooltip-part > header {
- background: rgba(60, 60, 60, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.bludgeoning .icon {
- color: #3c3c3c;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.chaotic {
- border-color: #a600a6;
- color: #660066;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.chaotic:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.chaotic.tooltip-part > header {
- background: rgba(166, 0, 166, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.chaotic .icon {
- color: #a600a6;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.cold {
- border-color: #2f2fa6;
- color: #212174;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.cold:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.cold.tooltip-part > header {
- background: rgba(47, 47, 166, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.cold .icon {
- color: #2f2fa6;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.electricity {
- border-color: darkgoldenrod;
- color: #7c5a07;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.electricity:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.electricity.tooltip-part > header {
- background: rgba(184, 134, 11, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.electricity .icon {
- color: darkgoldenrod;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.evil {
- border-color: indigo;
- color: #260042;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.evil:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.evil.tooltip-part > header {
- background: rgba(75, 0, 130, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.evil .icon {
- color: indigo;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.fire {
- border-color: #a62f00;
- color: #661d00;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.fire:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.fire.tooltip-part > header {
- background: rgba(166, 47, 0, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.fire .icon {
- color: #a62f00;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.force {
- border-color: #6300aa;
- color: #3e006a;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.force:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.force.tooltip-part > header {
- background: rgba(99, 0, 170, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.force .icon {
- color: #6300aa;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.good {
- border-color: #9d730a;
- color: #614706;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.good:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.good.tooltip-part > header {
- background: rgba(157, 115, 10, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.good .icon {
- color: #9d730a;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.lawful {
- border-color: #402600;
- color: black;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.lawful:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.lawful.tooltip-part > header {
- background: rgba(64, 38, 0, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.lawful .icon {
- color: #402600;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.mental {
- border-color: midnightblue;
- color: #0d0d3c;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.mental:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.mental.tooltip-part > header {
- background: rgba(25, 25, 112, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.mental .icon {
- color: midnightblue;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.negative {
- border-color: #00001f;
- color: #00001f;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.negative:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.negative.tooltip-part > header {
- background: rgba(0, 0, 31, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.negative .icon {
- color: #00001f;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.piercing {
- border-color: #3c3c3c;
- color: #1c1c1c;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.piercing:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.piercing.tooltip-part > header {
- background: rgba(60, 60, 60, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.piercing .icon {
- color: #3c3c3c;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.poison {
- border-color: #5b7332;
- color: #38471f;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.poison:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.poison.tooltip-part > header {
- background: rgba(91, 115, 50, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.poison .icon {
- color: #5b7332;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.positive {
- border-color: #ffffe0;
- color: #ffffa0;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.positive:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.positive.tooltip-part > header {
- background: rgba(255, 255, 224, 0.125);
- text-shadow: 1px 1px black;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.positive .icon {
- color: #ffffe0;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.slashing {
- border-color: #3c3c3c;
- color: #1c1c1c;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.slashing:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.slashing.tooltip-part > header {
- background: rgba(60, 60, 60, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.slashing .icon {
- color: #3c3c3c;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.sonic {
- border-color: darkcyan;
- color: #004b4b;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.sonic:not(.tooltip-part), .chat-message .message-content .damage-roll .dice-result .instance.sonic.tooltip-part > header {
- background: rgba(0, 139, 139, 0.125);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.sonic .icon {
- color: darkcyan;
- }
- .chat-message .message-content .damage-roll .dice-result .instance .precision, .chat-message .message-content .damage-roll .dice-result .instance .splash {
- border-color: inherit;
- border-width: 1px;
- border-style: dotted;
- padding: 1px 2px;
- line-height: 0;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type {
- margin-bottom: 3px;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type h3 {
- text-transform: capitalize;
- padding-left: 3px;
- padding-right: 1px;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type i.fa {
- flex: none;
- margin: 2px;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type .dice {
- margin-left: 2px;
- margin-right: 2px;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .dice .part-header .part-flavor {
- text-transform: capitalize;
- }
- .chat-message .message-content .damage-application {
- display: flex;
- justify-content: center;
- margin-top: 3px;
- order: 3;
- }
- .chat-message .message-content .damage-application button {
- align-items: center;
- display: flex;
- flex-direction: column;
- font-size: var(--font-size-18);
- height: 2em;
- justify-content: space-around;
- line-height: unset;
- padding: 0;
- }
- .chat-message .message-content .damage-application button.half-damage {
- position: relative;
- }
- .chat-message .message-content .damage-application button.half-damage .transparent-half {
- background: rgb(248, 247, 233);
- display: block;
- height: 24px;
- left: 49%;
- opacity: 0.6;
- position: absolute;
- top: 0px;
- width: 10px;
- }
- .chat-message .message-content .damage-application button > img {
- border: none;
- height: var(--font-size-18);
- }
- .chat-message .message-content .damage-application button.heal-damage .fa-stack {
- font-size: 0.5em;
- }
- .chat-message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus {
- font-size: var(--font-size-10);
- }
- .chat-message .message-content .damage-application button .label {
- font-size: var(--font-size-9);
- font-weight: 500;
- text-transform: uppercase;
- }
- .chat-message .message-content .damage-taken .persistent {
- font-style: normal;
- margin-top: 1em;
- }
- .chat-message .message-content .damage-taken .persistent h4 {
- border-bottom: 1px solid var(--color-underline-header);
- max-width: fit-content;
- }
- .chat-message .message-content .damage-taken button.revert-damage {
- align-items: center;
- background: var(--bg-dark);
- display: inline-flex;
- justify-content: center;
- width: 3ch;
- margin-left: 2px;
- }
- .chat-message .message-content .damage-taken .reverted {
- text-decoration: line-through;
- }
- .chat-message .flavor-text .pf2e-reroll-indicator {
- float: right;
- }
- .chat-message .message-content .pf2e-reroll-discard .dice-total, .chat-message .message-content .pf2e-reroll-discard .dice-tooltip {
- opacity: 0.3;
- }
- .chat-message .message-content .pf2e-reroll-second .dice-formula {
- display: none;
- }
- .chat-message > .message-header {
- align-items: center;
- margin-bottom: 0.33em;
- }
- .chat-message > .message-content .dice-roll .statuseffect-message {
- font-weight: 700;
- }
- .chat-message > .message-content .dice-roll .statuseffect-message ul {
- padding: 0.5em;
- margin: 0;
- }
- .chat-message > .message-content .dice-roll .statuseffect-message ul li {
- cursor: help;
- }
- .chat-message > .message-content .dice-roll .statuseffect-rules {
- font-size: var(--font-size-13);
- font-weight: 500;
- }
- .chat-message > .message-content .dice-roll .statuseffect-rules h2 {
- font-weight: 700;
- }
- section.compendium-sidebar .directory-header .header-search {
- padding: 0 24px 0 3px;
- }
- section.compendium-sidebar li.compendium-type ol.document-matches {
- background: rgba(0, 0, 0, 0.25);
- padding: 0;
- }
- section.compendium-sidebar li.compendium-type ol.document-matches li.match {
- align-items: center;
- column-gap: 2px;
- cursor: pointer;
- display: grid;
- font-size: var(--font-size-12);
- grid-template-areas: "thumbnail name" "thumbnail details";
- grid-template-columns: 38px 1fr;
- grid-template-rows: 1fr 1fr;
- list-style: none;
- padding: 2px 0 2px 4px;
- }
- section.compendium-sidebar li.compendium-type ol.document-matches li.match:hover {
- background: rgba(255, 255, 255, 0.1);
- }
- section.compendium-sidebar li.compendium-type ol.document-matches li.match > * {
- align-items: inherit;
- display: flex;
- height: 100%;
- }
- section.compendium-sidebar li.compendium-type ol.document-matches li.match .thumbnail {
- grid-area: thumbnail;
- justify-content: start;
- }
- section.compendium-sidebar li.compendium-type ol.document-matches li.match .thumbnail img {
- border: none;
- height: 36px;
- object-fit: contain;
- object-position: 50% 0;
- padding: 2px 0;
- width: 36px;
- }
- section.compendium-sidebar li.compendium-type ol.document-matches li.match .name {
- grid-area: name;
- }
- section.compendium-sidebar li.compendium-type ol.document-matches li.match .details {
- color: var(--color-text-light-primary);
- grid-area: details;
- }
- #pack-search-drag-preview {
- background: url(../../../ui/parchment.jpg) repeat;
- border-bottom: 1px solid var(--color-border-light-1);
- border-top: 1px solid transparent;
- box-shadow: none;
- display: flex;
- height: 50px;
- line-height: 48px;
- position: absolute;
- text-shadow: 0 0 0.5rem var(--color-shadow-primary);
- top: -1000px;
- width: 328px;
- }
- #pack-search-drag-preview img {
- border: none;
- height: 48px;
- }
- #pack-search-drag-preview h4 {
- color: var(--color-text-dark-primary);
- font-size: var(--font-size-14);
- }
- .combat-sidebar li.combatant {
- cursor: default;
- padding: 3px 0 3px 3px;
- }
- .combat-sidebar li.combatant.gm-draggable {
- cursor: grab;
- }
- .combat-sidebar li.combatant .token-name h4 {
- flex-direction: row;
- }
- .combat-sidebar li.combatant .token-name h4 .users-targeting {
- display: inline-block;
- font-size: x-small;
- line-height: inherit;
- padding: 0 0.3em;
- text-shadow: none;
- vertical-align: bottom;
- }
- .combat-sidebar li.combatant.drag-preview {
- background: rgba(0, 0, 0, 0.75);
- box-shadow: 0 0 6px inset var(--color-shadow-highlight);
- }
- .combat-sidebar li.combatant.drag-gap {
- visibility: hidden;
- }
- .combat-sidebar li.combatant .hidden-name .token-name h4 {
- color: var(--color-text-light-7);
- }
- .hover {
- cursor: pointer;
- }
- .hover-content {
- display: none;
- }
- .crb-hover .tooltipster-box {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- background-color: rgba(0, 0, 0, 0.9);
- overflow: visible;
- }
- .crb-hover .tooltipster-box .tooltipster-content {
- margin: 0;
- padding: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content {
- display: flex;
- min-width: 120px;
- max-width: fit-content;
- padding: 4px;
- line-height: 1;
- flex-direction: column;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content p {
- font-size: var(--font-size-14);
- font-family: var(--body-serif);
- font-weight: 400;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content h1,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content h2,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content h3 {
- font-size: var(--font-size-12);
- font-weight: 500;
- text-align: left;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title {
- display: flex;
- justify-content: space-between;
- align-items: baseline;
- border-bottom: 1px solid var(--sidebar-title);
- margin: 0.25em 0 0.5em;
- flex: 1 auto;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- border: none;
- margin: 0;
- line-height: 1.5;
- color: var(--sidebar-title);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2 + h2,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a + h2 {
- font-size: var(--font-size-11);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
- color: white;
- text-decoration: none;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield {
- width: 160px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .data {
- position: relative;
- top: -2px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .tag-legacy {
- width: auto;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option {
- color: rgba(255, 255, 255, 0.5);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option i.fas {
- margin: 1px 4px 1px 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected {
- color: white;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul {
- list-style: none;
- margin: 0;
- padding: 0;
- flex: 1 auto;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input {
- color: white;
- border: none;
- border-radius: 0;
- background: transparent;
- font-family: var(--body-serif);
- width: 100%;
- border-bottom: 1px solid rgba(255, 255, 255, 0.5);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus {
- box-shadow: none;
- border-bottom: 1px solid white;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus::placeholder {
- color: transparent;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::placeholder {
- color: rgba(255, 255, 255, 0.8);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-outer-spin-button, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- appearance: none;
- margin: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input[type=number] {
- appearance: textfield;
- -moz-appearance: textfield;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul select {
- border-radius: 2px;
- height: 18px;
- border: 1px solid white;
- background: transparent;
- cursor: pointer;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul select option {
- font-size: 0.8rem;
- min-height: 1rem;
- color: var(--body);
- text-transform: capitalize;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul label {
- display: flex;
- align-items: center;
- text-align: left;
- font-family: var(--serif);
- font-weight: 500;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .label,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .data {
- font-size: var(--font-size-12);
- font-family: var(--serif);
- font-weight: 400;
- color: white;
- margin: 0;
- padding: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item {
- display: grid;
- grid: "data label close" min-content "data type close" min-content/30px 1fr;
- margin: 8px 0;
- align-items: center;
- column-gap: 8px;
- justify-items: start;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item:first-child {
- border: none;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.no-effect {
- filter: opacity(0.5);
- position: relative;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- display: flex;
- justify-content: center;
- align-items: center;
- color: var(--tertiary);
- grid-area: type;
- letter-spacing: 0.5px;
- white-space: nowrap;
- width: min-content;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy .remove-modifier {
- white-space: nowrap;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .label {
- grid-area: label;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .data {
- grid-area: data;
- text-align: right;
- font-size: var(--font-size-21);
- justify-self: right;
- width: min-content;
- padding-top: 2px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .remove-modifier {
- grid-area: close;
- font-size: 0.8rem;
- cursor: pointer;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier {
- border-top: 1px solid var(--sidebar-title);
- padding-top: 5px;
- grid: "value name name" 1fr "type type btn" 1fr/42px 1fr 1fr;
- font-size: 0.8rem;
- gap: 0.25rem 0.5rem;
- align-items: baseline;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value {
- grid-area: value;
- font-size: 1rem;
- text-align: right;
- display: grid;
- grid: "input plus" 1fr "input minus" 1fr/1fr 10px;
- column-gap: 4px;
- align-items: center;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value input {
- grid-area: input;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas {
- font-size: var(--font-size-9);
- cursor: pointer;
- margin-top: 2px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas.fa-plus-circle {
- grid-area: plus;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-value .fas.fa-minus-circle {
- grid-area: minus;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-name {
- grid-area: name;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.add-modifier .add-modifier-submit {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- grid-area: btn;
- white-space: nowrap;
- line-height: 1.5;
- background-color: black;
- color: var(--tertiary);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data::placeholder {
- color: rgba(255, 255, 255, 0.5);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label {
- text-decoration: line-through;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li {
- display: flex;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li label {
- color: var(--tertiary);
- flex-basis: 100%;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li input {
- display: flex;
- min-width: 2em;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content {
- white-space: nowrap;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content a.item-control i.fas {
- min-width: 1.25em;
- }
- .damage-dialog {
- background: none;
- box-shadow: none;
- }
- .damage-dialog .window-header {
- border: none;
- box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8);
- background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%);
- border-radius: 0;
- margin-bottom: 2px;
- font-size: var(--font-size-13);
- }
- .damage-dialog .window-content {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- padding-top: 0;
- }
- .damage-dialog .window-content button {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background-color: var(--alt);
- border-radius: 2px;
- color: white;
- cursor: pointer;
- font-family: var(--sans-serif);
- }
- .damage-dialog .window-content button:hover {
- text-shadow: 0 0 2px var(--tertiary);
- }
- .damage-dialog .window-content .dialog-row {
- align-items: center;
- display: grid;
- grid: "mod type value exclude" 1fr/1.5fr 1fr 60px 55px;
- padding: 8px 0;
- }
- .damage-dialog .window-content .dialog-row.header {
- font-size: var(--font-size-13);
- font-weight: 700;
- padding-bottom: 0;
- }
- .damage-dialog .window-content .dialog-row.header + hr {
- margin-bottom: 0;
- }
- .damage-dialog .window-content .dialog-row .type {
- grid-area: type;
- text-transform: capitalize;
- }
- .damage-dialog .window-content .dialog-row .dice-type {
- margin-right: 10px;
- }
- .damage-dialog .window-content .dialog-row .dice-type, .damage-dialog .window-content .dialog-row .modifier-type {
- display: flex;
- }
- .damage-dialog .window-content .dialog-row .dice-type .value, .damage-dialog .window-content .dialog-row .modifier-type .value {
- margin-right: 8px;
- }
- .damage-dialog .window-content .dialog-row .dice-type .icon-container, .damage-dialog .window-content .dialog-row .modifier-type .icon-container {
- display: table;
- width: 35px;
- }
- .damage-dialog .window-content .dialog-row .dice-type .icon-container i, .damage-dialog .window-content .dialog-row .modifier-type .icon-container i {
- display: table-cell;
- vertical-align: middle;
- text-align: start;
- font-size: 1rem;
- }
- .damage-dialog .window-content .dialog-row .mod {
- grid-area: mod;
- }
- .damage-dialog .window-content .dialog-row .no-mod {
- filter: opacity(0.7);
- }
- .damage-dialog .window-content .dialog-row .value {
- grid-area: value;
- justify-self: center;
- }
- .damage-dialog .window-content .dialog-row .exclude {
- grid-area: exclude;
- justify-self: right;
- }
- .damage-dialog .window-content .dialog-row .exclude.toggle {
- background: var(--secondary);
- border-radius: 50px;
- box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
- cursor: pointer;
- height: 19px;
- margin: 4px auto;
- position: relative;
- width: 46px;
- }
- .damage-dialog .window-content .dialog-row .exclude.toggle::before {
- color: white;
- content: "ON";
- left: 6px;
- position: absolute;
- z-index: 0;
- }
- .damage-dialog .window-content .dialog-row .exclude.toggle::after {
- color: black;
- content: "OFF";
- position: absolute;
- right: 4px;
- text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
- z-index: 0;
- }
- .damage-dialog .window-content .dialog-row .exclude.toggle::after, .damage-dialog .window-content .dialog-row .exclude.toggle::before {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- top: 4px;
- }
- .damage-dialog .window-content .dialog-row .exclude.toggle label {
- background: #fcfff4;
- background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
- border-radius: 50px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
- cursor: pointer;
- display: block;
- height: 16px;
- position: absolute;
- right: 1px;
- top: 1px;
- transition: all 0.4s ease;
- width: 19px;
- z-index: 1;
- }
- .damage-dialog .window-content .dialog-row .exclude.toggle input[type=checkbox] {
- visibility: hidden;
- }
- .damage-dialog .window-content .dialog-row .exclude.toggle input[type=checkbox]:not(:checked) + label {
- right: 23px;
- }
- .damage-dialog .window-content .dialog-row .acid {
- color: #007300;
- }
- .damage-dialog .window-content .dialog-row .bleed {
- color: #99001a;
- }
- .damage-dialog .window-content .dialog-row .bludgeoning {
- color: #3c3c3c;
- }
- .damage-dialog .window-content .dialog-row .chaotic {
- color: #a600a6;
- }
- .damage-dialog .window-content .dialog-row .cold {
- color: #2f2fa6;
- }
- .damage-dialog .window-content .dialog-row .electricity {
- color: darkgoldenrod;
- }
- .damage-dialog .window-content .dialog-row .evil {
- color: indigo;
- }
- .damage-dialog .window-content .dialog-row .fire {
- color: #a62f00;
- }
- .damage-dialog .window-content .dialog-row .force {
- color: #6300aa;
- }
- .damage-dialog .window-content .dialog-row .good {
- color: #9d730a;
- }
- .damage-dialog .window-content .dialog-row .lawful {
- color: #402600;
- }
- .damage-dialog .window-content .dialog-row .mental {
- color: midnightblue;
- }
- .damage-dialog .window-content .dialog-row .negative {
- color: #00001f;
- }
- .damage-dialog .window-content .dialog-row .piercing {
- color: #3c3c3c;
- }
- .damage-dialog .window-content .dialog-row .poision {
- color: #5b7332;
- }
- .damage-dialog .window-content .dialog-row .positive {
- color: #ffffe0;
- }
- .damage-dialog .window-content .dialog-row .slashing {
- color: #3c3c3c;
- }
- .damage-dialog .window-content .dialog-row .sonic {
- color: darkcyan;
- }
- .damage-dialog .window-content .modifier-container {
- display: flex;
- flex-direction: column;
- }
- .damage-dialog .window-content .modifier-container .dialog-row {
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- }
- .damage-dialog .window-content .modifier-container .dialog-row:last-child {
- border-bottom: none;
- }
- .damage-dialog .window-content .modifier-container .dialog-row .tag {
- background-color: var(--sub);
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
- color: white;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- letter-spacing: 0.5px;
- padding: 4px 8px;
- text-transform: uppercase;
- width: fit-content;
- }
- .damage-dialog .window-content .modifier-container .dialog-row.disabled {
- text-decoration: line-through;
- }
- .damage-dialog .window-content .modifier-container .dialog-row.disabled span, .damage-dialog .window-content .modifier-container .dialog-row.disabled div {
- filter: opacity(0.5);
- }
- .damage-dialog .window-content .modifier-container .dialog-row.disabled span i, .damage-dialog .window-content .modifier-container .dialog-row.disabled div i {
- color: black;
- }
- .damage-dialog .window-content .modifier-container .dialog-row.disabled .toggle {
- background: rgba(0, 0, 0, 0.4);
- }
- .damage-dialog .window-content .modifier-container .dialog-row.disabled .toggle input[type=checkbox] + label {
- right: 26px;
- }
- .damage-dialog .window-content .modifier-container .dialog-row.disabled.hidden {
- display: none;
- }
- .damage-dialog .window-content .modifier-container + hr {
- margin-top: 0;
- }
- .damage-dialog .window-content .total-mod {
- font-weight: 700;
- padding: 0;
- }
- .damage-dialog .window-content .add-modifier-panel {
- display: grid;
- grid-template-columns: 100px 4.5fr 4.5fr 3.5fr 32px 50px;
- column-gap: 4px;
- justify-items: center;
- }
- .damage-dialog .window-content .add-modifier-panel select,
- .damage-dialog .window-content .add-modifier-panel input {
- height: auto;
- }
- .damage-dialog .window-content .add-modifier-panel .add-modifier-type {
- cursor: pointer;
- width: 100%;
- }
- .damage-dialog .window-content .add-modifier-panel .add-modifier-category {
- cursor: pointer;
- width: 100%;
- }
- .damage-dialog .window-content .add-modifier-panel .add-modifier-damage-type {
- cursor: pointer;
- width: 100%;
- }
- .damage-dialog .window-content .add-modifier-panel .add-modifier {
- line-height: 1;
- margin: 0;
- padding: 4px 0;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 0.75rem;
- }
- .damage-dialog .window-content .add-dice-panel {
- display: grid;
- grid-template-columns: 100px 32px 1.5fr 3.5fr 3fr 50px;
- column-gap: 4px;
- justify-items: center;
- }
- .damage-dialog .window-content .add-dice-panel select,
- .damage-dialog .window-content .add-dice-panel input {
- height: auto;
- }
- .damage-dialog .window-content .add-dice-panel select:disabled {
- cursor: default;
- }
- .damage-dialog .window-content .add-dice-panel .add-dice-faces {
- cursor: pointer;
- }
- .damage-dialog .window-content .add-dice-panel .add-dice-type {
- cursor: pointer;
- width: 100%;
- }
- .damage-dialog .window-content .add-dice-panel .add-dice-category {
- cursor: pointer;
- width: 100%;
- }
- .damage-dialog .window-content .add-dice-panel .add-dice {
- line-height: 1;
- margin: 0;
- padding: 4px 0;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 0.75rem;
- }
- .damage-dialog .window-content .roll-mode-panel {
- display: flex;
- flex-wrap: nowrap;
- align-items: stretch;
- }
- .damage-dialog .window-content .roll-mode-panel .label {
- flex: 1 40%;
- }
- .damage-dialog .window-content .roll-mode-panel select {
- flex: 2 60%;
- height: auto;
- width: 100%;
- margin-right: 4px;
- border-radius: 2px;
- cursor: pointer;
- }
- .damage-dialog .window-content .roll {
- color: white;
- background-color: var(--secondary);
- }
- .dice-checks {
- background: none;
- box-shadow: none;
- }
- .dice-checks .window-header {
- border: none;
- box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8);
- background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%);
- border-radius: 0;
- margin-bottom: 2px;
- font-size: var(--font-size-13);
- }
- .dice-checks .window-content {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- padding-top: 0;
- }
- .dice-checks .window-content button {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background-color: var(--alt);
- border-radius: 2px;
- color: white;
- cursor: pointer;
- font-family: var(--sans-serif);
- }
- .dice-checks .window-content button:hover {
- text-shadow: 0 0 2px var(--tertiary);
- }
- .dice-checks .window-content .dialog-row {
- align-items: center;
- display: grid;
- grid: "mod type value exclude" 1fr/1.5fr 1fr 36px 50px;
- padding: 8px 0;
- }
- .dice-checks .window-content .dialog-row.header {
- font-size: var(--font-size-13);
- font-weight: 700;
- padding-bottom: 0;
- }
- .dice-checks .window-content .dialog-row.header + hr {
- margin-bottom: 0;
- }
- .dice-checks .window-content .dialog-row .type {
- grid-area: type;
- text-transform: capitalize;
- }
- .dice-checks .window-content .dialog-row .mod {
- grid-area: mod;
- }
- .dice-checks .window-content .dialog-row .value {
- grid-area: value;
- justify-self: center;
- }
- .dice-checks .window-content .dialog-row .exclude {
- grid-area: exclude;
- justify-self: right;
- }
- .dice-checks .window-content .dialog-row .exclude.toggle {
- background: var(--secondary);
- border-radius: 50px;
- box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
- cursor: pointer;
- height: 19px;
- margin: 4px auto;
- position: relative;
- width: 46px;
- }
- .dice-checks .window-content .dialog-row .exclude.toggle::before {
- color: white;
- content: "ON";
- left: 6px;
- position: absolute;
- z-index: 0;
- }
- .dice-checks .window-content .dialog-row .exclude.toggle::after {
- color: black;
- content: "OFF";
- position: absolute;
- right: 4px;
- text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
- z-index: 0;
- }
- .dice-checks .window-content .dialog-row .exclude.toggle::after, .dice-checks .window-content .dialog-row .exclude.toggle::before {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- top: 4px;
- }
- .dice-checks .window-content .dialog-row .exclude.toggle label {
- background: #fcfff4;
- background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
- border-radius: 50px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
- cursor: pointer;
- display: block;
- height: 16px;
- position: absolute;
- right: 1px;
- top: 1px;
- transition: all 0.4s ease;
- width: 19px;
- z-index: 1;
- }
- .dice-checks .window-content .dialog-row .exclude.toggle input[type=checkbox] {
- visibility: hidden;
- }
- .dice-checks .window-content .dialog-row .exclude.toggle input[type=checkbox]:not(:checked) + label {
- right: 23px;
- }
- .dice-checks .window-content .substitutions, .dice-checks .window-content .modifier-container {
- display: flex;
- flex-direction: column;
- }
- .dice-checks .window-content .substitutions .dialog-row, .dice-checks .window-content .modifier-container .dialog-row {
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- }
- .dice-checks .window-content .substitutions .dialog-row:last-child, .dice-checks .window-content .modifier-container .dialog-row:last-child {
- border-bottom: none;
- }
- .dice-checks .window-content .substitutions .dialog-row .tag, .dice-checks .window-content .modifier-container .dialog-row .tag {
- background-color: var(--sub);
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
- color: white;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- letter-spacing: 0.5px;
- padding: 4px 8px;
- text-transform: uppercase;
- width: fit-content;
- }
- .dice-checks .window-content .substitutions .dialog-row.disabled, .dice-checks .window-content .modifier-container .dialog-row.disabled {
- text-decoration: line-through;
- }
- .dice-checks .window-content .substitutions .dialog-row.disabled span, .dice-checks .window-content .modifier-container .dialog-row.disabled span {
- filter: opacity(0.5);
- }
- .dice-checks .window-content .substitutions .dialog-row.disabled .toggle, .dice-checks .window-content .modifier-container .dialog-row.disabled .toggle {
- background: rgba(0, 0, 0, 0.4);
- }
- .dice-checks .window-content .substitutions .dialog-row.disabled .toggle input[type=checkbox] + label, .dice-checks .window-content .modifier-container .dialog-row.disabled .toggle input[type=checkbox] + label {
- right: 26px;
- }
- .dice-checks .window-content .substitutions .dialog-row.disabled.hidden, .dice-checks .window-content .modifier-container .dialog-row.disabled.hidden {
- display: none;
- }
- .dice-checks .window-content .substitutions + hr, .dice-checks .window-content .modifier-container + hr {
- margin-top: 0;
- }
- .dice-checks .window-content .total-mod {
- font-weight: 700;
- padding: 0;
- }
- .dice-checks .window-content .fate {
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- }
- .dice-checks .window-content .fate label {
- cursor: pointer;
- }
- .dice-checks .window-content .add-modifier-panel {
- display: flex;
- flex-wrap: nowrap;
- align-items: stretch;
- }
- .dice-checks .window-content .add-modifier-panel select,
- .dice-checks .window-content .add-modifier-panel input {
- margin-right: 4px;
- height: auto;
- border-radius: 2px;
- }
- .dice-checks .window-content .add-modifier-panel .add-modifier-type {
- flex: 0 30%;
- width: 100%;
- cursor: pointer;
- }
- .dice-checks .window-content .add-modifier-panel .add-modifier-name {
- flex: 1 40%;
- }
- .dice-checks .window-content .add-modifier-panel .add-modifier-value {
- flex: 1 10%;
- }
- .dice-checks .window-content .add-modifier-panel .add-modifier {
- flex: 1 20%;
- line-height: 1;
- margin: 0;
- padding: 4px 0;
- text-transform: uppercase;
- font-weight: 700;
- font-size: 0.75rem;
- }
- .dice-checks .window-content .roll-mode-panel {
- display: flex;
- flex-wrap: nowrap;
- align-items: stretch;
- }
- .dice-checks .window-content .roll-mode-panel .label {
- flex: 1 40%;
- }
- .dice-checks .window-content .roll-mode-panel select {
- flex: 2 60%;
- height: auto;
- width: 100%;
- margin-right: 4px;
- border-radius: 2px;
- cursor: pointer;
- }
- .dice-checks .window-content .roll {
- color: white;
- background-color: var(--secondary);
- }
- .dialog.trick-magic-item .dialog-content p {
- font-weight: normal;
- }
- .dialog.trick-magic-item .dialog-buttons {
- flex-direction: column;
- }
- .icon {
- font-style: normal;
- }
- .icon.anger::before {
- content: "💢︎";
- }
- .icon.bang::before {
- content: "💥︎";
- }
- .icon.collision::before {
- content: "💥︎";
- }
- .icon.crystal-ball::before {
- content: "🔮︎";
- }
- .icon.dizzy::before {
- content: "💫︎";
- }
- .icon.diamond-with-dot::before {
- content: "💠︎";
- }
- .icon.gemstone::before {
- content: "💎︎";
- }
- .icon.gem-stone::before {
- content: "💎︎";
- }
- .icon.glowing-star::before {
- content: "🌟︎";
- }
- .icon.prayer-beads::before {
- content: "📿︎";
- }
- .icon.ring::before {
- content: "💍︎";
- }
- .icon.sparkle::before {
- content: "❇︎";
- }
- .icon.sparkler::before {
- content: "🎇︎";
- }
- .icon.sparkles::before {
- content: "✨︎";
- }
- #token-hud .status-effects {
- grid-template-columns: repeat(5, 1fr);
- width: auto;
- }
- #token-hud .status-effects .effect-control {
- border-radius: 1px;
- color: var(--color-text-dark-1);
- cursor: pointer;
- height: 36px;
- opacity: 0.75;
- position: relative;
- width: 36px;
- }
- #token-hud .status-effects .effect-control.active img {
- border: 1px solid var(--color-border-highlight);
- opacity: 1;
- }
- #token-hud .status-effects .effect-control img {
- border: 1px solid rgba(0, 0, 0, 0);
- height: 35px;
- margin: 0;
- width: 35px;
- }
- #token-hud .status-effects .effect-control:not(.active):hover img {
- border: 1px solid rgba(255, 100, 0, 0.5);
- }
- #token-hud .status-effects .effect-control .badge {
- background: rgba(255, 255, 255, 0.9);
- border-radius: 50%;
- border: 0.1em solid darkred;
- font-size: var(--font-size-8);
- height: 0.8rem;
- line-height: var(--font-size-10);
- pointer-events: none;
- position: absolute;
- right: -3px;
- text-align: center;
- top: -3px;
- width: 0.8rem;
- z-index: 1;
- }
- #token-hud .status-effects .effect-control.overridden > * {
- filter: saturate(0);
- }
- #token-hud .status-effects .effect-control.valued .badge {
- font-size: var(--font-size-12);
- font-style: unset;
- font-weight: 500;
- line-height: var(--font-size-12);
- }
- #token-hud .status-effects .title-bar {
- background: rgba(0, 0, 0, 0.6);
- border-radius: inherit;
- border: inherit;
- box-shadow: inherit;
- box-sizing: content-box;
- font-size: var(--font-size-14);
- font-weight: normal;
- left: 0;
- line-height: normal;
- padding: 3px 0;
- position: absolute;
- text-align: center;
- top: -30px;
- visibility: hidden;
- width: 100%;
- z-index: 1;
- }
- #token-hud .status-effects .title-bar.active {
- visibility: visible;
- }
- /* ----------------------------------------- */
- /* Tag Selector */
- /* ----------------------------------------- */
- #tag-selector .trait-list {
- flex: 1;
- list-style: none;
- margin: 0 0 0.5em;
- padding: 0;
- overflow-y: auto;
- scrollbar-width: thin;
- }
- #tag-selector .trait-list td.list {
- text-align: left;
- }
- #tag-selector .trait-list td.list input[type=checkbox],
- #tag-selector .trait-list td.list label {
- float: left;
- line-height: 1.6em;
- height: 1.6em;
- margin: 0px 2px;
- padding: 0px;
- font-size: inherit;
- }
- #tag-selector .trait-list td.list input[type=checkbox] {
- clear: left;
- }
- #tag-selector .trait-header {
- flex: 0 0 32px;
- line-height: 32px;
- text-align: center;
- margin: 0;
- }
- #tag-selector .trait-header .header-search {
- flex: 1;
- }
- #tag-selector .trait-header .header-search input {
- background: rgba(255, 255, 245, 0.8);
- width: calc(100% - 26px);
- margin: 0 2px;
- }
- #tag-selector .trait-footer {
- flex: 0 0 32px;
- line-height: 32px;
- margin: 0;
- margin-bottom: 5px;
- border-top: 1px solid grey;
- }
- #tag-selector .window {
- overflow-y: hidden;
- }
- #tag-selector .window .trait-label {
- line-height: normal;
- }
- #tag-selector .window .trait-selection-label {
- display: flex;
- align-items: center;
- }
- #tag-selector .window .trait-selection-label .trait-label {
- margin-left: 5px;
- }
- #tag-selector .window input:not([type=checkbox]) {
- flex: 1.8;
- }
- .default section.window-content {
- padding: 0;
- overflow: hidden;
- }
- /* Adjust height of the header */
- .ability-builder-popup .window-content {
- background: url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- background-attachment: local;
- height: 100%;
- padding: 10px 20px 10px 20px;
- position: relative;
- }
- .ability-builder-popup .window-content h3 {
- font: 400 var(--font-size-24) var(--serif-condensed);
- line-height: var(--font-size-24);
- }
- .ability-builder-popup .window-content h4 {
- font: 400 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- color: #605856;
- }
- .ability-builder-popup .window-content button:focus:not(:focus-visible) {
- box-shadow: none;
- }
- .ability-builder-popup .window-content .row {
- display: flex;
- align-items: center;
- }
- .ability-builder-popup .window-content .row .row-heading {
- width: 220px;
- }
- .ability-builder-popup .window-content .row.not-eligible {
- pointer-events: none;
- filter: blur(1px);
- opacity: 0.6;
- }
- .ability-builder-popup .window-content .row.not-eligible .remaining {
- visibility: hidden;
- }
- .ability-builder-popup .window-content .row .abilities {
- display: grid;
- grid-template-columns: repeat(6, 84px);
- grid-template-rows: auto;
- flex: 0 0 auto;
- }
- .ability-builder-popup .window-content .row .full-row {
- display: flex;
- flex: 1;
- justify-content: center;
- }
- .ability-builder-popup .window-content header.row {
- align-items: normal;
- padding-top: 10px;
- height: 60px;
- }
- .ability-builder-popup .window-content header.row .row-column {
- display: block;
- }
- .ability-builder-popup .window-content header.row .abilities {
- align-items: normal;
- }
- .ability-builder-popup .window-content .background-stripes {
- position: absolute;
- left: 0;
- top: 0;
- bottom: 50px;
- right: 0;
- padding: 10px 20px 10px 20px;
- pointer-events: none;
- align-items: normal;
- }
- .ability-builder-popup .window-content .background-stripes .abilities div:nth-child(odd) {
- background-color: rgba(68, 55, 48, 0.1);
- }
- .ability-builder-popup .window-content .voluntary-flaw-row {
- margin: 0.5rem 0;
- }
- .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons {
- display: flex;
- flex-direction: row;
- }
- .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button {
- flex: 1 1 0;
- }
- .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.first {
- border-bottom-right-radius: 0;
- border-right: none;
- border-top-right-radius: 0;
- width: 4em;
- }
- .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.second {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- max-width: 2em;
- text-transform: none;
- }
- .ability-builder-popup .window-content .voluntary-flaw-row .flaw-buttons button.second.selected {
- border-left-color: rgba(255, 255, 255, 0.5);
- }
- .ability-builder-popup .window-content .row-heading {
- display: grid;
- grid-template-columns: 42px 1fr auto;
- grid-template-areas: "img description remaining";
- align-items: center;
- }
- .ability-builder-popup .window-content .row-heading h3 {
- grid-column: 1/4;
- align-self: start;
- font-size: var(--font-size-24);
- }
- .ability-builder-popup .window-content .row-heading .hint-container {
- grid-column: 1/4;
- }
- .ability-builder-popup .window-content .row-heading img {
- grid-area: img;
- border: 0;
- }
- .ability-builder-popup .window-content .row-heading div.label {
- grid-area: description;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- margin-right: 10px;
- }
- .ability-builder-popup .window-content .row-heading div.remaining {
- grid-area: remaining;
- display: flex;
- margin-right: 10px;
- width: 1.6rem;
- height: 1.6rem;
- border-radius: 50%;
- background: rgba(68, 55, 48, 0.1);
- align-self: center;
- align-items: center;
- justify-content: center;
- text-align: center;
- }
- .ability-builder-popup .window-content .row-heading div.remaining.extra {
- animation: glow 0.5s infinite alternate;
- }
- @keyframes glow {
- from {
- box-shadow: 0 0 1px 1px #ffb351;
- }
- to {
- box-shadow: 0 0 3px 3px #ffb351;
- }
- }
- .ability-builder-popup .window-content .row-column {
- align-items: center;
- display: flex;
- flex-direction: column;
- justify-content: center;
- text-align: center;
- }
- .ability-builder-popup .window-content .row-column button {
- align-items: center;
- border: 1px solid var(--button-color);
- color: var(--button-color);
- display: flex;
- font-size: var(--font-size-12);
- justify-content: space-around;
- outline: none;
- margin: 0;
- padding: 0.1em 0 0;
- position: relative;
- text-transform: uppercase;
- width: 6em;
- height: 1.5em;
- }
- .ability-builder-popup .window-content .row-column button.boost {
- margin-top: auto;
- --button-color: #316549;
- --button-locked-color: #1b3c2a;
- }
- .ability-builder-popup .window-content .row-column button.flaw {
- margin-bottom: auto;
- --button-color: #5e0000;
- --button-locked-color: #5e0000;
- }
- .ability-builder-popup .window-content .row-column button.selected {
- background: var(--button-color);
- }
- .ability-builder-popup .window-content .row-column button:hover {
- box-shadow: 0 0 5px var(--button-color);
- cursor: pointer;
- }
- .ability-builder-popup .window-content .row-column button:hover.key-ability.selected {
- box-shadow: none;
- cursor: default;
- }
- .ability-builder-popup .window-content .row-column button:hover:disabled {
- background: rgba(0, 0, 0, 0.04);
- box-shadow: none;
- cursor: not-allowed;
- }
- .ability-builder-popup .window-content .row-column button i.fas {
- font-size: var(--font-size-10);
- left: 0.5em;
- position: absolute;
- text-align: left;
- }
- .ability-builder-popup .window-content .row-column button.hidden {
- pointer-events: none;
- visibility: hidden;
- }
- .ability-builder-popup .window-content .row-column button:disabled {
- background: rgba(0, 0, 0, 0.04);
- opacity: 0.4;
- }
- .ability-builder-popup .window-content .row-column button:disabled:active {
- pointer-events: none;
- }
- .ability-builder-popup .window-content .row-column button.locked {
- background: var(--button-locked-color);
- border-color: var(--button-locked-color);
- pointer-events: none;
- }
- .ability-builder-popup .window-content .row-column button.locked, .ability-builder-popup .window-content .row-column button.selected {
- color: white;
- }
- .ability-builder-popup .window-content .row-column div + .boost, .ability-builder-popup .window-content .row-column button + .boost {
- margin-top: 4px;
- }
- .ability-builder-popup .window-content .summary-row .row-heading {
- display: block;
- }
- .ability-builder-popup .window-content .summary-row .hint-container {
- background: rgba(211, 204, 188, 0.4);
- padding: 12px;
- margin-right: 10px;
- border: 1px solid rgb(211, 204, 188);
- border-radius: 3px;
- align-self: end;
- }
- .ability-builder-popup .window-content .summary-row .hint-container h3 {
- color: var(--primary);
- font-variant: small-caps;
- font-size: var(--font-size-20);
- line-height: var(--font-size-16);
- font-family: var(--sans-serif-condensed);
- font-weight: 500;
- }
- .ability-builder-popup .window-content .summary-row .hint-container p {
- font-style: italic;
- font-size: var(--font-size-12);
- line-height: var(--font-size-14);
- font-family: var(--sans-serif);
- font-weight: 500;
- margin-bottom: 3px;
- }
- .ability-builder-popup .window-content .summary-row .hint-container label {
- display: flex;
- align-items: center;
- margin-top: 10px;
- }
- .ability-builder-popup .window-content .summary-row .abilities {
- grid-template-rows: auto auto;
- }
- .ability-builder-popup .window-content .summary-row .row-column {
- display: flex;
- flex-direction: column;
- padding-top: 10px;
- }
- .ability-builder-popup .window-content .summary-row .row-column .value {
- height: 40px;
- font: 700 var(--font-size-24) var(--serif);
- line-height: var(--font-size-30);
- }
- .ability-builder-popup .window-content .summary-row .row-column input {
- width: calc(100% - 20px);
- flex-grow: 0;
- height: 30px;
- color: var(--text-dark);
- font: 500 var(--font-size-24) var(--serif);
- border: 0;
- border-bottom: 1px solid #D3CCBC;
- border-radius: 0;
- background-color: transparent;
- margin: 0 10px 10px 10px;
- }
- .ability-builder-popup .window-content .summary-row .row-column input::placeholder {
- filter: opacity(0.5);
- }
- .ability-builder-popup .window-content .summary-row .row-column input:focus {
- border-bottom: 1px solid var(--alt);
- }
- .ability-builder-popup .window-content .summary-row .row-column input[type=number] {
- padding-bottom: 0;
- padding-left: 4px;
- }
- .ability-builder-popup .window-content .summary-row .complete {
- grid-row: 2;
- grid-column: 1/7;
- margin-top: 10px;
- margin-left: auto;
- }
- .ability-builder-popup .window-content .summary-row button.complete {
- color: white;
- background: var(--secondary);
- height: 35px;
- width: 131px;
- border: 1px solid var(--tertiary);
- }
- .ability-builder-popup .window-content .title {
- color: var(--primary);
- font: 500 var(--font-size-10) var(--sans-serif-condensed);
- line-height: var(--font-size-10);
- text-transform: uppercase;
- }
- .ability-builder-popup .window-content div[data-tooltip-content].description, .ability-builder-popup .window-content div[data-tooltip-content] .description {
- text-decoration: underline dotted;
- text-underline-offset: 2px;
- }
- .ability-builder-popup .window-content .description {
- font: 600 var(--font-size-16) var(--serif);
- }
- .ability-builder-popup .window-content .extra {
- display: flex;
- align-items: center;
- font-size: var(--font-size-12);
- margin-top: -0.25rem;
- }
- .ability-builder-popup .window-content .extra .fas {
- margin-left: 0.125rem;
- }
- .ability-builder-popup .window-content .extra input[type=checkbox] {
- height: var(--font-size-12);
- margin: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content h2:not(:first-child) {
- margin-top: 10px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li {
- white-space: nowrap;
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li i {
- font-size: var(--font-size-5);
- margin-right: 5px;
- }
- .iwr-editor {
- max-height: 500px;
- }
- .iwr-editor a.document-id-link {
- display: none;
- }
- .iwr-editor .entries {
- display: flex;
- flex-direction: column;
- gap: 0.5em;
- }
- .iwr-editor .entries .entry {
- padding: 0.25em 0.5em;
- }
- .iwr-editor .entries .entry label {
- flex: unset;
- margin-right: 0.5em;
- white-space: nowrap;
- width: 6em;
- }
- .iwr-editor .entries .entry a.form-action, .iwr-editor .entries .entry i.synthetic-source {
- flex: 0;
- margin-left: auto;
- }
- .iwr-editor .entries .entry:not(.new):nth-child(odd) {
- background-color: rgba(0, 0, 0, 0.075);
- }
- .iwr-editor select {
- max-width: fit-content;
- }
- .iwr-editor select:disabled {
- color: var(--color-text-dark-7);
- }
- .iwr-editor tags.tagify.pf2e-tagify {
- background: rgba(0, 0, 0, 0.05);
- border: 1px solid var(--color-border-light-tertiary);
- }
- .iwr-editor input[type=number] {
- max-width: 5ch;
- margin-left: 0.5em;
- }
- body > .choices__list--dropdown {
- background-color: white;
- position: fixed;
- }
- .actor.sheet .image-container {
- position: relative;
- }
- .actor.sheet .image-container .actor-image {
- cursor: pointer;
- }
- .actor.sheet .image-container .hover-icon {
- display: none;
- font-size: var(--font-size-16);
- }
- .actor.sheet .image-container:hover .hover-icon {
- display: block;
- }
- .actor.sheet .image-container [data-action=show-image] {
- position: absolute;
- bottom: 0;
- right: 0;
- }
- .actor.sheet h3 {
- border-bottom: none;
- }
- .actor.sheet button > i {
- margin-right: 0;
- }
- .actor.sheet .item-summary {
- overflow: hidden;
- }
- .actor.sheet .item-summary .item-buttons button {
- background-color: var(--primary);
- border: none;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- border-top: 1px solid #ff5e5e;
- border-bottom: 1px solid black;
- color: white;
- cursor: pointer;
- font-family: var(--serif);
- font-size: var(--font-size-14);
- font-weight: 500;
- line-height: 1.8em;
- margin: 8px 0 0 0;
- padding: 0 8px;
- }
- .actor.sheet .item-summary .item-buttons button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet .expandable:not(.expanded) .item-summary {
- display: none;
- }
- .actor.sheet .inventory ol:not(.currency) {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- flex-direction: column;
- }
- .actor.sheet .inventory .item-name {
- display: flex;
- align-items: center;
- font-weight: 500;
- flex: 2;
- }
- .actor.sheet .inventory .item-name h3,
- .actor.sheet .inventory .item-name h4 {
- margin: auto auto auto 0;
- line-height: var(--font-size-12);
- padding: 2px;
- word-break: break-word;
- cursor: pointer;
- }
- .actor.sheet .inventory .item-name h3:hover,
- .actor.sheet .inventory .item-name h4:hover {
- color: var(--primary);
- }
- .actor.sheet .inventory .item-name span {
- margin: 0 4px;
- }
- .actor.sheet .inventory .item-name .item-image {
- box-shadow: inset 0 0 0 1px var(--tertiary);
- margin-right: 4px;
- }
- .actor.sheet .inventory .item-name .item-image img {
- border-radius: 0;
- }
- .actor.sheet .inventory .item-name .size {
- font-size: 0.8em;
- color: var(--alt);
- margin: 0;
- }
- .actor.sheet .inventory .item-name .item-charges {
- color: var(--sub);
- }
- .actor.sheet .inventory .inventory-list, .actor.sheet .inventory .inventory-items {
- list-style-type: none;
- flex-direction: column;
- width: 100%;
- position: relative;
- margin: 0;
- padding: 0;
- }
- .actor.sheet .inventory .inventory-list > li:nth-of-type(even), .actor.sheet .inventory .inventory-items > li:nth-of-type(even) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet .inventory .inventory-list .item, .actor.sheet .inventory .inventory-items .item {
- display: flex;
- flex-wrap: wrap;
- font-size: var(--font-size-12);
- justify-content: flex-start;
- width: 100%;
- }
- .actor.sheet .inventory .inventory-list .list-row:last-child .item-summary, .actor.sheet .inventory .inventory-items .list-row:last-child .item-summary {
- border-bottom: none;
- }
- .actor.sheet .inventory .inventory-list .temporary-item, .actor.sheet .inventory .inventory-items .temporary-item {
- background-color: rgba(0, 5, 255, 0.1137254902);
- }
- .actor.sheet .inventory .inventory-list {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- height: calc(100% - 60px);
- padding-right: 0.15rem;
- }
- .actor.sheet .inventory .item-quantity,
- .actor.sheet .inventory .item-weight,
- .actor.sheet .inventory .item-controls,
- .actor.sheet .inventory .item-sell-value {
- display: flex;
- justify-content: center;
- align-items: center;
- flex: 0 0 68px;
- }
- .actor.sheet .inventory .item-sell-value {
- justify-content: flex-end;
- padding-right: 3px;
- }
- .actor.sheet .inventory .item-quantity {
- justify-content: space-around;
- }
- .actor.sheet .inventory .item-quantity .item-decrease-quantity,
- .actor.sheet .inventory .item-quantity .item-increase-quantity {
- display: flex;
- justify-content: center;
- align-items: center;
- font-family: var(--sans-serif-monospace);
- height: 100%;
- text-align: center;
- width: 18px;
- }
- .actor.sheet .inventory .item-weight {
- flex: 0 0 36px;
- font-weight: 500;
- }
- .actor.sheet .inventory .item-controls {
- flex: 0 0 90px;
- font-size: var(--font-size-12);
- gap: 1px;
- justify-content: flex-end;
- }
- .actor.sheet .inventory .inventory-header {
- align-items: center;
- background-color: var(--alt);
- color: white;
- display: flex;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- justify-content: flex-end;
- letter-spacing: 0.05em;
- line-height: 1;
- padding: 4px 0;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- width: 100%;
- }
- .actor.sheet .inventory .inventory-header h3 {
- font-size: var(--font-size-14);
- text-transform: capitalize;
- text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
- margin: 2px;
- margin-left: 4px;
- cursor: default;
- }
- .actor.sheet .inventory .inventory-header h3:hover {
- color: white;
- }
- .actor.sheet .inventory .inventory-header .item-name {
- padding-left: 4px;
- }
- .actor.sheet .inventory .inventory-header .item-sell-value,
- .actor.sheet .inventory .inventory-header .item-quantity,
- .actor.sheet .inventory .inventory-header .item-weight {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .actor.sheet .inventory .inventory-header .item-invested-total {
- flex: none;
- margin-right: 1em;
- }
- .actor.sheet .inventory .inventory-header .item-controls {
- padding-right: 0.4em;
- }
- .actor.sheet .inventory .inventory-header .overinvested {
- color: orange;
- text-shadow: 1px 1px 0px black;
- }
- .actor.sheet .inventory .item {
- width: 100%;
- }
- .actor.sheet .inventory .item .item-quantity,
- .actor.sheet .inventory .item .item-weight,
- .actor.sheet .inventory .item .item-controls,
- .actor.sheet .inventory .item .item-sell-value {
- border-left: 1px solid var(--alt);
- }
- .actor.sheet .inventory .list-row {
- width: 100%;
- }
- .actor.sheet .inventory .list-row .item-controls {
- color: var(--body);
- font-size: var(--font-size-13);
- }
- .actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest.active, .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active {
- color: var(--secondary);
- }
- .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type {
- color: rgba(0, 0, 0, 0.5);
- text-align: right;
- }
- .actor.sheet .inventory .list-row .item-controls .item-control.item-toggle-invest {
- color: rgba(0, 0, 0, 0.5);
- }
- .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack {
- margin: -3px -2px 0;
- }
- .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1, .actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 {
- left: 1px;
- position: relative;
- }
- .actor.sheet .inventory .list-row.drag-preview {
- box-shadow: 0 0 6px inset var(--color-shadow-highlight);
- }
- .actor.sheet .inventory .list-row.drag-gap {
- visibility: hidden;
- }
- .actor.sheet .inventory .container-metadata .container-capacity {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- position: relative;
- background-color: rgba(0, 0, 0, 0.75);
- box-shadow: inset 0 0 4px black;
- color: white;
- display: flex;
- width: 100%;
- }
- .actor.sheet .inventory .container-metadata .container-capacity .container-capacity-bar {
- background-color: var(--secondary);
- border-radius: 0 2px 2px 0;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.1);
- padding: 8px 0;
- }
- .actor.sheet .inventory .container-metadata .container-capacity .container-capacity-label {
- position: absolute;
- height: 100%;
- top: 0;
- left: 0;
- padding: 2px;
- }
- .actor.sheet .inventory .container-metadata .container-capacity.over-limit .container-capacity-bar {
- background-color: var(--primary);
- }
- .actor.sheet .inventory .container-metadata .container-held-items {
- padding-left: 10px;
- }
- .actor.sheet .inventory .container-metadata .container-held-items li:nth-of-type(even) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet .inventory .container-metadata .container-held-items li:first-of-type .item::before {
- height: 50%;
- top: 0;
- }
- .actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .item::after {
- border: none;
- }
- .actor.sheet .inventory .container-metadata .container-held-items .item {
- position: relative;
- }
- .actor.sheet .inventory .container-metadata .container-held-items .item::before, .actor.sheet .inventory .container-metadata .container-held-items .item::after {
- position: absolute;
- border-left: 1px solid var(--alt);
- top: 0;
- height: 50%;
- left: -5px;
- width: 5px;
- content: "";
- }
- .actor.sheet .inventory .container-metadata .container-held-items .item::before {
- border-bottom: 1px solid var(--alt);
- top: 0;
- }
- .actor.sheet .inventory .container-metadata .container-held-items .item::after {
- top: 50%;
- }
- .actor.sheet .inventory .container-metadata .container-held-items .item .item-summary {
- border-left: 1px solid var(--alt);
- }
- .actor.sheet .inventory .item-summary {
- flex: 100%;
- padding: 4px 8px 8px;
- border-top: 1px solid var(--alt);
- border-bottom: 1px solid var(--alt);
- background: var(--bg);
- }
- .actor.sheet .inventory .item-summary span[data-visibility=all] {
- display: inline-block;
- line-height: 1em;
- padding: 2px 1px 1px;
- }
- .actor.sheet .inventory .item-summary .item-buttons .weapon_attack {
- background: var(--primary);
- }
- .actor.sheet .inventory .item-summary .item-buttons .weapon_attack2, .actor.sheet .inventory .item-summary .item-buttons .weapon_attack3 {
- color: rgba(0, 0, 0, 0.75);
- background: var(--tertiary);
- flex: 0 50%;
- margin-top: 0;
- }
- .actor.sheet .inventory .item-summary .item-buttons .weapon_attack2 {
- border-radius: 0 0 0 2px;
- }
- .actor.sheet .inventory .item-summary .item-buttons .weapon_attack3 {
- border-radius: 0 0 2px 0;
- }
- .actor.sheet .item-image {
- display: flex;
- cursor: pointer;
- position: relative;
- font-size: var(--font-size-16);
- height: 24px;
- width: 24px;
- }
- .actor.sheet .item-image.framed {
- background-color: var(--tertiary);
- }
- .actor.sheet .item-image.framed img {
- border-radius: 2px;
- }
- .actor.sheet .item-image.framed, .actor.sheet .item-image.framed i {
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
- }
- .actor.sheet .item-image img {
- border: none;
- }
- .actor.sheet .item-image i {
- display: none;
- position: absolute;
- width: 100%;
- height: 100%;
- color: black;
- box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
- }
- .actor.sheet .item-image:hover i {
- background: #f1eee9;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .actor.sheet .alignment-select {
- background-color: #566193;
- border: 2px solid #d8c384;
- color: white;
- }
- .actor.sheet .size-select {
- background-color: #3a7a58;
- border: 2px solid #d8c384;
- color: white;
- }
- .actor.sheet .rarity-select {
- border: 2px solid #d8c384;
- color: white;
- }
- .actor.sheet .rarity-select.common {
- background-color: #323232;
- }
- .actor.sheet .rarity-select.uncommon {
- background-color: #98513d;
- }
- .actor.sheet .rarity-select.rare {
- background-color: #002664;
- }
- .actor.sheet .rarity-select.unique {
- background-color: #54166e;
- }
- .actor.sheet.character .crb-style .skill-prof .pf-rank, .actor.sheet.character .crb-style .save-prof .pf-rank, .actor.sheet.character .crb-style .perception-prof .pf-rank, .actor.sheet.character .crb-style .spellcasting-prof .pf-rank, .actor.sheet.character .crb-style .classdc-rank .pf-rank {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- align-items: center;
- background: #424242;
- border-radius: 2px;
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
- color: var(--text-light);
- cursor: pointer;
- display: flex;
- font-weight: 500;
- justify-content: center;
- padding: 2px 1px 1px 1px;
- text-align-last: center;
- }
- .actor.sheet.character .crb-style .skill-prof .pf-rank.readonly, .actor.sheet.character .crb-style .save-prof .pf-rank.readonly, .actor.sheet.character .crb-style .perception-prof .pf-rank.readonly, .actor.sheet.character .crb-style .spellcasting-prof .pf-rank.readonly, .actor.sheet.character .crb-style .classdc-rank .pf-rank.readonly {
- pointer-events: none;
- }
- .actor.sheet.character .crb-style .skill-prof span, .actor.sheet.character .crb-style .save-prof span, .actor.sheet.character .crb-style .perception-prof span, .actor.sheet.character .crb-style .spellcasting-prof span, .actor.sheet.character .crb-style .classdc-rank span {
- min-width: 61px;
- pointer-events: none;
- }
- .actor.sheet.character .crb-style .skill-prof option[value="0"], .actor.sheet.character .crb-style .save-prof option[value="0"], .actor.sheet.character .crb-style .perception-prof option[value="0"], .actor.sheet.character .crb-style .spellcasting-prof option[value="0"], .actor.sheet.character .crb-style .classdc-rank option[value="0"] {
- background: #424242;
- }
- .actor.sheet.character .crb-style .skill-prof span.trained, .actor.sheet.character .crb-style .skill-prof select[data-rank="1"], .actor.sheet.character .crb-style .skill-prof option[value="1"], .actor.sheet.character .crb-style .save-prof span.trained, .actor.sheet.character .crb-style .save-prof select[data-rank="1"], .actor.sheet.character .crb-style .save-prof option[value="1"], .actor.sheet.character .crb-style .perception-prof span.trained, .actor.sheet.character .crb-style .perception-prof select[data-rank="1"], .actor.sheet.character .crb-style .perception-prof option[value="1"], .actor.sheet.character .crb-style .spellcasting-prof span.trained, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="1"], .actor.sheet.character .crb-style .spellcasting-prof option[value="1"], .actor.sheet.character .crb-style .classdc-rank span.trained, .actor.sheet.character .crb-style .classdc-rank select[data-rank="1"], .actor.sheet.character .crb-style .classdc-rank option[value="1"] {
- background: #171f69;
- }
- .actor.sheet.character .crb-style .skill-prof span.expert, .actor.sheet.character .crb-style .skill-prof select[data-rank="2"], .actor.sheet.character .crb-style .skill-prof option[value="2"], .actor.sheet.character .crb-style .save-prof span.expert, .actor.sheet.character .crb-style .save-prof select[data-rank="2"], .actor.sheet.character .crb-style .save-prof option[value="2"], .actor.sheet.character .crb-style .perception-prof span.expert, .actor.sheet.character .crb-style .perception-prof select[data-rank="2"], .actor.sheet.character .crb-style .perception-prof option[value="2"], .actor.sheet.character .crb-style .spellcasting-prof span.expert, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="2"], .actor.sheet.character .crb-style .spellcasting-prof option[value="2"], .actor.sheet.character .crb-style .classdc-rank span.expert, .actor.sheet.character .crb-style .classdc-rank select[data-rank="2"], .actor.sheet.character .crb-style .classdc-rank option[value="2"] {
- background: #3c005e;
- }
- .actor.sheet.character .crb-style .skill-prof span.master, .actor.sheet.character .crb-style .skill-prof select[data-rank="3"], .actor.sheet.character .crb-style .skill-prof option[value="3"], .actor.sheet.character .crb-style .save-prof span.master, .actor.sheet.character .crb-style .save-prof select[data-rank="3"], .actor.sheet.character .crb-style .save-prof option[value="3"], .actor.sheet.character .crb-style .perception-prof span.master, .actor.sheet.character .crb-style .perception-prof select[data-rank="3"], .actor.sheet.character .crb-style .perception-prof option[value="3"], .actor.sheet.character .crb-style .spellcasting-prof span.master, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="3"], .actor.sheet.character .crb-style .spellcasting-prof option[value="3"], .actor.sheet.character .crb-style .classdc-rank span.master, .actor.sheet.character .crb-style .classdc-rank select[data-rank="3"], .actor.sheet.character .crb-style .classdc-rank option[value="3"] {
- background: #664400;
- }
- .actor.sheet.character .crb-style .skill-prof span.legendary, .actor.sheet.character .crb-style .skill-prof select[data-rank="4"], .actor.sheet.character .crb-style .skill-prof option[value="4"], .actor.sheet.character .crb-style .save-prof span.legendary, .actor.sheet.character .crb-style .save-prof select[data-rank="4"], .actor.sheet.character .crb-style .save-prof option[value="4"], .actor.sheet.character .crb-style .perception-prof span.legendary, .actor.sheet.character .crb-style .perception-prof select[data-rank="4"], .actor.sheet.character .crb-style .perception-prof option[value="4"], .actor.sheet.character .crb-style .spellcasting-prof span.legendary, .actor.sheet.character .crb-style .spellcasting-prof select[data-rank="4"], .actor.sheet.character .crb-style .spellcasting-prof option[value="4"], .actor.sheet.character .crb-style .classdc-rank span.legendary, .actor.sheet.character .crb-style .classdc-rank select[data-rank="4"], .actor.sheet.character .crb-style .classdc-rank option[value="4"] {
- background: #5e0000;
- }
- .actor.sheet.character .crb-style aside .sidebar a.roll-icon.rest {
- padding-bottom: 0;
- }
- .actor.sheet.character .crb-style aside .sidebar .class-dc.secondary {
- margin-top: 0.2em;
- }
- .actor.sheet.character .crb-style aside .sidebar .class-dc .classdc-rank {
- align-items: center;
- display: flex;
- gap: 0.5em;
- }
- .actor.sheet.character .crb-style header.char-header .char-details .dots {
- display: flex;
- font-size: var(--font-size-10);
- }
- .actor.sheet.character .crb-style header.char-header .char-details .dots .label {
- color: var(--sidebar-label);
- padding-left: 3px;
- margin-right: 8px;
- font-weight: 700;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- padding: 0.5em 0;
- position: relative;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input {
- font-size: var(--font-size-13);
- height: 1.5em;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input {
- color: var(--text-light);
- font-family: var(--sans-serif);
- text-align: right;
- width: 3em;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input .slash {
- color: var(--sidebar-label);
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress {
- background-color: unset;
- border: 1px solid rgba(255, 255, 255, 0.1);
- border-left: none;
- bottom: 7px;
- box-shadow: 0 0 2px var(--sidebar-label);
- height: 5px;
- left: -9px;
- position: absolute;
- width: 7em;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-moz-progress-bar {
- background: var(--sidebar-title);
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-bar {
- background: rgba(0, 0, 0, 0.2);
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-value {
- background: var(--sidebar-title);
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .item.to-hide {
- opacity: 45%;
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .item.hidden {
- display: none;
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon {
- clip-rule: evenodd;
- fill-rule: evenodd;
- padding: 4px;
- position: relative;
- stroke-linejoin: round;
- stroke-miterlimit: 2;
- top: -1px;
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon path {
- fill-rule: nonzero;
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .manage-tabs {
- color: white;
- margin: 0;
- padding: 0 6px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content > .tab.active {
- display: flex;
- height: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content > .tab:not(.inventory, .actions),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab-content {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- flex-grow: 1;
- min-height: 0;
- overflow: hidden scroll;
- margin-left: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content nav + .tab-content {
- padding-top: 12px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header {
- position: relative;
- margin-top: 0.75em;
- font-size: var(--font-size-16);
- font-family: var(--serif);
- font-weight: 600;
- color: var(--primary);
- line-height: 1;
- border-bottom: 1px solid var(--color-border-divider);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls {
- position: absolute;
- bottom: -1px;
- right: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header .controls {
- display: flex;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button {
- background: transparent;
- border-radius: 2px 2px 0 0;
- border: 1px solid var(--color-border-divider);
- color: var(--primary);
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-12);
- font-weight: 500;
- height: 20px;
- line-height: var(--font-size-12);
- margin: 0;
- outline: none;
- text-transform: uppercase;
- width: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image {
- cursor: pointer;
- display: flex;
- font-size: var(--font-size-16);
- height: 24px;
- min-width: 24px;
- position: relative;
- width: 24px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image img {
- border: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i {
- display: none;
- position: absolute;
- width: 100%;
- height: 100%;
- color: black;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i {
- background: #f1eee9;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed {
- background-color: var(--tertiary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed, .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i {
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab {
- flex-direction: column;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select {
- width: calc(100% - 6px);
- background-color: var(--alt);
- border: 1px solid #605041;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select:disabled {
- cursor: initial;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character hr {
- margin: 10px 6px 10px 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 {
- background-color: rgba(28, 28, 28, 0.1);
- border: none;
- color: var(--body);
- display: flex;
- font: 700 var(--font-size-14) var(--body-serif);
- grid-area: mod;
- line-height: 1;
- margin: 0;
- padding: 8px 4px 6px;
- width: calc(100% - 6px);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a {
- margin-left: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a i {
- position: relative;
- right: -2px;
- top: -2px;
- float: right;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 span.value {
- display: inline-block;
- max-width: 87%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details {
- display: grid;
- grid: "img alignment deity" 46px "img details details" auto/120px 130px 1fr;
- margin-top: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame-container {
- grid-area: img;
- margin-left: 5px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame {
- z-index: 3;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame .actor-image {
- object-fit: cover;
- object-position: top;
- border: none;
- border-radius: 0;
- max-height: 178px;
- width: 100%;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame [data-action=show-image] {
- bottom: 5px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment {
- grid-area: alignment;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- background: url("../assets/sheet/banner-bg.webp") repeat-x center;
- z-index: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment .bio-alignment {
- position: absolute;
- left: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select {
- background: none;
- border: none;
- box-shadow: none;
- color: var(--text-dark);
- cursor: pointer;
- display: block;
- font-family: var(--body-serif);
- font-size: var(--font-size-14);
- font-weight: 700;
- outline: none;
- overflow-x: visible;
- padding-left: 8px;
- width: auto;
- line-height: 1;
- text-transform: capitalize;
- margin-top: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select option {
- color: var(--text-light);
- font: initial;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment input[type=text] {
- font: 700 var(--font-size-14) var(--body-serif);
- text-align: center;
- max-width: 138px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment::after {
- position: absolute;
- content: "";
- height: 46px;
- width: 15px;
- top: 0;
- right: -11px;
- background: url("../assets/sheet/banner-bg2.webp") no-repeat right;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity {
- align-items: center;
- display: flex;
- grid-area: deity;
- margin-left: auto;
- min-width: 10em;
- padding-bottom: 0.7em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input {
- display: flex;
- flex-flow: column wrap;
- justify-content: end;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input span {
- text-align: right;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 {
- min-width: 9em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 span {
- max-width: 10em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity img.symbol {
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- border-radius: 50%;
- height: 32px;
- margin: 0.5rem 0 0 0.5rem;
- width: 32px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet {
- grid-area: details;
- display: grid;
- grid-template-columns: 44% 55%;
- grid-template-rows: repeat(2, 42px);
- grid-row-gap: 8px;
- padding-left: 12px;
- margin-top: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_heritage, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_background, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_weight {
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .detail-small {
- display: flex;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control {
- cursor: pointer;
- margin-left: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control i.fa-ellipsis-v:hover {
- text-shadow: 0 0 8px var(--color-shadow-primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu {
- left: -85px;
- min-width: 105px;
- padding: 0;
- text-align: left;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item {
- font-family: var(--font-primary);
- font-weight: normal;
- min-width: 105px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item i {
- position: static;
- float: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background {
- display: flex;
- flex-wrap: wrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc {
- display: flex;
- flex-direction: column;
- justify-content: start;
- align-items: start;
- flex: 20%;
- margin-bottom: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc span {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc_ethnicity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background .pc_nationality {
- flex: 50%;
- margin-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits {
- display: flex;
- flex-wrap: wrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .tags {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc {
- display: flex;
- flex-direction: column;
- justify-content: start;
- align-items: start;
- flex: 20%;
- margin-bottom: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span.speed * {
- width: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_land-speed, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_size {
- flex: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_speed-types {
- flex: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_senses {
- flex: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_languages {
- flex: 50%;
- margin-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_traits {
- flex: 50%;
- margin-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_bonus-bulk {
- flex: 1 20%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_bonus-bulk.encumbered {
- margin-right: 7px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc label,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h4 {
- margin: 0;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc select,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc input,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h3 {
- margin-top: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores {
- margin: 0;
- padding: 0;
- display: grid;
- grid: 1fr/repeat(6, 1fr);
- justify-content: center;
- list-style: none;
- gap: 12px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability {
- display: grid;
- grid: "prefix" auto "mod" 1fr "score" auto "label" auto/1fr;
- column-gap: 10px;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability:focus-within .ability-id {
- filter: opacity(1);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-id, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability.key .ability-mod {
- color: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-name {
- grid-area: label;
- margin: 0;
- text-align: center;
- padding: 2px;
- color: rgb(68, 55, 48);
- opacity: 0.4;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id {
- text-transform: capitalize;
- grid-area: prefix;
- font: 400 22px var(--serif-condensed);
- color: var(--primary);
- text-align: center;
- margin: 0;
- padding: 0;
- border: none;
- position: relative;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-id i.fas {
- position: absolute;
- font-size: var(--font-size-12);
- bottom: 4px;
- left: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score {
- grid-area: score;
- display: flex;
- border-radius: 0;
- font-size: 0;
- border: 1px solid #D3CCBC;
- background: rgba(211, 204, 188, 0.2);
- margin-top: 4px;
- height: 30px;
- align-items: center;
- justify-content: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score input {
- width: 100%;
- font-size: var(--font-size-16);
- line-height: 16px;
- border: none;
- text-align: center;
- padding: 0;
- background: transparent;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability .ability-score div {
- text-align: center;
- font-size: var(--font-size-16);
- line-height: 16px;
- height: 16px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod {
- display: flex;
- justify-content: center;
- align-items: center;
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- grid-area: mod;
- font-size: var(--font-size-24);
- font-family: var(--serif);
- font-weight: 700;
- height: 46px;
- margin: 0;
- padding-right: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions {
- gap: 0.5rem;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list + .actions-list {
- margin-top: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike {
- gap: 3px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name {
- align-items: start;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name .actions-title {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .item-name .item-image {
- height: 32px;
- width: 32px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo {
- align-items: center;
- display: flex;
- gap: 3px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked {
- font: normal var(--font-size-12) var(--sans-serif);
- line-height: var(--font-size-12);
- padding-top: 3px;
- width: fit-content;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked[data-compatible=false] {
- color: rgba(255, 255, 255, 0.6);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked option,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo select.linked optgroup {
- color: white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo .magazine {
- margin-right: 0.5rem;
- font-family: var(--sans-serif);
- font-weight: 600;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .ammo .magazine .icon {
- display: inline-block;
- width: 0.9rem;
- height: 0.9rem;
- background-image: url("../assets/icons/heavy-bullets.svg");
- background-size: cover;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group {
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- font-size: var(--font-size-14);
- margin-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- border: none;
- flex: 0;
- height: 1.25rem;
- margin: 0;
- padding: 0 0.5em;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button span.activity-icon {
- font-size: var(--font-size-16);
- line-height: initial;
- padding-right: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled) {
- background: var(--secondary);
- cursor: pointer;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled).damage {
- background: var(--primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group button:not(:disabled):hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options {
- align-items: center;
- display: flex;
- font-size: var(--font-size-14);
- gap: 2px;
- padding: 0 3px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options .title {
- text-transform: uppercase;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button {
- align-items: center;
- background: var(--bg-dark);
- display: flex;
- justify-content: center;
- width: 3ch;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button.selected {
- background: var(--body);
- color: var(--bg-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button:hover {
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .button-group .versatile-options button:active {
- text-shadow: 0 0 1px #5e0000;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage {
- flex-basis: 100%;
- margin-left: calc(3em - 2px);
- position: relative;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .alt-usage img.alt-usage-icon {
- border: none;
- position: absolute;
- left: -1.5em;
- top: 0.15em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions {
- display: flex;
- gap: 3px;
- margin-left: 2.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions.weapon-drawn {
- flex-basis: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- border-radius: 2px;
- border: none;
- color: var(--text-dark);
- flex: 0;
- font-weight: 500;
- line-height: 14px;
- margin: 0;
- padding: 3px;
- white-space: nowrap;
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button span.activity-icon {
- line-height: 14px;
- font-size: var(--font-size-14);
- margin: 0 0 0 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button p {
- margin: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled) {
- background: var(--bg-dark);
- cursor: pointer;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled):hover {
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:not(:disabled):active {
- color: #5e0000;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button select.modular {
- appearance: auto;
- background: none;
- color: var(--text-dark);
- cursor: default;
- font: inherit;
- margin-left: 0.5em;
- padding: 0.15em 0.2em;
- text-transform: uppercase;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button select.modular option {
- background: var(--bg-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .auxiliary-actions button:has(select.modular:hover) {
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .action-name .item-carry-type {
- color: rgba(0, 0, 0, 0.4);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list.strikes-list li.strike .action-name .item-carry-type.active {
- color: var(--primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking {
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: 16px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking input {
- width: 0;
- flex: 0 1 48px;
- background: none;
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .action-tracking span {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .item-controls {
- min-width: 28px;
- text-align: right;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list {
- gap: 0.2em;
- padding-bottom: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item p:empty {
- display: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls {
- white-space: nowrap;
- font-size: var(--font-size-12);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .title,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing {
- color: var(--primary);
- margin: 0;
- padding: 0;
- margin-top: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing strong {
- font-weight: 500;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .framing + p {
- margin-top: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--body);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: black;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: white;
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
- border-top: 1px solid #d5cac1;
- border: solid transparent;
- border-width: 0 0 1px;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item:last-child {
- border-bottom: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item-name h4 {
- font-family: var(--serif);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 0.25em;
- padding-bottom: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry:first-child .action-header {
- justify-content: start;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg {
- width: var(--font-size-14);
- height: var(--font-size-14);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path {
- fill: black;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable:hover svg {
- animation: rotation 2s infinite linear;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data {
- align-items: center;
- display: flex;
- flex: 1;
- gap: 1rem;
- margin: 0.5em 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data section {
- display: flex;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .rollable {
- cursor: pointer;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button {
- width: auto;
- line-height: 1.5em;
- padding-top: 1px;
- margin-bottom: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button i {
- font-size: 0.9em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
- font-family: var(--serif);
- font-weight: bold;
- font-size: 1rem;
- letter-spacing: -1px;
- line-height: 1;
- color: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values {
- display: flex;
- gap: 0.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .skill-data {
- display: flex;
- gap: 0.25rem;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values h4 {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .spell-attack {
- cursor: pointer;
- gap: 0.1rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool {
- cursor: pointer;
- gap: 0.25em;
- position: relative;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool img.pool-size {
- border: none;
- width: 34px;
- height: 32px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips {
- display: flex;
- font-size: var(--font-size-10);
- gap: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips i {
- padding-bottom: 0.08rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool h4 {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability {
- gap: 0.5em;
- margin-left: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability .spell-tradition {
- font-family: var(--body-serif);
- font-weight: 600;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .pf-rank {
- margin-bottom: 0.13rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellbook-empty {
- margin: 8px 0;
- background: none;
- border: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row {
- grid-column: span 4;
- text-align: center;
- width: 100%;
- display: flex;
- justify-content: space-evenly;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row a {
- width: 100%;
- margin-bottom: 12px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h6 {
- margin: 0;
- padding: 0;
- line-height: 1;
- display: flex;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h1 {
- font-family: var(--serif);
- border: none;
- color: var(--primary);
- text-align: center;
- justify-content: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane h6 {
- padding: 2px 4px;
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- color: white;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .core-title {
- width: 100%;
- text-align: left;
- margin: 0;
- padding: 0;
- margin-left: 0;
- padding-top: 10px;
- padding-left: 12px;
- height: 43px;
- border: none;
- color: white;
- font-family: var(--serif);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list {
- list-style: none;
- margin: 0;
- padding: 0;
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 12px;
- align-items: center;
- margin-bottom: 2em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- padding: 2px 15px 2px 6px;
- display: grid;
- grid: "score name btn" min-content/42px 2fr 1fr;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable {
- cursor: pointer;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .rollable:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .rollable:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .rollable:hover {
- color: var(--primary);
- text-shadow: 0 0 2px white;
- text-decoration: underline;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .skill-score,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-score,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-score {
- grid-area: score;
- margin-right: 4px;
- margin-top: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .skill-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name {
- grid-area: name;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group {
- grid-area: btn;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group h6,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group h6,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group h6 {
- margin: 1px 0;
- background: var(--sub);
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill .button-group h6:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group h6:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group h6:hover {
- background: var(--primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom {
- position: relative;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom a.delete,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom a.delete,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom a.delete {
- position: absolute;
- top: -8px;
- right: -8px;
- z-index: -1;
- opacity: 0.75;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom a.delete:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom a.delete:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom a.delete:hover {
- z-index: 1;
- opacity: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill.custom:hover a.delete,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill.custom:hover a.delete,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill.custom:hover a.delete {
- z-index: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill {
- grid: "score name btn" min-content/42px 2fr 1fr;
- padding: 2px 15px 2px 6px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-score,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-score {
- margin-right: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name input,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name input {
- color: var(--body) !important;
- border-bottom: 1px solid var(--sub);
- margin-right: 4px;
- font-weight: 600;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .skill-name input:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .skill-name input:hover {
- border: 1px solid var(--sub);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group {
- grid-area: btn;
- flex-wrap: nowrap;
- margin-left: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill .button-group .item-controls,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill .button-group .item-controls {
- font-size: var(--font-size-12);
- margin-top: 1px;
- margin-left: 0.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list {
- grid-template-columns: 1fr;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list {
- grid-template: repeat(2, 1fr);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .item {
- grid-column: 1/3;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lore-header .item-controls {
- white-space: nowrap;
- color: white;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lore-header .item-controls .item-control {
- padding: 4px;
- background: var(--secondary);
- font-size: var(--font-size-10);
- border-radius: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats {
- padding-bottom: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-section {
- padding-bottom: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item {
- display: grid;
- grid: "name ctrl" min-content "content content" min-content/1fr min-content;
- align-items: center;
- padding: 2px 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name {
- grid-area: name;
- display: flex;
- flex: 1;
- align-items: center;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title {
- display: flex;
- font-family: var(--serif);
- font-size: 1.1em;
- font-weight: 600;
- color: var(--secondary);
- justify-content: center;
- width: 20px;
- margin-left: 6px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-placeholder {
- margin-left: 40px;
- margin-right: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4 {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-family: var(--serif);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover {
- color: var(--primary);
- text-shadow: 0 0 3px var(--tertiary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image {
- margin-left: 8px;
- margin-right: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
- align-items: center;
- display: flex;
- font-size: var(--font-size-12);
- grid-area: ctrl;
- height: 100%;
- white-space: nowrap;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls a:last-child {
- margin-right: 6px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-summary {
- flex: 100%;
- grid-area: content;
- padding: 0 8px 8px;
- margin: 4px 0 0 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items {
- grid-column: span 2;
- border-left: 3px dotted #786452;
- display: flex;
- margin: 1px 0 0 45px;
- padding: 0;
- flex-basis: 100%;
- flex-direction: column;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- gap: 2px;
- margin: 2px 0;
- padding-bottom: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li:last-child {
- padding-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name .feat-slot-title {
- width: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name img {
- margin-left: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-controls {
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li ol.nested-items {
- margin-left: 25px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography {
- padding-right: 20px !important;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality {
- display: flex;
- flex-wrap: wrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .h3 {
- display: block;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .bio {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- flex: 50%;
- margin-bottom: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-personality .bio span {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-campaign-notes {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .biography-campaign-notes span {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory {
- height: calc(100% - 40px);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list {
- padding-right: 0.1rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-common {
- border-color: #323232;
- color: #323232;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-uncommon {
- border-color: #98513d;
- color: #98513d;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-rare {
- border-color: #002664;
- color: #002664;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list .item .item-name h4.rarity-unique {
- border-color: #54166e;
- color: #54166e;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .item-controls {
- flex: 0 0 100px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-items {
- border: 1px solid var(--alt);
- border-top: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth {
- margin-bottom: 0.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-header {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- margin-top: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-header:first-child {
- margin-top: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance {
- align-items: center;
- display: grid;
- grid: "img bar overflow" min-content/24px 1fr;
- margin: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance img {
- grid-area: img;
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
- border-radius: 0;
- position: relative;
- z-index: 4;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-bar {
- position: relative;
- z-index: 2;
- grid-area: bar;
- height: 16px;
- width: 100%;
- background-color: var(--secondary);
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-label {
- position: relative;
- z-index: 3;
- grid-area: bar;
- color: white;
- font-family: var(--serif);
- font-size: var(--font-size-12);
- font-weight: 500;
- padding: 0 8px;
- padding-top: 2px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- text-shadow: 0 0 2px black;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .encumbrance-light-bulk-overflow {
- position: relative;
- z-index: 3;
- grid-area: overflow;
- color: black;
- font-family: var(--serif);
- font-size: var(--font-size-12);
- font-weight: 500;
- padding: 0 8px;
- padding-top: 2px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance .bar-bg {
- position: relative;
- z-index: 1;
- grid-area: bar;
- width: 100%;
- height: 16px;
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 0 2px 2px 0;
- box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.75);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .encumbrance.over-limit .encumbrance-bar {
- background-color: var(--primary) !important;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs {
- gap: 0.2em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item p:empty {
- display: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name .item-image {
- margin-right: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls {
- white-space: nowrap;
- font-size: var(--font-size-12);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a + a {
- margin-left: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary {
- flex-basis: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .title,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing {
- color: var(--primary);
- margin: 0;
- padding: 0;
- margin-top: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing strong {
- font-weight: 500;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .framing + p {
- margin-top: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--body);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: black;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: white;
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section {
- display: flex;
- flex-direction: column;
- gap: 0.25em;
- margin: 0.75rem 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section:first-child {
- margin-top: 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play {
- align-items: center;
- display: grid;
- grid-template-columns: 6em 1em 4em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play > * {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play input {
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play .dash {
- font-weight: bold;
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play label.player-number {
- grid-column: span 2;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump {
- align-items: center;
- flex-direction: row;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle {
- width: 42px;
- height: 1rem;
- background: rgba(0, 0, 0, 0.5);
- position: relative;
- border-radius: 50px;
- box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle.enabled {
- background: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after {
- content: "OFF";
- color: black;
- position: absolute;
- right: 5px;
- z-index: 0;
- text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
- content: "ON";
- color: white;
- position: absolute;
- left: 6px;
- z-index: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- top: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle label {
- display: block;
- width: 18px;
- height: 14px;
- position: absolute;
- top: 1px;
- right: 20px;
- cursor: pointer;
- background: #fcfff4;
- z-index: 1;
- background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
- border-radius: 50%;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
- transition: all 0.4s ease;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox] {
- visibility: hidden;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox]:checked + label {
- right: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.faction {
- max-width: fit-content;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations {
- font-family: var(--serif);
- gap: 0.2em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation {
- align-items: center;
- display: flex;
- gap: 0.2em;
- justify-content: space-between;
- width: 12em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation input {
- padding: 0 0.3em;
- text-align: right;
- width: 3em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options {
- display: flex;
- flex-wrap: wrap;
- margin: 0 1rem 1rem;
- padding: 0.5rem 1rem;
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option {
- display: flex;
- align-items: center;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label * {
- vertical-align: middle;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label input {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- align-items: center;
- background: none;
- border: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.item-container, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.item-container {
- margin-bottom: 0.5em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry {
- margin-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry:last-child {
- margin-bottom: 0.5em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas:first-child .action-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry:first-child .action-header {
- margin-top: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting *, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting * {
- flex: 1 0 auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting input[type=checkbox], .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting input[type=checkbox] {
- height: 1em;
- width: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header.alchemical-title, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header.alchemical-title {
- background: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list {
- margin: 0;
- padding: 0;
- width: 100%;
- flex-basis: 100%;
- position: relative;
- z-index: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] h4 {
- color: var(--color-disabled);
- text-decoration: line-through;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended {
- color: var(--primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item {
- display: grid;
- grid: "name dc price quantity controls" 1fr/4fr 0.7fr 1fr 1fr 1fr;
- align-items: center;
- justify-items: center;
- margin: 0;
- padding: 0;
- background: none;
- border: none;
- border-left: 1px solid var(--sub);
- border-right: 1px solid var(--sub);
- cursor: default;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:nth-child(odd), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child {
- border-bottom: 1px solid var(--sub);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child .item-image {
- margin-bottom: 0;
- margin-top: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header {
- background: rgba(96, 88, 86, 0.25);
- border: 1px solid var(--sub);
- padding: 4px;
- color: var(--body);
- font: 600 var(--font-size-12) var(--sans-serif);
- line-height: 1;
- letter-spacing: 0.25px;
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header h3 {
- text-transform: capitalize;
- font-size: var(--font-size-12);
- margin-left: 0;
- padding: 4px 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name {
- line-height: 1;
- gap: 0.5em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name h3 {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .formula-number {
- background: var(--alt);
- border: 1px solid var(--sub);
- border-radius: 3px;
- color: white;
- font-size: var(--font-size-11);
- height: 14px;
- max-width: 22px;
- padding-top: 2px;
- text-align: center;
- width: 22px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header input.formula-number, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header input.formula-number {
- background: var(--alt-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
- cursor: pointer;
- min-height: 28px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
- justify-self: start;
- display: flex;
- align-items: center;
- justify-content: flex-start;
- flex-wrap: nowrap;
- line-height: 1.5;
- flex-basis: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h3, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h3 {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name + span:not(.flex0), .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name + span:not(.flex0) {
- font-size: var(--font-size-12);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name .item-image, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name .item-image {
- margin: 2px 0;
- margin-left: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4 {
- margin: 0;
- padding: 0;
- margin-left: 8px;
- line-height: 1;
- letter-spacing: -0.075em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4:hover, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4:hover {
- color: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.reagent-resource, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.reagent-resource {
- justify-content: flex-end;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls {
- justify-self: end;
- font-size: var(--font-size-12);
- margin-right: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls .item-control.disabled, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls .item-control.disabled {
- opacity: 0.3;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary {
- grid-column: 1/6;
- padding: 8px;
- border-bottom: 1px solid var(--sub);
- border-top: 1px solid #aca5a3;
- background-color: var(--bg);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary p, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary p {
- margin-top: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary .item-buttons button, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary .item-buttons button {
- display: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity {
- align-items: center;
- display: flex;
- justify-content: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust {
- align-items: center;
- display: flex;
- font-family: var(--sans-serif-monospace);
- justify-content: center;
- width: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust.decrease, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust.decrease {
- padding-right: 3px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust.increase, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust.increase {
- padding-left: 3px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity input, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity input {
- width: 1.5rem;
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty {
- align-items: center;
- display: flex;
- justify-content: space-between;
- min-height: 28px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty > *, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty > * {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list {
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- list-style: none;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list h4 {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list .item ol {
- list-style: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button {
- align-items: center;
- background: var(--secondary);
- border: black;
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: white;
- display: flex;
- font-family: var(--serif);
- font-weight: 500;
- gap: 0.25em;
- line-height: 1.8em;
- justify-content: center;
- margin: 0;
- padding: 0 0.5em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button:hover {
- text-shadow: 0 0 4px white;
- }
- .actor.sheet.vehicle .crb-style .sheet-navigation {
- min-width: 375px;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .save-roll input[type=number] {
- width: 3ch;
- font-size: var(--font-size-20);
- height: 24px;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .hitpoints .container {
- display: grid;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .armor-class {
- grid: "ac hardness" 1fr;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .armor-class .shield {
- padding: 18px 20px 0 20px;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .armor-class .hardness {
- background: url("../assets/sheet/shield-red.webp") no-repeat top center;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar li.tag {
- font-size: var(--font-size-10);
- }
- .actor.sheet.vehicle .crb-style header.char-header .tags select {
- font-family: var(--sans-serif);
- font-size: var(--font-size-12);
- text-transform: uppercase;
- }
- .actor.sheet.vehicle .crb-style header.char-header .char-details {
- font-size: var(--font-size-13);
- font-weight: normal;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab:not(.inventory), .actor.sheet.vehicle .crb-style .sheet-content > .tab .inventory .inventory-list {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- flex-grow: 1;
- overflow: hidden scroll;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details {
- display: grid;
- grid: "img details" 1fr/120px 1fr;
- min-width: 330px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .frame {
- margin-left: 5px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .frame .actor-image {
- margin-top: 8px;
- max-height: 90%;
- object-fit: contain;
- border-radius: 0;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .image-container [data-action=show-image] {
- bottom: 3px;
- right: 1px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .detail-sheet {
- display: grid;
- grid: repeat(2, 42px)/3fr 2fr;
- grid-row-gap: 8px;
- padding-left: 12px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-details .detail-small {
- display: flex;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties {
- display: flex;
- flex-wrap: wrap;
- padding-top: 8px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties > div {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- margin-bottom: 8px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .vehicle-properties > div > span {
- width: 100%;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.details .detailsInput {
- margin-bottom: 8px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list {
- gap: 0.2em;
- padding-bottom: 1em;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item p:empty {
- display: none;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls {
- white-space: nowrap;
- font-size: var(--font-size-12);
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .title,
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing {
- color: var(--primary);
- margin: 0;
- padding: 0;
- margin-top: 1em;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing strong {
- font-weight: 500;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .framing + p {
- margin-top: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--body);
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: black;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: white;
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item {
- border-top: 1px solid #d5cac1;
- border: solid transparent;
- border-width: 0 0 1px;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item-image {
- border-radius: 2px;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item:last-child {
- border-bottom: none;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects.effects .effects-list .item-name h4 {
- font-family: var(--serif);
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header {
- position: relative;
- margin-top: 0.75em;
- font-size: var(--font-size-16);
- font-family: var(--serif);
- font-weight: 600;
- color: var(--primary);
- line-height: 1;
- border-bottom: 1px solid var(--color-border-divider);
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header > button, .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header > .controls {
- position: absolute;
- bottom: -1px;
- right: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header .controls {
- display: flex;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects h3.header button {
- background: transparent;
- border-radius: 2px 2px 0 0;
- border: 1px solid var(--color-border-divider);
- color: var(--primary);
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-12);
- font-weight: 500;
- height: 20px;
- line-height: var(--font-size-12);
- margin: 0;
- outline: none;
- text-transform: uppercase;
- width: auto;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list {
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- list-style: none;
- width: 100%;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list h4 {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-content > .tab.effects ol.directory-list .item ol {
- list-style: none;
- }
- .actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-higher,
- .actor.sheet.vehicle .crb-style span.adjustable.adjusted-higher {
- color: #009988;
- }
- .actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-lower,
- .actor.sheet.vehicle .crb-style span.adjustable.adjusted-lower {
- color: #cc3311;
- }
- .actor.sheet.vehicle .crb-style .row-nr-1 {
- grid-row: 1/2;
- }
- .actor.sheet.vehicle .crb-style .row-nr-2 {
- grid-row: 2/3;
- }
- .actor.sheet.vehicle .crb-style .row-nr-3 {
- grid-row: 3/4;
- }
- .actor.sheet.vehicle .crb-style .span-2-columns {
- grid-column-end: span 2;
- }
- .actor.sheet.vehicle .crb-style .flexitem-1 {
- flex: 1 1 10%;
- }
- .actor.sheet.vehicle .crb-style .flexitem-5 {
- flex: 5 1 50%;
- }
- .actor.sheet.vehicle .crb-style .flexitem-full {
- flex: 100%;
- }
- .actor.sheet .crb-style {
- display: grid;
- grid: "sidebar header" 75px "sidebar nav" minmax(min-content, max-content) "sidebar content" 1fr/230px 1fr;
- font-family: var(--body-serif);
- background: url("../assets/sheet/header.webp"), url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: auto 89px, cover;
- background-attachment: local;
- height: 100%;
- /* Navigation */
- /** White background navigation with little decorations on the left and right */
- /* Page structure elements */
- /* Read-Only Sheet */
- }
- .actor.sheet .crb-style .d20-svg {
- width: 19px;
- height: 19px;
- }
- .actor.sheet .crb-style aside {
- grid-area: sidebar;
- color: var(--sidebar-label);
- font-family: var(--serif);
- font-size: var(--font-size-10);
- font-weight: 600;
- margin-left: 8px;
- background-image: url("../assets/sheet/red_sidebar_top.webp"), url("../assets/sheet/red_sidebar_bottom.webp");
- background-repeat: no-repeat;
- background-position: center calc(100% - 52px), center bottom;
- background-size: 224px 100%, 224px 52px;
- display: flex;
- flex-direction: column;
- }
- .actor.sheet .crb-style aside input[type=number] {
- -moz-appearance: textfield;
- color: var(--text-light);
- text-align: center;
- font-size: var(--font-size-26);
- line-height: 1;
- font-weight: initial;
- font-family: var(--serif);
- border: none;
- }
- .actor.sheet .crb-style aside input[type=number]:focus {
- box-shadow: none;
- }
- .actor.sheet .crb-style aside input[type=number]::-webkit-outer-spin-button, .actor.sheet .crb-style aside input[type=number]::-webkit-inner-spin-button {
- -webkit-appearance: none;
- margin: 0;
- }
- .actor.sheet .crb-style aside input[type=number]:read-only {
- pointer-events: none;
- color: var(--tertiary-light);
- }
- .actor.sheet .crb-style aside input[type=number]:hover {
- text-shadow: 0 0 4px var(--tertiary);
- }
- .actor.sheet .crb-style aside .modifiers_button {
- background: rgba(255, 255, 255, 0.75);
- border-radius: 2px 2px 0 0;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
- color: var(--primary);
- flex: 0;
- font: 600 var(--font-size-9) var(--sans-serif);
- letter-spacing: 0.05em;
- line-height: 1;
- margin: 0;
- padding: 2px 3px;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- white-space: nowrap;
- }
- .actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) {
- background: white;
- box-shadow: inset 0 0 0 1px white;
- }
- .actor.sheet .crb-style aside .logo {
- margin: 5px -6px 0 -6px;
- border: none;
- z-index: 10;
- max-width: unset;
- flex-shrink: 0;
- }
- .actor.sheet .crb-style aside .sidebar {
- padding: 0 2px 2px 8px;
- margin-bottom: 42px;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .actor.sheet .crb-style aside .sidebar::-webkit-scrollbar-track {
- box-shadow: none;
- }
- .actor.sheet .crb-style aside .sidebar h2,
- .actor.sheet .crb-style aside .sidebar h3,
- .actor.sheet .crb-style aside .sidebar h4 {
- margin: 0;
- line-height: 1;
- }
- .actor.sheet .crb-style aside .sidebar_label {
- color: var(--sidebar-label);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- white-space: nowrap;
- }
- .actor.sheet .crb-style aside .sidebar_title {
- display: flex;
- flex-wrap: nowrap;
- justify-content: space-between;
- align-items: flex-end;
- margin: 0.8em 0 0.5em;
- }
- .actor.sheet .crb-style aside .sidebar_title:first-of-type {
- margin-top: 0.5em;
- margin-bottom: -1px;
- }
- .actor.sheet .crb-style aside .sidebar_title h2 {
- font-family: var(--sans-serif);
- font-size: var(--font-size-13);
- font-variant: small-caps;
- letter-spacing: 0.05em;
- line-height: 1;
- color: var(--sidebar-title);
- flex: 1;
- }
- .actor.sheet .crb-style aside .sidebar_title .modifiers_button, .actor.sheet .crb-style aside .sidebar_title h2 {
- border-bottom: 1px solid var(--sidebar-title);
- }
- .actor.sheet .crb-style aside .sidebar a.dots {
- display: flex;
- flex-direction: column;
- gap: 2px;
- }
- .actor.sheet .crb-style aside .sidebar a.dots > * {
- cursor: pointer;
- }
- .actor.sheet .crb-style aside .sidebar a.dots .pips {
- display: flex;
- justify-content: center;
- }
- .actor.sheet .crb-style aside .sidebar .data-value {
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 0; /* Removes whitespace for inputs */
- }
- .actor.sheet .crb-style aside .sidebar .data-value h2 {
- color: var(--tertiary-light);
- text-align: center;
- font-size: var(--font-size-26);
- line-height: 1;
- font-weight: initial;
- font-family: var(--serif);
- border: none;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon {
- display: inline-flex;
- align-items: center;
- padding-bottom: 2px;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon i {
- font-size: var(--font-size-19);
- color: var(--text-light);
- transition: all 0.2s ease-in-out;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon i:hover {
- transform: scale(1.25);
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon svg {
- animation-play-state: paused;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon svg path {
- fill: var(--text-light);
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon:hover svg {
- animation-play-state: running;
- animation: rotation 2s infinite linear;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon.disabled {
- cursor: default;
- filter: brightness(0.75);
- opacity: 0.75;
- text-shadow: none;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon.disabled:hover svg {
- animation-play-state: paused;
- }
- .actor.sheet .crb-style aside .sidebar select {
- font-size: var(--font-size-15);
- background-color: var(--primary);
- padding: 2px 6px;
- width: 100%;
- max-width: 100%;
- border: 1px solid #956d58;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
- }
- .actor.sheet .crb-style aside .sidebar ol {
- display: flex;
- flex-direction: column;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .actor.sheet .crb-style aside .sidebar ol li {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big {
- display: grid;
- justify-content: space-evenly;
- grid-template-columns: repeat(3, 1fr);
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container {
- text-align: center;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
- text-align: center;
- margin-right: 8px;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp {
- text-align: center;
- margin-left: 8px;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
- margin-top: 12px;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
- display: flex;
- flex-direction: column;
- padding: 10px 4px 0;
- position: relative;
- z-index: 0;
- border-radius: 0 0 4px 4px;
- width: min-content;
- background-color: var(--primary);
- background-image: linear-gradient(90deg, #450000 0%, #870000 50%, #450000 100%);
- border: 1px solid var(--sidebar-title);
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value {
- margin-top: 3px;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value input[type=number] {
- font-size: var(--font-size-32);
- letter-spacing: -1px;
- height: 32px;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small {
- display: flex;
- justify-content: space-evenly;
- margin: 8px 2px 0 2px;
- text-align: center;
- gap: 2px;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small h4,
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small label {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .far,
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .fas {
- color: var(--text-light);
- }
- .actor.sheet .crb-style aside .sidebar .armor-class {
- display: grid;
- grid: "ac shield-hp shield-footer" 74px "shield-data shield-data shield-data" auto/66px 59px auto;
- grid-column-gap: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- flex-direction: column;
- height: 74px;
- text-align: center;
- padding: 14px 10px 0 10px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value h2,
- .actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value input[type=number] {
- font-size: var(--font-size-32);
- width: 55px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield label {
- white-space: normal;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield.ac {
- grid-area: ac;
- background: url("../assets/sheet/shield-blue.webp") no-repeat center center;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield.hp {
- grid-area: shield-hp;
- background: url("../assets/sheet/shield-red.webp") no-repeat top center;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats {
- grid-area: shield-data;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol {
- margin-top: 4px;
- flex-direction: row;
- height: 100%;
- padding: 0 4px;
- justify-content: space-evenly;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li {
- justify-content: center;
- font-size: 0;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li + li {
- margin-left: 8px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label {
- position: relative;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg {
- border: none;
- width: auto;
- height: 20px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg path {
- fill: var(--tertiary-light);
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg text {
- fill: var(--dark);
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label:after {
- display: inline-block;
- position: absolute;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- color: var(--primary);
- top: 0;
- left: 1px;
- line-height: 1.5;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.ac:after {
- content: "AC";
- top: 3px;
- left: 3px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.hardness:after {
- left: 5px;
- top: 3px;
- content: "H";
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.bt:after {
- top: 3px;
- left: 3.5px;
- content: "BT";
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value {
- flex: 1;
- border: 1px solid #956d58;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
- padding-left: 4px;
- margin-left: -8px;
- height: 20px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value input[type=number] {
- font-size: var(--font-size-14);
- font-weight: 400;
- padding-top: 2px;
- height: 14px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer {
- grid-area: shield-footer;
- display: inline-flex;
- flex-direction: column;
- justify-content: center;
- justify-self: center;
- width: calc(100% - 6px);
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max label {
- white-space: normal;
- text-align: center;
- margin-bottom: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-status {
- display: flex;
- align-items: end;
- justify-content: center;
- gap: 5px;
- color: var(--tertiary-light);
- margin-top: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .stamina {
- flex-direction: row;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li {
- flex-direction: column;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li input {
- padding: 0;
- font-size: var(--font-size-24);
- }
- .actor.sheet .crb-style aside .sidebar .stamina li input.left {
- color: var(--text-light);
- text-align: right;
- margin-right: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li input.right {
- color: var(--tertiary-light);
- text-align: left;
- margin-left: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li .divider {
- font-size: var(--font-size-16);
- line-height: 1;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li .stamina-group {
- display: flex;
- align-items: center;
- }
- .actor.sheet .crb-style aside .sidebar .roll-data {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .actor.sheet .crb-style aside .sidebar .roll-data h3 {
- font-size: var(--font-size-18);
- font-weight: initial;
- color: var(--tertiary-light);
- white-space: nowrap;
- }
- .actor.sheet .crb-style aside .sidebar .roll-data .initiative-select {
- width: 129px;
- }
- .actor.sheet .crb-style aside .sidebar .perception-sidebar, .actor.sheet .crb-style aside .sidebar .initiative-sidebar {
- gap: 5px;
- }
- .actor.sheet .crb-style aside .sidebar .perception-sidebar h3, .actor.sheet .crb-style aside .sidebar .initiative-sidebar h3 {
- flex-grow: 1;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves {
- margin: 0;
- padding: 0;
- display: flex;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data {
- flex: 1 1 auto;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border-left: 1px solid rgba(255, 239, 189, 0.1882352941);
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data:first-child {
- border-left: none;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .sidebar_label {
- font-weight: initial;
- text-transform: capitalize;
- font-size: var(--font-size-12);
- border: none;
- margin-bottom: 2px;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 4px 0;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll h3 {
- margin: 0;
- margin-left: 2px;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .modifiers_button {
- padding: 2px;
- border-radius: 2px;
- width: initial;
- }
- .actor.sheet .crb-style aside .sidebar ol.tags {
- flex-direction: row;
- }
- .actor.sheet .crb-style aside .sidebar ol.tags li {
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- }
- .actor.sheet .crb-style header.char-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- color: var(--text-light);
- }
- .actor.sheet .crb-style header.char-header .char-details {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- margin-left: 8px;
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name {
- margin: 0;
- border: none;
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
- letter-spacing: normal;
- word-spacing: normal;
- text-transform: none;
- text-indent: 0;
- text-shadow: none;
- text-rendering: auto;
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable.gender {
- font-size: var(--font-size-14);
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text], .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
- font-family: var(--serif);
- font-weight: 500;
- font-size: var(--font-size-24);
- color: var(--text-light);
- line-height: calc(1em + 1px);
- border-bottom: 1px solid transparent;
- height: 26px;
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus, .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus {
- box-shadow: none;
- border-bottom: 1px solid var(--text-light);
- }
- .actor.sheet .crb-style header.char-header .char-details h2.non-editable.ancestry-class {
- font-family: var(--serif);
- border-bottom: none;
- margin-bottom: 0;
- font-weight: 400;
- }
- .actor.sheet .crb-style header.char-header .char-level {
- display: flex;
- justify-content: flex-start;
- padding-bottom: 4px;
- }
- .actor.sheet .crb-style header.char-header .char-level .level {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- height: 43px;
- width: 40px;
- background: url("../assets/sheet/level-badge.webp") no-repeat;
- background-size: 40px 43px;
- z-index: 2;
- font-size: 0;
- padding-top: 2px;
- }
- .actor.sheet .crb-style header.char-header .char-level .level label {
- color: var(--sidebar-label);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- line-height: 1.5;
- }
- .actor.sheet .crb-style header.char-header .char-level .level input {
- font-family: var(--serif);
- font-size: var(--font-size-22);
- font-weight: 400;
- color: var(--text-light);
- line-height: calc(1em + 1px);
- height: 24px;
- }
- .actor.sheet .crb-style header.char-header .char-level .level label,
- .actor.sheet .crb-style header.char-header .char-level .level input {
- margin-left: 1px;
- text-align: center;
- }
- .actor.sheet .crb-style .char-header {
- grid-area: header;
- padding-right: 1rem;
- }
- .actor.sheet .crb-style .sheet-navigation {
- grid-area: nav;
- margin-left: -2px;
- }
- .actor.sheet .crb-style .sheet-body {
- grid-area: content;
- position: relative;
- }
- .actor.sheet .crb-style .sheet-body ol {
- list-style: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content,
- .actor.sheet .crb-style .sheet-body .sheet-content .inventory {
- bottom: 0;
- display: flex;
- flex-direction: column;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content.tab[data-tab],
- .actor.sheet .crb-style .sheet-body .sheet-content .inventory.tab[data-tab] {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content.tab[data-tab].active,
- .actor.sheet .crb-style .sheet-body .sheet-content .inventory.tab[data-tab].active {
- display: initial;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content {
- color: var(--body);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content > .tab {
- padding: 0.6rem 0.6rem 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list {
- margin: 0;
- padding: 0;
- border-bottom: 1px solid var(--color-border-light-2);
- flex-basis: 100%;
- gap: 1px;
- position: relative;
- width: 100%;
- z-index: 1;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li {
- margin: 0;
- padding: 0;
- align-items: center;
- background: none;
- cursor: default;
- display: grid;
- grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
- justify-content: center;
- padding: 0 0.3em 1px 0.35em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] h4 {
- color: var(--color-disabled);
- text-decoration: line-through;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell {
- background: var(--color-disabled);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- cursor: not-allowed;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child {
- border-bottom: 1px solid var(--sub);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child .item-image {
- margin-bottom: 0;
- margin-top: 2px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header {
- margin: 0;
- padding: 0;
- background: rgba(96, 88, 86, 0.25);
- border: 1px solid var(--color-border-light-2);
- border-radius: 2px;
- color: var(--body);
- font: 500 var(--font-size-12) var(--sans-serif);
- letter-spacing: 0.25px;
- line-height: 1;
- padding: 0 0.5em;
- text-transform: uppercase;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header h3 {
- text-transform: capitalize;
- font-size: var(--font-size-13);
- margin-left: 0;
- padding: 4px 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name {
- line-height: 1;
- gap: 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name h3 {
- margin: 0;
- padding: 0;
- font-weight: 700;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-controls {
- grid-column: span 2;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses {
- align-items: center;
- display: flex;
- gap: 0.25em;
- line-height: 1;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input {
- background: var(--alt);
- border-radius: 3px;
- border: 1px solid var(--sub);
- color: white;
- font: var(--font-size-12) var(--sans-serif);
- height: unset;
- text-align: center;
- width: 2em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses .spell-slots-increment-reset {
- padding-left: 5px;
- font-size: var(--font-size-10);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell {
- border: none;
- font-size: var(--font-size-13);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .level-prepared-toggle {
- flex: 0;
- font-size: 0.75rem;
- color: var(--secondary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- justify-content: start;
- justify-self: start;
- min-height: 1.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h3 {
- white-space: nowrap;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name + span {
- font-size: 0.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .focus-pool-input {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .slash {
- font-size: 0.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots,
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max {
- padding-top: 3px;
- font-size: 0.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots.infinity,
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max.infinity {
- position: relative;
- top: -2px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image {
- height: 1.5rem;
- width: 1.5rem;
- flex: 0 0 auto;
- margin: 2px 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4 {
- margin: 0;
- padding: 0;
- font-size: var(--font-size-14);
- letter-spacing: -0.075em;
- line-height: 1;
- margin-left: 8px;
- cursor: pointer;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover {
- color: var(--secondary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .activity-icon {
- margin-left: 4px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name.empty {
- grid-column: 1/span 4;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-range {
- grid-area: range;
- padding-left: 0.2em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components {
- grid-area: components;
- justify-self: right;
- padding: 0 0.5em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components .tag {
- font: var(--font-size-12) var(--sans-serif-condensed);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-cast {
- grid-area: cast-spell;
- display: flex;
- justify-content: center;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-controls {
- grid-area: controls;
- display: flex;
- justify-self: end;
- padding-right: 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell {
- align-items: center;
- background: var(--secondary);
- border-radius: 2px;
- border: black;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: white;
- cursor: pointer;
- display: flex;
- font: 700 0.55rem var(--sans-serif);
- justify-self: center;
- letter-spacing: 0.25px;
- max-width: fit-content;
- padding: 0.5em 1em;
- text-transform: uppercase;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
- grid-area: content;
- width: 100%;
- padding: 8px;
- border-bottom: 1px solid var(--sub);
- border-top: 1px solid #aca5a3;
- background-color: var(--bg);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual {
- position: relative;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual::before {
- pointer-events: none;
- content: "";
- position: absolute;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 5, 255, 0.1137254902);
- mix-blend-mode: saturation;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .level-prepared-header {
- font-size: 0.75rem;
- color: white;
- margin: 0;
- padding: 4px;
- text-align: center;
- background: var(--secondary);
- position: relative;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spell .item-name {
- width: 100%;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list input.toggle-signature-spell[type=checkbox] {
- width: 12px;
- height: 12px;
- margin: 0 2px 0 0;
- flex: 0 0 auto;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty {
- display: flex;
- align-items: center;
- min-height: 28px;
- justify-content: flex-end;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty h4 {
- margin: 0;
- white-space: nowrap;
- margin-right: auto;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty a {
- flex: 0 1 0;
- white-space: nowrap;
- margin-left: 8px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > h3, .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > li > h3 {
- font-size: 1rem;
- font-weight: 500;
- font-family: var(--serif);
- line-height: 1;
- color: white;
- margin: 0;
- padding: 0;
- margin-left: 8px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header {
- align-items: center;
- background: var(--primary);
- border: none;
- border-radius: 0.25em;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- display: flex;
- flex-basis: 100%;
- flex-wrap: nowrap;
- height: 32px;
- justify-content: space-between;
- margin-left: 0;
- margin-top: 8px;
- padding: 0 0.5em;
- position: relative;
- width: 100%;
- z-index: 2;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header:first-child {
- margin-top: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header + li {
- border-top: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle {
- cursor: move;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header > a .fas, .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header > a > .fa {
- flex-basis: 0;
- color: white;
- margin-right: 0.25em;
- padding-top: 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .item-controls {
- color: white;
- flex: 1 0 auto;
- font: 0.85em var(--sans-serif);
- letter-spacing: 0.05em;
- margin-left: auto;
- max-width: fit-content;
- text-transform: uppercase;
- font-size: var(--font-size-12);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 {
- color: white;
- flex: 1 1 100%;
- margin-bottom: 0;
- font-size: var(--font-size-16);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input {
- color: white;
- max-width: 100%;
- font-weight: 500;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:read-only {
- pointer-events: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container {
- padding: 0 0.5rem 2rem 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper {
- display: grid;
- justify-items: center;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .action-radio {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels {
- min-height: min-content;
- width: 100%;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 0.5rem;
- padding: 0.5rem 1rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
- align-items: center;
- display: flex;
- width: 100%;
- margin: 1px 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
- vertical-align: middle;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
- margin: 0;
- padding: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
- color: var(--color-text-dark-inactive);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list {
- padding-left: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action-header {
- align-items: center;
- display: flex;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- padding: 4px;
- width: 100%;
- border-top: 1px solid #d5cac1;
- border: solid transparent;
- border-width: 0 0 1px;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action p:empty {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name {
- align-items: center;
- display: flex;
- flex: 1;
- margin: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name h4:hover {
- color: var(--primary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image {
- height: 22px;
- width: 22px;
- color: transparent;
- background-repeat: no-repeat;
- background-size: contain;
- margin-right: 8px;
- font-size: var(--font-size-18);
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .item-image:hover {
- background: none !important;
- color: var(--primary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title {
- flex: 1;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name {
- display: flex;
- flex-direction: row;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4 {
- cursor: pointer;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover {
- color: var(--primary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-name .actions-title .action-name h4:hover .activity-icon {
- color: var(--body);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-controls {
- white-space: nowrap;
- font-size: var(--font-size-11);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary {
- flex-basis: 100%;
- margin-bottom: 8px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .title,
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing {
- color: var(--primary);
- margin: 0;
- padding: 0;
- margin-top: 1em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing strong {
- font-weight: 500;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .framing + p {
- margin-top: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--body);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: black;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- padding: 0.5rem 1rem 1rem;
- margin-top: 0.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary dd {
- margin: 0;
- margin-bottom: 0.5rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action .item-summary .tag.tag_secondary {
- background-color: rgba(0, 0, 0, 0.8);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded h4 {
- color: var(--primary);
- font-weight: 700;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.hidden {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography h3 {
- margin-top: 0.75em;
- font-family: var(--serif);
- font-weight: 600;
- color: var(--primary);
- line-height: 1;
- border-bottom: 1px solid var(--primary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input {
- font-family: var(--body-serif);
- font-weight: bold;
- width: calc(100% - 6px);
- border-bottom: 1px solid #d3ccbc;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input::placeholder {
- filter: opacity(0.5);
- color: var(--body);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input:focus {
- border-bottom: 1px solid #644f33;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input:focus::placeholder {
- color: transparent;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography input[type=number] {
- padding-bottom: 0;
- padding-left: 4px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography hr {
- margin: 10px 6px 10px 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 {
- margin: 0;
- padding: 0;
- background-color: rgba(28, 28, 28, 0.1);
- border: none;
- color: var(--body);
- font: 700 var(--font-size-14) var(--body-serif);
- grid-area: mod;
- height: 26px;
- padding: 8px 4px 6px;
- width: calc(100% - 6px);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 i {
- position: relative;
- right: -2px;
- top: -2px;
- float: right;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .bio h3 span.value {
- display: inline-block;
- max-width: 87%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content {
- margin-left: 8px;
- padding: 4px;
- /* Typography */
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h1, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h2 {
- font-family: var(--serif);
- line-height: 1.1;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h1 {
- text-align: center;
- font-size: 2.5em;
- margin-bottom: 30px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h2 {
- color: var(--secondary);
- font-size: 2.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h3 {
- font-size: 2em;
- border-bottom: 0px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h4 {
- color: #000000;
- border-bottom: 1px solid #000000;
- margin-bottom: 0px;
- text-transform: uppercase;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h5 {
- text-transform: uppercase;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content h6 {
- background-color: var(--header-bg);
- color: var(--header-color);
- margin-bottom: 5px;
- padding-left: 8px;
- padding-top: 5px;
- padding-bottom: 3px;
- font-size: 1.25em;
- text-transform: uppercase;
- border-radius: 12px 12px 0px 0px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content p + p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content ul, .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content ol {
- font-family: var(--body-serif);
- text-align: justify;
- line-height: 1.4;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-edit {
- background: var(--primary);
- color: white;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox.tox-tinymce {
- height: 200px !important;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord {
- background-color: var(--secondary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary {
- background-color: var(--alt);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn {
- color: #cdcdcd;
- border-radius: 1px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn svg {
- fill: #cdcdcd;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn:hover {
- background: var(--secondary);
- color: white;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .tox .tox-tbtn:hover svg {
- fill: white;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-content .editor .editor-content {
- background: rgba(0, 0, 0, 0.05);
- min-height: 75px;
- overflow-y: inherit;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-details {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.biography .biography-details span {
- width: 100%;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content footer {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- color: var(--primary);
- text-align: right;
- line-height: 1.4;
- margin: 1em 1em 0;
- }
- .actor.sheet .crb-style nav.sheet-navigation {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- height: 20px;
- background: var(--secondary);
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- transition: all 0.1s ease-out;
- box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- border-bottom: 1px solid rgba(255, 255, 255, 0.5);
- position: relative;
- }
- .actor.sheet .crb-style nav.sheet-navigation .navigation-title {
- color: var(--text-light);
- margin-right: auto;
- padding-left: 1em;
- white-space: nowrap;
- width: 7em;
- }
- .actor.sheet .crb-style nav.sheet-navigation > a {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 0 6px;
- font-size: var(--font-size-12);
- }
- .actor.sheet .crb-style nav.sheet-navigation .item {
- height: 24px;
- width: 24px;
- border-radius: 50%;
- z-index: 1;
- transition: all 0.1s ease-out;
- color: var(--tertiary);
- fill: var(--tertiary);
- background-image: url("../assets/sheet/nav-item-inactive.webp");
- background-size: contain;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
- }
- .actor.sheet .crb-style nav.sheet-navigation .item.active {
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
- }
- .actor.sheet .crb-style nav.sheet-navigation .item:last-child {
- margin-right: 10px;
- }
- .actor.sheet .crb-style nav.sheet-navigation .item:hover, .actor.sheet .crb-style nav.sheet-navigation .item.active {
- z-index: 2;
- transform: scale(1.2);
- color: var(--text-light);
- fill: var(--text-light);
- background-image: url("../assets/sheet/nav-item.webp");
- }
- .actor.sheet .crb-style nav.sheet-navigation .item .fas {
- padding-bottom: 0;
- }
- .actor.sheet .crb-style nav.sheet-navigation .item:hover .pfs-icon {
- filter: drop-shadow(0 0 8px var(--color-shadow-primary));
- }
- .actor.sheet .crb-style nav.sheet-navigation .item .action-icon {
- align-self: baseline;
- display: inline-block;
- font-family: Pathfinder2eActions;
- font-size: 1.4rem;
- line-height: 1;
- max-height: 0.75rem;
- }
- .actor.sheet .crb-style nav.sub-nav {
- margin: 0;
- padding: 0;
- display: flex;
- flex-wrap: nowrap;
- justify-content: center;
- align-items: center;
- list-style: none;
- background-color: var(--bg);
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
- width: 100%;
- flex: 0 0 44px;
- }
- .actor.sheet .crb-style nav.sub-nav::before, .actor.sheet .crb-style nav.sub-nav::after {
- content: "";
- width: 37px;
- height: 16px;
- background: url("../assets/sheet/sub-nav-decoration.webp");
- margin: 0 16px;
- }
- .actor.sheet .crb-style nav.sub-nav::after {
- transform: scaleX(-100%);
- }
- .actor.sheet .crb-style nav.sub-nav a, .actor.sheet .crb-style nav.sub-nav .tab {
- border-left: 1px solid rgba(255, 255, 255, 0.3);
- border-right: 1px solid rgba(0, 0, 0, 0.2);
- color: var(--alt);
- cursor: pointer;
- display: block;
- font: 400 var(--font-size-16) var(--serif);
- flex: 1;
- margin: 0 0.25rem;
- max-width: 30%;
- text-align: center;
- text-decoration: none;
- transition: all 0.1s ease-out;
- }
- .actor.sheet .crb-style nav.sub-nav a.active, .actor.sheet .crb-style nav.sub-nav .tab.active {
- color: var(--primary);
- font-weight: 600;
- }
- .actor.sheet .crb-style nav.sub-nav a:first-child, .actor.sheet .crb-style nav.sub-nav .tab:first-child {
- border-left: none;
- }
- .actor.sheet .crb-style nav.sub-nav a:last-child, .actor.sheet .crb-style nav.sub-nav .tab:last-child {
- border-right: none;
- }
- .actor.sheet .crb-style nav.sub-nav a:hover, .actor.sheet .crb-style nav.sub-nav .tab:hover {
- text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
- }
- .actor.sheet .crb-style .tab nav.sub-nav {
- padding-right: 20px;
- }
- .actor.sheet .crb-style .stroke-header {
- position: relative;
- }
- .actor.sheet .crb-style .stroke-header svg {
- position: absolute;
- fill: var(--primary);
- }
- .actor.sheet .crb-style .stroke-header h3 {
- position: relative;
- }
- .actor.sheet .crb-style.limited .sidebar {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
- .actor.sheet .crb-style.limited .sidebar .profile-img {
- display: flex;
- align-items: flex-end;
- margin: 1rem 0;
- max-width: 85%;
- max-height: 200px;
- background-color: var(--tertiary);
- background-size: cover;
- background-position: top center;
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0 0 0 1px #C0C0C0, 0 0 0 2px #808080;
- }
- .actor.sheet .crb-style.limited .sidebar .plaque {
- color: var(--sidebar-title);
- font-size: 1rem;
- font-weight: 500;
- margin-bottom: 0.25rem;
- display: flex;
- }
- .actor.sheet .crb-style.limited .sidebar .plaque::before, .actor.sheet .crb-style.limited .sidebar .plaque::after {
- display: block;
- content: url("../assets/icons/pathfinder-orn.svg");
- height: 100%;
- width: 25px;
- }
- .actor.sheet .crb-style.limited .sidebar .plaque::after {
- transform: scaleX(-1);
- margin-left: 4px;
- }
- .actor.sheet .crb-style.limited .sidebar .plaque::before {
- margin-right: 4px;
- }
- .actor.sheet .crb-style.limited .sidebar ul.stats {
- margin: 0;
- padding: 0;
- list-style: none;
- text-align: center;
- }
- .actor.sheet .crb-style.limited .sidebar ul.stats li {
- margin: 0;
- padding: 0;
- }
- .actor.sheet .crb-style.limited .tab.character .character-bio {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .actor.sheet .crb-style.limited .tab.character .character-bio footer {
- margin-top: auto;
- text-align: left;
- margin: 0;
- padding: 0;
- margin-top: auto;
- margin-bottom: 8px;
- }
- .actor.sheet .crb-style.limited .tab.character .character-bio footer p {
- color: var(--alt);
- }
- .actor.sheet .crb-style input.adjusted:not(:focus) {
- font-weight: 700;
- color: #009988;
- }
- .actor.sheet .crb-style button.tag:disabled {
- cursor: not-allowed;
- background-color: var(--color-text-dark-inactive);
- }
- .spellcasting-entry.preparation h3 {
- border-bottom: none;
- }
- .spellcasting-entry.preparation button > i {
- margin-right: 0;
- }
- .spellcasting-entry.preparation ol.spell-list {
- margin: 0;
- padding: 0;
- border-bottom: 1px solid var(--color-border-light-2);
- flex-basis: 100%;
- gap: 1px;
- position: relative;
- width: 100%;
- z-index: 1;
- }
- .spellcasting-entry.preparation ol.spell-list > li {
- margin: 0;
- padding: 0;
- align-items: center;
- background: none;
- cursor: default;
- display: grid;
- grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
- justify-content: center;
- padding: 0 0.3em 1px 0.35em;
- }
- .spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] h4 {
- color: var(--color-disabled);
- text-decoration: line-through;
- }
- .spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] .cast-spell {
- background: var(--color-disabled);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- cursor: not-allowed;
- }
- .spellcasting-entry.preparation ol.spell-list > li:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .spellcasting-entry.preparation ol.spell-list > li:last-child {
- border-bottom: 1px solid var(--sub);
- }
- .spellcasting-entry.preparation ol.spell-list > li:last-child .item-image {
- margin-bottom: 0;
- margin-top: 2px;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header {
- margin: 0;
- padding: 0;
- background: rgba(96, 88, 86, 0.25);
- border: 1px solid var(--color-border-light-2);
- border-radius: 2px;
- color: var(--body);
- font: 500 var(--font-size-12) var(--sans-serif);
- letter-spacing: 0.25px;
- line-height: 1;
- padding: 0 0.5em;
- text-transform: uppercase;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header h3 {
- text-transform: capitalize;
- font-size: var(--font-size-13);
- margin-left: 0;
- padding: 4px 0;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name {
- line-height: 1;
- gap: 0.25em;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name h3 {
- margin: 0;
- padding: 0;
- font-weight: 700;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-controls {
- grid-column: span 2;
- }
- .spellcasting-entry.preparation ol.spell-list > li .uses {
- align-items: center;
- display: flex;
- gap: 0.25em;
- line-height: 1;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header input, .spellcasting-entry.preparation ol.spell-list > li .uses input {
- background: var(--alt);
- border-radius: 3px;
- border: 1px solid var(--sub);
- color: white;
- font: var(--font-size-12) var(--sans-serif);
- height: unset;
- text-align: center;
- width: 2em;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .spellcasting-entry.preparation ol.spell-list > li .uses .spell-slots-increment-reset {
- padding-left: 5px;
- font-size: var(--font-size-10);
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell {
- border: none;
- font-size: var(--font-size-13);
- }
- .spellcasting-entry.preparation ol.spell-list > li .level-prepared-toggle {
- flex: 0;
- font-size: 0.75rem;
- color: var(--secondary);
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- justify-content: start;
- justify-self: start;
- min-height: 1.75rem;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name h3 {
- white-space: nowrap;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name + span {
- font-size: 0.75rem;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .focus-pool-input {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .slash {
- font-size: 0.75rem;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots,
- .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max {
- padding-top: 3px;
- font-size: 0.75rem;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots.infinity,
- .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max.infinity {
- position: relative;
- top: -2px;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .item-image {
- height: 1.5rem;
- width: 1.5rem;
- flex: 0 0 auto;
- margin: 2px 0;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name h4 {
- margin: 0;
- padding: 0;
- font-size: var(--font-size-14);
- letter-spacing: -0.075em;
- line-height: 1;
- margin-left: 8px;
- cursor: pointer;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name h4:hover {
- color: var(--secondary);
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .activity-icon {
- margin-left: 4px;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name.empty {
- grid-column: 1/span 4;
- }
- .spellcasting-entry.preparation ol.spell-list > li .spell-range {
- grid-area: range;
- padding-left: 0.2em;
- }
- .spellcasting-entry.preparation ol.spell-list > li .spell-components {
- grid-area: components;
- justify-self: right;
- padding: 0 0.5em;
- }
- .spellcasting-entry.preparation ol.spell-list > li .spell-components .tag {
- font: var(--font-size-12) var(--sans-serif-condensed);
- }
- .spellcasting-entry.preparation ol.spell-list > li .spell-cast {
- grid-area: cast-spell;
- display: flex;
- justify-content: center;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-controls {
- grid-area: controls;
- display: flex;
- justify-self: end;
- padding-right: 0.25em;
- }
- .spellcasting-entry.preparation ol.spell-list > li button.cast-spell {
- align-items: center;
- background: var(--secondary);
- border-radius: 2px;
- border: black;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: white;
- cursor: pointer;
- display: flex;
- font: 700 0.55rem var(--sans-serif);
- justify-self: center;
- letter-spacing: 0.25px;
- max-width: fit-content;
- padding: 0.5em 1em;
- text-transform: uppercase;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-summary {
- grid-area: content;
- width: 100%;
- padding: 8px;
- border-bottom: 1px solid var(--sub);
- border-top: 1px solid #aca5a3;
- background-color: var(--bg);
- }
- .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual {
- position: relative;
- }
- .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual::before {
- pointer-events: none;
- content: "";
- position: absolute;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 5, 255, 0.1137254902);
- mix-blend-mode: saturation;
- }
- .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- }
- .spellcasting-entry.preparation ol.spell-list .level-prepared-header {
- font-size: 0.75rem;
- color: white;
- margin: 0;
- padding: 4px;
- text-align: center;
- background: var(--secondary);
- position: relative;
- }
- .spellcasting-entry.preparation ol.spell-list .spell .item-name {
- width: 100%;
- }
- .spellcasting-entry.preparation ol.spell-list input.toggle-signature-spell[type=checkbox] {
- width: 12px;
- height: 12px;
- margin: 0 2px 0 0;
- flex: 0 0 auto;
- }
- .spellcasting-entry.preparation ol.spell-list .spellbook-empty {
- display: flex;
- align-items: center;
- min-height: 28px;
- justify-content: flex-end;
- }
- .spellcasting-entry.preparation ol.spell-list .spellbook-empty h4 {
- margin: 0;
- white-space: nowrap;
- margin-right: auto;
- }
- .spellcasting-entry.preparation ol.spell-list .spellbook-empty a {
- flex: 0 1 0;
- white-space: nowrap;
- margin-left: 8px;
- }
- .spellcasting-entry.preparation form {
- display: flex;
- flex-direction: column;
- height: 100%;
- padding: 4px;
- }
- .spellcasting-entry.preparation .sheet-header {
- align-items: baseline;
- display: block;
- flex: 0;
- padding-right: 16px;
- }
- .spellcasting-entry.preparation .sheet-header h1 {
- display: flex;
- flex: 1;
- overflow: hidden;
- font-family: var(--serif-condensed);
- font-weight: 700;
- white-space: nowrap;
- justify-content: space-between;
- }
- .spellcasting-entry.preparation .sheet-header p.hint {
- margin: auto auto 1em;
- }
- .spellcasting-entry.preparation .sheet-header .item-controls {
- flex: 0;
- white-space: nowrap;
- }
- .spellcasting-entry.preparation .sheet-content {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- padding-bottom: 1em;
- padding-right: 8px;
- }
- .currency {
- display: flex;
- padding: 3px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background-color: var(--sub);
- margin: 0;
- align-items: center;
- list-style: none;
- font-size: var(--font-size-13);
- }
- .currency .label {
- margin-right: 10px;
- margin-left: 4px;
- color: white;
- font-weight: bold;
- justify-content: flex-start;
- }
- .currency .denomination {
- flex: 0 1 auto;
- width: 100%;
- color: white;
- display: flex;
- align-items: center;
- justify-content: flex-start;
- flex-wrap: nowrap;
- background-color: transparent;
- border-right: 1px solid rgba(255, 255, 255, 0.1);
- border-left: 1px solid rgba(0, 0, 0, 0.2);
- text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
- }
- .currency .denomination:first-child {
- border-left: none;
- }
- .currency .denomination:last-child {
- border-right: none;
- margin-right: 8px;
- }
- .currency .denomination label {
- color: #ffe8d1;
- text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- }
- .currency .denomination span {
- padding-left: 8px;
- padding-right: 12px;
- }
- .currency .denomination.pp .currency-image {
- background: url("../icons/equipment/treasure/currency/platinum-pieces.webp") no-repeat;
- }
- .currency .denomination.gp .currency-image {
- background: url("../icons/equipment/treasure/currency/gold-pieces.webp") no-repeat;
- }
- .currency .denomination.sp .currency-image {
- background: url("../icons/equipment/treasure/currency/silver-pieces.webp") no-repeat;
- }
- .currency .denomination.cp .currency-image {
- background: url("../icons/equipment/treasure/currency/copper-pieces.webp") no-repeat;
- }
- .currency .denomination .currency-image {
- height: 24px;
- width: 24px;
- box-shadow: 0 0 0 1px #9f725b, 0 0 0 2px var(--tertiary), 0 0 0 3px #956d58;
- background-size: cover !important;
- }
- .currency .add-coins-popup > button,
- .currency .remove-coins-popup > button,
- .currency .sell-all-treasure > button {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 0;
- padding: 0;
- line-height: 1;
- color: rgba(0, 0, 0, 0.75);
- background-color: var(--tertiary);
- border: none;
- border-radius: 1px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 3px rgba(0, 0, 0, 0.5);
- width: 30px;
- height: 24px;
- font-size: var(--font-size-13);
- font-weight: 600;
- margin-left: 2px;
- }
- .currency .add-coins-popup > button > i,
- .currency .remove-coins-popup > button > i,
- .currency .sell-all-treasure > button > i {
- margin: 0;
- padding: 0;
- }
- .currency .add-coins-popup > button:hover,
- .currency .remove-coins-popup > button:hover,
- .currency .sell-all-treasure > button:hover {
- background-color: var(--primary);
- color: white;
- cursor: pointer;
- }
- .wealth {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- align-items: center;
- background-color: var(--alt);
- display: flex;
- margin-bottom: 10px;
- min-height: 22px;
- justify-content: flex-end;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- }
- .wealth h3 {
- font-size: var(--font-size-13);
- text-transform: capitalize;
- text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
- margin: 2px;
- margin-left: 4px;
- cursor: default;
- }
- .wealth h3:hover {
- color: white;
- }
- .wealth h3.item-name {
- flex-grow: 1;
- color: white;
- margin-bottom: 0;
- font-weight: bold;
- margin: 0 5px;
- }
- .wealth h3.item-name span {
- margin-left: 5px;
- font-weight: normal;
- text-transform: uppercase;
- }
- .wealth ol {
- padding-right: 0;
- padding-bottom: 0;
- margin-bottom: 0;
- margin-right: 0;
- }
- /* Actor-type Imports */
- .familiar .window-content {
- background: url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- background-attachment: local;
- display: flex;
- flex-direction: row;
- }
- .familiar .window-content .section-container {
- display: flex;
- flex-direction: column;
- }
- .familiar .window-content .section-container .section-header {
- border: 1px solid #5e0000;
- border-radius: 3px 3px 0px 0px;
- background: #5e0000;
- display: flex;
- flex: 0;
- width: 100%;
- flex-direction: row;
- justify-content: space-between;
- align-items: baseline;
- text-align: left;
- color: #f5efe0;
- font-size: var(--font-size-13);
- padding: 0 8px;
- line-height: 2em;
- }
- .familiar .window-content .section-container .section-header h4 {
- flex: auto;
- display: flex;
- align-items: baseline;
- gap: 4px;
- margin-bottom: 0px;
- text-transform: uppercase;
- }
- .familiar .window-content .section-container .section-header input {
- color: inherit;
- width: auto;
- }
- .familiar .window-content .section-container .section-header .controls {
- display: flex;
- gap: 8px;
- justify-self: flex-end;
- }
- .familiar .window-content .section-container .section-body {
- border: 1px solid #5e0000;
- border-radius: 0px 0px 3px 3px;
- display: flex;
- flex: auto;
- flex-wrap: wrap;
- flex-direction: row;
- align-items: baseline;
- justify-content: flex-start;
- width: 100%;
- }
- .familiar .window-content .section-container.headerless .section-body {
- border-radius: 3px;
- }
- .familiar .window-content .actions-list, .familiar .window-content .attacks-list {
- align-items: baseline;
- margin: 0px;
- padding: 0px;
- width: 100%;
- }
- .familiar .window-content .actions-list .item-controls, .familiar .window-content .attacks-list .item-controls {
- font-size: 0.8rem;
- display: flex;
- flex-wrap: nowrap;
- align-items: baseline;
- margin-left: auto;
- }
- .familiar .window-content .actions-list .item-controls .chat, .familiar .window-content .attacks-list .item-controls .chat {
- margin-right: 3px;
- font-size: 0.9em;
- }
- .familiar .window-content .actions-list .action, .familiar .window-content .attacks-list .action {
- display: flex;
- flex: 1 0 46%;
- flex-direction: column;
- margin-left: 6px;
- margin-right: 6px;
- }
- .familiar .window-content .actions-list .action:not(:last-child), .familiar .window-content .attacks-list .action:not(:last-child) {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .familiar .window-content .actions-list .action .action-header, .familiar .window-content .attacks-list .action .action-header {
- display: flex;
- flex: 1 0 auto;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- width: 100%;
- }
- .familiar .window-content .actions-list .action .action-header .action-name, .familiar .window-content .attacks-list .action .action-header .action-name {
- display: flex;
- flex: auto;
- font-size: 0.9rem;
- }
- .familiar .window-content .actions-list .action .action-header .action-name h4, .familiar .window-content .attacks-list .action .action-header .action-name h4 {
- margin: 0px;
- margin-bottom: 0px;
- }
- .familiar .window-content .actions-list .action .action-header .action-name .action-traits, .familiar .window-content .attacks-list .action .action-header .action-name .action-traits {
- margin-left: 12px;
- }
- .familiar .window-content .actions-list .action .action-header .action-name .action-tracking, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking {
- flex: 0;
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: 16px;
- }
- .familiar .window-content .actions-list .action .action-header .action-name .action-tracking input, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking input {
- width: 0;
- flex: 0 1 48px;
- font-family: inherit;
- font-size: 0.9rem;
- background: none;
- text-align: center;
- border: 0;
- padding: 0 3px;
- height: auto;
- }
- .familiar .window-content .actions-list .action .action-header .action-name .action-tracking span, .familiar .window-content .attacks-list .action .action-header .action-name .action-tracking span {
- white-space: nowrap;
- }
- .familiar .window-content .actions-list .action .item-summary, .familiar .window-content .attacks-list .action .item-summary {
- flex: 0 1 auto;
- margin-top: 0.5em;
- }
- .familiar .window-content .actions-list .attack, .familiar .window-content .attacks-list .attack {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- margin: 8px 6px 0 6px;
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .familiar .window-content .actions-list .attack:last-child, .familiar .window-content .attacks-list .attack:last-child {
- border-bottom: none;
- }
- .familiar .window-content .actions-list .attack .attack-header, .familiar .window-content .attacks-list .attack .attack-header {
- display: flex;
- flex: 1 0 auto;
- flex-direction: row;
- align-items: baseline;
- width: 100%;
- }
- .familiar .window-content .actions-list .attack .attack-name, .familiar .window-content .attacks-list .attack .attack-name {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- gap: 2px;
- white-space: nowrap;
- margin: 0 4px 0 0;
- font-size: 0.9rem;
- font-weight: 500;
- }
- .familiar .window-content .actions-list .attack .attack-name > span, .familiar .window-content .attacks-list .attack .attack-name > span {
- gap: 3px;
- margin-right: 4px;
- display: flex;
- align-items: baseline;
- line-height: 1.125rem;
- }
- .familiar .window-content .actions-list .attack .attack-body, .familiar .window-content .attacks-list .attack .attack-body {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- width: 100%;
- padding-top: 3px;
- }
- .familiar .window-content .actions-list .attack .attack-body .flexrow,
- .familiar .window-content .actions-list .attack .attack-body .sub-section, .familiar .window-content .attacks-list .attack .attack-body .flexrow,
- .familiar .window-content .attacks-list .attack .attack-body .sub-section {
- gap: 2px;
- }
- .familiar .window-content .actions-list .attack .attack-body .sub-section, .familiar .window-content .attacks-list .attack .attack-body .sub-section {
- align-items: flex-start;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- flex: auto;
- justify-content: flex-start;
- }
- .familiar .window-content .actions-list .attack .attack-body .sub-section h4, .familiar .window-content .attacks-list .attack .attack-body .sub-section h4 {
- margin-left: 12px;
- margin-right: 12px;
- }
- .familiar .window-content .actions-list .attack .attack-body button, .familiar .window-content .attacks-list .attack .attack-body button {
- width: auto !important;
- cursor: pointer;
- margin: 0;
- padding: 0 8px;
- font-size: var(--font-size-11);
- height: 18px;
- line-height: 18px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--color-primary);
- color: #f5efe0;
- text-align: center;
- white-space: nowrap;
- border-radius: 3px;
- border: none;
- }
- .familiar .window-content .actions-list .attack .attack-body button:first-child, .familiar .window-content .attacks-list .attack .attack-body button:first-child {
- margin-left: 0px;
- }
- .familiar .window-content .actions-list .attack .attack-body button:hover, .familiar .window-content .attacks-list .attack .attack-body button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .familiar .window-content .actions-list .attack .attack-body .attack-button, .familiar .window-content .attacks-list .attack .attack-body .attack-button {
- background-color: var(--secondary);
- }
- .familiar .window-content .actions-list .attack .attack-body .damage-button,
- .familiar .window-content .actions-list .attack .attack-body .critical-button, .familiar .window-content .attacks-list .attack .attack-body .damage-button,
- .familiar .window-content .attacks-list .attack .attack-body .critical-button {
- background-color: var(--primary);
- }
- .familiar .window-content .actions-list .attack .attack-body .attack-description, .familiar .window-content .attacks-list .attack .attack-body .attack-description {
- min-height: 10px;
- }
- .familiar .window-content input {
- border: none;
- border-radius: 0;
- background-color: rgba(28, 28, 28, 0.1);
- }
- .familiar .window-content input:focus {
- box-shadow: none;
- }
- .familiar .window-content select {
- border: 1px solid transparent;
- background: rgba(0, 0, 0, 0.05);
- font-family: var(--body-serif);
- font-size: var(--font-size-14);
- font-weight: normal;
- }
- .familiar .window-content select:hover {
- border: 1px solid black;
- }
- .familiar .window-content .familiar-sheet-header {
- display: flex;
- flex-direction: row;
- padding: 4px 6px 0;
- }
- .familiar .window-content .familiar-sheet-header .image-container {
- display: flex;
- }
- .familiar .window-content .familiar-sheet-header .image-container img.actor-image {
- flex: 0;
- width: 125px;
- height: 100%;
- border-radius: 0;
- }
- .familiar .window-content .familiar-sheet-header .image-container [data-action=show-image] {
- bottom: 2px;
- right: 2px;
- }
- .familiar .window-content .familiar-sheet-header .header-content {
- display: flex;
- flex-direction: column;
- border-radius: 0;
- flex-grow: 1;
- margin-left: 10px;
- }
- .familiar .window-content .familiar-sheet-header .header-content .charname {
- display: flex;
- flex-direction: row;
- font-family: var(--sans-serif-condensed);
- font-size: 1.75rem;
- font-weight: 700;
- width: 100%;
- flex-wrap: nowrap;
- align-items: baseline;
- text-transform: capitalize;
- gap: 0.25em;
- }
- .familiar .window-content .familiar-sheet-header .header-content .charname input {
- font-weight: bold;
- width: calc(100% - 6px);
- border-bottom: 1px solid #d3ccbc;
- text-transform: capitalize;
- padding: 0;
- margin-right: 5px;
- font-variant: small-caps;
- color: #323232;
- }
- .familiar .window-content .familiar-sheet-header .header-content .charname input::placeholder {
- filter: opacity(0.5);
- color: #1c1c1c;
- }
- .familiar .window-content .familiar-sheet-header .header-content .charname input:focus {
- border-bottom: 1px solid #644f33;
- }
- .familiar .window-content .familiar-sheet-header .header-content .charname input:focus::placeholder {
- color: transparent;
- }
- .familiar .window-content .familiar-sheet-header .header-content .charname .charname-value {
- flex: 1 1;
- }
- .familiar .window-content .familiar-sheet-header .header-content .charname .familiar-title {
- flex: 0 1;
- text-align: right;
- margin-right: 0.1em;
- text-transform: uppercase;
- }
- .familiar .window-content .familiar-sheet-header .header-content .sub-header {
- display: flex;
- margin-bottom: 10px;
- }
- .familiar .window-content .familiar-sheet-header .header-content .sub-header .traits {
- flex: 1;
- }
- .familiar .window-content .familiar-sheet-header .header-content .traits {
- margin: 0.25em 0;
- }
- .familiar .window-content .familiar-sheet-header .header-content .traits span {
- color: white;
- font-size: 0.75em;
- font-weight: 700;
- padding: 0.25em 0.5em;
- letter-spacing: 1px;
- text-transform: uppercase;
- background-color: var(--primary);
- border: 1px solid var(--tertiary);
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section {
- display: grid;
- flex-direction: column;
- height: max-content;
- width: 150px;
- grid-template-columns: min-content 1fr;
- font-size: var(--font-size-14);
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section div {
- white-space: nowrap;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .label {
- display: flex;
- flex-direction: row;
- align-items: center;
- white-space: nowrap;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .label h4 {
- font-weight: bold;
- margin: 0 0.25em 0 0;
- padding-left: 6px;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value {
- display: flex;
- flex-direction: row;
- align-items: center;
- padding-left: 4px;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input {
- width: 2em;
- text-align: right;
- padding-right: 3px;
- border: 1px solid transparent;
- background: none;
- height: auto;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input:hover, .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value input:focus {
- border: 1px solid black;
- box-shadow: 0 0 10px #00005a;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .value .total-hp {
- flex-grow: 1;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .temp-hp {
- display: flex;
- margin-left: 8px;
- align-items: baseline;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .hp-section .temp-hp input {
- text-align: left;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section {
- display: flex;
- flex-direction: column;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- gap: 12px;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
- display: flex;
- flex-direction: column;
- align-items: center;
- column-gap: 0.5em;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .name, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .name {
- font-weight: bold;
- text-transform: capitalize;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value {
- font-style: normal;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value i, .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value i {
- margin-right: 2px;
- }
- .familiar .window-content .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
- border-right: 1px solid rgba(0, 0, 0, 0.15);
- padding-right: 12px;
- }
- .familiar .window-content .familiar-sheet-header .header-content .dying-section {
- display: flex;
- gap: 10px;
- justify-content: end;
- }
- .familiar .window-content .familiar-sheet-header .header-content .dying-section .name {
- font-weight: bold;
- }
- .familiar .window-content .familiar-sheet-header .header-content .dying-section .dots {
- display: flex;
- gap: 4px;
- align-items: baseline;
- }
- .familiar .window-content .familiar-sheet-header .header-content .dying-section .pips {
- display: flex;
- gap: 1px;
- }
- .familiar .window-content .section-container {
- margin: 6px 6px;
- }
- .familiar .window-content .section-container .section-body {
- align-items: stretch;
- flex-direction: column;
- padding: 4px;
- }
- .familiar .window-content .section-container .section-body input {
- font-family: var(--body-serif);
- font-weight: bold;
- width: calc(100% - 6px);
- border-bottom: 1px solid #d3ccbc;
- text-transform: capitalize;
- }
- .familiar .window-content .section-container .section-body input::placeholder {
- filter: opacity(0.5);
- color: #1c1c1c;
- }
- .familiar .window-content .section-container .section-body input:focus {
- border-bottom: 1px solid #644f33;
- }
- .familiar .window-content .section-container .section-body input:focus::placeholder {
- color: transparent;
- }
- .familiar .window-content .familiar-content {
- display: flex;
- flex-direction: row;
- margin-bottom: 5px;
- column-gap: 15px;
- }
- .familiar .window-content .familiar-content input {
- border: none;
- border-radius: 0;
- }
- .familiar .window-content .familiar-content input[type=text] {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .familiar .window-content .familiar-content input:focus {
- box-shadow: none;
- }
- .familiar .window-content .familiar-content h3 {
- background-color: rgba(0, 0, 0, 0.05);
- height: 26px;
- font-family: var(--body-serif);
- font-size: var(--font-size-14);
- padding: 8px 4px 6px;
- line-height: 1;
- }
- .familiar .window-content .familiar-content .familiar-species {
- flex-basis: 50%;
- }
- .familiar .window-content .familiar-content .familiar-size {
- flex-basis: 50%;
- }
- .familiar .window-content .familiar-content .familiar-modifier {
- flex-basis: 50%;
- }
- .familiar .window-content .familiar-content .familiar-modifier select {
- font-weight: bold;
- }
- .familiar .window-content .familiar-content .familiar-senses {
- flex-basis: 50%;
- height: min-content;
- }
- .familiar .window-content .familiar-content .familiar-senses .tags {
- margin: 0;
- padding: 0;
- }
- .familiar .window-content .familiar-content .familiar-senses .tags ol {
- margin: 0;
- }
- .familiar .window-content .familiar-content .familiar-speed {
- flex-basis: 30%;
- }
- .familiar .window-content .detail {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- margin-top: 3px;
- }
- .familiar .window-content .detail .detail-label {
- font-size: var(--font-size-10);
- font-weight: 800;
- line-height: 1;
- text-transform: uppercase;
- font-family: var(--sans-serif);
- color: var(--primary);
- white-space: nowrap;
- margin-bottom: 3px;
- }
- .familiar .window-content .detail h4 {
- font-size: var(--font-size-14);
- font-family: var(--serif);
- font-weight: bold;
- background-color: rgba(0, 0, 0, 0.05);
- padding-left: 2px;
- margin: none;
- }
- .familiar .window-content .top-sections {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: stretch;
- }
- .familiar .window-content .familiar-section {
- flex-basis: 50%;
- display: flex;
- flex-direction: column;
- }
- .familiar .window-content .familiar-section .familiar-detail {
- display: flex;
- flex-direction: row;
- align-items: baseline;
- justify-content: space-between;
- gap: 1em;
- }
- .familiar .window-content .main-section {
- display: flex;
- flex-direction: row;
- }
- .familiar .window-content .main-section .main-container {
- flex-grow: 2;
- }
- .familiar .window-content .skills-content {
- display: flex;
- flex-direction: column;
- width: 150px;
- gap: 10px;
- }
- .familiar .window-content .skills-content .skills-list {
- display: flex;
- column-gap: 0.25em;
- row-gap: 0.25em;
- flex-direction: column;
- justify-content: center;
- }
- .familiar .window-content .skills-content .skills-list .skill-name {
- display: flex;
- flex-direction: row;
- align-items: center;
- border: 1px solid #999;
- border-radius: 3px;
- height: 20px;
- cursor: pointer;
- font-size: var(--font-size-14);
- font-family: var(--serif);
- }
- .familiar .window-content .skills-content .skills-list .skill-name:hover {
- padding: none;
- border: 1px solid #323232;
- }
- .familiar .window-content .skills-content .skills-list .skill-name .name {
- flex: 4;
- }
- .familiar .window-content .skills-content .skills-list .skill-name .score {
- flex: 1;
- text-align: center;
- padding-left: 1em;
- color: var(--primary);
- font-weight: bold;
- }
- .familiar .window-content .skills-content .skills-attack {
- flex: 1;
- align-self: center;
- border: 1px solid transparent;
- cursor: pointer;
- }
- .familiar .window-content .skills-content .skills-attack:hover {
- border-bottom: 1px solid #323232;
- }
- .familiar .window-content .actions-list .action {
- padding-top: 4px;
- padding-bottom: 4px;
- }
- .familiar .window-content .effects-list {
- margin: 0;
- padding: 0;
- gap: 0.2em;
- }
- .familiar .window-content .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .familiar .window-content .effects-list .item p:empty {
- display: none;
- }
- .familiar .window-content .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .familiar .window-content .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .familiar .window-content .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .familiar .window-content .effects-list .item .item-controls {
- white-space: nowrap;
- font-size: var(--font-size-12);
- }
- .familiar .window-content .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .familiar .window-content .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .familiar .window-content .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .familiar .window-content .effects-list .item .item-summary .title,
- .familiar .window-content .effects-list .item .item-summary .framing {
- color: var(--primary);
- margin: 0;
- padding: 0;
- margin-top: 1em;
- }
- .familiar .window-content .effects-list .item .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .familiar .window-content .effects-list .item .item-summary .framing strong {
- font-weight: 500;
- }
- .familiar .window-content .effects-list .item .item-summary .framing + p {
- margin-top: 0;
- }
- .familiar .window-content .effects-list .item .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .familiar .window-content .effects-list .item .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--body);
- }
- .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on, .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .familiar .window-content .effects-list .item .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: black;
- text-shadow: 0 0 2px white;
- }
- .familiar .window-content .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .familiar .window-content .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .familiar .window-content .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: white;
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .familiar .window-content .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .familiar .window-content .effects-list .item {
- margin: 0;
- padding: 0;
- margin: 0.25em 0;
- }
- .sheet.hazard .section-container {
- display: flex;
- flex-direction: column;
- }
- .sheet.hazard .section-container .section-header {
- border: 1px solid #5e0000;
- border-radius: 3px 3px 0px 0px;
- background: #5e0000;
- display: flex;
- flex: 0;
- width: 100%;
- flex-direction: row;
- justify-content: space-between;
- align-items: baseline;
- text-align: left;
- color: #f5efe0;
- font-size: var(--font-size-13);
- padding: 0 8px;
- line-height: 2em;
- }
- .sheet.hazard .section-container .section-header h4 {
- flex: auto;
- display: flex;
- align-items: baseline;
- gap: 4px;
- margin-bottom: 0px;
- text-transform: uppercase;
- }
- .sheet.hazard .section-container .section-header input {
- color: inherit;
- width: auto;
- }
- .sheet.hazard .section-container .section-header .controls {
- display: flex;
- gap: 8px;
- justify-self: flex-end;
- }
- .sheet.hazard .section-container .section-body {
- border: 1px solid #5e0000;
- border-radius: 0px 0px 3px 3px;
- display: flex;
- flex: auto;
- flex-wrap: wrap;
- flex-direction: row;
- align-items: baseline;
- justify-content: flex-start;
- width: 100%;
- }
- .sheet.hazard .section-container.headerless .section-body {
- border-radius: 3px;
- }
- .sheet.hazard .actions-list, .sheet.hazard .attacks-list {
- align-items: baseline;
- margin: 0px;
- padding: 0px;
- width: 100%;
- }
- .sheet.hazard .actions-list .item-controls, .sheet.hazard .attacks-list .item-controls {
- font-size: 0.8rem;
- display: flex;
- flex-wrap: nowrap;
- align-items: baseline;
- margin-left: auto;
- }
- .sheet.hazard .actions-list .item-controls .chat, .sheet.hazard .attacks-list .item-controls .chat {
- margin-right: 3px;
- font-size: 0.9em;
- }
- .sheet.hazard .actions-list .action, .sheet.hazard .attacks-list .action {
- display: flex;
- flex: 1 0 46%;
- flex-direction: column;
- margin-left: 6px;
- margin-right: 6px;
- }
- .sheet.hazard .actions-list .action:not(:last-child), .sheet.hazard .attacks-list .action:not(:last-child) {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .sheet.hazard .actions-list .action .action-header, .sheet.hazard .attacks-list .action .action-header {
- display: flex;
- flex: 1 0 auto;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- width: 100%;
- }
- .sheet.hazard .actions-list .action .action-header .action-name, .sheet.hazard .attacks-list .action .action-header .action-name {
- display: flex;
- flex: auto;
- font-size: 0.9rem;
- }
- .sheet.hazard .actions-list .action .action-header .action-name h4, .sheet.hazard .attacks-list .action .action-header .action-name h4 {
- margin: 0px;
- margin-bottom: 0px;
- }
- .sheet.hazard .actions-list .action .action-header .action-name .action-traits, .sheet.hazard .attacks-list .action .action-header .action-name .action-traits {
- margin-left: 12px;
- }
- .sheet.hazard .actions-list .action .action-header .action-name .action-tracking, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking {
- flex: 0;
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: 16px;
- }
- .sheet.hazard .actions-list .action .action-header .action-name .action-tracking input, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking input {
- width: 0;
- flex: 0 1 48px;
- font-family: inherit;
- font-size: 0.9rem;
- background: none;
- text-align: center;
- border: 0;
- padding: 0 3px;
- height: auto;
- }
- .sheet.hazard .actions-list .action .action-header .action-name .action-tracking span, .sheet.hazard .attacks-list .action .action-header .action-name .action-tracking span {
- white-space: nowrap;
- }
- .sheet.hazard .actions-list .action .item-summary, .sheet.hazard .attacks-list .action .item-summary {
- flex: 0 1 auto;
- margin-top: 0.5em;
- }
- .sheet.hazard .actions-list .attack, .sheet.hazard .attacks-list .attack {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- margin: 8px 6px 0 6px;
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .sheet.hazard .actions-list .attack:last-child, .sheet.hazard .attacks-list .attack:last-child {
- border-bottom: none;
- }
- .sheet.hazard .actions-list .attack .attack-header, .sheet.hazard .attacks-list .attack .attack-header {
- display: flex;
- flex: 1 0 auto;
- flex-direction: row;
- align-items: baseline;
- width: 100%;
- }
- .sheet.hazard .actions-list .attack .attack-name, .sheet.hazard .attacks-list .attack .attack-name {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- gap: 2px;
- white-space: nowrap;
- margin: 0 4px 0 0;
- font-size: 0.9rem;
- font-weight: 500;
- }
- .sheet.hazard .actions-list .attack .attack-name > span, .sheet.hazard .attacks-list .attack .attack-name > span {
- gap: 3px;
- margin-right: 4px;
- display: flex;
- align-items: baseline;
- line-height: 1.125rem;
- }
- .sheet.hazard .actions-list .attack .attack-body, .sheet.hazard .attacks-list .attack .attack-body {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- width: 100%;
- padding-top: 3px;
- }
- .sheet.hazard .actions-list .attack .attack-body .flexrow,
- .sheet.hazard .actions-list .attack .attack-body .sub-section, .sheet.hazard .attacks-list .attack .attack-body .flexrow,
- .sheet.hazard .attacks-list .attack .attack-body .sub-section {
- gap: 2px;
- }
- .sheet.hazard .actions-list .attack .attack-body .sub-section, .sheet.hazard .attacks-list .attack .attack-body .sub-section {
- align-items: flex-start;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- flex: auto;
- justify-content: flex-start;
- }
- .sheet.hazard .actions-list .attack .attack-body .sub-section h4, .sheet.hazard .attacks-list .attack .attack-body .sub-section h4 {
- margin-left: 12px;
- margin-right: 12px;
- }
- .sheet.hazard .actions-list .attack .attack-body button, .sheet.hazard .attacks-list .attack .attack-body button {
- width: auto !important;
- cursor: pointer;
- margin: 0;
- padding: 0 8px;
- font-size: var(--font-size-11);
- height: 18px;
- line-height: 18px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--color-primary);
- color: #f5efe0;
- text-align: center;
- white-space: nowrap;
- border-radius: 3px;
- border: none;
- }
- .sheet.hazard .actions-list .attack .attack-body button:first-child, .sheet.hazard .attacks-list .attack .attack-body button:first-child {
- margin-left: 0px;
- }
- .sheet.hazard .actions-list .attack .attack-body button:hover, .sheet.hazard .attacks-list .attack .attack-body button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .sheet.hazard .actions-list .attack .attack-body .attack-button, .sheet.hazard .attacks-list .attack .attack-body .attack-button {
- background-color: var(--secondary);
- }
- .sheet.hazard .actions-list .attack .attack-body .damage-button,
- .sheet.hazard .actions-list .attack .attack-body .critical-button, .sheet.hazard .attacks-list .attack .attack-body .damage-button,
- .sheet.hazard .attacks-list .attack .attack-body .critical-button {
- background-color: var(--primary);
- }
- .sheet.hazard .actions-list .attack .attack-body .attack-description, .sheet.hazard .attacks-list .attack .attack-body .attack-description {
- min-height: 10px;
- }
- .sheet.hazard ul, .sheet.hazard ol {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .sheet.hazard h1, .sheet.hazard h2, .sheet.hazard h3, .sheet.hazard h4 {
- margin: 0;
- padding: 0;
- border-bottom: none;
- }
- .sheet.hazard form {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .sheet.hazard form .tagify > span {
- min-width: 20px;
- }
- .sheet.hazard form .tagify--hasMaxTags > span {
- display: none;
- }
- .sheet.hazard .window-content {
- margin: 0;
- padding: 0;
- }
- .sheet.hazard input[type=text], .sheet.hazard input[type=number] {
- margin: 0;
- padding: 0;
- background: none;
- border: 1px solid transparent;
- }
- .sheet.hazard input[type=text]:hover:not(:disabled), .sheet.hazard input[type=text]:focus, .sheet.hazard input[type=number]:hover:not(:disabled), .sheet.hazard input[type=number]:focus {
- border: 1px solid black;
- box-shadow: 0 0 10px #00005a;
- }
- .sheet.hazard .container {
- display: flex;
- background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
- height: 100%;
- overflow: hidden;
- }
- .sheet.hazard .content {
- flex: 1;
- padding-left: 5px;
- padding-right: 5px;
- padding: 0 5px 20px 5px;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .sheet.hazard form > header {
- align-items: center;
- background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
- background-blend-mode: multiply;
- background-color: #238580;
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
- color: white;
- display: flex;
- font-family: var(--sans-serif);
- font-weight: 600;
- gap: 8px;
- justify-content: space-between;
- margin-bottom: 0.1em;
- padding: 0 16px;
- text-transform: uppercase;
- width: 100%;
- }
- .sheet.hazard form > header .frame-container {
- flex: 0 0 60px;
- padding: 4px;
- margin: 16px 0;
- }
- .sheet.hazard form > header .frame-container .frame {
- width: 60px;
- height: 60px;
- }
- .sheet.hazard form > header .frame-container .image-container [data-action=show-image] {
- color: var(--color-text-dark-primary);
- }
- .sheet.hazard form > header .frame-container .actor-image {
- object-fit: cover;
- object-position: top;
- border: none;
- border-radius: 0;
- max-height: 178px;
- width: 100%;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .sheet.hazard form > header .frame-container .edit-mode-button {
- position: absolute;
- width: 20px;
- height: 20px;
- bottom: -10px;
- left: -10px;
- border-radius: 10px;
- background-color: white;
- color: black;
- cursor: pointer;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 1.05em;
- }
- .sheet.hazard form > header .details {
- margin: 4px 0;
- flex: 1;
- }
- .sheet.hazard form > header .details tags.tags.paizo-style .tagify__input::before {
- color: var(--color-text-light-7);
- }
- .sheet.hazard form > header input[type=text], .sheet.hazard form > header input[type=number] {
- color: white;
- border: none;
- border-bottom: 1px solid transparent;
- }
- .sheet.hazard form > header input[type=text]:hover:not(:disabled), .sheet.hazard form > header input[type=text]:focus, .sheet.hazard form > header input[type=number]:hover:not(:disabled), .sheet.hazard form > header input[type=number]:focus {
- border: none;
- border-bottom: 1px solid var(--text-light);
- box-shadow: none;
- }
- .sheet.hazard form > header .title {
- display: flex;
- flex-direction: row;
- align-items: baseline;
- gap: 4px;
- font-size: var(--font-size-28);
- font-family: var(--serif-condensed);
- font-weight: 700;
- }
- .sheet.hazard form > header .title .name {
- flex: 1;
- font-size: var(--font-size-32);
- }
- .sheet.hazard form > header .title .level {
- width: 32px;
- text-align: center;
- }
- .sheet.hazard .sidebar {
- border-right: 1px solid #888;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- display: flex;
- flex-direction: column;
- gap: 8px;
- height: 100%;
- padding: 10px 8px 8px 8px;
- width: 220px;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .sheet.hazard .sidebar .sidebar-title {
- display: flex;
- justify-content: space-between;
- border-bottom: 1px solid black;
- margin-bottom: 4px;
- }
- .sheet.hazard .sidebar .sidebar-title h2 {
- font-size: var(--font-size-15);
- }
- .sheet.hazard .sidebar .valued-icon {
- display: flex;
- align-items: baseline;
- }
- .sheet.hazard .sidebar .valued-icon i {
- margin-right: 4px;
- }
- .sheet.hazard .sidebar .valued-icon i + input {
- margin-left: -1px;
- }
- .sheet.hazard .sidebar .health input {
- width: 34px;
- }
- .sheet.hazard .sidebar .health input.current {
- text-align: end;
- }
- .sheet.hazard .sidebar .armor-class input {
- width: 25px;
- text-align: right;
- }
- .sheet.hazard .sidebar .health-line {
- display: flex;
- flex-direction: row;
- font-size: var(--font-size-16);
- gap: 3px;
- justify-content: center;
- }
- .sheet.hazard .sidebar .hp-details {
- width: 100%;
- }
- .sheet.hazard .sidebar .initiative {
- display: flex;
- font-size: var(--font-size-18);
- }
- .sheet.hazard .sidebar .initiative h2 {
- font-size: inherit;
- }
- .sheet.hazard .sidebar .initiative .roll-init {
- display: flex;
- align-items: center;
- }
- .sheet.hazard .sidebar .initiative .roll-init i {
- margin-right: 4px;
- }
- .sheet.hazard .sidebar .sidebar-saves {
- display: flex;
- justify-content: space-between;
- }
- .sheet.hazard .sidebar .sidebar-saves h2 {
- font-size: var(--font-size-18);
- }
- .sheet.hazard .sidebar .sidebar-saves .save {
- align-items: center;
- display: flex;
- flex: 1;
- flex-direction: column;
- font-size: var(--font-size-18);
- }
- .sheet.hazard .sidebar .sidebar-saves input {
- max-width: 50px;
- text-align: center;
- }
- .sheet.hazard .sidebar .emits-sound .hint:hover {
- text-shadow: 0 0 8px var(--color-shadow-primary);
- }
- .sheet.hazard .sidebar .emits-sound select {
- font-size: var(--font-size-12);
- }
- .sheet.hazard .sidebar .rollable {
- cursor: pointer;
- }
- .sheet.hazard .sidebar .rollable:hover {
- text-shadow: 0 0 8px var(--color-shadow-primary);
- }
- .sheet.hazard .sidebar .rollable:hover i {
- animation: rotation 2s infinite linear;
- }
- .sheet.hazard .section-container {
- padding: 4px 6px 0;
- }
- .sheet.hazard .section-container .editor {
- width: 100%;
- }
- .sheet.hazard .section-container .editor .editor-content, .sheet.hazard .section-container .editor .tox-edit-area {
- padding: 4px;
- }
- .sheet.hazard .section-container .editor .tox {
- width: 100%;
- }
- .sheet.hazard .section-container.skills > .section-body .list {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- }
- .sheet.hazard .section-container .actions-list, .sheet.hazard .section-container .attacks-list {
- border-bottom: 1px solid var(--alt);
- }
- .sheet.hazard .section-container .actions-list:last-child, .sheet.hazard .section-container .attacks-list:last-child {
- border-bottom: none;
- }
- .sheet.hazard .section-container .actions-list .action, .sheet.hazard .section-container .attacks-list .action {
- padding: 4px 0;
- }
- .sheet.hazard .source {
- margin-top: 4px;
- }
- .sheet.hazard .source .section-body {
- display: flex;
- gap: 4px;
- padding: 0 6px;
- }
- .sheet.hazard .source .section-body .source-input {
- flex: 1;
- }
- .sheet.hazard .source .section-body label {
- flex: 0;
- font-weight: bold;
- }
- .sheet.hazard .tox.tox-tinymce {
- height: 200px !important;
- }
- .sheet.hazard .hazard-editor .editor .editor-edit {
- display: none;
- }
- .npc ol.spell-list {
- margin: 0;
- padding: 0;
- border-bottom: 1px solid var(--color-border-light-2);
- flex-basis: 100%;
- gap: 1px;
- position: relative;
- width: 100%;
- z-index: 1;
- }
- .npc ol.spell-list > li {
- margin: 0;
- padding: 0;
- align-items: center;
- background: none;
- cursor: default;
- display: grid;
- grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
- justify-content: center;
- padding: 0 0.3em 1px 0.35em;
- }
- .npc ol.spell-list > li[data-expended-state=true] h4 {
- color: var(--color-disabled);
- text-decoration: line-through;
- }
- .npc ol.spell-list > li[data-expended-state=true] .cast-spell {
- background: var(--color-disabled);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- cursor: not-allowed;
- }
- .npc ol.spell-list > li:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .npc ol.spell-list > li:last-child {
- border-bottom: 1px solid var(--sub);
- }
- .npc ol.spell-list > li:last-child .item-image {
- margin-bottom: 0;
- margin-top: 2px;
- }
- .npc ol.spell-list > li.spell-level-header {
- margin: 0;
- padding: 0;
- background: rgba(96, 88, 86, 0.25);
- border: 1px solid var(--color-border-light-2);
- border-radius: 2px;
- color: var(--body);
- font: 500 var(--font-size-12) var(--sans-serif);
- letter-spacing: 0.25px;
- line-height: 1;
- padding: 0 0.5em;
- text-transform: uppercase;
- }
- .npc ol.spell-list > li.spell-level-header h3 {
- text-transform: capitalize;
- font-size: var(--font-size-13);
- margin-left: 0;
- padding: 4px 0;
- }
- .npc ol.spell-list > li.spell-level-header .item-name {
- line-height: 1;
- gap: 0.25em;
- }
- .npc ol.spell-list > li.spell-level-header .item-name h3 {
- margin: 0;
- padding: 0;
- font-weight: 700;
- }
- .npc ol.spell-list > li.spell-level-header .item-controls {
- grid-column: span 2;
- }
- .npc ol.spell-list > li .uses {
- align-items: center;
- display: flex;
- gap: 0.25em;
- line-height: 1;
- }
- .npc ol.spell-list > li.spell-level-header input, .npc ol.spell-list > li .uses input {
- background: var(--alt);
- border-radius: 3px;
- border: 1px solid var(--sub);
- color: white;
- font: var(--font-size-12) var(--sans-serif);
- height: unset;
- text-align: center;
- width: 2em;
- }
- .npc ol.spell-list > li.spell-level-header .spell-slots-increment-reset, .npc ol.spell-list > li .uses .spell-slots-increment-reset {
- padding-left: 5px;
- font-size: var(--font-size-10);
- }
- .npc ol.spell-list > li.spell {
- border: none;
- font-size: var(--font-size-13);
- }
- .npc ol.spell-list > li .level-prepared-toggle {
- flex: 0;
- font-size: 0.75rem;
- color: var(--secondary);
- }
- .npc ol.spell-list > li .item-name {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- justify-content: start;
- justify-self: start;
- min-height: 1.75rem;
- }
- .npc ol.spell-list > li .item-name h3 {
- white-space: nowrap;
- }
- .npc ol.spell-list > li .item-name + span {
- font-size: 0.75rem;
- }
- .npc ol.spell-list > li .item-name .focus-pool-input {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- }
- .npc ol.spell-list > li .item-name .slash {
- font-size: 0.75rem;
- }
- .npc ol.spell-list > li .item-name .spell-slots,
- .npc ol.spell-list > li .item-name .spell-max {
- padding-top: 3px;
- font-size: 0.75rem;
- }
- .npc ol.spell-list > li .item-name .spell-slots.infinity,
- .npc ol.spell-list > li .item-name .spell-max.infinity {
- position: relative;
- top: -2px;
- }
- .npc ol.spell-list > li .item-name .item-image {
- height: 1.5rem;
- width: 1.5rem;
- flex: 0 0 auto;
- margin: 2px 0;
- }
- .npc ol.spell-list > li .item-name h4 {
- margin: 0;
- padding: 0;
- font-size: var(--font-size-14);
- letter-spacing: -0.075em;
- line-height: 1;
- margin-left: 8px;
- cursor: pointer;
- }
- .npc ol.spell-list > li .item-name h4:hover {
- color: var(--secondary);
- }
- .npc ol.spell-list > li .item-name .activity-icon {
- margin-left: 4px;
- }
- .npc ol.spell-list > li .item-name.empty {
- grid-column: 1/span 4;
- }
- .npc ol.spell-list > li .spell-range {
- grid-area: range;
- padding-left: 0.2em;
- }
- .npc ol.spell-list > li .spell-components {
- grid-area: components;
- justify-self: right;
- padding: 0 0.5em;
- }
- .npc ol.spell-list > li .spell-components .tag {
- font: var(--font-size-12) var(--sans-serif-condensed);
- }
- .npc ol.spell-list > li .spell-cast {
- grid-area: cast-spell;
- display: flex;
- justify-content: center;
- }
- .npc ol.spell-list > li .item-controls {
- grid-area: controls;
- display: flex;
- justify-self: end;
- padding-right: 0.25em;
- }
- .npc ol.spell-list > li button.cast-spell {
- align-items: center;
- background: var(--secondary);
- border-radius: 2px;
- border: black;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: white;
- cursor: pointer;
- display: flex;
- font: 700 0.55rem var(--sans-serif);
- justify-self: center;
- letter-spacing: 0.25px;
- max-width: fit-content;
- padding: 0.5em 1em;
- text-transform: uppercase;
- }
- .npc ol.spell-list > li .item-summary {
- grid-area: content;
- width: 100%;
- padding: 8px;
- border-bottom: 1px solid var(--sub);
- border-top: 1px solid #aca5a3;
- background-color: var(--bg);
- }
- .npc ol.spell-list[data-category=spontaneous] .virtual {
- position: relative;
- }
- .npc ol.spell-list[data-category=spontaneous] .virtual::before {
- pointer-events: none;
- content: "";
- position: absolute;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 5, 255, 0.1137254902);
- mix-blend-mode: saturation;
- }
- .npc ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- }
- .npc ol.spell-list .level-prepared-header {
- font-size: 0.75rem;
- color: white;
- margin: 0;
- padding: 4px;
- text-align: center;
- background: var(--secondary);
- position: relative;
- }
- .npc ol.spell-list .spell .item-name {
- width: 100%;
- }
- .npc ol.spell-list input.toggle-signature-spell[type=checkbox] {
- width: 12px;
- height: 12px;
- margin: 0 2px 0 0;
- flex: 0 0 auto;
- }
- .npc ol.spell-list .spellbook-empty {
- display: flex;
- align-items: center;
- min-height: 28px;
- justify-content: flex-end;
- }
- .npc ol.spell-list .spellbook-empty h4 {
- margin: 0;
- white-space: nowrap;
- margin-right: auto;
- }
- .npc ol.spell-list .spellbook-empty a {
- flex: 0 1 0;
- white-space: nowrap;
- margin-left: 8px;
- }
- .npc .npc-skills-editor {
- display: flex;
- flex-direction: column;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-items: baseline;
- overflow-y: scroll;
- overflow-x: hidden;
- font-size: 0.8rem;
- }
- .npc .npc-skills-editor .header {
- font-weight: bold;
- text-transform: uppercase;
- padding: 4px;
- background-color: #5e0000 !important;
- color: white;
- }
- .npc .npc-skills-editor .skills-list {
- list-style: none;
- padding: 0px;
- }
- .npc .npc-skills-editor .skills-list .skill {
- display: grid;
- flex: auto;
- width: 100%;
- grid-template-columns: auto 32px 48px;
- grid-template-rows: auto;
- column-gap: 18px;
- padding: 4px;
- }
- .npc .npc-skills-editor .skills-list .skill:nth-child(even) {
- background-color: #ede3c8;
- }
- .npc .npc-skills-editor .skills-list .skill:nth-child(odd) {
- background-color: #f5efe0;
- }
- .npc .npc-skills-editor .skills-list .skill .item-controls {
- text-align: right;
- }
- .npc .npc-skills-editor .skills-list .sub-section {
- background-color: #171f69;
- color: white;
- grid-template-columns: auto;
- text-transform: uppercase;
- padding: 4px;
- margin-top: 12px;
- }
- .npc .npc-skills-editor .btn {
- padding: 4px;
- margin: 0px 4px;
- background-color: #171f69;
- border-radius: 4px;
- color: white;
- text-align: center;
- }
- .npc .npc-skills-editor .footer {
- margin: 0 auto;
- }
- .npc.data-entry form {
- columns: 2;
- }
- .npc.data-entry form .form-group {
- display: flex;
- }
- .npc .npc-sheet {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- color: #323232;
- }
- .npc .npc-sheet .expandable {
- display: none;
- }
- .npc .npc-sheet .section-container.inventory-toggles {
- padding: 4px 6px 6px 6px;
- }
- .npc .npc-sheet .inventory-section {
- flex: 1 0 auto;
- padding: 0px;
- margin: 0px;
- }
- .npc .npc-sheet .inventory-section .coinage {
- margin-bottom: 8px;
- }
- .npc .npc-sheet .inventory-section .coinage .currency {
- background-color: #171f69;
- }
- .npc .npc-sheet .inventory-section .coinage .wealth {
- background-color: #5e0000;
- }
- .npc .npc-sheet .inventory-section .inventory-list > :first-child {
- border-radius: 3px 3px 0px 0px;
- }
- .npc .npc-sheet .inventory-section .inventory-list .inventory-header {
- background-color: #171f69;
- display: flex;
- flex: 1;
- flex-flow: row nowrap;
- color: white;
- align-items: baseline;
- }
- .npc .npc-sheet .inventory-section .inventory-list .inventory-header h4 {
- margin: 0px;
- }
- .npc .npc-sheet .inventory-section .inventory-list .inventory-header div {
- border: none;
- }
- .npc .npc-sheet .inventory-section .inventory-list .item {
- border-left: 1px solid #5e0000;
- border-right: 1px solid #5e0000;
- border-bottom: 1px solid #5e0000;
- }
- .npc .npc-sheet .inventory-section .inventory-list .item:not(:last-child) {
- border-bottom: 1px solid #7a7971;
- }
- .npc .npc-sheet .inventory-section .inventory-list .item .item-image {
- border: 2px solid #7a7971;
- border-radius: 3px;
- margin: 2px 4px 2px 6px;
- }
- .npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=common] .item-name h4 {
- border-color: #323232;
- color: #323232;
- }
- .npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=uncommon] .item-name h4 {
- border-color: #98513d;
- color: #98513d;
- }
- .npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=rare] .item-name h4 {
- border-color: #002664;
- color: #002664;
- }
- .npc .npc-sheet .inventory-section .inventory-list .item[data-item-rarity=unique] .item-name h4 {
- border-color: #54166e;
- color: #54166e;
- }
- .npc .npc-sheet .inventory-section .inventory-list .item .controls .item-toggle-equip {
- color: rgba(0, 0, 0, 0.4);
- }
- .npc .npc-sheet .inventory-section .inventory-list .item .controls .item-toggle-equip.active {
- color: rgba(0, 0, 0, 0.75);
- }
- .npc .npc-sheet .inventory-section .footer {
- display: flex;
- flex: 1 0 auto;
- width: 100%;
- justify-content: center;
- align-items: baseline;
- background-color: #5e0000;
- color: #f5efe0;
- border-radius: 0px 0px 3px 3px;
- }
- .npc .npc-sheet .entries-list {
- list-style: none;
- padding: 2px;
- margin: 0;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry {
- display: block;
- width: 100%;
- margin: 0px;
- border: 1px solid var(--sub);
- border-radius: 4px;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry:not(:first-child) {
- margin-top: 0.5rem;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header {
- background-color: #5e0000;
- color: #f5efe0;
- display: flex;
- flex: 1 0 auto;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: space-between;
- align-items: baseline;
- padding: 4px 0.5em;
- border-radius: 3px 3px 0px 0px;
- gap: 0.25em;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header .drag-handle {
- cursor: move;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name {
- flex: 1;
- margin: 0 4px 0 0;
- padding-right: 6px;
- width: max-content;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input {
- color: white;
- max-width: 100%;
- font-weight: 500;
- border: none;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:focus, .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:hover {
- box-shadow: none;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header h4.name input:read-only {
- pointer-events: none;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field {
- flex: 0;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
- align-items: baseline;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field label {
- margin-left: 2px;
- flex: 1;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field input {
- margin-left: 4px;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field .attack-input, .npc .npc-sheet .entries-list .spellcasting-entry .header .inline-field .dc-input {
- flex: 1 0 32px;
- text-align: center;
- background-color: #f5efe0;
- font-weight: bold;
- width: 32px;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header .ability-score select {
- max-width: 55px;
- padding: 2px !important;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header .item-controls {
- display: flex;
- justify-content: space-between;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .header .item-controls a {
- padding: 2px;
- }
- .npc .npc-sheet .entries-list .spellcasting-entry .spell-level-header input {
- background: #f5efe0;
- border: 1px solid transparent;
- color: var(--body);
- flex: 1 0 2rem;
- font-weight: 700;
- height: 18px;
- text-align: center;
- width: 2rem;
- }
- .npc .npc-sheet .footer {
- display: flex;
- flex: 1;
- justify-content: center;
- margin-top: 12px;
- }
- .npc .npc-sheet .footer button.spellcasting-create {
- cursor: pointer;
- margin: 8px;
- padding: 6px 12px;
- font-size: var(--font-size-10);
- line-height: 16px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: #5e0000;
- color: #f5efe0;
- text-align: center;
- white-space: nowrap;
- border-radius: 3px;
- border: none;
- }
- .npc .npc-sheet .effects .section-body .effects-list {
- gap: 0.2em;
- padding-left: 0px;
- padding-right: 5px;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item p:empty {
- display: none;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-controls {
- white-space: nowrap;
- font-size: var(--font-size-12);
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .title,
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing {
- color: var(--primary);
- margin: 0;
- padding: 0;
- margin-top: 1em;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing strong {
- font-weight: 500;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .framing + p {
- margin-top: 0;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--body);
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on:hover, .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on, .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: black;
- text-shadow: 0 0 2px white;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: white;
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .npc .npc-sheet .effects .section-body .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .npc .npc-sheet .section-container {
- display: flex;
- flex-direction: column;
- }
- .npc .npc-sheet .section-container .section-header {
- border: 1px solid #5e0000;
- border-radius: 3px 3px 0px 0px;
- background: #5e0000;
- display: flex;
- flex: 0;
- width: 100%;
- flex-direction: row;
- justify-content: space-between;
- align-items: baseline;
- text-align: left;
- color: #f5efe0;
- font-size: var(--font-size-13);
- padding: 0 8px;
- line-height: 2em;
- }
- .npc .npc-sheet .section-container .section-header h4 {
- flex: auto;
- display: flex;
- align-items: baseline;
- gap: 4px;
- margin-bottom: 0px;
- text-transform: uppercase;
- }
- .npc .npc-sheet .section-container .section-header input {
- color: inherit;
- width: auto;
- }
- .npc .npc-sheet .section-container .section-header .controls {
- display: flex;
- gap: 8px;
- justify-self: flex-end;
- }
- .npc .npc-sheet .section-container .section-body {
- border: 1px solid #5e0000;
- border-radius: 0px 0px 3px 3px;
- display: flex;
- flex: auto;
- flex-wrap: wrap;
- flex-direction: row;
- align-items: baseline;
- justify-content: flex-start;
- width: 100%;
- }
- .npc .npc-sheet .section-container.headerless .section-body {
- border-radius: 3px;
- }
- .npc .npc-sheet .actions-list, .npc .npc-sheet .attacks-list {
- align-items: baseline;
- margin: 0px;
- padding: 0px;
- width: 100%;
- }
- .npc .npc-sheet .actions-list .item-controls, .npc .npc-sheet .attacks-list .item-controls {
- font-size: 0.8rem;
- display: flex;
- flex-wrap: nowrap;
- align-items: baseline;
- margin-left: auto;
- }
- .npc .npc-sheet .actions-list .item-controls .chat, .npc .npc-sheet .attacks-list .item-controls .chat {
- margin-right: 3px;
- font-size: 0.9em;
- }
- .npc .npc-sheet .actions-list .action, .npc .npc-sheet .attacks-list .action {
- display: flex;
- flex: 1 0 46%;
- flex-direction: column;
- margin-left: 6px;
- margin-right: 6px;
- }
- .npc .npc-sheet .actions-list .action:not(:last-child), .npc .npc-sheet .attacks-list .action:not(:last-child) {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .npc .npc-sheet .actions-list .action .action-header, .npc .npc-sheet .attacks-list .action .action-header {
- display: flex;
- flex: 1 0 auto;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- width: 100%;
- }
- .npc .npc-sheet .actions-list .action .action-header .action-name, .npc .npc-sheet .attacks-list .action .action-header .action-name {
- display: flex;
- flex: auto;
- font-size: 0.9rem;
- }
- .npc .npc-sheet .actions-list .action .action-header .action-name h4, .npc .npc-sheet .attacks-list .action .action-header .action-name h4 {
- margin: 0px;
- margin-bottom: 0px;
- }
- .npc .npc-sheet .actions-list .action .action-header .action-name .action-traits, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-traits {
- margin-left: 12px;
- }
- .npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking {
- flex: 0;
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: 16px;
- }
- .npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking input, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking input {
- width: 0;
- flex: 0 1 48px;
- font-family: inherit;
- font-size: 0.9rem;
- background: none;
- text-align: center;
- border: 0;
- padding: 0 3px;
- height: auto;
- }
- .npc .npc-sheet .actions-list .action .action-header .action-name .action-tracking span, .npc .npc-sheet .attacks-list .action .action-header .action-name .action-tracking span {
- white-space: nowrap;
- }
- .npc .npc-sheet .actions-list .action .item-summary, .npc .npc-sheet .attacks-list .action .item-summary {
- flex: 0 1 auto;
- margin-top: 0.5em;
- }
- .npc .npc-sheet .actions-list .attack, .npc .npc-sheet .attacks-list .attack {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- margin: 8px 6px 0 6px;
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .npc .npc-sheet .actions-list .attack:last-child, .npc .npc-sheet .attacks-list .attack:last-child {
- border-bottom: none;
- }
- .npc .npc-sheet .actions-list .attack .attack-header, .npc .npc-sheet .attacks-list .attack .attack-header {
- display: flex;
- flex: 1 0 auto;
- flex-direction: row;
- align-items: baseline;
- width: 100%;
- }
- .npc .npc-sheet .actions-list .attack .attack-name, .npc .npc-sheet .attacks-list .attack .attack-name {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- gap: 2px;
- white-space: nowrap;
- margin: 0 4px 0 0;
- font-size: 0.9rem;
- font-weight: 500;
- }
- .npc .npc-sheet .actions-list .attack .attack-name > span, .npc .npc-sheet .attacks-list .attack .attack-name > span {
- gap: 3px;
- margin-right: 4px;
- display: flex;
- align-items: baseline;
- line-height: 1.125rem;
- }
- .npc .npc-sheet .actions-list .attack .attack-body, .npc .npc-sheet .attacks-list .attack .attack-body {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- width: 100%;
- padding-top: 3px;
- }
- .npc .npc-sheet .actions-list .attack .attack-body .flexrow,
- .npc .npc-sheet .actions-list .attack .attack-body .sub-section, .npc .npc-sheet .attacks-list .attack .attack-body .flexrow,
- .npc .npc-sheet .attacks-list .attack .attack-body .sub-section {
- gap: 2px;
- }
- .npc .npc-sheet .actions-list .attack .attack-body .sub-section, .npc .npc-sheet .attacks-list .attack .attack-body .sub-section {
- align-items: flex-start;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- flex: auto;
- justify-content: flex-start;
- }
- .npc .npc-sheet .actions-list .attack .attack-body .sub-section h4, .npc .npc-sheet .attacks-list .attack .attack-body .sub-section h4 {
- margin-left: 12px;
- margin-right: 12px;
- }
- .npc .npc-sheet .actions-list .attack .attack-body button, .npc .npc-sheet .attacks-list .attack .attack-body button {
- width: auto !important;
- cursor: pointer;
- margin: 0;
- padding: 0 8px;
- font-size: var(--font-size-11);
- height: 18px;
- line-height: 18px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--color-primary);
- color: #f5efe0;
- text-align: center;
- white-space: nowrap;
- border-radius: 3px;
- border: none;
- }
- .npc .npc-sheet .actions-list .attack .attack-body button:first-child, .npc .npc-sheet .attacks-list .attack .attack-body button:first-child {
- margin-left: 0px;
- }
- .npc .npc-sheet .actions-list .attack .attack-body button:hover, .npc .npc-sheet .attacks-list .attack .attack-body button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .npc .npc-sheet .actions-list .attack .attack-body .attack-button, .npc .npc-sheet .attacks-list .attack .attack-body .attack-button {
- background-color: var(--secondary);
- }
- .npc .npc-sheet .actions-list .attack .attack-body .damage-button,
- .npc .npc-sheet .actions-list .attack .attack-body .critical-button, .npc .npc-sheet .attacks-list .attack .attack-body .damage-button,
- .npc .npc-sheet .attacks-list .attack .attack-body .critical-button {
- background-color: var(--primary);
- }
- .npc .npc-sheet .actions-list .attack .attack-body .attack-description, .npc .npc-sheet .attacks-list .attack .attack-body .attack-description {
- min-height: 10px;
- }
- .npc .npc-sheet .npc-sheet-header {
- display: flex;
- flex: 1 0 auto;
- flex-direction: column;
- }
- .npc .npc-sheet .npc-sheet-header .name {
- font-family: var(--sans-serif-condensed);
- font-size: 1.75rem;
- font-weight: 700;
- width: 100%;
- flex-wrap: nowrap;
- }
- .npc .npc-sheet .npc-sheet-header .name input {
- font-weight: inherit;
- height: 32px;
- }
- .npc .npc-sheet .npc-sheet-header .name .name-value {
- font-variant: small-caps;
- margin-left: 6px;
- margin-right: 18px;
- }
- .npc .npc-sheet .npc-sheet-header .name .level-label {
- flex: 0;
- text-align: right;
- margin-right: 0.1em;
- text-transform: uppercase;
- }
- .npc .npc-sheet .npc-sheet-header .name input.level {
- flex: 0 0 40px;
- text-align: center;
- }
- .npc .npc-sheet .npc-sheet-header .paizo-style {
- border: none;
- margin-top: 2px;
- padding-left: 0;
- padding-right: 0;
- }
- .npc .npc-sheet hr {
- margin: 10px 6px 10px 0;
- }
- .npc .npc-sheet .side-bar {
- flex: 160px 0 0;
- height: 100%;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .npc .npc-sheet .side-bar .image-container {
- border: 1px solid var(--color-border-dark);
- }
- .npc .npc-sheet .side-bar .image-container img.actor-image {
- border: none;
- }
- .npc .npc-sheet .side-bar .armor-section .armor-value {
- flex: 0;
- text-align: right;
- font-weight: 700;
- padding-right: 4px;
- }
- .npc .npc-sheet .side-bar .health-section .side-bar-label, .npc .npc-sheet .side-bar .shield-section .side-bar-label {
- align-items: center;
- }
- .npc .npc-sheet .side-bar .health-section .hit-points, .npc .npc-sheet .side-bar .shield-section .hit-points {
- display: flex;
- flex-direction: row;
- flex: 0;
- margin-left: auto;
- }
- .npc .npc-sheet .side-bar .health-section .hit-points input.current, .npc .npc-sheet .side-bar .shield-section .hit-points input.current {
- width: 36px;
- text-align: right;
- padding-right: 3px;
- }
- .npc .npc-sheet .side-bar .health-section .hit-points .slash, .npc .npc-sheet .side-bar .health-section .hit-points .max, .npc .npc-sheet .side-bar .shield-section .hit-points .slash, .npc .npc-sheet .side-bar .shield-section .hit-points .max {
- align-items: center;
- display: flex;
- }
- .npc .npc-sheet .side-bar .health-section .hit-points .max, .npc .npc-sheet .side-bar .shield-section .hit-points .max {
- font-weight: 700;
- margin-right: 4px;
- text-align: center;
- }
- .npc .npc-sheet .side-bar .health-section .hit-points .max.lt10, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt10 {
- width: 8px;
- }
- .npc .npc-sheet .side-bar .health-section .hit-points .max.lt100, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt100 {
- width: 24px;
- }
- .npc .npc-sheet .side-bar .health-section .hit-points .max.lt1000, .npc .npc-sheet .side-bar .shield-section .hit-points .max.lt1000 {
- width: 36px;
- }
- .npc .npc-sheet .side-bar .shield-section .shield-details {
- display: flex;
- flex: auto;
- flex-direction: row;
- justify-content: flex-start;
- align-items: baseline;
- }
- .npc .npc-sheet .side-bar .shield-section .shield-details .label {
- flex: 0;
- font-weight: bold;
- }
- .npc .npc-sheet .side-bar .shield-section .shield-details .value {
- flex: auto;
- font-weight: normal;
- margin-left: 6px !important;
- }
- .npc .npc-sheet .side-bar .shield-section.broken {
- color: rgba(0, 0, 0, 0.4);
- }
- .npc .npc-sheet .side-bar .shield-section.broken .shield-label {
- color: rgba(0, 0, 0, 0.4);
- }
- .npc .npc-sheet .side-bar .shield-section.broken .shield-label h4 {
- text-decoration: line-through;
- }
- .npc .npc-sheet .side-bar .shield-section.broken .shield-value {
- color: rgba(0, 0, 0, 0.4);
- }
- .npc .npc-sheet .side-bar .shield-section.broken .shield-value .shield-current {
- color: rgba(0, 0, 0, 0.4);
- }
- .npc .npc-sheet .side-bar .shield-section.broken .shield-value .shield-max {
- color: rgba(0, 0, 0, 0.4);
- }
- .npc .npc-sheet .side-bar .speed-section {
- text-align: left;
- }
- .npc .npc-sheet .side-bar .speed-section .land-speed-value {
- flex: 0 0 30px;
- text-align: right;
- }
- .npc .npc-sheet .side-bar .speed-section .land-speed .speed-details {
- flex: 1;
- }
- .npc .npc-sheet .side-bar .speed-section .other-speeds {
- display: flex;
- justify-content: left;
- align-items: left;
- width: 100%;
- flex-wrap: wrap;
- }
- .npc .npc-sheet .side-bar .saves {
- margin-top: 12px;
- display: flex;
- flex-direction: row;
- width: 100%;
- flex: 1 0 auto;
- font-size: 1.1rem;
- }
- .npc .npc-sheet .side-bar .saves .container {
- display: flex;
- flex-direction: column;
- text-align: center;
- }
- .npc .npc-sheet .side-bar .saves .container label {
- font-weight: 600;
- }
- .npc .npc-sheet .side-bar .saves .container input.modifier {
- text-align: center;
- z-index: 1;
- }
- .npc .npc-sheet .side-bar-section {
- display: flex;
- flex: auto;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .npc .npc-sheet .side-bar-section .controls {
- padding-right: 4px;
- }
- .npc .npc-sheet .side-bar-section.initiative a.roll-init {
- display: flex;
- flex-wrap: nowrap;
- font-weight: 700;
- margin-left: auto;
- margin-bottom: 2px;
- padding-right: 0.5em;
- }
- .npc .npc-sheet .side-bar-section.initiative a.roll-init i.fa-dice-d20 {
- font-size: 1rem;
- margin-right: 0.2em;
- }
- .npc .npc-sheet .side-bar-section.initiative select {
- background: none;
- text-transform: unset;
- }
- .npc .npc-sheet .side-bar-section-content {
- display: flex;
- width: 100%;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-items: flex-start;
- padding-top: 2px;
- }
- .npc .npc-sheet .side-bar-section-header {
- display: flex;
- width: 100%;
- font-size: 1rem;
- border-bottom: 1px solid;
- border-color: #7a7971;
- margin-top: 10px;
- margin-bottom: 0px;
- }
- .npc .npc-sheet .side-bar-section-header .side-bar-label {
- display: flex;
- flex: auto;
- flex-direction: row;
- align-items: flex-start;
- }
- .npc .npc-sheet .side-bar-section-header .side-bar-label .fa {
- font-size: 0.8rem;
- }
- .npc .npc-sheet .side-bar-section-header .side-bar-label h4 {
- font-size: 0.8rem;
- margin-bottom: 0px;
- padding-left: 2px;
- }
- .npc .npc-sheet .sheet-body {
- flex: auto;
- }
- .npc .npc-sheet .sheet-body .tab {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .npc .npc-sheet .sheet-body .tab .identification-skills ul {
- display: inline;
- list-style-type: none;
- padding: 0;
- }
- .npc .npc-sheet .sheet-body .tab .identification-skills ul li {
- display: inline;
- }
- .npc .npc-sheet .sheet-body .tab .identification-skills ul li:not(:last-of-type):after {
- content: ",";
- }
- .npc .npc-sheet input.adjustable:not(:focus), .npc .npc-sheet span.adjustable, .npc .npc-sheet div.adjustable {
- display: inline;
- text-align: right;
- }
- .npc .npc-sheet input.adjustable:not(:focus).adjusted-higher, .npc .npc-sheet span.adjustable.adjusted-higher, .npc .npc-sheet div.adjustable.adjusted-higher {
- color: #009988;
- }
- .npc .npc-sheet input.adjustable:not(:focus).adjusted-lower, .npc .npc-sheet span.adjustable.adjusted-lower, .npc .npc-sheet div.adjustable.adjusted-lower {
- color: #cc3311;
- }
- .npc .npc-sheet .controls {
- font-size: 0.8rem;
- display: flex;
- flex-wrap: nowrap;
- align-items: baseline;
- margin-left: auto;
- gap: 1px;
- }
- .npc .npc-sheet .controls .chat {
- margin-right: 3px;
- font-size: 0.9em;
- }
- .npc .npc-sheet .controls > a.item-control {
- padding-left: 4px;
- }
- .npc .npc-sheet .disabled {
- color: #ababab;
- border-color: #ababab;
- }
- .npc .npc-sheet .disabled:hover, .npc .npc-sheet .disabled.active {
- color: #323232;
- border-color: #7a7971;
- }
- .npc .npc-sheet .trait {
- flex: auto 0 0;
- padding: 4px;
- background: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: var(--color-text-trait);
- font-size: 0.9em;
- font-weight: 500;
- text-transform: uppercase;
- }
- .npc .npc-sheet .effects-list {
- display: flex;
- flex: 1 0 auto;
- flex-direction: row;
- flex-wrap: wrap;
- width: 100%;
- }
- .npc .npc-sheet .effects-list .separator {
- flex: 0 0 1px;
- height: 32px;
- margin-right: 4px;
- border-left: 2px solid #323232;
- }
- .npc .npc-sheet .effects-list > .effect {
- display: flex;
- flex: 0 0 32px;
- height: 32px;
- margin-right: 4px;
- margin-bottom: 4px;
- border-bottom: none !important;
- }
- .npc .npc-sheet .effects-list > .effect .item-image {
- background-size: cover;
- border: 1px solid #323232;
- border-bottom: 1px solid #323232;
- border-radius: 3px;
- width: 32px;
- }
- .npc .npc-sheet .effects-list > .effect .item-image:hover {
- border: 1px solid #f5efe0;
- border-radius: 3px;
- }
- .npc .npc-sheet .actions-options .actions-option {
- display: flex;
- align-items: center;
- width: 100%;
- }
- .npc .npc-sheet .actions-options .actions-option label {
- width: 100%;
- }
- .npc .npc-sheet .actions-options .actions-option label * {
- display: inline;
- vertical-align: middle;
- }
- .npc .npc-sheet .actions-options .actions-option label input {
- margin: 0;
- padding: 0;
- }
- .npc .npc-sheet .actions-options .actions-option select {
- background: none;
- text-transform: none;
- }
- .npc .npc-sheet .actions-list {
- width: 97%;
- }
- .npc .npc-sheet .actions-list .action {
- width: 100%;
- margin-top: 6px;
- }
- .npc .npc-sheet .labelled-field {
- display: flex;
- flex-direction: row;
- align-items: baseline;
- }
- .npc .npc-sheet .labelled-field label {
- flex: 1;
- font-weight: bold;
- }
- .npc .npc-sheet .labelled-field input[type=text],
- .npc .npc-sheet .labelled-field input[type=number] {
- flex: 0;
- font-weight: normal;
- margin: 1px 4px;
- margin-left: auto;
- min-width: 2.5em;
- padding-right: 1px;
- text-align: right;
- }
- .npc .npc-sheet .labelled-field.hp-temp > label {
- margin-right: 0.5em;
- }
- .npc .npc-sheet .top-sections {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .npc .npc-sheet .top-sections .skills {
- flex: 3;
- align-self: stretch;
- }
- .npc .npc-sheet .top-sections .senses {
- flex: 2;
- }
- .npc .npc-sheet .top-sections .senses .perception {
- width: 100%;
- }
- .npc .npc-sheet .top-sections .senses .perception label {
- flex-basis: 5em;
- }
- .npc .npc-sheet .top-sections .senses .perception input {
- flex: 0 0 24px;
- z-index: 1;
- }
- .npc .npc-sheet .top-sections .ability-scores {
- flex: 2;
- flex-direction: column;
- }
- .npc .npc-sheet .top-sections .ability-scores .list {
- display: grid;
- padding-left: 0.75em;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
- .npc .npc-sheet .top-sections .ability-scores .list input {
- flex: 0 0 24px;
- margin-right: 1em;
- z-index: 1;
- }
- .npc .npc-sheet .section-container {
- padding: 4px 6px 0;
- }
- .npc .npc-sheet .section-container .section-body {
- padding: 4px;
- }
- .npc .npc-sheet .section-container.headerless .section-body {
- border-radius: 3px;
- }
- .npc .npc-sheet .section-container.skills > .section-body .list {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- }
- .npc .npc-sheet .section-container.recall-knowledge .section-header {
- align-items: center;
- }
- .npc .npc-sheet .section-container.recall-knowledge .section-header .breakdown {
- width: auto;
- cursor: pointer;
- font-size: var(--font-size-9);
- line-height: 15px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: #171f69;
- color: #f5efe0;
- font-family: var(--sans-serif);
- text-transform: uppercase;
- border-radius: 3px;
- border: none;
- padding: 2px 4px 0;
- }
- .npc .npc-sheet .section-container.recall-knowledge .section-header .breakdown:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .npc .npc-sheet .section-container.languages {
- flex: 1;
- }
- .npc .npc-sheet .tag {
- line-height: 0.8rem;
- }
- .npc .npc-sheet select {
- flex: auto 0 0;
- padding: 4px !important;
- height: auto !important;
- font-family: var(--sans-serif);
- font-weight: 500;
- text-transform: uppercase;
- }
- .npc .npc-sheet select option {
- color: var(--text-light);
- background-color: var(--alt);
- }
- .npc .npc-sheet .adjustment-select .adjustment.active {
- background-color: #5e0000;
- color: #f5efe0;
- }
- .npc .npc-sheet .adjustment-select .adjustment:not(.active) {
- background-color: #7a7971;
- color: #f5efe0;
- }
- .npc .npc-sheet .npc-body {
- display: flex;
- flex: auto;
- flex-direction: column;
- height: 100%;
- width: 100%;
- overflow-y: hidden;
- }
- .npc .npc-sheet .notes {
- padding-right: 15px;
- }
- .npc .npc-sheet .notes.active {
- display: flex;
- flex-direction: column;
- }
- .npc .npc-sheet .notes .details-label {
- padding: 4px;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- font-weight: 800;
- line-height: 1;
- text-transform: uppercase;
- color: var(--primary);
- margin-right: 2px;
- white-space: nowrap;
- }
- .npc .npc-sheet .notes .notes-section {
- flex: 1 0 auto;
- display: flex;
- flex-direction: column;
- }
- .npc .npc-sheet .notes .notes-text {
- margin-left: 8px;
- padding: 4px;
- color: #333;
- flex-grow: 1;
- }
- .npc .npc-sheet .notes .notes-text .editor {
- height: 100%;
- }
- .npc .npc-sheet .notes .notes-text .editor .editor-edit {
- background: var(--primary);
- color: white;
- }
- .npc .npc-sheet .notes .notes-text .editor .editor-content {
- min-height: 75px;
- height: 100%;
- }
- .npc .npc-sheet .notes .source {
- flex-shrink: 0;
- }
- .npc .npc-sheet .notes .source .section-body {
- border-width: 2px;
- }
- .npc .npc-sheet .notes .source label {
- margin-right: 4px;
- flex: 0;
- font-weight: 700;
- }
- .npc .npc-sheet .notes .source .source-input {
- flex: 2;
- }
- .npc .npc-sheet.dead .profile {
- background-size: cover;
- background-color: #dbd9cd;
- box-sizing: border-box;
- border: 1px solid black;
- border-radius: 2px;
- }
- .npc .npc-sheet.dead .profile > img {
- border: none;
- width: 100%;
- opacity: 0.33;
- }
- .npc .npc-sheet.dead h2.name {
- margin-top: 3px;
- text-align: center;
- border-bottom: none;
- }
- .sheet.actor.loot .inventory .inventory-list {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- height: 100%;
- margin-bottom: 2px;
- }
- .sheet.actor.loot .inventory .inventory-list .item-name h4 {
- flex: 2;
- margin: 0;
- }
- .sheet.actor.loot .inventory .inventory-list .item-name .prepared {
- margin-left: 3px;
- font-size: var(--font-size-10);
- }
- .sheet.actor.loot .inventory .inventory-list .item-sell-value,
- .sheet.actor.loot .inventory .inventory-list .item-quantity,
- .sheet.actor.loot .inventory .inventory-list .item-weight {
- border-left: 1px solid var(--secondary-background);
- color: #666;
- }
- .sheet.actor.loot .inventory .inventory-list .item-controls {
- flex: 0 0 70px;
- border-left: 1px solid var(--secondary-background);
- }
- .sheet.actor.loot .inventory .inventory-list .inventory-header {
- font-weight: 700;
- background: var(--primary-background);
- margin: 0;
- padding: 0;
- border-bottom: 1px solid var(--secondary-background);
- }
- .sheet.actor.loot .inventory .inventory-list .inventory-header .item-name,
- .sheet.actor.loot .inventory .inventory-list .inventory-header .item-sell-value,
- .sheet.actor.loot .inventory .inventory-list .inventory-header .item-quantity,
- .sheet.actor.loot .inventory .inventory-list .inventory-header .item-weight,
- .sheet.actor.loot .inventory .inventory-list .inventory-header .item-controls {
- line-height: 1.8em;
- color: white;
- height: 100%;
- }
- .sheet.actor.loot .inventory .inventory-list .inventory-header .item-name {
- margin: 0;
- font-weight: bold;
- flex: 1;
- }
- .sheet.actor.loot .inventory .inventory-list .inventory-header .item-controls {
- color: white;
- }
- .sheet.actor.loot .inventory .inventory-list li {
- padding: 0;
- border-bottom: 1px solid var(--secondary-background);
- }
- .sheet.actor.loot .inventory .inventory-list .item {
- line-height: 1.8em;
- }
- .sheet.actor.loot .inventory .inventory-list .item .item-controls a {
- font-size: var(--font-size-10);
- color: #666;
- }
- .sheet.actor.loot .inventory-list .item .item-controls a.item-toggle-equip,
- .sheet.actor.loot .pf2e.actor .item.action-header .item-controls a.item-toggle-equip {
- display: none;
- }
- .sheet.actor.loot form {
- display: flex;
- flex-direction: row;
- height: 100%;
- }
- .sheet.actor.loot section.sidebar {
- display: flex;
- flex-direction: column;
- width: 200px;
- height: 100%;
- border-right: 1px solid #888;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- }
- .sheet.actor.loot section.sidebar > * {
- flex: 0;
- }
- .sheet.actor.loot section.sidebar .image-container {
- display: flex;
- }
- .sheet.actor.loot section.sidebar .image-container > img.actor-image {
- flex: none;
- border: none;
- border-bottom: 1px solid #888;
- }
- .sheet.actor.loot section.sidebar .image-container [data-action=show-image] {
- bottom: 3px;
- right: 2px;
- }
- .sheet.actor.loot section.sidebar .gm-settings, .sheet.actor.loot section.sidebar .sidebar-meta {
- display: flex;
- flex-direction: column;
- padding: 0.25rem;
- }
- .sheet.actor.loot section.sidebar .gm-settings {
- border-bottom: 1px solid #888;
- }
- .sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background-color: var(--tertiary);
- }
- .sheet.actor.loot section.sidebar .gm-settings label {
- display: flex;
- align-items: center;
- font-weight: bold;
- }
- .sheet.actor.loot section.sidebar .sidebar-meta {
- border-top: 1px solid #888;
- }
- .sheet.actor.loot section.sidebar .hidden-when-empty, .sheet.actor.loot section.sidebar .bulk {
- align-self: end;
- }
- .sheet.actor.loot section.sidebar .bulk {
- line-height: 1.5em;
- margin-right: 8px;
- }
- .sheet.actor.loot section.sidebar > .editor, .sheet.actor.loot section.sidebar .description {
- flex-basis: auto;
- min-height: 40px;
- flex: 1;
- }
- .sheet.actor.loot section.sidebar > .editor > .tox-tinymce .tox-edit-area {
- min-height: 120px;
- }
- .sheet.actor.loot section.sidebar .description, .sheet.actor.loot section.sidebar .editor-content {
- padding: 0.25rem;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .sheet.actor.loot section.content {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
- .sheet.actor.loot .sheet-header {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: 0.2rem;
- padding-top: 0.25rem;
- border-bottom: 1px solid #888;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- }
- .sheet.actor.loot .sheet-header h1 {
- margin: 0;
- border: none;
- flex: 1;
- padding-left: 0.5rem;
- }
- .sheet.actor.loot .sheet-header h1 > input {
- height: 40px;
- width: 100%;
- margin: 2px;
- border: none;
- }
- .sheet.actor.loot .sheet-header h1, .sheet.actor.loot .sheet-header input {
- font-family: var(--serif-condensed);
- font-size: var(--font-size-36);
- font-weight: 700;
- }
- .sheet.actor.loot .sheet-header .sheet-type i.fas {
- padding: 0 2px;
- }
- .sheet.actor.loot .sheet-header .traits-bar {
- flex: 0 0 auto;
- margin-left: auto;
- align-self: center;
- font-size: var(--font-size-16);
- margin-right: 0.5em;
- }
- .sheet.actor.loot .sheet-header .traits-bar > .trait {
- padding: 0.1em 0.4em;
- height: unset;
- }
- .sheet.actor.loot .sheet-header .traits-bar > .trait option {
- background-color: #5e0000;
- color: white;
- }
- .sheet.actor.loot .sheet-header .currency {
- margin-bottom: 8px;
- }
- .sheet.actor.loot .sheet-body {
- padding: 0.5rem;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .loot-actor-popup .confirm-button {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- width: calc(100% - 6px);
- background-color: var(--tertiary);
- }
- .loot-actor-popup .checkboxes label {
- display: block;
- padding-right: 10px;
- padding-left: 22px;
- text-indent: -22px;
- }
- .loot-actor-popup .checkboxes input {
- vertical-align: middle;
- }
- .loot-actor-popup .checkboxes label span {
- vertical-align: middle;
- }
- .sheet.party {
- /** White background navigation with little decorations on the left and right */
- }
- .sheet.party form {
- display: flex;
- flex-direction: column;
- height: 100%;
- background: url("../assets/sheet/background.webp");
- background-repeat: no-repeat;
- background-size: cover;
- background-attachment: local;
- }
- .sheet.party form > header {
- background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- background-color: #2f9d50;
- background-blend-mode: multiply;
- color: white;
- width: 100%;
- font-family: var(--sans-serif);
- text-transform: uppercase;
- font-weight: 600;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 0.75rem;
- gap: 8px;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
- }
- .sheet.party form > header .frame-container {
- flex: 0 0 60px;
- padding: 4px;
- margin: 0.75rem 0;
- }
- .sheet.party form > header .frame-container .frame {
- position: relative;
- width: 2.5rem;
- height: 2.5rem;
- }
- .sheet.party form > header .frame-container .player-image {
- object-fit: cover;
- object-position: top;
- border: none;
- border-radius: 0;
- width: 100%;
- cursor: pointer;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .sheet.party form > header .details {
- margin: 4px 0;
- flex: 1;
- }
- .sheet.party form > header input[type=text], .sheet.party form > header input[type=number] {
- color: white;
- border: none;
- border-bottom: 1px solid transparent;
- }
- .sheet.party form > header input[type=text]:hover, .sheet.party form > header input[type=text]:focus, .sheet.party form > header input[type=number]:hover, .sheet.party form > header input[type=number]:focus {
- border: none;
- border-bottom: 1px solid var(--text-light);
- box-shadow: none;
- }
- .sheet.party form > header .title {
- display: flex;
- flex-direction: row;
- align-items: baseline;
- gap: 4px;
- font-size: var(--font-size-28);
- font-family: var(--serif-condensed);
- font-weight: 700;
- }
- .sheet.party form > header .title .name {
- flex: 1;
- font-size: var(--font-size-32);
- }
- .sheet.party nav.sheet-navigation {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- height: 20px;
- background: var(--secondary);
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- transition: all 0.1s ease-out;
- box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- border-bottom: 1px solid rgba(255, 255, 255, 0.5);
- position: relative;
- }
- .sheet.party nav.sheet-navigation .navigation-title {
- color: var(--text-light);
- margin-right: auto;
- padding-left: 1em;
- white-space: nowrap;
- width: 7em;
- }
- .sheet.party nav.sheet-navigation > a {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 0 6px;
- font-size: var(--font-size-12);
- }
- .sheet.party nav.sheet-navigation .item {
- height: 24px;
- width: 24px;
- border-radius: 50%;
- z-index: 1;
- transition: all 0.1s ease-out;
- color: var(--tertiary);
- fill: var(--tertiary);
- background-image: url("../assets/sheet/nav-item-inactive.webp");
- background-size: contain;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
- }
- .sheet.party nav.sheet-navigation .item.active {
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
- }
- .sheet.party nav.sheet-navigation .item:last-child {
- margin-right: 10px;
- }
- .sheet.party nav.sheet-navigation .item:hover, .sheet.party nav.sheet-navigation .item.active {
- z-index: 2;
- transform: scale(1.2);
- color: var(--text-light);
- fill: var(--text-light);
- background-image: url("../assets/sheet/nav-item.webp");
- }
- .sheet.party nav.sheet-navigation .item .fas {
- padding-bottom: 0;
- }
- .sheet.party nav.sheet-navigation .item:hover .pfs-icon {
- filter: drop-shadow(0 0 8px var(--color-shadow-primary));
- }
- .sheet.party nav.sheet-navigation .item .action-icon {
- align-self: baseline;
- display: inline-block;
- font-family: Pathfinder2eActions;
- font-size: 1.4rem;
- line-height: 1;
- max-height: 0.75rem;
- }
- .sheet.party nav.sub-nav {
- margin: 0;
- padding: 0;
- display: flex;
- flex-wrap: nowrap;
- justify-content: center;
- align-items: center;
- list-style: none;
- background-color: var(--bg);
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
- width: 100%;
- flex: 0 0 44px;
- }
- .sheet.party nav.sub-nav::before, .sheet.party nav.sub-nav::after {
- content: "";
- width: 37px;
- height: 16px;
- background: url("../assets/sheet/sub-nav-decoration.webp");
- margin: 0 16px;
- }
- .sheet.party nav.sub-nav::after {
- transform: scaleX(-100%);
- }
- .sheet.party nav.sub-nav a, .sheet.party nav.sub-nav .tab {
- border-left: 1px solid rgba(255, 255, 255, 0.3);
- border-right: 1px solid rgba(0, 0, 0, 0.2);
- color: var(--alt);
- cursor: pointer;
- display: block;
- font: 400 var(--font-size-16) var(--serif);
- flex: 1;
- margin: 0 0.25rem;
- max-width: 30%;
- text-align: center;
- text-decoration: none;
- transition: all 0.1s ease-out;
- }
- .sheet.party nav.sub-nav a.active, .sheet.party nav.sub-nav .tab.active {
- color: var(--primary);
- font-weight: 600;
- }
- .sheet.party nav.sub-nav a:first-child, .sheet.party nav.sub-nav .tab:first-child {
- border-left: none;
- }
- .sheet.party nav.sub-nav a:last-child, .sheet.party nav.sub-nav .tab:last-child {
- border-right: none;
- }
- .sheet.party nav.sub-nav a:hover, .sheet.party nav.sub-nav .tab:hover {
- text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
- }
- .sheet.party .tab nav.sub-nav {
- padding-right: 20px;
- }
- .sheet.party .actor-link {
- cursor: pointer;
- }
- .sheet.party .container {
- height: 100%;
- overflow: hidden;
- }
- .sheet.party .content {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- flex: 1;
- }
- .sheet.party .tab.active {
- display: flex;
- height: 100%;
- }
- .sheet.party .item-list.directory-list {
- gap: 0.2em;
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- width: 100%;
- }
- .sheet.party .item-list.directory-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .sheet.party .item-list.directory-list .item p:empty {
- display: none;
- }
- .sheet.party .item-list.directory-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .sheet.party .item-list.directory-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .sheet.party .item-list.directory-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .sheet.party .item-list.directory-list .item .item-controls {
- white-space: nowrap;
- font-size: var(--font-size-12);
- }
- .sheet.party .item-list.directory-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .sheet.party .item-list.directory-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .sheet.party .item-list.directory-list .item .item-summary {
- flex-basis: 100%;
- }
- .sheet.party .item-list.directory-list .item .item-summary .title,
- .sheet.party .item-list.directory-list .item .item-summary .framing {
- color: var(--primary);
- margin: 0;
- padding: 0;
- margin-top: 1em;
- }
- .sheet.party .item-list.directory-list .item .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .sheet.party .item-list.directory-list .item .item-summary .framing strong {
- font-weight: 500;
- }
- .sheet.party .item-list.directory-list .item .item-summary .framing + p {
- margin-top: 0;
- }
- .sheet.party .item-list.directory-list .item .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .sheet.party .item-list.directory-list .item .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--body);
- }
- .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on:hover, .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on, .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .sheet.party .item-list.directory-list .item .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: black;
- text-shadow: 0 0 2px white;
- }
- .sheet.party .item-list.directory-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .sheet.party .item-list.directory-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .sheet.party .item-list.directory-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: white;
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .sheet.party .item-list.directory-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .sheet.party .item-list.directory-list .item {
- margin: 2px 0;
- border: solid transparent;
- border-width: 0 0 1px;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- }
- .sheet.party .item-list.directory-list .item .item-summary {
- margin-top: 8px;
- }
- .sheet.party .sidebar {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- border-right: 1px solid #888;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- display: flex;
- flex-direction: column;
- gap: 8px;
- height: 100%;
- padding: 0.5rem;
- width: 13.5rem;
- }
- .sheet.party .sidebar .box {
- border: 1px solid rgba(0, 0, 0, 0.28);
- filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
- font-family: var(--sans-serif);
- border-radius: 3px;
- font-size: var(--font-size-12);
- }
- .sheet.party .sidebar .box header, .sheet.party .sidebar .box footer {
- margin: -1px;
- padding: 0.25rem;
- }
- .sheet.party .sidebar .box header {
- background-color: var(--sub);
- border-radius: 3px 3px 0 0;
- color: white;
- font-weight: 700;
- }
- .sheet.party .sidebar .box footer {
- background-color: var(--bg-dark);
- border-radius: 0 0 3px 3px;
- color: var(--sub);
- border: 1px solid rgba(0, 0, 0, 0.28);
- border-top: none;
- }
- .sheet.party .tag-light {
- --tag-color: #424242;
- border: 1px solid var(--tag-color);
- border-radius: 2px;
- color: var(--tag-color);
- padding: 0 4px 0.1em 4px;
- height: 1.25rem;
- white-space: nowrap;
- font-size: var(--font-size-13);
- font-variant: all-small-caps;
- font-weight: 500;
- display: flex;
- align-items: center;
- }
- .sheet.party [data-tab=inventory] .inventory-members {
- display: flex;
- color: var(--alt-dark);
- flex-direction: column;
- font-family: var(--sans-serif);
- padding: 0;
- margin: 0;
- gap: 0.5rem;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .summary-data > div {
- align-items: center;
- display: flex;
- margin: 0.5rem 0.25rem 0.5rem 0.5rem;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .summary-data > div label {
- flex: 1;
- font-weight: 600;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .actor-link {
- align-items: center;
- display: grid;
- grid-template-areas: "image name " "image value";
- grid-template-columns: auto 1fr;
- padding: 0.5rem;
- overflow: hidden;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .actor-link img {
- border: none;
- grid-area: image;
- width: 2rem;
- height: 2rem;
- margin-right: 0.4rem;
- object-fit: contain;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .actor-link .name {
- grid-area: name;
- font-weight: 700;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .actor-link .value {
- grid-area: value;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .inventory-data {
- display: flex;
- gap: 0.25rem;
- padding: 2px 3px;
- font-size: var(--font-size-12);
- }
- .sheet.party [data-tab=inventory] .inventory {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- flex: 1;
- padding: 0 4px;
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .sheet.party [data-tab=overview] .summary {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- padding: 0.5rem;
- margin: 16px 16px 8px 16px;
- }
- .sheet.party [data-tab=overview] .summary label {
- color: var(--alt-dark);
- font-family: var(--serif);
- font-weight: 500;
- line-height: 1em;
- }
- .sheet.party [data-tab=overview] .summary .tags {
- margin: 0;
- }
- .sheet.party [data-tab=overview] .member-breakdown {
- display: flex;
- flex-direction: row;
- font-family: var(--sans-serif);
- padding: 0.5rem 16px;
- position: relative;
- }
- .sheet.party [data-tab=overview] .member-breakdown:not(:last-child):after {
- content: "";
- background-color: rgba(68, 55, 48, 0.1);
- width: 100%;
- height: 1px;
- position: absolute;
- bottom: 0;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image {
- position: relative;
- min-width: 5.75rem;
- height: 5.75rem;
- margin-right: 8px;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image img {
- position: absolute;
- border: none;
- height: 100%;
- width: 100%;
- object-fit: contain;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image .ac {
- position: absolute;
- left: 0;
- right: 0;
- bottom: -0.5rem;
- margin-left: auto;
- margin-right: auto;
- font-weight: 600;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: end;
- width: 2.5rem;
- height: 2.8rem;
- padding-bottom: 0.55rem;
- filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image .ac::before, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac::after {
- content: "";
- background: url("../assets/sheet/accent-decoration.webp");
- position: absolute;
- right: 50%;
- bottom: 0.15rem;
- width: 2.85rem;
- height: 1.254rem;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image .ac:after {
- transform: scaleX(-1);
- transform-origin: right center;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .shield, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac label, .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .value {
- z-index: 1;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .shield {
- position: absolute;
- inset: 0;
- background: url("../assets/sheet/shield-blue.webp") no-repeat center bottom;
- background-size: contain;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image .ac label {
- color: var(--tertiary-dark);
- font-size: var(--font-size-12);
- font-variant: all-small-caps;
- line-height: 1em;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-image .ac .value {
- color: white;
- font-size: var(--font-size-18);
- line-height: 1em;
- }
- .sheet.party [data-tab=overview] .member-breakdown .member-data {
- display: flex;
- border-left: 1px solid #C9BFA9;
- flex-direction: column;
- min-height: 100%;
- padding-left: 8px;
- flex: 1;
- }
- .sheet.party [data-tab=overview] .member-breakdown .name {
- align-items: center;
- display: flex;
- font-family: var(--serif);
- font-size: var(--font-size-20);
- font-weight: 600;
- line-height: 1em;
- }
- .sheet.party [data-tab=overview] .member-breakdown .name .hero-points {
- display: flex;
- flex: 1;
- align-items: center;
- justify-content: flex-end;
- gap: 2px;
- }
- .sheet.party [data-tab=overview] .member-breakdown .name .hero-points .empty {
- border: 2px dashed rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- width: 1.2rem;
- height: 1.2rem;
- }
- .sheet.party [data-tab=overview] .member-breakdown .name .hero-points img {
- border: none;
- width: 1.2rem;
- height: 1.2rem;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats {
- display: flex;
- gap: 0.5rem;
- margin-bottom: 0.25rem;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats > div {
- border: 1px solid rgba(0, 0, 0, 0.28);
- border-radius: 2px;
- height: 2.6rem;
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex: 1 1 0;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .score {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: var(--font-size-18);
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .score label {
- font-size: var(--font-size-10);
- font-weight: 500;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .health-section {
- flex: 1;
- min-width: 9rem;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .health {
- padding-right: 0.5rem;
- margin-right: 0.125rem;
- justify-content: center;
- gap: 0.5rem;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .max {
- font-weight: 500;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .value, .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .max {
- display: inline-block;
- font-variant-numeric: tabular-nums;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .health .value {
- text-align: end;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .saving-throws {
- flex: 0.85;
- min-width: 5.5rem;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .saving-throws .score {
- flex: 1;
- font-weight: 500;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses {
- flex: 1.4;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses .value {
- display: flex;
- font-size: var(--font-size-12);
- gap: 0.125rem;
- align-items: center;
- overflow: hidden;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses [data-acuity=imprecise], .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses [data-acuity=vague] {
- border-style: dashed;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .senses .blank {
- font-size: var(--font-size-14);
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores {
- flex: 1.2;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- gap: 2px 8px;
- padding: 8px;
- width: 100%;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid .score {
- flex-direction: row;
- font-size: var(--font-size-12);
- justify-content: space-between;
- align-items: center;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .ability-scores .ability-score-grid .score label {
- font-size: var(--font-size-12);
- font-weight: 600;
- }
- .sheet.party [data-tab=overview] .member-breakdown .main-stats .master {
- flex: 1.15;
- font-size: var(--font-size-16);
- }
- .sheet.party [data-tab=overview] .member-breakdown .skills {
- display: flex;
- flex-wrap: wrap;
- gap: 0.25rem;
- }
- .sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="1"] {
- --tag-color: #171f69;
- }
- .sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="2"] {
- --tag-color: #3c005e;
- }
- .sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="3"] {
- --tag-color: #664400;
- }
- .sheet.party [data-tab=overview] .member-breakdown .skills .tag-light[data-rank="4"] {
- --tag-color: #5e0000;
- }
- .sheet.party [data-tab=overview] .member-breakdown .skills .perception {
- color: white;
- background-color: var(--tag-color);
- }
- .sheet.party [data-tab=orphaned] .item-list {
- margin: 16px;
- }
- /* Mystification data revealed to GMs */
- .gm-mystified-data {
- opacity: 0.75;
- }
- #compendium-browser > section.window-content > .content-box, #license-viewer > section.window-content > .content-box {
- flex: 1;
- overflow: hidden;
- height: inherit;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-], #license-viewer > section.window-content > .content-box div[class^=slider-] {
- height: 10px;
- width: 80%;
- border: 1px solid black;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base {
- background: #dddddd;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle {
- background: none;
- border: none;
- box-shadow: none;
- color: white;
- cursor: grab;
- font-size: var(--font-size-16);
- height: 14px;
- right: -7px;
- text-shadow: 0 0 4px black;
- top: -4px;
- width: 14px;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active {
- cursor: grabbing;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle {
- background: #c85019;
- border-radius: 2px;
- border: 1px solid black;
- box-shadow: 1px 1px 4px black;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after {
- background: none;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
- cursor: pointer;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip {
- display: none;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip {
- display: block;
- background-color: rgba(0, 0, 0, 0.9);
- color: white;
- line-height: 18px;
- padding: 6px 14px;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected, #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected {
- background: rgba(255, 255, 240, 0.8);
- }
- #compendium-browser > section.window-content > .content-box > nav, #license-viewer > section.window-content > .content-box > nav {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- flex: 0;
- width: 100%;
- display: inline-flex;
- justify-content: space-evenly;
- align-items: center;
- background: var(--secondary);
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- }
- #compendium-browser > section.window-content > .content-box > nav > a, #license-viewer > section.window-content > .content-box > nav > a {
- color: var(--sidebar-label);
- padding: 4px 0;
- font-family: var(--sans-serif);
- font-size: var(--font-size-12);
- position: relative;
- }
- #compendium-browser > section.window-content > .content-box > nav > a.active::after, #license-viewer > section.window-content > .content-box > nav > a.active::after {
- bottom: -2px;
- right: 39%;
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 4px solid var(--sidebar-label);
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings, #license-viewer > section.window-content > .content-box .compendium-browser-settings {
- height: 100%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form, #license-viewer > section.window-content > .content-box .compendium-browser-settings form {
- display: flex;
- height: 88%;
- flex-direction: column;
- margin-bottom: 10px;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section {
- border: 1px solid #bbb;
- border-radius: 5px;
- margin-top: 5px;
- padding: 2px;
- /* Checkbox */
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section h3, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section h3 {
- margin: 0;
- cursor: pointer;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt {
- width: 10%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox], #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox] {
- transform: none;
- flex: none;
- height: auto;
- margin: 3px 3px;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dd, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dd {
- width: 88%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dl, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dl {
- margin: 5px 0;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dt, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dt {
- display: inline-block;
- width: 40%;
- padding-left: 5px;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dd, #license-viewer > section.window-content > .content-box .compendium-browser-settings form dd {
- display: inline-block;
- width: 58%;
- margin-left: 0;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container {
- overflow-y: auto;
- display: flex;
- flex-wrap: wrap;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: center;
- width: 100%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column {
- width: 100%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container h2, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container h2 {
- margin-top: 1em;
- margin-bottom: 0.5em;
- width: 100%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container div, #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container div {
- width: 365px;
- margin-right: 1em;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- flex: 0;
- width: 100%;
- display: inline-flex;
- justify-content: space-evenly;
- align-items: center;
- background: var(--secondary);
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a {
- color: var(--sidebar-label);
- padding: 4px 0;
- font-family: var(--sans-serif);
- font-size: var(--font-size-12);
- position: relative;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after, #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after {
- bottom: -2px;
- right: 39%;
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 4px solid var(--sidebar-label);
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings nav, #license-viewer > section.window-content > .content-box .compendium-browser-settings nav {
- border-width: unset;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings button.save-settings, #license-viewer > section.window-content > .content-box .compendium-browser-settings button.save-settings {
- background: rgba(0, 0, 0, 0.1);
- border: 2px groove var(--color-border-light-highlight);
- }
- #compendium-browser > section.window-content > .content-box .spell-browser, #license-viewer > section.window-content > .content-box .spell-browser {
- display: flex;
- min-height: 100px;
- height: 100%;
- /* Sort and filter areas */
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .control-area, #license-viewer > section.window-content > .content-box .spell-browser .control-area {
- position: sticky;
- display: block;
- min-width: 320px;
- width: 320px;
- padding-right: 5px;
- overflow: auto;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
- border: 1px solid #bbb;
- border-radius: 5px;
- margin-top: 5px;
- padding: 2px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- height: 22px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title h3, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title h3 {
- margin: 0;
- cursor: pointer;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title button, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title button {
- width: fit-content;
- line-height: 22px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox], #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox] {
- transform: none;
- flex: none;
- height: auto;
- margin: 3px 3px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction {
- padding: 2px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dt, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dt {
- width: 10%;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dd, #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dd {
- width: 82%;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio], #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio] {
- margin: 0 5px 0 3px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer div, #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer div {
- text-align: center;
- margin-top: 5px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer input, #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer input {
- width: 45%;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex, #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex {
- display: flex;
- justify-content: space-around;
- align-items: baseline;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex label, #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex label {
- width: 10px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser dl, #license-viewer > section.window-content > .content-box .spell-browser dl {
- margin: 5px 0;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser dt, #license-viewer > section.window-content > .content-box .spell-browser dt {
- display: inline-block;
- padding-left: 5px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser dd, #license-viewer > section.window-content > .content-box .spell-browser dd {
- text-transform: capitalize;
- display: inline-block;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser dd select, #license-viewer > section.window-content > .content-box .spell-browser dd select {
- width: 6em;
- margin-left: 0.5em;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list {
- width: 100%;
- float: right;
- display: block;
- margin: 0;
- height: 100%;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- overflow: visible scroll;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li {
- line-height: var(--font-size-32);
- margin: 2px 0;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd), #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd) {
- background-color: rgba(0, 0, 0, 0.12);
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > *, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > * {
- align-self: center;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .image, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .image {
- height: 32px;
- max-width: 32px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .name, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .name {
- line-height: 1em;
- padding-left: 5px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .tags, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .tags {
- justify-content: center;
- margin-left: 0.5em;
- max-width: 6em;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .tags .tag, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .tags .tag {
- line-height: var(--font-size-10);
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .level, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .level {
- flex-grow: 1;
- font-weight: 900;
- height: 32px;
- max-width: 18px;
- text-align: center;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .price, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .price {
- flex: none;
- height: 32px;
- margin-right: 10px;
- min-width: 5em;
- text-align: right;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .end, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .end {
- font-weight: 900;
- height: 32px;
- margin-right: 3px;
- max-width: 100px;
- text-align: right;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover, #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover {
- background-color: rgba(255, 255, 255, 0.25);
- cursor: grab;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser #tagfilter input, #license-viewer > section.window-content > .content-box .spell-browser #tagfilter input {
- width: 100%;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .hint, #license-viewer > section.window-content > .content-box .spell-browser .hint {
- font-size: var(--font-size-12);
- border: 1px solid rgba(0, 255, 5, 0.2784313725);
- border-radius: 5px;
- padding: 3px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .spacer, #license-viewer > section.window-content > .content-box .spell-browser .spacer {
- display: inline-block;
- min-width: 5px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .spacer-large, #license-viewer > section.window-content > .content-box .spell-browser .spacer-large {
- display: inline-block;
- min-width: 15px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .equipment-controls, #license-viewer > section.window-content > .content-box .spell-browser .equipment-controls {
- margin-left: 0.25em;
- margin-right: 0.25em;
- max-width: 1em;
- width: 1em;
- }
- #compendium-browser > section.window-content > .content-box > section.content, #license-viewer > section.window-content > .content-box > section.content {
- height: 92%;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active {
- height: inherit;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div {
- display: grid;
- grid-template-columns: 320px auto;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area {
- grid-column-start: 1;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div ul, #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div ul {
- grid-column-start: 2;
- }
- .pf2e.item.sheet h3 {
- border-bottom: none;
- }
- .pf2e.item.sheet button > i {
- margin-right: 0;
- }
- .pf2e.item.sheet .sheet-header {
- display: flex;
- flex: 0 0 70px;
- align-items: bottom;
- width: 100%;
- padding-bottom: 6px;
- border-bottom: 1px solid var(--secondary-background);
- }
- .pf2e.item.sheet .sheet-header img {
- border: none;
- object-fit: contain;
- flex: 0 0 64px;
- margin-right: 6px;
- }
- .pf2e.item.sheet .sheet-header .details {
- display: flex;
- flex-wrap: wrap;
- align-items: baseline;
- }
- .pf2e.item.sheet .sheet-header .details input, .pf2e.item.sheet .sheet-header .details .level {
- font-family: var(--serif-condensed);
- font-size: var(--font-size-36);
- font-weight: 700;
- }
- .pf2e.item.sheet .sheet-header input[type=text], .pf2e.item.sheet .sheet-header input[type=number] {
- border: none;
- height: var(--font-size-34);
- }
- .pf2e.item.sheet .sheet-header input[type=text]:hover, .pf2e.item.sheet .sheet-header input[type=text]:focus, .pf2e.item.sheet .sheet-header input[type=number]:hover, .pf2e.item.sheet .sheet-header input[type=number]:focus {
- box-shadow: none;
- }
- .pf2e.item.sheet .sheet-header input[name=name] {
- flex: 1;
- }
- .pf2e.item.sheet .sheet-header .level {
- flex: 0;
- white-space: nowrap;
- margin-left: auto;
- padding-left: 8px;
- }
- .pf2e.item.sheet .sheet-header .level i {
- font-size: 0.6em;
- margin-right: 4px;
- margin-bottom: 4px;
- }
- .pf2e.item.sheet .sheet-header .level input {
- width: 40px;
- text-align: center;
- }
- .pf2e.item.sheet .sheet-header .feat-action-cost {
- font-size: 2.5rem;
- margin-top: -0.6rem;
- margin-bottom: -0.3rem;
- padding-left: 0.4rem;
- }
- .pf2e.item.sheet .sheet-header .paizo-style {
- flex-basis: 100%;
- width: 0;
- border: none;
- margin-top: 2px;
- padding-left: 0;
- padding-right: 0;
- }
- .pf2e.item.sheet .sheet-body {
- height: calc(100% - 35px);
- overflow: hidden;
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- }
- .pf2e.item.sheet.affliction form .affliction-stage .link:not(.linked) {
- opacity: 0.6;
- color: #a00;
- }
- .pf2e.item.sheet.deity form .tab.item-details select {
- max-width: fit-content;
- }
- .pf2e.item.sheet.feat form .item-details .form-group > label {
- min-width: fit-content;
- margin-right: 1em;
- }
- .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry {
- flex-wrap: nowrap;
- width: 100%;
- white-space: nowrap;
- max-width: 100%;
- }
- .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry label {
- flex: 0;
- }
- .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone {
- background-color: rgba(0, 0, 0, 0.05);
- border-radius: 2px;
- border: 1px dotted var(--alt-dark);
- display: flex;
- font-weight: normal;
- justify-content: center;
- margin: 2px 3px 0 auto;
- max-width: 8em;
- padding: 3px;
- position: relative;
- }
- .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone span {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone.ancestry-ref-broken {
- background-color: rgba(255, 0, 0, 0.15);
- border-color: var(--primary);
- }
- .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone a.remove-ancestry {
- display: none;
- position: absolute;
- right: -0.5em;
- top: -0.25em;
- }
- .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone a.remove-ancestry:hover {
- display: flex;
- }
- .pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone:hover a.remove-ancestry {
- display: flex;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items {
- padding: 0;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item {
- display: grid;
- grid-template-columns: 26px 30px auto 10px;
- align-items: center;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item:nth-of-type(even) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name {
- line-height: 1em;
- height: 1em;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name .fa.fa-globe {
- padding: 0 3px;
- float: right;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items ul {
- padding-left: 0.5em;
- margin-top: 0;
- grid-column: 1/5;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items ul:empty {
- display: none;
- }
- .pf2e.item.sheet.melee form .sheet-body .item-details .form-group.attack-modifier label, .pf2e.item.sheet.melee form .sheet-body .item-details li.damage-partial form-group label {
- max-width: fit-content;
- }
- .pf2e.item.sheet.melee form .sheet-body .item-details .form-group.attack-modifier input, .pf2e.item.sheet.melee form .sheet-body .item-details li.damage-partial form-group input {
- max-width: 6ch;
- }
- .pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial {
- align-items: center;
- display: flex;
- gap: 1em;
- }
- .pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial input {
- max-width: 12ch;
- }
- .pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial .type {
- gap: 0.25em;
- }
- .pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial .remove-partial {
- margin: 0 0.5em 0 auto;
- }
- .pf2e.item.sheet.spell form .damage-formulas {
- margin-top: 8px;
- }
- .pf2e.item.sheet.spell form .damage-formulas .details-container-flex-row {
- gap: 2px;
- margin-top: 4px;
- }
- .pf2e.item.sheet.spell form .damage-formulas input[type=checkbox] {
- margin-left: 2px;
- }
- .pf2e.item.sheet.spell form .damage-formulas .traits-list {
- display: flex;
- margin-top: 2px;
- }
- .pf2e.item.sheet.spell form .damage-formulas .tag {
- float: none;
- }
- .pf2e.item.sheet.spell form button[data-action=damage-add] {
- margin-top: 4px;
- }
- .pf2e.item.sheet.spell form .variants .variant {
- display: grid;
- grid-template-columns: 1fr 1fr 0.2fr;
- }
- .pf2e.item.sheet.spell form .variants .variant .item-controls {
- justify-self: end;
- }
- .pf2e.item.sheet.weapon form .item-details label {
- min-width: 9em;
- }
- .pf2e.item.sheet.weapon form .item-details .precious-material select {
- width: 19.5em;
- }
- .pf2e.item.sheet form {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs {
- border: 1px solid var(--color-border-light-2);
- border-radius: 3px;
- padding: 0;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs.empty {
- background-color: rgba(120, 100, 82, 0.1);
- height: 28px;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li {
- align-items: center;
- display: grid;
- grid-template-columns: 26px auto 2em 1em;
- padding: 1px;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li:nth-of-type(even) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li .name {
- display: block;
- margin-left: 0.25em;
- line-height: 1em;
- height: 1em;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li .name .fa.fa-globe {
- padding: 0 3px;
- float: right;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li .level {
- font-weight: bold;
- height: 1.25em;
- text-align: center;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li a.remove {
- padding: 0 2px;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs ul {
- grid-column: 1/5;
- margin-top: 0;
- padding-left: 0.5em;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs ul:empty {
- display: none;
- }
- .pf2e.item.sheet form .item-ref-list {
- align-items: start;
- }
- .pf2e.item.sheet form .form-group.form-group-trait {
- height: auto;
- margin: 2px 0;
- }
- .pf2e.item.sheet form .form-group.form-group-trait label {
- vertical-align: top;
- }
- .pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list {
- list-style: none;
- margin: 0;
- padding: 0;
- display: flex;
- flex-wrap: wrap;
- }
- .pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list span.tag {
- float: none;
- }
- .pf2e.item.sheet form .form-group.other-weapons input {
- flex: 2;
- }
- .pf2e.item.sheet form .form-group.other-weapons select {
- flex: 1;
- }
- .pf2e.item.sheet form .form-group.additional-language input {
- flex: 0.5;
- }
- .pf2e.item.sheet form .form-group.additional-language span {
- flex: 2.5;
- padding-left: 4px;
- }
- .pf2e.item.sheet form .item-activations {
- padding: 8px 8px 0;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .pf2e.item.sheet form .item-activations .activation + .activation, .pf2e.item.sheet form .item-activations .activation + button {
- margin-top: 0.5em;
- }
- .pf2e.item.sheet form .item-activations .activation .editor {
- min-height: 28px;
- }
- .pf2e.item.sheet form .item-activations header {
- font-size: 1.05em;
- margin-bottom: 0.25em;
- line-height: 1.25em;
- }
- .pf2e.item.sheet form .item-activations .activation-time {
- flex: 1;
- height: 20px;
- }
- .pf2e.item.sheet form .item-activations .frequency {
- flex: 1;
- gap: 4px;
- padding-right: 6px;
- }
- .pf2e.item.sheet form .item-activations .frequency input[type=number] {
- border: none;
- background: none;
- text-align: right;
- margin: 0 0 0 24px;
- }
- .pf2e.item.sheet form .item-activations .frequency > select:first-child {
- margin-left: 24px;
- }
- .pf2e.item.sheet form .item-activations .frequency.empty {
- text-align: right;
- }
- .pf2e.item.sheet form .item-activations .tags {
- margin-top: 4px;
- }
- .pf2e.item.sheet form .item-activations .tags label {
- margin-right: 3px;
- }
- .pf2e.item.sheet form .item-activations .tox {
- min-height: 150px;
- }
- .pf2e.item.sheet form .identify-popup {
- min-width: 300px;
- }
- .pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status label {
- color: #353535;
- font-weight: 500;
- }
- .pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status select {
- max-width: fit-content;
- margin-right: auto;
- }
- .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
- .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified > * {
- display: flex;
- }
- .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified img {
- height: 40px;
- width: 40px;
- }
- .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified input {
- margin-left: 4px;
- width: 50%;
- }
- .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified .editor {
- height: auto;
- min-height: 100px;
- margin: 4px auto;
- min-width: 100%;
- }
- .pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified .tox.tox-tinymce {
- min-height: 200px;
- }
- .pf2e.item.sheet form .item-rules {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .pf2e.item.sheet form .item-rules select {
- font-size: var(--font-size-12);
- height: 1.36rem;
- width: auto;
- }
- .pf2e.item.sheet form .item-rules select span {
- padding: 0;
- }
- .pf2e.item.sheet form .item-rules .nerd-details {
- margin-bottom: 10px;
- }
- .pf2e.item.sheet form .item-rules .nerd-details .form-group {
- margin: 0;
- }
- .pf2e.item.sheet form .item-rules .nerd-details label {
- align-items: center;
- display: flex;
- flex: 0 0 70px;
- line-height: 1.5em;
- margin-right: 4px;
- min-width: 8em;
- }
- .pf2e.item.sheet form .item-rules .nerd-details label i.fa-info-circle {
- margin-left: auto;
- margin-right: 0.5em;
- }
- .pf2e.item.sheet form .item-rules .rules {
- padding-top: 7px;
- padding-right: 7px;
- }
- .pf2e.item.sheet form .item-rules .rules .rule-element-header {
- display: flex;
- justify-content: space-between;
- }
- .pf2e.item.sheet form .item-rules .rules .rule-element-header h3.unrecognized {
- color: #880000;
- }
- .pf2e.item.sheet form .item-rules .rules .add-rule-element {
- text-align: right;
- }
- .pf2e.item.sheet form .item-rules .rules textarea {
- padding: 4px;
- min-height: 60px;
- resize: vertical;
- }
- .pf2e.item.sheet form .item-rules .create-rule-element {
- display: flex;
- align-items: center;
- white-space: nowrap;
- gap: 6px;
- justify-content: flex-end;
- }
- .pf2e.item.sheet form .item-rules .rule-editing {
- display: flex;
- flex-direction: column;
- height: 100%;
- gap: 5px;
- }
- .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor {
- flex: 1;
- background-color: white;
- overflow: hidden;
- }
- .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor .cm-scroller {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- overflow: scroll;
- }
- .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor button {
- width: auto;
- line-height: normal;
- }
- .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor input[type=checkbox] {
- width: auto;
- height: auto;
- }
- .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor label {
- display: inline;
- }
- .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor .cm-search .cm-textfield {
- width: 100px;
- }
- .pf2e.item.sheet form .item-rules .rule-editing > .cm-editor ::selection {
- color: black;
- }
- .pf2e.item.sheet form .item-rules .rule-editing .item-controls {
- margin: 0;
- }
- .pf2e.item.sheet form .item-rules .rule-form label, .pf2e.item.sheet form .item-rules .rule-form .labelled-element {
- display: flex;
- align-items: center;
- gap: 4px;
- }
- .pf2e.item.sheet form .item-rules .rule-form label input, .pf2e.item.sheet form .item-rules .rule-form label tags, .pf2e.item.sheet form .item-rules .rule-form .labelled-element input, .pf2e.item.sheet form .item-rules .rule-form .labelled-element tags {
- flex: 1;
- }
- .pf2e.item.sheet form .item-rules .rule-form .range {
- display: flex;
- gap: 3px;
- align-items: center;
- }
- .pf2e.item.sheet form .item-rules .rule-form .range input {
- width: 40px;
- }
- .pf2e.item.sheet form .item-rules .rule-form .attached-input {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 1;
- }
- .pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment {
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 0 6px;
- margin: 0;
- line-height: unset;
- flex: 0 0 auto;
- width: auto;
- min-width: 68px;
- align-self: stretch;
- border: 1px solid #aaa;
- border-right: none;
- border-radius: 3px 0 0 3px;
- }
- .pf2e.item.sheet form .item-rules .rule-form .attached-input input, .pf2e.item.sheet form .item-rules .rule-form .attached-input tags {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- margin: 0;
- flex: 1;
- }
- .pf2e.item.sheet form .item-rules .rule-form .spaced-fields {
- display: flex;
- align-items: center;
- gap: 4px;
- }
- .pf2e.item.sheet form .item-rules .rule-form .spaced-fields label {
- font-weight: 500;
- padding-right: 2px;
- }
- .pf2e.item.sheet form .item-rules .rule-form .spaced-fields label:not(:first-child) {
- padding-left: 2px;
- }
- .pf2e.item.sheet form .item-rules .rule-form .brackets {
- margin-left: 9.5em;
- }
- .pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] .details, .pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] tags {
- flex: 3;
- }
- .pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] .value {
- flex: 1;
- min-width: 80px;
- }
- .pf2e.item.sheet form .item-rules .rule-form[data-key=FlatModifier] .type-input {
- flex: 0;
- }
- .pf2e.item.sheet form .item-rules .rule-form[data-key=GrantItem] a.granted {
- display: flex;
- flex: 0 0 auto;
- flex-direction: row;
- align-items: center;
- gap: 3px;
- }
- .pf2e.item.sheet form .item-rules .rule-form[data-key=GrantItem] a.granted img {
- width: 16px;
- height: 16px;
- }
- .pf2e.item.sheet form .item-rules .rule-form[data-key=Note] {
- display: flex;
- flex-direction: column;
- gap: 2px;
- }
- .pf2e.item.sheet form label {
- display: block;
- }
- .pf2e.item.sheet form .mce-panel span {
- display: inherit;
- }
- .pf2e.item.sheet form.editable .rollable:hover {
- color: #000;
- text-shadow: 0 0 10px #00005a;
- cursor: pointer;
- }
- .pf2e.item.sheet form .tab {
- flex: 1;
- }
- .pf2e.item.sheet form .tag-legacy {
- float: left;
- margin: 0 2px 2px 0;
- padding: 0 3px;
- font-size: var(--font-size-10);
- line-height: 16px;
- border: 1px solid #999;
- border-radius: 3px;
- white-space: normal;
- font-weight: 500;
- }
- .pf2e.item.sheet form p.hint {
- font-family: var(--font-primary);
- font-weight: normal;
- }
- .pf2e.item.sheet form .item-controls {
- display: flex;
- margin: 0 0 0 4px;
- align-items: baseline;
- gap: 2px;
- }
- .pf2e.item.sheet form .sheet-navigation {
- display: flex;
- align-items: baseline;
- border-bottom: 1px solid var(--secondary-background);
- flex: 0 0 30px;
- line-height: 30px;
- margin-bottom: 0.5rem;
- }
- .pf2e.item.sheet form .sheet-navigation a {
- flex: 1 1 auto;
- }
- .pf2e.item.sheet form .sheet-navigation a.active {
- text-decoration: underline;
- }
- .pf2e.item.sheet form .sheet-navigation .sidebar-summary {
- flex: 0 0 220px;
- margin: 0;
- text-align: center;
- }
- .pf2e.item.sheet form .sheet-navigation .sheet-tabs {
- font-weight: 500;
- margin: 0;
- flex: 1;
- align-items: baseline;
- }
- .pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row {
- font-size: var(--font-size-12);
- text-align: center;
- }
- .pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row:last-of-type {
- padding-right: 4px;
- }
- .pf2e.item.sheet form .sheet-navigation .sheet-tabs > .list-row.active {
- color: #000;
- font-weight: 700;
- }
- .pf2e.item.sheet form article.sheet-content {
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- height: calc(100% - 35px);
- overflow: hidden;
- }
- .pf2e.item.sheet form article.sheet-content > * {
- flex: 1;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar, .pf2e.item.sheet form article.sheet-content > section.sheet-body {
- height: calc(100% - 10px);
- overflow-y: auto;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar {
- flex: 0 0 220px;
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar > * {
- flex: 1;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .item-summary {
- font-family: var(--serif-condensed);
- font-weight: 700;
- flex: 0 0 28px;
- line-height: 28px;
- text-align: center;
- font-size: var(--font-size-18);
- color: #444;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar ol.item-tags {
- padding-left: 0;
- flex: 0;
- list-style: none;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar ol.item-tags .tag {
- display: block;
- width: 100%;
- text-align: center;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- padding: 0 4px 0 0;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details label, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details label {
- color: #353535;
- font-weight: bold;
- white-space: nowrap;
- max-width: 6em;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group {
- margin: 3px 0;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group input, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group input {
- text-align: right;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group input.left-of-select, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group input.left-of-select {
- min-width: 4ch;
- padding-right: 0.5em;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group select, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group select {
- max-width: 12em;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext {
- height: fit-content;
- align-items: start;
- margin: 0 0 0.5em 0;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext label, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext label {
- max-width: 6em;
- white-space: normal;
- line-height: unset;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext .editor-content, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext .editor-content {
- min-height: 3em;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .form-group.longtext .editor-content > p, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .form-group.longtext .editor-content > p {
- font-weight: 400;
- margin: 0;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .price-fields, .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .price-fields {
- display: flex;
- gap: 4px;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .inventory-details .price-fields input[name="system.price.per"], .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .feat-details .price-fields input[name="system.price.per"] {
- width: 22px;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar select {
- font-family: inherit;
- font-size: 0.85em;
- height: 1.8em;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar button {
- padding-top: 0;
- padding-bottom: 0;
- white-space: nowrap;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row {
- width: 100%;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row label {
- cursor: pointer;
- max-width: unset;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row input[type=radio] {
- margin: 0;
- top: 0;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row .badge-value {
- margin-right: 0.1rem;
- width: 3ch;
- font-weight: bold;
- text-align: end;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .badge-label-row input[type=text] {
- flex: 1;
- text-align: end;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge {
- display: flex;
- align-items: center;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge select {
- flex: 1;
- max-width: unset;
- }
- .pf2e.item.sheet form article.sheet-content > section.sheet-sidebar .add-badge button {
- flex: 0;
- line-height: 1.2em;
- }
- .pf2e.item.sheet form article.sheet-content input[type=text], .pf2e.item.sheet form article.sheet-content input[type=number] {
- width: calc(100% - 2px);
- height: calc(100% - 2px);
- background: none;
- padding: 0;
- margin: 1px 0;
- border: 1px solid transparent;
- }
- .pf2e.item.sheet form article.sheet-content input[type=text]:hover:not(:disabled), .pf2e.item.sheet form article.sheet-content input[type=text]:focus, .pf2e.item.sheet form article.sheet-content input[type=number]:hover:not(:disabled), .pf2e.item.sheet form article.sheet-content input[type=number]:focus {
- border: 1px solid black;
- box-shadow: 0 0 10px #00005a;
- }
- .pf2e.item.sheet form article.sheet-content select {
- background: rgba(255, 255, 255, 0.5);
- }
- .pf2e.item.sheet form section.sheet-body input[type=text], .pf2e.item.sheet form section.sheet-body input[type=number] {
- background: rgba(255, 255, 255, 0.5);
- border: 1px solid #aaa;
- padding: 3px;
- }
- .pf2e.item.sheet form section.sheet-body .tab {
- padding-left: 0.5rem;
- /** Details */
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-details {
- padding: 0.5rem 0.5rem 0;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-details label {
- color: var(--color-text-dark-2);
- font-weight: 500;
- padding-right: 0.5em;
- white-space: nowrap;
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-details label.no-data {
- color: var(--color-text-dark-4);
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-details select {
- font-size: var(--font-size-12);
- height: 1.5rem;
- padding-right: 1em;
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-details select.rarity {
- max-width: fit-content;
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-details .tags .tag {
- font-size: var(--font-size-10);
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-mystification {
- padding: 8px 8px 0;
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-mystification label {
- color: #353535;
- font-weight: bold;
- }
- .pf2e.item.sheet form section.sheet-body .tab.item-activations, .pf2e.item.sheet form section.sheet-body .tab.item-rules {
- overflow: hidden scroll;
- scrollbar-width: thin;
- scrollbar-color: var(--primary) transparent;
- }
- .pf2e.item.sheet form section.sheet-body .editor {
- --space-s: 0.25em;
- --space-m: 0.5em;
- --space-l: 1em;
- --space-xl: 1.5em;
- --radius: 3px;
- --space-s: 0.25em;
- --space-m: 0.5em;
- --space-l: 1em;
- --space-xl: 1.5em;
- --space-2xl: 2em;
- --radius: 3px;
- }
- .pf2e.item.sheet form section.sheet-body .editor p {
- min-height: unset;
- }
- .pf2e.item.sheet form section.sheet-body .editor :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
- margin-top: 1em;
- }
- .pf2e.item.sheet form section.sheet-body .editor .inline-header {
- display: flex;
- align-items: center;
- gap: var(--space-l);
- background-color: var(--alt);
- font-family: var(--sans-serif);
- color: white;
- padding: 0;
- font-size: 0.8em;
- font-weight: 400;
- border: none;
- }
- .pf2e.item.sheet form section.sheet-body .editor .inline-header strong {
- display: inline-flex;
- padding: 0 var(--space-m);
- background-color: var(--primary);
- min-width: 15ch;
- border-right: 1px solid rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
- font-weight: 400;
- }
- .pf2e.item.sheet form section.sheet-body .editor .inline-header + p {
- margin-top: var(--space-s);
- }
- .pf2e.item.sheet form section.sheet-body .editor .info {
- background-color: var(--secondary);
- padding: var(--space-m);
- color: white;
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- border-radius: var(--radius);
- font-family: var(--sans-serif);
- padding-bottom: var(--space-m);
- }
- .pf2e.item.sheet form section.sheet-body .editor .info > * + * {
- margin-top: var(--space-m);
- }
- .pf2e.item.sheet form section.sheet-body .editor .info + * {
- margin-top: var(--space-xl);
- }
- .pf2e.item.sheet form section.sheet-body .editor .info + .pf2e.item.sheet form section.sheet-body .editor .info {
- margin-top: var(--space-s);
- }
- .pf2e.item.sheet form section.sheet-body .editor .info h4 {
- font-size: 0.9em;
- font-weight: 400;
- line-height: 1.2;
- font-family: var(--sans-serif);
- border-bottom: 1px solid rgba(0, 0, 0, 0.6);
- padding: var(--space-m) var(--space-l);
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- color: white;
- }
- .pf2e.item.sheet form section.sheet-body .editor .info h4::after {
- font-family: "Font Awesome 6";
- content: "\f05a";
- font-weight: 900;
- margin-right: var(--space-s);
- }
- .pf2e.item.sheet form section.sheet-body .editor .info p {
- font-size: 0.8em;
- margin: 0;
- padding: 0 var(--space-l);
- }
- .pf2e.item.sheet form section.sheet-body .editor .info p:first-of-type {
- padding-top: var(--space-m);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
- .pf2e.item.sheet form section.sheet-body .editor .traits {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- .pf2e.item.sheet form section.sheet-body .editor .traits p {
- display: inline-flex;
- padding: 0.16rem 0.25rem;
- margin: 0;
- background-color: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: white;
- font: 500 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- }
- .pf2e.item.sheet form section.sheet-body .editor .statblock {
- font-family: var(--sans-serif-condensed);
- color: black;
- line-height: 1.2;
- margin-bottom: var(--space-m);
- }
- .pf2e.item.sheet form section.sheet-body .editor .statblock > * + * {
- margin-top: var(--space-s);
- margin-bottom: 0;
- }
- .pf2e.item.sheet form section.sheet-body .editor .statblock p {
- --indent: var(--space-l);
- margin-left: var(--indent);
- position: relative;
- }
- .pf2e.item.sheet form section.sheet-body .editor .statblock p strong:first-of-type {
- margin-left: calc(var(--indent) * -1);
- }
- .pf2e.item.sheet form section.sheet-body .editor .statblock p .trait:first-of-type {
- margin-left: calc(var(--indent) * -1 - 2px);
- }
- .pf2e.item.sheet form section.sheet-body .editor .statblock span.pf2-icon {
- line-height: 1;
- }
- .pf2e.item.sheet form section.sheet-body .editor .statblock h1,
- .pf2e.item.sheet form section.sheet-body .editor .statblock h2,
- .pf2e.item.sheet form section.sheet-body .editor .statblock h3,
- .pf2e.item.sheet form section.sheet-body .editor .statblock h4 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- border-bottom: 1px solid black;
- text-transform: uppercase;
- letter-spacing: -0.05em;
- font-family: var(--sans-serif-condensed);
- font-weight: 700;
- }
- .pf2e.item.sheet form section.sheet-body .editor .statblock hr {
- border: none;
- border-bottom: 1px solid black;
- }
- .pf2e.item.sheet form section.sheet-body .editor .message {
- font-family: var(--journal-cursive);
- font-size: 2em;
- line-height: 1.2;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions {
- display: flex;
- flex-direction: column;
- gap: 3px;
- height: 100%;
- padding: 0 0.25em;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions > * {
- display: inherit;
- flex-direction: inherit;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes {
- background-color: var(--visibility-gm-bg);
- border: 1px dotted rgba(75, 74, 68, 0.5);
- padding: 0 0.25em;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes:not(.has-content) {
- display: none;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes .editor {
- min-height: 2.5em;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .main {
- flex-grow: 1;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor {
- display: inherit;
- flex-direction: inherit;
- flex-grow: inherit;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes, .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit {
- font-size: 1.33em;
- background: rgb(205, 205, 205);
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes i, .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit i {
- width: 1em;
- text-align: center;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes {
- border-radius: 4px;
- border: 1px solid var(--color-border-dark-1);
- box-shadow: 0 0 1px var(--color-shadow-dark);
- display: none;
- padding: 1px 2px;
- position: absolute;
- right: 35px;
- top: 5px;
- }
- .pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor:hover a.add-gm-notes {
- display: block;
- }
- .pf2e.item.sheet form h3 .item-controls, .pf2e.item.sheet form header .item-controls {
- cursor: pointer;
- float: right;
- }
- .pf2e.item.sheet form .form-group .item-controls {
- flex: 0 1 auto;
- }
- .pf2e.item.sheet form .form-section {
- margin-top: 8px;
- }
- .pf2e.item.sheet form .form-list {
- border-radius: 5px;
- border: 1px solid var(--secondary-background);
- list-style-type: none;
- margin: 0.5em 0;
- padding: 0.25em;
- }
- .pf2e.item.sheet form .form-list:first-child {
- margin-top: 0;
- }
- .pf2e.item.sheet form .form-list h3 {
- font-weight: 600;
- font-size: 1.05em;
- margin-bottom: 0.25em;
- }
- .pf2e.item.sheet form .form-list.subsection {
- padding: 0;
- }
- .pf2e.item.sheet form .form-list.subsection > * {
- padding: 0.25rem;
- }
- .pf2e.item.sheet form .form-list.subsection > header {
- align-items: baseline;
- background-color: var(--secondary);
- border-radius: 5px 5px 0 0;
- color: white;
- display: flex;
- justify-content: space-between;
- margin: -1px -1px 0 -1px;
- padding: 1px;
- }
- .pf2e.item.sheet form .form-list.subsection > header h3, .pf2e.item.sheet form .form-list.subsection > header .item-controls {
- padding: 0.25rem;
- margin-bottom: 0;
- }
- .pf2e.item.sheet form .two-by-two {
- display: grid;
- grid-template-columns: 1fr 1fr;
- column-gap: 0.25rem;
- }
- .pf2e.item.sheet form .two-by-two .item-controls {
- margin-left: 2px;
- gap: 0;
- }
- .pf2e.item.sheet form .form-group {
- margin: 2px 0;
- font-weight: 500;
- }
- .pf2e.item.sheet form .form-group.scalable {
- height: auto;
- min-height: 24px;
- }
- .pf2e.item.sheet form .form-group.scalable ul.traits-list {
- list-style-type: none;
- }
- .pf2e.item.sheet form .form-group > label:not(.large) {
- max-width: 11em;
- }
- .pf2e.item.sheet form .form-group > label.short {
- max-width: 9em;
- }
- .pf2e.item.sheet form .form-group > input[type=checkbox] {
- margin-left: auto;
- }
- .pf2e.item.sheet form .form-group input[type=checkbox]:last-child {
- margin-right: 0;
- }
- .pf2e.item.sheet form .form-group .checkbox-pair {
- display: flex;
- align-items: center;
- }
- .pf2e.item.sheet form .form-group .checkbox-pair span {
- font-weight: 400;
- }
- .pf2e.item.sheet form .form-group input.adjusted-higher:not(:focus) {
- font-weight: 700;
- color: #009988;
- }
- .pf2e.item.sheet form .form-group input.adjusted-lower:not(:focus) {
- font-weight: 700;
- color: #cc3311;
- }
- .pf2e.item.sheet form .tags {
- padding-left: 0;
- }
- .pf2e.item.sheet form .details-container, .pf2e.item.sheet form .dice-data {
- display: grid;
- grid: "dice die type"/40px 60px auto;
- }
- .pf2e.item.sheet form .effects-container {
- display: grid;
- grid: "effect number"/auto 40px;
- }
- .pf2e.item.sheet form .details-container-two-columns {
- display: grid;
- grid: "size type"/50% 50%;
- }
- .pf2e.item.sheet form .details-container-three-columns {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- }
- .pf2e.item.sheet form .details-container-flex-row {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- }
- .pf2e.item.sheet form .details-container-flex-row > label {
- display: flex;
- flex-direction: row;
- align-items: center;
- white-space: nowrap;
- }
- .pf2e.item.sheet form .details-container-flex-row select {
- flex: 1;
- width: auto;
- }
- .pf2e.item.sheet form .details-container-flex-row input[type=checkbox] {
- width: 16px;
- height: 16px;
- flex-basis: auto;
- }
- .pf2e.item.sheet form .details-container-flex-row input[type=checkbox]:first-child:last-child {
- margin-left: auto;
- justify-self: flex-end;
- }
- .pf2e.item.sheet form .toggle-button-list {
- display: flex;
- gap: 2px;
- margin: 4px 0;
- }
- .pf2e.item.sheet form .toggle-button-list button {
- margin: 0;
- font-size: var(--font-size-10);
- line-height: 16px;
- display: flex;
- align-items: center;
- white-space: nowrap;
- padding: 3px 4px;
- }
- .pf2e.item.sheet form .consumable-details {
- flex: 0 0 24px;
- }
- .pf2e.item.sheet form .consumable-details label {
- font-weight: bold;
- }
- .pf2e.item.sheet form .consumable-details input {
- flex: 0 0 24px;
- margin-right: 6px;
- text-align: right;
- }
- .pf2e.item.sheet form .consumable-details span {
- line-height: 24px;
- }
- .pf2e.item.sheet form .consumable-details .max-charges {
- flex: 0 0 16px;
- text-align: center;
- }
- .pf2e.item.sheet form .consumable-charges label {
- flex: 0 0 144px;
- }
- .pf2e.item.sheet form .consumable-charges input {
- flex: 0 0 64px;
- text-align: center;
- }
- .pf2e.item.sheet form .consumable-charges span.flex0 {
- line-height: 24px;
- }
- .pf2e.item.sheet form .feat-uses select {
- flex: 2;
- margin-right: 5px;
- }
- .pf2e.item.sheet form .feat-uses input {
- flex: 1;
- text-align: center;
- }
- .pf2e.item.sheet form .feat-uses span.sep {
- flex: 0 0 16px;
- line-height: 24px;
- font-size: var(--font-size-14);
- text-align: center;
- }
- .pf2e.item.sheet form .spell-components input {
- margin-left: 0;
- }
- .pf2e.item.sheet form .spell-components label {
- padding-right: 6px;
- }
- .pf2e.item.sheet form input.adjusted:not(:focus) {
- font-weight: 700;
- color: #009988;
- }
- .pf2e.item.sheet form .frequency {
- align-items: baseline;
- display: flex;
- gap: 0.2rem;
- text-align: end;
- }
- .pf2e.item.sheet form .frequency.empty {
- justify-content: flex-end;
- }
- .pf2e.item.sheet form .frequency select {
- flex: 1 1 auto;
- }
- .pf2e.item.sheet form .frequency a {
- align-self: center;
- }
- .persistent-damage-dialog {
- /** Work around Font Awesome styling bug present as of version 6.2 */
- }
- .persistent-damage-dialog i.fa-fw {
- min-width: 1em;
- }
- .persistent-damage-dialog h3 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- }
- .persistent-damage-dialog h3 a {
- float: right;
- font-size: 0.8em;
- }
- .persistent-damage-dialog h3 a:hover i {
- animation: rotation 2s infinite linear;
- }
- .persistent-damage-dialog .entries {
- display: flex;
- flex-direction: column;
- gap: 0.125rem;
- }
- .persistent-damage-dialog .entries:not(.new) {
- margin-bottom: 0.5rem;
- }
- .persistent-damage-dialog .persistent-entry {
- display: flex;
- align-items: baseline;
- gap: 0.25rem;
- }
- .persistent-damage-dialog .persistent-entry.inactive .input-fields input span, .persistent-damage-dialog .persistent-entry.inactive .input-fields input i, .persistent-damage-dialog .persistent-entry.inactive .input-fields input:not(:focus), .persistent-damage-dialog .persistent-entry.inactive .input-fields select span, .persistent-damage-dialog .persistent-entry.inactive .input-fields select i, .persistent-damage-dialog .persistent-entry.inactive .input-fields select:not(:focus), .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) span, .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) i, .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within):not(:focus) {
- opacity: 0.7;
- text-decoration: line-through;
- }
- .persistent-damage-dialog .persistent-entry a {
- padding: 0.25em;
- }
- .persistent-damage-dialog .persistent-entry .input-fields {
- display: flex;
- gap: 0.25rem;
- align-items: baseline;
- select-height: var(--form-field-height);
- }
- .persistent-damage-dialog .persistent-entry .input-fields label {
- display: flex;
- align-items: baseline;
- gap: 0.19rem;
- height: 100%;
- }
- .persistent-damage-dialog .persistent-entry .input-fields .dc {
- width: 2.5rem;
- }
- .persistent-damage-dialog .persistent-entry .input-fields .invalid {
- box-shadow: 0 0 5px 0px red;
- border-color: red;
- }
- #darkness-adjuster {
- background: none;
- box-shadow: 0 0 10px black;
- height: 38px !important;
- }
- #darkness-adjuster .window-header {
- display: none;
- }
- #darkness-adjuster .window-content {
- background: rgba(0, 0, 0, 0.5);
- border: 1px solid black;
- border-radius: 5px;
- padding: 6px 12px 0;
- }
- #darkness-adjuster .slider {
- height: 6px;
- }
- #darkness-adjuster .slider .noUi-base {
- background: #ecc1b3;
- cursor: pointer;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle {
- background: none;
- border: none;
- box-shadow: none;
- color: white;
- font-size: var(--font-size-16);
- height: 14px;
- width: 14px;
- top: -5px;
- right: -7px;
- text-shadow: 0 0 4px black;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_bright-light, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
- pointer-events: none;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
- font-size: var(--font-size-14);
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level {
- background: #c85019;
- border: 1px solid black;
- border-radius: 2px;
- box-shadow: 1px 1px 4px black;
- height: 12px;
- width: 12px;
- right: -6px;
- top: -4px;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level .noUi-touch-area {
- cursor: grab;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
- cursor: grabbing;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::before, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::after {
- background: none;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle i.fa-solid {
- cursor: default;
- left: -1px;
- opacity: 0.6;
- position: absolute;
- top: 0;
- }
- #darkness-adjuster .slider .noUi-base .noUi-connect.range_bright-light {
- background: #fdfbd3;
- }
- #darkness-adjuster .slider .noUi-base .noUi-connect.range_darkness {
- background: #16193a;
- }
- #darkness-adjuster .slider .noUi-pips {
- height: 12px;
- }
- #darkness-adjuster .slider .noUi-pips .noUi-marker.noUi-marker-large {
- height: 12px;
- }
- #darkness-adjuster .slider .noUi-pips .noUi-value {
- display: none;
- }
- #darkness-adjuster .synchronized .slider .noUi-base {
- cursor: not-allowed;
- }
- #darkness-adjuster .synchronized .slider .message {
- display: flex;
- justify-content: center;
- position: relative;
- top: 0.5em;
- width: 100%;
- }
- #darkness-adjuster .synchronized .slider .message span {
- color: var(--color-text-light-1);
- text-shadow: 1px 1px black;
- z-index: 1;
- }
- #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle {
- cursor: not-allowed;
- }
- #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level {
- background: var(--color-disabled);
- border: none;
- box-shadow: none;
- }
- #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level .noUi-touch-area, #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
- cursor: inherit;
- }
- #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle i.fas {
- cursor: inherit;
- }
- #darkness-adjuster .synchronized .slider .noUi-pips {
- visibility: hidden;
- }
- .scene-sheet span.range-value.disabled {
- border: none;
- color: #777;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset {
- border: 1px solid #b5b3a4;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset > legend {
- font-size: var(--font-size-15);
- color: #333;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number] {
- max-width: 60px;
- text-align: center;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number]:disabled {
- border: none;
- color: var(--color-text-dark-6);
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset select.alternate-images {
- max-width: 20em;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset:last-child {
- margin: 6px 0;
- }
- .app.token-sheet .tab[data-tab=vision] .disabled[data-tab] {
- color: var(--color-text-dark-6);
- pointer-events: none;
- }
- .app.token-sheet .tab[data-tab=vision] a.managed-by-rbv {
- padding-left: 0.33em;
- }
- .app.token-sheet .form-group.children-disabled .range-value {
- border: none;
- background-color: rgba(0, 0, 0, 0.05);
- color: #777;
- }
- #homebrew-settings section.window-content {
- display: block;
- }
- #homebrew-settings section.window-content .form-group.setting {
- display: inherit;
- }
- #homebrew-settings section.window-content .form-group.setting tags {
- background-color: rgba(0, 0, 0, 0.05);
- border: 1px solid #7a7971;
- border-radius: 3px;
- }
- #homebrew-settings section.window-content .form-group.setting tags.tagify--focus {
- border: 1px solid #7a7971;
- box-shadow: 0 0 5px red;
- }
- #homebrew-settings section.window-content .form-group.setting .homebrew {
- --tag-text-color--edit: #111;
- --tag-pad: 0.2em 0.4em;
- --tag-remove-bg: var(--tag-hover);
- --tag-remove-btn-bg--hover: black;
- font-size: var(--font-size-13);
- min-width: 0;
- }
- #homebrew-settings section.window-content .form-group.buttons {
- margin-top: 0.5em;
- }
- #homebrew-settings .damage-types th, #homebrew-settings .damage-types td {
- white-space: nowrap;
- }
- #homebrew-settings .damage-types th:not(:last-child), #homebrew-settings .damage-types td:not(:last-child) {
- padding-right: 0.25rem;
- }
- #homebrew-settings .damage-types .icon-preview {
- display: flex;
- align-items: center;
- gap: 0.125rem;
- }
- #homebrew-settings .damage-types .delete-cell {
- text-align: end;
- width: 1rem;
- }
- #homebrew-settings .damage-types .delete-cell i {
- padding: 0.125rem 0.25rem;
- cursor: pointer;
- }
- #world-clock-settings form .form-group .form-fields {
- flex-grow: 1;
- }
- #world-clock-settings form .form-group button.reset-world-time {
- flex: 1;
- }
- #game-details > li.system-info {
- margin-bottom: 6px;
- }
- #game-details > li.system-info > a[href] {
- font-size: var(--font-size-12);
- text-transform: uppercase;
- margin-right: 6px;
- }
- #game-details > li.system-info > a[href]:hover {
- text-shadow: 0 0 8px var(--color-text-hyperlink);
- }
- #client-settings form .form-group > label {
- flex: 2.5;
- }
- .settings-menu form .form-group > label {
- flex: 2.5;
- }
- .settings-menu .instructions {
- text-align: center;
- }
- #metagame-settings form .form-group > label {
- flex: 3;
- }
- .select-craft-item-dialog .drop-item-zone {
- display: flex;
- align-items: center;
- margin: 0 2px 5px;
- }
- .select-craft-item-dialog .item-icon {
- height: 32px;
- width: 32px;
- margin-right: 3px;
- }
- .select-craft-item-dialog .button-panel {
- display: flex;
- }
- .select-repair-item-dialog .drop-item-zone {
- display: flex;
- align-items: center;
- margin: 0 2px 5px;
- }
- .select-repair-item-dialog .item-icon {
- height: 32px;
- width: 32px;
- margin-right: 3px;
- }
- .select-repair-item-dialog .button-panel {
- display: flex;
- }
- .app.choice-set-prompt section.window-content h3 {
- display: flex;
- justify-content: center;
- }
- .app.choice-set-prompt section.window-content button, .app.choice-set-prompt section.window-content select {
- display: flex;
- margin: 4px auto;
- }
- .app.choice-set-prompt section.window-content .choices {
- max-width: max-content;
- justify-items: center;
- margin: auto;
- }
- .app.choice-set-prompt section.window-content .choices.select-menu {
- min-width: 18em;
- }
- .app.choice-set-prompt section.window-content .choices.select-menu tags {
- background-color: rgba(0, 0, 0, 0.05);
- border: 1px solid var(--color-border-light-tertiary);
- border-radius: 3px;
- height: 2rem;
- margin-bottom: 0.5em;
- width: 100%;
- }
- .app.choice-set-prompt section.window-content .choices.select-menu tags .tagify__input {
- align-items: center;
- display: flex;
- height: 100%;
- margin: 0;
- }
- .app.choice-set-prompt section.window-content .choices button, .app.choice-set-prompt section.window-content .choices .drop-zone {
- cursor: pointer;
- max-width: 100%;
- }
- .app.choice-set-prompt section.window-content .choices button:not(.with-image), .app.choice-set-prompt section.window-content .choices .drop-zone:not(.with-image) {
- min-width: 120px;
- justify-content: center;
- }
- .app.choice-set-prompt section.window-content .choices button.with-image, .app.choice-set-prompt section.window-content .choices .drop-zone.with-image {
- align-items: center;
- }
- .app.choice-set-prompt section.window-content .choices button.with-image img, .app.choice-set-prompt section.window-content .choices .drop-zone.with-image img {
- border: 1px solid #444;
- height: 1.6em;
- margin-right: 0.5em;
- }
- .app.choice-set-prompt section.window-content .choices .drop-zone {
- border: 1px solid var(--color-border-light-primary);
- border-radius: 3px;
- color: #222;
- cursor: default;
- display: flex;
- padding: 1px 6px;
- font-family: var(--font-primary);
- font-size: var(--font-size-14);
- line-height: 28px;
- }
- .app.choice-set-prompt section.window-content .choices .drop-zone i.fas {
- border: 1px solid #BBB;
- border-radius: 2px;
- align-items: center;
- display: flex;
- height: 1.6em;
- justify-content: center;
- margin-right: 0.5em;
- width: 1.6em;
- }
- .app.choice-set-prompt section.window-content .choices .drop-zone i.fas:after {
- font-size: var(--font-size-20);
- }
- .app.choice-set-prompt section.window-content .choices .drop-zone span {
- color: black;
- flex: 1;
- }
- #ui-middle {
- position: relative;
- }
- .effect-panel {
- pointer-events: initial;
- position: absolute;
- top: 5px;
- right: 0;
- }
- .effect-panel .effect-item {
- display: flex;
- justify-content: flex-end;
- height: 52px;
- }
- .effect-panel .effect-item[data-badge-type=formula] .icon {
- cursor: pointer;
- }
- .effect-panel .effect-item[data-badge-type=formula] .icon:hover::before {
- content: "\f6cf";
- background: rgba(0, 0, 0, 0.5);
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- font-size: var(--font-size-26);
- color: white;
- position: absolute;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- padding-bottom: 4px;
- }
- .effect-panel .effect-item:hover .effect-info {
- display: flex;
- align-items: flex-end;
- flex-direction: column;
- }
- .effect-panel .effect-item .effect-info {
- background-color: rgba(0, 0, 0, 0.75);
- color: white;
- display: none;
- height: min-content;
- margin-right: 0.5em;
- max-width: 300px;
- padding: 0.25em 0.5rem;
- }
- .effect-panel .effect-item .effect-info h1 {
- margin: 0;
- padding: 0;
- border: none;
- font-size: var(--font-size-12);
- padding-top: 0.25em;
- text-align: right;
- }
- .effect-panel .effect-item .effect-info h1 i.fa-comment-alt {
- margin-left: 2px;
- }
- .effect-panel .effect-item .effect-info .tags {
- justify-content: flex-end;
- }
- .effect-panel .effect-item .effect-info .tags .tag {
- margin-bottom: 0;
- }
- .effect-panel .effect-item .effect-info .tags .tag + .tag, .effect-panel .effect-item .effect-info .tags .tag:first-child {
- margin-left: 3px;
- margin-right: -2px;
- }
- .effect-panel .effect-item .effect-info > a, .effect-panel .effect-item .effect-info .description a {
- display: block;
- border: 1px outset white;
- font-size: var(--font-size-10);
- margin-top: 0.125rem;
- padding: 0.125rem;
- }
- .effect-panel .effect-item .effect-info > a.content-link, .effect-panel .effect-item .effect-info > a.inline-roll, .effect-panel .effect-item .effect-info .description a.content-link, .effect-panel .effect-item .effect-info .description a.inline-roll {
- padding: 1px 4px;
- border: 1px solid var(--color-border-dark-tertiary);
- width: fit-content;
- display: inline;
- color: var(--color-text-dark-primary);
- }
- .effect-panel .effect-item .effect-info span[data-pf2-check] {
- color: var(--color-text-dark-primary);
- }
- .effect-panel .effect-item .effect-info .instructions, .effect-panel .effect-item .effect-info .description {
- font-size: 0.75em;
- text-align: right;
- }
- .effect-panel .effect-item .effect-info .description {
- max-height: 15em;
- overflow-y: auto;
- text-align: justify;
- }
- .effect-panel .effect-item .icon {
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0 0 0 1px #C0C0C0, 0 0 0 2px #808080;
- align-items: center;
- background-repeat: no-repeat;
- background-size: contain;
- box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080, inset 0 0 4px rgba(0, 0, 0, 0.5);
- color: transparent;
- display: flex;
- justify-content: center;
- position: relative;
- margin: 2px 0;
- height: 48px;
- width: 48px;
- }
- .effect-panel .effect-item .icon.aura {
- border-radius: 50%;
- box-shadow: 0px 0px 10px 5px white;
- }
- .effect-panel .effect-item .icon.unidentified {
- filter: drop-shadow(0 0 8px var(--visibility-gm-bg));
- }
- .effect-panel .effect-item .icon .expired {
- position: absolute;
- left: 0;
- bottom: -1px;
- width: 100%;
- padding: 2px 1px;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- color: white;
- background-color: var(--primary);
- }
- .effect-panel .effect-item .icon .linked {
- position: absolute;
- display: inline-block;
- bottom: -1px;
- right: -1px;
- padding: 0px 2px;
- color: white;
- background-color: rgba(0, 0, 0, 0.75);
- }
- .effect-panel .effect-item .icon .value-wrapper {
- position: absolute;
- bottom: -1px;
- left: -1px;
- max-width: calc(100% + 2px);
- padding: 0px 2px;
- color: white;
- background-color: rgba(0, 0, 0, 0.75);
- font-size: var(--font-size-13);
- letter-spacing: -0.05em;
- white-space: nowrap;
- overflow: hidden;
- }
- .effect-panel .effect-item .icon .value-wrapper .value {
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .effect-panel .effect-item .icon .value-wrapper .value strong {
- display: inline-block;
- padding-right: 1px;
- }
- .effect-panel > hr {
- margin-right: 0;
- width: 48px;
- }
- .journal-entry-page .journal-page-content {
- --space-s: 0.25em;
- --space-m: 0.5em;
- --space-l: 1em;
- --space-xl: 1.5em;
- --space-2xl: 2em;
- --radius: 3px;
- }
- .journal-entry-page .journal-page-content p {
- min-height: unset;
- }
- .journal-entry-page .journal-page-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
- margin-top: 1em;
- }
- .journal-entry-page .journal-page-content .inline-header {
- display: flex;
- align-items: center;
- gap: var(--space-l);
- background-color: var(--alt);
- font-family: var(--sans-serif);
- color: white;
- padding: 0;
- font-size: 0.8em;
- font-weight: 400;
- border: none;
- }
- .journal-entry-page .journal-page-content .inline-header strong {
- display: inline-flex;
- padding: 0 var(--space-m);
- background-color: var(--primary);
- min-width: 15ch;
- border-right: 1px solid rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
- font-weight: 400;
- }
- .journal-entry-page .journal-page-content .inline-header + p {
- margin-top: var(--space-s);
- }
- .journal-entry-page .journal-page-content .info {
- background-color: var(--secondary);
- padding: var(--space-m);
- color: white;
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- border-radius: var(--radius);
- font-family: var(--sans-serif);
- padding-bottom: var(--space-m);
- }
- .journal-entry-page .journal-page-content .info > * + * {
- margin-top: var(--space-m);
- }
- .journal-entry-page .journal-page-content .info + * {
- margin-top: var(--space-xl);
- }
- .journal-entry-page .journal-page-content .info + .journal-entry-page .journal-page-content .info {
- margin-top: var(--space-s);
- }
- .journal-entry-page .journal-page-content .info h4 {
- font-size: 0.9em;
- font-weight: 400;
- line-height: 1.2;
- font-family: var(--sans-serif);
- border-bottom: 1px solid rgba(0, 0, 0, 0.6);
- padding: var(--space-m) var(--space-l);
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- color: white;
- }
- .journal-entry-page .journal-page-content .info h4::after {
- font-family: "Font Awesome 6";
- content: "\f05a";
- font-weight: 900;
- margin-right: var(--space-s);
- }
- .journal-entry-page .journal-page-content .info p {
- font-size: 0.8em;
- margin: 0;
- padding: 0 var(--space-l);
- }
- .journal-entry-page .journal-page-content .info p:first-of-type {
- padding-top: var(--space-m);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
- .journal-entry-page .journal-page-content .traits {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- .journal-entry-page .journal-page-content .traits p {
- display: inline-flex;
- padding: 0.16rem 0.25rem;
- margin: 0;
- background-color: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: white;
- font: 500 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- }
- .journal-entry-page .journal-page-content .statblock {
- font-family: var(--sans-serif-condensed);
- color: black;
- line-height: 1.2;
- margin-bottom: var(--space-m);
- }
- .journal-entry-page .journal-page-content .statblock > * + * {
- margin-top: var(--space-s);
- margin-bottom: 0;
- }
- .journal-entry-page .journal-page-content .statblock p {
- --indent: var(--space-l);
- margin-left: var(--indent);
- position: relative;
- }
- .journal-entry-page .journal-page-content .statblock p strong:first-of-type {
- margin-left: calc(var(--indent) * -1);
- }
- .journal-entry-page .journal-page-content .statblock p .trait:first-of-type {
- margin-left: calc(var(--indent) * -1 - 2px);
- }
- .journal-entry-page .journal-page-content .statblock span.pf2-icon {
- line-height: 1;
- }
- .journal-entry-page .journal-page-content .statblock h1,
- .journal-entry-page .journal-page-content .statblock h2,
- .journal-entry-page .journal-page-content .statblock h3,
- .journal-entry-page .journal-page-content .statblock h4 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- border-bottom: 1px solid black;
- text-transform: uppercase;
- letter-spacing: -0.05em;
- font-family: var(--sans-serif-condensed);
- font-weight: 700;
- }
- .journal-entry-page .journal-page-content .statblock hr {
- border: none;
- border-bottom: 1px solid black;
- }
- .journal-entry-page .journal-page-content .message {
- font-family: var(--journal-cursive);
- font-size: 2em;
- line-height: 1.2;
- }
- .journal-entry-page .journal-page-content .fumble-deck h1 {
- font-family: var(--font-primary);
- font-size: 1.75em;
- font-weight: bold;
- line-height: normal;
- text-transform: uppercase;
- color: black;
- border: 2px solid;
- border-radius: 15px;
- padding: 0 0 0 1.5em;
- background-size: 1.22em;
- background-repeat: no-repeat;
- background-color: #e5bf85;
- position: relative;
- top: 1em;
- width: 80%;
- }
- .journal-entry-page .journal-page-content .fumble-deck h1:first-child {
- background-image: url("../icons/equipment/weapons/gnome-hooked-hammer.webp");
- }
- .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(2) {
- background-image: url("../icons/equipment/weapons/longbow.webp");
- }
- .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(3) {
- background-image: url("../icons/equipment/weapons/fist.webp");
- }
- .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(4) {
- background-image: url("../icons/spells/chain-lightning.webp");
- }
- .journal-entry-page .journal-page-content .fumble-deck blockquote {
- font-family: var(--font-primary);
- border-left: none;
- background-color: #000059;
- color: white;
- font-size: 120%;
- margin-left: 0.7em;
- padding: 1.2em 1.25em 0.75em;
- border-radius: 8px;
- }
- .journal-entry-page .journal-page-content .fumble-deck blockquote a {
- color: black;
- }
- .journal-entry-page .journal-page-content .fumble-deck blockquote span.with-repost {
- color: black;
- }
- .journal-entry-page .journal-page-content .fumble-deck code {
- font-family: var(--font-primary);
- font-weight: bold;
- font-size: 100%;
- line-height: normal;
- background-image: url("../assets/critfumble-banner.webp");
- background-size: 100% 100%;
- box-shadow: 5px 5px 10px 3px #282a2d;
- display: inline-block;
- float: right;
- text-align: center;
- margin-top: -1.75em;
- margin-right: 0.75em;
- width: 7em;
- padding: 0.5em;
- }
- .journal-entry-page .journal-page-content .critical-deck h1 {
- font-family: var(--font-primary);
- font-size: 1.75em;
- font-weight: bold;
- line-height: normal;
- text-transform: uppercase;
- color: black;
- border: 2px solid;
- border-radius: 15px;
- padding: 0 0 0 1.5em;
- background-size: 1.22em;
- background-repeat: no-repeat;
- background-color: #e5bf85;
- position: relative;
- top: 1em;
- width: 80%;
- }
- .journal-entry-page .journal-page-content .critical-deck h1:first-child {
- background-image: url("../icons/equipment/weapons/light-hammer.webp");
- }
- .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(2) {
- background-image: url("../../../icons/weapons/polearms/javelin.webp");
- }
- .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(3) {
- background-image: url("../../../icons/weapons/axes/axe-battle-worn.webp");
- }
- .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(4) {
- background-image: url("../../../icons/weapons/thrown/bomb-fuse-cloth-pink.webp");
- }
- .journal-entry-page .journal-page-content .critical-deck blockquote {
- font-family: var(--font-primary);
- border-left: none;
- background: rgb(14, 40, 17);
- background: radial-gradient(circle, rgb(14, 40, 17) 10%, rgb(20, 59, 25) 50%, rgb(14, 40, 17) 90%);
- color: white;
- font-size: 120%;
- margin-left: 0.7em;
- padding: 1.2em 1.25em 0.75em;
- border-radius: 8px;
- }
- .journal-entry-page .journal-page-content .critical-deck blockquote a {
- color: black;
- }
- .journal-entry-page .journal-page-content .critical-deck blockquote span.with-repost {
- color: black;
- }
- .journal-entry-page .journal-page-content .critical-deck code {
- font-family: var(--font-primary);
- font-weight: bold;
- font-size: 100%;
- line-height: normal;
- background-image: url("../assets/critfumble-banner.webp");
- background-size: 100% 100%;
- box-shadow: 5px 5px 10px 3px #282a2d;
- display: inline-block;
- float: right;
- text-align: center;
- margin-top: -1.75em;
- margin-right: 0.75em;
- width: 9em;
- padding: 0.5em;
- }
- #migration-summary > .window-content > h3 {
- margin: auto;
- }
- #migration-summary > .window-content > .dialog-content > table i.fa-check {
- color: green;
- }
- #migration-summary > .window-content > .dialog-content > table i.fa-times {
- color: red;
- }
- #migration-summary > .window-content > .dialog-content > table td {
- text-align: center;
- }
- #migration-summary > .window-content > .dialog-buttons {
- display: flex;
- }
- #migration-summary > .window-content > .dialog-buttons:disabled::hover {
- box-shadow: none;
- }
- #upw-viewer .window-content {
- background: no-repeat right url("../assets/upw-logo.webp") black;
- }
- #upw-viewer .window-content .content {
- color: #eee;
- width: 435px;
- font-size: larger;
- }
- #upw-viewer .window-content .content a[href] {
- color: #8b6cae;
- font-size: large;
- display: block;
- text-align: center;
- }
- #world-clock section.window-content {
- font-size: 1rem;
- }
- #world-clock section.window-content h1 {
- font-size: inherit;
- text-align: center;
- }
- #world-clock section.window-content .input-grid {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- font-size: 0.8rem;
- justify-content: space-evenly;
- }
- #world-clock section.window-content .input-grid > * {
- flex-basis: 32%;
- height: 1.5rem;
- line-height: 20px;
- }
- #world-clock section.window-content .input-grid .sign {
- font-family: var(--sans-serif-monospace);
- font-size: inherit;
- }
- #world-clock section.window-content .input-grid button {
- align-items: center;
- display: flex;
- font-size: inherit;
- justify-content: center;
- margin: 1px;
- }
- #world-clock section.window-content .input-grid button img {
- border: none;
- height: 1.5em;
- }
- #world-clock section.window-content .input-grid .time-of-day {
- display: flex;
- flex-basis: 100%;
- margin: 0 3px;
- }
- #world-clock section.window-content .input-grid .time-of-day img.midnight {
- height: 1.05rem;
- }
- .tags {
- display: flex;
- flex-wrap: wrap;
- gap: 2px;
- list-style-type: none;
- margin-bottom: 2px;
- padding-left: 0;
- }
- .tags .tag, .tags .tag option {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- align-items: center;
- background-color: var(--primary);
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: white;
- display: flex;
- font-weight: 500;
- min-height: 1.5em;
- padding: 0 0.33em;
- }
- .tags .tag.edit-btn, .tags .tag option.edit-btn {
- align-items: center;
- background-color: white;
- border-radius: 0;
- color: var(--primary);
- display: flex;
- justify-content: center;
- }
- .tags .tag.edit-btn a, .tags .tag option.edit-btn a {
- display: inline-flex;
- }
- .tags .tag.edit-btn a svg, .tags .tag option.edit-btn a svg {
- height: 9px;
- width: auto;
- }
- .tags .tag.tag_secondary, .tags .tag option.tag_secondary {
- background-color: var(--secondary);
- color: white;
- }
- .tags .tag.tag_tertiary, .tags .tag option.tag_tertiary {
- background-color: var(--tertiary);
- color: white;
- }
- .tags .tag.tag_alt, .tags .tag option.tag_alt {
- background-color: var(--alt);
- color: white;
- }
- .tags .tag.tag_material, .tags .tag option.tag_material {
- background-color: var(--alt-dark);
- color: white;
- }
- .tags .tag.tag_transparent, .tags .tag option.tag_transparent {
- background-color: transparent;
- color: var(--text-color-dark-2);
- text-transform: none;
- font-family: var(--font-primary);
- font-size: var(--font-size-10);
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
- border-radius: 4px;
- }
- .tags .tag.mystified, .tags .tag option.mystified {
- opacity: 0.7;
- }
- .tags .tag.common, .tags .tag[value=common], .tags .tag option.common, .tags .tag option[value=common] {
- border-color: #323232;
- background-color: #323232;
- }
- .tags .tag.uncommon, .tags .tag[value=uncommon], .tags .tag option.uncommon, .tags .tag option[value=uncommon] {
- border-color: #98513d;
- background-color: #98513d;
- }
- .tags .tag.rare, .tags .tag[value=rare], .tags .tag option.rare, .tags .tag option[value=rare] {
- border-color: #002664;
- background-color: #002664;
- }
- .tags .tag.unique, .tags .tag[value=unique], .tags .tag option.unique, .tags .tag option[value=unique] {
- border-color: #54166e;
- background-color: #54166e;
- }
- li.chat-message .tags .tag {
- height: unset;
- line-height: 1.65em;
- min-height: 1em;
- }
- li.chat-message .tags .tag_transparent {
- line-height: 1.25em;
- padding: 0.1em 0.25em;
- }
- .tags.paizo-style {
- align-items: center;
- border-radius: 3px;
- padding: 0.05em;
- gap: 0;
- }
- .tags.paizo-style select.tag {
- height: 22px;
- }
- .tags.paizo-style tag, .tags.paizo-style .tag, .tags.paizo-style select.tag {
- border: 2px solid var(--color-border-trait);
- margin: 0;
- min-height: 22px;
- }
- .tags.paizo-style tag x, .tags.paizo-style .tag x, .tags.paizo-style select.tag x {
- align-items: start;
- margin: 0;
- }
- .tags.paizo-style tag__removeBtn, .tags.paizo-style .tag__removeBtn, .tags.paizo-style select.tag__removeBtn {
- align-items: baseline;
- }
- .tags.paizo-style tag > div {
- padding: 0 0.09rem 0 0.25rem;
- }
- .tags.paizo-style tag > div, .tags.paizo-style .tag, .tags.paizo-style select {
- border-radius: 0;
- display: flex;
- font: 500 var(--font-size-10) var(--sans-serif);
- }
- .tags.paizo-style tag > div .tagify__tag-text, .tags.paizo-style .tag .tagify__tag-text, .tags.paizo-style select .tagify__tag-text {
- text-transform: uppercase;
- }
- .tags.paizo-style[disabled] {
- filter: none;
- }
- .tags.paizo-style[disabled] tag > div::before {
- animation: none !important;
- }
- .tags.paizo-style[disabled] > .tagify__input {
- display: none;
- }
- tags.tags.paizo-style {
- background-color: rgba(0, 0, 0, 0.075);
- --tag-bg: var(--primary);
- --tag-hover: var(--primary);
- --tag-remove-btn-color: var(--color-text-trait);
- --tag-text-color: var(--color-text-trait);
- --tags-border-color: var(--color-border-light-tertiary);
- --tags-focus-border-color: var(--color-border-light-tertiary);
- --tags-hover-border-color: var(--color-border-light-tertiary);
- --readonly-striped: 0;
- }
- tags.tags.paizo-style .tagify__input {
- margin: 0;
- padding: 0.1em 0.5em;
- }
- tags.tags.paizo-style .tagify__input::before {
- align-items: center;
- color: var(--color-text-dark-secondary);
- display: flex;
- font: 500 var(--font-size-10) var(--sans-serif);
- letter-spacing: 0.05em;
- margin: 0;
- min-height: 22px;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- width: fit-content;
- }
- tags.tags.paizo-style .conjunction-not .tagify__tag-text {
- text-decoration: line-through;
- text-decoration-color: var(--color-text-trait);
- }
- tags.tags.paizo-style tag[readonly=true] {
- padding-right: 2px;
- }
- tags.tagify.pf2e-tagify {
- --tag-bg: var(--color-text-light-3);
- --tags-border-color: var(--color-text-light-5);
- --tags-hover-border-color: var(--color-text-light-5);
- align-items: center;
- background-color: rgba(255, 255, 255, 0.5);
- border-radius: 3px;
- gap: 3px;
- padding: 2px;
- }
- tags.tagify.pf2e-tagify:hover {
- box-shadow: 0 0 10px #00005a;
- }
- tags.tagify.pf2e-tagify tag {
- margin: 0;
- padding: 1px;
- }
- tags.tagify.pf2e-tagify tag x {
- margin: 0;
- }
- tags.tagify.pf2e-tagify tag > div {
- padding: 2px;
- }
- tags.tagify.pf2e-tagify tag > div .tagify__tag-text {
- font-weight: normal;
- }
- tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn {
- align-items: baseline;
- }
- tags.tagify.pf2e-tagify .tagify__input {
- margin: 0;
- }
- tags.pf2e-tagify.tagify--hasMaxTags > span, tags.tags.paizo-style.tagify--hasMaxTags > span {
- display: none;
- }
- tags.pf2e-tagify:not(.tagify--select) > span, tags.tags.paizo-style:not(.tagify--select) > span {
- min-width: 20px;
- }
- .damage-tag {
- white-space: nowrap;
- margin: 0 1px 1px 0;
- padding: 0 3px;
- font-size: var(--font-size-10);
- line-height: 16px;
- border: 1px solid #999;
- border-radius: 3px;
- }
- .damage-tag-base {
- color: white;
- background: rgba(0, 0, 0, 0.45);
- }
- .damage-tag-modifier {
- background: rgba(0, 0, 0, 0.05);
- }
- .tagify {
- --tag-inset-shadow-size: 10em ;
- }
- .tagify__tag__removeBtn {
- overflow: visible;
- }
- .travel-duration h2 {
- margin-top: 10px;
- margin-bottom: 30px;
- }
- .travel-duration table td {
- padding: 5px 10px;
- }
- .travel-duration table td.centered {
- text-align: center;
- }
- .travel-duration .journey-input {
- display: grid;
- column-gap: 5px;
- grid: "size type"/50px 1fr 1fr;
- }
- .travel-duration .fraction-input {
- text-align: center;
- }
- .travel-duration .fraction-input input {
- width: 30px;
- }
- .travel-duration .speed-input {
- width: 30px;
- }
|