|
|
- @charset "UTF-8";
- :root {
- --tagify-dd-color-primary: rgb(53,149,246);
- --tagify-dd-bg-color: white;
- --tagify-dd-item-pad: .3em .5em;
- }
-
- .tagify {
- --tags-disabled-bg: #F1F1F1;
- --tags-border-color: #DDD;
- --tags-hover-border-color: #CCC;
- --tags-focus-border-color: #3595f6;
- --tag-border-radius: 3px;
- --tag-bg: #E5E5E5;
- --tag-hover: #D3E2E2;
- --tag-text-color: black;
- --tag-text-color--edit: black;
- --tag-pad: 0.3em 0.5em;
- --tag-inset-shadow-size: 1.1em;
- --tag-invalid-color: #D39494;
- --tag-invalid-bg: rgba(211, 148, 148, 0.5);
- --tag-remove-bg: rgba(211, 148, 148, 0.3);
- --tag-remove-btn-color: black;
- --tag-remove-btn-bg: none;
- --tag-remove-btn-bg--hover: #c77777;
- --input-color: inherit;
- --tag--min-width: 1ch;
- --tag--max-width: auto;
- --tag-hide-transition: 0.3s;
- --placeholder-color: rgba(0, 0, 0, 0.4);
- --placeholder-color-focus: rgba(0, 0, 0, 0.25);
- --loader-size: .8em;
- --readonly-striped: 1;
- display: inline-flex;
- align-items: flex-start;
- flex-wrap: wrap;
- border: 1px solid var(--tags-border-color);
- padding: 0;
- line-height: 0;
- cursor: text;
- outline: none;
- position: relative;
- box-sizing: border-box;
- transition: 0.1s;
- }
- @keyframes tags--bump {
- 30% {
- transform: scale(1.2);
- }
- }
- @keyframes rotateLoader {
- to {
- transform: rotate(1turn);
- }
- }
- .tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
- --tags-border-color: var(--tags-hover-border-color);
- }
- .tagify[disabled] {
- background: var(--tags-disabled-bg);
- filter: saturate(0);
- opacity: 0.5;
- pointer-events: none;
- }
- .tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
- pointer-events: none;
- }
- .tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
- cursor: default;
- }
- .tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
- visibility: hidden;
- width: 0;
- margin: 5px 0;
- }
- .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
- padding: var(--tag-pad);
- }
- .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
- animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
- }
- @keyframes readonlyStyles {
- 0% {
- background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
- box-shadow: none;
- filter: brightness(0.95);
- }
- }
- .tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
- display: none;
- }
- .tagify--loading .tagify__input > br:last-child {
- display: none;
- }
- .tagify--loading .tagify__input::before {
- content: none;
- }
- .tagify--loading .tagify__input::after {
- content: "";
- vertical-align: middle;
- opacity: 1;
- width: 0.7em;
- height: 0.7em;
- width: var(--loader-size);
- height: var(--loader-size);
- min-width: 0;
- border: 3px solid;
- border-color: #EEE #BBB #888 transparent;
- border-radius: 50%;
- animation: rotateLoader 0.4s infinite linear;
- content: "" !important;
- margin: -2px 0 -2px 0.5em;
- }
- .tagify--loading .tagify__input:empty::after {
- margin-left: 0;
- }
- .tagify + input,
- .tagify + textarea {
- position: absolute !important;
- left: -9999em !important;
- transform: scale(0) !important;
- }
- .tagify__tag {
- display: inline-flex;
- align-items: center;
- margin: 5px 0 5px 5px;
- position: relative;
- z-index: 1;
- outline: none;
- line-height: normal;
- cursor: default;
- transition: 0.13s ease-out;
- }
- .tagify__tag > div {
- vertical-align: top;
- box-sizing: border-box;
- max-width: 100%;
- padding: var(--tag-pad);
- color: var(--tag-text-color);
- line-height: inherit;
- border-radius: var(--tag-border-radius);
- white-space: nowrap;
- transition: 0.13s ease-out;
- }
- .tagify__tag > div > * {
- white-space: pre-wrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: inline-block;
- vertical-align: top;
- min-width: var(--tag--min-width);
- max-width: var(--tag--max-width);
- transition: 0.8s ease, 0.1s color;
- }
- .tagify__tag > div > *[contenteditable] {
- outline: none;
- user-select: text;
- cursor: text;
- margin: -2px;
- padding: 2px;
- max-width: 350px;
- }
- .tagify__tag > div::before {
- content: "";
- position: absolute;
- border-radius: inherit;
- inset: var(--tag-bg-inset, 0);
- z-index: -1;
- pointer-events: none;
- transition: 120ms ease;
- animation: tags--bump 0.3s ease-out 1;
- box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
- }
- .tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
- --tag-bg-inset: -2.5px;
- --tag-bg: var(--tag-hover);
- }
- .tagify__tag--loading {
- pointer-events: none;
- }
- .tagify__tag--loading .tagify__tag__removeBtn {
- display: none;
- }
- .tagify__tag--loading::after {
- --loader-size: .4em;
- content: "";
- vertical-align: middle;
- opacity: 1;
- width: 0.7em;
- height: 0.7em;
- width: var(--loader-size);
- height: var(--loader-size);
- min-width: 0;
- border: 3px solid;
- border-color: #EEE #BBB #888 transparent;
- border-radius: 50%;
- animation: rotateLoader 0.4s infinite linear;
- margin: 0 0.5em 0 -0.1em;
- }
- .tagify__tag--flash div::before {
- animation: none;
- }
- .tagify__tag--hide {
- width: 0 !important;
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
- margin-right: 0;
- opacity: 0;
- transform: scale(0);
- transition: var(--tag-hide-transition);
- pointer-events: none;
- }
- .tagify__tag--hide > div > * {
- white-space: nowrap;
- }
- .tagify__tag.tagify--noAnim > div::before {
- animation: none;
- }
- .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
- opacity: 0.5;
- }
- .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
- --tag-bg: var(--tag-invalid-bg);
- transition: 0.2s;
- }
- .tagify__tag[readonly] .tagify__tag__removeBtn {
- display: none;
- }
- .tagify__tag[readonly] > div::before {
- animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
- }
- @keyframes readonlyStyles {
- 0% {
- background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
- box-shadow: none;
- filter: brightness(0.95);
- }
- }
- .tagify__tag--editable > div {
- color: var(--tag-text-color--edit);
- }
- .tagify__tag--editable > div::before {
- box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
- }
- .tagify__tag--editable > .tagify__tag__removeBtn {
- pointer-events: none;
- }
- .tagify__tag--editable > .tagify__tag__removeBtn::after {
- opacity: 0;
- transform: translateX(100%) translateX(5px);
- }
- .tagify__tag--editable.tagify--invalid > div::before {
- box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
- }
- .tagify__tag__removeBtn {
- order: 5;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- border-radius: 50px;
- cursor: pointer;
- font: 14px/1 Arial;
- background: var(--tag-remove-btn-bg);
- color: var(--tag-remove-btn-color);
- width: 14px;
- height: 14px;
- margin-right: 4.6666666667px;
- margin-left: auto;
- overflow: hidden;
- transition: 0.2s ease-out;
- }
- .tagify__tag__removeBtn::after {
- content: "×";
- transition: 0.3s, color 0s;
- }
- .tagify__tag__removeBtn:hover {
- color: white;
- background: var(--tag-remove-btn-bg--hover);
- }
- .tagify__tag__removeBtn:hover + div > span {
- opacity: 0.5;
- }
- .tagify__tag__removeBtn:hover + div::before {
- box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
- transition: box-shadow 0.2s;
- }
- .tagify:not(.tagify--mix) .tagify__input br {
- display: none;
- }
- .tagify:not(.tagify--mix) .tagify__input * {
- display: inline;
- white-space: nowrap;
- }
- .tagify__input {
- flex-grow: 1;
- display: inline-block;
- min-width: 110px;
- margin: 5px;
- padding: var(--tag-pad);
- line-height: normal;
- position: relative;
- white-space: pre-wrap;
- color: var(--input-color);
- box-sizing: inherit;
- /* Seems firefox newer versions don't need this any more
- @supports ( -moz-appearance:none ){
- &::before{
- line-height: inherit;
- position:relative;
- }
- }
- */
- }
- @-moz-document url-prefix() {}
- .tagify__input:empty::before {
- position: static;
- }
- .tagify__input:focus {
- outline: none;
- }
- .tagify__input:focus::before {
- transition: 0.2s ease-out;
- opacity: 0;
- transform: translatex(6px);
- /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
- /* IE Edge 12+ CSS styles go here */
- }
- @supports (-ms-ime-align: auto) {
- .tagify__input:focus::before {
- display: none;
- }
- }
- .tagify__input:focus:empty::before {
- transition: 0.2s ease-out;
- opacity: 1;
- transform: none;
- color: rgba(0, 0, 0, 0.25);
- color: var(--placeholder-color-focus);
- }
- @-moz-document url-prefix() {
- .tagify__input:focus:empty::after {
- display: none;
- }
- }
- .tagify__input::before {
- content: attr(data-placeholder);
- height: 1em;
- line-height: 1em;
- margin: auto 0;
- z-index: 1;
- color: var(--placeholder-color);
- white-space: nowrap;
- pointer-events: none;
- opacity: 0;
- position: absolute;
- }
- .tagify__input::after {
- content: attr(data-suggest);
- display: inline-block;
- vertical-align: middle;
- position: absolute;
- min-width: calc(100% - 1.5em);
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: pre; /* allows spaces at the beginning */
- color: var(--tag-text-color);
- opacity: 0.3;
- pointer-events: none;
- max-width: 100px;
- }
- .tagify__input .tagify__tag {
- margin: 0 1px;
- }
- .tagify--mix {
- display: block;
- }
- .tagify--mix .tagify__input {
- padding: 5px;
- margin: 0;
- width: 100%;
- height: 100%;
- line-height: 1.5;
- display: block;
- }
- .tagify--mix .tagify__input::before {
- height: auto;
- display: none;
- line-height: inherit;
- }
- .tagify--mix .tagify__input::after {
- content: none;
- }
- .tagify--select::after {
- content: ">";
- opacity: 0.5;
- position: absolute;
- top: 50%;
- right: 0;
- bottom: 0;
- font: 16px monospace;
- line-height: 8px;
- height: 8px;
- pointer-events: none;
- transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
- transition: 0.2s ease-in-out;
- }
- .tagify--select[aria-expanded=true]::after {
- transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
- }
- .tagify--select .tagify__tag {
- position: absolute;
- top: 0;
- right: 1.8em;
- bottom: 0;
- }
- .tagify--select .tagify__tag div {
- display: none;
- }
- .tagify--select .tagify__input {
- width: 100%;
- }
- .tagify--empty .tagify__input::before {
- transition: 0.2s ease-out;
- opacity: 1;
- transform: none;
- display: inline-block;
- width: auto;
- }
- .tagify--mix .tagify--empty .tagify__input::before {
- display: inline-block;
- }
- .tagify--focus {
- --tags-border-color: var(--tags-focus-border-color);
- transition: 0s;
- }
- .tagify--invalid {
- --tags-border-color: #D39494;
- }
- .tagify__dropdown {
- position: absolute;
- z-index: 9999;
- transform: translateY(1px);
- overflow: hidden;
- }
- .tagify__dropdown[placement=top] {
- margin-top: 0;
- transform: translateY(-100%);
- }
- .tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
- border-top-width: 1.1px;
- border-bottom-width: 0;
- }
- .tagify__dropdown[position=text] {
- box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
- font-size: 0.9em;
- }
- .tagify__dropdown[position=text] .tagify__dropdown__wrapper {
- border-width: 1px;
- }
- .tagify__dropdown__wrapper {
- max-height: 300px;
- overflow: auto;
- overflow-x: hidden;
- background: var(--tagify-dd-bg-color);
- border: 1px solid;
- border-color: var(--tagify-dd-color-primary);
- border-bottom-width: 1.5px;
- border-top-width: 0;
- box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
- transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
- }
- .tagify__dropdown__header:empty {
- display: none;
- }
- .tagify__dropdown__footer {
- display: inline-block;
- margin-top: 0.5em;
- padding: var(--tagify-dd-item-pad);
- font-size: 0.7em;
- font-style: italic;
- opacity: 0.5;
- }
- .tagify__dropdown__footer:empty {
- display: none;
- }
- .tagify__dropdown--initial .tagify__dropdown__wrapper {
- max-height: 20px;
- transform: translateY(-1em);
- }
- .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
- transform: translateY(2em);
- }
- .tagify__dropdown__item {
- box-sizing: border-box;
- padding: var(--tagify-dd-item-pad);
- margin: 1px;
- cursor: pointer;
- border-radius: 2px;
- position: relative;
- outline: none;
- max-height: 60px;
- max-width: 100%;
- /* custom hidden transition effect is needed for horizontal-layout suggestions */
- }
- .tagify__dropdown__item--active {
- background: var(--tagify-dd-color-primary);
- color: white;
- }
- .tagify__dropdown__item:active {
- filter: brightness(105%);
- }
- .tagify__dropdown__item--hidden {
- padding-top: 0;
- padding-bottom: 0;
- margin: 0 1px;
- pointer-events: none;
- overflow: hidden;
- max-height: 0;
- transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
- }
- .tagify__dropdown__item--hidden > * {
- transform: translateY(-100%);
- opacity: 0;
- transition: inherit;
- }.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
- :root {
- scrollbar-color: #782e22 transparent;
- }
- * {
- scrollbar-width: thin;
- }
- :root {
- /** Font-size variables not defined by Foundry */
- --font-size-5: 0.3125rem;
- --font-size-8: 0.5rem;
- --font-size-9: 0.5625rem;
- --font-size-10: 0.625rem;
- --font-size-15: 0.9375rem;
- --font-size-17: 1.0625rem;
- --font-size-19: 1.1875rem;
- --font-size-21: 1.3125rem;
- --font-size-22: 1.375rem;
- --font-size-26: 1.625rem;
- --font-size-27: 1.6875rem;
- --font-size-30: 1.875rem;
- --font-size-34: 2.125rem;
- --font-size-36: 2.25rem;
- --font-size-42: 2.625rem;
- /** Font families */
- --body-serif: Gelasio, Georgia, serif;
- --sans-serif: Roboto, sans-serif;
- --sans-serif-condensed: "Roboto Condensed", var(--sans-serif);
- --sans-serif-monospace: "Roboto Mono", monospace;
- --serif: Eczar, Georgia, serif;
- --serif-condensed: "Modesto Condensed", serif;
- --journal-cursive: "La Belle Aurore", cursive;
- --journal-serif: "Vollkorn", var(--serif);
- }
- /* ----------------------------------------- */
- /* Color definitions */
- /* ----------------------------------------- */
- /* Colors */
- /* Global */
- /* used for mini headers, alternate primary color */
- /* compliments the primary color, usually used in combination */
- /* for all other uses */
- /* Lighter / Darker */
- /* Text */
- /* ----------------------------------------- */
- /* Color schemes */
- /* ----------------------------------------- */
- /* Degrees of success */
- /* Value adjustments (e.g. weak/elite) */
- /* ----------------------------------------- */
- /* CSS Custom Properties */
- /* ----------------------------------------- */
- :root {
- /* Global */
- --color-pf-primary: #5e0000;
- --color-pf-primary-light: #780000;
- --color-pf-primary-dark: #450000;
- --color-pf-secondary: #171f69;
- --color-pf-secondary-light: #202b93;
- --color-pf-secondary-dark: #0e133f;
- --primary: var(--color-pf-primary);
- --secondary: var(--color-pf-secondary);
- --tertiary: #e9d7a1;
- --alt: #786452;
- --alt-dark: #443730;
- --bg: #f8f4f1;
- --bg-dark: #e7d9cf;
- --sub: #605856;
- --color-disabled: var(--color-text-dark-4);
- --inline-link-bg: #ddd;
- --inline-repost-bg: #eaeaea;
- --visibility-gm-bg: #e8e8ef;
- --visibility-owner-bg: #ddebe1;
- --blind-roll: #f5eaf5;
- /* Lighter / Darker */
- --primary-dark: #450000;
- --primary-darker: #2b0000;
- --tertiary-dark: #dfc578;
- --tertiary-light: #f3e9ca;
- /* Text */
- --text-dark: var(--color-text-dark-primary);
- --text-light: #f5efe0;
- --color-text-dark-input: #333;
- --color-text-dark-improved: #006644;
- /* Borders */
- --color-border-divider: #baa991;
- --color-border-dark-input: #d3ccbc;
- --color-border-medium: gray;
- /* Headers w/ boxes */
- --header-color: var(--text-light);
- --header-bg: var(--secondary);
- /* Sidebar */
- --sidebar-label: var(--tertiary-dark);
- --sidebar-title: var(--tertiary);
- /** Traits */
- --color-bg-size: #3a7b59;
- --color-bg-trait: #5e0000;
- --color-border-trait: #d8c384;
- --color-text-trait: white;
- /* Rarity */
- --color-rarity-common: #323232;
- --color-rarity-uncommon: #98513d;
- --color-rarity-rare: #002664;
- --color-rarity-unique: #54166e;
- /** Proficiency ranks */
- --color-proficiency-untrained: #424242;
- --color-proficiency-trained: #171f69;
- --color-proficiency-expert: #3c005e;
- --color-proficiency-master: #664400;
- --color-proficiency-legendary: #5e0000;
- /* Damage colors */
- }
- :root .damage {
- --color-bg-acid: rgba(0, 115, 0, 0.125);
- --color-bg-bleed: rgba(153, 0, 26, 0.125);
- --color-bg-chaotic: rgba(166, 0, 166, 0.125);
- --color-bg-cold: rgba(47, 47, 166, 0.125);
- --color-bg-electricity: rgba(184, 134, 11, 0.125);
- --color-bg-evil: rgba(75, 0, 130, 0.125);
- --color-bg-fire: rgba(166, 47, 0, 0.125);
- --color-bg-force: rgba(99, 0, 170, 0.125);
- --color-bg-good: rgba(157, 115, 10, 0.125);
- --color-bg-lawful: rgba(64, 38, 0, 0.125);
- --color-bg-mental: rgba(25, 25, 112, 0.125);
- --color-bg-physical: rgba(60, 60, 60, 0.125);
- --color-bg-poison: rgba(91, 115, 50, 0.125);
- --color-bg-sonic: rgba(0, 139, 139, 0.125);
- --color-bg-spirit: rgba(90, 85, 133, 0.125);
- --color-bg-vitality: rgba(255, 255, 224, 0.125);
- --color-bg-void: rgba(0, 0, 31, 0.125);
- --color-border-acid: #007300;
- --color-border-bleed: #99001a;
- --color-border-chaotic: #a600a6;
- --color-border-cold: #2f2fa6;
- --color-border-electricity: darkgoldenrod;
- --color-border-evil: indigo;
- --color-border-fire: #a62f00;
- --color-border-force: #6300aa;
- --color-border-good: #9d730a;
- --color-border-lawful: #402600;
- --color-border-mental: midnightblue;
- --color-border-physical: #3c3c3c;
- --color-border-poison: #5b7332;
- --color-border-sonic: darkcyan;
- --color-border-spirit: #5a5585;
- --color-border-vitality: #ffffe0;
- --color-border-void: #00001f;
- --color-text-acid: #003300;
- --color-text-bleed: #59000f;
- --color-text-chaotic: #660066;
- --color-text-cold: #212174;
- --color-text-electricity: #7c5a07;
- --color-text-evil: #260042;
- --color-text-fire: #661d00;
- --color-text-force: #3e006a;
- --color-text-good: #614706;
- --color-text-lawful: black;
- --color-text-mental: #0d0d3c;
- --color-text-physical: #1c1c1c;
- --color-text-poison: #38471f;
- --color-text-sonic: #004b4b;
- --color-text-spirit: #403c5e;
- --color-text-vitality: #ffffa0;
- --color-text-void: black;
- }
- :root .damage.color.acid {
- background-color: var(--color-bg-acid);
- border-color: var(--color-border-acid);
- color: var(--color-text-acid);
- }
- :root .damage.color.acid i[class^=fa-] {
- color: var(--color-border-acid);
- }
- :root .damage.color.bleed {
- background-color: var(--color-bg-bleed);
- border-color: var(--color-border-bleed);
- color: var(--color-text-bleed);
- }
- :root .damage.color.bleed i[class^=fa-] {
- color: var(--color-border-bleed);
- }
- :root .damage.color.bludgeoning, :root .damage.color.piercing, :root .damage.color.slashing {
- background-color: var(--color-bg-physical);
- border-color: var(--color-border-physical);
- color: var(--color-text-physical);
- }
- :root .damage.color.bludgeoning i[class^=fa-], :root .damage.color.piercing i[class^=fa-], :root .damage.color.slashing i[class^=fa-] {
- color: var(--color-border-physical);
- }
- :root .damage.color.chaotic {
- background-color: var(--color-bg-chaotic);
- border-color: var(--color-border-chaotic);
- color: var(--color-text-chaotic);
- }
- :root .damage.color.chaotic i[class^=fa-] {
- color: var(--color-border-chaotic);
- }
- :root .damage.color.cold {
- background-color: var(--color-bg-cold);
- border-color: var(--color-border-cold);
- color: var(--color-text-cold);
- }
- :root .damage.color.cold i[class^=fa-] {
- color: var(--color-border-cold);
- }
- :root .damage.color.electricity {
- background-color: var(--color-bg-electricity);
- border-color: var(--color-border-electricity);
- color: var(--color-text-electricity);
- }
- :root .damage.color.electricity i[class^=fa-] {
- color: var(--color-border-electricity);
- }
- :root .damage.color.evil {
- background-color: var(--color-bg-evil);
- border-color: var(--color-border-evil);
- color: var(--color-text-evil);
- }
- :root .damage.color.evil i[class^=fa-] {
- color: var(--color-border-evil);
- }
- :root .damage.color.fire {
- background-color: var(--color-bg-fire);
- border-color: var(--color-border-fire);
- color: var(--color-text-fire);
- }
- :root .damage.color.fire i[class^=fa-] {
- color: var(--color-border-fire);
- }
- :root .damage.color.force {
- background-color: var(--color-bg-force);
- border-color: var(--color-border-force);
- color: var(--color-text-force);
- }
- :root .damage.color.force i[class^=fa-] {
- color: var(--color-border-force);
- }
- :root .damage.color.good {
- background-color: var(--color-bg-good);
- border-color: var(--color-border-good);
- color: var(--color-text-good);
- }
- :root .damage.color.good i[class^=fa-] {
- color: var(--color-border-good);
- }
- :root .damage.color.lawful {
- background-color: var(--color-bg-lawful);
- border-color: var(--color-border-lawful);
- color: var(--color-text-lawful);
- }
- :root .damage.color.lawful i[class^=fa-] {
- color: var(--color-border-lawful);
- }
- :root .damage.color.mental {
- background-color: var(--color-bg-mental);
- border-color: var(--color-border-mental);
- color: var(--color-text-mental);
- }
- :root .damage.color.mental i[class^=fa-] {
- color: var(--color-border-mental);
- }
- :root .damage.color.poison {
- background-color: var(--color-bg-poison);
- border-color: var(--color-border-poison);
- color: var(--color-text-poison);
- }
- :root .damage.color.poison i[class^=fa-] {
- color: var(--color-border-poison);
- }
- :root .damage.color.sonic {
- border-color: var(--color-border-sonic);
- background-color: var(--color-bg-sonic);
- color: var(--color-text-sonic);
- }
- :root .damage.color.sonic i[class^=fa-] {
- color: var(--color-border-sonic);
- }
- :root .damage.color.spirit {
- border-color: var(--color-border-spirit);
- background-color: var(--color-bg-spirit);
- color: var(--color-text-spirit);
- }
- :root .damage.color.spirit i[class^=fa-] {
- color: var(--color-border-spirit);
- }
- :root .damage.color.vitality {
- background-color: var(--color-bg-physical);
- border-color: var(--color-border-vitality);
- color: var(--color-text-vitality);
- text-shadow: 1px 1px var(--color-text-dark-1);
- }
- :root .damage.color.vitality i[class^=fa-] {
- color: var(--color-border-vitality);
- }
- :root .damage.color.void {
- background-color: var(--color-bg-void);
- border-color: var(--color-border-void);
- color: var(--color-text-void);
- }
- :root .damage.color.void i[class^=fa-] {
- color: var(--color-border-void);
- }
- @keyframes fadein {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
- /**
- * Legacy is for the old css unrelated
- * to the current design (crb-style).
- * Only use the legacy folder if you need
- * to make changes to the old css.
- *
- * If you're adding a new feature, put it
- * in the appropriate folder in src/styles.
- * Just make sure to update the relevant
- * _index.scss so that it will get compiled.
- *
- */
- :root {
- --primary-background: #454a7c;
- --secondary-background: gray;
- --tertiary-background: #454a7c;
- --alternate-background: darkgray;
- }
- /* ---------------------------------------- */
- /* Actor Sheet */
- /* ---------------------------------------- */
- .pf2e.actor form {
- font-size: var(--font-size-13);
- height: 100%;
- padding: 0.25rem;
- }
- .pf2e.actor form .sheet-header {
- border-bottom: 1px solid var(--primary-background);
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- flex: 0 0 100%;
- height: 3rem;
- justify-content: flex-start;
- }
- .pf2e.actor form .sheet-header > * {
- flex: 1;
- }
- .pf2e.actor form .sheet-header h1 {
- margin: 0;
- border: none;
- }
- .pf2e.actor form .sheet-header h1 > input {
- font-family: var(--serif-condensed);
- font-weight: 700;
- height: 2.5rem;
- width: 100%;
- margin: 2px;
- font-size: var(--font-size-36);
- border: none;
- }
- .pf2e.actor form .sheet-sidebar {
- height: calc(100% - 48px);
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- overflow: hidden auto;
- border-right: 1px solid var(--primary-background);
- }
- .pf2e.actor form .sheet-sidebar .tab {
- height: 100%;
- padding-top: 2px;
- overflow-y: auto;
- }
- .pf2e.actor form .sheet-sidebar > * {
- flex: 1;
- }
- .pf2e.actor form .sheet-sidebar .sidebar-summary {
- overflow-y: hidden;
- }
- .pf2e.actor form .sheet-body {
- height: calc(100% - 35px);
- overflow: hidden;
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- }
- .pf2e.actor form input[type=text], .pf2e.actor form input[type=number] {
- background: rgba(0, 0, 0, 0.025);
- border: 1px solid transparent;
- color: var(--color-text-dark-input);
- height: calc(100% - 2px);
- margin: 1px 0;
- padding: 0;
- width: calc(100% - 2px);
- }
- .pf2e.actor form input[type=text]:hover:not(:disabled), .pf2e.actor form input[type=text]:focus, .pf2e.actor form input[type=number]:hover:not(:disabled), .pf2e.actor form input[type=number]:focus {
- border: 1px solid black;
- box-shadow: 0 0 10px #00005a;
- }
- .pf2e.actor form label {
- display: block;
- }
- .pf2e.actor form .mce-panel span {
- display: inherit;
- }
- .pf2e.actor form.editable .rollable:hover {
- color: #000;
- text-shadow: 0 0 10px #00005a;
- cursor: pointer;
- }
- .pf2e.actor form .sheet-tabs {
- font-weight: 500;
- height: 30px;
- }
- .pf2e.actor form .sheet-tabs > .list-row {
- line-height: 2rem;
- padding-top: 3px;
- font-size: var(--font-size-12);
- text-align: center;
- }
- .pf2e.actor form .sheet-tabs > .list-row:last-of-type {
- padding-right: 4px;
- }
- .pf2e.actor form .sheet-tabs > .list-row.active {
- color: var(--text-dark);
- font-weight: 700;
- }
- .pf2e.actor form .tag-legacy {
- float: left;
- margin: 0 2px 2px 0;
- padding: 0 3px;
- font-size: var(--font-size-10);
- line-height: 1rem;
- border: 1px solid var(--color-border-light-2);
- border-radius: 3px;
- white-space: normal;
- font-weight: 500;
- }
- .pf2e.actor form .traits label {
- font-weight: bold;
- }
- .pf2e.actor form .traits select {
- margin: 2px 0;
- }
- .pf2e.actor form .traits .trait-perception > input {
- flex: 0 0 32px;
- text-align: center;
- }
- .pf2e.actor form .traits .tag-selector {
- float: right;
- margin-right: 3px;
- color: #999;
- font-size: var(--font-size-10);
- line-height: 16px;
- }
- .pf2e.actor form .inventory-header {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .pf2e.actor form .action-header .item-controls {
- flex: 0 0 44px;
- }
- .pf2e.actor form .action-header .item-controls a {
- display: block;
- float: left;
- width: 44px;
- font-size: var(--font-size-14);
- text-align: center;
- }
- .pf2e.actor form .list-row.action-header .item-controls a {
- display: block;
- float: left;
- width: 22px;
- font-size: var(--font-size-10);
- text-align: center;
- color: #666;
- }
- .pf2e.actor form .action-header .item-controls a.item-create, .pf2e.actor form .action-header .item-controls a.item-delete, .pf2e.actor form .action-header .item-controls a.feat-browse, .pf2e.actor form .action-header .item-controls a.action-browse {
- width: 100%;
- color: #fff;
- background: var(--primary-background);
- }
- /* ----------------------------------------- */
- /* Item Buttons */
- /* ----------------------------------------- */
- .pf2e.sheet .item-buttons button {
- font-size: var(--font-size-10);
- line-height: 12px;
- margin: 0;
- }
- .pf2e.sheet .item-buttons > span {
- padding: 0;
- }
- li.list-row.hover-container {
- background-color: #aaa !important;
- }
- .dice-total-shield-btn.shield-activated {
- background-color: #333;
- color: var(--text-light);
- }
- .recall-knowledge-table th {
- padding: 5px 8px;
- }
- .recall-knowledge-table td {
- text-align: center;
- padding: 5px 8px;
- }
- .recall-knowledge-table td:first-child {
- text-align: right;
- }
- .recall-knowledge-table th:first-child {
- text-align: right;
- }
- button:not(:disabled):hover {
- box-shadow: 0 0 3px #c00;
- }
- button:not(:disabled):active {
- box-shadow: 0 0 5px red;
- }
- button:disabled {
- color: #666;
- }
- .app.tag-selector {
- max-height: 700px;
- }
- /* ----------------------------------------- */
- /* Item Card Structure */
- /* ----------------------------------------- */
- .pf2e.chat-card {
- font-family: var(--sans-serif);
- }
- .pf2e.chat-card h2,
- .pf2e.chat-card h3,
- .pf2e.chat-card h4 {
- font-weight: 600;
- }
- .pf2e.chat-card .card-header {
- padding: 2px 0;
- border-top: 2px groove #fff;
- align-items: center;
- min-height: 2.25rem;
- }
- .pf2e.chat-card .card-header img {
- flex: 0 0 2.25rem;
- margin-right: 0.25rem;
- height: 2.25rem;
- width: 2.25rem;
- }
- .pf2e.chat-card .card-header h3 {
- border-bottom: none;
- flex: 1;
- margin: 0;
- font-size: var(--font-size-16);
- }
- .pf2e.chat-card .card-header h4 {
- flex: 0;
- margin: 0 0.5em 0 0;
- white-space: nowrap;
- }
- .pf2e.chat-card .card-header h4.level, .pf2e.chat-card .card-header h4.rank {
- margin-left: auto;
- }
- .pf2e.chat-card .tags {
- margin: 3px 0 0;
- }
- .pf2e.chat-card .card-content {
- margin: 0.25rem 0;
- }
- .pf2e.chat-card .card-content p {
- margin: 0.25rem 0;
- min-height: unset;
- }
- .pf2e.chat-card .card-buttons {
- display: flex;
- flex-basis: 100%;
- flex-direction: column;
- margin: 0.25rem 0;
- }
- .pf2e.chat-card .card-buttons button {
- margin: 2px 0;
- }
- .pf2e.chat-card .card-buttons button span {
- border: none;
- }
- .pf2e.chat-card .card-buttons .owner-buttons {
- display: flex;
- flex-basis: 100%;
- flex-direction: column;
- }
- .pf2e.chat-card .card-buttons .spell-attack-buttons,
- .pf2e.chat-card .card-buttons .spell-button {
- display: flex;
- flex-direction: row;
- }
- .pf2e.chat-card .card-buttons .spell-attack-buttons *,
- .pf2e.chat-card .card-buttons .spell-button * {
- flex-grow: 1;
- flex-basis: 0;
- }
- .pf2e.chat-card .card-buttons .spell-attack-buttons :first-child,
- .pf2e.chat-card .card-buttons .spell-button :first-child {
- flex-grow: 2;
- }
- .pf2e.chat-card .card-buttons .spell-button button.small {
- flex-grow: 0;
- }
- .pf2e.chat-card .card-buttons .spell-button button.small > i {
- margin-right: 0;
- }
- .pf2e.chat-card .card-buttons .hidden-to-others {
- background: var(--visibility-gm-bg);
- }
- .pf2e.chat-card .card-footer {
- padding: 3px 0 0;
- border-top: 2px groove #fff;
- }
- .pf2e.chat-card .card-footer span {
- border-right: 2px groove #fff;
- padding: 0 0.25rem 0 0;
- font-size: var(--font-size-12);
- }
- .pf2e.chat-card .card-footer span:last-child {
- border-right: none;
- padding-right: 0;
- }
- .pf2e.chat-card .card-buttons-two-column {
- display: grid;
- grid-template-columns: 1fr 1fr;
- grid-column-gap: 0.25rem;
- }
- /* This is the core CSS of Tooltipster */
- /* GENERAL STRUCTURE RULES (do not edit this section) */
- .tooltipster-base {
- /* this ensures that a constrained height set by functionPosition,
- if greater that the natural height of the tooltip, will be enforced
- in browsers that support display:flex */
- display: flex;
- pointer-events: none;
- /* this may be overriden in JS for fixed position origins */
- position: absolute;
- }
- .tooltipster-box {
- /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
- and flex-basis auto for IE11- (at least) */
- flex: 1 1 auto;
- }
- .tooltipster-content {
- /* prevents an overflow if the user adds padding to the div */
- box-sizing: border-box;
- /* these make sure we'll be able to detect any overflow */
- max-height: 100%;
- max-width: 100%;
- overflow: auto;
- }
- .tooltipster-ruler {
- /* these let us test the size of the tooltip without overflowing the window */
- bottom: 0;
- left: 0;
- overflow: hidden;
- position: fixed;
- right: 0;
- top: 0;
- visibility: hidden;
- }
- /* ANIMATIONS */
- /* Open/close animations */
- /* fade */
- .tooltipster-fade {
- opacity: 0;
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -o-transition-property: opacity;
- -ms-transition-property: opacity;
- transition-property: opacity;
- }
- .tooltipster-fade.tooltipster-show {
- opacity: 1;
- }
- /* grow */
- .tooltipster-grow {
- -webkit-transform: scale(0, 0);
- -moz-transform: scale(0, 0);
- -o-transform: scale(0, 0);
- -ms-transform: scale(0, 0);
- transform: scale(0, 0);
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- -ms-transition-property: -ms-transform;
- transition-property: transform;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .tooltipster-grow.tooltipster-show {
- -webkit-transform: scale(1, 1);
- -moz-transform: scale(1, 1);
- -o-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- }
- /* swing */
- .tooltipster-swing {
- opacity: 0;
- -webkit-transform: rotateZ(4deg);
- -moz-transform: rotateZ(4deg);
- -o-transform: rotateZ(4deg);
- -ms-transform: rotateZ(4deg);
- transform: rotateZ(4deg);
- -webkit-transition-property: -webkit-transform, opacity;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- -ms-transition-property: -ms-transform;
- transition-property: transform;
- }
- .tooltipster-swing.tooltipster-show {
- opacity: 1;
- -webkit-transform: rotateZ(0deg);
- -moz-transform: rotateZ(0deg);
- -o-transform: rotateZ(0deg);
- -ms-transform: rotateZ(0deg);
- transform: rotateZ(0deg);
- -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
- -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
- }
- /* fall */
- .tooltipster-fall {
- -webkit-transition-property: top;
- -moz-transition-property: top;
- -o-transition-property: top;
- -ms-transition-property: top;
- transition-property: top;
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- }
- .tooltipster-fall.tooltipster-initial {
- top: 0 !important;
- }
- .tooltipster-fall.tooltipster-dying {
- -webkit-transition-property: all;
- -moz-transition-property: all;
- -o-transition-property: all;
- -ms-transition-property: all;
- transition-property: all;
- top: 0 !important;
- opacity: 0;
- }
- /* slide */
- .tooltipster-slide {
- -webkit-transition-property: left;
- -moz-transition-property: left;
- -o-transition-property: left;
- -ms-transition-property: left;
- transition-property: left;
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
- }
- .tooltipster-slide.tooltipster-initial {
- left: -40px !important;
- }
- .tooltipster-slide.tooltipster-dying {
- -webkit-transition-property: all;
- -moz-transition-property: all;
- -o-transition-property: all;
- -ms-transition-property: all;
- transition-property: all;
- left: 0 !important;
- opacity: 0;
- }
- /* Update animations */
- /* We use animations rather than transitions here because
- transition durations may be specified in the style tag due to
- animationDuration, and we try to avoid collisions and the use
- of !important */
- /* fade */
- @keyframes tooltipster-fading {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .tooltipster-update-fade {
- animation: tooltipster-fading 400ms;
- }
- /* rotate */
- @keyframes tooltipster-rotating {
- 25% {
- transform: rotate(-2deg);
- }
- 75% {
- transform: rotate(2deg);
- }
- 100% {
- transform: rotate(0);
- }
- }
- .tooltipster-update-rotate {
- animation: tooltipster-rotating 600ms;
- }
- /* scale */
- @keyframes tooltipster-scaling {
- 50% {
- transform: scale(1.1);
- }
- 100% {
- transform: scale(1);
- }
- }
- .tooltipster-update-scale {
- animation: tooltipster-scaling 600ms;
- }
- /**
- * DEFAULT STYLE OF THE SIDETIP PLUGIN
- *
- * All styles are "namespaced" with .tooltipster-sidetip to prevent
- * conflicts between plugins.
- */
- /* .tooltipster-box */
- .tooltipster-sidetip .tooltipster-box {
- background: #565656;
- border: 2px solid black;
- border-radius: 4px;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
- margin-top: 8px;
- }
- .tooltipster-sidetip.tooltipster-left .tooltipster-box {
- margin-right: 8px;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-box {
- margin-left: 8px;
- }
- .tooltipster-sidetip.tooltipster-top .tooltipster-box {
- margin-bottom: 8px;
- }
- /* .tooltipster-content */
- .tooltipster-sidetip .tooltipster-content {
- color: var(--text-light);
- line-height: 18px;
- padding: 6px 14px;
- }
- /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
- corresponds to the arrow we want to display */
- .tooltipster-sidetip .tooltipster-arrow {
- overflow: hidden;
- position: absolute;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
- height: 10px;
- /* half the width, for centering */
- margin-left: -10px;
- top: 0;
- width: 20px;
- }
- .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
- height: 20px;
- margin-top: -10px;
- right: 0;
- /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
- been positioned yet */
- top: 0;
- width: 10px;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
- height: 20px;
- margin-top: -10px;
- left: 0;
- /* same as .tooltipster-left .tooltipster-arrow */
- top: 0;
- width: 10px;
- }
- .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
- bottom: 0;
- height: 10px;
- margin-left: -10px;
- width: 20px;
- }
- /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
- .tooltipster-sidetip .tooltipster-arrow-background,
- .tooltipster-sidetip .tooltipster-arrow-border {
- height: 0;
- position: absolute;
- width: 0;
- }
- /* .tooltipster-arrow-background */
- .tooltipster-sidetip .tooltipster-arrow-background {
- border: 10px solid transparent;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
- border-bottom-color: #565656;
- left: 0;
- top: 3px;
- }
- .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
- border-left-color: #565656;
- left: -3px;
- top: 0;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
- border-right-color: #565656;
- left: 3px;
- top: 0;
- }
- .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
- border-top-color: #565656;
- left: 0;
- top: -3px;
- }
- /* .tooltipster-arrow-border */
- .tooltipster-sidetip .tooltipster-arrow-border {
- border: 10px solid transparent;
- left: 0;
- top: 0;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
- border-bottom-color: black;
- }
- .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
- border-left-color: black;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
- border-right-color: black;
- }
- .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
- border-top-color: black;
- }
- /* tooltipster-arrow-uncropped */
- .tooltipster-sidetip .tooltipster-arrow-uncropped {
- position: relative;
- }
- .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
- top: -10px;
- }
- .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
- left: -10px;
- }
- @-webkit-keyframes wobble {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 15% {
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- }
- 30% {
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- }
- 45% {
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- }
- 60% {
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- }
- 75% {
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes wobble {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 15% {
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
- }
- 30% {
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
- }
- 45% {
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
- }
- 60% {
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
- }
- 75% {
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- }
- @keyframes rotation {
- from {
- -webkit-transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(359deg);
- }
- }
- /* ----------------------------------------- */
- /* Animation */
- /* ----------------------------------------- */
- :root {
- --animate-duration: 1s;
- --animate-delay: 1s;
- --animate-repeat: 1;
- }
- /* ----------------------------------------- */
- /* Layout */
- /* ----------------------------------------- */
- [hidden] {
- display: none !important;
- }
- /** A vertical rule in a flexbox */
- hr.vr {
- border: 1px inset;
- height: 1.25em;
- margin: 1px 2px;
- }
- .pf2e.sheet form span.pf2-icon,
- .pf2e.sheet form span[data-pf2-action],
- .pf2e.sheet form span[data-pf2-action] *,
- .pf2e.sheet form span[data-pf2-check],
- .pf2e.sheet form span[data-pf2-check] *,
- .pf2-icon {
- display: inline;
- }
- .pf2e.sheet form span.pf2-icon,
- .pf2-icon {
- font-family: "Pathfinder2eActions", sans-serif;
- }
- section.roll-note,
- p.compact-text {
- display: inline-block;
- font-weight: normal;
- line-height: 1.4em;
- margin: 0.25em 0;
- min-height: 1rem;
- width: 100%;
- }
- .action-glyph {
- align-self: center;
- display: inline;
- font-family: "Pathfinder2eActions", sans-serif;
- letter-spacing: 0;
- margin: 0;
- padding: 0;
- }
- /* ----------------------------------------- */
- /* Styled table */
- /* ----------------------------------------- */
- table.pf2e,
- table.pf2-table {
- border-collapse: collapse;
- color: var(--text-dark);
- font-size: var(--font-size-13);
- user-select: text;
- }
- table.pf2e thead,
- table.pf2e tbody,
- table.pf2e th,
- table.pf2e td,
- table.pf2-table thead,
- table.pf2-table tbody,
- table.pf2-table th,
- table.pf2-table td {
- box-sizing: border-box;
- user-select: text;
- word-break: auto-phrase;
- }
- table.pf2e tr:nth-child(odd),
- table.pf2-table tr:nth-child(odd) {
- background-color: var(--tertiary-light);
- }
- table.pf2e tr:nth-child(even),
- table.pf2-table tr:nth-child(even) {
- background-color: var(--text-light);
- }
- table.pf2e th,
- table.pf2e td,
- table.pf2-table th,
- table.pf2-table td {
- border: solid 1px var(--color-border-light-tertiary);
- text-align: center;
- }
- table.pf2e th,
- table.pf2-table th {
- background-color: var(--color-pf-primary-dark);
- color: var(--text-light);
- font-weight: bold;
- padding: 0.5rem 0.25rem;
- }
- table.pf2e td,
- table.pf2-table td {
- padding: 0.25rem;
- }
- a.content-link {
- line-height: 1.6em;
- }
- a.content-link:has(i.fa-sparkles) {
- font-style: italic;
- }
- #tooltip a.content-link {
- color: var(--color-text-dark-primary);
- }
- .inline-roll.altered {
- color: var(--color-text-dark-improved);
- }
- /* ----------------------------------------- */
- /* PF2E Action Custom Element */
- /* ----------------------------------------- */
- span[data-pf2-action] {
- background: var(--inline-link-bg);
- border-radius: 2px;
- border: 1px solid var(--color-border-dark-tertiary);
- box-sizing: border-box;
- color: var(--color-text-dark-primary);
- line-height: 1.6em;
- padding: 1px 4px;
- white-space: nowrap;
- word-break: break-all;
- cursor: pointer;
- }
- span[data-pf2-action] > i.icon {
- color: var(--color-text-dark-inactive);
- margin-right: 0.25em;
- }
- span[data-pf2-action][data-pf2-glyph]::before {
- font-family: "Pathfinder2eActions";
- margin-right: 2px;
- color: var(--color-text-dark-inactive);
- }
- span[data-pf2-action]:not([data-pf2-glyph])::before, span[data-pf2-action][data-pf2-glyph=""]::before {
- display: inline-block;
- height: 15px;
- width: 15px;
- background-image: url("../icons/actions/Passive.webp");
- background-repeat: no-repeat;
- background-size: 15px 15px;
- opacity: 0.4;
- margin-bottom: -3px;
- margin-right: 2px;
- content: "";
- }
- span[data-pf2-action][data-pf2-glyph=A]::before, span[data-pf2-action][data-pf2-glyph=a]::before, span[data-pf2-action][data-pf2-glyph="1"]::before {
- content: "A";
- }
- span[data-pf2-action][data-pf2-glyph=D]::before, span[data-pf2-action][data-pf2-glyph=d]::before, span[data-pf2-action][data-pf2-glyph="2"]::before {
- content: "D";
- }
- span[data-pf2-action][data-pf2-glyph=T]::before, span[data-pf2-action][data-pf2-glyph=t]::before, span[data-pf2-action][data-pf2-glyph="3"]::before {
- content: "T";
- }
- span[data-pf2-action][data-pf2-glyph=F]::before, span[data-pf2-action][data-pf2-glyph=f]::before {
- content: "F";
- }
- span[data-pf2-action][data-pf2-glyph=R]::before, span[data-pf2-action][data-pf2-glyph=r]::before {
- content: "R";
- }
- /* ----------------------------------------- */
- /* PF2E Check Custom Element */
- /* ----------------------------------------- */
- a.inline-check,
- span[data-pf2-check] {
- background: var(--inline-link-bg);
- border-radius: 2px;
- border: 1px solid var(--color-border-dark-tertiary);
- box-sizing: border-box;
- color: var(--color-text-dark-primary);
- line-height: 1.6em;
- padding: 1px 4px;
- white-space: nowrap;
- word-break: break-all;
- }
- a.inline-check > i.icon,
- span[data-pf2-check] > i.icon {
- color: var(--color-text-dark-inactive);
- margin-right: 0.25em;
- }
- a.inline-check:has([data-pf2-repost]),
- span[data-pf2-check]:has([data-pf2-repost]) {
- padding-right: 0;
- }
- a.inline-check:hover,
- span[data-pf2-check]:hover {
- text-shadow: none;
- }
- a.inline-check:has(.label:hover, i.fa-dice-d20:hover),
- span[data-pf2-check]:has(.label:hover, i.fa-dice-d20:hover) {
- text-shadow: 0 0 8px var(--color-shadow-primary);
- }
- a.inline-check > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])),
- span[data-pf2-check] > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])) {
- margin-right: 0.25em;
- }
- a.inline-check[data-pf2-traits*=secret],
- span[data-pf2-check][data-pf2-traits*=secret] {
- background: var(--blind-roll);
- border-color: #720073;
- }
- a.inline-check[data-invalid],
- span[data-pf2-check][data-invalid] {
- background: rgba(255, 0, 0, 0.05);
- border: 1px dashed red;
- }
- /* ----------------------------------------- */
- /* PF2E Inline Template Custom Element */
- /* ----------------------------------------- */
- span[data-pf2-effect-area] {
- background: var(--inline-link-bg);
- border-radius: 2px;
- border: 1px solid var(--color-border-dark-tertiary);
- box-sizing: border-box;
- color: var(--color-text-dark-primary);
- line-height: 1.6em;
- padding: 1px 4px;
- white-space: nowrap;
- word-break: break-all;
- cursor: pointer;
- padding-right: 0;
- }
- span[data-pf2-effect-area] > i.icon {
- color: var(--color-text-dark-inactive);
- margin-right: 0.25em;
- }
- span[data-pf2-effect-area]::before {
- color: var(--color-text-dark-inactive);
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- margin-right: 0.25em;
- }
- span[data-pf2-effect-area][data-pf2-effect-area=cone]::before {
- content: "\f104";
- }
- span[data-pf2-effect-area][data-pf2-effect-area=line]::before {
- content: "\f7a5";
- }
- span[data-pf2-effect-area][data-pf2-effect-area=burst]::before {
- content: "\f111";
- }
- span[data-pf2-effect-area][data-pf2-effect-area=emanation]::before {
- content: "\f192";
- }
- span[data-pf2-effect-area][data-pf2-effect-area=rect]::before {
- content: "\f0c8";
- }
- /* ----------------------------------------- */
- /* PF2E Inline Repost Element */
- /* ----------------------------------------- */
- i[data-pf2-repost] {
- transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
- background: var(--inline-repost-bg);
- color: var(--color-text-dark-inactive);
- border-left: 1px solid var(--color-border-dark-tertiary);
- background: rgba(255, 255, 255, 0.6);
- padding: 2px;
- margin-left: 2px;
- text-shadow: none;
- }
- i[data-pf2-repost]:hover {
- color: var(--text-light);
- text-shadow: 0px 0px 2px var(--text-dark);
- }
- [data-visibility]:not([data-visibility=all]) {
- border-radius: 1px;
- box-sizing: border-box;
- display: inline-block;
- line-height: 1em;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- padding: 1px;
- /* ----------------------------------------- */
- /* GM Visibility Elements */
- /* ----------------------------------------- */
- }
- [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
- background: var(--visibility-gm-bg);
- }
- [data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender {
- max-width: fit-content;
- }
- [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
- outline: none;
- padding: initial;
- }
- /* ----------------------------------------- */
- /* Forms */
- /* ----------------------------------------- */
- .crb-style {
- display: flex;
- }
- .crb-style .details-label {
- color: var(--primary);
- font: 600 var(--font-size-11)/1em var(--sans-serif);
- margin-left: 1px;
- text-transform: uppercase;
- white-space: nowrap;
- }
- .crb-style .details-input {
- color: var(--text-dark);
- font-family: var(--body-serif);
- font-weight: bold;
- width: calc(100% - 6px);
- border-bottom: 1px solid var(--color-border-dark-input);
- background-color: rgba(28, 28, 28, 0.1);
- }
- .crb-style .details-input::placeholder {
- filter: opacity(0.5);
- }
- .crb-style .details-input:focus {
- border-bottom: 1px solid var(--alt);
- }
- .crb-style .details-input[type=number] {
- padding-bottom: 0;
- padding-left: 4px;
- }
- .crb-style input {
- border: none;
- border-radius: 0;
- }
- .crb-style input:focus {
- box-shadow: none;
- }
- .crb-style input:focus::placeholder {
- color: transparent;
- }
- .crb-style input::placeholder {
- color: inherit;
- }
- .crb-style input::-webkit-outer-spin-button, .crb-style input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
- }
- .crb-style input[type=number] {
- -moz-appearance: textfield;
- appearance: textfield;
- }
- .crb-style select {
- -moz-appearance: none;
- -webkit-appearance: none;
- appearance: none;
- background-color: var(--alt);
- background-image: url("../assets/icons/chevron-down.svg");
- background-position: right 0.25em top 50%;
- background-repeat: no-repeat;
- background-size: 1em auto;
- border-radius: 2px;
- border: 1px solid #53422a;
- color: var(--text-light);
- font: 500 var(--font-size-14) var(--serif);
- height: auto;
- line-height: 1;
- padding: 0.25rem 1.1rem 0.25rem 0.25rem;
- position: relative;
- text-overflow: ellipsis;
- }
- .crb-style select:not(:disabled) {
- cursor: pointer;
- }
- .crb-style select option {
- background-color: var(--alt);
- }
- .crb-style .dots span {
- cursor: pointer;
- }
- input[type=range]:disabled::-webkit-slider-runnable-track {
- background: rgba(0, 0, 0, 0.1);
- border: rgba(0, 0, 0, 0.1);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
- cursor: default;
- }
- input[type=range]:disabled::-moz-range-track {
- background: rgba(0, 0, 0, 0.1);
- border: rgba(0, 0, 0, 0.1);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
- cursor: default;
- }
- input[type=range]:disabled::-webkit-slider-thumb {
- background: var(--color-text-light-1);
- border: var(--color-text-light-1);
- box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
- cursor: default;
- }
- input[type=range]:disabled::-moz-range-thumb {
- background: var(--color-text-light-1);
- border: var(--color-text-light-1);
- box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
- cursor: default;
- }
- a[href]:hover {
- text-shadow: 0 0 8px var(--color-text-hyperlink);
- }
- #loading-bar {
- white-space: nowrap;
- }
- #tinymce {
- --space-s: 0.25em;
- --space-m: 0.5em;
- --space-l: 1em;
- --space-xl: 1.5em;
- --space-2xl: 2em;
- --radius: 3px;
- }
- #tinymce :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
- margin-top: 1em;
- }
- #tinymce .inline-header {
- display: flex;
- align-items: center;
- gap: var(--space-l);
- background-color: var(--alt);
- font-family: var(--sans-serif);
- color: var(--text-light);
- padding: 0;
- font-size: 0.8em;
- font-weight: 400;
- border: none;
- }
- #tinymce .inline-header strong {
- display: inline-flex;
- padding: 0 var(--space-m);
- background-color: var(--primary);
- min-width: 15ch;
- border-right: 1px solid rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
- font-weight: 400;
- }
- #tinymce .inline-header + p {
- margin-top: var(--space-s);
- }
- #tinymce .info {
- background-color: var(--secondary);
- padding: var(--space-m);
- color: var(--text-light);
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- border-radius: var(--radius);
- font-family: var(--sans-serif);
- padding-bottom: var(--space-m);
- }
- #tinymce .info > * + * {
- margin-top: var(--space-m);
- }
- #tinymce .info + * {
- margin-top: var(--space-xl);
- }
- #tinymce .info + #tinymce .info {
- margin-top: var(--space-s);
- }
- #tinymce .info h4 {
- font-size: 0.9em;
- font-weight: 400;
- line-height: 1.2;
- font-family: var(--sans-serif);
- border-bottom: 1px solid rgba(0, 0, 0, 0.6);
- padding: var(--space-m) var(--space-l);
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- color: var(--text-light);
- }
- #tinymce .info h4::after {
- font-family: "Font Awesome 6";
- content: "\f05a";
- font-weight: 900;
- margin-right: var(--space-s);
- }
- #tinymce .info p {
- font-size: 0.8em;
- margin: 0;
- padding: 0 var(--space-l);
- }
- #tinymce .info p:first-of-type {
- padding-top: var(--space-m);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
- #tinymce .traits {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- #tinymce .traits p {
- display: inline-flex;
- padding: 0.16rem 0.25rem;
- margin: 0;
- background-color: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: var(--text-light);
- font: 500 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- }
- #tinymce .statblock {
- font-family: var(--sans-serif-condensed);
- color: var(--text-dark);
- line-height: 1.2;
- margin-bottom: var(--space-m);
- }
- #tinymce .statblock > * + * {
- margin-top: var(--space-s);
- margin-bottom: 0;
- }
- #tinymce .statblock p {
- --indent: var(--space-l);
- margin-left: var(--indent);
- position: relative;
- }
- #tinymce .statblock p strong:first-of-type {
- margin-left: calc(var(--indent) * -1);
- }
- #tinymce .statblock p .trait:first-of-type {
- margin-left: calc(var(--indent) * -1 - 2px);
- }
- #tinymce .statblock span.pf2-icon {
- line-height: 1;
- }
- #tinymce .statblock h1,
- #tinymce .statblock h2,
- #tinymce .statblock h3,
- #tinymce .statblock h4 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- border-bottom: 1px solid var(--color-border-dark);
- text-transform: uppercase;
- letter-spacing: -0.05em;
- font-family: var(--sans-serif-condensed);
- font-weight: 700;
- }
- #tinymce .statblock hr {
- border: none;
- border-bottom: 1px solid var(--color-border-dark);
- }
- #tinymce .message {
- font-family: var(--journal-cursive);
- font-size: 2em;
- line-height: 1.2;
- }
- #tooltip.pf2e {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- background: rgba(0, 0, 0, 0.9);
- font-size: var(--font-size-14);
- padding: 0.25rem 0;
- text-align: left;
- }
- #tooltip.pf2e h1,
- #tooltip.pf2e h2,
- #tooltip.pf2e h3 {
- font-size: var(--font-size-12);
- font-weight: 500;
- text-align: left;
- }
- /* ----------------------------------------- */
- /* Upstream Overrides */
- /* ----------------------------------------- */
- button:disabled {
- cursor: default;
- }
- .crb-style.sheet .window-content {
- background: url("../assets/sheet/background.webp") no-repeat;
- background-size: cover;
- }
- .actors-sidebar .directory-item.actor h4 {
- line-height: normal;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .actors-sidebar .directory-item.actor .actor-level {
- font-size: x-small;
- color: var(--color-text-light-primary);
- }
- .actors-sidebar ol.party-list {
- list-style-type: none;
- margin: 0 0 0.25rem 0;
- padding: 0;
- position: relative;
- }
- .actors-sidebar li.folder-like {
- border-top: none;
- border-bottom: none;
- }
- .actors-sidebar li.folder-like > header {
- border-bottom: 1px solid var(--color-border-dark);
- border-top: 1px solid var(--color-border-dark);
- display: flex;
- line-height: 1.5rem;
- padding: 6px;
- }
- .actors-sidebar li.folder-like > header .icon {
- cursor: pointer;
- font-size: var(--font-size-16);
- }
- .actors-sidebar li.folder-like > header .left-control > i {
- margin: 0 0.5em 0 0.25em;
- text-align: center;
- }
- .actors-sidebar li.folder-like > header h3 {
- align-items: baseline;
- display: flex;
- flex: 1;
- font-size: var(--font-size-16);
- gap: 0.125rem;
- margin: 0;
- padding-left: 1px;
- }
- .actors-sidebar li.folder-like > header h3 span {
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .actors-sidebar li.folder-like > header a.create-button {
- flex: 0 0 20px;
- margin-left: 3px;
- position: relative;
- text-align: center;
- }
- .actors-sidebar li.folder-like > header a.create-button:hover i + i {
- color: var(--color-text-hyperlink);
- }
- .actors-sidebar li.folder-like > header a.create-button i + i {
- position: absolute;
- top: -2px;
- right: -2px;
- font-size: 0.5rem;
- background: black;
- color: var(--color-text-light-highlight);
- padding: 1px;
- border-radius: 4px;
- }
- .actors-sidebar li.folder-like.collapsed i.folder {
- margin-right: 2px;
- }
- .actors-sidebar li.folder-like.collapsed .fa-folder-open::before {
- content: "\f07b";
- }
- .actors-sidebar li.folder-like.collapsed .subdirectory {
- display: none;
- }
- .actors-sidebar li.folder-like.droptarget > header h3 {
- text-shadow: 1px 1px 3px var(--color-shadow-dark);
- font-size: 1.2em;
- }
- .actors-sidebar li.folder-like.droptarget > header h3 i {
- text-shadow: 0 0 4px var(--color-shadow-primary);
- transform: scale(1.2);
- }
- .actors-sidebar li.folder-like.other-parties > header {
- background: var(--primary-dark);
- }
- .actors-sidebar li.folder-like.other-parties > header h3 i {
- margin-right: 6px;
- }
- .actors-sidebar li.folder-like.other-parties.collapsed > header h3 i {
- margin-right: 8px;
- }
- .actors-sidebar .subdirectory .folder-like {
- border-left: 1px solid var(--color-border-dark-1);
- }
- .actors-sidebar .subdirectory .folder-like > header {
- background: var(--primary-darker);
- }
- .actors-sidebar .party:not(.activated) .party-header {
- background: var(--primary-darker);
- padding: 2px 6px;
- }
- .actors-sidebar .party:not(.activated) .party-header > *:not(nav) {
- opacity: 0.85;
- }
- .actors-sidebar .party .activate-party:hover i {
- font-weight: 900;
- }
- .actors-sidebar .party.activated .party-header {
- background: var(--primary);
- }
- .actors-sidebar .party .blank {
- line-height: 2.375em;
- padding: 0 0.5rem;
- }
- .directory-item.item img.thumbnail {
- object-fit: contain;
- }
- .directory-item.item h4 {
- line-height: normal;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .directory-item.item .item-level {
- font-size: x-small;
- color: var(--color-text-light-primary);
- }
- .roll-inspector .window-content {
- overflow: hidden;
- }
- .roll-inspector .content {
- display: grid;
- gap: 1em;
- grid-template: auto 1fr/2fr 50%;
- height: 100%;
- }
- .roll-inspector .summary {
- grid-column: span 2;
- }
- .roll-inspector .summary .type {
- display: flex;
- align-items: baseline;
- gap: 2px;
- }
- .roll-inspector .summary .tags.domains {
- justify-items: end;
- margin-top: 4px;
- }
- .roll-inspector .summary .tags.domains .tag {
- font-size: var(--font-size-12);
- font-weight: normal;
- text-transform: none;
- user-select: all;
- }
- .roll-inspector .roll-options,
- .roll-inspector .modifiers {
- display: flex;
- flex-direction: column;
- overflow: hidden;
- }
- .roll-inspector .roll-options .filter {
- margin-bottom: 0.25em;
- }
- .roll-inspector .roll-options > ul {
- margin: 0;
- padding: 0;
- border-radius: 3px;
- border: 1px solid var(--color-border-dark-tertiary);
- height: 100%;
- list-style-type: none;
- overflow: hidden scroll;
- white-space: nowrap;
- }
- .roll-inspector .roll-options > ul li {
- line-height: 1.5em;
- overflow-x: hidden;
- padding-left: 5px;
- text-overflow: ellipsis;
- user-select: text;
- }
- .roll-inspector .roll-options > ul li:nth-child(even of :not([hidden])) {
- background-color: rgba(0, 0, 0, 0.0666666667);
- }
- .roll-inspector .modifiers {
- grid-area: "modifiers";
- }
- .roll-inspector .modifier-list {
- display: flex;
- flex-direction: column;
- flex: 1 0 0;
- gap: 4px;
- overflow: hidden scroll;
- }
- .roll-inspector .modifier-list .modifier {
- border: 1px solid black;
- border-radius: 3px;
- padding: 4px;
- }
- .roll-inspector .modifier-list .modifier.disabled {
- border-style: dashed;
- opacity: 0.6;
- }
- .roll-inspector .modifier-list .modifier h4 {
- font-size: 1.1em;
- margin-bottom: 0.37em;
- }
- .roll-inspector .modifier-list .modifier > div {
- display: flex;
- justify-content: space-between;
- align-items: baseline;
- }
- .chat-message.emote > .message-content {
- font-style: italic;
- }
- .chat-message.emote > .message-content p.action-content {
- display: flex;
- align-items: center;
- font-weight: normal;
- }
- .chat-message.emote > .message-content p.action-content img {
- height: 2.33em;
- width: 2.33em;
- float: left;
- margin-right: 0.5em;
- }
- .chat-message.emote > .message-content hr.action-divider {
- margin: 0;
- }
- .chat-message > .message-header .flavor-text h4.action {
- line-height: 1.5em;
- margin: 0;
- }
- .chat-message > .message-header .flavor-text h4.action > strong {
- font-weight: 600;
- }
- .chat-message > .message-content > .description {
- margin-bottom: 0rem;
- position: relative;
- }
- .chat-message > .message-content > .description a.preview {
- height: 4.5ch;
- display: block;
- -webkit-mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
- mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
- overflow: hidden;
- position: relative;
- z-index: 2;
- }
- .chat-message > .message-content > .description a.preview:hover {
- text-shadow: none;
- }
- .chat-message > .message-content > .description a.preview:hover + .shadow {
- box-shadow: 0 1px 6px var(--color-shadow-primary);
- clip-path: polygon(0 0, 100% 0, 100% 200%, 0 200%);
- width: 100%;
- }
- .chat-message > .message-content > .description .shadow {
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
- height: 6px;
- position: relative;
- top: -6px;
- z-index: 1;
- }
- .chat-message > .message-content .message-buttons {
- display: flex;
- margin: 0.35em 0 2px;
- }
- .chat-message > .message-content .message-buttons button {
- align-items: center;
- display: flex;
- justify-content: center;
- position: relative;
- }
- .chat-message > .message-content .message-buttons button .cue {
- position: absolute;
- right: 0.5rem;
- }
- .chat-message > .message-content .message-buttons button .cue i {
- --fa-primary-color: var(--color-border-dark);
- --fa-secondary-color: var(--primary);
- --fa-secondary-opacity: 0.6;
- }
- .chat-message > .message-content .message-buttons:has(.effect-applied) {
- align-items: center;
- color: var(--color-text-dark-secondary);
- font-style: italic;
- height: 2.1rem;
- justify-content: center;
- padding-bottom: 0.1rem;
- }
- .chat-message > .message-header .flavor-text .target-dc-result {
- line-height: 0.75rem;
- margin-bottom: 4px;
- }
- .chat-message > .message-header .flavor-text .target-dc-result .target-dc,
- .chat-message > .message-header .flavor-text .target-dc-result .result {
- display: block;
- margin: 1px 0;
- width: fit-content;
- }
- .chat-message > .message-header .flavor-text .target-dc-result .unadjusted {
- text-decoration: line-through;
- }
- .chat-message > .message-header .flavor-text .target-dc-result .adjusted {
- text-decoration: underline dotted;
- }
- .chat-message > .message-header .flavor-text .target-dc-result .adjusted.increased {
- color: rgb(0, 128, 0);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .adjusted.decreased {
- color: rgb(255, 0, 0);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
- color: rgb(0, 128, 0);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .success {
- color: rgb(0, 0, 255);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .failure {
- color: rgb(255, 69, 0);
- }
- .chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalFailure {
- color: rgb(255, 0, 0);
- }
- .chat-message > .message-header .flavor-text .effect {
- display: flex;
- align-items: center;
- column-gap: 5px;
- }
- .chat-message > .message-header .flavor-text .effect img {
- height: 32px;
- width: 32px;
- }
- .chat-message > .message-content .dice-total button.set-as-initiative {
- align-items: center;
- display: flex;
- font-size: var(--font-size-10);
- height: 2.2em;
- justify-content: center;
- position: absolute;
- right: 0;
- top: 1px;
- width: 2.2em;
- }
- .chat-message > .message-content .dice-total button.set-as-initiative > i {
- margin-right: 0;
- }
- .chat-message .message-content .damage-roll:not(:first-child) {
- margin-top: 1em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-formula {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- gap: 0.25em;
- justify-content: center;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-formula .instance {
- padding: 0 0.25em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total {
- font-weight: normal;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total .total {
- font-weight: 700;
- padding: 0 2ch;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total .total .increased-from {
- color: var(--color-text-dark-2);
- font-size: var(--font-size-16);
- font-weight: normal;
- vertical-align: 15%;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total .instances {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- font-size: var(--font-size-12);
- gap: 1px;
- justify-content: center;
- line-height: normal;
- margin-bottom: 1px;
- vertical-align: top;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-total .instances .instance {
- padding: 1px 0.25em 0;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip {
- display: flex;
- flex-direction: column;
- gap: 0.25em;
- margin-bottom: 0.25em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance {
- border-radius: 2px;
- border-style: solid;
- border-width: 1px;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header {
- align-items: center;
- display: flex;
- justify-content: space-between;
- margin-bottom: 0.1em;
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula,
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total {
- color: var(--color-text-dark-secondary);
- }
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header,
- .chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice {
- padding: 0.2em;
- }
- .chat-message .message-content .damage-roll .dice-result .instance {
- white-space: nowrap;
- }
- .chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > header {
- background: var(--color-bg-bludgeoning);
- }
- .chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > .dice {
- text-shadow: none;
- }
- .chat-message .message-content .damage-roll .dice-result .instance .precision,
- .chat-message .message-content .damage-roll .dice-result .instance .splash {
- border-color: inherit;
- border-width: 1px;
- border-style: dotted;
- padding: 1px 2px;
- line-height: 0;
- }
- .chat-message .message-content .damage-application {
- display: flex;
- justify-content: center;
- margin-top: 3px;
- order: 3;
- }
- .chat-message .message-content .damage-application button {
- align-items: center;
- display: flex;
- flex-direction: column;
- font-size: var(--font-size-18);
- height: 2em;
- justify-content: space-around;
- line-height: unset;
- padding: 0;
- }
- .chat-message .message-content .damage-application button.half-damage {
- position: relative;
- }
- .chat-message .message-content .damage-application button.half-damage i.fa-heart-broken {
- -moz-background-clip: text;
- -moz-text-fill-color: transparent;
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- background-clip: text;
- background-image: linear-gradient(to right, var(--text-dark) 50%, var(--color-text-light-6) 50%);
- }
- .chat-message .message-content .damage-application button > img {
- border: none;
- height: var(--font-size-18);
- }
- .chat-message .message-content .damage-application button .label {
- font-size: 0.5em;
- font-weight: 500;
- text-transform: uppercase;
- }
- .chat-message .message-content .damage-application button.apply-healing .fa-stack {
- font-size: 0.5em;
- }
- .chat-message .message-content .damage-application button.apply-healing .fa-stack i.fa-plus {
- font-size: var(--font-size-11);
- }
- .chat-message .message-content .damage-application button.healing-only {
- flex-direction: row;
- justify-content: center;
- gap: 0.25rem;
- }
- .chat-message .message-content .damage-application button.healing-only .fa-stack {
- font-size: 0.5em;
- }
- .chat-message .message-content .damage-application button.healing-only .fa-stack i.fa-plus {
- font-size: var(--font-size-11);
- }
- .chat-message .message-content .damage-application button.healing-only .label {
- font-size: var(--font-size-14);
- font-weight: normal;
- text-transform: none;
- }
- .chat-message .message-content .damage-taken section.roll-note {
- font-size: var(--font-size-12);
- }
- .chat-message .message-content .damage-taken .persistent {
- font-style: normal;
- margin-top: 1em;
- }
- .chat-message .message-content .damage-taken .persistent h4 {
- border-bottom: 1px solid var(--color-underline-header);
- max-width: fit-content;
- }
- .chat-message .message-content .damage-taken button.revert-damage {
- align-items: center;
- background: var(--bg-dark);
- display: inline-flex;
- justify-content: center;
- width: 3ch;
- margin-left: 2px;
- }
- .chat-message .message-content .damage-taken button.revert-damage > i {
- margin: 0;
- }
- .chat-message .message-content .damage-taken .reverted {
- text-decoration: line-through;
- }
- .chat-message .flavor-text .pf2e-reroll-indicator {
- float: right;
- }
- .chat-message .message-content .pf2e-reroll-discard .dice-total,
- .chat-message .message-content .pf2e-reroll-discard .dice-tooltip {
- opacity: 0.3;
- }
- .chat-message .message-content .pf2e-reroll-second .dice-formula {
- display: none;
- }
- .chat-message .message-header .flavor-text {
- display: block;
- }
- .chat-message .message-header .flavor-text ul.notes {
- display: block;
- line-height: 1.5em;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .chat-message .message-header .flavor-text ul.notes li {
- display: block;
- line-height: 1.5em;
- }
- .chat-message > .message-content ul.participant-conditions {
- background: rgba(0, 0, 0, 0.1);
- border-radius: 3px;
- border: 1px solid var(--color-border-light-2);
- box-shadow: 0 0 2px white inset;
- display: flex;
- flex-direction: column;
- gap: 3px;
- list-style: none;
- padding: 0.5em;
- }
- .chat-message > .message-content ul.participant-conditions li {
- align-items: center;
- cursor: help;
- display: flex;
- gap: 0.5rem;
- }
- .chat-message > .message-content ul.participant-conditions li img {
- width: 2rem;
- }
- section.compendium-sidebar .directory-item.compendium.locked > .compendium-banner {
- opacity: 0.5;
- }
- section.compendium-sidebar .directory-item.compendium.locked:hover > .compendium-banner {
- opacity: 1;
- }
- section.compendium-sidebar ol.directory-list ol.document-matches {
- background: rgba(0, 0, 0, 0.25);
- margin-top: 1px;
- padding: 0;
- }
- section.compendium-sidebar ol.directory-list ol.document-matches li.match {
- align-items: center;
- column-gap: 2px;
- cursor: pointer;
- display: grid;
- font-size: var(--font-size-12);
- grid-template-areas: "thumbnail name" "thumbnail details";
- grid-template-columns: 38px 1fr;
- grid-template-rows: 1fr 1fr;
- list-style: none;
- padding: 2px 0 2px 4px;
- }
- section.compendium-sidebar ol.directory-list ol.document-matches li.match:hover {
- background: rgba(255, 255, 255, 0.1);
- }
- section.compendium-sidebar ol.directory-list ol.document-matches li.match > * {
- align-items: inherit;
- display: flex;
- height: 100%;
- }
- section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail {
- grid-area: thumbnail;
- justify-content: start;
- }
- section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail img {
- border: none;
- height: 36px;
- object-fit: contain;
- object-position: 50% 0;
- padding: 2px 0;
- width: 36px;
- }
- section.compendium-sidebar ol.directory-list ol.document-matches li.match .name {
- grid-area: name;
- }
- section.compendium-sidebar ol.directory-list ol.document-matches li.match .details {
- color: var(--color-text-light-primary);
- grid-area: details;
- }
- #pack-search-drag-preview {
- background: url(../../../ui/parchment.jpg) repeat;
- border-bottom: 1px solid var(--color-border-light-1);
- border-top: 1px solid transparent;
- box-shadow: none;
- display: flex;
- height: 50px;
- line-height: 48px;
- position: absolute;
- text-shadow: 0 0 0.5rem var(--color-shadow-primary);
- top: -1000px;
- width: 328px;
- }
- #pack-search-drag-preview img {
- border: none;
- height: 48px;
- }
- #pack-search-drag-preview h4 {
- color: var(--color-text-dark-primary);
- font-size: var(--font-size-14);
- }
- #combat nav.encounters,
- #combat-popout nav.encounters {
- line-height: 1.5rem;
- padding-top: 0.25rem;
- }
- #combat .threat-award,
- #combat-popout .threat-award {
- color: var(--text-light);
- display: flex;
- font-size: var(--font-size-14);
- gap: 1rem;
- justify-content: center;
- line-height: 1.5rem;
- text-shadow: 1px 1px 4px var(--color-shadow-dark);
- white-space: nowrap;
- }
- #combat .threat-award > *,
- #combat-popout .threat-award > * {
- width: 6rem;
- }
- #combat .threat-award .threat .value.trivial,
- #combat-popout .threat-award .threat .value.trivial {
- color: aqua;
- }
- #combat .threat-award .threat .value.low,
- #combat-popout .threat-award .threat .value.low {
- color: lime;
- }
- #combat .threat-award .threat .value.moderate,
- #combat-popout .threat-award .threat .value.moderate {
- color: yellow;
- }
- #combat .threat-award .threat .value.severe,
- #combat-popout .threat-award .threat .value.severe {
- color: orange;
- }
- #combat .threat-award .threat .value.extreme,
- #combat-popout .threat-award .threat .value.extreme {
- color: red;
- }
- #combat .encounter-controls,
- #combat-popout .encounter-controls {
- padding: 0.25rem 0 0.5rem;
- }
- #combat li.combatant,
- #combat-popout li.combatant {
- cursor: default;
- padding: 3px 0 3px 3px;
- }
- #combat li.combatant.gm-draggable,
- #combat-popout li.combatant.gm-draggable {
- cursor: grab;
- }
- #combat li.combatant.drag-preview,
- #combat-popout li.combatant.drag-preview {
- background: rgba(0, 0, 0, 0.75);
- box-shadow: 0 0 6px inset var(--color-shadow-highlight);
- }
- #combat li.combatant.drag-gap,
- #combat-popout li.combatant.drag-gap {
- visibility: hidden;
- }
- #combat li.combatant .hidden-name .token-name h4,
- #combat-popout li.combatant .hidden-name .token-name h4 {
- color: var(--color-text-light-7);
- }
- #combat li.combatant .token-name h4,
- #combat-popout li.combatant .token-name h4 {
- flex-direction: row;
- }
- #combat li.combatant .token-name h4 .users-targeting,
- #combat-popout li.combatant .token-name h4 .users-targeting {
- display: inline-block;
- font-size: x-small;
- line-height: inherit;
- padding: 0 0.3em;
- text-shadow: none;
- vertical-align: bottom;
- }
- #combat a.combat-control.center,
- #combat-popout a.combat-control.center {
- white-space: nowrap;
- }
- .sidebar-tab ol.subdirectory {
- border-left-width: 6px;
- }
- .hover {
- cursor: pointer;
- }
- .hover-content {
- display: none;
- }
- .crb-hover .tooltipster-box {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- background-color: rgba(0, 0, 0, 0.9);
- overflow: visible;
- }
- .crb-hover .tooltipster-box .tooltipster-content {
- margin: 0;
- padding: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary {
- --space-s: 0.25em;
- --space-m: 0.5em;
- --space-l: 1em;
- --space-xl: 1.5em;
- --space-2xl: 2em;
- --radius: 3px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
- margin-top: 1em;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header {
- display: flex;
- align-items: center;
- gap: var(--space-l);
- background-color: var(--alt);
- font-family: var(--sans-serif);
- color: var(--text-light);
- padding: 0;
- font-size: 0.8em;
- font-weight: 400;
- border: none;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header strong {
- display: inline-flex;
- padding: 0 var(--space-m);
- background-color: var(--primary);
- min-width: 15ch;
- border-right: 1px solid rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
- font-weight: 400;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header + p {
- margin-top: var(--space-s);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .info {
- background-color: var(--secondary);
- padding: var(--space-m);
- color: var(--text-light);
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- border-radius: var(--radius);
- font-family: var(--sans-serif);
- padding-bottom: var(--space-m);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .info > * + * {
- margin-top: var(--space-m);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .info + * {
- margin-top: var(--space-xl);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .info + .crb-hover .tooltipster-box .tooltipster-content .item-summary .info {
- margin-top: var(--space-s);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4 {
- font-size: 0.9em;
- font-weight: 400;
- line-height: 1.2;
- font-family: var(--sans-serif);
- border-bottom: 1px solid rgba(0, 0, 0, 0.6);
- padding: var(--space-m) var(--space-l);
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- color: var(--text-light);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4::after {
- font-family: "Font Awesome 6";
- content: "\f05a";
- font-weight: 900;
- margin-right: var(--space-s);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .info p {
- font-size: 0.8em;
- margin: 0;
- padding: 0 var(--space-l);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .info p:first-of-type {
- padding-top: var(--space-m);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .traits {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .traits p {
- display: inline-flex;
- padding: 0.16rem 0.25rem;
- margin: 0;
- background-color: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: var(--text-light);
- font: 500 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock {
- font-family: var(--sans-serif-condensed);
- color: var(--text-dark);
- line-height: 1.2;
- margin-bottom: var(--space-m);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock > * + * {
- margin-top: var(--space-s);
- margin-bottom: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p {
- --indent: var(--space-l);
- margin-left: var(--indent);
- position: relative;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p strong:first-of-type {
- margin-left: calc(var(--indent) * -1);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p .trait:first-of-type {
- margin-left: calc(var(--indent) * -1 - 2px);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock span.pf2-icon {
- line-height: 1;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h1,
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h2,
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h3,
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h4 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- border-bottom: 1px solid var(--color-border-dark);
- text-transform: uppercase;
- letter-spacing: -0.05em;
- font-family: var(--sans-serif-condensed);
- font-weight: 700;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock hr {
- border: none;
- border-bottom: 1px solid var(--color-border-dark);
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary .message {
- font-family: var(--journal-cursive);
- font-size: 2em;
- line-height: 1.2;
- }
- .crb-hover .tooltipster-box .tooltipster-content .item-summary a,
- .crb-hover .tooltipster-box .tooltipster-content .item-summary span[data-pf2-effect-area] {
- color: var(--color-text-dark-primary);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content {
- display: flex;
- min-width: 120px;
- max-width: fit-content;
- padding: 4px;
- line-height: 1;
- flex-direction: column;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content p {
- font-size: var(--font-size-14);
- font-family: var(--body-serif);
- font-weight: 400;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content h1,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content h2,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content h3 {
- font-size: var(--font-size-12);
- font-weight: 500;
- text-align: left;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title {
- align-items: baseline;
- border-bottom: 1px solid var(--sidebar-title);
- display: flex;
- flex: 1 auto;
- justify-content: space-between;
- margin: 0.25em 0 0.5em;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- border: none;
- color: var(--sidebar-title);
- line-height: 1.5;
- margin: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2 + h2,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a + h2 {
- font-size: var(--font-size-11);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
- color: var(--text-light);
- text-decoration: none;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield {
- width: 160px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .data {
- position: relative;
- top: -2px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .tag-legacy {
- width: auto;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option {
- color: rgba(255, 255, 255, 0.5);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option i {
- margin: 1px 4px 1px 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected {
- color: var(--text-light);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected:hover {
- cursor: default;
- text-shadow: none;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul {
- list-style: none;
- margin: 0;
- padding: 0;
- flex: 1 auto;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input {
- color: var(--text-light);
- border: none;
- border-radius: 0;
- background: transparent;
- font-family: var(--body-serif);
- width: 100%;
- border-bottom: 1px solid rgba(255, 255, 255, 0.5);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus {
- box-shadow: none;
- border-bottom: 1px solid white;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus::placeholder {
- color: transparent;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::placeholder {
- color: rgba(255, 255, 255, 0.8);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-outer-spin-button, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- appearance: none;
- margin: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input[type=number] {
- appearance: textfield;
- -moz-appearance: textfield;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul select {
- border-radius: 2px;
- height: 18px;
- border: 1px solid white;
- background: transparent;
- cursor: pointer;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul select option {
- font-size: 0.8rem;
- min-height: 1rem;
- color: var(--text-dark);
- text-transform: capitalize;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul label {
- display: flex;
- align-items: center;
- text-align: left;
- font-family: var(--serif);
- font-weight: 500;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .label,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .data {
- font-size: var(--font-size-12);
- font-family: var(--serif);
- font-weight: 400;
- color: var(--text-light);
- margin: 0;
- padding: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item {
- display: grid;
- grid: "data label close" min-content "data type close" min-content/30px 1fr;
- margin: 8px 0;
- align-items: center;
- column-gap: 8px;
- justify-items: start;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item:first-child {
- border: none;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.no-effect {
- filter: opacity(0.5);
- position: relative;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- display: flex;
- justify-content: center;
- align-items: center;
- color: var(--tertiary);
- grid-area: type;
- letter-spacing: 0.5px;
- white-space: nowrap;
- width: min-content;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy .remove-modifier {
- white-space: nowrap;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .label {
- grid-area: label;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .data {
- grid-area: data;
- text-align: right;
- font-size: var(--font-size-21);
- justify-self: right;
- width: min-content;
- padding-top: 2px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data,
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data::placeholder {
- color: rgba(255, 255, 255, 0.5);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label {
- text-decoration: line-through;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .remove-modifier {
- grid-area: close;
- font-size: 0.8rem;
- cursor: pointer;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier {
- border-top: 1px solid var(--sidebar-title);
- padding-top: 5px;
- grid: "value name name" 1fr "type type btn" 1fr/42px 1fr 1fr;
- font-size: 0.8rem;
- gap: 0.25rem 0.5rem;
- align-items: baseline;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value {
- grid-area: value;
- font-size: 1rem;
- text-align: right;
- display: grid;
- grid: "input plus" 1fr "input minus" 1fr/1fr 10px;
- column-gap: 4px;
- align-items: center;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value input {
- grid-area: input;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid {
- margin-top: 2px;
- font-size: var(--font-size-9);
- cursor: pointer;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-plus-circle {
- grid-area: plus;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-minus-circle {
- grid-area: minus;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-name {
- grid-area: name;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-submit {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- grid-area: btn;
- white-space: nowrap;
- line-height: 1.5;
- background-color: black;
- color: var(--tertiary);
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li {
- display: flex;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li label {
- color: var(--tertiary);
- flex-basis: 100%;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li input {
- display: flex;
- min-width: 2em;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content {
- white-space: nowrap;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content a.item-control i.fa-solid {
- min-width: 1.25em;
- }
- .icon.anger::before {
- content: "💢︎";
- }
- .icon.bang::before {
- content: "💥︎";
- }
- .icon.collision::before {
- content: "💥︎";
- }
- .icon.crystal-ball::before {
- content: "🔮︎";
- }
- .icon.dizzy::before {
- content: "💫︎";
- }
- .icon.diamond-with-dot::before {
- content: "💠︎";
- }
- .icon.gemstone::before {
- content: "💎︎";
- }
- .icon.gem-stone::before {
- content: "💎︎";
- }
- .icon.glowing-star::before {
- content: "🌟︎";
- }
- .icon.prayer-beads::before {
- content: "📿︎";
- }
- .icon.ring::before {
- content: "💍︎";
- }
- .icon.sparkle::before {
- content: "❇︎";
- }
- .icon.sparkler::before {
- content: "🎇︎";
- }
- .icon.sparkles::before {
- content: "✨︎";
- }
- .roll-modifiers-dialog {
- background: none;
- box-shadow: none;
- }
- .roll-modifiers-dialog .window-header {
- border: none;
- box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8);
- background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%);
- border-radius: 0;
- margin-bottom: 2px;
- font-size: var(--font-size-13);
- }
- .roll-modifiers-dialog .window-content {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- padding-top: 0;
- }
- .roll-modifiers-dialog button {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background-color: var(--alt);
- border-radius: 2px;
- color: var(--text-light);
- cursor: pointer;
- font-family: var(--sans-serif);
- }
- .roll-modifiers-dialog button:hover {
- text-shadow: 0 0 2px var(--tertiary);
- }
- .roll-modifiers-dialog .toggle {
- background: var(--secondary);
- border-radius: 50px;
- box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
- cursor: pointer;
- display: inline-block;
- height: 19px;
- position: relative;
- vertical-align: bottom;
- width: 46px;
- }
- .roll-modifiers-dialog .toggle::before {
- color: var(--text-light);
- content: "ON";
- left: 6px;
- position: absolute;
- z-index: 0;
- }
- .roll-modifiers-dialog .toggle::after {
- color: var(--text-dark);
- content: "OFF";
- position: absolute;
- right: 4px;
- text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
- z-index: 0;
- }
- .roll-modifiers-dialog .toggle::after, .roll-modifiers-dialog .toggle::before {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- top: 4px;
- }
- .roll-modifiers-dialog .toggle .widget {
- background: #fcfff4;
- background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
- border-radius: 50px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
- cursor: pointer;
- display: block;
- height: 16px;
- position: absolute;
- right: 1px;
- top: 1px;
- transition: all 0.4s ease;
- width: 19px;
- z-index: 1;
- }
- .roll-modifiers-dialog .toggle input[type=checkbox] {
- visibility: hidden;
- }
- .roll-modifiers-dialog .toggle input[type=checkbox]:not(:checked) + .widget {
- right: 23px;
- }
- .roll-modifiers-dialog .dialog-row {
- align-items: center;
- display: flex;
- padding: 0.5rem 0;
- gap: 0.5rem;
- }
- .roll-modifiers-dialog .dialog-row .mod {
- flex: 1.5 0 0;
- }
- .roll-modifiers-dialog .dialog-row .type {
- flex: 0 0 6.25rem;
- text-transform: capitalize;
- }
- .roll-modifiers-dialog .dialog-row .value {
- flex: 0 0 36px;
- display: flex;
- justify-content: center;
- }
- .roll-modifiers-dialog .dialog-row .exclude {
- flex: 0 0 50px;
- }
- .roll-modifiers-dialog .dialog-row.header {
- font-size: var(--font-size-13);
- font-weight: 700;
- padding-bottom: 0;
- }
- .roll-modifiers-dialog .dialog-row.header + hr {
- margin-bottom: 0;
- }
- .roll-modifiers-dialog .dialog-row.disabled {
- text-decoration: line-through;
- }
- .roll-modifiers-dialog .dialog-row.disabled > * {
- filter: opacity(0.5);
- }
- .roll-modifiers-dialog .dialog-row.disabled > * i {
- color: var(--text-dark);
- }
- .roll-modifiers-dialog .dialog-row.disabled .toggle {
- background: rgba(0, 0, 0, 0.4);
- }
- .roll-modifiers-dialog .dialog-row.disabled .toggle input[type=checkbox] + label {
- right: 26px;
- }
- .roll-modifiers-dialog .dialog-row.disabled.hidden {
- display: none;
- }
- .roll-modifiers-dialog .dialog-row .exclude.disabled {
- filter: opacity(0.5);
- }
- .roll-modifiers-dialog .dialog-row .exclude.disabled .toggle,
- .roll-modifiers-dialog .dialog-row .exclude.disabled .widget {
- cursor: default;
- }
- .roll-modifiers-dialog .dialog-row .exclude.disabled i {
- color: var(--text-dark);
- }
- .roll-modifiers-dialog .substitutions,
- .roll-modifiers-dialog .modifier-container {
- display: flex;
- flex-direction: column;
- }
- .roll-modifiers-dialog .substitutions + hr,
- .roll-modifiers-dialog .modifier-container + hr {
- margin-top: 0;
- }
- .roll-modifiers-dialog .substitutions .dialog-row,
- .roll-modifiers-dialog .modifier-container .dialog-row {
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- }
- .roll-modifiers-dialog .substitutions .dialog-row:last-child,
- .roll-modifiers-dialog .modifier-container .dialog-row:last-child {
- border-bottom: none;
- }
- .roll-modifiers-dialog .substitutions .dialog-row .tag,
- .roll-modifiers-dialog .modifier-container .dialog-row .tag {
- background-color: var(--sub);
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
- color: var(--text-light);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- letter-spacing: 0.5px;
- padding: 4px 8px;
- text-transform: uppercase;
- width: fit-content;
- }
- .roll-modifiers-dialog .total-mod {
- font-weight: 700;
- padding: 0;
- }
- .roll-modifiers-dialog .roll-mode-panel {
- display: flex;
- flex-wrap: nowrap;
- align-items: stretch;
- justify-content: space-between;
- white-space: nowrap;
- gap: 8px;
- }
- .roll-modifiers-dialog .roll-mode-panel label {
- display: flex;
- align-items: center;
- }
- .roll-modifiers-dialog .roll-mode-panel .roll-mode {
- flex: 1;
- }
- .roll-modifiers-dialog .roll-mode-panel .roll-mode select {
- border-radius: 2px;
- cursor: pointer;
- height: 1.5em;
- margin-left: 8px;
- width: 100%;
- }
- .roll-modifiers-dialog .roll {
- color: var(--text-light);
- background-color: var(--secondary);
- }
- .roll-modifiers-dialog .roll .damage.color,
- .roll-modifiers-dialog .roll i {
- color: var(--text-light) !important;
- }
- .roll-modifiers-dialog .add-entry-row {
- display: flex;
- flex-wrap: nowrap;
- align-items: stretch;
- gap: 2px;
- }
- .roll-modifiers-dialog .add-entry-row select,
- .roll-modifiers-dialog .add-entry-row input {
- height: auto;
- border-radius: 2px;
- }
- .roll-modifiers-dialog .add-entry-row button {
- line-height: 1;
- margin: 0;
- padding: 4px 6px;
- text-transform: uppercase;
- flex: 0 0 min-content;
- font-weight: 700;
- font-size: 0.75rem;
- }
- .roll-modifiers-dialog .add-entry-row .add-modifier-name {
- flex: 1;
- }
- .roll-modifiers-dialog .add-entry-row .add-modifier-type {
- flex: 0 0 min-content;
- }
- .roll-modifiers-dialog .add-entry-row .add-modifier-value {
- flex: 0 0 4ch;
- text-align: right;
- }
- .dice-checks .fate {
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- }
- .dice-checks .fate label {
- cursor: pointer;
- }
- .dialog.trick-magic-item .dialog-content p {
- font-weight: normal;
- }
- .dialog.trick-magic-item .dialog-buttons {
- flex-direction: column;
- }
- .damage-dialog .dialog-row .value {
- flex-basis: 4rem;
- }
- .damage-dialog .dialog-row .dice-type,
- .damage-dialog .dialog-row .modifier-type {
- background: none;
- white-space: nowrap;
- }
- .damage-dialog .dialog-row .dice-type .icon-container,
- .damage-dialog .dialog-row .modifier-type .icon-container {
- white-space: nowrap;
- }
- .damage-dialog .dialog-row .dice-type .icon-container i,
- .damage-dialog .dialog-row .modifier-type .icon-container i {
- vertical-align: middle;
- text-align: start;
- font-size: 1rem;
- }
- .damage-dialog .dialog-row .no-mod {
- filter: opacity(0.7);
- }
- .damage-dialog .dialog-row .damage {
- padding: 2px 4px;
- }
- .damage-dialog .dice .dialog-row {
- gap: 1.5rem;
- }
- .damage-dialog .dice .dialog-row .value {
- flex: 1 0 0;
- gap: 2px;
- justify-content: end;
- }
- .damage-dialog .add-modifier-panel {
- flex-wrap: wrap;
- }
- .damage-dialog .add-modifier-panel .add-modifier-name {
- flex-basis: 100%;
- }
- .damage-dialog .add-modifier-panel .add-modifier-value {
- flex: 1;
- }
- .damage-dialog .add-dice-panel {
- justify-content: end;
- }
- .damage-dialog .add-dice-panel .add-dice-count {
- flex: 0 0 4ch;
- text-align: end;
- }
- /* ----------------------------------------- */
- /* Tag Selector */
- /* ----------------------------------------- */
- .app.tag-selector a.document-id-link {
- visibility: hidden;
- }
- .app.tag-selector form {
- height: 100%;
- }
- .app.tag-selector form ol.trait-list {
- display: flex;
- flex-direction: column;
- list-style-type: none;
- max-height: 87%;
- overflow-y: scroll;
- padding: 0;
- }
- .app.tag-selector form ol.trait-list.has-custom {
- max-height: 78%;
- }
- .app.tag-selector form table th,
- .app.tag-selector form table td {
- text-align: left;
- white-space: nowrap;
- }
- .app.tag-selector form table tbody td:first-child label {
- vertical-align: super;
- }
- .app.tag-selector form .trait-header {
- flex: 0 0 32px;
- line-height: 32px;
- text-align: center;
- margin: 0;
- }
- .app.tag-selector form .trait-header .header-search {
- flex: 1;
- }
- .app.tag-selector form .trait-header .header-search input {
- background: rgba(255, 255, 245, 0.8);
- width: calc(100% - 26px);
- margin: 0 2px;
- }
- .app.tag-selector form .trait-footer {
- flex: 0 0 32px;
- line-height: 32px;
- margin: 0;
- margin-bottom: 5px;
- border-top: 1px solid grey;
- }
- .app.tag-selector form .trait-selection-label {
- display: flex;
- align-items: center;
- }
- .app.tag-selector form .trait-selection-label .trait-label {
- margin-left: 5px;
- }
- .app.tag-selector form input:not([type=checkbox]) {
- flex: 1.8;
- }
- #token-hud .status-effects {
- grid-template-columns: repeat(5, 1fr);
- width: auto;
- }
- #token-hud .status-effects .effect-control {
- border-radius: 1px;
- color: var(--color-text-dark-1);
- cursor: pointer;
- height: 36px;
- opacity: 0.75;
- position: relative;
- width: 36px;
- }
- #token-hud .status-effects .effect-control.active img {
- border: 1px solid var(--color-border-highlight);
- opacity: 1;
- }
- #token-hud .status-effects .effect-control img {
- border: 1px solid rgba(0, 0, 0, 0);
- height: 35px;
- margin: 0;
- width: 35px;
- }
- #token-hud .status-effects .effect-control:not(.active):hover img {
- border: 1px solid rgba(255, 100, 0, 0.5);
- }
- #token-hud .status-effects .effect-control .badge {
- background: rgba(255, 255, 255, 0.9);
- border-radius: 50%;
- border: 0.1em solid darkred;
- font-size: var(--font-size-8);
- height: 0.8rem;
- line-height: var(--font-size-10);
- pointer-events: none;
- position: absolute;
- right: -3px;
- text-align: center;
- top: -3px;
- width: 0.8rem;
- z-index: 1;
- }
- #token-hud .status-effects .effect-control.overridden > * {
- filter: saturate(0);
- }
- #token-hud .status-effects .effect-control.valued .badge {
- font-size: var(--font-size-12);
- font-style: unset;
- font-weight: 500;
- line-height: var(--font-size-12);
- }
- #token-hud .status-effects .title-bar {
- background: rgba(0, 0, 0, 0.6);
- border-radius: inherit;
- border: inherit;
- box-shadow: inherit;
- box-sizing: content-box;
- font-size: var(--font-size-14);
- font-weight: normal;
- left: 0;
- line-height: normal;
- padding: 3px 0;
- position: absolute;
- text-align: center;
- top: -30px;
- visibility: hidden;
- width: 100%;
- z-index: 1;
- }
- #token-hud .status-effects .title-bar.active {
- visibility: visible;
- }
- #token-hud .control-icon[data-action=clown-car][data-disabled=true] {
- cursor: wait;
- opacity: 0.5;
- }
- #token-hud .control-icon[data-action=clown-car] img {
- height: 36px;
- transform-style: preserve-3d;
- transition: 0.5s;
- width: 36px;
- }
- #token-hud .control-icon[data-action=clown-car] img.retrieve {
- transform: scaleX(-1);
- }
- .default section.window-content {
- padding: 0;
- overflow: hidden;
- }
- /* Adjust height of the header */
- .attribute-builder .window-content {
- background: url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- background-attachment: local;
- height: 100%;
- padding: 10px 20px 10px 20px;
- position: relative;
- --color-boost: #316549;
- --color-boost-dark: #1b3c2a;
- --color-flaw: #5e0000;
- }
- .attribute-builder .window-content h3 {
- font: 400 var(--font-size-24) var(--serif-condensed);
- line-height: var(--font-size-24);
- }
- .attribute-builder .window-content h4 {
- font: 400 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- color: #605856;
- }
- .attribute-builder .window-content button:focus:not(:focus-visible) {
- box-shadow: none;
- }
- .attribute-builder .window-content .row {
- display: flex;
- align-items: center;
- }
- .attribute-builder .window-content .row .row-heading {
- width: 220px;
- }
- .attribute-builder .window-content .row.not-eligible {
- pointer-events: none;
- filter: blur(1px);
- opacity: 0.6;
- }
- .attribute-builder .window-content .row.not-eligible .remaining {
- visibility: hidden;
- }
- .attribute-builder .window-content .row .attributes {
- display: grid;
- grid-template-columns: repeat(6, 84px);
- grid-template-rows: auto;
- flex: 0 0 auto;
- }
- .attribute-builder .window-content .row .full-row {
- display: flex;
- flex: 1;
- justify-content: center;
- }
- .attribute-builder .window-content header.row {
- align-items: normal;
- padding-top: 10px;
- height: 60px;
- }
- .attribute-builder .window-content header.row .row-column {
- display: block;
- }
- .attribute-builder .window-content header.row .attributes {
- align-items: normal;
- }
- .attribute-builder .window-content .background-stripes {
- position: absolute;
- left: 0;
- top: 0;
- bottom: 50px;
- right: 0;
- padding: 10px 20px 10px 20px;
- pointer-events: none;
- align-items: normal;
- }
- .attribute-builder .window-content .background-stripes .attributes div:nth-child(odd) {
- background-color: rgba(68, 55, 48, 0.1);
- }
- .attribute-builder .window-content .voluntary-flaw-row {
- margin: 0.5rem 0;
- }
- .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons {
- display: flex;
- flex-direction: row;
- }
- .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button {
- flex: 1 1 0;
- }
- .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.first {
- border-bottom-right-radius: 0;
- border-right: none;
- border-top-right-radius: 0;
- width: 4em;
- }
- .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- max-width: 2em;
- text-transform: none;
- }
- .attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second.selected {
- border-left-color: rgba(255, 255, 255, 0.5);
- }
- .attribute-builder .window-content .row-heading {
- align-items: center;
- display: grid;
- grid-template-areas: "img description remaining";
- grid-template-columns: 42px 1fr auto;
- }
- .attribute-builder .window-content .row-heading h3 {
- align-self: start;
- font-size: var(--font-size-24);
- grid-column: 1/4;
- }
- .attribute-builder .window-content .row-heading .hint-container {
- grid-column: 1/4;
- }
- .attribute-builder .window-content .row-heading img {
- border: 0;
- grid-area: img;
- height: 2rem;
- width: 2rem;
- }
- .attribute-builder .window-content .row-heading div.label {
- display: flex;
- flex-direction: column;
- grid-area: description;
- margin-right: 10px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .attribute-builder .window-content .row-heading div.remaining {
- grid-area: remaining;
- display: flex;
- margin-right: 10px;
- width: 1.6rem;
- height: 1.6rem;
- border-radius: 50%;
- background: rgba(68, 55, 48, 0.1);
- align-self: center;
- align-items: center;
- justify-content: center;
- text-align: center;
- }
- .attribute-builder .window-content .row-heading div.remaining.extra {
- animation: glow 0.75s infinite alternate;
- }
- @keyframes glow {
- from {
- box-shadow: 0 0 1px 1px #ffb351;
- }
- to {
- box-shadow: 0 0 3px 3px #ffb351;
- }
- }
- .attribute-builder .window-content .row-column {
- align-items: center;
- display: flex;
- flex-direction: column;
- justify-content: center;
- text-align: center;
- }
- .attribute-builder .window-content .row-column button {
- align-items: center;
- border: 1px solid var(--button-color);
- color: var(--button-color);
- display: flex;
- font-size: var(--font-size-12);
- height: 1.5em;
- justify-content: center;
- margin: 0;
- outline: none;
- padding: 0.1em 0 0;
- position: relative;
- text-transform: uppercase;
- width: 6em;
- }
- .attribute-builder .window-content .row-column button > i.key-attribute {
- bottom: 3px;
- font-size: smaller;
- left: 2px;
- position: absolute;
- }
- .attribute-builder .window-content .row-column button.boost, .attribute-builder .window-content .row-column button.apex {
- margin-top: auto;
- --button-color: var(--color-boost);
- --button-locked-color: var(--color-boost-dark);
- }
- .attribute-builder .window-content .row-column button.flaw {
- margin-bottom: auto;
- --button-color: var(--color-flaw);
- --button-locked-color: var(--color-flaw);
- }
- .attribute-builder .window-content .row-column button.selected {
- background: var(--button-color);
- }
- .attribute-builder .window-content .row-column button.selected.partial {
- background: var(--color-boost-dark);
- }
- .attribute-builder .window-content .row-column button:hover {
- box-shadow: 0 0 5px var(--button-color);
- cursor: pointer;
- }
- .attribute-builder .window-content .row-column button:hover.key-attribute.selected {
- box-shadow: none;
- cursor: default;
- }
- .attribute-builder .window-content .row-column button:hover:disabled {
- background: rgba(0, 0, 0, 0.04);
- box-shadow: none;
- cursor: not-allowed;
- }
- .attribute-builder .window-content .row-column button.hidden {
- pointer-events: none;
- visibility: hidden;
- }
- .attribute-builder .window-content .row-column button:disabled {
- background: rgba(0, 0, 0, 0.04);
- opacity: 0.4;
- }
- .attribute-builder .window-content .row-column button:disabled:active {
- pointer-events: none;
- }
- .attribute-builder .window-content .row-column button.locked {
- background: var(--button-locked-color);
- border-color: var(--button-locked-color);
- pointer-events: none;
- }
- .attribute-builder .window-content .row-column button.locked, .attribute-builder .window-content .row-column button.selected {
- color: var(--text-light);
- }
- .attribute-builder .window-content .row-column div + .boost,
- .attribute-builder .window-content .row-column button + .boost {
- margin-top: 4px;
- }
- .attribute-builder .window-content .summary-row .row-heading {
- display: block;
- }
- .attribute-builder .window-content .summary-row .hint-container {
- background: rgba(211, 204, 188, 0.4);
- padding: 12px;
- margin-right: 10px;
- border: 1px solid rgb(211, 204, 188);
- border-radius: 3px;
- align-self: end;
- }
- .attribute-builder .window-content .summary-row .hint-container h3 {
- color: var(--primary);
- font-variant: small-caps;
- font-size: var(--font-size-20);
- line-height: var(--font-size-16);
- font-family: var(--sans-serif-condensed);
- font-weight: 500;
- }
- .attribute-builder .window-content .summary-row .hint-container p {
- font-style: italic;
- font-size: var(--font-size-12);
- line-height: var(--font-size-14);
- font-family: var(--sans-serif);
- font-weight: 500;
- margin-bottom: 3px;
- }
- .attribute-builder .window-content .summary-row .hint-container label {
- display: flex;
- align-items: center;
- margin-top: 10px;
- }
- .attribute-builder .window-content .summary-row .attributes {
- grid-template-rows: auto auto;
- }
- .attribute-builder .window-content .summary-row .row-column {
- display: flex;
- flex-direction: column;
- padding-top: 10px;
- }
- .attribute-builder .window-content .summary-row .row-column .value {
- height: 40px;
- font: 700 var(--font-size-24) var(--serif);
- line-height: var(--font-size-30);
- }
- .attribute-builder .window-content .summary-row .row-column input {
- width: calc(100% - 20px);
- flex-grow: 0;
- height: 30px;
- color: var(--text-dark);
- font: 500 var(--font-size-24) var(--serif);
- border: 0;
- border-bottom: 1px solid #d3ccbc;
- border-radius: 0;
- background-color: transparent;
- margin: 0 10px 10px 10px;
- }
- .attribute-builder .window-content .summary-row .row-column input::placeholder {
- filter: opacity(0.5);
- }
- .attribute-builder .window-content .summary-row .row-column input:focus {
- border-bottom: 1px solid var(--alt);
- }
- .attribute-builder .window-content .summary-row .row-column input[type=number] {
- padding-bottom: 0;
- padding-left: 4px;
- }
- .attribute-builder .window-content .summary-row .complete {
- grid-row: 2;
- grid-column: 1/7;
- margin-top: 10px;
- margin-left: auto;
- }
- .attribute-builder .window-content .summary-row button.complete {
- color: var(--text-light);
- background: var(--secondary);
- height: 35px;
- width: 131px;
- border: 1px solid var(--tertiary);
- }
- .attribute-builder .window-content .title {
- color: var(--primary);
- font: 500 var(--font-size-10) var(--sans-serif-condensed);
- line-height: var(--font-size-10);
- text-transform: uppercase;
- }
- .attribute-builder .window-content div[data-tooltip-content].description,
- .attribute-builder .window-content div[data-tooltip-content] .description,
- .attribute-builder .window-content div[data-tooltip].description,
- .attribute-builder .window-content div[data-tooltip] .description {
- text-decoration: underline dotted;
- text-underline-offset: 2px;
- }
- .attribute-builder .window-content .description {
- font: 600 var(--font-size-16) var(--serif);
- }
- .attribute-builder .window-content .extra {
- align-items: center;
- display: flex;
- font-size: var(--font-size-12);
- gap: 1px;
- margin-top: -0.25rem;
- }
- .attribute-builder .window-content .extra > i {
- margin-left: 0.125rem;
- }
- .attribute-builder .window-content .extra input[type=checkbox] {
- height: var(--font-size-12);
- margin: 0;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content h2:not(:first-child) {
- margin-top: 10px;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li {
- white-space: nowrap;
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- .crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li i {
- font-size: var(--font-size-5);
- margin-right: 5px;
- }
- .iwr-editor {
- max-height: 500px;
- }
- .iwr-editor a.document-id-link {
- display: none;
- }
- .iwr-editor .entries {
- display: flex;
- flex-direction: column;
- gap: 0.5em;
- }
- .iwr-editor .entries .entry {
- padding: 0.25em 0.5em;
- }
- .iwr-editor .entries .entry label {
- flex: unset;
- white-space: nowrap;
- width: 6em;
- }
- .iwr-editor .entries .entry a.form-action,
- .iwr-editor .entries .entry .synthetic-source {
- flex: 0;
- margin-left: 0.5em;
- }
- .iwr-editor .entries .entry:not(.new):nth-child(odd) {
- background-color: rgba(0, 0, 0, 0.075);
- }
- .iwr-editor select:disabled {
- color: var(--color-text-dark-7);
- }
- .iwr-editor tags.tagify.pf2e-tagify {
- background: rgba(0, 0, 0, 0.05);
- border: 1px solid var(--color-border-light-tertiary);
- }
- .iwr-editor tags.tagify.pf2e-tagify[disabled] > .tagify__input {
- margin: 0;
- }
- .iwr-editor input[type=number] {
- max-width: 5ch;
- }
- body > .choices__list--dropdown {
- background-color: white;
- position: fixed;
- }
- .actor.sheet .window-content {
- font-family: var(--sans-serif);
- }
- .actor.sheet .window-content input,
- .actor.sheet .window-content label,
- .actor.sheet .window-content select {
- --form-field-height: 1.5rem;
- }
- .actor.sheet .window-content input[type=checkbox] {
- height: var(--font-size-20);
- }
- .actor.sheet .window-content select {
- height: var(--form-field-height);
- }
- .actor.sheet .window-content h3 {
- border-bottom: none;
- }
- .actor.sheet .window-content button > i {
- margin-right: 0;
- }
- .actor.sheet .window-content h1,
- .actor.sheet .window-content h2,
- .actor.sheet .window-content h3,
- .actor.sheet .window-content h4 {
- font-weight: 600;
- }
- .actor.sheet .window-content a.disabled {
- cursor: default;
- }
- .actor.sheet .window-content a.disabled:hover {
- text-shadow: none;
- }
- .actor.sheet .window-content i.fa-info-circle {
- cursor: help;
- }
- .actor.sheet .window-content .image-container {
- position: relative;
- }
- .actor.sheet .window-content .image-container .hover-icon {
- display: none;
- font-size: var(--font-size-16);
- }
- .actor.sheet .window-content .image-container:hover .hover-icon {
- display: block;
- }
- .actor.sheet .window-content .image-container [data-action=show-image] {
- bottom: 0.25rem;
- position: absolute;
- right: 0.025rem;
- }
- .actor.sheet .window-content .item-summary {
- --space-s: 0.25em;
- --space-m: 0.5em;
- --space-l: 1em;
- --space-xl: 1.5em;
- --space-2xl: 2em;
- --radius: 3px;
- line-height: normal;
- overflow: hidden;
- }
- .actor.sheet .window-content .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
- margin-top: 1em;
- }
- .actor.sheet .window-content .item-summary .inline-header {
- display: flex;
- align-items: center;
- gap: var(--space-l);
- background-color: var(--alt);
- font-family: var(--sans-serif);
- color: var(--text-light);
- padding: 0;
- font-size: 0.8em;
- font-weight: 400;
- border: none;
- }
- .actor.sheet .window-content .item-summary .inline-header strong {
- display: inline-flex;
- padding: 0 var(--space-m);
- background-color: var(--primary);
- min-width: 15ch;
- border-right: 1px solid rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
- font-weight: 400;
- }
- .actor.sheet .window-content .item-summary .inline-header + p {
- margin-top: var(--space-s);
- }
- .actor.sheet .window-content .item-summary .info {
- background-color: var(--secondary);
- padding: var(--space-m);
- color: var(--text-light);
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- border-radius: var(--radius);
- font-family: var(--sans-serif);
- padding-bottom: var(--space-m);
- }
- .actor.sheet .window-content .item-summary .info > * + * {
- margin-top: var(--space-m);
- }
- .actor.sheet .window-content .item-summary .info + * {
- margin-top: var(--space-xl);
- }
- .actor.sheet .window-content .item-summary .info + .actor.sheet .window-content .item-summary .info {
- margin-top: var(--space-s);
- }
- .actor.sheet .window-content .item-summary .info h4 {
- font-size: 0.9em;
- font-weight: 400;
- line-height: 1.2;
- font-family: var(--sans-serif);
- border-bottom: 1px solid rgba(0, 0, 0, 0.6);
- padding: var(--space-m) var(--space-l);
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- color: var(--text-light);
- }
- .actor.sheet .window-content .item-summary .info h4::after {
- font-family: "Font Awesome 6";
- content: "\f05a";
- font-weight: 900;
- margin-right: var(--space-s);
- }
- .actor.sheet .window-content .item-summary .info p {
- font-size: 0.8em;
- margin: 0;
- padding: 0 var(--space-l);
- }
- .actor.sheet .window-content .item-summary .info p:first-of-type {
- padding-top: var(--space-m);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
- .actor.sheet .window-content .item-summary .traits {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- .actor.sheet .window-content .item-summary .traits p {
- display: inline-flex;
- padding: 0.16rem 0.25rem;
- margin: 0;
- background-color: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: var(--text-light);
- font: 500 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- }
- .actor.sheet .window-content .item-summary .statblock {
- font-family: var(--sans-serif-condensed);
- color: var(--text-dark);
- line-height: 1.2;
- margin-bottom: var(--space-m);
- }
- .actor.sheet .window-content .item-summary .statblock > * + * {
- margin-top: var(--space-s);
- margin-bottom: 0;
- }
- .actor.sheet .window-content .item-summary .statblock p {
- --indent: var(--space-l);
- margin-left: var(--indent);
- position: relative;
- }
- .actor.sheet .window-content .item-summary .statblock p strong:first-of-type {
- margin-left: calc(var(--indent) * -1);
- }
- .actor.sheet .window-content .item-summary .statblock p .trait:first-of-type {
- margin-left: calc(var(--indent) * -1 - 2px);
- }
- .actor.sheet .window-content .item-summary .statblock span.pf2-icon {
- line-height: 1;
- }
- .actor.sheet .window-content .item-summary .statblock h1,
- .actor.sheet .window-content .item-summary .statblock h2,
- .actor.sheet .window-content .item-summary .statblock h3,
- .actor.sheet .window-content .item-summary .statblock h4 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- border-bottom: 1px solid var(--color-border-dark);
- text-transform: uppercase;
- letter-spacing: -0.05em;
- font-family: var(--sans-serif-condensed);
- font-weight: 700;
- }
- .actor.sheet .window-content .item-summary .statblock hr {
- border: none;
- border-bottom: 1px solid var(--color-border-dark);
- }
- .actor.sheet .window-content .item-summary .message {
- font-family: var(--journal-cursive);
- font-size: 2em;
- line-height: 1.2;
- }
- .actor.sheet .window-content .item-summary span[data-visibility=all] {
- display: inline-block;
- line-height: 1em;
- padding: 2px 1px 1px;
- }
- .actor.sheet .window-content .item-summary .item-buttons button:not(:disabled) {
- background-color: var(--primary);
- border: none;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- border-top: 1px solid #ff5e5e;
- border-bottom: 1px solid black;
- color: var(--text-light);
- cursor: pointer;
- font-family: var(--serif);
- font-size: var(--font-size-14);
- font-weight: 500;
- line-height: 1.8em;
- margin: 8px 0 0 0;
- padding: 0 8px;
- }
- .actor.sheet .window-content .item-summary .item-buttons button:not(:disabled):hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet .window-content .inventory {
- --border-color: var(--alt);
- }
- .actor.sheet .window-content .inventory .inventory-list,
- .actor.sheet .window-content .inventory ul.items {
- display: flex;
- flex-direction: column;
- position: relative;
- width: 100%;
- }
- .actor.sheet .window-content .inventory .inventory-list .item-name,
- .actor.sheet .window-content .inventory ul.items .item-name {
- align-items: center;
- display: flex;
- flex: 2;
- font-weight: 500;
- gap: 0.25rem;
- padding-right: 0.25rem;
- }
- .actor.sheet .window-content .inventory .inventory-list .quantity,
- .actor.sheet .window-content .inventory .inventory-list .bulk,
- .actor.sheet .window-content .inventory .inventory-list .item-controls,
- .actor.sheet .window-content .inventory .inventory-list .sell-value,
- .actor.sheet .window-content .inventory ul.items .quantity,
- .actor.sheet .window-content .inventory ul.items .bulk,
- .actor.sheet .window-content .inventory ul.items .item-controls,
- .actor.sheet .window-content .inventory ul.items .sell-value {
- display: flex;
- justify-content: center;
- align-items: center;
- flex: 0 0 68px;
- }
- .actor.sheet .window-content .inventory .inventory-list .sell-value,
- .actor.sheet .window-content .inventory ul.items .sell-value {
- justify-content: end;
- padding-right: 3px;
- }
- .actor.sheet .window-content .inventory .inventory-list .bulk,
- .actor.sheet .window-content .inventory ul.items .bulk {
- flex: 0 0 36px;
- }
- .actor.sheet .window-content .inventory .inventory-list .item-controls,
- .actor.sheet .window-content .inventory ul.items .item-controls {
- flex: 0 0 90px;
- font-size: var(--font-size-12);
- gap: 1px;
- justify-content: end;
- }
- .actor.sheet .window-content .inventory .inventory-list {
- overflow: hidden scroll;
- height: calc(100% - 60px);
- padding-right: 0.15rem;
- }
- .actor.sheet .window-content .inventory .inventory-list > header,
- .actor.sheet .window-content .inventory .total-bulk {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- align-items: center;
- background-color: var(--alt);
- color: var(--color-text-light-0);
- display: flex;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- justify-content: end;
- letter-spacing: 0.05em;
- line-height: 1;
- margin-top: 6px;
- padding: 0.25rem;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- width: 100%;
- }
- .actor.sheet .window-content .inventory .inventory-list > header:first-child,
- .actor.sheet .window-content .inventory .total-bulk:first-child {
- margin-top: 0;
- }
- .actor.sheet .window-content .inventory .inventory-list > header h3,
- .actor.sheet .window-content .inventory .total-bulk h3 {
- font-size: var(--font-size-14);
- margin: 2px 0;
- text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
- text-transform: capitalize;
- }
- .actor.sheet .window-content .inventory .inventory-list > header h3:hover,
- .actor.sheet .window-content .inventory .total-bulk h3:hover {
- color: var(--color-text-light-0);
- }
- .actor.sheet .window-content .inventory .inventory-list > header .item-name,
- .actor.sheet .window-content .inventory .total-bulk .item-name {
- padding-left: 4px;
- }
- .actor.sheet .window-content .inventory .inventory-list > header .item-invested-total,
- .actor.sheet .window-content .inventory .total-bulk .item-invested-total {
- flex: none;
- margin-right: 1em;
- }
- .actor.sheet .window-content .inventory .inventory-list > header .item-controls,
- .actor.sheet .window-content .inventory .total-bulk .item-controls {
- gap: 0.25rem;
- }
- .actor.sheet .window-content .inventory .inventory-list > header .overinvested,
- .actor.sheet .window-content .inventory .total-bulk .overinvested {
- color: orange;
- text-shadow: 1px 1px 0px black;
- }
- .actor.sheet .window-content .inventory ul.items {
- margin: 0;
- padding: 0;
- border-top: none;
- border: 1px solid var(--border-color);
- display: flex;
- flex-direction: column;
- list-style: none;
- }
- .actor.sheet .window-content .inventory ul.items > li {
- width: 100%;
- }
- .actor.sheet .window-content .inventory ul.items > li:nth-of-type(even) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet .window-content .inventory ul.items > li:last-child .item-summary {
- border-bottom: none;
- }
- .actor.sheet .window-content .inventory ul.items > li.temporary-item {
- background-color: rgba(0, 5, 255, 0.1137254902);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data {
- display: flex;
- flex-wrap: wrap;
- font-size: var(--font-size-12);
- justify-content: flex-start;
- width: 100%;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data.drop-highlight {
- background: #b7f8c7;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3,
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4 {
- font-weight: 500;
- line-height: var(--font-size-12);
- margin: auto auto auto 0;
- padding: 2px;
- word-break: break-word;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3 a:hover,
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4 a:hover {
- text-shadow: none;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3:hover,
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4:hover {
- color: var(--primary);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3 i.fa-info-circle,
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4 i.fa-info-circle {
- color: var(--text-dark);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h3 i.fa-info-circle:hover,
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4 i.fa-info-circle:hover {
- color: var(--text-dark);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4:not(:hover).rarity-uncommon {
- border-color: var(--color-rarity-uncommon);
- color: var(--color-rarity-uncommon);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4:not(:hover).rarity-rare {
- border-color: var(--color-rarity-rare);
- color: var(--color-rarity-rare);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name h4:not(:hover).rarity-unique {
- border-color: var(--color-rarity-unique);
- color: var(--color-rarity-unique);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name .size {
- font-size: 0.8em;
- color: var(--alt);
- margin: 0;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-name .uses {
- color: var(--color-text-dark-3);
- margin-left: auto;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .quantity,
- .actor.sheet .window-content .inventory ul.items > li > .data .bulk,
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls,
- .actor.sheet .window-content .inventory ul.items > li > .data .sell-value {
- border-left: 1px solid var(--alt);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .quantity {
- justify-content: space-around;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .quantity .decrease,
- .actor.sheet .window-content .inventory ul.items > li > .data .quantity .increase {
- display: flex;
- justify-content: center;
- align-items: center;
- font-family: var(--sans-serif-monospace);
- height: 100%;
- text-align: center;
- width: 18px;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls {
- color: var(--text-dark);
- font-size: var(--font-size-13);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.toggle-invested, .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.item-carry-type {
- color: rgba(0, 0, 0, 0.5);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.toggle-invested.active, .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.item-carry-type.active {
- color: var(--secondary);
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control.item-carry-type {
- text-align: right;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control .fa-stack {
- margin: -3px -2px 0;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control .fa-stack .fa-1,
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control .fa-stack .fa-2 {
- left: 1px;
- position: relative;
- }
- .actor.sheet .window-content .inventory ul.items > li > .data .item-controls .item-control .notify {
- animation: glow 0.75s infinite alternate;
- }
- .actor.sheet .window-content .inventory ul.items > li.drag-preview {
- box-shadow: 0 0 6px inset var(--color-shadow-highlight);
- }
- .actor.sheet .window-content .inventory ul.items > li.drag-gap {
- visibility: hidden;
- }
- .actor.sheet .window-content .inventory ul.items > li .item-summary {
- flex: 100%;
- padding: 4px 8px 8px;
- border-top: 1px solid var(--alt);
- border-bottom: 1px solid var(--alt);
- background: rgba(255, 255, 255, 0.333);
- }
- .actor.sheet .window-content .inventory ul.items > li .container-metadata {
- flex-basis: 100%;
- }
- .actor.sheet .window-content .inventory ul.items > li .container-metadata .capacity {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- position: relative;
- background-color: rgba(0, 0, 0, 0.75);
- box-shadow: inset 0 0 4px black;
- color: var(--color-text-light-0);
- display: flex;
- width: 100%;
- }
- .actor.sheet .window-content .inventory ul.items > li .container-metadata .capacity .bar {
- background-color: var(--secondary);
- border-radius: 0 2px 2px 0;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.1);
- padding: 8px 0;
- }
- .actor.sheet .window-content .inventory ul.items > li .container-metadata .capacity .label {
- position: absolute;
- height: 100%;
- top: 0;
- left: 0;
- padding: 2px;
- }
- .actor.sheet .window-content .inventory ul.items > li .container-metadata .capacity.over-limit .container-capacity-bar {
- background-color: var(--primary);
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents {
- padding-left: 10px;
- border-left: none;
- border-right: none;
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li {
- position: relative;
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li:nth-of-type(even) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li:first-of-type .item::before {
- height: 50%;
- top: 0;
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li::before, .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li::after {
- position: absolute;
- border-left: 1px solid var(--alt);
- top: 0;
- height: 50%;
- left: -5px;
- width: 5px;
- content: "";
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li::before {
- border-bottom: 1px solid var(--alt);
- top: 0;
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li::after {
- top: 50%;
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li .item-summary {
- border-left: 1px solid var(--alt);
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents .container-metadata {
- position: relative;
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents .container-metadata::before {
- position: absolute;
- border-left: 1px solid var(--alt);
- top: 0;
- height: 100%;
- left: -5px;
- width: 0px;
- content: "";
- }
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li:last-of-type .item::after,
- .actor.sheet .window-content .inventory ul.items > li ul.container-contents > li:last-of-type .container-metadata::before {
- border: none;
- }
- .actor.sheet .window-content .inventory .encumbrance {
- align-items: center;
- display: grid;
- grid: "img bar overflow" min-content/24px 1fr;
- margin-top: auto;
- }
- .actor.sheet .window-content .inventory .encumbrance img {
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
- border-radius: 0;
- grid-area: img;
- position: relative;
- z-index: 4;
- }
- .actor.sheet .window-content .inventory .encumbrance .encumbrance-bar {
- position: relative;
- z-index: 2;
- grid-area: bar;
- height: 16px;
- width: 100%;
- background-color: var(--secondary);
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- }
- .actor.sheet .window-content .inventory .encumbrance .encumbrance-label {
- position: relative;
- z-index: 3;
- grid-area: bar;
- color: var(--text-light);
- font-family: var(--serif);
- font-size: var(--font-size-12);
- font-weight: 500;
- padding: 0 8px;
- padding-top: 2px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- text-shadow: 0 0 2px black;
- }
- .actor.sheet .window-content .inventory .encumbrance .encumbrance-light-bulk-overflow {
- position: relative;
- z-index: 3;
- grid-area: overflow;
- color: var(--text-dark);
- font-family: var(--serif);
- font-size: var(--font-size-12);
- font-weight: 500;
- padding: 0 8px;
- padding-top: 2px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet .window-content .inventory .encumbrance .bar-bg {
- position: relative;
- z-index: 1;
- grid-area: bar;
- width: 100%;
- height: 16px;
- background-color: rgba(0, 0, 0, 0.5);
- border-radius: 0 2px 2px 0;
- box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.75);
- }
- .actor.sheet .window-content .inventory .encumbrance.over-limit .encumbrance-bar {
- background-color: var(--primary) !important;
- }
- .actor.sheet .window-content .inventory .total-bulk {
- font-weight: 500;
- gap: 0.25rem;
- height: 1.5rem;
- padding-left: 0;
- border-radius: 0;
- justify-content: start;
- margin-bottom: 0.7rem;
- }
- .actor.sheet .window-content .inventory .total-bulk img {
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
- height: 1.5rem;
- width: 1.5rem;
- z-index: 1;
- }
- .actor.sheet .window-content .item-image {
- cursor: pointer;
- display: flex;
- flex: 0 0 1.5rem;
- font-size: var(--font-size-16);
- height: 1.5rem;
- position: relative;
- }
- .actor.sheet .window-content .item-image.framed {
- background-color: var(--tertiary);
- }
- .actor.sheet .window-content .item-image.framed img {
- border-radius: 2px;
- }
- .actor.sheet .window-content .item-image.framed,
- .actor.sheet .window-content .item-image.framed i {
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
- }
- .actor.sheet .window-content .item-image img {
- border: none;
- border-radius: 0;
- }
- .actor.sheet .window-content .item-image i {
- box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
- color: var(--text-dark);
- display: none;
- height: 100%;
- position: absolute;
- width: 100%;
- }
- .actor.sheet .window-content .item-image:hover i {
- align-items: center;
- background: #f1eee9;
- display: flex;
- justify-content: center;
- }
- .actor.sheet .window-content .size-select {
- background-color: var(--color-bg-size);
- border: 2px solid var(--color-border-trait);
- color: var(--color-text-trait);
- }
- .actor.sheet .window-content .rarity-select {
- border: 2px solid var(--color-border-trait);
- color: var(--color-text-trait);
- }
- .actor.sheet .window-content .rarity-select.common {
- background-color: var(--color-rarity-common);
- }
- .actor.sheet .window-content .rarity-select.uncommon {
- background-color: var(--color-rarity-uncommon);
- }
- .actor.sheet .window-content .rarity-select.rare {
- background-color: var(--color-rarity-rare);
- }
- .actor.sheet .window-content .rarity-select.unique {
- background-color: var(--color-rarity-unique);
- }
- .actor.sheet.character .attack-popout.actions {
- gap: 0.5rem;
- padding: 0;
- margin-left: 0.25rem;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list + .actions-list {
- margin-top: 0.5rem;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name {
- align-items: start;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .actions-title {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .item-image {
- flex: 0 0 2rem;
- height: 2rem;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .action-name .item-controls {
- margin-left: auto;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group {
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- font-size: var(--font-size-14);
- margin-bottom: 0;
- padding: 2px 0;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group button {
- border: none;
- flex: 0;
- gap: 2px;
- height: 1.25rem;
- line-height: unset;
- margin: 0;
- padding: 0 0.5em;
- white-space: nowrap;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group button:not(:disabled):hover {
- box-shadow: none;
- text-shadow: 0 0 2px var(--text-light);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options {
- align-items: center;
- display: flex;
- font-size: var(--font-size-14);
- gap: 2px;
- justify-content: center;
- padding: 0 3px;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options .title {
- text-transform: uppercase;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button {
- align-items: center;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- display: flex;
- justify-content: center;
- width: 3ch;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
- background: var(--text-dark);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button.selected > i[class^=fa-] {
- color: var(--bg-dark);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover {
- box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5);
- text-shadow: none;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .button-group .versatile-options button:active {
- text-shadow: 0 0 1px var(--primary);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .alt-usage {
- flex-basis: 100%;
- margin-left: calc(3em - 2px);
- position: relative;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .alt-usage .alt-usage-icon {
- border: none;
- height: 1rem;
- position: absolute;
- left: -1.5em;
- top: 0.2em;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo,
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions {
- margin-left: 2.5rem;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo {
- align-items: center;
- display: flex;
- gap: 3px;
- margin-bottom: 2px;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked {
- font: normal var(--font-size-12) var(--sans-serif);
- line-height: var(--font-size-12);
- padding-top: 3px;
- width: fit-content;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
- color: rgba(255, 255, 255, 0.6);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked option,
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo select.linked optgroup {
- color: var(--text-light);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo .magazine {
- margin-right: 0.5rem;
- font-family: var(--sans-serif);
- font-weight: 600;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .ammo .magazine .icon {
- display: inline-block;
- width: 0.9rem;
- height: 0.9rem;
- background-image: url("../assets/icons/heavy-bullets.svg");
- background-size: cover;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions {
- display: flex;
- gap: 3px;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
- appearance: auto;
- background: none;
- color: var(--text-dark);
- cursor: default;
- font: inherit;
- margin-left: 0.5em;
- padding: 0.15em 0.2em;
- text-transform: uppercase;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button select.modular option {
- background: var(--bg-dark);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) {
- text-shadow: none;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name {
- color: var(--color-text-dark-4);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name .item-image {
- cursor: default;
- filter: grayscale(1);
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .item-name .item-image:hover i {
- display: none;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.strike:not(.ready) .hands-occupied {
- font: italic 500 var(--font-size-10) var(--sans-serif);
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.action .item-image:hover {
- background: none;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking {
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: 1rem;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking input {
- width: 0;
- flex: 0 1 4rem;
- text-align: center;
- }
- .actor.sheet.character .attack-popout.actions ol.actions-list li.action .tracking span {
- white-space: nowrap;
- }
- .actor.sheet.character .attack-popout.actions h4 {
- flex: 1;
- }
- .actor.sheet.character .attack-popout.actions button.activate {
- background: none;
- border: 1px solid var(--color-border-dark);
- border-radius: 5px;
- flex: 0;
- line-height: 1.25em;
- opacity: 0.7;
- margin-right: 0.5rem;
- padding: 0 0.25rem;
- }
- .actor.sheet.character .attack-popout.actions button.activate.active, .actor.sheet.character .attack-popout.actions button.activate:hover {
- background-color: var(--primary);
- color: var(--text-light);
- opacity: 1;
- }
- .actor.sheet.character .attack-popout.actions .item-controls {
- display: flex;
- min-width: 2.5em;
- justify-content: end;
- }
- .actor.sheet.character .attack-popout .actions-container {
- padding: 0 0.5rem 2rem 0;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper {
- justify-items: center;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .action-radio {
- display: none;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels {
- min-height: min-content;
- width: 100%;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
- display: none;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 0.5rem;
- padding: 0.5rem 1rem;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
- align-items: center;
- display: flex;
- width: 100%;
- margin: 1px 0;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
- vertical-align: middle;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
- color: var(--color-text-dark-inactive);
- }
- .actor.sheet.character .attack-popout .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label select {
- margin-left: 0.25em;
- }
- .actor.sheet.character .attack-popout ol.actions-list {
- padding-left: 0;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action-header {
- align-items: center;
- display: flex;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action, .actor.sheet.character .attack-popout ol.actions-list li.strike {
- border: solid transparent;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- border-width: 0 0 1px;
- padding: 4px;
- width: 100%;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action p:empty, .actor.sheet.character .attack-popout ol.actions-list li.strike p:empty {
- display: none;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-name, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name {
- align-items: center;
- display: flex;
- gap: 0.5rem;
- grid-area: icon-name;
- margin: 0;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-name h4, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name h4 {
- margin: 0;
- max-width: fit-content;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .item-image, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .item-image {
- display: flex;
- justify-content: center;
- align-items: center;
- background-repeat: no-repeat;
- background-size: contain;
- cursor: pointer;
- font-size: var(--font-size-18);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title {
- flex: 1;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name {
- align-items: baseline;
- display: flex;
- flex-direction: row;
- gap: 0.5em;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4 a:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4 a:hover {
- color: var(--color-pf-primary);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-name .actions-title .action-name > h4 .action-glyph, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-name .actions-title .action-name > h4 .action-glyph {
- color: var(--text-dark);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action {
- align-items: center;
- border-radius: 2px;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
- display: flex;
- flex: 0;
- font: 500 var(--font-size-10) var(--sans-serif);
- gap: 0.25em;
- height: 2em;
- justify-content: space-evenly;
- letter-spacing: 0.05em;
- margin: 0;
- max-width: fit-content;
- padding: 0.5em;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- white-space: nowrap;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled) {
- background: var(--bg-dark);
- cursor: pointer;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled):hover {
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet.character .attack-popout ol.actions-list li.strike button.use-action:not(:disabled):active {
- color: var(--primary);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-controls, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-controls {
- font-size: var(--font-size-12);
- grid-area: controls;
- white-space: nowrap;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary {
- flex-basis: 100%;
- margin: 0.5rem 0;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .title,
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .title,
- .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing {
- color: var(--primary);
- margin-top: 1em;
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing strong, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing strong {
- font-weight: 500;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .framing + p, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .framing + p {
- margin-top: 0;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary img, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary img.actionlight, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--text-dark);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: var(--text-dark);
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- padding: 0.5rem 1rem 1rem;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary dd, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary dd {
- margin: 0;
- margin-bottom: 0.5rem;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet.character .attack-popout ol.actions-list li.strike .item-summary .tag.tag_secondary {
- background-color: rgba(0, 0, 0, 0.8);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action.hidden, .actor.sheet.character .attack-popout ol.actions-list li.strike.hidden {
- display: none;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action {
- align-items: center;
- column-gap: 0.5rem;
- display: grid;
- grid: "icon name tracking controls" 1fr "icon buttons tracking controls" auto "summary summary summary summary" auto/min-content 1fr 20% 10%;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action > .icon {
- grid-area: icon;
- height: 32px;
- width: 32px;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .name {
- align-items: center;
- grid-area: name;
- display: flex;
- margin-bottom: 0;
- text-align: left;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .name > a:hover {
- color: var(--color-pf-primary);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .button-group {
- grid-area: buttons;
- display: flex;
- flex-wrap: wrap;
- gap: 1px;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .tracking {
- grid-area: tracking;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-controls {
- grid-area: controls;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.action .item-summary {
- grid-area: summary;
- }
- .actor.sheet.character .attack-popout.actions {
- margin: 0.25em 0.1em 0 0.4em;
- }
- .actor.sheet.character .attack-popout .actions-container {
- padding: 0.5em 0 0.5em 0.4em;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.strike {
- border: unset;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked {
- -moz-appearance: none;
- -webkit-appearance: none;
- appearance: none;
- background-color: var(--alt);
- background-image: url("../assets/icons/chevron-down.svg");
- background-position: right 0.25em top 50%;
- background-repeat: no-repeat;
- background-size: 1em auto;
- border-radius: 2px;
- border: 1px solid #53422a;
- color: var(--text-light);
- height: auto;
- padding: 0.25rem 1.1rem 0.25rem 0.25rem;
- position: relative;
- text-overflow: ellipsis;
- }
- .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
- color: rgba(255, 255, 255, 0.6);
- }
- .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked option,
- .actor.sheet.character .attack-popout ol.actions-list li.strike .ammo select.linked optgroup {
- color: var(--text-light);
- background-color: var(--alt);
- }
- .actor.sheet.character .crb-style .pf-rank {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- background: var(--color-proficiency-untrained);
- border-radius: 2px;
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
- color: var(--text-light);
- font-weight: 500;
- padding: 2px 1px 1px 1px;
- width: 6.5em;
- text-align-last: center;
- }
- .actor.sheet.character .crb-style .pf-rank.readonly {
- pointer-events: none;
- }
- .actor.sheet.character .crb-style .pf-rank option[value="0"] {
- background: var(--color-proficiency-untrained);
- }
- .actor.sheet.character .crb-style .pf-rank.trained, .actor.sheet.character .crb-style .pf-rank[data-rank="1"],
- .actor.sheet.character .crb-style .pf-rank option[value="1"] {
- background: var(--color-proficiency-trained);
- }
- .actor.sheet.character .crb-style .pf-rank.expert, .actor.sheet.character .crb-style .pf-rank[data-rank="2"],
- .actor.sheet.character .crb-style .pf-rank option[value="2"] {
- background: var(--color-proficiency-expert);
- }
- .actor.sheet.character .crb-style .pf-rank.master, .actor.sheet.character .crb-style .pf-rank[data-rank="3"],
- .actor.sheet.character .crb-style .pf-rank option[value="3"] {
- background: var(--color-proficiency-master);
- }
- .actor.sheet.character .crb-style .pf-rank.legendary, .actor.sheet.character .crb-style .pf-rank[data-rank="4"],
- .actor.sheet.character .crb-style .pf-rank option[value="4"] {
- background: var(--color-proficiency-legendary);
- }
- .actor.sheet.character .crb-style select.pf-rank {
- cursor: pointer;
- height: 1rem;
- }
- .actor.sheet.character .crb-style span.pf-rank {
- min-width: 61px;
- pointer-events: none;
- }
- .actor.sheet.character .crb-style aside .sidebar a.roll-icon.rest {
- padding-bottom: 0;
- }
- .actor.sheet.character .crb-style aside .sidebar .class-dc.secondary {
- margin-top: 0.2em;
- }
- .actor.sheet.character .crb-style aside .sidebar .class-dc .classdc-rank {
- align-items: center;
- display: flex;
- gap: 0.5em;
- }
- .actor.sheet.character .crb-style header.char-header .char-details .dots {
- display: flex;
- font-size: var(--font-size-10);
- }
- .actor.sheet.character .crb-style header.char-header .char-details .dots .label {
- color: var(--sidebar-label);
- padding-left: 3px;
- margin-right: 8px;
- font-weight: 700;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- padding: 0.5em 0;
- position: relative;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input {
- font-size: var(--font-size-13);
- height: 1.5em;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input {
- color: var(--text-light);
- font-family: var(--sans-serif);
- text-align: right;
- width: 3em;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input .slash {
- color: var(--sidebar-label);
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress {
- background-color: unset;
- border: 1px solid rgba(255, 255, 255, 0.1);
- border-left: none;
- bottom: 7px;
- box-shadow: 0 0 2px var(--sidebar-label);
- height: 5px;
- left: -9px;
- position: absolute;
- width: 7em;
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-moz-progress-bar {
- background: var(--sidebar-title);
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-bar {
- background: rgba(0, 0, 0, 0.2);
- }
- .actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-value {
- background: var(--sidebar-title);
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .item.to-hide {
- opacity: 45%;
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .item.hidden {
- display: none;
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon {
- clip-rule: evenodd;
- fill-rule: evenodd;
- padding: 4px;
- position: relative;
- stroke-linejoin: round;
- stroke-miterlimit: 2;
- top: -1px;
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon path {
- fill-rule: nonzero;
- }
- .actor.sheet.character .crb-style nav.sheet-navigation .manage-tabs {
- color: var(--text-light);
- margin: 0;
- padding: 0 6px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content > .tab.active {
- display: flex;
- height: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content > .tab:not(.inventory, .actions),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab-content {
- overflow: hidden scroll;
- flex-grow: 1;
- min-height: 0;
- overflow: hidden scroll;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content nav + .tab-content {
- padding-top: 0.75rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .name a:hover {
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i {
- display: none;
- position: absolute;
- width: 100%;
- height: 100%;
- color: var(--text-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i {
- background: #f1eee9;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed {
- background-color: var(--tertiary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i {
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab {
- flex-direction: column;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select {
- width: calc(100% - 6px);
- background-color: var(--alt);
- border: 1px solid #605041;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select:disabled {
- cursor: initial;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character hr {
- margin: 10px 6px 10px 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 {
- align-items: center;
- background-color: rgba(28, 28, 28, 0.1);
- border: none;
- color: var(--text-dark);
- display: flex;
- font: 700 var(--font-size-14)/1em var(--body-serif);
- margin: 0;
- padding: 0.5em 0.25em;
- width: calc(100% - 0.5em);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 span.value {
- flex-basis: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details {
- display: grid;
- grid: "img details" 9rem "img deity" auto/120px 1fr;
- margin-top: 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .image-container {
- grid-area: img;
- z-index: 3;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .image-container .actor-image {
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- border-radius: 0;
- max-height: 11rem;
- object-fit: cover;
- object-position: top;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd {
- grid-area: details;
- display: grid;
- grid-template-columns: repeat(2, 13em);
- grid-row-gap: 0.5rem;
- justify-content: start;
- padding-left: 0.75rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd > * {
- display: flex;
- flex-wrap: wrap;
- gap: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd > * .details-label {
- flex-basis: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd .deity {
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd .deity .input h3 {
- min-width: 11em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd img.deity-emblem {
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- align-self: end;
- border-radius: 50%;
- height: 2rem;
- margin-left: 0.25rem;
- width: 2rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control {
- cursor: pointer;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control > i:hover {
- text-shadow: 0 0 8px var(--color-shadow-primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu {
- left: -85px;
- min-width: 105px;
- padding: 0;
- text-align: left;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item {
- font-family: var(--font-primary);
- font-weight: normal;
- min-width: 105px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item i {
- position: static;
- float: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background {
- display: flex;
- flex-wrap: wrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background label {
- align-items: start;
- display: flex;
- flex: 1 0 0;
- flex-direction: column;
- justify-content: start;
- margin-bottom: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background label span {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits {
- display: flex;
- flex-wrap: wrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .tags {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc {
- display: flex;
- flex-direction: column;
- justify-content: start;
- align-items: start;
- flex: 20%;
- margin-bottom: 0.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span.speed * {
- width: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_land-speed, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_size {
- flex: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_speed-types {
- flex: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_senses {
- flex: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_languages {
- flex: 50%;
- margin-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_traits {
- flex: 50%;
- margin-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc label,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h4 {
- margin: 0;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc select,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc input,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h3 {
- margin-top: 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes {
- margin: 0;
- padding: 0;
- display: grid;
- gap: 12px;
- grid: 1fr/repeat(6, 1fr);
- justify-content: center;
- list-style: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute {
- display: grid;
- grid: "abbrev" auto "mod" 1fr "label" auto/1fr;
- column-gap: 10px;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute:focus-within .abbreviation {
- filter: opacity(1);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .abbreviation,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .modifier {
- color: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation {
- margin: 0;
- padding: 0;
- border: none;
- color: var(--primary);
- font: 400 22px var(--serif-condensed);
- grid-area: abbrev;
- position: relative;
- text-align: center;
- text-transform: capitalize;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex {
- bottom: 4px;
- position: absolute;
- font-size: var(--font-size-12);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key {
- left: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex {
- right: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex.unselected:not(:hover) {
- opacity: 0.75;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier {
- display: flex;
- justify-content: center;
- align-items: center;
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- grid-area: mod;
- font-size: var(--font-size-24);
- font-family: var(--serif);
- font-weight: 700;
- height: 46px;
- margin: 0;
- padding-right: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .label {
- color: rgb(68, 55, 48);
- grid-area: label;
- margin: 0;
- opacity: 0.4;
- padding: 2px;
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions {
- gap: 0.5rem;
- padding: 0;
- margin-left: 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list + .actions-list {
- margin-top: 0.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
- align-items: start;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image {
- flex: 0 0 2rem;
- height: 2rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .action-name .item-controls {
- margin-left: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group {
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- font-size: var(--font-size-14);
- margin-bottom: 0;
- padding: 2px 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button {
- border: none;
- flex: 0;
- gap: 2px;
- height: 1.25rem;
- line-height: unset;
- margin: 0;
- padding: 0 0.5em;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button:not(:disabled):hover {
- box-shadow: none;
- text-shadow: 0 0 2px var(--text-light);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options {
- align-items: center;
- display: flex;
- font-size: var(--font-size-14);
- gap: 2px;
- justify-content: center;
- padding: 0 3px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options .title {
- text-transform: uppercase;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button {
- align-items: center;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- display: flex;
- justify-content: center;
- width: 3ch;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
- background: var(--text-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected > i[class^=fa-] {
- color: var(--bg-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover {
- box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5);
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:active {
- text-shadow: 0 0 1px var(--primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage {
- flex-basis: 100%;
- margin-left: calc(3em - 2px);
- position: relative;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage .alt-usage-icon {
- border: none;
- height: 1rem;
- position: absolute;
- left: -1.5em;
- top: 0.2em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions {
- margin-left: 2.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo {
- align-items: center;
- display: flex;
- gap: 3px;
- margin-bottom: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked {
- font: normal var(--font-size-12) var(--sans-serif);
- line-height: var(--font-size-12);
- padding-top: 3px;
- width: fit-content;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
- color: rgba(255, 255, 255, 0.6);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked option,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked optgroup {
- color: var(--text-light);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo .magazine {
- margin-right: 0.5rem;
- font-family: var(--sans-serif);
- font-weight: 600;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo .magazine .icon {
- display: inline-block;
- width: 0.9rem;
- height: 0.9rem;
- background-image: url("../assets/icons/heavy-bullets.svg");
- background-size: cover;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions {
- display: flex;
- gap: 3px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
- appearance: auto;
- background: none;
- color: var(--text-dark);
- cursor: default;
- font: inherit;
- margin-left: 0.5em;
- padding: 0.15em 0.2em;
- text-transform: uppercase;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular option {
- background: var(--bg-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) {
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name {
- color: var(--color-text-dark-4);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name .item-image {
- cursor: default;
- filter: grayscale(1);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .item-name .item-image:hover i {
- display: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .hands-occupied {
- font: italic 500 var(--font-size-10) var(--sans-serif);
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-image:hover {
- background: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking {
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: 1rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking input {
- width: 0;
- flex: 0 1 4rem;
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking span {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions h4 {
- flex: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate {
- background: none;
- border: 1px solid var(--color-border-dark);
- border-radius: 5px;
- flex: 0;
- line-height: 1.25em;
- opacity: 0.7;
- margin-right: 0.5rem;
- padding: 0 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:hover {
- background-color: var(--primary);
- color: var(--text-light);
- opacity: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .item-controls {
- display: flex;
- min-width: 2.5em;
- justify-content: end;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list {
- gap: 0.2em;
- padding-bottom: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item p:empty {
- display: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls {
- display: flex;
- flex: 0;
- font-size: var(--font-size-12);
- gap: 1px;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: var(--text-light);
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
- border-top: 1px solid #d5cac1;
- border: solid transparent;
- border-width: 0 0 1px;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item:last-child {
- border-bottom: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item-name h4 {
- font-family: var(--serif);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 0.25em;
- padding-bottom: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry:first-child .action-header {
- justify-content: start;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable:hover {
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg {
- width: var(--font-size-14);
- height: var(--font-size-14);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path {
- fill: black;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable:hover svg {
- animation: rotation 2s infinite linear;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data {
- align-items: center;
- display: flex;
- flex: 1;
- gap: 1rem;
- margin: 0.5em 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data section {
- display: flex;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button {
- width: auto;
- line-height: 1.5em;
- padding-top: 1px;
- margin-bottom: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button i {
- font-size: 0.9em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
- font-family: var(--serif);
- font-weight: bold;
- font-size: 1rem;
- letter-spacing: -1px;
- line-height: 1;
- color: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values {
- display: flex;
- gap: 0.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .skill-data {
- display: flex;
- gap: 0.25rem;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values h4 {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .rollable {
- gap: 0.1rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool {
- cursor: pointer;
- gap: 0.25em;
- position: relative;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool img.pool-size {
- border: none;
- width: 34px;
- height: 32px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips {
- display: flex;
- font-size: var(--font-size-10);
- gap: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips i {
- padding-bottom: 0.08rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool h4 {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability {
- gap: 0.5em;
- margin-left: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability .spell-tradition {
- font-family: var(--body-serif);
- font-weight: 600;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .pf-rank {
- margin-bottom: 0.13rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellbook-empty {
- margin: 8px 0;
- background: none;
- border: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row {
- grid-column: span 4;
- text-align: center;
- width: 100%;
- display: flex;
- justify-content: space-evenly;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row a {
- width: 100%;
- margin-bottom: 12px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h1,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 {
- margin: 0;
- padding: 0;
- line-height: 1;
- display: flex;
- align-items: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 2px 0.25rem;
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: var(--text-light);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list {
- list-style: none;
- margin: 0;
- padding: 0;
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 0.75rem;
- align-items: center;
- margin-bottom: 1rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- align-items: center;
- display: flex;
- gap: 0.25rem;
- padding: 0.125rem 0.875rem 0.125rem 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.skill-name:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.modifier:hover {
- color: var(--primary);
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.modifier:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.skill-name:hover > .modifier {
- text-decoration: underline;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .modifier {
- color: var(--primary);
- font: 600 var(--font-size-22)/1em var(--serif);
- text-align: end;
- width: 2.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .skill-name {
- align-items: center;
- display: flex;
- flex: 1;
- gap: 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .button-group {
- align-items: center;
- display: flex;
- flex-flow: column wrap;
- justify-content: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .button-group h6 {
- margin: 1px 0;
- background: var(--sub);
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .button-group h6:hover {
- background: var(--primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li.custom {
- position: relative;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li.custom a.delete {
- position: absolute;
- top: -0.5rem;
- right: -0.5rem;
- opacity: 0.75;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li.custom a.delete:hover {
- opacity: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list li .button-group,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.combat-list li .button-group {
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list li .button-group .item-controls,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.combat-list li .button-group .item-controls {
- font-size: var(--font-size-12);
- margin-left: 0.5rem;
- margin-top: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list {
- grid-template-columns: 1fr;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input {
- color: var(--text-dark);
- font-weight: 600;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.combat-list {
- grid-template: repeat(2, 1fr);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.combat-list .item {
- grid-column: 1/3;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls {
- white-space: nowrap;
- color: var(--text-light);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls .item-control {
- padding: 0.25rem;
- background: var(--secondary);
- font-size: var(--font-size-10);
- border-radius: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats {
- padding-bottom: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-section {
- padding-bottom: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item {
- display: grid;
- grid: "name ctrl" min-content "content content" min-content/1fr min-content;
- align-items: center;
- padding: 2px 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name {
- align-items: center;
- display: flex;
- flex: 1;
- grid-area: name;
- height: calc(1.5rem + 2px);
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title {
- display: flex;
- font-family: var(--serif);
- font-size: 1.1em;
- font-weight: 600;
- color: var(--secondary);
- justify-content: center;
- width: 20px;
- margin-left: 6px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-placeholder {
- margin-left: 40px;
- margin-right: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4 {
- cursor: pointer;
- font-family: var(--serif);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover {
- color: var(--primary);
- text-shadow: 0 0 3px var(--tertiary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image {
- margin-left: 8px;
- margin-right: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
- align-items: center;
- display: flex;
- font-size: var(--font-size-12);
- grid-area: ctrl;
- height: 100%;
- white-space: nowrap;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls a:last-child {
- margin-right: 6px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-summary {
- flex: 100%;
- grid-area: content;
- padding: 0 8px 8px;
- margin: 4px 0 0 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items {
- grid-column: span 2;
- border-left: 3px dotted var(--alt);
- display: flex;
- margin: 1px 0 0 45px;
- padding: 0;
- flex-basis: 100%;
- flex-direction: column;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- gap: 2px;
- margin: 2px 0;
- padding-bottom: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li:last-child {
- padding-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name .feat-slot-title {
- width: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name img {
- margin-left: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-controls {
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li ol.nested-items {
- margin-left: 25px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography > header {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- padding: 0 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography > header i.fa-eye-slash {
- opacity: 75%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable input {
- background: rgba(0, 0, 0, 0.05);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content {
- min-height: 4rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section:not(.editable) .editor-content {
- min-height: 2rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled {
- color: var(--text-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details {
- display: grid;
- grid-template: "bio bio" 1fr "height weight" min-content/1fr 1fr;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details .bio {
- grid-area: bio;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality {
- display: flex;
- flex-wrap: wrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .bio {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- flex: 50%;
- margin-bottom: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .bio span {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema {
- flex-basis: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts > *,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema > * {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts .label-add,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema .label-add {
- align-items: center;
- display: flex;
- justify-content: space-between;
- width: calc(100% - 0.75em);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts ol,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema ol {
- list-style-type: decimal;
- margin-top: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts ol li,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema ol li {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .edicts ol li input,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .anathema ol li input {
- margin: 0.2em;
- max-width: calc(100% - 2rem);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.campaign {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input {
- background: none;
- border-bottom: 1px solid var(--color-border-input);
- font-family: var(--body-serif);
- width: calc(100% - 6px);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input::placeholder {
- filter: opacity(0.5);
- color: var(--text-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus {
- border-bottom: 1px solid #644f33;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus::placeholder {
- color: transparent;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input[type=number] {
- padding-bottom: 0;
- padding-left: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section hr {
- margin: 10px 6px 10px 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 {
- margin: 0;
- padding: 0;
- background-color: rgba(28, 28, 28, 0.1);
- border: none;
- color: var(--text-dark);
- font: 700 var(--font-size-14) var(--body-serif);
- grid-area: mod;
- height: 26px;
- padding: 8px 4px 6px;
- width: calc(100% - 6px);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 i {
- position: relative;
- right: -2px;
- top: -2px;
- float: right;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 span.value {
- display: inline-block;
- max-width: 87%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h4.details-label {
- margin-bottom: 0;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content {
- padding: 0 0 0.5rem;
- /* Typography */
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 {
- font-family: var(--serif);
- line-height: 1.1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1 {
- text-align: center;
- font-size: 2.5em;
- margin-bottom: 30px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 {
- color: var(--secondary);
- font-size: 2.25em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h3 {
- font-size: 2em;
- border-bottom: 0px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h4 {
- color: var(--text-dark);
- border-bottom: 1px solid var(--color-border-dark-primary);
- margin-bottom: 0px;
- text-transform: uppercase;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h5 {
- text-transform: uppercase;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h6 {
- background-color: var(--header-bg);
- color: var(--header-color);
- margin-bottom: 5px;
- padding-left: 8px;
- padding-top: 5px;
- padding-bottom: 3px;
- font-size: 1.25em;
- text-transform: uppercase;
- border-radius: 12px 12px 0px 0px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p + p,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ul,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ol {
- font-family: var(--body-serif);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-edit {
- background: var(--primary);
- color: var(--text-light);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox.tox-tinymce {
- height: 200px !important;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header {
- background: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord {
- background-color: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary {
- background-color: var(--alt);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn {
- color: #cdcdcd;
- border-radius: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn svg {
- fill: #cdcdcd;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover {
- background: var(--secondary);
- color: var(--text-light);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover svg {
- fill: white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-content {
- overflow-y: inherit;
- padding: 0 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory {
- height: calc(100% - 40px);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list {
- padding-right: 0.1rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .item-controls {
- flex: 0 0 100px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth {
- margin-bottom: 0.5rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs {
- gap: 0.2em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item p:empty {
- display: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name .item-image {
- margin-right: 8px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls {
- display: flex;
- flex: 0;
- font-size: var(--font-size-12);
- gap: 1px;
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a + a {
- margin-left: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary {
- flex-basis: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: var(--text-light);
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section {
- display: flex;
- flex-direction: column;
- gap: 0.25em;
- margin: 0.75rem 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section:first-child {
- margin-top: 0.25rem;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play {
- align-items: center;
- display: grid;
- grid-template-columns: 6em 1em 4em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play > * {
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play input {
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play .dash {
- font-weight: bold;
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play label.player-number {
- grid-column: span 2;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump {
- align-items: center;
- flex-direction: row;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle {
- width: 42px;
- height: 1rem;
- background: rgba(0, 0, 0, 0.5);
- position: relative;
- border-radius: 50px;
- box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle.enabled {
- background: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after {
- content: "OFF";
- color: var(--text-dark);
- position: absolute;
- right: 5px;
- z-index: 0;
- text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
- content: "ON";
- color: var(--text-light);
- position: absolute;
- left: 6px;
- z-index: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- top: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle label {
- display: block;
- width: 18px;
- height: 14px;
- position: absolute;
- top: 1px;
- right: 20px;
- cursor: pointer;
- background: #fcfff4;
- z-index: 1;
- background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
- border-radius: 50%;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
- transition: all 0.4s ease;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox] {
- visibility: hidden;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox]:checked + label {
- right: 1px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.faction {
- max-width: fit-content;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations {
- font-family: var(--serif);
- gap: 0.2em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation {
- align-items: center;
- display: flex;
- gap: 0.2em;
- justify-content: space-between;
- width: 12em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation input {
- padding: 0 0.3em;
- text-align: right;
- width: 3em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options {
- display: flex;
- flex-wrap: wrap;
- margin: 0 1rem 1rem;
- padding: 0.5rem 1rem;
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option {
- display: flex;
- align-items: center;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label * {
- vertical-align: middle;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label input {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- align-items: center;
- background: none;
- border: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.item-container,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.item-container {
- margin-bottom: 0.5em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry {
- margin-bottom: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry:last-child,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry:last-child {
- margin-bottom: 0.5em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas:first-child .action-header,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry:first-child .action-header {
- margin-top: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting *,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting * {
- flex: 1 0 auto;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting input[type=checkbox],
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting input[type=checkbox] {
- height: 1em;
- width: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header.alchemical-title,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header.alchemical-title {
- background: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list {
- margin: 0;
- padding: 0;
- width: 100%;
- flex-basis: 100%;
- position: relative;
- z-index: 1;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] h4 {
- color: var(--color-disabled);
- text-decoration: line-through;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended {
- color: var(--primary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item {
- display: grid;
- grid: "name dc price quantity controls" 1fr/4fr 0.7fr 1fr 1fr 1fr;
- align-items: center;
- justify-items: center;
- margin: 0;
- padding: 0;
- background: none;
- border: none;
- border-left: 1px solid var(--sub);
- border-right: 1px solid var(--sub);
- cursor: default;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:nth-child(odd),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:nth-child(odd),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:nth-child(odd),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child {
- border-bottom: 1px solid var(--sub);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child .item-image {
- margin-bottom: 0;
- margin-top: 2px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header {
- background: rgba(96, 88, 86, 0.25);
- border: 1px solid var(--sub);
- padding: 4px;
- color: var(--text-dark);
- font: 600 var(--font-size-12) var(--sans-serif);
- line-height: 1;
- letter-spacing: 0.25px;
- margin: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header h3 {
- text-transform: capitalize;
- font-size: var(--font-size-12);
- margin-left: 0;
- padding: 4px 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name {
- line-height: 1;
- gap: 0.5em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name h3 {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .formula-number,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .formula-number,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .formula-number,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .formula-number {
- background: var(--alt);
- border: 1px solid var(--sub);
- border-radius: 3px;
- color: var(--text-light);
- font-size: var(--font-size-11);
- height: 14px;
- max-width: 22px;
- padding-top: 2px;
- text-align: center;
- width: 22px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header input.formula-number,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header input.formula-number,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header input.formula-number,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header input.formula-number {
- background: var(--alt-dark);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
- cursor: pointer;
- min-height: 28px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
- justify-self: start;
- display: flex;
- align-items: center;
- justify-content: flex-start;
- flex-wrap: nowrap;
- line-height: 1.5;
- flex-basis: 50%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h3,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h3 {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name + span:not(.flex0),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name + span:not(.flex0),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name + span:not(.flex0),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name + span:not(.flex0),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name + span:not(.flex0),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name + span:not(.flex0),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name + span:not(.flex0),
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name + span:not(.flex0) {
- font-size: var(--font-size-12);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name .item-image,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name .item-image {
- margin: 2px 0;
- margin-left: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4 {
- margin: 0;
- padding: 0;
- margin-left: 8px;
- line-height: 1;
- letter-spacing: -0.075em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4:hover,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4:hover {
- color: var(--secondary);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.reagent-resource,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.aa-level,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.reagent-resource,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.aa-level,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.reagent-resource,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.aa-level,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.reagent-resource,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.aa-level,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.reagent-resource,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.aa-level,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.reagent-resource,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.aa-level,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.reagent-resource,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.aa-level,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.reagent-resource {
- justify-content: flex-end;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls {
- justify-self: end;
- font-size: var(--font-size-12);
- margin-right: 4px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls .item-control.disabled,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls .item-control.disabled,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls .item-control.disabled,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls .item-control.disabled {
- opacity: 0.3;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary {
- grid-column: 1/6;
- padding: 8px;
- border-bottom: 1px solid var(--sub);
- border-top: 1px solid #aca5a3;
- background-color: var(--bg);
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary p,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary p,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary p,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary p {
- margin-top: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary .item-buttons button,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary .item-buttons button,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary .item-buttons button,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary .item-buttons button {
- display: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity {
- align-items: center;
- display: flex;
- gap: 3px;
- justify-content: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust {
- align-items: center;
- display: flex;
- font-size: var(--font-size-16);
- font-family: var(--sans-serif-monospace);
- justify-content: center;
- width: 1em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity input,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity input,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity input,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity input {
- width: 1.5rem;
- text-align: center;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty {
- align-items: center;
- display: flex;
- justify-content: space-between;
- min-height: 28px;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty > *,
- .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty > * {
- white-space: nowrap;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list {
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- list-style: none;
- width: 100%;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list h4 {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list .item ol {
- list-style: none;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button {
- align-items: center;
- background: var(--secondary);
- border: black;
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: var(--text-light);
- display: flex;
- font-family: var(--serif);
- font-weight: 500;
- gap: 0.25em;
- line-height: 1.8em;
- justify-content: center;
- margin: 0;
- padding: 0 0.5em;
- }
- .actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button:hover {
- text-shadow: 0 0 4px white;
- }
- .actor.sheet.vehicle .crb-style .sheet-navigation {
- min-width: 375px;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .save-roll input[type=number] {
- width: 3ch;
- font-size: var(--font-size-20);
- height: 1.5rem;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .hitpoints .container {
- display: grid;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .armor-class {
- grid: "ac hardness" 1fr;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .armor-class .shield {
- padding: 18px 20px 0 20px;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar .armor-class .hardness {
- background: url("../assets/sheet/shield-red.webp") no-repeat top center;
- }
- .actor.sheet.vehicle .crb-style aside .sidebar li.tag {
- font-size: var(--font-size-10);
- }
- .actor.sheet.vehicle .crb-style header.char-header .tags select {
- font-family: var(--sans-serif);
- font-size: var(--font-size-12);
- text-transform: uppercase;
- }
- .actor.sheet.vehicle .crb-style header.char-header .char-details {
- font-size: var(--font-size-13);
- font-weight: normal;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active:not(.inventory),
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active .inventory .inventory-list {
- flex-grow: 1;
- overflow: hidden scroll;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.actions ol.actions-list li.action .icon {
- height: var(--font-size-18);
- width: var(--font-size-18);
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details {
- display: grid;
- grid: "img details" 1fr/120px 1fr;
- min-width: 330px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .frame {
- margin-left: 5px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .frame .actor-image {
- margin-top: 8px;
- max-height: 90%;
- object-fit: contain;
- border-radius: 0;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .image-container [data-action=show-image] {
- bottom: 3px;
- right: 1px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .detail-sheet {
- display: grid;
- grid: repeat(2, 42px)/3fr 2fr;
- grid-row-gap: 0.5rem;
- padding-left: 12px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-details .detail-small {
- display: flex;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties {
- display: flex;
- flex-wrap: wrap;
- padding-top: 8px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties > div {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: flex-start;
- margin-bottom: 0.5rem;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .vehicle-properties > div > span {
- width: 100%;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.details .detailsInput {
- margin-bottom: 0.5rem;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.inventory {
- display: flex;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list {
- gap: 0.2em;
- padding-bottom: 1em;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item p:empty {
- display: none;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls {
- display: flex;
- flex: 0;
- font-size: var(--font-size-12);
- gap: 1px;
- white-space: nowrap;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: var(--text-light);
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item {
- border-top: 1px solid #d5cac1;
- border: solid transparent;
- border-width: 0 0 1px;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item-image {
- border-radius: 2px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item:last-child {
- border-bottom: none;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects.effects .effects-list .item-name h4 {
- font-family: var(--serif);
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list {
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- list-style: none;
- width: 100%;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list h4 {
- margin: 0;
- padding: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.effects ol.directory-list .item ol {
- list-style: none;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description {
- padding-bottom: 0.5rem;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description header {
- margin-bottom: 0.25rem;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .description {
- display: flex;
- flex-direction: column;
- flex: 1 0 22ch;
- margin-bottom: 1rem;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .description > .editor {
- display: inherit;
- flex-direction: inherit;
- flex: inherit;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication {
- margin-top: auto;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content {
- align-items: baseline;
- gap: 0.25em;
- display: grid;
- grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content label {
- font-weight: 500;
- min-width: unset;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content input[type=text] {
- height: 1.6rem;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .title {
- grid-area: title;
- margin-right: 0;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .authors {
- grid-area: authors;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license {
- grid-area: license;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license select {
- margin-top: 1px;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster {
- grid-area: remaster;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license,
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster {
- text-align: center;
- }
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .license label,
- .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.active.description .publication > .content .remaster label {
- padding: 0;
- }
- .actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-higher,
- .actor.sheet.vehicle .crb-style span.adjustable.adjusted-higher {
- color: #009988;
- }
- .actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-lower,
- .actor.sheet.vehicle .crb-style span.adjustable.adjusted-lower {
- color: #cc3311;
- }
- .actor.sheet.vehicle .crb-style .row-nr-1 {
- grid-row: 1/2;
- }
- .actor.sheet.vehicle .crb-style .row-nr-2 {
- grid-row: 2/3;
- }
- .actor.sheet.vehicle .crb-style .row-nr-3 {
- grid-row: 3/4;
- }
- .actor.sheet.vehicle .crb-style .span-2-columns {
- grid-column-end: span 2;
- }
- .actor.sheet.vehicle .crb-style .flexitem-1 {
- flex: 1 1 10%;
- }
- .actor.sheet.vehicle .crb-style .flexitem-5 {
- flex: 5 1 50%;
- }
- .actor.sheet.vehicle .crb-style .flexitem-full {
- flex: 100%;
- }
- .actor.sheet .crb-style {
- display: grid;
- grid: "sidebar header" 75px "sidebar nav" minmax(min-content, max-content) "sidebar content" 1fr/230px 1fr;
- font-family: var(--body-serif);
- background: url("../assets/sheet/header.webp"), url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: auto 89px, cover;
- background-attachment: local;
- height: 100%;
- /* Navigation */
- /** White background navigation with little decorations on the left and right */
- /* Read-Only Sheet */
- }
- .actor.sheet .crb-style .d20-svg {
- width: 19px;
- height: 19px;
- }
- .actor.sheet .crb-style aside {
- grid-area: sidebar;
- color: var(--sidebar-label);
- font-family: var(--serif);
- font-size: var(--font-size-10);
- font-weight: 600;
- margin-left: 8px;
- background-image: url("../assets/sheet/red_sidebar_top.webp"), url("../assets/sheet/red_sidebar_bottom.webp");
- background-repeat: no-repeat;
- background-position: center calc(100% - 52px), center bottom;
- background-size: 224px 100%, 224px 52px;
- display: flex;
- flex-direction: column;
- }
- .actor.sheet .crb-style aside input[type=number] {
- -moz-appearance: textfield;
- color: var(--text-light);
- text-align: center;
- font-size: var(--font-size-26);
- line-height: 1;
- font-weight: initial;
- font-family: var(--serif);
- border: none;
- }
- .actor.sheet .crb-style aside input[type=number]:focus {
- box-shadow: none;
- }
- .actor.sheet .crb-style aside input[type=number]::-webkit-outer-spin-button, .actor.sheet .crb-style aside input[type=number]::-webkit-inner-spin-button {
- -webkit-appearance: none;
- margin: 0;
- }
- .actor.sheet .crb-style aside input[type=number]:read-only {
- pointer-events: none;
- color: var(--tertiary-light);
- }
- .actor.sheet .crb-style aside input[type=number]:hover {
- text-shadow: 0 0 4px var(--tertiary);
- }
- .actor.sheet .crb-style aside .modifiers_button {
- background: rgba(255, 255, 255, 0.75);
- border-radius: 2px 2px 0 0;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
- color: var(--primary);
- flex: 0;
- font: 600 var(--font-size-9) var(--sans-serif);
- letter-spacing: 0.05em;
- line-height: 1;
- margin: 0;
- padding: 2px 3px;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- white-space: nowrap;
- }
- .actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) {
- background: white;
- box-shadow: inset 0 0 0 1px white;
- }
- .actor.sheet .crb-style aside .logo {
- margin: 5px -6px 0 -6px;
- border: none;
- z-index: 10;
- max-width: unset;
- flex-shrink: 0;
- }
- .actor.sheet .crb-style aside .sidebar {
- padding: 0 2px 2px 8px;
- margin-bottom: 42px;
- overflow: hidden scroll;
- }
- .actor.sheet .crb-style aside .sidebar::-webkit-scrollbar-track {
- box-shadow: none;
- }
- .actor.sheet .crb-style aside .sidebar h2,
- .actor.sheet .crb-style aside .sidebar h3,
- .actor.sheet .crb-style aside .sidebar h4 {
- margin: 0;
- line-height: 1;
- }
- .actor.sheet .crb-style aside .sidebar_label {
- color: var(--sidebar-label);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- white-space: nowrap;
- }
- .actor.sheet .crb-style aside .sidebar_title {
- display: flex;
- flex-wrap: nowrap;
- justify-content: space-between;
- align-items: flex-end;
- margin: 0.8em 0 0.5em;
- }
- .actor.sheet .crb-style aside .sidebar_title:first-of-type {
- margin-top: 0.5em;
- margin-bottom: -1px;
- }
- .actor.sheet .crb-style aside .sidebar_title h2 {
- font-family: var(--sans-serif);
- font-size: var(--font-size-13);
- font-variant: small-caps;
- letter-spacing: 0.05em;
- line-height: 1;
- color: var(--sidebar-title);
- flex: 1;
- }
- .actor.sheet .crb-style aside .sidebar_title .modifiers_button,
- .actor.sheet .crb-style aside .sidebar_title h2 {
- border-bottom: 1px solid var(--sidebar-title);
- }
- .actor.sheet .crb-style aside .sidebar a.dots {
- display: flex;
- flex-direction: column;
- gap: 2px;
- }
- .actor.sheet .crb-style aside .sidebar a.dots > * {
- cursor: pointer;
- }
- .actor.sheet .crb-style aside .sidebar a.dots .pips {
- display: flex;
- justify-content: center;
- }
- .actor.sheet .crb-style aside .sidebar .data-value {
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 0; /* Removes whitespace for inputs */
- }
- .actor.sheet .crb-style aside .sidebar .data-value h2 {
- color: var(--tertiary-light);
- text-align: center;
- font-size: var(--font-size-26);
- line-height: 1;
- font-weight: initial;
- font-family: var(--serif);
- border: none;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon {
- display: inline-flex;
- align-items: center;
- padding-bottom: 2px;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon i {
- font-size: var(--font-size-19);
- color: var(--text-light);
- transition: all 0.2s ease-in-out;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon i:hover {
- transform: scale(1.25);
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon svg {
- animation-play-state: paused;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon svg path {
- fill: var(--text-light);
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon:hover svg {
- animation-play-state: running;
- animation: rotation 2s infinite linear;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon.disabled {
- cursor: default;
- filter: brightness(0.75);
- opacity: 0.75;
- text-shadow: none;
- }
- .actor.sheet .crb-style aside .sidebar a.roll-icon.disabled:hover svg {
- animation-play-state: paused;
- }
- .actor.sheet .crb-style aside .sidebar select {
- font-size: var(--font-size-15);
- background-color: var(--primary);
- padding: 2px 6px;
- width: 100%;
- max-width: 100%;
- border: 1px solid #956d58;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
- }
- .actor.sheet .crb-style aside .sidebar ol {
- display: flex;
- flex-direction: column;
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .actor.sheet .crb-style aside .sidebar ol li {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- }
- .actor.sheet .crb-style aside .sidebar .tags .tag.edit-btn {
- background-color: var(--color-bg-option);
- color: var(--primary);
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- justify-content: space-evenly;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container {
- text-align: center;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
- background-image: linear-gradient(90deg, #450000 0%, #870000 50%, #450000 100%);
- background-color: var(--primary);
- border-radius: 0 0 4px 4px;
- border: 1px solid var(--sidebar-title);
- display: flex;
- flex-direction: column;
- padding: 0.625rem 0.25rem 0;
- position: relative;
- width: min-content;
- z-index: 0;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value {
- margin-top: 3px;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value input[type=number] {
- font-size: var(--font-size-32);
- letter-spacing: -1px;
- height: 2rem;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
- margin-top: 0.75rem;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
- margin-right: 0.5rem;
- text-align: center;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp {
- margin-left: 0.5rem;
- text-align: center;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp .unrecoverable {
- color: orangered;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small {
- display: flex;
- gap: 0.125rem;
- justify-content: space-evenly;
- margin: 0.5rem 0.125rem 0 0.125rem;
- text-align: center;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small h4,
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small label {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- }
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small i.fa-regular,
- .actor.sheet .crb-style aside .sidebar .hitpoints .hp-small i.fa-solid {
- color: var(--text-light);
- }
- .actor.sheet .crb-style aside .sidebar .armor-class {
- display: grid;
- grid: "ac shield-hp shield-footer" 74px "shield-data shield-data shield-data" auto/66px 59px auto;
- grid-column-gap: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield {
- align-items: center;
- display: flex;
- flex-direction: column;
- height: 74px;
- justify-content: start;
- padding: 14px 10px 0 10px;
- text-align: center;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value h2,
- .actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value input[type=number] {
- font-size: var(--font-size-32);
- width: 55px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield label {
- white-space: normal;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield.ac {
- grid-area: ac;
- background: url("../assets/sheet/shield-blue.webp") no-repeat center center;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield.hp {
- grid-area: shield-hp;
- background: url("../assets/sheet/shield-red.webp") no-repeat top center;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats {
- grid-area: shield-data;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol {
- margin-top: 4px;
- flex-direction: row;
- height: 100%;
- padding: 0 4px;
- justify-content: space-evenly;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li {
- justify-content: center;
- font-size: 0;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li + li {
- margin-left: 8px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label {
- position: relative;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg {
- border: none;
- width: auto;
- height: 20px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg path {
- fill: var(--tertiary-light);
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg text {
- fill: var(--primary-dark);
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label:after {
- display: inline-block;
- position: absolute;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- color: var(--primary);
- top: 0;
- left: 1px;
- line-height: 1.5;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.ac:after {
- content: "AC";
- top: 3px;
- left: 3px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.hardness:after {
- left: 5px;
- top: 3px;
- content: "H";
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.bt:after {
- top: 3px;
- left: 3.5px;
- content: "BT";
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value {
- flex: 1;
- border: 1px solid #956d58;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
- padding-left: 4px;
- margin-left: -8px;
- height: 20px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value input[type=number] {
- font-size: var(--font-size-14);
- font-weight: 400;
- padding-top: 2px;
- height: 14px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer {
- display: inline-flex;
- flex-direction: column;
- grid-area: shield-footer;
- justify-content: center;
- justify-self: center;
- width: calc(100% - 6px);
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max label {
- white-space: normal;
- text-align: center;
- width: 5em;
- margin-bottom: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-status {
- display: flex;
- align-items: end;
- justify-content: center;
- gap: 5px;
- color: var(--tertiary-light);
- margin-top: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .stamina {
- flex-direction: row;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li {
- flex-direction: column;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li input {
- padding: 0;
- font-size: var(--font-size-24);
- }
- .actor.sheet .crb-style aside .sidebar .stamina li input.left {
- color: var(--text-light);
- text-align: right;
- margin-right: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li input.right {
- color: var(--tertiary-light);
- text-align: left;
- margin-left: 4px;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li .divider {
- font-size: var(--font-size-16);
- line-height: 1;
- }
- .actor.sheet .crb-style aside .sidebar .stamina li .stamina-group {
- display: flex;
- align-items: center;
- }
- .actor.sheet .crb-style aside .sidebar .roll-data {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .actor.sheet .crb-style aside .sidebar .roll-data h3 {
- font-size: var(--font-size-18);
- font-weight: initial;
- color: var(--tertiary-light);
- white-space: nowrap;
- }
- .actor.sheet .crb-style aside .sidebar .roll-data .initiative-select {
- width: 129px;
- }
- .actor.sheet .crb-style aside .sidebar .perception-sidebar,
- .actor.sheet .crb-style aside .sidebar .initiative-sidebar {
- gap: 5px;
- }
- .actor.sheet .crb-style aside .sidebar .perception-sidebar h3,
- .actor.sheet .crb-style aside .sidebar .initiative-sidebar h3 {
- flex-grow: 1;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves {
- margin: 0;
- padding: 0;
- display: flex;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data {
- flex: 1 1 auto;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border-left: 1px solid rgba(255, 239, 189, 0.1882352941);
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data:first-child {
- border-left: none;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .sidebar_label {
- font-weight: initial;
- text-transform: capitalize;
- font-size: var(--font-size-12);
- border: none;
- margin-bottom: 2px;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 4px 0;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll h3 {
- margin: 0;
- margin-left: 2px;
- }
- .actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .modifiers_button {
- padding: 2px;
- border-radius: 2px;
- width: initial;
- }
- .actor.sheet .crb-style aside .sidebar ol.tags {
- flex-direction: row;
- }
- .actor.sheet .crb-style aside .sidebar ol.tags li {
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- }
- .actor.sheet .crb-style header.char-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- color: var(--text-light);
- }
- .actor.sheet .crb-style header.char-header .char-details {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- margin-left: 8px;
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name {
- margin: 0;
- border: none;
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
- letter-spacing: normal;
- word-spacing: normal;
- text-transform: none;
- text-indent: 0;
- text-shadow: none;
- text-rendering: auto;
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable.gender {
- font-size: var(--font-size-14);
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text],
- .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
- font-family: var(--serif);
- font-weight: 500;
- font-size: var(--font-size-24);
- color: var(--text-light);
- line-height: calc(1em + 1px);
- border-bottom: 1px solid transparent;
- height: 26px;
- }
- .actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus,
- .actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus {
- box-shadow: none;
- border-bottom: 1px solid var(--text-light);
- }
- .actor.sheet .crb-style header.char-header .char-details h2.non-editable.ancestry-class {
- font-family: var(--serif);
- border-bottom: none;
- margin-bottom: 0;
- font-weight: 400;
- }
- .actor.sheet .crb-style header.char-header .char-level {
- display: flex;
- justify-content: flex-start;
- padding-bottom: 4px;
- }
- .actor.sheet .crb-style header.char-header .char-level .level {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- height: 43px;
- width: 40px;
- background: url("../assets/sheet/level-badge.webp") no-repeat;
- background-size: 40px 43px;
- z-index: 2;
- font-size: 0;
- padding-top: 2px;
- }
- .actor.sheet .crb-style header.char-header .char-level .level label {
- color: var(--sidebar-label);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- line-height: 1.5;
- }
- .actor.sheet .crb-style header.char-header .char-level .level input {
- font-family: var(--serif);
- font-size: var(--font-size-22);
- font-weight: 400;
- color: var(--text-light);
- line-height: calc(1em + 1px);
- height: 24px;
- }
- .actor.sheet .crb-style header.char-header .char-level .level label,
- .actor.sheet .crb-style header.char-header .char-level .level input {
- margin-left: 1px;
- text-align: center;
- }
- .actor.sheet .crb-style .char-header {
- grid-area: header;
- padding-right: 1rem;
- }
- .actor.sheet .crb-style .sheet-navigation {
- grid-area: nav;
- margin-left: -2px;
- }
- .actor.sheet .crb-style .sheet-body {
- grid-area: content;
- position: relative;
- z-index: 0;
- }
- .actor.sheet .crb-style .sheet-body ol {
- list-style: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content,
- .actor.sheet .crb-style .sheet-body .sheet-content .inventory {
- bottom: 0;
- display: flex;
- flex-direction: column;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content {
- color: var(--text-dark);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content > .tab {
- padding: 0.6rem 0.6rem 0;
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content > .tab.active {
- display: initial;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list {
- margin: 0;
- padding: 0;
- border-bottom: 1px solid var(--color-border-light-2);
- flex-basis: 100%;
- gap: 1px;
- position: relative;
- width: 100%;
- z-index: 1;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li {
- margin: 0;
- padding: 0;
- align-items: center;
- background: none;
- cursor: default;
- display: flex;
- flex-wrap: wrap;
- padding: 0 0.35em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] h4 {
- color: var(--color-disabled);
- text-decoration: line-through;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell button {
- background: var(--color-disabled);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- cursor: not-allowed;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child {
- border-bottom: 1px solid var(--sub);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child .item-image {
- margin-bottom: 0;
- margin-top: 2px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header {
- background: rgba(96, 88, 86, 0.25);
- border: 1px solid var(--color-border-light-2);
- border-radius: 2px;
- color: var(--text-dark);
- font: 500 var(--font-size-12) var(--sans-serif);
- letter-spacing: 0.25px;
- line-height: 1;
- text-transform: uppercase;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header h3 {
- text-transform: capitalize;
- font-size: var(--font-size-13);
- margin-left: 0;
- padding: 0.25rem 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name {
- line-height: 1;
- gap: 0.25em;
- padding-left: 0.2em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name h3 {
- margin: 0;
- padding: 0;
- font-weight: 700;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses {
- align-items: center;
- display: flex;
- gap: 0.25em;
- line-height: 1;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input,
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input {
- background: var(--alt);
- border-radius: 3px;
- border: 1px solid var(--sub);
- color: var(--text-light);
- font: var(--font-size-12) var(--sans-serif);
- height: unset;
- text-align: center;
- width: 2em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses .spell-slots-increment-reset {
- padding-left: 5px;
- font-size: var(--font-size-10);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell {
- border: none;
- font-size: var(--font-size-13);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .level-prepared-toggle {
- flex: 0;
- font-size: 0.75rem;
- color: var(--secondary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name {
- align-items: center;
- display: flex;
- flex: 1;
- flex-wrap: nowrap;
- min-height: 1.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name.empty {
- color: var(--color-text-dark-secondary);
- pointer-events: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h3 {
- white-space: nowrap;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name + span {
- font-size: 0.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .focus-pool-input {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .slash {
- font-size: 0.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots,
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max {
- padding-top: 3px;
- font-size: 0.75rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots.infinity,
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max.infinity {
- position: relative;
- top: -2px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image {
- height: 1.5rem;
- width: 1.5rem;
- flex: 0 0 auto;
- margin: 2px 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4 {
- margin: 0;
- padding: 0;
- font-size: var(--font-size-14);
- letter-spacing: -0.075em;
- line-height: 1;
- margin-left: 8px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4 > a:hover {
- color: var(--secondary);
- text-shadow: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .action-glyph {
- margin-left: 4px;
- font-size: small;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-range {
- flex: 0 0 6rem;
- padding-left: 0.2em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .cast-spell {
- flex: 0 0 3.5rem;
- display: flex;
- justify-content: center;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .cast-spell button {
- align-items: center;
- background: var(--secondary);
- border-radius: 2px;
- border: black;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: var(--text-light);
- cursor: pointer;
- font: 700 0.55rem var(--sans-serif);
- letter-spacing: 0.25px;
- max-width: fit-content;
- padding: 0.5em 1em;
- text-transform: uppercase;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-controls {
- flex: 0 0 3.25rem;
- display: flex;
- justify-content: end;
- padding-right: 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
- background-color: var(--bg);
- border-bottom: 1px solid var(--sub);
- border-top: 1px solid #aca5a3;
- flex: 100%;
- padding: 0.5rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual {
- position: relative;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual::before {
- pointer-events: none;
- content: "";
- position: absolute;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 5, 255, 0.1137254902);
- mix-blend-mode: saturation;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .level-prepared-header {
- font-size: 0.75rem;
- color: var(--text-light);
- margin: 0;
- padding: 4px;
- text-align: center;
- background: var(--secondary);
- position: relative;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > h3,
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > li > h3 {
- font-size: 1rem;
- font-weight: 500;
- font-family: var(--serif);
- line-height: 1;
- color: var(--text-light);
- margin: 0;
- padding: 0;
- margin-left: 8px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header {
- align-items: center;
- background: var(--primary);
- border: none;
- border-radius: 0.25em;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- display: flex;
- flex-basis: 100%;
- flex-wrap: nowrap;
- height: 32px;
- justify-content: space-between;
- margin-left: 0;
- margin-top: 8px;
- padding: 0 0.5em;
- position: relative;
- width: 100%;
- z-index: 2;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header:first-child {
- margin-top: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header + li {
- border-top: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle {
- cursor: move;
- color: var(--text-light);
- flex-basis: 0;
- margin-right: 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle i {
- padding-top: 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .item-controls {
- color: var(--text-light);
- flex: 1 0 auto;
- font: 0.85em var(--sans-serif);
- letter-spacing: 0.05em;
- margin-left: auto;
- max-width: fit-content;
- text-transform: uppercase;
- font-size: var(--font-size-12);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 {
- color: var(--text-light);
- flex: 1 1 100%;
- margin-bottom: 0;
- font-size: var(--font-size-16);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input {
- color: var(--text-light);
- max-width: 100%;
- font-weight: 500;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:read-only {
- pointer-events: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container {
- padding: 0 0.5rem 2rem 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper {
- justify-items: center;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .action-radio {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels {
- min-height: min-content;
- width: 100%;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
- display: flex;
- flex-direction: column;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 0.5rem;
- padding: 0.5rem 1rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
- align-items: center;
- display: flex;
- width: 100%;
- margin: 1px 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
- vertical-align: middle;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
- margin: 0;
- padding: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
- color: var(--color-text-dark-inactive);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label select {
- margin-left: 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list {
- padding-left: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action-header {
- align-items: center;
- display: flex;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
- border: solid transparent;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- border-width: 0 0 1px;
- padding: 4px;
- width: 100%;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action p:empty, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike p:empty {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
- align-items: center;
- display: flex;
- gap: 0.5rem;
- grid-area: icon-name;
- margin: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name h4, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name h4 {
- margin: 0;
- max-width: fit-content;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .item-image, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image {
- display: flex;
- justify-content: center;
- align-items: center;
- background-repeat: no-repeat;
- background-size: contain;
- cursor: pointer;
- font-size: var(--font-size-18);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title {
- flex: 1;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name {
- align-items: baseline;
- display: flex;
- flex-direction: row;
- gap: 0.5em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4 a:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4 a:hover {
- color: var(--color-pf-primary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4 .action-glyph, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4 .action-glyph {
- color: var(--text-dark);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action {
- align-items: center;
- border-radius: 2px;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
- display: flex;
- flex: 0;
- font: 500 var(--font-size-10) var(--sans-serif);
- gap: 0.25em;
- height: 2em;
- justify-content: space-evenly;
- letter-spacing: 0.05em;
- margin: 0;
- max-width: fit-content;
- padding: 0.5em;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- white-space: nowrap;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled) {
- background: var(--bg-dark);
- cursor: pointer;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):hover {
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):active {
- color: var(--primary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-controls {
- font-size: var(--font-size-12);
- grid-area: controls;
- white-space: nowrap;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary {
- flex-basis: 100%;
- margin: 0.5rem 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .title,
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .title,
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing {
- color: var(--primary);
- margin-top: 1em;
- margin: 0;
- padding: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing {
- color: var(--secondary);
- margin: 1em 0 0.25em;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing strong, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing strong {
- font-weight: 500;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing + p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing + p {
- margin-top: 0;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img {
- border: none;
- vertical-align: middle;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img.actionlight, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img.actionlight {
- background: var(--alt);
- vertical-align: middle;
- border: 1px solid var(--text-dark);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off {
- cursor: pointer;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on {
- background-color: rgba(23, 31, 105, 0.5);
- color: var(--text-dark);
- text-shadow: 0 0 2px white;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- padding: 0.5rem 1rem 1rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary dd, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary dd {
- margin: 0;
- margin-bottom: 0.5rem;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .tag.tag_secondary {
- background-color: rgba(0, 0, 0, 0.8);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action.hidden, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike.hidden {
- display: none;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action {
- align-items: center;
- column-gap: 0.5rem;
- display: grid;
- grid: "icon name tracking controls" 1fr "icon buttons tracking controls" auto "summary summary summary summary" auto/min-content 1fr 20% 10%;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action > .icon {
- grid-area: icon;
- height: 32px;
- width: 32px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .name {
- align-items: center;
- grid-area: name;
- display: flex;
- margin-bottom: 0;
- text-align: left;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .name > a:hover {
- color: var(--color-pf-primary);
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .button-group {
- grid-area: buttons;
- display: flex;
- flex-wrap: wrap;
- gap: 1px;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking {
- grid-area: tracking;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls {
- grid-area: controls;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary {
- grid-area: summary;
- }
- .actor.sheet .crb-style .sheet-body .sheet-content footer {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- color: var(--primary);
- text-align: right;
- line-height: 1.4;
- margin: 1em 1em 0;
- }
- .actor.sheet .crb-style nav.sheet-navigation {
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- align-items: center;
- border-bottom: 1px solid rgba(255, 255, 255, 0.5);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
- display: inline-flex;
- height: 1.25rem;
- justify-content: center;
- position: relative;
- transition: all 0.1s ease-out;
- }
- .actor.sheet .crb-style nav.sheet-navigation .panel-title {
- color: var(--text-light);
- margin-right: auto;
- padding-left: 1em;
- white-space: nowrap;
- width: 7em;
- }
- .actor.sheet .crb-style nav.sheet-navigation > a {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 0 6px;
- font-size: var(--font-size-12);
- }
- .actor.sheet .crb-style nav.sheet-navigation .item {
- height: 1.5rem;
- width: 1.5rem;
- border-radius: 50%;
- z-index: 1;
- transition: all 0.1s ease-out;
- color: var(--tertiary);
- fill: var(--tertiary);
- background-image: url("../assets/sheet/nav-item-inactive.webp");
- background-size: contain;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
- }
- .actor.sheet .crb-style nav.sheet-navigation .item.active {
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
- }
- .actor.sheet .crb-style nav.sheet-navigation .item:last-child {
- margin-right: 10px;
- }
- .actor.sheet .crb-style nav.sheet-navigation .item:hover, .actor.sheet .crb-style nav.sheet-navigation .item.active {
- z-index: 2;
- transform: scale(1.2);
- color: var(--text-light);
- fill: var(--text-light);
- background-image: url("../assets/sheet/nav-item.webp");
- }
- .actor.sheet .crb-style nav.sheet-navigation .item i.fa-solid {
- padding-bottom: 0;
- }
- .actor.sheet .crb-style nav.sheet-navigation .item:hover .pfs-icon {
- filter: drop-shadow(0 0 8px var(--color-shadow-primary));
- }
- .actor.sheet .crb-style nav.sheet-navigation .item .action-glyph {
- font-size: 1rem;
- }
- .actor.sheet .crb-style nav.sub-nav {
- margin: 0;
- padding: 0;
- align-items: center;
- background-color: var(--bg);
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
- display: flex;
- flex-wrap: nowrap;
- flex: 0 0 2.5rem;
- justify-content: center;
- list-style: none;
- width: 100%;
- }
- .actor.sheet .crb-style nav.sub-nav::before, .actor.sheet .crb-style nav.sub-nav::after {
- content: "";
- width: 37px;
- height: 16px;
- background: url("../assets/sheet/sub-nav-decoration.webp");
- margin: 0 16px;
- }
- .actor.sheet .crb-style nav.sub-nav::after {
- transform: scaleX(-100%);
- }
- .actor.sheet .crb-style nav.sub-nav a,
- .actor.sheet .crb-style nav.sub-nav .tab {
- border-left: 1px solid rgba(255, 255, 255, 0.3);
- border-right: 1px solid rgba(0, 0, 0, 0.2);
- color: var(--alt);
- cursor: pointer;
- display: block;
- font: 400 var(--font-size-16) var(--serif);
- flex: 1;
- margin: 0 0.25rem;
- max-width: 30%;
- text-align: center;
- text-decoration: none;
- transition: all 0.1s ease-out;
- }
- .actor.sheet .crb-style nav.sub-nav a.active,
- .actor.sheet .crb-style nav.sub-nav .tab.active {
- color: var(--primary);
- font-weight: 600;
- }
- .actor.sheet .crb-style nav.sub-nav a:first-child,
- .actor.sheet .crb-style nav.sub-nav .tab:first-child {
- border-left: none;
- }
- .actor.sheet .crb-style nav.sub-nav a:last-child,
- .actor.sheet .crb-style nav.sub-nav .tab:last-child {
- border-right: none;
- }
- .actor.sheet .crb-style nav.sub-nav a:hover,
- .actor.sheet .crb-style nav.sub-nav .tab:hover {
- text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
- }
- .actor.sheet .crb-style .tab nav.sub-nav {
- padding-right: 1.25rem;
- }
- .actor.sheet .crb-style section.major > header {
- border-bottom: 1px solid var(--color-border-divider);
- color: var(--primary);
- font: 600 var(--font-size-16)/1 var(--serif);
- position: relative;
- margin: 0.75rem 0 0.5rem 0;
- }
- .actor.sheet .crb-style section.major > header a {
- color: var(--color-text-dark-primary);
- font-size: var(--font-size-12);
- }
- .actor.sheet .crb-style section.major > header > button, .actor.sheet .crb-style section.major > header > .controls {
- position: absolute;
- bottom: -1px;
- right: 0;
- }
- .actor.sheet .crb-style section.major > header .controls {
- display: flex;
- }
- .actor.sheet .crb-style section.major > header button {
- background: transparent;
- border-radius: 2px 2px 0 0;
- border: 1px solid var(--color-border-divider);
- color: var(--primary);
- cursor: pointer;
- font: 500 var(--font-size-12)/1 var(--sans-serif);
- height: 20px;
- margin: 0;
- outline: none;
- text-transform: uppercase;
- width: auto;
- }
- .actor.sheet .crb-style section.major > header button.has-unallocated {
- animation: glow 0.75s infinite alternate;
- }
- .actor.sheet .crb-style.limited .sidebar {
- align-items: center;
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .actor.sheet .crb-style.limited .sidebar .profile-img {
- display: flex;
- align-items: end;
- margin: 1rem 0;
- max-width: 85%;
- max-height: 200px;
- background-color: var(--tertiary);
- background-size: cover;
- background-position: top center;
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080;
- }
- .actor.sheet .crb-style.limited .sidebar .appearance {
- color: var(--sidebar-title);
- display: flex;
- flex-direction: column;
- }
- .actor.sheet .crb-style.limited .sidebar .appearance h3 {
- border-bottom: none;
- font-size: 1rem;
- text-align: center;
- }
- .actor.sheet .crb-style.limited .sidebar .appearance .body {
- font-weight: 400;
- font-size: var(--font-size-14);
- }
- .actor.sheet .crb-style.limited .sidebar .orn img {
- border: none;
- position: relative;
- }
- .actor.sheet .crb-style.limited .sidebar .orn img:first-child {
- left: 4px;
- }
- .actor.sheet .crb-style.limited .sidebar .orn img:last-child {
- right: 4px;
- transform: scaleX(-1);
- }
- .actor.sheet .crb-style.limited .sidebar ul.stats {
- margin: 0;
- padding: 0;
- list-style: none;
- text-align: center;
- }
- .actor.sheet .crb-style.limited .sidebar ul.stats li {
- margin: 0;
- padding: 0;
- }
- .actor.sheet .crb-style.limited .tab.biography .bio.backstory p:first-child {
- margin-top: 0;
- }
- .actor.sheet .crb-style input.adjusted:not(:focus) {
- font-weight: 700;
- color: #009988;
- }
- .actor.sheet .crb-style button.tag:disabled {
- cursor: not-allowed;
- background-color: var(--color-text-dark-inactive);
- }
- .actor.sheet .crb-style .tags .tag.edit-btn {
- align-items: center;
- border-radius: 0;
- display: flex;
- justify-content: center;
- }
- .actor.sheet .crb-style .tags .tag.edit-btn a {
- display: inline-flex;
- }
- .actor.sheet .crb-style .tags .tag.edit-btn a svg {
- height: 9px;
- width: auto;
- }
- .spellcasting-entry.preparation input,
- .spellcasting-entry.preparation label,
- .spellcasting-entry.preparation select {
- --form-field-height: 1.5rem;
- }
- .spellcasting-entry.preparation input[type=checkbox] {
- height: var(--font-size-20);
- }
- .spellcasting-entry.preparation select {
- height: var(--form-field-height);
- }
- .spellcasting-entry.preparation h3 {
- border-bottom: none;
- }
- .spellcasting-entry.preparation button > i {
- margin-right: 0;
- }
- .spellcasting-entry.preparation ol.spell-list {
- margin: 0;
- padding: 0;
- border-bottom: 1px solid var(--color-border-light-2);
- flex-basis: 100%;
- gap: 1px;
- position: relative;
- width: 100%;
- z-index: 1;
- }
- .spellcasting-entry.preparation ol.spell-list > li {
- margin: 0;
- padding: 0;
- align-items: center;
- background: none;
- cursor: default;
- display: flex;
- flex-wrap: wrap;
- padding: 0 0.35em;
- }
- .spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] h4 {
- color: var(--color-disabled);
- text-decoration: line-through;
- }
- .spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] .cast-spell button {
- background: var(--color-disabled);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- cursor: not-allowed;
- }
- .spellcasting-entry.preparation ol.spell-list > li:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .spellcasting-entry.preparation ol.spell-list > li:last-child {
- border-bottom: 1px solid var(--sub);
- }
- .spellcasting-entry.preparation ol.spell-list > li:last-child .item-image {
- margin-bottom: 0;
- margin-top: 2px;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header {
- background: rgba(96, 88, 86, 0.25);
- border: 1px solid var(--color-border-light-2);
- border-radius: 2px;
- color: var(--text-dark);
- font: 500 var(--font-size-12) var(--sans-serif);
- letter-spacing: 0.25px;
- line-height: 1;
- text-transform: uppercase;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header h3 {
- text-transform: capitalize;
- font-size: var(--font-size-13);
- margin-left: 0;
- padding: 0.25rem 0;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name {
- line-height: 1;
- gap: 0.25em;
- padding-left: 0.2em;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name h3 {
- margin: 0;
- padding: 0;
- font-weight: 700;
- }
- .spellcasting-entry.preparation ol.spell-list > li .uses {
- align-items: center;
- display: flex;
- gap: 0.25em;
- line-height: 1;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header input,
- .spellcasting-entry.preparation ol.spell-list > li .uses input {
- background: var(--alt);
- border-radius: 3px;
- border: 1px solid var(--sub);
- color: var(--text-light);
- font: var(--font-size-12) var(--sans-serif);
- height: unset;
- text-align: center;
- width: 2em;
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
- .spellcasting-entry.preparation ol.spell-list > li .uses .spell-slots-increment-reset {
- padding-left: 5px;
- font-size: var(--font-size-10);
- }
- .spellcasting-entry.preparation ol.spell-list > li.spell {
- border: none;
- font-size: var(--font-size-13);
- }
- .spellcasting-entry.preparation ol.spell-list > li .level-prepared-toggle {
- flex: 0;
- font-size: 0.75rem;
- color: var(--secondary);
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name {
- align-items: center;
- display: flex;
- flex: 1;
- flex-wrap: nowrap;
- min-height: 1.75rem;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name.empty {
- color: var(--color-text-dark-secondary);
- pointer-events: none;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name h3 {
- white-space: nowrap;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name + span {
- font-size: 0.75rem;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .focus-pool-input {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .slash {
- font-size: 0.75rem;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots,
- .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max {
- padding-top: 3px;
- font-size: 0.75rem;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots.infinity,
- .spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max.infinity {
- position: relative;
- top: -2px;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .item-image {
- height: 1.5rem;
- width: 1.5rem;
- flex: 0 0 auto;
- margin: 2px 0;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name h4 {
- margin: 0;
- padding: 0;
- font-size: var(--font-size-14);
- letter-spacing: -0.075em;
- line-height: 1;
- margin-left: 8px;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name h4 > a:hover {
- color: var(--secondary);
- text-shadow: none;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-name .action-glyph {
- margin-left: 4px;
- font-size: small;
- }
- .spellcasting-entry.preparation ol.spell-list > li .spell-range {
- flex: 0 0 6rem;
- padding-left: 0.2em;
- }
- .spellcasting-entry.preparation ol.spell-list > li .cast-spell {
- flex: 0 0 3.5rem;
- display: flex;
- justify-content: center;
- }
- .spellcasting-entry.preparation ol.spell-list > li .cast-spell button {
- align-items: center;
- background: var(--secondary);
- border-radius: 2px;
- border: black;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: var(--text-light);
- cursor: pointer;
- font: 700 0.55rem var(--sans-serif);
- letter-spacing: 0.25px;
- max-width: fit-content;
- padding: 0.5em 1em;
- text-transform: uppercase;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-controls {
- flex: 0 0 3.25rem;
- display: flex;
- justify-content: end;
- padding-right: 0.25em;
- }
- .spellcasting-entry.preparation ol.spell-list > li .item-summary {
- background-color: var(--bg);
- border-bottom: 1px solid var(--sub);
- border-top: 1px solid #aca5a3;
- flex: 100%;
- padding: 0.5rem;
- }
- .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual {
- position: relative;
- }
- .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual::before {
- pointer-events: none;
- content: "";
- position: absolute;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 5, 255, 0.1137254902);
- mix-blend-mode: saturation;
- }
- .spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- }
- .spellcasting-entry.preparation ol.spell-list .level-prepared-header {
- font-size: 0.75rem;
- color: var(--text-light);
- margin: 0;
- padding: 4px;
- text-align: center;
- background: var(--secondary);
- position: relative;
- }
- .spellcasting-entry.preparation form {
- display: flex;
- flex-direction: column;
- height: 100%;
- padding: 4px;
- }
- .spellcasting-entry.preparation .sheet-header {
- align-items: baseline;
- display: block;
- flex: 0;
- }
- .spellcasting-entry.preparation .sheet-header h1 {
- display: flex;
- flex: 1;
- overflow: hidden;
- font-family: var(--serif-condensed);
- font-weight: 700;
- white-space: nowrap;
- justify-content: space-between;
- }
- .spellcasting-entry.preparation .sheet-header p.hint {
- margin: auto auto 0.5em;
- }
- .spellcasting-entry.preparation .sheet-header .item-controls {
- flex: 0;
- white-space: nowrap;
- }
- .spellcasting-entry.preparation .sheet-header .search {
- margin-bottom: 0.5em;
- }
- .spellcasting-entry.preparation .sheet-content {
- overflow: hidden scroll;
- padding-bottom: 1em;
- padding-right: 6px;
- }
- .spellcasting-entry.preparation .sheet-content .item-image {
- cursor: pointer;
- }
- .currency {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- align-items: center;
- background-color: var(--sub);
- display: flex;
- font-size: var(--font-size-13);
- list-style: none;
- margin: 0;
- padding: 3px;
- }
- .currency .label {
- color: var(--color-text-light-0);
- font-weight: 500;
- margin: 0 0.5rem 0 0.25rem;
- }
- .currency .denomination {
- align-items: center;
- background-color: transparent;
- border-left: 1px solid rgba(0, 0, 0, 0.2);
- border-right: 1px solid rgba(255, 255, 255, 0.1);
- color: var(--color-text-light-0);
- display: flex;
- flex-wrap: nowrap;
- flex: 0 1 auto;
- justify-content: start;
- text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
- width: 100%;
- }
- .currency .denomination:first-child {
- border-left: none;
- }
- .currency .denomination:last-child {
- border-right: none;
- margin-right: 8px;
- }
- .currency .denomination label {
- color: #ffe8d1;
- text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- }
- .currency .denomination span {
- padding-left: 8px;
- padding-right: 12px;
- }
- .currency .denomination.pp .currency-image {
- background: url("../icons/equipment/treasure/currency/platinum-pieces.webp") no-repeat;
- }
- .currency .denomination.gp .currency-image {
- background: url("../icons/equipment/treasure/currency/gold-pieces.webp") no-repeat;
- }
- .currency .denomination.sp .currency-image {
- background: url("../icons/equipment/treasure/currency/silver-pieces.webp") no-repeat;
- }
- .currency .denomination.cp .currency-image {
- background: url("../icons/equipment/treasure/currency/copper-pieces.webp") no-repeat;
- }
- .currency .denomination .currency-image {
- box-shadow: 0 0 0 1px #9f725b, 0 0 0 2px var(--tertiary), 0 0 0 3px #956d58;
- height: 1.5rem;
- width: 1.5rem;
- background-size: cover !important;
- }
- .currency li > button {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 0;
- padding: 0;
- background-color: var(--tertiary);
- border-radius: 1px;
- border: none;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 3px rgba(0, 0, 0, 0.5);
- color: rgba(0, 0, 0, 0.75);
- font-size: var(--font-size-13);
- font-weight: 600;
- height: 1.5rem;
- line-height: 1;
- margin-left: 2px;
- width: 1.875rem;
- }
- .currency li > button > i {
- margin: 0;
- padding: 0;
- }
- .currency li > button:disabled {
- opacity: 0.6;
- }
- .currency li > button:hover:not(:disabled) {
- background-color: var(--primary);
- color: var(--color-text-light-0);
- cursor: pointer;
- }
- .wealth {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- align-items: center;
- background-color: var(--alt);
- display: flex;
- margin-bottom: 0.5rem;
- min-height: 1.5rem;
- justify-content: flex-end;
- padding: 0 0.25rem;
- }
- .wealth h3 {
- font-size: var(--font-size-13);
- text-transform: capitalize;
- text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
- margin: 2px;
- margin-left: 0.25rem;
- cursor: default;
- }
- .wealth h3:hover {
- color: var(--color-text-light-0);
- }
- .wealth h3.item-name {
- flex-grow: 1;
- color: var(--color-text-light-0);
- margin-bottom: 0;
- font-weight: bold;
- }
- .wealth h3.item-name span {
- margin-left: 0.25rem;
- font-weight: normal;
- text-transform: uppercase;
- }
- .wealth ol {
- padding-right: 0;
- padding-bottom: 0;
- margin-bottom: 0;
- margin-right: 0;
- }
- /* Actor-type Imports */
- .sheet.familiar .section-container {
- display: flex;
- flex-direction: column;
- }
- .sheet.familiar .section-container .section-header {
- border: 1px solid var(--primary);
- border-radius: 3px 3px 0px 0px;
- background: var(--primary);
- display: flex;
- flex: 0;
- width: 100%;
- flex-direction: row;
- justify-content: space-between;
- align-items: baseline;
- text-align: left;
- color: var(--text-light);
- font-size: var(--font-size-13);
- padding: 0 8px;
- line-height: 2em;
- }
- .sheet.familiar .section-container .section-header h4 {
- flex: auto;
- display: flex;
- align-items: baseline;
- gap: 4px;
- margin-bottom: 0px;
- text-transform: uppercase;
- }
- .sheet.familiar .section-container .section-header input {
- color: inherit;
- width: auto;
- }
- .sheet.familiar .section-container .section-header .controls {
- gap: 0.5rem;
- white-space: nowrap;
- }
- .sheet.familiar .section-container .section-body {
- border: 1px solid var(--primary);
- border-radius: 0px 0px 3px 3px;
- display: flex;
- flex: auto;
- flex-wrap: wrap;
- flex-direction: row;
- align-items: baseline;
- justify-content: flex-start;
- width: 100%;
- }
- .sheet.familiar .section-container.headerless .section-body {
- border-radius: 3px;
- }
- .sheet.familiar .actions-list,
- .sheet.familiar .attacks-list {
- margin: 0;
- padding: 0;
- width: 100%;
- }
- .sheet.familiar .actions-list .controls,
- .sheet.familiar .attacks-list .controls {
- align-items: baseline;
- display: flex;
- flex: 0;
- flex-wrap: nowrap;
- font-size: var(--font-size-12);
- gap: 1px;
- margin-left: auto;
- }
- .sheet.familiar .actions-list .controls .chat,
- .sheet.familiar .attacks-list .controls .chat {
- margin-right: 2px;
- font-size: 0.9em;
- }
- .sheet.familiar .actions-list li.action .button-group,
- .sheet.familiar .actions-list li.attack .button-group,
- .sheet.familiar .attacks-list li.action .button-group,
- .sheet.familiar .attacks-list li.attack .button-group {
- display: flex;
- gap: 0.25em;
- justify-content: start;
- min-width: 100%;
- }
- .sheet.familiar .actions-list li.action .button-group .flexrow,
- .sheet.familiar .actions-list li.action .button-group .sub-section,
- .sheet.familiar .actions-list li.attack .button-group .flexrow,
- .sheet.familiar .actions-list li.attack .button-group .sub-section,
- .sheet.familiar .attacks-list li.action .button-group .flexrow,
- .sheet.familiar .attacks-list li.action .button-group .sub-section,
- .sheet.familiar .attacks-list li.attack .button-group .flexrow,
- .sheet.familiar .attacks-list li.attack .button-group .sub-section {
- gap: 2px;
- }
- .sheet.familiar .actions-list li.action .button-group .sub-section,
- .sheet.familiar .actions-list li.attack .button-group .sub-section,
- .sheet.familiar .attacks-list li.action .button-group .sub-section,
- .sheet.familiar .attacks-list li.attack .button-group .sub-section {
- align-items: start;
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
- }
- .sheet.familiar .actions-list li.action .button-group .sub-section h4,
- .sheet.familiar .actions-list li.attack .button-group .sub-section h4,
- .sheet.familiar .attacks-list li.action .button-group .sub-section h4,
- .sheet.familiar .attacks-list li.attack .button-group .sub-section h4 {
- margin-left: var(--font-size-12);
- margin-right: var(--font-size-12);
- }
- .sheet.familiar .actions-list li.action .button-group button,
- .sheet.familiar .actions-list li.attack .button-group button,
- .sheet.familiar .attacks-list li.action .button-group button,
- .sheet.familiar .attacks-list li.attack .button-group button {
- align-items: center;
- display: flex;
- border-radius: 3px;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- color: var(--color-text-light-0);
- cursor: pointer;
- font-size: var(--font-size-11);
- height: var(--font-size-18);
- justify-content: center;
- line-height: var(--font-size-18);
- margin: 0;
- padding: 0 8px;
- white-space: nowrap;
- width: auto;
- }
- .sheet.familiar .actions-list li.action .button-group button:first-child,
- .sheet.familiar .actions-list li.attack .button-group button:first-child,
- .sheet.familiar .attacks-list li.action .button-group button:first-child,
- .sheet.familiar .attacks-list li.attack .button-group button:first-child {
- margin-left: 0px;
- }
- .sheet.familiar .actions-list li.action .button-group button:hover,
- .sheet.familiar .actions-list li.attack .button-group button:hover,
- .sheet.familiar .attacks-list li.action .button-group button:hover,
- .sheet.familiar .attacks-list li.attack .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px var(--color-text-light-0);
- }
- .sheet.familiar .actions-list li.action .button-group .attack-button,
- .sheet.familiar .actions-list li.attack .button-group .attack-button,
- .sheet.familiar .attacks-list li.action .button-group .attack-button,
- .sheet.familiar .attacks-list li.attack .button-group .attack-button {
- background-color: var(--secondary);
- }
- .sheet.familiar .actions-list li.action .button-group .damage-button,
- .sheet.familiar .actions-list li.action .button-group .critical-button,
- .sheet.familiar .actions-list li.attack .button-group .damage-button,
- .sheet.familiar .actions-list li.attack .button-group .critical-button,
- .sheet.familiar .attacks-list li.action .button-group .damage-button,
- .sheet.familiar .attacks-list li.action .button-group .critical-button,
- .sheet.familiar .attacks-list li.attack .button-group .damage-button,
- .sheet.familiar .attacks-list li.attack .button-group .critical-button {
- background-color: var(--primary);
- }
- .sheet.familiar .actions-list li.action > .item-summary,
- .sheet.familiar .actions-list li.attack > .item-summary,
- .sheet.familiar .attacks-list li.action > .item-summary,
- .sheet.familiar .attacks-list li.attack > .item-summary {
- flex-basis: 100%;
- }
- .sheet.familiar .actions-list li.attack,
- .sheet.familiar .attacks-list li.attack {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- display: flex;
- flex-direction: row;
- justify-content: start;
- gap: 0.25rem;
- padding: 0.25rem 0;
- }
- .sheet.familiar .actions-list li.attack:last-child,
- .sheet.familiar .attacks-list li.attack:last-child {
- border-bottom: none;
- }
- .sheet.familiar .actions-list li.attack > h4,
- .sheet.familiar .attacks-list li.attack > h4 {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- font-size: 0.9rem;
- font-weight: 500;
- gap: 2px;
- margin: 0 4px 0 0;
- white-space: nowrap;
- }
- .sheet.familiar .actions-list li.attack > h4 > span,
- .sheet.familiar .actions-list li.attack > h4 > a,
- .sheet.familiar .attacks-list li.attack > h4 > span,
- .sheet.familiar .attacks-list li.attack > h4 > a {
- display: flex;
- gap: 3px;
- line-height: 1.125rem;
- margin-right: 4px;
- }
- .sheet.familiar .actions-list li.action,
- .sheet.familiar .attacks-list li.action {
- display: flex;
- gap: 0.25rem;
- }
- .sheet.familiar .actions-list li.action:not(:last-child),
- .sheet.familiar .attacks-list li.action:not(:last-child) {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .sheet.familiar .actions-list li.action > h4,
- .sheet.familiar .attacks-list li.action > h4 {
- align-items: center;
- display: flex;
- gap: 0.25rem;
- flex: auto;
- font-size: 0.9rem;
- margin: 0;
- }
- .sheet.familiar .actions-list li.action > h4 > a,
- .sheet.familiar .attacks-list li.action > h4 > a {
- align-items: center;
- display: flex;
- gap: 2px;
- }
- .sheet.familiar .actions-list li.action .button-group > button.use-action,
- .sheet.familiar .attacks-list li.action .button-group > button.use-action {
- color: var(--color-text-light-0);
- background-color: var(--secondary);
- margin-right: 0.5rem;
- }
- .sheet.familiar .actions-list li.action .action-traits,
- .sheet.familiar .attacks-list li.action .action-traits {
- margin-left: var(--font-size-12);
- }
- .sheet.familiar .actions-list li.action .tracking,
- .sheet.familiar .attacks-list li.action .tracking {
- flex: 0;
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: var(--font-size-16);
- }
- .sheet.familiar .actions-list li.action .tracking input,
- .sheet.familiar .attacks-list li.action .tracking input {
- background: none;
- border: 0;
- flex: 0 1 4rem;
- flex: 1;
- font-family: inherit;
- font-size: 0.9rem;
- height: auto;
- padding: 0 3px;
- text-align: center;
- width: 0;
- }
- .sheet.familiar .actions-list li.action .tracking span,
- .sheet.familiar .attacks-list li.action .tracking span {
- white-space: nowrap;
- }
- .sheet.familiar form {
- background: url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- background-attachment: local;
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .sheet.familiar form > hr {
- width: 100%;
- }
- .sheet.familiar input {
- border: none;
- border-radius: 0;
- background-color: rgba(28, 28, 28, 0.1);
- }
- .sheet.familiar input:focus {
- box-shadow: none;
- }
- .sheet.familiar select {
- border: 1px solid transparent;
- background: rgba(0, 0, 0, 0.05);
- font-family: var(--body-serif);
- font-size: var(--font-size-14);
- font-weight: normal;
- }
- .sheet.familiar select:hover {
- border: 1px solid black;
- }
- .sheet.familiar .familiar-sheet-header {
- display: flex;
- flex-direction: row;
- padding: 4px 6px 0;
- }
- .sheet.familiar .familiar-sheet-header .image-container {
- display: flex;
- }
- .sheet.familiar .familiar-sheet-header .image-container img.actor-image {
- border-radius: 0;
- flex: 0;
- height: 100%;
- min-width: 125px;
- width: 125px;
- }
- .sheet.familiar .familiar-sheet-header .image-container [data-action=show-image] {
- bottom: 2px;
- right: 2px;
- }
- .sheet.familiar .familiar-sheet-header .header-content {
- display: flex;
- flex-direction: column;
- border-radius: 0;
- flex-grow: 1;
- margin-left: 10px;
- }
- .sheet.familiar .familiar-sheet-header .header-content .charname {
- display: flex;
- flex-direction: row;
- font-family: var(--sans-serif-condensed);
- font-size: 1.75rem;
- font-weight: 700;
- width: 100%;
- flex-wrap: nowrap;
- align-items: baseline;
- text-transform: capitalize;
- gap: 0.25em;
- }
- .sheet.familiar .familiar-sheet-header .header-content .charname input {
- font-weight: bold;
- width: calc(100% - 6px);
- border-bottom: 1px solid #d3ccbc;
- text-transform: capitalize;
- padding: 0;
- margin-right: 5px;
- font-variant: small-caps;
- color: #323232;
- }
- .sheet.familiar .familiar-sheet-header .header-content .charname input::placeholder {
- filter: opacity(0.5);
- color: #1c1c1c;
- }
- .sheet.familiar .familiar-sheet-header .header-content .charname input:focus {
- border-bottom: 1px solid #644f33;
- }
- .sheet.familiar .familiar-sheet-header .header-content .charname input:focus::placeholder {
- color: transparent;
- }
- .sheet.familiar .familiar-sheet-header .header-content .charname .charname-value {
- flex: 1 1;
- }
- .sheet.familiar .familiar-sheet-header .header-content .charname .familiar-title {
- flex: 0 1;
- text-align: right;
- margin-right: 0.1em;
- text-transform: uppercase;
- }
- .sheet.familiar .familiar-sheet-header .header-content .sub-header {
- display: flex;
- margin-bottom: 10px;
- }
- .sheet.familiar .familiar-sheet-header .header-content .sub-header .traits {
- flex: 1;
- }
- .sheet.familiar .familiar-sheet-header .header-content .traits {
- margin: 0.25em 0;
- }
- .sheet.familiar .familiar-sheet-header .header-content .traits span {
- color: var(--text-light);
- font-size: 0.75em;
- font-weight: 700;
- padding: 0.25em 0.5em;
- letter-spacing: 1px;
- text-transform: uppercase;
- background-color: var(--primary);
- border: 1px solid var(--tertiary);
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section {
- display: grid;
- flex-direction: column;
- height: max-content;
- width: 150px;
- grid-template-columns: min-content 1fr;
- font-size: var(--font-size-14);
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section div {
- white-space: nowrap;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label {
- display: flex;
- flex-direction: row;
- align-items: center;
- white-space: nowrap;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label h4 {
- font-weight: bold;
- margin: 0 0.25em 0 0;
- padding-left: 6px;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value {
- display: flex;
- flex-direction: row;
- align-items: center;
- padding-left: 4px;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input {
- width: 2em;
- text-align: right;
- padding-right: 3px;
- border: 1px solid transparent;
- background: none;
- height: auto;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:hover, .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:focus {
- border: 1px solid black;
- box-shadow: 0 0 10px #00005a;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value .total-hp {
- flex-grow: 1;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp {
- display: flex;
- margin-left: 8px;
- align-items: baseline;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp input {
- text-align: left;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section {
- display: flex;
- flex-direction: column;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- gap: 12px;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name,
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
- display: flex;
- flex-direction: column;
- align-items: center;
- column-gap: 0.5em;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .name,
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .name {
- font-weight: bold;
- text-transform: capitalize;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value,
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value {
- font-style: normal;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value i,
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value i {
- margin-right: 2px;
- }
- .sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
- border-right: 1px solid rgba(0, 0, 0, 0.15);
- padding-right: 12px;
- }
- .sheet.familiar .familiar-sheet-header .header-content .dying-section {
- display: flex;
- gap: 10px;
- justify-content: end;
- }
- .sheet.familiar .familiar-sheet-header .header-content .dying-section .name {
- font-weight: bold;
- }
- .sheet.familiar .familiar-sheet-header .header-content .dying-section .dots {
- display: flex;
- gap: 4px;
- align-items: baseline;
- }
- .sheet.familiar .familiar-sheet-header .header-content .dying-section .pips {
- display: flex;
- gap: 1px;
- }
- .sheet.familiar .main-section {
- display: flex;
- flex: 1;
- flex-direction: row;
- overflow: hidden;
- }
- .sheet.familiar .main-section .main-container {
- overflow: hidden scroll;
- flex-grow: 2;
- }
- .sheet.familiar .section-container {
- margin: 6px 6px;
- }
- .sheet.familiar .section-container .section-body {
- align-items: stretch;
- flex-direction: column;
- padding: 4px;
- }
- .sheet.familiar .section-container .section-body input {
- font-family: var(--body-serif);
- font-weight: bold;
- width: calc(100% - 6px);
- border-bottom: 1px solid #d3ccbc;
- text-transform: capitalize;
- }
- .sheet.familiar .section-container .section-body input::placeholder {
- filter: opacity(0.5);
- color: #1c1c1c;
- }
- .sheet.familiar .section-container .section-body input:focus {
- border-bottom: 1px solid #644f33;
- }
- .sheet.familiar .section-container .section-body input:focus::placeholder {
- color: transparent;
- }
- .sheet.familiar .familiar-section {
- flex-basis: 50%;
- display: flex;
- flex-direction: column;
- }
- .sheet.familiar .familiar-section .detail {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- margin-top: 3px;
- }
- .sheet.familiar .familiar-section .detail .detail-label {
- font-size: var(--font-size-10);
- font-weight: 800;
- line-height: 1;
- text-transform: uppercase;
- font-family: var(--sans-serif);
- color: var(--primary);
- white-space: nowrap;
- margin-bottom: 3px;
- }
- .sheet.familiar .familiar-section .detail h4 {
- font-size: var(--font-size-14);
- font-family: var(--serif);
- font-weight: bold;
- background-color: rgba(0, 0, 0, 0.05);
- padding-left: 2px;
- margin: none;
- }
- .sheet.familiar .familiar-section .familiar-content {
- display: flex;
- flex-direction: row;
- margin-bottom: 5px;
- column-gap: 15px;
- }
- .sheet.familiar .familiar-section .familiar-content input {
- border: none;
- border-radius: 0;
- }
- .sheet.familiar .familiar-section .familiar-content input[type=text] {
- background-color: rgba(0, 0, 0, 0.05);
- }
- .sheet.familiar .familiar-section .familiar-content input:focus {
- box-shadow: none;
- }
- .sheet.familiar .familiar-section .familiar-content h3 {
- background-color: rgba(0, 0, 0, 0.05);
- height: 26px;
- font-family: var(--body-serif);
- font-size: var(--font-size-14);
- padding: 8px 4px 6px;
- line-height: 1;
- }
- .sheet.familiar .familiar-section .familiar-content .familiar-species {
- flex-basis: 50%;
- }
- .sheet.familiar .familiar-section .familiar-content .familiar-size {
- flex-basis: 50%;
- }
- .sheet.familiar .familiar-section .familiar-content .familiar-modifier {
- flex-basis: 50%;
- }
- .sheet.familiar .familiar-section .familiar-content .familiar-modifier select {
- font-weight: bold;
- }
- .sheet.familiar .familiar-section .familiar-content .familiar-senses {
- flex-basis: 50%;
- height: min-content;
- }
- .sheet.familiar .familiar-section .familiar-content .familiar-senses .tags {
- margin: 0;
- padding: 0;
- }
- .sheet.familiar .familiar-section .familiar-content .familiar-senses .tags ol {
- margin: 0;
- }
- .sheet.familiar .familiar-section .familiar-content .familiar-speed {
- flex-basis: 30%;
- }
- .sheet.familiar .skills-content {
- display: flex;
- flex-direction: column;
- width: 150px;
- gap: 10px;
- }
- .sheet.familiar .skills-content .skills-list {
- display: flex;
- column-gap: 0.25em;
- row-gap: 0.25em;
- flex-direction: column;
- justify-content: center;
- }
- .sheet.familiar .skills-content .skills-list .skill-name {
- display: flex;
- flex-direction: row;
- align-items: center;
- border: 1px solid #999;
- border-radius: 3px;
- height: 20px;
- cursor: pointer;
- font-size: var(--font-size-14);
- font-family: var(--serif);
- }
- .sheet.familiar .skills-content .skills-list .skill-name:hover {
- padding: none;
- border: 1px solid #323232;
- }
- .sheet.familiar .skills-content .skills-list .skill-name .name {
- flex: 4;
- }
- .sheet.familiar .skills-content .skills-list .skill-name .score {
- flex: 1;
- text-align: center;
- padding-left: 1em;
- color: var(--primary);
- font-weight: bold;
- }
- .sheet.familiar .skills-content .skills-attack {
- flex: 1;
- align-self: center;
- border: 1px solid transparent;
- cursor: pointer;
- }
- .sheet.familiar .skills-content .skills-attack:hover {
- border-bottom: 1px solid #323232;
- }
- .sheet.familiar .actions-list .action {
- padding-top: 4px;
- padding-bottom: 4px;
- }
- .sheet.familiar .effects-list {
- margin: 0;
- padding: 0;
- gap: 0.2em;
- }
- .sheet.familiar .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .sheet.familiar .effects-list .item p:empty {
- display: none;
- }
- .sheet.familiar .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .sheet.familiar .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .sheet.familiar .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .sheet.familiar .effects-list .item .item-controls {
- display: flex;
- flex: 0;
- font-size: var(--font-size-12);
- gap: 1px;
- white-space: nowrap;
- }
- .sheet.familiar .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .sheet.familiar .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .sheet.familiar .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .sheet.familiar .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .sheet.familiar .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .sheet.familiar .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: var(--text-light);
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .sheet.familiar .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .sheet.familiar .effects-list .item {
- margin: 0;
- padding: 0;
- margin: 0.25em 0;
- }
- .sheet.hazard .section-container {
- display: flex;
- flex-direction: column;
- }
- .sheet.hazard .section-container .section-header {
- border: 1px solid var(--primary);
- border-radius: 3px 3px 0px 0px;
- background: var(--primary);
- display: flex;
- flex: 0;
- width: 100%;
- flex-direction: row;
- justify-content: space-between;
- align-items: baseline;
- text-align: left;
- color: var(--text-light);
- font-size: var(--font-size-13);
- padding: 0 8px;
- line-height: 2em;
- }
- .sheet.hazard .section-container .section-header h4 {
- flex: auto;
- display: flex;
- align-items: baseline;
- gap: 4px;
- margin-bottom: 0px;
- text-transform: uppercase;
- }
- .sheet.hazard .section-container .section-header input {
- color: inherit;
- width: auto;
- }
- .sheet.hazard .section-container .section-header .controls {
- gap: 0.5rem;
- white-space: nowrap;
- }
- .sheet.hazard .section-container .section-body {
- border: 1px solid var(--primary);
- border-radius: 0px 0px 3px 3px;
- display: flex;
- flex: auto;
- flex-wrap: wrap;
- flex-direction: row;
- align-items: baseline;
- justify-content: flex-start;
- width: 100%;
- }
- .sheet.hazard .section-container.headerless .section-body {
- border-radius: 3px;
- }
- .sheet.hazard .actions-list,
- .sheet.hazard .attacks-list {
- margin: 0;
- padding: 0;
- width: 100%;
- }
- .sheet.hazard .actions-list .controls,
- .sheet.hazard .attacks-list .controls {
- align-items: baseline;
- display: flex;
- flex: 0;
- flex-wrap: nowrap;
- font-size: var(--font-size-12);
- gap: 1px;
- margin-left: auto;
- }
- .sheet.hazard .actions-list .controls .chat,
- .sheet.hazard .attacks-list .controls .chat {
- margin-right: 2px;
- font-size: 0.9em;
- }
- .sheet.hazard .actions-list li.action .button-group,
- .sheet.hazard .actions-list li.attack .button-group,
- .sheet.hazard .attacks-list li.action .button-group,
- .sheet.hazard .attacks-list li.attack .button-group {
- display: flex;
- gap: 0.25em;
- justify-content: start;
- min-width: 100%;
- }
- .sheet.hazard .actions-list li.action .button-group .flexrow,
- .sheet.hazard .actions-list li.action .button-group .sub-section,
- .sheet.hazard .actions-list li.attack .button-group .flexrow,
- .sheet.hazard .actions-list li.attack .button-group .sub-section,
- .sheet.hazard .attacks-list li.action .button-group .flexrow,
- .sheet.hazard .attacks-list li.action .button-group .sub-section,
- .sheet.hazard .attacks-list li.attack .button-group .flexrow,
- .sheet.hazard .attacks-list li.attack .button-group .sub-section {
- gap: 2px;
- }
- .sheet.hazard .actions-list li.action .button-group .sub-section,
- .sheet.hazard .actions-list li.attack .button-group .sub-section,
- .sheet.hazard .attacks-list li.action .button-group .sub-section,
- .sheet.hazard .attacks-list li.attack .button-group .sub-section {
- align-items: start;
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
- }
- .sheet.hazard .actions-list li.action .button-group .sub-section h4,
- .sheet.hazard .actions-list li.attack .button-group .sub-section h4,
- .sheet.hazard .attacks-list li.action .button-group .sub-section h4,
- .sheet.hazard .attacks-list li.attack .button-group .sub-section h4 {
- margin-left: var(--font-size-12);
- margin-right: var(--font-size-12);
- }
- .sheet.hazard .actions-list li.action .button-group button,
- .sheet.hazard .actions-list li.attack .button-group button,
- .sheet.hazard .attacks-list li.action .button-group button,
- .sheet.hazard .attacks-list li.attack .button-group button {
- align-items: center;
- display: flex;
- border-radius: 3px;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- color: var(--color-text-light-0);
- cursor: pointer;
- font-size: var(--font-size-11);
- height: var(--font-size-18);
- justify-content: center;
- line-height: var(--font-size-18);
- margin: 0;
- padding: 0 8px;
- white-space: nowrap;
- width: auto;
- }
- .sheet.hazard .actions-list li.action .button-group button:first-child,
- .sheet.hazard .actions-list li.attack .button-group button:first-child,
- .sheet.hazard .attacks-list li.action .button-group button:first-child,
- .sheet.hazard .attacks-list li.attack .button-group button:first-child {
- margin-left: 0px;
- }
- .sheet.hazard .actions-list li.action .button-group button:hover,
- .sheet.hazard .actions-list li.attack .button-group button:hover,
- .sheet.hazard .attacks-list li.action .button-group button:hover,
- .sheet.hazard .attacks-list li.attack .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px var(--color-text-light-0);
- }
- .sheet.hazard .actions-list li.action .button-group .attack-button,
- .sheet.hazard .actions-list li.attack .button-group .attack-button,
- .sheet.hazard .attacks-list li.action .button-group .attack-button,
- .sheet.hazard .attacks-list li.attack .button-group .attack-button {
- background-color: var(--secondary);
- }
- .sheet.hazard .actions-list li.action .button-group .damage-button,
- .sheet.hazard .actions-list li.action .button-group .critical-button,
- .sheet.hazard .actions-list li.attack .button-group .damage-button,
- .sheet.hazard .actions-list li.attack .button-group .critical-button,
- .sheet.hazard .attacks-list li.action .button-group .damage-button,
- .sheet.hazard .attacks-list li.action .button-group .critical-button,
- .sheet.hazard .attacks-list li.attack .button-group .damage-button,
- .sheet.hazard .attacks-list li.attack .button-group .critical-button {
- background-color: var(--primary);
- }
- .sheet.hazard .actions-list li.action > .item-summary,
- .sheet.hazard .actions-list li.attack > .item-summary,
- .sheet.hazard .attacks-list li.action > .item-summary,
- .sheet.hazard .attacks-list li.attack > .item-summary {
- flex-basis: 100%;
- }
- .sheet.hazard .actions-list li.attack,
- .sheet.hazard .attacks-list li.attack {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- display: flex;
- flex-direction: row;
- justify-content: start;
- gap: 0.25rem;
- padding: 0.25rem 0;
- }
- .sheet.hazard .actions-list li.attack:last-child,
- .sheet.hazard .attacks-list li.attack:last-child {
- border-bottom: none;
- }
- .sheet.hazard .actions-list li.attack > h4,
- .sheet.hazard .attacks-list li.attack > h4 {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- font-size: 0.9rem;
- font-weight: 500;
- gap: 2px;
- margin: 0 4px 0 0;
- white-space: nowrap;
- }
- .sheet.hazard .actions-list li.attack > h4 > span,
- .sheet.hazard .actions-list li.attack > h4 > a,
- .sheet.hazard .attacks-list li.attack > h4 > span,
- .sheet.hazard .attacks-list li.attack > h4 > a {
- display: flex;
- gap: 3px;
- line-height: 1.125rem;
- margin-right: 4px;
- }
- .sheet.hazard .actions-list li.action,
- .sheet.hazard .attacks-list li.action {
- display: flex;
- gap: 0.25rem;
- }
- .sheet.hazard .actions-list li.action:not(:last-child),
- .sheet.hazard .attacks-list li.action:not(:last-child) {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .sheet.hazard .actions-list li.action > h4,
- .sheet.hazard .attacks-list li.action > h4 {
- align-items: center;
- display: flex;
- gap: 0.25rem;
- flex: auto;
- font-size: 0.9rem;
- margin: 0;
- }
- .sheet.hazard .actions-list li.action > h4 > a,
- .sheet.hazard .attacks-list li.action > h4 > a {
- align-items: center;
- display: flex;
- gap: 2px;
- }
- .sheet.hazard .actions-list li.action .button-group > button.use-action,
- .sheet.hazard .attacks-list li.action .button-group > button.use-action {
- color: var(--color-text-light-0);
- background-color: var(--secondary);
- margin-right: 0.5rem;
- }
- .sheet.hazard .actions-list li.action .action-traits,
- .sheet.hazard .attacks-list li.action .action-traits {
- margin-left: var(--font-size-12);
- }
- .sheet.hazard .actions-list li.action .tracking,
- .sheet.hazard .attacks-list li.action .tracking {
- flex: 0;
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: var(--font-size-16);
- }
- .sheet.hazard .actions-list li.action .tracking input,
- .sheet.hazard .attacks-list li.action .tracking input {
- background: none;
- border: 0;
- flex: 0 1 4rem;
- flex: 1;
- font-family: inherit;
- font-size: 0.9rem;
- height: auto;
- padding: 0 3px;
- text-align: center;
- width: 0;
- }
- .sheet.hazard .actions-list li.action .tracking span,
- .sheet.hazard .attacks-list li.action .tracking span {
- white-space: nowrap;
- }
- .sheet.hazard ul,
- .sheet.hazard ol {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .sheet.hazard h1,
- .sheet.hazard h2,
- .sheet.hazard h3,
- .sheet.hazard h4 {
- margin: 0;
- padding: 0;
- border-bottom: none;
- }
- .sheet.hazard form {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .sheet.hazard form .tagify > span {
- min-width: 20px;
- }
- .sheet.hazard form .tagify--hasMaxTags > span {
- display: none;
- }
- .sheet.hazard .window-content {
- margin: 0;
- padding: 0;
- }
- .sheet.hazard input[type=text],
- .sheet.hazard input[type=number] {
- margin: 0;
- padding: 0;
- background: none;
- border: 1px solid transparent;
- }
- .sheet.hazard input[type=text]:hover:not(:disabled), .sheet.hazard input[type=text]:focus,
- .sheet.hazard input[type=number]:hover:not(:disabled),
- .sheet.hazard input[type=number]:focus {
- border: 1px solid black;
- box-shadow: 0 0 10px #00005a;
- }
- .sheet.hazard .container {
- display: flex;
- background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
- height: 100%;
- overflow: hidden;
- }
- .sheet.hazard .content {
- flex: 1;
- padding-left: 5px;
- padding-right: 5px;
- padding: 0 5px 20px 5px;
- overflow: hidden scroll;
- }
- .sheet.hazard form > header {
- align-items: center;
- background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
- background-blend-mode: multiply;
- background-color: #238580;
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
- color: var(--text-light);
- display: flex;
- font-family: var(--sans-serif);
- font-weight: 600;
- gap: 8px;
- justify-content: space-between;
- margin-bottom: 0.1em;
- padding: 0 16px;
- text-transform: uppercase;
- width: 100%;
- }
- .sheet.hazard form > header .frame-container {
- flex: 0 0 60px;
- padding: 4px;
- margin: 16px 0;
- }
- .sheet.hazard form > header .frame-container .frame {
- width: 60px;
- height: 60px;
- }
- .sheet.hazard form > header .frame-container .image-container [data-action=show-image] {
- color: var(--color-text-dark-primary);
- }
- .sheet.hazard form > header .frame-container .actor-image {
- object-fit: cover;
- object-position: top;
- border: none;
- border-radius: 0;
- max-height: 178px;
- width: 100%;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .sheet.hazard form > header .frame-container .edit-mode-button {
- position: absolute;
- width: 20px;
- height: 20px;
- bottom: -10px;
- left: -10px;
- border-radius: 10px;
- background-color: white;
- color: var(--text-dark);
- cursor: pointer;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 1.05em;
- }
- .sheet.hazard form > header .details {
- margin: 4px 0;
- flex: 1;
- }
- .sheet.hazard form > header .details tags.tags.paizo-style .tagify__input::before {
- color: var(--color-text-light-7);
- }
- .sheet.hazard form > header input[type=text],
- .sheet.hazard form > header input[type=number] {
- color: var(--text-light);
- border: none;
- border-bottom: 1px solid transparent;
- }
- .sheet.hazard form > header input[type=text]:hover:not(:disabled), .sheet.hazard form > header input[type=text]:focus,
- .sheet.hazard form > header input[type=number]:hover:not(:disabled),
- .sheet.hazard form > header input[type=number]:focus {
- border: none;
- border-bottom: 1px solid var(--text-light);
- box-shadow: none;
- }
- .sheet.hazard form > header .title {
- display: flex;
- flex-direction: row;
- align-items: baseline;
- gap: 4px;
- font-size: var(--font-size-28);
- font-family: var(--serif-condensed);
- font-weight: 700;
- }
- .sheet.hazard form > header .title .name {
- flex: 1;
- font-size: var(--font-size-32);
- }
- .sheet.hazard form > header .title .level {
- width: 32px;
- text-align: center;
- }
- .sheet.hazard .sidebar {
- border-right: 1px solid #888;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- display: flex;
- flex-direction: column;
- gap: 8px;
- height: 100%;
- padding: 10px 8px 8px 8px;
- width: 220px;
- overflow: hidden scroll;
- }
- .sheet.hazard .sidebar select {
- font-size: var(--font-size-12);
- height: 2em;
- }
- .sheet.hazard .sidebar .sidebar-title {
- display: flex;
- justify-content: space-between;
- border-bottom: 1px solid black;
- margin-bottom: 4px;
- }
- .sheet.hazard .sidebar .sidebar-title h2 {
- font-size: var(--font-size-15);
- }
- .sheet.hazard .sidebar .valued-icon {
- display: flex;
- align-items: baseline;
- }
- .sheet.hazard .sidebar .valued-icon i {
- margin-right: 4px;
- }
- .sheet.hazard .sidebar .valued-icon i + input {
- margin-left: -1px;
- }
- .sheet.hazard .sidebar .health input {
- width: 34px;
- }
- .sheet.hazard .sidebar .health input.current {
- text-align: end;
- }
- .sheet.hazard .sidebar .armor-class input {
- width: 25px;
- text-align: right;
- }
- .sheet.hazard .sidebar .health-line {
- display: flex;
- flex-direction: row;
- font-size: var(--font-size-16);
- gap: 3px;
- justify-content: center;
- }
- .sheet.hazard .sidebar .hp-details {
- width: 100%;
- }
- .sheet.hazard .sidebar h2 {
- font-weight: 500;
- font-size: var(--font-size-16);
- }
- .sheet.hazard .sidebar i.fa-info-circle {
- font-size: small;
- }
- .sheet.hazard .sidebar .initiative {
- display: flex;
- font-size: var(--font-size-16);
- }
- .sheet.hazard .sidebar .initiative .roll-init {
- align-items: center;
- display: flex;
- font-weight: 500;
- }
- .sheet.hazard .sidebar .initiative .roll-init i {
- margin-right: 4px;
- }
- .sheet.hazard .sidebar .sidebar-saves {
- display: flex;
- justify-content: space-between;
- }
- .sheet.hazard .sidebar .sidebar-saves .save {
- align-items: center;
- display: flex;
- flex: 1;
- flex-direction: column;
- font-size: var(--font-size-16);
- }
- .sheet.hazard .sidebar .sidebar-saves input {
- max-width: 50px;
- text-align: center;
- }
- .sheet.hazard .sidebar .rollable {
- cursor: pointer;
- }
- .sheet.hazard .sidebar .rollable:hover {
- text-shadow: 0 0 8px var(--color-shadow-primary);
- }
- .sheet.hazard .sidebar .rollable:hover i {
- animation: rotation 2s infinite linear;
- }
- .sheet.hazard .section-container {
- padding: 4px 6px 0;
- }
- .sheet.hazard .section-container .editor {
- width: 100%;
- }
- .sheet.hazard .section-container .editor .tox {
- width: 100%;
- }
- .sheet.hazard .section-container > .section-body {
- padding: 4px;
- }
- .sheet.hazard .section-container.skills > .section-body .list {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- }
- .sheet.hazard .section-container .actions-list,
- .sheet.hazard .section-container .attacks-list {
- border-bottom: 1px solid var(--alt);
- }
- .sheet.hazard .section-container .actions-list:last-child,
- .sheet.hazard .section-container .attacks-list:last-child {
- border-bottom: none;
- }
- .sheet.hazard .section-container .actions-list .action,
- .sheet.hazard .section-container .attacks-list .action {
- padding: 4px 0;
- }
- .sheet.hazard .section-container.publication {
- margin-top: 0.5rem;
- }
- .sheet.hazard .section-container.publication .section-header {
- background: none;
- color: var(--color-pf-primary);
- }
- .sheet.hazard .section-container.publication .section-body {
- align-items: baseline;
- gap: 0.25em;
- display: grid;
- grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
- border-top: none;
- padding: 0.25rem 0.5rem;
- }
- .sheet.hazard .section-container.publication .section-body label {
- font-weight: 500;
- min-width: unset;
- }
- .sheet.hazard .section-container.publication .section-body input[type=text] {
- height: 1.6rem;
- }
- .sheet.hazard .section-container.publication .section-body .title {
- grid-area: title;
- margin-right: 0;
- }
- .sheet.hazard .section-container.publication .section-body .authors {
- grid-area: authors;
- }
- .sheet.hazard .section-container.publication .section-body .license {
- grid-area: license;
- }
- .sheet.hazard .section-container.publication .section-body .license select {
- margin-top: 1px;
- }
- .sheet.hazard .section-container.publication .section-body .remaster {
- grid-area: remaster;
- }
- .sheet.hazard .section-container.publication .section-body .license,
- .sheet.hazard .section-container.publication .section-body .remaster {
- text-align: center;
- }
- .sheet.hazard .section-container.publication .section-body .license label,
- .sheet.hazard .section-container.publication .section-body .remaster label {
- padding: 0;
- }
- .sheet.hazard .section-container.publication .section-body input[type=text] {
- background: rgba(0, 0, 0, 0.05);
- }
- .sheet.hazard .tox.tox-tinymce {
- height: 200px !important;
- }
- .sheet.hazard .hazard-editor .editor .editor-edit {
- display: none;
- }
- .app.npc-skills-editor form {
- font-size: var(--font-size-12);
- overflow: hidden;
- }
- .app.npc-skills-editor form > .scroll-container {
- max-height: 500px;
- overflow: hidden scroll;
- }
- .app.npc-skills-editor form ol {
- list-style: none;
- overflow: hidden;
- padding: 0px;
- width: 100%;
- }
- .app.npc-skills-editor form ol li {
- align-items: center;
- column-gap: 1rem;
- display: grid;
- grid-template-columns: auto 3rem 2rem;
- grid-template-rows: auto;
- padding: 0.25rem;
- width: 100%;
- }
- .app.npc-skills-editor form ol li.skill:nth-child(even) {
- background-color: #ede3c8;
- }
- .app.npc-skills-editor form ol li.skill:nth-child(odd) {
- background-color: #f5efe0;
- }
- .app.npc-skills-editor form ol li.skill.header {
- background-color: var(--color-pf-primary);
- color: var(--text-light);
- font-weight: 500;
- padding: 4px;
- text-transform: uppercase;
- }
- .app.npc-skills-editor form ol li.skill.header.lore {
- background-color: var(--color-pf-secondary);
- }
- .app.npc-skills-editor form ol li.skill .item-controls {
- text-align: right;
- }
- .app.npc-skills-editor form ol li.skill-selector button, .app.npc-skills-editor form ol li.lore-skill-creator button {
- background-color: var(--color-pf-secondary);
- border-radius: 3px;
- border: 1px solid var(--color-pf-secondary-dark);
- color: var(--text-light);
- display: flex;
- grid-column: span 2;
- justify-content: center;
- line-height: 1em;
- padding: 4px;
- white-space: nowrap;
- }
- .actor.npc.sheet form {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- }
- .actor.npc.sheet form ol.spell-list {
- margin: 0;
- padding: 0;
- border-bottom: 1px solid var(--color-border-light-2);
- flex-basis: 100%;
- gap: 1px;
- position: relative;
- width: 100%;
- z-index: 1;
- }
- .actor.npc.sheet form ol.spell-list > li {
- margin: 0;
- padding: 0;
- align-items: center;
- background: none;
- cursor: default;
- display: flex;
- flex-wrap: wrap;
- padding: 0 0.35em;
- }
- .actor.npc.sheet form ol.spell-list > li[data-expended-state=true] h4 {
- color: var(--color-disabled);
- text-decoration: line-through;
- }
- .actor.npc.sheet form ol.spell-list > li[data-expended-state=true] .cast-spell button {
- background: var(--color-disabled);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- cursor: not-allowed;
- }
- .actor.npc.sheet form ol.spell-list > li:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .actor.npc.sheet form ol.spell-list > li:last-child {
- border-bottom: 1px solid var(--sub);
- }
- .actor.npc.sheet form ol.spell-list > li:last-child .item-image {
- margin-bottom: 0;
- margin-top: 2px;
- }
- .actor.npc.sheet form ol.spell-list > li.spell-level-header {
- background: rgba(96, 88, 86, 0.25);
- border: 1px solid var(--color-border-light-2);
- border-radius: 2px;
- color: var(--text-dark);
- font: 500 var(--font-size-12) var(--sans-serif);
- letter-spacing: 0.25px;
- line-height: 1;
- text-transform: uppercase;
- }
- .actor.npc.sheet form ol.spell-list > li.spell-level-header h3 {
- text-transform: capitalize;
- font-size: var(--font-size-13);
- margin-left: 0;
- padding: 0.25rem 0;
- }
- .actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name {
- line-height: 1;
- gap: 0.25em;
- padding-left: 0.2em;
- }
- .actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name h3 {
- margin: 0;
- padding: 0;
- font-weight: 700;
- }
- .actor.npc.sheet form ol.spell-list > li .uses {
- align-items: center;
- display: flex;
- gap: 0.25em;
- line-height: 1;
- }
- .actor.npc.sheet form ol.spell-list > li.spell-level-header input,
- .actor.npc.sheet form ol.spell-list > li .uses input {
- background: var(--alt);
- border-radius: 3px;
- border: 1px solid var(--sub);
- color: var(--text-light);
- font: var(--font-size-12) var(--sans-serif);
- height: unset;
- text-align: center;
- width: 2em;
- }
- .actor.npc.sheet form ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
- .actor.npc.sheet form ol.spell-list > li .uses .spell-slots-increment-reset {
- padding-left: 5px;
- font-size: var(--font-size-10);
- }
- .actor.npc.sheet form ol.spell-list > li.spell {
- border: none;
- font-size: var(--font-size-13);
- }
- .actor.npc.sheet form ol.spell-list > li .level-prepared-toggle {
- flex: 0;
- font-size: 0.75rem;
- color: var(--secondary);
- }
- .actor.npc.sheet form ol.spell-list > li .item-name {
- align-items: center;
- display: flex;
- flex: 1;
- flex-wrap: nowrap;
- min-height: 1.75rem;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name.empty {
- color: var(--color-text-dark-secondary);
- pointer-events: none;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name h3 {
- white-space: nowrap;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name + span {
- font-size: 0.75rem;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name .focus-pool-input {
- align-items: center;
- display: flex;
- flex-wrap: nowrap;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name .slash {
- font-size: 0.75rem;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name .spell-slots,
- .actor.npc.sheet form ol.spell-list > li .item-name .spell-max {
- padding-top: 3px;
- font-size: 0.75rem;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name .spell-slots.infinity,
- .actor.npc.sheet form ol.spell-list > li .item-name .spell-max.infinity {
- position: relative;
- top: -2px;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name .item-image {
- height: 1.5rem;
- width: 1.5rem;
- flex: 0 0 auto;
- margin: 2px 0;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name h4 {
- margin: 0;
- padding: 0;
- font-size: var(--font-size-14);
- letter-spacing: -0.075em;
- line-height: 1;
- margin-left: 8px;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name h4 > a:hover {
- color: var(--secondary);
- text-shadow: none;
- }
- .actor.npc.sheet form ol.spell-list > li .item-name .action-glyph {
- margin-left: 4px;
- font-size: small;
- }
- .actor.npc.sheet form ol.spell-list > li .spell-range {
- flex: 0 0 6rem;
- padding-left: 0.2em;
- }
- .actor.npc.sheet form ol.spell-list > li .cast-spell {
- flex: 0 0 3.5rem;
- display: flex;
- justify-content: center;
- }
- .actor.npc.sheet form ol.spell-list > li .cast-spell button {
- align-items: center;
- background: var(--secondary);
- border-radius: 2px;
- border: black;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: var(--text-light);
- cursor: pointer;
- font: 700 0.55rem var(--sans-serif);
- letter-spacing: 0.25px;
- max-width: fit-content;
- padding: 0.5em 1em;
- text-transform: uppercase;
- }
- .actor.npc.sheet form ol.spell-list > li .item-controls {
- flex: 0 0 3.25rem;
- display: flex;
- justify-content: end;
- padding-right: 0.25em;
- }
- .actor.npc.sheet form ol.spell-list > li .item-summary {
- background-color: var(--bg);
- border-bottom: 1px solid var(--sub);
- border-top: 1px solid #aca5a3;
- flex: 100%;
- padding: 0.5rem;
- }
- .actor.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual {
- position: relative;
- }
- .actor.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual::before {
- pointer-events: none;
- content: "";
- position: absolute;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 5, 255, 0.1137254902);
- mix-blend-mode: saturation;
- }
- .actor.npc.sheet form ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- }
- .actor.npc.sheet form ol.spell-list .level-prepared-header {
- font-size: 0.75rem;
- color: var(--text-light);
- margin: 0;
- padding: 4px;
- text-align: center;
- background: var(--secondary);
- position: relative;
- }
- .actor.npc.sheet form .npc-sheet-header {
- display: flex;
- flex: 1 0 auto;
- flex-direction: column;
- }
- .actor.npc.sheet form .npc-sheet-header .name {
- flex-wrap: nowrap;
- font: 700 1.75rem var(--sans-serif-condensed);
- width: 100%;
- }
- .actor.npc.sheet form .npc-sheet-header .name input {
- font-weight: inherit;
- height: 2rem;
- }
- .actor.npc.sheet form .npc-sheet-header .name .name-value {
- font-variant: small-caps;
- margin-left: 0.375rem;
- margin-right: 1.125rem;
- }
- .actor.npc.sheet form .npc-sheet-header .name .level-label {
- flex: 0;
- text-align: right;
- margin-right: 0.1em;
- text-transform: uppercase;
- }
- .actor.npc.sheet form .npc-sheet-header .name input.level {
- flex: 0 0 2.5rem;
- text-align: center;
- }
- .actor.npc.sheet form .npc-sheet-header .rarity-size {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
- .actor.npc.sheet form hr {
- margin: 10px 6px 10px 0;
- }
- .actor.npc.sheet form select {
- background: none;
- }
- .actor.npc.sheet form .sidebar {
- flex: 10rem 0 0;
- height: 100%;
- overflow: hidden scroll;
- padding-right: 0.25rem;
- }
- .actor.npc.sheet form .sidebar .image-container img.actor-image {
- border: none;
- border-radius: 0.5rem;
- }
- .actor.npc.sheet form .sidebar .armor-section .armor-value {
- flex: 0;
- text-align: right;
- font-weight: 700;
- padding-right: 0.25rem;
- }
- .actor.npc.sheet form .sidebar .health-section .hit-points,
- .actor.npc.sheet form .sidebar .shield-section .hit-points {
- display: flex;
- flex-direction: row;
- flex: 0;
- margin-left: auto;
- }
- .actor.npc.sheet form .sidebar .health-section .hit-points input.current,
- .actor.npc.sheet form .sidebar .shield-section .hit-points input.current {
- width: 2.25rem;
- text-align: right;
- padding-right: 3px;
- }
- .actor.npc.sheet form .sidebar .health-section .hit-points .slash,
- .actor.npc.sheet form .sidebar .health-section .hit-points .max,
- .actor.npc.sheet form .sidebar .shield-section .hit-points .slash,
- .actor.npc.sheet form .sidebar .shield-section .hit-points .max {
- align-items: center;
- display: flex;
- }
- .actor.npc.sheet form .sidebar .health-section .hit-points .max,
- .actor.npc.sheet form .sidebar .shield-section .hit-points .max {
- font-weight: 700;
- margin-right: 0.25rem;
- text-align: center;
- }
- .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt10,
- .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt10 {
- width: 0.5rem;
- }
- .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt100,
- .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt100 {
- width: 1.5rem;
- }
- .actor.npc.sheet form .sidebar .health-section .hit-points .max.lt1000,
- .actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt1000 {
- width: 2.25rem;
- }
- .actor.npc.sheet form .sidebar .shield-section .hit-points .max {
- font-size: var(--font-size-16);
- }
- .actor.npc.sheet form .sidebar .shield-section .shield-details {
- display: flex;
- flex: auto;
- flex-direction: row;
- justify-content: flex-start;
- align-items: baseline;
- }
- .actor.npc.sheet form .sidebar .shield-section .shield-details .label {
- flex: 0;
- font-weight: bold;
- }
- .actor.npc.sheet form .sidebar .shield-section .shield-details .value {
- flex: auto;
- font-weight: normal;
- margin-left: 0.375rem;
- }
- .actor.npc.sheet form .sidebar .shield-section.broken {
- color: rgba(0, 0, 0, 0.4);
- }
- .actor.npc.sheet form .sidebar .shield-section.broken .shield-label {
- color: rgba(0, 0, 0, 0.4);
- }
- .actor.npc.sheet form .sidebar .shield-section.broken .shield-label h4 {
- text-decoration: line-through;
- }
- .actor.npc.sheet form .sidebar .speed-section .land-speed-value {
- flex: 0 0 1.5rem;
- text-align: right;
- }
- .actor.npc.sheet form .sidebar .speed-section .land-speed .speed-details {
- flex: 1;
- }
- .actor.npc.sheet form .sidebar .speed-section .other-speeds {
- display: flex;
- flex-wrap: wrap;
- justify-content: start;
- width: 100%;
- }
- .actor.npc.sheet form .sidebar .saves {
- display: flex;
- flex-direction: row;
- flex: 1 0 auto;
- font-size: 1.1rem;
- margin-top: 12px;
- width: 100%;
- }
- .actor.npc.sheet form .sidebar .saves .container {
- display: flex;
- flex-direction: column;
- text-align: center;
- }
- .actor.npc.sheet form .sidebar .saves .container label {
- font-weight: 600;
- }
- .actor.npc.sheet form .sidebar .saves .container input.modifier {
- text-align: center;
- z-index: 1;
- }
- .actor.npc.sheet form .side-bar-section {
- display: flex;
- flex: auto;
- flex-direction: column;
- justify-content: start;
- align-items: start;
- }
- .actor.npc.sheet form .side-bar-section .controls {
- padding-right: 0.25rem;
- }
- .actor.npc.sheet form .side-bar-section.initiative a.roll-init {
- display: flex;
- flex-wrap: nowrap;
- font-weight: 700;
- margin-bottom: 0.125rem;
- margin-left: auto;
- padding-right: 0.5em;
- }
- .actor.npc.sheet form .side-bar-section.initiative a.roll-init i.fa-dice-d20 {
- font-size: 1rem;
- margin-right: 0.2em;
- }
- .actor.npc.sheet form .side-bar-section.initiative select {
- font-size: var(--font-size-11);
- text-transform: unset;
- }
- .actor.npc.sheet form .side-bar-section .value0 {
- color: darkgrey;
- border-bottom: 1px darkgrey solid;
- }
- .actor.npc.sheet form .side-bar-section .value0 input {
- color: darkgrey;
- }
- .actor.npc.sheet form .side-bar-section-content {
- align-items: start;
- display: flex;
- flex-flow: row wrap;
- justify-content: start;
- padding-top: 0.125rem;
- width: 100%;
- }
- .actor.npc.sheet form .side-bar-section-header {
- align-items: baseline;
- border-bottom: 1px solid;
- border-color: #7a7971;
- display: flex;
- font-size: 1rem;
- margin-bottom: 0.125rem;
- margin-top: var(--font-size-10);
- width: 100%;
- }
- .actor.npc.sheet form .side-bar-section-header .side-bar-label {
- align-items: center;
- display: flex;
- flex-direction: row;
- flex: auto;
- }
- .actor.npc.sheet form .side-bar-section-header .side-bar-label .fa-solid {
- font-size: 0.8rem;
- }
- .actor.npc.sheet form .side-bar-section-header .side-bar-label h4,
- .actor.npc.sheet form .side-bar-section-header .side-bar-label label {
- font-size: 0.8rem;
- margin-bottom: 0;
- padding-left: 0.125rem;
- }
- .actor.npc.sheet form .side-bar-section-header .side-bar-label input.modifier {
- font-size: 0.9rem;
- }
- .actor.npc.sheet form .sheet-body {
- flex: auto;
- }
- .actor.npc.sheet form .sheet-body .tab {
- overflow: hidden scroll;
- }
- .actor.npc.sheet form .sheet-body .tab .identification-skills ul {
- display: inline;
- list-style-type: none;
- padding: 0;
- }
- .actor.npc.sheet form .sheet-body .tab .identification-skills ul li {
- display: inline;
- }
- .actor.npc.sheet form .sheet-body .tab .identification-skills ul li:not(:last-of-type):after {
- content: ",";
- }
- .actor.npc.sheet form .sheet-body .tab.inventory.active {
- display: flex;
- flex-basis: 100%;
- flex-direction: column;
- overflow-y: hidden;
- padding-bottom: 1.25rem;
- }
- .actor.npc.sheet form .sheet-body .tab.inventory.active .inventory-section {
- max-height: calc(100% - 1rem);
- }
- .actor.npc.sheet form .sheet-body .tab.inventory.active .inventory-section .coinage .wealth,
- .actor.npc.sheet form .sheet-body .tab.inventory.active .inventory-section header {
- background: var(--primary-background);
- }
- .actor.npc.sheet form .sheet-body .entries-list {
- list-style: none;
- padding: 2px;
- margin: 0;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry {
- display: block;
- width: 100%;
- margin: 0px;
- border: 1px solid var(--sub);
- border-radius: 4px;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry:not(:first-child) {
- margin-top: 0.5rem;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header {
- align-items: baseline;
- background-color: var(--primary);
- border-radius: 3px 3px 0 0;
- color: var(--text-light);
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- gap: 0.25em;
- justify-content: space-between;
- padding: 4px 0.5em;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .drag-handle {
- cursor: move;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name {
- flex: 1;
- margin: 0 4px 0 0;
- padding-right: 6px;
- width: max-content;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input {
- color: var(--text-light);
- max-width: 100%;
- font-weight: 500;
- border: none;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:focus, .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:hover {
- box-shadow: none;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:read-only {
- pointer-events: none;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field {
- flex: 0;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
- align-items: baseline;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field label {
- margin-left: 2px;
- flex: 1;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field input {
- margin-left: 4px;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input,
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input {
- flex: 1 0 32px;
- text-align: center;
- background-color: var(--text-light);
- font-weight: bold;
- width: 32px;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select {
- background: rgba(255, 255, 255, 0.5);
- font-size: var(--font-size-10);
- max-width: 55px;
- padding: 2px;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls {
- display: flex;
- justify-content: space-between;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls a {
- padding: 2px;
- }
- .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input {
- background: var(--text-light);
- border: 1px solid transparent;
- color: var(--text-dark);
- flex: 1 0 2rem;
- font-weight: 700;
- height: 18px;
- text-align: center;
- width: 2rem;
- }
- .actor.npc.sheet form .sheet-body .footer {
- display: flex;
- flex: 1;
- justify-content: center;
- margin-top: 12px;
- }
- .actor.npc.sheet form .sheet-body .footer button.spellcasting-create {
- align-items: center;
- justify-content: center;
- display: flex;
- gap: 0.25rem;
- margin: 0 0.5rem;
- min-height: 1rem;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--primary);
- color: var(--text-light);
- white-space: nowrap;
- border-radius: 3px;
- border: none;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list {
- gap: 0.2em;
- padding-left: 0px;
- padding-right: 5px;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item p:empty {
- display: none;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls {
- display: flex;
- flex: 0;
- font-size: var(--font-size-12);
- gap: 1px;
- white-space: nowrap;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: var(--text-light);
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.npc.sheet form .sheet-body .section-container {
- display: flex;
- flex-direction: column;
- }
- .actor.npc.sheet form .sheet-body .section-container .section-header {
- border: 1px solid var(--primary);
- border-radius: 3px 3px 0px 0px;
- background: var(--primary);
- display: flex;
- flex: 0;
- width: 100%;
- flex-direction: row;
- justify-content: space-between;
- align-items: baseline;
- text-align: left;
- color: var(--text-light);
- font-size: var(--font-size-13);
- padding: 0 8px;
- line-height: 2em;
- }
- .actor.npc.sheet form .sheet-body .section-container .section-header h4 {
- flex: auto;
- display: flex;
- align-items: baseline;
- gap: 4px;
- margin-bottom: 0px;
- text-transform: uppercase;
- }
- .actor.npc.sheet form .sheet-body .section-container .section-header input {
- color: inherit;
- width: auto;
- }
- .actor.npc.sheet form .sheet-body .section-container .section-header .controls {
- gap: 0.5rem;
- white-space: nowrap;
- }
- .actor.npc.sheet form .sheet-body .section-container .section-body {
- border: 1px solid var(--primary);
- border-radius: 0px 0px 3px 3px;
- display: flex;
- flex: auto;
- flex-wrap: wrap;
- flex-direction: row;
- align-items: baseline;
- justify-content: flex-start;
- width: 100%;
- }
- .actor.npc.sheet form .sheet-body .section-container.headerless .section-body {
- border-radius: 3px;
- }
- .actor.npc.sheet form .sheet-body .actions-list,
- .actor.npc.sheet form .sheet-body .attacks-list {
- margin: 0;
- padding: 0;
- width: 100%;
- }
- .actor.npc.sheet form .sheet-body .actions-list .controls,
- .actor.npc.sheet form .sheet-body .attacks-list .controls {
- align-items: baseline;
- display: flex;
- flex: 0;
- flex-wrap: nowrap;
- font-size: var(--font-size-12);
- gap: 1px;
- margin-left: auto;
- }
- .actor.npc.sheet form .sheet-body .actions-list .controls .chat,
- .actor.npc.sheet form .sheet-body .attacks-list .controls .chat {
- margin-right: 2px;
- font-size: 0.9em;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group {
- display: flex;
- gap: 0.25em;
- justify-content: start;
- min-width: 100%;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .flexrow,
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .flexrow,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .flexrow,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .flexrow,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section {
- gap: 2px;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section {
- align-items: start;
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section h4,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section h4,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section h4,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section h4 {
- margin-left: var(--font-size-12);
- margin-right: var(--font-size-12);
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button {
- align-items: center;
- display: flex;
- border-radius: 3px;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- color: var(--color-text-light-0);
- cursor: pointer;
- font-size: var(--font-size-11);
- height: var(--font-size-18);
- justify-content: center;
- line-height: var(--font-size-18);
- margin: 0;
- padding: 0 8px;
- white-space: nowrap;
- width: auto;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:first-child,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:first-child,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:first-child,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:first-child {
- margin-left: 0px;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:hover,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:hover,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:hover,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px var(--color-text-light-0);
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .attack-button,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .attack-button,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .attack-button,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .attack-button {
- background-color: var(--secondary);
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .damage-button,
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group .critical-button,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .damage-button,
- .actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .critical-button,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .damage-button,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .critical-button,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .damage-button,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .critical-button {
- background-color: var(--primary);
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action > .item-summary,
- .actor.npc.sheet form .sheet-body .actions-list li.attack > .item-summary,
- .actor.npc.sheet form .sheet-body .attacks-list li.action > .item-summary,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack > .item-summary {
- flex-basis: 100%;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.attack,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- display: flex;
- flex-direction: row;
- justify-content: start;
- gap: 0.25rem;
- padding: 0.25rem 0;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.attack:last-child,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack:last-child {
- border-bottom: none;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.attack > h4,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- font-size: 0.9rem;
- font-weight: 500;
- gap: 2px;
- margin: 0 4px 0 0;
- white-space: nowrap;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.attack > h4 > span,
- .actor.npc.sheet form .sheet-body .actions-list li.attack > h4 > a,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 > span,
- .actor.npc.sheet form .sheet-body .attacks-list li.attack > h4 > a {
- display: flex;
- gap: 3px;
- line-height: 1.125rem;
- margin-right: 4px;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action,
- .actor.npc.sheet form .sheet-body .attacks-list li.action {
- display: flex;
- gap: 0.25rem;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action:not(:last-child),
- .actor.npc.sheet form .sheet-body .attacks-list li.action:not(:last-child) {
- border-bottom: 1px solid var(--color-border-light-tertiary);
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action > h4,
- .actor.npc.sheet form .sheet-body .attacks-list li.action > h4 {
- align-items: center;
- display: flex;
- gap: 0.25rem;
- flex: auto;
- font-size: 0.9rem;
- margin: 0;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action > h4 > a,
- .actor.npc.sheet form .sheet-body .attacks-list li.action > h4 > a {
- align-items: center;
- display: flex;
- gap: 2px;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .button-group > button.use-action,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .button-group > button.use-action {
- color: var(--color-text-light-0);
- background-color: var(--secondary);
- margin-right: 0.5rem;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .action-traits,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .action-traits {
- margin-left: var(--font-size-12);
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .tracking,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking {
- flex: 0;
- align-items: center;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-left: auto;
- margin-right: var(--font-size-16);
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .tracking input,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking input {
- background: none;
- border: 0;
- flex: 0 1 4rem;
- flex: 1;
- font-family: inherit;
- font-size: 0.9rem;
- height: auto;
- padding: 0 3px;
- text-align: center;
- width: 0;
- }
- .actor.npc.sheet form .sheet-body .actions-list li.action .tracking span,
- .actor.npc.sheet form .sheet-body .attacks-list li.action .tracking span {
- white-space: nowrap;
- }
- .actor.npc.sheet form input.adjustable:not(:focus),
- .actor.npc.sheet form span.adjustable,
- .actor.npc.sheet form div.adjustable {
- display: inline;
- text-align: right;
- }
- .actor.npc.sheet form input.adjustable:not(:focus).adjusted-higher,
- .actor.npc.sheet form span.adjustable.adjusted-higher,
- .actor.npc.sheet form div.adjustable.adjusted-higher {
- color: #009988;
- }
- .actor.npc.sheet form input.adjustable:not(:focus).adjusted-lower,
- .actor.npc.sheet form span.adjustable.adjusted-lower,
- .actor.npc.sheet form div.adjustable.adjusted-lower {
- color: #cc3311;
- }
- .actor.npc.sheet form .empty {
- border-color: var(--color-text-dark-inactive);
- color: var(--color-text-dark-inactive);
- }
- .actor.npc.sheet form a.empty:hover, .actor.npc.sheet form a.empty:active {
- border-color: #7a7971;
- color: var(--text-dark);
- }
- .actor.npc.sheet form .trait {
- flex: auto 0 0;
- padding: 0.25rem;
- background: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: var(--color-text-trait);
- font-size: 0.9em;
- font-weight: 500;
- text-transform: uppercase;
- }
- .actor.npc.sheet form .effects-list {
- display: flex;
- flex-flow: row wrap;
- flex: 1 0 auto;
- width: 100%;
- }
- .actor.npc.sheet form .effects-list .separator {
- border-left: 2px solid var(--color-rarity-common);
- flex: 0 0 1px;
- height: 2rem;
- margin-right: 0.25rem;
- }
- .actor.npc.sheet form .effects-list > .effect {
- display: flex;
- flex: 0 0 2rem;
- height: 2rem;
- margin-right: 0.25rem;
- margin-bottom: 0.25rem;
- border-bottom: none !important;
- }
- .actor.npc.sheet form .effects-list > .effect .item-image {
- background-size: cover;
- border: 1px solid var(--color-rarity-common);
- border-bottom: 1px solid var(--color-rarity-common);
- border-radius: 3px;
- width: 2rem;
- }
- .actor.npc.sheet form .effects-list > .effect .item-image:hover {
- border: 1px solid var(--text-light);
- border-radius: 3px;
- }
- .actor.npc.sheet form .actions-options .actions-option {
- display: flex;
- align-items: center;
- width: 100%;
- }
- .actor.npc.sheet form .actions-options .actions-option label {
- width: 100%;
- }
- .actor.npc.sheet form .actions-options .actions-option label * {
- vertical-align: middle;
- }
- .actor.npc.sheet form .actions-options .actions-option label input {
- margin: 0;
- padding: 0;
- }
- .actor.npc.sheet form .actions-options .actions-option select {
- background: none;
- margin-left: 0.25em;
- text-transform: none;
- }
- .actor.npc.sheet form .actions-list {
- display: flex;
- flex-direction: column;
- gap: 0.25rem;
- padding: 0.1rem 0.25rem;
- }
- .actor.npc.sheet form .actions-list .action {
- width: 100%;
- }
- .actor.npc.sheet form .labelled-field {
- display: flex;
- flex-direction: row;
- align-items: baseline;
- }
- .actor.npc.sheet form .labelled-field label,
- .actor.npc.sheet form .labelled-field .rollable {
- flex: 1;
- font-weight: 600;
- }
- .actor.npc.sheet form .labelled-field input[type=text],
- .actor.npc.sheet form .labelled-field input[type=number] {
- flex: 0;
- font-weight: normal;
- margin: 1px 0.25rem;
- margin-left: auto;
- min-width: 2.5em;
- padding-right: 1px;
- text-align: right;
- }
- .actor.npc.sheet form .labelled-field.hp-temp > label {
- margin-right: 0.5em;
- }
- .actor.npc.sheet form .top-sections {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .actor.npc.sheet form .top-sections .skills {
- flex: 3;
- align-self: stretch;
- }
- .actor.npc.sheet form .top-sections .senses {
- flex: 2;
- }
- .actor.npc.sheet form .top-sections .senses .perception {
- width: 100%;
- }
- .actor.npc.sheet form .top-sections .senses .perception label {
- flex-basis: 5em;
- }
- .actor.npc.sheet form .top-sections .senses .perception input {
- flex: 0 0 1.5rem;
- z-index: 1;
- }
- .actor.npc.sheet form .top-sections .ability-scores {
- flex: 2;
- flex-direction: column;
- }
- .actor.npc.sheet form .top-sections .ability-scores .list {
- display: grid;
- padding-left: 0.75em;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- }
- .actor.npc.sheet form .top-sections .ability-scores .list input {
- flex: 0 0 1.5rem;
- margin-right: 1em;
- z-index: 1;
- }
- .actor.npc.sheet form .section-container {
- padding: 0.25rem 0.25rem 0 0;
- }
- .actor.npc.sheet form .section-container .section-body {
- padding: 0.25rem;
- }
- .actor.npc.sheet form .section-container.headerless .section-body {
- border-radius: 3px;
- }
- .actor.npc.sheet form .section-container.skills > .section-body .list {
- display: flex;
- flex-flow: row wrap;
- }
- .actor.npc.sheet form .section-container.recall-knowledge .section-header {
- align-items: center;
- }
- .actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown {
- background: var(--secondary);
- border-radius: 3px;
- border: none;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- color: var(--text-light);
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-9);
- line-height: var(--font-size-15);
- padding: 2px 0.25rem 0;
- text-transform: uppercase;
- width: auto;
- }
- .actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .actor.npc.sheet form .section-container.languages {
- flex: 1;
- }
- .actor.npc.sheet form select {
- flex: auto 0 0;
- padding: 0.25rem;
- height: auto;
- font-weight: 500;
- }
- .actor.npc.sheet form select option {
- color: var(--text-light);
- background-color: var(--alt);
- }
- .actor.npc.sheet form .adjustments {
- align-items: center;
- display: flex;
- justify-content: end;
- }
- .actor.npc.sheet form .adjustments .adjustment.active {
- background-color: var(--primary);
- color: var(--text-light);
- }
- .actor.npc.sheet form .adjustments .adjustment:not(.active) {
- background-color: var(--color-disabled);
- color: var(--color-text-trait);
- }
- .actor.npc.sheet form .npc-body {
- padding-left: 5px;
- display: flex;
- flex: auto;
- flex-direction: column;
- height: 100%;
- width: 100%;
- overflow-y: hidden;
- }
- .actor.npc.sheet form .notes.active {
- display: flex;
- flex-direction: column;
- font-size: var(--font-size-14);
- gap: 0.5rem;
- padding-bottom: 0.5rem;
- padding-right: 0.75rem;
- }
- .actor.npc.sheet form .notes.active .notes-section {
- display: flex;
- flex-direction: column;
- }
- .actor.npc.sheet form .notes.active .notes-section > h4 {
- color: var(--primary);
- font: 700 var(--font-size-12)/1em var(--sans-serif);
- margin: 0 2px 0 0;
- padding: 0.25rem;
- text-transform: uppercase;
- white-space: nowrap;
- }
- .actor.npc.sheet form .notes.active .notes-section > .notes-text {
- padding: 0 0.25rem 0.25rem;
- color: var(--text-dark);
- flex-grow: 1;
- }
- .actor.npc.sheet form .notes.active .notes-section > .notes-text .editor {
- height: 100%;
- }
- .actor.npc.sheet form .notes.active .notes-section > .notes-text .editor .editor-content {
- min-height: 75px;
- }
- .actor.npc.sheet form .notes.active .notes-section > .notes-text .editor .editor-edit {
- background: var(--primary);
- color: var(--text-light);
- }
- .actor.npc.sheet form .notes.active .notes-section > .notes-text .editor a.editor-edit {
- padding: 2px 2px 2px 0.25rem;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication {
- margin-top: auto;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text {
- align-items: baseline;
- gap: 0.25em;
- display: grid;
- grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text label {
- font-weight: 500;
- min-width: unset;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text input[type=text] {
- height: 1.6rem;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .title {
- grid-area: title;
- margin-right: 0;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .authors {
- grid-area: authors;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .license {
- grid-area: license;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .license select {
- margin-top: 1px;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .remaster {
- grid-area: remaster;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .license,
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .remaster {
- text-align: center;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .license label,
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text .remaster label {
- padding: 0;
- }
- .actor.npc.sheet form .notes.active .notes-section.publication .notes-text input[type=text] {
- background: rgba(0, 0, 0, 0.05);
- padding: 1px 3px;
- }
- .actor.npc.sheet form .notes.active .tox {
- min-height: 20em;
- }
- .actor.npc.sheet form.dead .profile {
- background-size: cover;
- background-color: #dbd9cd;
- box-sizing: border-box;
- border: 1px solid black;
- border-radius: 2px;
- }
- .actor.npc.sheet form.dead .profile > img {
- border: none;
- width: 100%;
- opacity: 0.33;
- }
- .actor.npc.sheet form.dead h2.name {
- margin-top: 3px;
- text-align: center;
- border-bottom: none;
- }
- .actor.npc.sheet form.simple .sheet-body {
- overflow-y: auto;
- }
- .actor.npc.sheet.simple {
- min-height: 500px;
- }
- .sheet.actor.loot form {
- display: flex;
- flex-direction: row;
- height: 100%;
- }
- .sheet.actor.loot form section.sidebar {
- display: flex;
- flex-direction: column;
- width: 200px;
- height: 100%;
- border-right: 1px solid var(--color-text-light-7);
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- }
- .sheet.actor.loot form section.sidebar > * {
- flex: 0;
- }
- .sheet.actor.loot form section.sidebar .image-container {
- display: flex;
- }
- .sheet.actor.loot form section.sidebar .image-container > img.actor-image {
- flex: none;
- border: none;
- border-bottom: 1px solid var(--color-text-light-7);
- }
- .sheet.actor.loot form section.sidebar .image-container [data-action=show-image] {
- bottom: 3px;
- right: 2px;
- }
- .sheet.actor.loot form section.sidebar .gm-settings {
- border-bottom: 1px solid var(--color-text-light-7);
- display: flex;
- flex-direction: column;
- padding: 0.25rem;
- }
- .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution {
- display: flex;
- flex-direction: column;
- gap: 2px;
- }
- .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button {
- background-color: var(--tertiary);
- }
- .sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button:not(:hover) {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- }
- .sheet.actor.loot form section.sidebar .gm-settings label {
- font-weight: 500;
- }
- .sheet.actor.loot form section.sidebar .sidebar-meta {
- border-top: 1px solid var(--color-text-light-7);
- }
- .sheet.actor.loot form section.sidebar .hidden-when-empty,
- .sheet.actor.loot form section.sidebar .bulk {
- align-self: end;
- }
- .sheet.actor.loot form section.sidebar .bulk {
- line-height: 1.5em;
- margin-right: 8px;
- }
- .sheet.actor.loot form section.sidebar > .editor,
- .sheet.actor.loot form section.sidebar .description {
- flex-basis: auto;
- min-height: 40px;
- flex: 1;
- }
- .sheet.actor.loot form section.sidebar > .editor > .tox-tinymce .tox-edit-area {
- min-height: 120px;
- }
- .sheet.actor.loot form section.sidebar .description,
- .sheet.actor.loot form section.sidebar .editor-content {
- padding: 0.25rem;
- overflow: hidden scroll;
- }
- .sheet.actor.loot form .sheet-header {
- display: flex;
- flex-direction: row;
- align-items: center;
- gap: 0.2rem;
- padding-top: 0.25rem;
- border-bottom: 1px solid var(--color-text-light-7);
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- }
- .sheet.actor.loot form .sheet-header h1 {
- margin: 0;
- border: none;
- flex: 1;
- padding-left: 0.5rem;
- }
- .sheet.actor.loot form .sheet-header h1 > input {
- height: 40px;
- width: 100%;
- margin: 2px;
- border: none;
- }
- .sheet.actor.loot form .sheet-header h1,
- .sheet.actor.loot form .sheet-header input {
- font-family: var(--serif-condensed);
- font-size: var(--font-size-36);
- font-weight: 700;
- }
- .sheet.actor.loot form .sheet-header .sheet-type i {
- padding: 0 0.25rem 0 0.5rem;
- font-size: var(--font-size-16);
- }
- .sheet.actor.loot form .sheet-header .tags {
- align-items: center;
- display: flex;
- flex: 0 0 auto;
- margin-left: auto;
- margin-right: 0.5em;
- }
- .sheet.actor.loot form .sheet-header .tags .tag {
- color: var(--text-light);
- font-size: var(--font-size-16);
- height: unset;
- padding: 0.1em 0.4em;
- }
- .sheet.actor.loot form .sheet-header .tags .tag option {
- background-color: #5e0000;
- color: inherit;
- font-size: inherit;
- }
- .sheet.actor.loot form .sheet-header .currency {
- margin-bottom: 8px;
- }
- .sheet.actor.loot form .sheet-body {
- padding: 0.5rem;
- }
- .sheet.actor.loot form section.content {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
- .sheet.actor.loot form section.content .inventory {
- overflow: hidden;
- }
- .sheet.actor.loot form section.content .inventory .inventory-list {
- --border-color: var(--secondary-background);
- margin-bottom: 2px;
- }
- .sheet.actor.loot form section.content .inventory .inventory-list > header {
- background: var(--primary-background);
- color: var(--text-light);
- }
- .sheet.actor.loot form section.content .inventory .inventory-list .item-controls {
- flex: 0 0 4rem;
- }
- .sheet.actor.loot form section.content .inventory .inventory-list .item-controls a.item-toggle-equip {
- display: none;
- }
- .loot-actor-popup {
- flex: unset;
- }
- .loot-actor-popup .confirm-button {
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- width: calc(100% - 6px);
- height: 2.5em;
- margin-top: 1em;
- background-color: var(--tertiary);
- }
- .loot-actor-popup .checkboxes label {
- display: block;
- padding-right: 10px;
- padding-left: 22px;
- text-indent: -22px;
- }
- .loot-actor-popup .checkboxes input {
- vertical-align: middle;
- }
- .loot-actor-popup .checkboxes label span {
- vertical-align: middle;
- }
- .sheet.party {
- --color-border: rgba(0, 0, 0, 0.28);
- /** White background navigation with little decorations on the left and right */
- }
- .sheet.party form {
- display: flex;
- flex-direction: column;
- height: 100%;
- background: url("../assets/sheet/background.webp");
- background-repeat: no-repeat;
- background-size: cover;
- background-attachment: local;
- }
- .sheet.party form > header {
- background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- background-color: #2f9d50;
- background-blend-mode: multiply;
- color: var(--text-light);
- width: 100%;
- font-family: var(--sans-serif);
- text-transform: uppercase;
- font-weight: 600;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 0.75rem;
- gap: 8px;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
- }
- .sheet.party form > header .frame-container {
- flex: 0 0 60px;
- padding: 4px;
- margin: 0.75rem 0;
- }
- .sheet.party form > header .frame-container .frame {
- position: relative;
- width: 2.5rem;
- height: 2.5rem;
- }
- .sheet.party form > header .frame-container .player-image {
- object-fit: cover;
- object-position: top;
- border: none;
- border-radius: 0;
- width: 100%;
- cursor: pointer;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .sheet.party form > header input[type=text],
- .sheet.party form > header input[type=number] {
- color: var(--text-light);
- border: none;
- border-bottom: 1px solid transparent;
- }
- .sheet.party form > header input[type=text]:not(:disabled):hover, .sheet.party form > header input[type=text]:focus,
- .sheet.party form > header input[type=number]:not(:disabled):hover,
- .sheet.party form > header input[type=number]:focus {
- border: none;
- border-bottom: 1px solid var(--text-light);
- box-shadow: none;
- }
- .sheet.party form > header .details {
- margin: 4px 0;
- flex: 1;
- }
- .sheet.party form > header .details {
- display: grid;
- grid: "name type" 1fr "name visibility" auto/1fr auto;
- align-items: center;
- gap: 0 0.5rem;
- font-family: var(--serif-condensed);
- font-size: var(--font-size-28);
- font-weight: 700;
- }
- .sheet.party form > header .details .name {
- grid-area: name;
- flex: 1;
- font-size: var(--font-size-32);
- }
- .sheet.party form > header .details .actor-type {
- grid-area: type;
- text-align: end;
- }
- .sheet.party form > header .details .visibility {
- grid-area: visibility;
- font-size: var(--font-size-14);
- opacity: 0.8;
- }
- .sheet.party form > header .details .visibility i {
- font-size: 0.9em;
- margin-right: 0.125rem;
- }
- .sheet.party nav.sheet-navigation {
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- align-items: center;
- border-bottom: 1px solid rgba(255, 255, 255, 0.5);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
- display: inline-flex;
- height: 1.25rem;
- justify-content: center;
- position: relative;
- transition: all 0.1s ease-out;
- }
- .sheet.party nav.sheet-navigation .panel-title {
- color: var(--text-light);
- margin-right: auto;
- padding-left: 1em;
- white-space: nowrap;
- width: 7em;
- }
- .sheet.party nav.sheet-navigation > a {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 0 6px;
- font-size: var(--font-size-12);
- }
- .sheet.party nav.sheet-navigation .item {
- height: 1.5rem;
- width: 1.5rem;
- border-radius: 50%;
- z-index: 1;
- transition: all 0.1s ease-out;
- color: var(--tertiary);
- fill: var(--tertiary);
- background-image: url("../assets/sheet/nav-item-inactive.webp");
- background-size: contain;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
- }
- .sheet.party nav.sheet-navigation .item.active {
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
- }
- .sheet.party nav.sheet-navigation .item:last-child {
- margin-right: 10px;
- }
- .sheet.party nav.sheet-navigation .item:hover, .sheet.party nav.sheet-navigation .item.active {
- z-index: 2;
- transform: scale(1.2);
- color: var(--text-light);
- fill: var(--text-light);
- background-image: url("../assets/sheet/nav-item.webp");
- }
- .sheet.party nav.sheet-navigation .item i.fa-solid {
- padding-bottom: 0;
- }
- .sheet.party nav.sheet-navigation .item:hover .pfs-icon {
- filter: drop-shadow(0 0 8px var(--color-shadow-primary));
- }
- .sheet.party nav.sheet-navigation .item .action-glyph {
- font-size: 1rem;
- }
- .sheet.party nav.sub-nav {
- margin: 0;
- padding: 0;
- align-items: center;
- background-color: var(--bg);
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
- display: flex;
- flex-wrap: nowrap;
- flex: 0 0 2.5rem;
- justify-content: center;
- list-style: none;
- width: 100%;
- }
- .sheet.party nav.sub-nav::before, .sheet.party nav.sub-nav::after {
- content: "";
- width: 37px;
- height: 16px;
- background: url("../assets/sheet/sub-nav-decoration.webp");
- margin: 0 16px;
- }
- .sheet.party nav.sub-nav::after {
- transform: scaleX(-100%);
- }
- .sheet.party nav.sub-nav a,
- .sheet.party nav.sub-nav .tab {
- border-left: 1px solid rgba(255, 255, 255, 0.3);
- border-right: 1px solid rgba(0, 0, 0, 0.2);
- color: var(--alt);
- cursor: pointer;
- display: block;
- font: 400 var(--font-size-16) var(--serif);
- flex: 1;
- margin: 0 0.25rem;
- max-width: 30%;
- text-align: center;
- text-decoration: none;
- transition: all 0.1s ease-out;
- }
- .sheet.party nav.sub-nav a.active,
- .sheet.party nav.sub-nav .tab.active {
- color: var(--primary);
- font-weight: 600;
- }
- .sheet.party nav.sub-nav a:first-child,
- .sheet.party nav.sub-nav .tab:first-child {
- border-left: none;
- }
- .sheet.party nav.sub-nav a:last-child,
- .sheet.party nav.sub-nav .tab:last-child {
- border-right: none;
- }
- .sheet.party nav.sub-nav a:hover,
- .sheet.party nav.sub-nav .tab:hover {
- text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
- }
- .sheet.party .tab nav.sub-nav {
- padding-right: 1.25rem;
- }
- .sheet.party .actor-link {
- cursor: pointer;
- }
- .sheet.party .readonly {
- pointer-events: none;
- }
- .sheet.party .readonly a,
- .sheet.party .readonly button {
- pointer-events: none;
- }
- .sheet.party .container {
- height: 100%;
- overflow: hidden;
- }
- .sheet.party .content {
- overflow: hidden scroll;
- flex: 1;
- }
- .sheet.party .tab.active {
- display: flex;
- height: 100%;
- }
- .sheet.party .item-list.directory-list {
- gap: 0.2em;
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- width: 100%;
- }
- .sheet.party .item-list.directory-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .sheet.party .item-list.directory-list .item p:empty {
- display: none;
- }
- .sheet.party .item-list.directory-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .sheet.party .item-list.directory-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .sheet.party .item-list.directory-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .sheet.party .item-list.directory-list .item .item-controls {
- display: flex;
- flex: 0;
- font-size: var(--font-size-12);
- gap: 1px;
- white-space: nowrap;
- }
- .sheet.party .item-list.directory-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .sheet.party .item-list.directory-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .sheet.party .item-list.directory-list .item .item-summary {
- flex-basis: 100%;
- }
- .sheet.party .item-list.directory-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .sheet.party .item-list.directory-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .sheet.party .item-list.directory-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: var(--text-light);
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .sheet.party .item-list.directory-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .sheet.party .item-list.directory-list .item {
- margin: 2px 0;
- border: solid transparent;
- border-width: 0 0 1px;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- }
- .sheet.party .item-list.directory-list .item .item-summary {
- margin-top: 8px;
- }
- .sheet.party header.content-header {
- align-items: center;
- background-color: var(--sub);
- color: var(--text-light);
- display: flex;
- font-weight: 600;
- margin-bottom: 0.5rem;
- padding: 0 0.5rem;
- line-height: 2.375rem;
- }
- .sheet.party header.content-header .buttons {
- align-items: center;
- display: flex;
- margin-left: auto;
- }
- .sheet.party header.content-header button {
- background-color: var(--tertiary);
- border: 1px solid var(--alt-dark);
- border-radius: 0;
- color: var(--alt-dark);
- min-width: 2.375rem;
- height: 1.875rem;
- margin: 0;
- }
- .sheet.party header.content-header button + button {
- margin-left: -1px;
- }
- .sheet.party header.content-header button:hover {
- z-index: 1;
- }
- .sheet.party .sidebar {
- overflow: hidden scroll;
- border-right: 1px solid #888;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- display: flex;
- flex-direction: column;
- gap: 8px;
- height: 100%;
- padding: 0.5rem;
- width: 13.5rem;
- }
- .sheet.party .sidebar .box-list {
- margin: 0;
- padding: 0;
- display: flex;
- color: var(--alt-dark);
- flex-direction: column;
- font-family: var(--sans-serif);
- gap: 0.5rem;
- list-style-type: none;
- }
- .sheet.party .sidebar .box {
- border: 1px solid var(--color-border);
- box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
- font-family: var(--sans-serif);
- border-radius: 3px;
- font-size: var(--font-size-12);
- }
- .sheet.party .sidebar .box .summary-data > div {
- align-items: center;
- display: flex;
- margin: 0.5rem;
- }
- .sheet.party .sidebar .box .summary-data > div label {
- flex: 1;
- font-weight: 600;
- }
- .sheet.party .sidebar .box .actor-link img {
- border: none;
- width: 2rem;
- height: 2rem;
- object-fit: contain;
- }
- .sheet.party .sidebar .box .name {
- font-weight: 700;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .sheet.party .sidebar .box header,
- .sheet.party .sidebar .box footer {
- position: relative;
- margin: -1px;
- padding: 0 0.25rem;
- }
- .sheet.party .sidebar .box header {
- background-color: var(--sub);
- border-radius: 3px 3px 0 0;
- color: var(--text-light);
- font-weight: 700;
- height: 1.125rem;
- line-height: 1.125rem;
- }
- .sheet.party .sidebar .box footer {
- background-color: var(--bg-dark);
- border-radius: 0 0 3px 3px;
- border: 1px solid var(--color-border);
- border-top: none;
- color: var(--sub);
- font-weight: 500;
- height: 1rem;
- line-height: 1rem;
- }
- .sheet.party .tag-light {
- --tag-color: var(--color-proficiency-untrained);
- align-items: center;
- border-radius: 2px;
- border: 1px solid var(--tag-color);
- color: var(--tag-color);
- display: flex;
- font: 700 var(--font-size-13)/1.25rem var(--sans-serif);
- font-variant: all-small-caps;
- gap: 0.125rem;
- height: 1.25rem;
- margin: 0;
- padding: 0 0.25rem;
- white-space: nowrap;
- width: auto;
- }
- .sheet.party .tag-light .mod {
- font-weight: 500;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .content {
- align-items: center;
- display: flex;
- padding: 0.5rem;
- overflow: hidden;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .content img {
- grid-area: image;
- margin-right: 0.4rem;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .content .sub-data {
- display: flex;
- flex-direction: column;
- gap: 0.125rem;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box footer {
- align-items: center;
- display: flex;
- gap: 0.25rem;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box footer i {
- font-size: 0.8em;
- }
- .sheet.party [data-tab=inventory] .inventory-members .box .inventory-data {
- display: flex;
- gap: 0.25rem;
- padding: 2px 3px;
- font-size: var(--font-size-12);
- }
- .sheet.party [data-tab=inventory] .inventory {
- flex: 1;
- padding: 0.5rem 4px 0.5em 0.5em;
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .sheet.party [data-tab=inventory] .inventory .item-controls {
- max-width: 3.5rem;
- }
- .sheet.party [data-tab=overview] .content {
- padding-top: 0.5rem;
- padding-bottom: 0.25rem;
- }
- .sheet.party [data-tab=overview] .summary {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- display: flex;
- flex-direction: column;
- padding: 0.375rem 0.5rem;
- margin: 0.25rem 1rem 0.25rem 12px;
- }
- .sheet.party [data-tab=overview] .summary nav {
- color: var(--alt-dark);
- display: flex;
- gap: 0.25rem;
- line-height: 1.25em;
- margin-bottom: 0.375rem;
- align-items: center;
- }
- .sheet.party [data-tab=overview] .summary nav button {
- border: none;
- font-size: var(--font-size-14);
- font-weight: 500;
- padding: 0 0.5rem;
- white-space: nowrap;
- width: auto;
- }
- .sheet.party [data-tab=overview] .summary nav button.active {
- background: var(--secondary);
- color: var(--text-light);
- }
- .sheet.party [data-tab=overview] .summary nav label {
- margin-left: auto;
- margin-right: 0.25rem;
- }
- .sheet.party [data-tab=overview] .summary .tags,
- .sheet.party [data-tab=overview] .summary .skills {
- margin: 0;
- }
- .sheet.party [data-tab=overview] .skills {
- display: flex;
- flex-wrap: wrap;
- gap: 0.25rem;
- }
- .sheet.party [data-tab=overview] .skills .tag-light[data-rank="1"] {
- --tag-color: var(--color-proficiency-trained);
- }
- .sheet.party [data-tab=overview] .skills .tag-light[data-rank="2"] {
- --tag-color: var(--color-proficiency-expert);
- }
- .sheet.party [data-tab=overview] .skills .tag-light[data-rank="3"] {
- --tag-color: var(--color-proficiency-master);
- }
- .sheet.party [data-tab=overview] .skills .tag-light[data-rank="4"] {
- --tag-color: var(--color-proficiency-legendary);
- }
- .sheet.party [data-tab=overview] .skills .perception {
- color: var(--text-light);
- background-color: var(--tag-color);
- }
- .sheet.party [data-tab=overview] .member {
- display: flex;
- flex-direction: row;
- font-family: var(--sans-serif);
- padding: 0.5rem 1rem;
- position: relative;
- height: 7.375rem;
- }
- .sheet.party [data-tab=overview] .member:not(:last-child):after {
- content: "";
- background-color: rgba(68, 55, 48, 0.1);
- width: 100%;
- height: 1px;
- position: absolute;
- bottom: 0;
- }
- .sheet.party [data-tab=overview] .member > .portrait {
- margin-right: 8px;
- min-width: 5.5rem;
- position: relative;
- }
- .sheet.party [data-tab=overview] .member > .portrait img {
- position: absolute;
- border: none;
- height: 100%;
- width: 100%;
- object-fit: contain;
- }
- .sheet.party [data-tab=overview] .member > .portrait .health-bar {
- background-color: var(--sub);
- bottom: 0;
- color: var(--text-light);
- font-size: var(--font-size-12);
- font-weight: 500;
- height: 1.25rem;
- line-height: 1.25rem;
- position: absolute;
- width: 100%;
- }
- .sheet.party [data-tab=overview] .member > .portrait .health-bar .bar {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- background-color: var(--primary);
- box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
- }
- .sheet.party [data-tab=overview] .member > .portrait .health-bar .temp {
- background-color: var(--secondary);
- top: -0.25rem;
- height: 0.25rem;
- }
- .sheet.party [data-tab=overview] .member > .portrait .health-bar span {
- padding-left: 0.25rem;
- position: relative;
- }
- .sheet.party [data-tab=overview] .member > .data {
- width: 100%;
- }
- .sheet.party [data-tab=overview] .member > .data header {
- border-left: 1px solid #c9bfa9;
- display: grid;
- grid: "name hero-points" "blurb hero-points"/auto max-content;
- margin-bottom: 0.25rem;
- padding-left: 0.5rem;
- }
- .sheet.party [data-tab=overview] .member > .data header .name {
- align-items: center;
- display: flex;
- font: 600 var(--font-size-18)/1 var(--serif);
- grid-area: name;
- }
- .sheet.party [data-tab=overview] .member > .data header .name i {
- font-size: 0.8em;
- margin-left: 0.125rem;
- }
- .sheet.party [data-tab=overview] .member > .data header .blurb {
- align-items: center;
- color: var(--alt-dark);
- display: flex;
- font: 500 var(--font-size-14)/var(--font-size-14) var(--sans-serif);
- font-variant: all-small-caps;
- gap: 0.25rem;
- grid-area: blurb;
- position: relative;
- }
- .sheet.party [data-tab=overview] .member > .data header .blurb hr.vr {
- border: 1px solid var(--color-border);
- height: 0.5rem;
- position: relative;
- top: 1px;
- }
- .sheet.party [data-tab=overview] .member > .data header .hero-points {
- align-items: end;
- display: flex;
- gap: 3px;
- grid-area: hero-points;
- width: fit-content;
- }
- .sheet.party [data-tab=overview] .member > .data header .hero-points > * {
- width: 1.5rem;
- height: 1.5rem;
- }
- .sheet.party [data-tab=overview] .member > .data header .hero-points .empty {
- border: 2px dashed rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- }
- .sheet.party [data-tab=overview] .member > .data header .hero-points img {
- border: none;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats {
- display: flex;
- gap: 0.5rem;
- margin: 0.125rem 0 0.25rem 0;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats > section {
- border: 1px solid var(--color-border);
- border-radius: 2px;
- height: 2.625rem;
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex: 1 1 0;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .score {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: var(--font-size-18);
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .score label {
- font-size: var(--font-size-10);
- font-weight: 500;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .ac {
- border: none;
- position: relative;
- flex: 0 0 2.25rem;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .ac::before {
- content: " ";
- position: absolute;
- inset: 0;
- background: url("../assets/sheet/shield-clear.svg") no-repeat center center;
- background-size: contain;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .ac .value {
- color: var(--color-proficiency-trained);
- font-weight: 700;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws {
- flex: 0 0 9.5rem;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws .score {
- flex: 1;
- font-weight: 500;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .senses {
- align-items: center;
- flex: 1.4;
- overflow: hidden;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value {
- align-items: center;
- display: flex;
- font-size: var(--font-size-12);
- gap: 0.125rem;
- overflow-x: auto;
- max-width: 100%;
- padding: 0 0.5rem;
- padding-bottom: 7px;
- margin-bottom: -7px;
- }
- .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=imprecise],
- .sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=vague] {
- border-style: dashed;
- }
- .sheet.party [data-tab=exploration] .exploration-members .actor-link {
- display: flex;
- align-items: center;
- gap: 0.25rem;
- }
- .sheet.party [data-tab=exploration] .exploration-members .member .sub-data {
- display: flex;
- flex-direction: row;
- background-color: rgba(68, 55, 48, 0.1);
- font-size: var(--font-size-11);
- font-weight: 500;
- }
- .sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span {
- flex: 1;
- text-align: center;
- padding: 0.2rem;
- }
- .sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span:not(:last-child) {
- border-right: 1px solid rgba(68, 55, 48, 0.1);
- }
- .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar {
- background-color: var(--sub);
- color: var(--text-light);
- }
- .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar .bar {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- background-color: var(--primary);
- border-radius: 0 0 3px 3px;
- box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
- }
- .sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar span {
- position: relative;
- }
- .sheet.party [data-tab=exploration] .content {
- padding: 0.5rem;
- }
- .sheet.party [data-tab=exploration] .activities {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity {
- border-image-repeat: repeat;
- border-image-slice: 11;
- border-image-source: url("../assets/sheet/frame-elegant.svg");
- border-image-width: 14px;
- border-style: double;
- display: flex;
- align-items: center;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity img {
- object-fit: contain;
- border: none;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .actor-image {
- flex: 0 0 auto;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .actor-image img {
- width: 4rem;
- height: 4rem;
- margin: 0.375rem;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .actor-image img i {
- color: var(--text-dark);
- font-size: var(--font-size-30);
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries {
- display: flex;
- flex-direction: column;
- gap: 0.125rem;
- overflow: hidden;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity {
- align-items: center;
- display: flex;
- gap: 0 0.5rem;
- margin-left: 0.25rem;
- white-space: nowrap;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .name {
- font-weight: 500;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .tags {
- flex-wrap: nowrap;
- overflow: hidden;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single {
- align-items: start;
- flex-direction: column;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single .name {
- font-size: var(--font-size-16);
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .empty {
- align-items: center;
- cursor: pointer;
- display: flex;
- font-family: var(--serif);
- gap: 0.5rem;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .empty div {
- margin: 0;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .empty .icon {
- border: 1px dashed var(--color-border);
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: var(--font-size-14);
- height: 2.125rem;
- width: 2.125rem;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .empty .name {
- color: var(--primary-dark);
- font-size: var(--font-size-16);
- line-height: 1em;
- }
- .sheet.party [data-tab=exploration] .activities .member-activity .empty .hint {
- color: var(--alt-dark);
- line-height: 1em;
- }
- .sheet.party [data-tab=orphaned] .item-list {
- margin: 16px;
- }
- .sheet.kingdom {
- --paper-bg: rgba(221, 216, 200, 0.4);
- --drop-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
- --gold: #ffd700;
- --color-divider: rgba(68, 55, 48, 0.2);
- /** White background navigation with little decorations on the left and right */
- }
- .sheet.kingdom form {
- display: flex;
- flex-direction: column;
- height: 100%;
- background: url("../assets/sheet/background.webp");
- background-repeat: no-repeat;
- background-size: cover;
- background-attachment: local;
- }
- .sheet.kingdom form > header {
- background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- background-color: #66bc1a;
- background-blend-mode: multiply;
- color: var(--text-light);
- width: 100%;
- font-family: var(--sans-serif);
- font-weight: 600;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 0.75rem;
- gap: 0.75rem;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
- }
- .sheet.kingdom form > header .frame-container {
- padding: 4px;
- margin: 0.75rem 0;
- }
- .sheet.kingdom form > header .frame-container .frame {
- position: relative;
- width: 3.25rem;
- height: 3.25rem;
- }
- .sheet.kingdom form > header .frame-container .player-image {
- object-fit: cover;
- object-position: top;
- border: none;
- border-radius: 0;
- width: 3.25rem;
- height: 3.25rem;
- cursor: pointer;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .sheet.kingdom form > header .details {
- display: grid;
- grid-template: "title title title title level" auto "capital size rp fame level" auto/1fr auto auto auto auto;
- align-items: center;
- gap: 0 4px;
- font-size: var(--font-size-22);
- font-family: var(--serif-condensed);
- font-weight: 700;
- margin: 4px 0;
- flex: 1;
- }
- .sheet.kingdom form > header .details input[type=text],
- .sheet.kingdom form > header .details input[type=number] {
- color: var(--text-light);
- border: none;
- border-bottom: 1px solid transparent;
- padding: 0;
- height: unset;
- }
- .sheet.kingdom form > header .details input[type=text]:hover, .sheet.kingdom form > header .details input[type=text]:focus,
- .sheet.kingdom form > header .details input[type=number]:hover,
- .sheet.kingdom form > header .details input[type=number]:focus {
- border: none;
- border-bottom: 1px solid var(--text-light);
- box-shadow: none;
- }
- .sheet.kingdom form > header .details input[type=text]::placeholder,
- .sheet.kingdom form > header .details input[type=number]::placeholder {
- color: #bbb;
- opacity: 0.4;
- }
- .sheet.kingdom form > header .details .title {
- display: flex;
- grid-area: title;
- gap: 1rem;
- font-size: var(--font-size-30);
- }
- .sheet.kingdom form > header .details label {
- align-items: baseline;
- display: flex;
- gap: 0.5rem;
- white-space: nowrap;
- }
- .sheet.kingdom form > header .details label span {
- color: var(--gold);
- font-size: 0.8em;
- text-transform: uppercase;
- }
- .sheet.kingdom form > header .details .capital {
- grid-area: capital;
- }
- .sheet.kingdom form > header .details .size {
- grid-area: size;
- margin-left: 0.5rem;
- }
- .sheet.kingdom form > header .details .size input {
- width: 3ch;
- text-align: center;
- }
- .sheet.kingdom form > header .details .resource-points {
- grid-area: rp;
- margin-left: 1rem;
- }
- .sheet.kingdom form > header .details .resource-points input {
- width: 3ch;
- text-align: center;
- }
- .sheet.kingdom form > header .details .fame {
- align-items: center;
- display: flex;
- grid-area: fame;
- margin-left: 0.25rem;
- }
- .sheet.kingdom form > header .details .fame .pips {
- font-size: var(--font-size-12);
- }
- .sheet.kingdom form > header .details .level {
- grid-area: level;
- }
- .sheet.kingdom form > header section.level {
- display: flex;
- justify-content: flex-start;
- margin-left: 1rem;
- text-transform: uppercase;
- }
- .sheet.kingdom form > header section.level .level {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- height: 43px;
- width: 40px;
- background: url("../assets/sheet/level-badge.webp") no-repeat;
- background-size: 40px 43px;
- z-index: 2;
- font-size: 0;
- padding-top: 2px;
- }
- .sheet.kingdom form > header section.level .level label {
- color: var(--sidebar-label);
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- line-height: 1.5;
- }
- .sheet.kingdom form > header section.level .level input {
- font-family: var(--serif);
- font-size: var(--font-size-22);
- font-weight: 400;
- color: var(--text-light);
- line-height: calc(1em + 1px);
- height: 24px;
- }
- .sheet.kingdom form > header section.level .level label,
- .sheet.kingdom form > header section.level .level input {
- margin-left: 1px;
- text-align: center;
- }
- .sheet.kingdom form > header section.level .exp-data {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- position: relative;
- width: 6rem;
- }
- .sheet.kingdom form > header section.level .exp-data .exp-input {
- font-size: var(--font-size-13);
- height: 1.5em;
- margin-bottom: 0.5rem;
- }
- .sheet.kingdom form > header section.level .exp-data .exp-input input {
- color: var(--text-light);
- font-family: var(--sans-serif);
- text-align: right;
- width: 3em;
- }
- .sheet.kingdom form > header section.level .exp-data .exp-input .slash {
- color: var(--sidebar-label);
- }
- .sheet.kingdom form > header section.level .exp-data progress {
- background-color: unset;
- border: 1px solid rgba(255, 255, 255, 0.1);
- border-left: none;
- bottom: 7px;
- box-shadow: 0 0 2px var(--sidebar-label);
- height: 5px;
- left: -9px;
- position: relative;
- width: 100%;
- }
- .sheet.kingdom form > header section.level .exp-data progress::-moz-progress-bar {
- background: var(--sidebar-title);
- }
- .sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-bar {
- background: rgba(0, 0, 0, 0.2);
- }
- .sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-value {
- background: var(--sidebar-title);
- }
- .sheet.kingdom nav.sheet-navigation {
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- align-items: center;
- border-bottom: 1px solid rgba(255, 255, 255, 0.5);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
- display: inline-flex;
- height: 1.25rem;
- justify-content: center;
- position: relative;
- transition: all 0.1s ease-out;
- }
- .sheet.kingdom nav.sheet-navigation .panel-title {
- color: var(--text-light);
- margin-right: auto;
- padding-left: 1em;
- white-space: nowrap;
- width: 7em;
- }
- .sheet.kingdom nav.sheet-navigation > a {
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 0 6px;
- font-size: var(--font-size-12);
- }
- .sheet.kingdom nav.sheet-navigation .item {
- height: 1.5rem;
- width: 1.5rem;
- border-radius: 50%;
- z-index: 1;
- transition: all 0.1s ease-out;
- color: var(--tertiary);
- fill: var(--tertiary);
- background-image: url("../assets/sheet/nav-item-inactive.webp");
- background-size: contain;
- /* prettier-ignore */
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
- }
- .sheet.kingdom nav.sheet-navigation .item.active {
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
- }
- .sheet.kingdom nav.sheet-navigation .item:last-child {
- margin-right: 10px;
- }
- .sheet.kingdom nav.sheet-navigation .item:hover, .sheet.kingdom nav.sheet-navigation .item.active {
- z-index: 2;
- transform: scale(1.2);
- color: var(--text-light);
- fill: var(--text-light);
- background-image: url("../assets/sheet/nav-item.webp");
- }
- .sheet.kingdom nav.sheet-navigation .item i.fa-solid {
- padding-bottom: 0;
- }
- .sheet.kingdom nav.sheet-navigation .item:hover .pfs-icon {
- filter: drop-shadow(0 0 8px var(--color-shadow-primary));
- }
- .sheet.kingdom nav.sheet-navigation .item .action-glyph {
- font-size: 1rem;
- }
- .sheet.kingdom nav.sub-nav {
- margin: 0;
- padding: 0;
- align-items: center;
- background-color: var(--bg);
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
- display: flex;
- flex-wrap: nowrap;
- flex: 0 0 2.5rem;
- justify-content: center;
- list-style: none;
- width: 100%;
- }
- .sheet.kingdom nav.sub-nav::before, .sheet.kingdom nav.sub-nav::after {
- content: "";
- width: 37px;
- height: 16px;
- background: url("../assets/sheet/sub-nav-decoration.webp");
- margin: 0 16px;
- }
- .sheet.kingdom nav.sub-nav::after {
- transform: scaleX(-100%);
- }
- .sheet.kingdom nav.sub-nav a,
- .sheet.kingdom nav.sub-nav .tab {
- border-left: 1px solid rgba(255, 255, 255, 0.3);
- border-right: 1px solid rgba(0, 0, 0, 0.2);
- color: var(--alt);
- cursor: pointer;
- display: block;
- font: 400 var(--font-size-16) var(--serif);
- flex: 1;
- margin: 0 0.25rem;
- max-width: 30%;
- text-align: center;
- text-decoration: none;
- transition: all 0.1s ease-out;
- }
- .sheet.kingdom nav.sub-nav a.active,
- .sheet.kingdom nav.sub-nav .tab.active {
- color: var(--primary);
- font-weight: 600;
- }
- .sheet.kingdom nav.sub-nav a:first-child,
- .sheet.kingdom nav.sub-nav .tab:first-child {
- border-left: none;
- }
- .sheet.kingdom nav.sub-nav a:last-child,
- .sheet.kingdom nav.sub-nav .tab:last-child {
- border-right: none;
- }
- .sheet.kingdom nav.sub-nav a:hover,
- .sheet.kingdom nav.sub-nav .tab:hover {
- text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
- }
- .sheet.kingdom .tab nav.sub-nav {
- padding-right: 1.25rem;
- }
- .sheet.kingdom .container {
- height: 100%;
- overflow: hidden;
- }
- .sheet.kingdom input.adjusted-higher {
- color: #009988;
- }
- .sheet.kingdom input.adjusted-lower {
- color: #cc3311;
- }
- .sheet.kingdom .content {
- overflow: hidden scroll;
- flex: 1;
- }
- .sheet.kingdom .tab.active {
- display: flex;
- height: 100%;
- }
- .sheet.kingdom .drag-gap {
- visibility: hidden;
- }
- .sheet.kingdom .sidebar {
- overflow: hidden scroll;
- border-right: 1px solid #888;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
- display: flex;
- flex-direction: column;
- gap: 8px;
- height: 100%;
- padding: 0.5rem;
- width: 13.5rem;
- }
- .sheet.kingdom .sidebar .box {
- border: 1px solid rgba(0, 0, 0, 0.28);
- filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
- font-family: var(--sans-serif);
- border-radius: 3px;
- font-size: var(--font-size-12);
- }
- .sheet.kingdom .sidebar .box header,
- .sheet.kingdom .sidebar .box footer {
- margin: -1px;
- padding: 0.25rem;
- }
- .sheet.kingdom .sidebar .box header {
- background-color: var(--sub);
- border-radius: 3px 3px 0 0;
- color: var(--text-light);
- font-weight: 700;
- }
- .sheet.kingdom .sidebar .box footer {
- background-color: var(--bg-dark);
- border-radius: 0 0 3px 3px;
- color: var(--sub);
- border: 1px solid rgba(0, 0, 0, 0.28);
- border-top: none;
- }
- .sheet.kingdom .tag-light {
- --tag-color: var(--color-proficiency-untrained);
- border: 1px solid var(--tag-color);
- border-radius: 2px;
- color: var(--tag-color);
- padding: 0 4px 0.1em 4px;
- height: 1.25rem;
- white-space: nowrap;
- font-size: var(--font-size-13);
- font-variant: all-small-caps;
- font-weight: 500;
- display: flex;
- align-items: center;
- }
- .sheet.kingdom .directory-list {
- padding: 0;
- margin: 0;
- }
- .sheet.kingdom .directory-list h4 {
- padding: 0;
- margin: 0;
- }
- .sheet.kingdom .directory-list h4 > a:hover {
- color: var(--color-pf-primary);
- text-shadow: 0 0 3px var(--tertiary);
- }
- .sheet.kingdom .effects .directory-list {
- gap: 0.2em;
- display: flex;
- flex-direction: column;
- width: 100%;
- }
- .sheet.kingdom .effects .directory-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .sheet.kingdom .effects .directory-list .item p:empty {
- display: none;
- }
- .sheet.kingdom .effects .directory-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .sheet.kingdom .effects .directory-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .sheet.kingdom .effects .directory-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .sheet.kingdom .effects .directory-list .item .item-controls {
- display: flex;
- flex: 0;
- font-size: var(--font-size-12);
- gap: 1px;
- white-space: nowrap;
- }
- .sheet.kingdom .effects .directory-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .sheet.kingdom .effects .directory-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .sheet.kingdom .effects .directory-list .item .item-summary {
- flex-basis: 100%;
- }
- .sheet.kingdom .effects .directory-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .sheet.kingdom .effects .directory-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .sheet.kingdom .effects .directory-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: var(--text-light);
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .sheet.kingdom .effects .directory-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .sheet.kingdom .effects .directory-list .item {
- margin: 2px 0;
- border: solid transparent;
- border-width: 0 0 1px;
- border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
- }
- .sheet.kingdom .effects .directory-list .item .item-summary {
- margin-top: 8px;
- }
- .sheet.kingdom section.major > header {
- border-bottom: 1px solid var(--color-border-divider);
- color: var(--primary);
- font: 600 var(--font-size-16)/1 var(--serif);
- position: relative;
- margin: 0.75rem 0 0.5rem 0;
- }
- .sheet.kingdom section.major > header > button, .sheet.kingdom section.major > header > .controls {
- position: absolute;
- bottom: -1px;
- right: 0;
- }
- .sheet.kingdom section.major > header .controls {
- display: flex;
- }
- .sheet.kingdom section.major > header button {
- background: transparent;
- border-radius: 2px 2px 0 0;
- border: 1px solid var(--color-border-divider);
- color: var(--primary);
- cursor: pointer;
- font: 500 var(--font-size-12)/1 var(--sans-serif);
- height: 20px;
- margin: 0;
- outline: none;
- text-transform: uppercase;
- width: auto;
- }
- .sheet.kingdom button.small-button,
- .sheet.kingdom select.proficiency,
- .sheet.kingdom span.proficiency {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- align-items: center;
- background: var(--color-proficiency-untrained);
- border: 1px solid rgba(0, 0, 0, 0.5);
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
- color: var(--text-light);
- display: flex;
- font-weight: 500;
- height: unset;
- justify-content: center;
- line-height: unset;
- padding: 1px 2px 1px 2px;
- }
- .sheet.kingdom .proficiency {
- text-align-last: center;
- appearance: none;
- }
- .sheet.kingdom .proficiency.readonly {
- pointer-events: none;
- }
- .sheet.kingdom .proficiency option[value="0"] {
- background: var(--color-proficiency-untrained);
- }
- .sheet.kingdom .proficiency[data-rank="1"],
- .sheet.kingdom .proficiency option[value="1"] {
- background: var(--color-proficiency-trained);
- }
- .sheet.kingdom .proficiency[data-rank="2"],
- .sheet.kingdom .proficiency option[value="2"] {
- background: var(--color-proficiency-expert);
- }
- .sheet.kingdom .proficiency[data-rank="3"],
- .sheet.kingdom .proficiency option[value="3"] {
- background: var(--color-proficiency-master);
- }
- .sheet.kingdom .proficiency[data-rank="4"],
- .sheet.kingdom .proficiency option[value="4"] {
- background: var(--color-proficiency-legendary);
- }
- .sheet.kingdom select.proficiency {
- cursor: pointer;
- }
- .sheet.kingdom .tab.active[data-tab=main] {
- overflow: hidden scroll;
- flex-direction: column;
- }
- .sheet.kingdom .tab.active[data-tab=main] input[type=text],
- .sheet.kingdom .tab.active[data-tab=main] input[type=number] {
- border: none;
- }
- .sheet.kingdom .tab.active[data-tab=main] .content {
- display: grid;
- grid-template: "leaders resources" 1fr "leaders abilities" min-content/0.9fr 1fr;
- width: 100%;
- gap: 0 1rem;
- padding: 0.5rem;
- flex: 0 0 auto;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders {
- grid-area: leaders;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader {
- display: grid;
- grid-template-areas: "img name" "img label";
- grid-template-columns: auto 1fr;
- grid-template-rows: 1fr auto;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader:not(:last-child) {
- margin-bottom: 0.375rem;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image {
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
- grid-area: img;
- width: 2.75rem;
- height: 2.75rem;
- z-index: 1;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image img {
- border: none;
- width: 100%;
- height: 100%;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .name {
- grid-area: name;
- background: rgba(0, 0, 0, 0.025);
- padding: 0 8px;
- border: 0;
- height: auto;
- line-height: 1.5em;
- height: 1.5em;
- align-self: end;
- display: flex;
- justify-content: space-between;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details {
- grid-area: label;
- align-self: flex-end;
- align-items: center;
- display: flex;
- justify-content: space-between;
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- font-size: var(--font-size-12);
- padding: 0 8px;
- position: relative;
- margin-bottom: 1px;
- height: 1.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details .role {
- font-variant: small-caps;
- font-weight: 500;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested,
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant {
- font-size: var(--font-size-12);
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested input,
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant input {
- margin: 0;
- width: 1em;
- height: 1em;
- }
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested i,
- .sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant i {
- font-size: 1.2em;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources {
- grid-area: resources;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources input[type=number] {
- width: 3ch;
- text-align: center;
- padding-left: 0;
- padding-right: 0;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data {
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- display: grid;
- grid-template: "resource resource" min-content "commodities stats" 1fr/auto 1fr;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .resource-dice {
- grid-area: resource;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .commodities {
- grid-area: commodities;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .stats {
- grid-area: stats;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice {
- align-items: center;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- display: flex;
- gap: 0.25rem;
- padding: 0 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice .rollable {
- flex: 1;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice input {
- width: 2ch;
- text-align: center;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities,
- .sheet.kingdom .tab.active[data-tab=main] .resources .stats {
- padding: 0.25rem 0.5rem;
- white-space: nowrap;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div,
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number],
- .sheet.kingdom .tab.active[data-tab=main] .resources .stats > label,
- .sheet.kingdom .tab.active[data-tab=main] .resources .stats > div,
- .sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] {
- height: 1.5em;
- line-height: 1.5em;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label .number, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div .number,
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number] .number,
- .sheet.kingdom .tab.active[data-tab=main] .resources .stats > label .number,
- .sheet.kingdom .tab.active[data-tab=main] .resources .stats > div .number,
- .sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] .number {
- display: inline-block;
- width: 3ch;
- text-align: center;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity {
- align-items: center;
- display: flex;
- gap: 0.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .type {
- width: 4.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max {
- align-items: center;
- display: flex;
- gap: 0.125rem;
- flex: 1;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max input {
- width: 2ch;
- }
- .sheet.kingdom .tab.active[data-tab=main] .resources .stats {
- justify-self: end;
- text-align: end;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores {
- grid-area: abilities;
- flex: 0;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores input {
- height: auto;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability {
- display: flex;
- flex-direction: row;
- align-items: end;
- width: 100%;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability:not(:last-child) {
- margin-bottom: 0.375rem;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- width: 4.5rem;
- text-align: center;
- padding: 0.375rem 0;
- z-index: 1;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score .value {
- font-size: var(--font-size-20);
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section {
- display: flex;
- flex-wrap: wrap;
- flex: 1;
- box-shadow: var(--drop-shadow);
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section > .stat {
- display: flex;
- flex-direction: column;
- text-align: center;
- flex: 1;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value {
- display: flex;
- gap: 2px;
- justify-content: center;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value input {
- width: 3ch;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress {
- flex-basis: 100%;
- margin: 0;
- padding: 0;
- height: 8px;
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- margin-top: 0.125rem;
- background: #ddd;
- }
- .sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress::after {
- display: block;
- content: " ";
- background-color: var(--color-border-highlight-alt);
- width: calc(100% * var(--value) / var(--max));
- max-width: 100%;
- height: 100%;
- }
- .sheet.kingdom .tab.active[data-tab=activities] {
- display: flex;
- flex-direction: row;
- padding: 0 1rem;
- height: 100%;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills,
- .sheet.kingdom .tab.active[data-tab=activities] .actions {
- display: flex;
- height: 100%;
- flex-direction: column;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skill-list,
- .sheet.kingdom .tab.active[data-tab=activities] .actions-list {
- overflow: hidden scroll;
- margin-bottom: 0.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills {
- padding-right: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc {
- align-items: center;
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- display: flex;
- gap: 8px;
- margin: 0.5rem 0;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod {
- color: var(--secondary);
- display: inline-block;
- font-family: var(--serif);
- font-size: 1.25em;
- font-weight: bold;
- min-width: 3rem;
- text-align: right;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill {
- display: flex;
- align-items: center;
- padding: 1px 0;
- padding-right: 0.5rem;
- gap: 8px;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod {
- display: flex;
- color: var(--primary);
- font-family: var(--serif);
- font-weight: 600;
- font-size: 1.25em;
- line-height: 1em;
- min-width: 3rem;
- padding: 3px 0;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod i {
- color: var(--text-dark);
- font-size: 0.8em;
- margin-right: 2px;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name {
- flex: 1;
- color: var(--alt-dark);
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name.selected {
- color: var(--text-dark);
- font-weight: 600;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill:not(:last-child) {
- border-bottom: 1px solid var(--color-divider);
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group {
- display: flex;
- padding-left: 0.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .proficiency {
- min-width: 11ch;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .small-button {
- flex: 0;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions {
- flex: 1;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions header .filters {
- float: right;
- margin: -0.125rem 0 0.125rem auto;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions header .filters .choice {
- cursor: pointer;
- opacity: 0.6;
- transition: opacity 0.2s ease-in-out;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions header .filters .choice.active {
- opacity: 1;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions header .filters .choice:hover {
- box-shadow: 0 0 5px var(--primary);
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary {
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- margin: 0 12px 0.5rem 2px;
- padding: 0.25rem 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary header {
- font-size: 1.2em;
- font-weight: bold;
- color: var(--color-text-dark-input);
- margin-top: 0.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions .action {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- padding: 4px;
- width: 100%;
- gap: 0.5rem;
- padding-right: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions .action:not(:last-child) {
- border-bottom: 1px solid var(--color-divider);
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-name {
- align-items: center;
- cursor: pointer;
- display: flex;
- flex: 1;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary {
- flex-basis: 100%;
- margin-bottom: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary .tags {
- display: none;
- }
- .sheet.kingdom .tab.active[data-tab=activities] .actions .action .tags {
- margin-left: 0.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] {
- padding: 0.75rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] input[type=text],
- .sheet.kingdom .tab.active[data-tab=world] input[type=number] {
- border: none;
- height: 1.5em;
- line-height: 1.5em;
- }
- .sheet.kingdom .tab.active[data-tab=world] .content {
- padding-right: 0.5rem;
- margin-right: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- gap: 0 1rem;
- padding: 0.25rem 0.25rem 0.25rem 0;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement:not(.expanded, :last-child) {
- border-bottom: 1px solid var(--color-divider);
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name {
- flex: 1;
- display: flex;
- white-space: nowrap;
- display: flex;
- align-items: center;
- gap: 0.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name h4 {
- cursor: pointer;
- min-height: 1em;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level {
- display: flex;
- align-items: center;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input[type=number] {
- width: 3ch;
- text-align: center;
- padding: 0;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .name {
- flex: 1;
- font-size: var(--font-size-16);
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name select {
- margin-left: 2rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level {
- font-size: var(--font-size-16);
- margin-left: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input {
- width: 3ch;
- text-align: center;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary {
- flex-basis: 100%;
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- margin-top: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data {
- display: flex;
- justify-content: space-between;
- margin: 0 0.125rem 0 0;
- border-bottom: 1px solid var(--color-divider);
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section {
- flex: 1 0 auto;
- padding: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section + section {
- border-left: 1px solid var(--color-divider);
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=number] {
- width: 3ch;
- text-align: center;
- padding: 0;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=checkbox] {
- margin: 0;
- width: 1rem;
- height: 1rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data label,
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data div.value {
- align-items: center;
- display: flex;
- gap: 0.25rem;
- line-height: 1.5em;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .stats {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- column-gap: 0.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items label {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary > .details {
- padding: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .editor {
- display: flex;
- flex-direction: column;
- }
- .sheet.kingdom .tab.active[data-tab=world] .settlement .editor .tox {
- flex: 1;
- min-height: 16rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] aside {
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- padding: 0.5rem;
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] aside input[type=number] {
- width: 3ch;
- text-align: center;
- padding: 0;
- }
- .sheet.kingdom .tab.active[data-tab=world] aside section .row,
- .sheet.kingdom .tab.active[data-tab=world] aside section label {
- display: flex;
- align-items: center;
- gap: 0.25rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] aside .work-sites .value span {
- min-width: 7rem;
- }
- .sheet.kingdom .tab.active[data-tab=world] aside .other-data label {
- width: 100%;
- justify-content: space-between;
- }
- .sheet.kingdom .tab.active[data-tab=features] .content {
- padding: 12px;
- padding-bottom: 1em;
- font-family: var(--body-serif);
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-section {
- padding-bottom: 1em;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item {
- display: grid;
- grid: "name ctrl" min-content "content content" min-content/1fr min-content;
- align-items: center;
- padding: 2px 0;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item:nth-child(odd) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name,
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls {
- margin: 0;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name {
- grid-area: name;
- display: flex;
- flex: 1;
- align-items: center;
- width: 100%;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .feat-slot-title {
- display: flex;
- font-family: var(--serif);
- font-size: 1.1em;
- font-weight: 600;
- color: var(--secondary);
- justify-content: center;
- width: 20px;
- margin-left: 6px;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-placeholder {
- margin-left: 40px;
- margin-right: 4px;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4 {
- display: flex;
- align-items: center;
- font-family: var(--serif);
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4 a:hover {
- color: var(--color-pf-primary);
- text-shadow: 0 0 3px var(--tertiary);
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-image {
- margin-left: 8px;
- margin-right: 8px;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls {
- align-items: center;
- display: flex;
- font-size: var(--font-size-12);
- grid-area: ctrl;
- height: 100%;
- white-space: nowrap;
- width: 100%;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls a:last-child {
- margin-right: 6px;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .item-summary {
- flex: 100%;
- grid-area: content;
- padding: 0 8px 8px;
- margin: 4px 0 0 4px;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts {
- font-family: var(--font-primary);
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section {
- align-items: center;
- display: flex;
- gap: 4px;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section .abilities {
- display: flex;
- gap: 3px;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts strong {
- line-height: 1.5em;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts .tag {
- border-radius: 4px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
- line-height: unset;
- padding: 0.15em;
- font-size: 0.9em;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items {
- grid-column: span 2;
- border-left: 3px dotted var(--alt);
- display: flex;
- margin: 1px 0 0 45px;
- padding: 0;
- flex-basis: 100%;
- flex-direction: column;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- gap: 2px;
- margin: 2px 0;
- padding-bottom: 1px;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li:last-child {
- padding-bottom: 0;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name .feat-slot-title {
- width: 0;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name img {
- margin-left: 0;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-controls {
- flex: 0;
- }
- .sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li ol.nested-items {
- margin-left: 25px;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] {
- padding: 0.75rem;
- gap: 1rem;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] .events {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc {
- display: flex;
- gap: 1ch;
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- line-height: 1.5em;
- padding: 0.5rem 1rem;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc,
- .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input {
- font-size: var(--font-size-18);
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input {
- width: 3ch;
- background: none;
- border: none;
- padding: 0;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc .dc {
- margin-left: auto;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details {
- background: var(--paper-bg);
- box-shadow: var(--drop-shadow);
- display: flex;
- flex: 1;
- flex-direction: column;
- padding: 0.5rem;
- overflow: auto;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details .editor {
- flex: 1;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects {
- width: 18rem;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects > header {
- margin-top: 0;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list {
- gap: 0.2em;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 2px 4px 2px 12px;
- width: 100%;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item p:empty {
- display: none;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-name {
- display: flex;
- align-items: center;
- flex: 1;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-name h4 {
- cursor: pointer;
- margin: 0;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-name .item-image {
- margin-right: 8px;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-controls {
- display: flex;
- flex: 0;
- font-size: var(--font-size-12);
- gap: 1px;
- white-space: nowrap;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-controls a.info-only:hover {
- cursor: default;
- text-shadow: none;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-controls a + a {
- margin-left: 4px;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .item-summary {
- flex-basis: 100%;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item.unidentified {
- border-radius: 1px;
- outline: 1px dotted rgba(75, 74, 68, 0.5);
- background: var(--visibility-gm-bg);
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .button-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- flex-wrap: nowrap;
- width: 50%;
- flex: 0;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .button-group button {
- margin: 0;
- border: none;
- cursor: pointer;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- padding: 5px;
- color: var(--text-light);
- width: 70px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
- background: var(--secondary);
- border-radius: 2px;
- flex: 0;
- white-space: nowrap;
- margin-left: 4px;
- flex: 0;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item .button-group button:hover {
- box-shadow: none;
- text-shadow: 0 0 2px white;
- }
- .sheet.kingdom .tab.active[data-tab=ongoing] section.effects .effects-list .item {
- padding-left: 0;
- }
- .sheet.kingdom-builder .window-content {
- padding: 0;
- overflow: hidden;
- }
- .sheet.kingdom-builder h3 {
- font-family: var(--sans-serif);
- }
- .sheet.kingdom-builder form {
- display: flex;
- flex-direction: column;
- background: url("../assets/sheet/background.webp");
- background-repeat: no-repeat;
- background-size: cover;
- background-attachment: local;
- }
- .sheet.kingdom-builder form > nav {
- display: flex;
- font-family: var(--serif-condensed);
- font-size: var(--font-size-22);
- margin-top: 0.125rem;
- align-items: flex-end;
- width: 100%;
- }
- .sheet.kingdom-builder form > nav a {
- border-radius: 3px 3px 0 0;
- padding: 0.25rem 0.5rem;
- white-space: nowrap;
- flex: 1;
- text-align: center;
- position: relative;
- }
- .sheet.kingdom-builder form > nav a:not(.active) {
- margin-top: 1px;
- border-bottom: 1px solid var(--alt-dark);
- }
- .sheet.kingdom-builder form > nav a.active {
- border: 1px solid var(--alt-dark);
- border-bottom-color: transparent;
- margin-left: -1px;
- margin-right: -1px;
- }
- .sheet.kingdom-builder form > nav a .complete {
- font-size: 0.8em;
- }
- .sheet.kingdom-builder form > nav:before, .sheet.kingdom-builder form > nav:after {
- content: "";
- width: 0.25rem;
- border-bottom: 1px solid var(--alt-dark);
- }
- .sheet.kingdom-builder .container {
- height: 100%;
- overflow: hidden;
- }
- .sheet.kingdom-builder .tab.active {
- display: flex;
- flex: 1;
- }
- .sheet.kingdom-builder button.complete {
- color: var(--text-light);
- background: var(--secondary);
- height: 35px;
- width: 131px;
- border: 1px solid var(--tertiary);
- }
- .sheet.kingdom-builder button.complete:disabled {
- background: var(--sub);
- pointer-events: none;
- opacity: 0.75;
- }
- .sheet.kingdom-builder .build-element {
- display: flex;
- flex-direction: column;
- flex: 1;
- }
- .sheet.kingdom-builder .build-element .choices {
- display: flex;
- margin: 0.5rem 0.25rem;
- }
- .sheet.kingdom-builder .build-element .choices .choice {
- display: flex;
- cursor: pointer;
- flex: 1 1 0;
- flex-direction: column;
- align-items: center;
- margin: 0.5rem 0;
- text-align: center;
- white-space: nowrap;
- }
- .sheet.kingdom-builder .build-element .choices .choice img {
- border-radius: 3px;
- width: 2.5rem;
- height: 2.5rem;
- object-fit: contain;
- }
- .sheet.kingdom-builder .build-element .choices .choice.selected, .sheet.kingdom-builder .build-element .choices .choice:hover {
- text-shadow: 0 0 8px var(--color-shadow-primary);
- }
- .sheet.kingdom-builder .build-element .choices .choice.selected img, .sheet.kingdom-builder .build-element .choices .choice:hover img {
- box-shadow: 0 0 8px var(--color-shadow-primary);
- }
- .sheet.kingdom-builder .build-element .build-entry-boosts {
- font-family: var(--font-primary);
- }
- .sheet.kingdom-builder .build-element .build-entry-boosts section {
- align-items: center;
- display: flex;
- gap: 4px;
- }
- .sheet.kingdom-builder .build-element .build-entry-boosts section .abilities {
- display: flex;
- gap: 3px;
- }
- .sheet.kingdom-builder .build-element .build-entry-boosts strong {
- line-height: 1.5em;
- }
- .sheet.kingdom-builder .build-element .build-entry-boosts .tag {
- border-radius: 4px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
- line-height: unset;
- padding: 0.15em;
- font-size: 0.9em;
- }
- .sheet.kingdom-builder .build-element .selection {
- display: flex;
- flex: 1;
- flex-direction: column;
- margin: 0.5rem;
- }
- .sheet.kingdom-builder .build-element .selection .text {
- display: flex;
- flex-direction: column;
- flex: 1;
- overflow: hidden;
- }
- .sheet.kingdom-builder .build-element .selection .text h3 {
- display: flex;
- justify-content: space-between;
- }
- .sheet.kingdom-builder .build-element .selection .text .description {
- overflow-y: auto;
- overflow-x: hidden;
- height: 8rem;
- }
- .sheet.kingdom-builder .build-element .selection footer {
- display: flex;
- width: 100%;
- align-items: end;
- min-height: 4.5em;
- }
- .sheet.kingdom-builder .build-element .selection footer .build-entry-boosts {
- flex: 1;
- }
- .sheet.kingdom-builder .build-element .selection footer button {
- flex: 0;
- white-space: nowrap;
- }
- .sheet.kingdom-builder .build-element .selection a[disabled] {
- opacity: 0.7;
- cursor: unset;
- text-shadow: unset;
- }
- .sheet.kingdom-builder .build-element .selection {
- padding: 0.5rem;
- background-color: #eee;
- box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
- }
- .sheet.kingdom-builder .ability-builder {
- padding: 6px;
- width: 100%;
- }
- .sheet.kingdom-builder .ability-builder h3 {
- font: 400 var(--font-size-24) var(--serif-condensed);
- line-height: var(--font-size-24);
- }
- .sheet.kingdom-builder .ability-builder h4 {
- font: 400 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- color: #605856;
- }
- .sheet.kingdom-builder .ability-builder button:focus:not(:focus-visible) {
- box-shadow: none;
- }
- .sheet.kingdom-builder .ability-builder .row {
- display: flex;
- align-items: center;
- }
- .sheet.kingdom-builder .ability-builder .row .row-heading {
- width: 220px;
- }
- .sheet.kingdom-builder .ability-builder .row.not-eligible {
- pointer-events: none;
- filter: blur(1px);
- opacity: 0.6;
- }
- .sheet.kingdom-builder .ability-builder .row.not-eligible .remaining {
- visibility: hidden;
- }
- .sheet.kingdom-builder .ability-builder .row .abilities {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- grid-template-rows: auto;
- flex: 1;
- }
- .sheet.kingdom-builder .ability-builder .row .full-row {
- display: flex;
- flex: 1;
- justify-content: center;
- }
- .sheet.kingdom-builder .ability-builder header.row {
- align-items: normal;
- padding-top: 10px;
- margin-bottom: 0.5rem;
- }
- .sheet.kingdom-builder .ability-builder header.row .row-column {
- display: block;
- }
- .sheet.kingdom-builder .ability-builder header.row .abilities {
- align-items: normal;
- }
- .sheet.kingdom-builder .ability-builder .row-heading {
- display: grid;
- grid-template-columns: 42px 1fr auto;
- grid-template-areas: "img description remaining";
- align-items: center;
- }
- .sheet.kingdom-builder .ability-builder .row-heading h3 {
- grid-column: 1/4;
- align-self: start;
- font-size: var(--font-size-24);
- }
- .sheet.kingdom-builder .ability-builder .row-heading .hint-container {
- grid-column: 1/4;
- }
- .sheet.kingdom-builder .ability-builder .row-heading img {
- grid-area: img;
- border: 0;
- }
- .sheet.kingdom-builder .ability-builder .row-heading div.label {
- grid-area: description;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- margin-right: 10px;
- }
- .sheet.kingdom-builder .ability-builder .row-heading div.remaining {
- grid-area: remaining;
- display: flex;
- margin-right: 10px;
- width: 1.6rem;
- height: 1.6rem;
- border-radius: 50%;
- background: rgba(68, 55, 48, 0.1);
- align-self: center;
- align-items: center;
- justify-content: center;
- text-align: center;
- }
- .sheet.kingdom-builder .ability-builder .row-heading div.remaining.extra {
- animation: glow 0.75s infinite alternate;
- }
- @keyframes glow {
- from {
- box-shadow: 0 0 1px 1px #ffb351;
- }
- to {
- box-shadow: 0 0 3px 3px #ffb351;
- }
- }
- .sheet.kingdom-builder .ability-builder .row-column {
- align-items: center;
- display: flex;
- flex-direction: column;
- justify-content: center;
- text-align: center;
- }
- .sheet.kingdom-builder .ability-builder .row-column button {
- align-items: center;
- border: 1px solid var(--button-color);
- color: var(--button-color);
- display: flex;
- font-size: var(--font-size-12);
- justify-content: space-around;
- outline: none;
- margin: 0;
- padding: 0.1em 0 0;
- position: relative;
- text-transform: uppercase;
- width: 6em;
- height: 1.5em;
- }
- .sheet.kingdom-builder .ability-builder .row-column button.boost {
- margin-top: auto;
- --button-color: #316549;
- --button-locked-color: #1b3c2a;
- }
- .sheet.kingdom-builder .ability-builder .row-column button.flaw {
- margin-bottom: auto;
- --button-color: #5e0000;
- --button-locked-color: #5e0000;
- }
- .sheet.kingdom-builder .ability-builder .row-column button:disabled {
- pointer-events: none;
- background: rgba(0, 0, 0, 0.04);
- opacity: 0.4;
- }
- .sheet.kingdom-builder .ability-builder .row-column button.selected {
- background: var(--button-color);
- }
- .sheet.kingdom-builder .ability-builder .row-column button:hover {
- cursor: pointer;
- box-shadow: 0 0 5px var(--button-color);
- }
- .sheet.kingdom-builder .ability-builder .row-column button:hover.key-ability.selected {
- box-shadow: none;
- cursor: default;
- }
- .sheet.kingdom-builder .ability-builder .row-column button:hover:disabled {
- background: rgba(0, 0, 0, 0.04);
- box-shadow: none;
- cursor: not-allowed;
- }
- .sheet.kingdom-builder .ability-builder .row-column button i.fa-solid {
- font-size: var(--font-size-10);
- left: 0.5em;
- position: absolute;
- text-align: left;
- }
- .sheet.kingdom-builder .ability-builder .row-column button.hidden {
- pointer-events: none;
- visibility: hidden;
- }
- .sheet.kingdom-builder .ability-builder .row-column button.locked {
- pointer-events: none;
- background: var(--button-locked-color);
- border-color: var(--button-locked-color);
- }
- .sheet.kingdom-builder .ability-builder .row-column button.locked, .sheet.kingdom-builder .ability-builder .row-column button.selected {
- color: var(--text-light);
- }
- .sheet.kingdom-builder .ability-builder .row-column div + .boost,
- .sheet.kingdom-builder .ability-builder .row-column button + .boost {
- margin-top: 4px;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .row-heading {
- display: block;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .hint-container {
- background: rgba(211, 204, 188, 0.4);
- padding: 12px;
- margin-right: 10px;
- border: 1px solid rgb(211, 204, 188);
- border-radius: 3px;
- align-self: end;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .hint-container h3 {
- color: var(--primary);
- font-variant: small-caps;
- font-size: var(--font-size-20);
- line-height: var(--font-size-16);
- font-family: var(--sans-serif-condensed);
- font-weight: 500;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .hint-container p {
- font-style: italic;
- font-size: var(--font-size-12);
- line-height: var(--font-size-14);
- font-family: var(--sans-serif);
- font-weight: 500;
- margin-bottom: 3px;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .hint-container label {
- display: flex;
- align-items: center;
- margin-top: 8px;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration {
- display: flex;
- gap: 8px;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration select {
- flex: 1;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .abilities {
- grid-template-rows: auto auto;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .row-column {
- display: flex;
- flex-direction: column;
- padding-top: 10px;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .row-column .value {
- height: 40px;
- font: 700 var(--font-size-24) var(--serif);
- line-height: var(--font-size-30);
- }
- .sheet.kingdom-builder .ability-builder .summary-row .row-column input {
- width: calc(100% - 20px);
- flex-grow: 0;
- height: 30px;
- color: var(--text-dark);
- font: 500 var(--font-size-24) var(--serif);
- border: 0;
- border-bottom: 1px solid #d3ccbc;
- border-radius: 0;
- background-color: transparent;
- margin: 0 10px 10px 10px;
- text-align: center;
- }
- .sheet.kingdom-builder .ability-builder .summary-row .row-column input::placeholder {
- filter: opacity(0.5);
- }
- .sheet.kingdom-builder .ability-builder .summary-row .row-column input:focus {
- border-bottom: 1px solid var(--alt);
- }
- .sheet.kingdom-builder .ability-builder .summary-row .row-column input[type=number] {
- padding-bottom: 0;
- padding-left: 4px;
- }
- .sheet.kingdom-builder .ability-builder .summary-row div.complete {
- grid-row: 2;
- grid-column: 1/7;
- display: flex;
- align-items: flex-end;
- justify-content: flex-end;
- margin-top: 10px;
- margin-left: auto;
- }
- .sheet.kingdom-builder .ability-builder .title {
- color: var(--primary);
- font: 500 var(--font-size-10) var(--sans-serif-condensed);
- line-height: var(--font-size-10);
- text-transform: uppercase;
- }
- .sheet.kingdom-builder .ability-builder .description {
- font: 600 var(--font-size-16) var(--serif);
- }
- .sheet.kingdom-builder .ability-builder .extra {
- display: flex;
- align-items: center;
- font-size: var(--font-size-12);
- margin-top: -0.25rem;
- }
- .sheet.kingdom-builder .ability-builder .extra i.fa-solid {
- margin-left: 0.125rem;
- }
- .sheet.kingdom-builder .ability-builder .extra input[type=checkbox] {
- height: var(--font-size-12);
- margin: 0;
- }
- .pf2e.chat-card.kingdom {
- --color-confirmation: #2c4f0d;
- }
- .pf2e.chat-card.kingdom .confirmation {
- align-items: center;
- color: var(--color-confirmation);
- display: flex;
- border: 1px dashed var(--color-confirmation);
- font-size: 1.2em;
- gap: 0.5rem;
- justify-content: center;
- padding: 0.25rem 0;
- }
- .sheet.army form {
- display: grid;
- grid-template: "header header" min-content "sidebar content" 1fr/min-content 1fr;
- overflow: hidden;
- background: url("../assets/sheet/background.webp");
- background-repeat: no-repeat;
- background-size: cover;
- background-attachment: local;
- }
- .sheet.army form input[type=text],
- .sheet.army form input[type=number] {
- background: rgba(0, 0, 0, 0.03);
- border: 1px solid transparent;
- padding: 0 4px;
- }
- .sheet.army form input[type=text]:hover:not(:disabled), .sheet.army form input[type=text]:focus,
- .sheet.army form input[type=number]:hover:not(:disabled),
- .sheet.army form input[type=number]:focus {
- border: 1px solid black;
- box-shadow: 0 0 10px #00005a;
- }
- .sheet.army form input.adjusted-higher {
- color: #009988;
- }
- .sheet.army form input.adjusted-lower {
- color: #cc3311;
- }
- .sheet.army form > header {
- background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
- background-repeat: repeat-x, no-repeat;
- background-size: cover;
- background-color: #d9d3d2;
- background-blend-mode: multiply;
- color: var(--text-light);
- align-items: center;
- display: flex;
- grid-area: header;
- gap: 0.5rem;
- min-height: 5.5rem;
- padding: 0 0.75rem;
- }
- .sheet.army form > header .frame {
- position: relative;
- width: 4rem;
- height: 4rem;
- }
- .sheet.army form > header .frame img {
- object-fit: cover;
- object-position: top;
- border: none;
- border-radius: 0;
- width: 4rem;
- height: 4rem;
- cursor: pointer;
- border: none;
- box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
- }
- .sheet.army form > header .details {
- display: grid;
- flex: 1;
- align-items: center;
- grid-template: "name level" min-content "traits alliance" min-content/1fr min-content;
- }
- .sheet.army form > header .details input[type=text],
- .sheet.army form > header .details input[type=number] {
- color: var(--text-light);
- border: none;
- border-bottom: 1px solid transparent;
- padding: 0;
- height: unset;
- }
- .sheet.army form > header .details input[type=text]:hover, .sheet.army form > header .details input[type=text]:focus,
- .sheet.army form > header .details input[type=number]:hover,
- .sheet.army form > header .details input[type=number]:focus {
- border: none;
- border-bottom: 1px solid var(--text-light);
- box-shadow: none;
- }
- .sheet.army form > header .details input[type=text]::placeholder,
- .sheet.army form > header .details input[type=number]::placeholder {
- color: #bbb;
- opacity: 0.4;
- }
- .sheet.army form > header .details .name {
- grid-area: name;
- font-family: var(--sans-serif-condensed);
- font-size: var(--font-size-30);
- font-weight: 700;
- width: 100%;
- max-width: calc(100% - 5.5rem);
- font-variant: small-caps;
- text-indent: 0.5rem;
- margin-right: 18px;
- }
- .sheet.army form > header .details .tags {
- grid-area: traits;
- padding: 0 0.5rem;
- }
- .sheet.army form > header .details .tags .alignment {
- background-color: #576293;
- }
- .sheet.army form > header .details .level-label {
- grid-area: level;
- align-self: end;
- display: block;
- font-family: var(--serif-condensed);
- font-size: var(--font-size-28);
- font-weight: 700;
- min-width: 9rem;
- text-align: right;
- text-transform: uppercase;
- }
- .sheet.army form > header .details .level-label input.level {
- width: 2ch;
- text-align: center;
- margin: 0 0.25rem;
- }
- .sheet.army form > header .details .alliance {
- grid-area: alliance;
- align-self: start;
- margin-right: 0.25rem;
- opacity: 0.8;
- text-align: right;
- }
- .sheet.army form > header .details .alliance i {
- font-size: 0.9em;
- margin-left: 0.5rem;
- }
- .sheet.army form > header .details .alliance .error {
- color: #ff5555;
- }
- .sheet.army form .army-sidebar {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- overflow: hidden scroll;
- padding: 0.75rem 0.25rem 0.5rem 0.5rem;
- width: 11rem;
- }
- .sheet.army form .army-sidebar input {
- flex: 0;
- min-width: 5ch;
- text-align: right;
- }
- .sheet.army form .army-sidebar input[type=checkbox] {
- font-size: var(--font-size-10);
- height: 12px;
- margin: 2px;
- padding: 0;
- }
- .sheet.army form .army-sidebar header {
- border-bottom: 1px solid var(--color-border-divider);
- color: var(--primary);
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: baseline;
- line-height: 18px;
- }
- .sheet.army form .army-sidebar header input {
- text-align: right;
- }
- .sheet.army form .army-sidebar header h4 {
- font-size: var(--font-size-15);
- font-family: var(--serif);
- font-weight: 600;
- margin-bottom: 0px;
- padding-left: 4px;
- width: 100%;
- text-align: left;
- }
- .sheet.army form .army-sidebar > section > label,
- .sheet.army form .army-sidebar > section .row {
- align-items: baseline;
- display: flex;
- gap: 0.25rem;
- }
- .sheet.army form .army-sidebar > section > label span:first-child,
- .sheet.army form .army-sidebar > section .row span:first-child {
- flex: 1;
- }
- .sheet.army form .army-sidebar > section > label input,
- .sheet.army form .army-sidebar > section .row input {
- width: 3em;
- }
- .sheet.army form .army-sidebar > section .gear {
- align-items: center;
- gap: 0.5rem;
- }
- .sheet.army form .army-sidebar > section .gear span.disabled {
- opacity: 0.4;
- }
- .sheet.army form .army-sidebar .saves {
- display: flex;
- font-size: var(--font-size-17);
- gap: 0.25rem;
- }
- .sheet.army form .army-sidebar .saves .save {
- display: flex;
- flex-direction: column;
- align-items: center;
- flex: 1 0 0;
- }
- .sheet.army form .army-sidebar .saves .save label {
- font-weight: 600;
- }
- .sheet.army form .army-sidebar .saves .save input.modifier {
- text-align: center;
- z-index: 1;
- }
- .sheet.army form .army-sidebar .senses.tags {
- margin-top: 0.125rem;
- flex-direction: row-reverse;
- }
- .sheet.army form section.army-body {
- grid-area: content;
- display: flex;
- flex-direction: column;
- padding: 0.75rem 0.5rem;
- overflow: auto;
- gap: 0.5rem;
- }
- .sheet.army form section.army-body fieldset {
- border: 1px solid #5e0000;
- border-radius: 3px;
- padding: 0 0.75rem 0.5rem 0.75rem;
- }
- .sheet.army form section.army-body fieldset legend {
- align-items: baseline;
- color: var(--primary);
- display: flex;
- font-size: var(--font-size-15);
- font-family: var(--serif);
- font-weight: 600;
- gap: 0.25rem;
- margin-bottom: -0.125rem;
- }
- .sheet.army form section.army-body fieldset legend .item-controls {
- margin-left: 0.125rem;
- font-size: 0.8em;
- }
- .sheet.army form section.army-body .toggles input[type=checkbox] {
- width: 1rem;
- height: 1rem;
- }
- .sheet.army form section.army-body label {
- display: flex;
- align-items: center;
- position: relative;
- }
- .sheet.army form section.army-body .editor .editor-edit {
- display: none;
- }
- .sheet.army form section.army-body .weapons {
- display: flex;
- flex-direction: column;
- }
- .sheet.army form section.army-body .weapons .ammunition {
- display: flex;
- font-size: 0.9em;
- gap: 0.125rem;
- margin-left: 0.25rem;
- }
- .sheet.army form section.army-body .weapons .ammunition .pips {
- margin: 0 0.375rem;
- }
- .sheet.army form section.army-body .weapons .strike {
- align-items: center;
- display: flex;
- flex: 0;
- gap: 0.25rem;
- line-height: 1.5rem;
- }
- .sheet.army form section.army-body .weapons .strike input.name {
- flex: 1;
- text-indent: 0.25rem;
- height: 1.5rem;
- }
- .sheet.army form ol.item-list {
- list-style-type: none;
- padding: 0;
- }
- .sheet.army form ol.item-list li.item {
- align-items: center;
- display: flex;
- line-height: 1.5rem;
- flex-wrap: wrap;
- }
- .sheet.army form ol.item-list li.item:nth-child(odd) {
- background: rgba(180, 175, 175, 0.25);
- }
- .sheet.army form ol.item-list li.item.expanded {
- flex-wrap: wrap;
- }
- .sheet.army form ol.item-list li.item.expanded .tags {
- line-height: 1rem;
- padding: 0.5rem 0 0 0;
- }
- .sheet.army form ol.item-list li.item .item-icon {
- border-radius: 6px;
- border: none;
- height: 1.5rem;
- width: 1.5rem;
- position: relative;
- }
- .sheet.army form ol.item-list li.item .item-name {
- display: flex;
- text-indent: 0.5rem;
- flex: 1 1;
- margin: auto 0;
- font-weight: bold;
- width: 100%;
- }
- .sheet.army form ol.item-list li.item .item-frequency {
- flex: 0.2 0 4rem;
- gap: 0.25rem;
- display: flex;
- }
- .sheet.army form ol.item-list li.item .item-frequency input {
- text-align: right;
- }
- .sheet.army form ol.item-list li.item .item-frequency input,
- .sheet.army form ol.item-list li.item .item-frequency span {
- flex: 1;
- margin: auto;
- }
- .sheet.army form ol.item-list li.item .item-controls i {
- flex: 0 0 4rem;
- }
- .sheet.army form .item-summary {
- color: var(--text-dark);
- font-size: var(--font-size-12);
- padding: 0.25rem 0.5rem;
- flex: 100%;
- }
- .sheet.army form .pips,
- .sheet.army form .pips span {
- align-items: center;
- height: 24px;
- display: flex;
- flex-flow: row nowrap;
- justify-content: center;
- }
- .sheet.army form .pips i,
- .sheet.army form .pips span i {
- opacity: 0.4;
- }
- .sheet.army form .pips .filled,
- .sheet.army form .pips span .filled {
- opacity: 1;
- }
- .sheet.army form .pips .split + *,
- .sheet.army form .pips span .split + * {
- margin-left: 0.25rem;
- }
- .sheet.army form button.attack,
- .sheet.army form button.damage {
- align-items: center;
- border: none;
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: var(--color-text-trait);
- display: inline-flex;
- flex: 0;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- font-weight: 500;
- gap: 2px;
- height: 1.25rem;
- letter-spacing: 0.05em;
- line-height: unset;
- margin: 0;
- padding: 0 0.5em;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- white-space: nowrap;
- }
- .sheet.army form button.attack.attack,
- .sheet.army form button.damage.attack {
- background-color: var(--secondary);
- }
- .sheet.army form button.attack.damage,
- .sheet.army form button.damage.damage {
- background-color: var(--primary);
- }
- .sheet.army form button.attack:disabled,
- .sheet.army form button.damage:disabled {
- background-color: var(--color-text-dark-3);
- opacity: 0.8;
- }
- .sheet.army form button.attack:not(:disabled):hover,
- .sheet.army form button.damage:not(:disabled):hover {
- box-shadow: none;
- text-shadow: 0 0 2px var(--text-light);
- }
- .sheet.army form section.roll {
- display: flex;
- align-items: center;
- min-width: 4rem;
- justify-content: space-between;
- }
- .sheet.army form section.roll i {
- min-width: 1.5rem;
- font-size: 1rem;
- }
- .sheet.army form span.plus {
- font-size: 0.75rem;
- }
- .sheet.army form legend.compendium-items:hover {
- cursor: pointer;
- text-shadow: 0 0 5px var(--color-shadow-highlight);
- }
- .sheet.army form .placeholder {
- color: gray;
- }
- .sheet.army form .routed {
- color: darkred;
- }
- /* Mystification data revealed to GMs */
- .gm-mystified-data {
- opacity: 0.75;
- }
- #compendium-browser > section.window-content > .content-box,
- #license-viewer > section.window-content > .content-box {
- flex: 1;
- overflow: hidden;
- height: inherit;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-],
- #license-viewer > section.window-content > .content-box div[class^=slider-] {
- height: 10px;
- width: 80%;
- border: 1px solid black;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base {
- background: #dddddd;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle {
- background: none;
- border: none;
- box-shadow: none;
- color: var(--text-light);
- cursor: grab;
- font-size: var(--font-size-16);
- height: 14px;
- right: -7px;
- text-shadow: 0 0 4px black;
- top: -4px;
- width: 14px;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active {
- cursor: grabbing;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle {
- background: #c85019;
- border-radius: 2px;
- border: 1px solid black;
- box-shadow: 1px 1px 4px black;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after {
- background: none;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
- cursor: pointer;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip {
- display: none;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip {
- display: block;
- background-color: rgba(0, 0, 0, 0.9);
- color: var(--text-light);
- line-height: 18px;
- padding: 6px 14px;
- }
- #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected,
- #license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected {
- background: rgba(255, 255, 240, 0.8);
- }
- #compendium-browser > section.window-content > .content-box > nav,
- #license-viewer > section.window-content > .content-box > nav {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- flex: 0;
- width: 100%;
- display: inline-flex;
- justify-content: space-evenly;
- align-items: center;
- background: var(--secondary);
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- }
- #compendium-browser > section.window-content > .content-box > nav > a,
- #license-viewer > section.window-content > .content-box > nav > a {
- color: var(--sidebar-label);
- padding: 4px 0;
- font-family: var(--sans-serif);
- font-size: var(--font-size-12);
- position: relative;
- }
- #compendium-browser > section.window-content > .content-box > nav > a.active::after,
- #license-viewer > section.window-content > .content-box > nav > a.active::after {
- bottom: -2px;
- right: 39%;
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 4px solid var(--sidebar-label);
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings {
- height: 100%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form {
- display: flex;
- height: 88%;
- flex-direction: column;
- margin-bottom: 10px;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section {
- border: 1px solid #bbb;
- border-radius: 5px;
- margin-top: 5px;
- padding: 2px;
- /* Checkbox */
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section h3,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section h3 {
- margin: 0;
- cursor: pointer;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt {
- width: 10%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox],
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox] {
- transform: none;
- flex: none;
- height: auto;
- margin: 3px 3px;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dd,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dd {
- width: 88%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dl,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form dl {
- margin: 5px 0;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dt,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form dt {
- display: inline-block;
- width: 40%;
- padding-left: 5px;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form dd,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form dd {
- display: inline-block;
- width: 58%;
- margin-left: 0;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container {
- overflow-y: auto;
- display: flex;
- flex-wrap: wrap;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: center;
- width: 100%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column {
- width: 100%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container h2,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container h2 {
- margin-top: 1em;
- margin-bottom: 0.5em;
- width: 100%;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container div,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container div {
- width: 365px;
- margin-right: 1em;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav {
- border-style: solid;
- border-image-outset: 0;
- border-width: 9px;
- border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
- flex: 0;
- width: 100%;
- display: inline-flex;
- justify-content: space-evenly;
- align-items: center;
- background: var(--secondary);
- background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a {
- color: var(--sidebar-label);
- padding: 4px 0;
- font-family: var(--sans-serif);
- font-size: var(--font-size-12);
- position: relative;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after {
- bottom: -2px;
- right: 39%;
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 4px solid var(--sidebar-label);
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings nav,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings nav {
- border-width: unset;
- }
- #compendium-browser > section.window-content > .content-box .compendium-browser-settings button.save-settings,
- #license-viewer > section.window-content > .content-box .compendium-browser-settings button.save-settings {
- background: rgba(0, 0, 0, 0.1);
- border: 2px groove var(--color-border-light-highlight);
- }
- #compendium-browser > section.window-content > .content-box .spell-browser,
- #license-viewer > section.window-content > .content-box .spell-browser {
- display: flex;
- min-height: 100px;
- height: 100%;
- /* Sort and filter areas */
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .control-area,
- #license-viewer > section.window-content > .content-box .spell-browser .control-area {
- position: sticky;
- display: block;
- min-width: 320px;
- width: 320px;
- padding-right: 5px;
- overflow: auto;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer,
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
- border: 1px solid #bbb;
- border-radius: 5px;
- margin-top: 5px;
- padding: 2px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title,
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- height: 22px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title h3,
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title h3 {
- margin: 0;
- cursor: pointer;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title button,
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title button {
- width: fit-content;
- line-height: 22px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters,
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters {
- margin-bottom: 5px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox],
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox] {
- transform: none;
- flex: none;
- height: auto;
- margin: 3px 3px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
- #compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction,
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
- #license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction {
- padding: 2px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dt,
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dt {
- width: 10%;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dd,
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dd {
- width: 82%;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio],
- #license-viewer > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio] {
- margin: 0 5px 0 3px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer div,
- #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer div {
- text-align: center;
- margin-top: 5px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer input,
- #license-viewer > section.window-content > .content-box .spell-browser .rangecontainer input {
- width: 45%;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex,
- #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex {
- display: flex;
- justify-content: space-around;
- align-items: baseline;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex label,
- #license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex label {
- width: 10px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser dl,
- #license-viewer > section.window-content > .content-box .spell-browser dl {
- margin: 5px 0;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser dt,
- #license-viewer > section.window-content > .content-box .spell-browser dt {
- display: inline-block;
- padding-left: 5px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser dd,
- #license-viewer > section.window-content > .content-box .spell-browser dd {
- display: inline-block;
- text-transform: capitalize;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser dd select,
- #license-viewer > section.window-content > .content-box .spell-browser dd select {
- margin-left: 0.5em;
- width: 6em;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list {
- display: flex;
- flex-direction: column;
- height: 100%;
- margin: 0;
- padding: 0;
- width: 100%;
- overflow: visible scroll;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li {
- align-items: center;
- gap: 0.25rem;
- padding: 0.125rem 0.25rem;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd),
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd) {
- background-color: rgba(0, 0, 0, 0.12);
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > *,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > * {
- align-items: center;
- display: flex;
- height: 2rem;
- justify-content: center;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .image,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .image {
- max-width: 2rem;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .name,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .name {
- gap: 0.25em;
- flex-basis: 6ch;
- justify-content: start;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .level,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .level {
- flex-grow: 1;
- font-weight: 900;
- max-width: 1.5em;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .price,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .price {
- flex: none;
- justify-content: end;
- margin-right: var(--font-size-10);
- min-width: 5em;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .end,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .end {
- margin-right: 0.5em;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover,
- #license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover {
- background-color: rgba(255, 255, 255, 0.25);
- cursor: grab;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser #tagfilter input,
- #license-viewer > section.window-content > .content-box .spell-browser #tagfilter input {
- width: 100%;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .hint,
- #license-viewer > section.window-content > .content-box .spell-browser .hint {
- font-size: var(--font-size-12);
- border: 1px solid rgba(0, 255, 5, 0.2784313725);
- border-radius: 5px;
- padding: 3px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .spacer,
- #license-viewer > section.window-content > .content-box .spell-browser .spacer {
- display: inline-block;
- min-width: 5px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .spacer-large,
- #license-viewer > section.window-content > .content-box .spell-browser .spacer-large {
- display: inline-block;
- min-width: 15px;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .equipment-controls,
- #license-viewer > section.window-content > .content-box .spell-browser .equipment-controls {
- margin-left: 0.25em;
- margin-right: 0.25em;
- max-width: 1em;
- width: 1em;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .list-buttons,
- #license-viewer > section.window-content > .content-box .spell-browser .list-buttons {
- position: absolute;
- bottom: 3px;
- right: 22px;
- width: 54%;
- display: flex;
- justify-content: space-between;
- }
- #compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button,
- #license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
- line-height: 19px;
- background: rgb(255, 255, 240);
- }
- #compendium-browser > section.window-content > .content-box > section.content,
- #license-viewer > section.window-content > .content-box > section.content {
- height: 96%;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active,
- #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active {
- height: inherit;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div,
- #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div {
- display: grid;
- grid-template-columns: 320px auto;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area,
- #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area {
- grid-column-start: 1;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div ul,
- #license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div ul {
- grid-column-start: 2;
- }
- #compendium-browser > section.window-content > .content-box > section.content > .tab.settings.active,
- #license-viewer > section.window-content > .content-box > section.content > .tab.settings.active {
- height: 98%;
- }
- .pf2e.item.sheet input,
- .pf2e.item.sheet label,
- .pf2e.item.sheet select {
- --form-field-height: 1.5rem;
- }
- .pf2e.item.sheet input[type=checkbox] {
- height: var(--font-size-20);
- }
- .pf2e.item.sheet select {
- height: var(--form-field-height);
- }
- .pf2e.item.sheet h3 {
- border-bottom: none;
- }
- .pf2e.item.sheet button > i {
- margin-right: 0;
- }
- .pf2e.item.sheet form {
- display: flex;
- flex-flow: column nowrap;
- font-family: var(--sans-serif);
- height: 100%;
- overflow: hidden;
- width: 100%;
- }
- .pf2e.item.sheet form h2,
- .pf2e.item.sheet form h3,
- .pf2e.item.sheet form h4 {
- font-weight: 500;
- }
- .pf2e.item.sheet form > header img {
- border: none;
- object-fit: contain;
- }
- .pf2e.item.sheet form > header .details {
- align-items: baseline;
- column-gap: 0.33rem;
- display: flex;
- flex-wrap: wrap;
- }
- .pf2e.item.sheet form > header .details input,
- .pf2e.item.sheet form > header .details .level {
- font: 700 var(--font-size-36) var(--serif-condensed);
- }
- .pf2e.item.sheet form > header input[type=text],
- .pf2e.item.sheet form > header input[type=number] {
- color: var(--color-text-dark-input);
- border: none;
- height: var(--font-size-34);
- }
- .pf2e.item.sheet form > header input[type=text]:hover, .pf2e.item.sheet form > header input[type=text]:focus,
- .pf2e.item.sheet form > header input[type=number]:hover,
- .pf2e.item.sheet form > header input[type=number]:focus {
- box-shadow: none;
- }
- .pf2e.item.sheet form > header input[name=name] {
- flex: 1;
- }
- .pf2e.item.sheet form > header .level {
- flex: 0;
- white-space: nowrap;
- margin-left: auto;
- }
- .pf2e.item.sheet form > header .level i {
- font-size: 0.6em;
- vertical-align: middle;
- }
- .pf2e.item.sheet form > header .level input {
- width: 40px;
- text-align: center;
- }
- .pf2e.item.sheet form > header .action-glyph {
- font-size: 2.125rem;
- }
- .pf2e.item.sheet form > header .paizo-style {
- border: none;
- flex-basis: 100%;
- margin-top: 0.125rem;
- padding: 0;
- }
- .pf2e.item.sheet form > nav {
- align-items: baseline;
- border-bottom: 1px solid var(--secondary-background);
- border-top: 1px solid var(--secondary-background);
- display: flex;
- flex: 0 0 1.75rem;
- line-height: 1.75rem;
- }
- .pf2e.item.sheet form > nav a {
- flex: 1 1 auto;
- }
- .pf2e.item.sheet form > nav a.active {
- text-decoration: underline;
- }
- .pf2e.item.sheet form > nav .sidebar-summary {
- flex: 0 0 13.75rem;
- margin: 0;
- text-align: center;
- }
- .pf2e.item.sheet form > nav > .tabs {
- font-weight: 500;
- margin: 0;
- flex: 1;
- align-items: baseline;
- }
- .pf2e.item.sheet form > nav > .tabs > a {
- font-size: var(--font-size-12);
- text-align: center;
- }
- .pf2e.item.sheet form > nav > .tabs > a:last-of-type {
- padding-right: 0.25rem;
- }
- .pf2e.item.sheet form > nav > .tabs > a.active {
- font-weight: 600;
- }
- .pf2e.item.sheet form .mce-panel span {
- display: inherit;
- }
- .pf2e.item.sheet form.editable .rollable:hover {
- color: var(--text-dark);
- text-shadow: 0 0 10px #00005a;
- cursor: pointer;
- }
- .pf2e.item.sheet form .tab {
- flex: 1;
- }
- .pf2e.item.sheet form:has(.tab.active.rules) .sidebar-summary {
- visibility: hidden;
- }
- .pf2e.item.sheet form:has(.tab.active.rules) section.sidebar {
- display: none;
- }
- .pf2e.item.sheet form .tag-legacy {
- float: left;
- margin: 0 2px 2px 0;
- padding: 0 3px;
- font-size: var(--font-size-10);
- line-height: 16px;
- border: 1px solid #999;
- border-radius: 3px;
- white-space: normal;
- font-weight: 500;
- }
- .pf2e.item.sheet form p.hint {
- font-family: var(--font-primary);
- font-weight: normal;
- }
- .pf2e.item.sheet form .item-controls {
- display: flex;
- margin: 0 0 0 4px;
- align-items: baseline;
- gap: 2px;
- }
- .pf2e.item.sheet form i.fa-info-circle {
- cursor: help;
- }
- .pf2e.item.sheet form .sheet-content {
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- height: calc(100% - 35px);
- overflow: hidden;
- }
- .pf2e.item.sheet form .sheet-content > * {
- flex: 1;
- }
- .pf2e.item.sheet form .sheet-content label {
- display: block;
- }
- .pf2e.item.sheet form .sheet-content input {
- color: var(--color-text-dark-input);
- }
- .pf2e.item.sheet form .sheet-content input[type=checkbox] {
- margin: 0.25em 0.5em;
- }
- .pf2e.item.sheet form .sheet-content input[type=number],
- .pf2e.item.sheet form .sheet-content input[type=text] {
- margin: 1px 0;
- width: calc(100% - 2px);
- }
- .pf2e.item.sheet form .sheet-content input[type=checkbox],
- .pf2e.item.sheet form .sheet-content input[type=number],
- .pf2e.item.sheet form .sheet-content input[type=text],
- .pf2e.item.sheet form .sheet-content select {
- background: rgba(255, 255, 255, 0.5);
- border: 1px solid var(--color-border-light-2);
- }
- .pf2e.item.sheet form .sheet-content select {
- font-size: var(--font-size-13);
- }
- .pf2e.item.sheet form .sheet-content button:hover:not(:disabled), .pf2e.item.sheet form .sheet-content button:focus,
- .pf2e.item.sheet form .sheet-content input:not([type=range]):hover:not(:disabled),
- .pf2e.item.sheet form .sheet-content input:not([type=range]):focus,
- .pf2e.item.sheet form .sheet-content select:hover:not(:disabled),
- .pf2e.item.sheet form .sheet-content select:focus {
- border-color: var(--color-border-dark-1);
- box-shadow: 0 0 5px var(--secondary);
- }
- .pf2e.item.sheet form .sheet-content input:disabled,
- .pf2e.item.sheet form .sheet-content select:disabled {
- background: rgba(0, 0, 0, 0.05);
- border: none;
- color: var(--color-disabled);
- }
- .pf2e.item.sheet form .sheet-content > section.sidebar,
- .pf2e.item.sheet form .sheet-content > .sheet-body {
- height: calc(100% - 10px);
- overflow-y: auto;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar {
- flex: 0 0 13.75rem;
- display: flex;
- flex-flow: column nowrap;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar > * {
- flex: 1;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .item-summary {
- font-family: var(--serif-condensed);
- font-weight: 700;
- flex: 0 0 1.5em;
- line-height: 1.5em;
- text-align: center;
- font-size: var(--font-size-18);
- color: #444;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar ol.item-tags {
- padding-left: 0;
- flex: 0;
- list-style: none;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar ol.item-tags .tag {
- align-items: center;
- justify-content: center;
- width: 100%;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details,
- .pf2e.item.sheet form .sheet-content section.sidebar .feat-details {
- overflow: hidden scroll;
- padding: 0 0.25rem 0 0;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group,
- .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group {
- margin: 3px 0;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group label,
- .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group label {
- font-weight: 500;
- max-width: 6em;
- white-space: nowrap;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group input,
- .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group input {
- text-align: right;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group input.left-of-select,
- .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group input.left-of-select {
- min-width: 4ch;
- padding-right: 0.25em;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .form-group select,
- .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .form-group select {
- max-width: 12em;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .price-fields,
- .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .price-fields {
- display: flex;
- gap: 4px;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar .inventory-details .price-fields input[name="system.price.per"],
- .pf2e.item.sheet form .sheet-content section.sidebar .feat-details .price-fields input[name="system.price.per"] {
- width: 22px;
- }
- .pf2e.item.sheet form .sheet-content section.sidebar button {
- padding-top: 0;
- padding-bottom: 0;
- white-space: nowrap;
- }
- .pf2e.item.sheet form .sheet-body {
- height: calc(100% - 2.25rem);
- overflow: hidden;
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- }
- .pf2e.item.sheet form .sheet-body .tab.active {
- overflow: hidden scroll;
- padding-left: 0.5rem;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description {
- display: flex;
- flex-direction: column;
- gap: 3px;
- height: 100%;
- padding: 0 0.25em;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description > * {
- display: flex;
- overflow: hidden;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor {
- min-height: 2.5em;
- flex: 1;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description.editing {
- overflow: hidden;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description.editing > section {
- flex: 1;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes {
- background-color: var(--visibility-gm-bg);
- border: 1px dotted rgba(75, 74, 68, 0.5);
- padding: 0 0.25em;
- flex: 0 0 auto;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes:not(.has-content) {
- display: none;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .main {
- flex: 1 0 auto;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor {
- display: flex;
- flex-direction: column;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes,
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit {
- font-size: 1.33em;
- background: rgb(205, 205, 205);
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes i,
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit i {
- width: 1em;
- text-align: center;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes {
- border-radius: 4px;
- border: 1px solid var(--color-border-dark-1);
- box-shadow: 0 0 1px var(--color-shadow-dark);
- display: none;
- padding: 1px 2px;
- position: absolute;
- right: 35px;
- top: 5px;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor:hover a.add-gm-notes {
- display: block;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.description .editor .tox {
- flex: 1;
- }
- .pf2e.item.sheet form .sheet-body .tab.active label {
- color: var(--color-text-dark-2);
- font-weight: 500;
- padding-right: 0.5em;
- white-space: nowrap;
- }
- .pf2e.item.sheet form .sheet-body .tab.active label.disabled, .pf2e.item.sheet form .sheet-body .tab.active label.no-data {
- color: var(--color-text-dark-4);
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details {
- padding: 0.5rem 0.5rem 0;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details button {
- height: 2rem;
- line-height: normal;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details.no-sidebar .form-group label {
- max-width: 12em;
- white-space: wrap;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details .tags .tag {
- font-size: var(--font-size-10);
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data {
- align-items: baseline;
- gap: 0.25em;
- display: grid;
- grid-template: "title title title" 2fr "authors license remaster" 3fr/60% 20% 20%;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data label {
- font-weight: 500;
- min-width: unset;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data input[type=text] {
- height: 1.6rem;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .title {
- grid-area: title;
- margin-right: 0;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .authors {
- grid-area: authors;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license {
- grid-area: license;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select {
- margin-top: 1px;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster {
- grid-area: remaster;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license,
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster {
- text-align: center;
- }
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license label,
- .pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .remaster label {
- padding: 0;
- }
- .pf2e.item.sheet form .sheet-body fieldset {
- border: 1px solid var(--color-border-medium);
- border-radius: 2px;
- margin-bottom: 0.5rem;
- padding: 0 0.5em 0.25em;
- }
- .pf2e.item.sheet form .sheet-body fieldset legend {
- font-weight: 600;
- }
- .pf2e.item.sheet form .sheet-body fieldset.basics {
- border-color: transparent;
- padding: 0;
- }
- .pf2e.item.sheet form .sheet-body .editor {
- --space-s: 0.25em;
- --space-m: 0.5em;
- --space-l: 1em;
- --space-xl: 1.5em;
- --space-2xl: 2em;
- --radius: 3px;
- }
- .pf2e.item.sheet form .sheet-body .editor :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
- margin-top: 1em;
- }
- .pf2e.item.sheet form .sheet-body .editor .inline-header {
- display: flex;
- align-items: center;
- gap: var(--space-l);
- background-color: var(--alt);
- font-family: var(--sans-serif);
- color: var(--text-light);
- padding: 0;
- font-size: 0.8em;
- font-weight: 400;
- border: none;
- }
- .pf2e.item.sheet form .sheet-body .editor .inline-header strong {
- display: inline-flex;
- padding: 0 var(--space-m);
- background-color: var(--primary);
- min-width: 15ch;
- border-right: 1px solid rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
- font-weight: 400;
- }
- .pf2e.item.sheet form .sheet-body .editor .inline-header + p {
- margin-top: var(--space-s);
- }
- .pf2e.item.sheet form .sheet-body .editor .info {
- background-color: var(--secondary);
- padding: var(--space-m);
- color: var(--text-light);
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- border-radius: var(--radius);
- font-family: var(--sans-serif);
- padding-bottom: var(--space-m);
- }
- .pf2e.item.sheet form .sheet-body .editor .info > * + * {
- margin-top: var(--space-m);
- }
- .pf2e.item.sheet form .sheet-body .editor .info + * {
- margin-top: var(--space-xl);
- }
- .pf2e.item.sheet form .sheet-body .editor .info + .pf2e.item.sheet form .sheet-body .editor .info {
- margin-top: var(--space-s);
- }
- .pf2e.item.sheet form .sheet-body .editor .info h4 {
- font-size: 0.9em;
- font-weight: 400;
- line-height: 1.2;
- font-family: var(--sans-serif);
- border-bottom: 1px solid rgba(0, 0, 0, 0.6);
- padding: var(--space-m) var(--space-l);
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- color: var(--text-light);
- }
- .pf2e.item.sheet form .sheet-body .editor .info h4::after {
- font-family: "Font Awesome 6";
- content: "\f05a";
- font-weight: 900;
- margin-right: var(--space-s);
- }
- .pf2e.item.sheet form .sheet-body .editor .info p {
- font-size: 0.8em;
- margin: 0;
- padding: 0 var(--space-l);
- }
- .pf2e.item.sheet form .sheet-body .editor .info p:first-of-type {
- padding-top: var(--space-m);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
- .pf2e.item.sheet form .sheet-body .editor .traits {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- .pf2e.item.sheet form .sheet-body .editor .traits p {
- display: inline-flex;
- padding: 0.16rem 0.25rem;
- margin: 0;
- background-color: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: var(--text-light);
- font: 500 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- }
- .pf2e.item.sheet form .sheet-body .editor .statblock {
- font-family: var(--sans-serif-condensed);
- color: var(--text-dark);
- line-height: 1.2;
- margin-bottom: var(--space-m);
- }
- .pf2e.item.sheet form .sheet-body .editor .statblock > * + * {
- margin-top: var(--space-s);
- margin-bottom: 0;
- }
- .pf2e.item.sheet form .sheet-body .editor .statblock p {
- --indent: var(--space-l);
- margin-left: var(--indent);
- position: relative;
- }
- .pf2e.item.sheet form .sheet-body .editor .statblock p strong:first-of-type {
- margin-left: calc(var(--indent) * -1);
- }
- .pf2e.item.sheet form .sheet-body .editor .statblock p .trait:first-of-type {
- margin-left: calc(var(--indent) * -1 - 2px);
- }
- .pf2e.item.sheet form .sheet-body .editor .statblock span.pf2-icon {
- line-height: 1;
- }
- .pf2e.item.sheet form .sheet-body .editor .statblock h1,
- .pf2e.item.sheet form .sheet-body .editor .statblock h2,
- .pf2e.item.sheet form .sheet-body .editor .statblock h3,
- .pf2e.item.sheet form .sheet-body .editor .statblock h4 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- border-bottom: 1px solid var(--color-border-dark);
- text-transform: uppercase;
- letter-spacing: -0.05em;
- font-family: var(--sans-serif-condensed);
- font-weight: 700;
- }
- .pf2e.item.sheet form .sheet-body .editor .statblock hr {
- border: none;
- border-bottom: 1px solid var(--color-border-dark);
- }
- .pf2e.item.sheet form .sheet-body .editor .message {
- font-family: var(--journal-cursive);
- font-size: 2em;
- line-height: 1.2;
- }
- .pf2e.item.sheet form h3 .item-controls,
- .pf2e.item.sheet form header .item-controls {
- float: right;
- }
- .pf2e.item.sheet form .form-list h3,
- .pf2e.item.sheet form fieldset h3 {
- font-weight: 600;
- font-size: 1.05em;
- margin-bottom: 0.25em;
- }
- .pf2e.item.sheet form .form-list {
- border-radius: 5px;
- border: 1px solid var(--secondary-background);
- list-style-type: none;
- margin: 0.5em 0;
- padding: 0.25em;
- }
- .pf2e.item.sheet form .form-list:first-child {
- margin-top: 0;
- }
- .pf2e.item.sheet form .form-list.subsection {
- padding: 0;
- }
- .pf2e.item.sheet form .form-list.subsection > * {
- padding: 0.25rem;
- }
- .pf2e.item.sheet form .form-list.subsection > header {
- align-items: baseline;
- background-color: var(--secondary);
- border-radius: 5px 5px 0 0;
- color: var(--text-light);
- display: flex;
- justify-content: space-between;
- margin: -1px -1px 0 -1px;
- padding: 1px;
- }
- .pf2e.item.sheet form .form-list.subsection > header h3,
- .pf2e.item.sheet form .form-list.subsection > header .item-controls {
- padding: 0.25rem;
- margin-bottom: 0;
- }
- .pf2e.item.sheet form .two-by-two {
- display: grid;
- grid-template-columns: 1fr 1fr;
- column-gap: 0.25rem;
- }
- .pf2e.item.sheet form .two-by-two .item-controls {
- margin-left: 2px;
- gap: 0;
- }
- .pf2e.item.sheet form .form-group > label:not(.large) {
- max-width: 11em;
- }
- .pf2e.item.sheet form .form-group > label.short {
- max-width: 9em;
- }
- .pf2e.item.sheet form .form-group ul.tags {
- margin: 0 0 0.5em;
- }
- .pf2e.item.sheet form .form-group .item-controls {
- flex: 0 1 auto;
- }
- .pf2e.item.sheet form .form-group input.adjusted-higher:not(:focus),
- .pf2e.item.sheet form .form-group select.adjusted-higher:not(:focus) {
- color: #009988;
- font-weight: 700;
- }
- .pf2e.item.sheet form .form-group input.adjusted-lower:not(:focus),
- .pf2e.item.sheet form .form-group select.adjusted-lower:not(:focus) {
- color: #cc3311;
- font-weight: 700;
- }
- .pf2e.item.sheet form .form-group select.readonly {
- opacity: 0.7;
- pointer-events: none;
- }
- .pf2e.item.sheet form .form-group select.readonly:hover {
- border: 1px solid var(--color-border-light-2);
- box-shadow: none;
- }
- .pf2e.item.sheet form .details-container,
- .pf2e.item.sheet form .dice-data {
- display: grid;
- grid: "dice die type"/40px 60px auto;
- }
- .pf2e.item.sheet form .effects-container {
- display: grid;
- grid: "effect number"/auto 40px;
- }
- .pf2e.item.sheet form .details-container-two-columns {
- display: grid;
- grid: "size type"/50% 50%;
- }
- .pf2e.item.sheet form .details-container-three-columns {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- }
- .pf2e.item.sheet form .form-fields > label {
- display: flex;
- align-items: center;
- white-space: nowrap;
- }
- .pf2e.item.sheet form .form-fields select {
- flex: 1;
- width: auto;
- }
- .pf2e.item.sheet form .consumable-details {
- flex: 0 0 24px;
- }
- .pf2e.item.sheet form .consumable-details label {
- font-weight: bold;
- }
- .pf2e.item.sheet form .consumable-details input {
- flex: 0 0 24px;
- margin-right: 6px;
- text-align: right;
- }
- .pf2e.item.sheet form .consumable-details span {
- line-height: 24px;
- }
- .pf2e.item.sheet form .consumable-details .max-charges {
- flex: 0 0 16px;
- text-align: center;
- }
- .pf2e.item.sheet form .consumable-charges label {
- flex: 0 0 144px;
- }
- .pf2e.item.sheet form .consumable-charges input {
- flex: 0 0 64px;
- text-align: center;
- }
- .pf2e.item.sheet form .consumable-charges span.flex0 {
- line-height: 24px;
- }
- .pf2e.item.sheet form .feat-uses select {
- flex: 2;
- margin-right: 5px;
- }
- .pf2e.item.sheet form .feat-uses input {
- flex: 1;
- text-align: center;
- }
- .pf2e.item.sheet form .feat-uses span.sep {
- flex: 0 0 16px;
- line-height: 24px;
- font-size: var(--font-size-14);
- text-align: center;
- }
- .pf2e.item.sheet form .spell-components input {
- margin-left: 0;
- }
- .pf2e.item.sheet form .spell-components label {
- padding-right: 6px;
- }
- .pf2e.item.sheet form input.adjusted:not(:focus) {
- font-weight: 700;
- color: #009988;
- }
- .pf2e.item.sheet form .frequency {
- align-items: baseline;
- display: flex;
- gap: 0.2rem;
- text-align: end;
- }
- .pf2e.item.sheet form .frequency.empty {
- justify-content: flex-end;
- }
- .pf2e.item.sheet form .frequency select {
- flex: 1 1 auto;
- }
- .pf2e.item.sheet form .frequency a {
- align-self: center;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs {
- border: 1px solid var(--color-border-light-2);
- border-radius: 3px;
- padding: 0;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs.empty {
- background-color: rgba(120, 100, 82, 0.1);
- height: 28px;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li {
- align-items: center;
- display: grid;
- grid-template-columns: 26px auto 2em 1em;
- padding: 1px;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li:nth-of-type(even) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li .name {
- display: block;
- margin-left: 0.25em;
- line-height: 1em;
- height: 1em;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li .name i.fa-globe {
- padding: 0 3px;
- float: right;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li .level {
- font-weight: 500;
- height: 1.25em;
- text-align: center;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs > li a.remove {
- padding: 0 2px;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs ul {
- grid-column: 1/5;
- margin-top: 0;
- padding-left: 0.5em;
- }
- .pf2e.item.sheet form .item-ref-group ul.item-refs ul:empty {
- display: none;
- }
- .pf2e.item.sheet form fieldset.item-ref-group .item-refs {
- border: none;
- }
- .pf2e.item.sheet form .item-ref-list {
- align-items: start;
- }
- .pf2e.item.sheet form .form-group.form-group-trait {
- height: auto;
- margin: 2px 0;
- }
- .pf2e.item.sheet form .form-group.form-group-trait label {
- vertical-align: top;
- }
- .pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list {
- list-style: none;
- margin: 0;
- padding: 0;
- display: flex;
- flex-wrap: wrap;
- }
- .pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list span.tag {
- float: none;
- }
- .pf2e.item.sheet form .form-group.other-weapons input {
- flex: 2;
- }
- .pf2e.item.sheet form .form-group.other-weapons select {
- flex: 1;
- }
- .pf2e.item.sheet form .form-group.additional-language input {
- flex: 0.5;
- }
- .pf2e.item.sheet form .form-group.additional-language span {
- flex: 2.5;
- padding-left: 4px;
- }
- .pf2e.item.sheet form .item-activations {
- padding: 8px 8px 0;
- overflow: hidden scroll;
- }
- .pf2e.item.sheet form .item-activations .activation + .activation, .pf2e.item.sheet form .item-activations .activation + button {
- margin-top: 0.5em;
- }
- .pf2e.item.sheet form .item-activations .activation .editor {
- min-height: 28px;
- }
- .pf2e.item.sheet form .item-activations header {
- font-size: 1.05em;
- margin-bottom: 0.25em;
- line-height: 1.25em;
- }
- .pf2e.item.sheet form .item-activations .activation-time {
- flex: 1;
- height: 20px;
- }
- .pf2e.item.sheet form .item-activations .frequency {
- flex: 1;
- gap: 4px;
- padding-right: 6px;
- }
- .pf2e.item.sheet form .item-activations .frequency input[type=number] {
- border: none;
- background: none;
- text-align: right;
- margin: 0 0 0 24px;
- }
- .pf2e.item.sheet form .item-activations .frequency > select:first-child {
- margin-left: 24px;
- }
- .pf2e.item.sheet form .item-activations .frequency.empty {
- text-align: right;
- }
- .pf2e.item.sheet form .item-activations .tags {
- margin-top: 4px;
- }
- .pf2e.item.sheet form .item-activations .tags label {
- margin-right: 3px;
- }
- .pf2e.item.sheet form .item-activations .tox {
- min-height: 150px;
- }
- .pf2e.item.sheet form .identify-popup {
- min-width: 300px;
- }
- .pf2e.item.sheet form .sheet-body .tab.mystification.active .mystification-status select {
- max-width: fit-content;
- margin-right: auto;
- }
- .pf2e.item.sheet form .sheet-body .tab.mystification.active fieldset > legend {
- font-weight: 500;
- }
- .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified {
- align-items: start;
- flex-direction: column;
- gap: 0.25rem;
- }
- .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified .img-name {
- align-items: center;
- gap: 0.5em;
- display: flex;
- flex-wrap: nowrap;
- }
- .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified .img-name img {
- flex: 0 0 3em;
- height: 3em;
- }
- .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified .editor {
- background: rgba(0, 0, 0, 0.05);
- padding: 0.25rem;
- min-height: 100px;
- min-width: 100%;
- flex-basis: 100%;
- }
- .pf2e.item.sheet form .sheet-body .tab.mystification.active .form-group.unidentified .tox.tox-tinymce {
- min-height: 200px;
- }
- .pf2e.item.sheet form .tab.active.rules select {
- width: auto;
- }
- .pf2e.item.sheet form .tab.active.rules select span {
- padding: 0;
- }
- .pf2e.item.sheet form .tab.active.rules fieldset {
- border-radius: 5px;
- border: 1px solid var(--secondary-background);
- padding: 0.25em;
- }
- .pf2e.item.sheet form .tab.active.rules fieldset legend {
- font-weight: 500;
- }
- .pf2e.item.sheet form .tab.active.rules .nerd-details {
- margin-bottom: 10px;
- }
- .pf2e.item.sheet form .tab.active.rules .nerd-details .form-group {
- margin: 0;
- }
- .pf2e.item.sheet form .tab.active.rules .nerd-details label {
- align-items: center;
- display: flex;
- flex: 0 0 4.5rem;
- white-space: nowrap;
- line-height: 1.5em;
- margin-right: 1.25rem;
- min-width: 8em;
- }
- .pf2e.item.sheet form .tab.active.rules .nerd-details label i.fa-info-circle {
- margin-left: auto;
- margin-right: 0.5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rules {
- padding-top: 0.5em;
- padding-right: 0.5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rules .add-rule-element {
- text-align: right;
- }
- .pf2e.item.sheet form .tab.active.rules .rules textarea {
- padding: 4px;
- min-height: 60px;
- resize: vertical;
- }
- .pf2e.item.sheet form .tab.active.rules .create-rule-element {
- display: flex;
- align-items: center;
- white-space: nowrap;
- gap: 6px;
- justify-content: flex-end;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing {
- display: flex;
- flex-direction: column;
- height: 100%;
- gap: 5px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor {
- flex: 1;
- background-color: white;
- overflow: hidden;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor .cm-scroller {
- overflow: hidden scroll;
- overflow: scroll;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor button {
- width: auto;
- line-height: normal;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor input[type=checkbox] {
- width: auto;
- height: auto;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor label {
- display: inline;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor .cm-search .cm-textfield {
- width: 100px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor ::selection {
- color: var(--text-dark);
- }
- .pf2e.item.sheet form .tab.active.rules .rule-editing .item-controls {
- margin: 0;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form {
- border-bottom: 1px solid var(--color-border-light-primary);
- padding-bottom: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form.drag-preview {
- background: url(../ui/parchment.jpg) repeat;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form.drag-gap {
- visibility: hidden;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form input::placeholder {
- opacity: 0.9;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form label {
- align-items: center;
- display: flex;
- gap: 4px;
- font-weight: 500;
- white-space: nowrap;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form label:not(:first-child) {
- padding-left: 2px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form label input,
- .pf2e.item.sheet form .tab.active.rules .rule-form label tags {
- flex: 1;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form label input[type=checkbox] {
- width: 1rem;
- height: 1rem;
- flex-basis: auto;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form label input[type=checkbox]:first-child:last-child {
- margin-left: auto;
- justify-self: flex-end;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form select.short {
- flex: 0 0 auto;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .content-link {
- display: flex;
- flex: 0 0 auto;
- flex-direction: row;
- align-items: center;
- gap: 3px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .content-link img {
- width: 16px;
- height: 16px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header {
- display: flex;
- align-items: center;
- margin-bottom: 0.25rem;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .drag-handle {
- cursor: grab;
- font-weight: normal;
- margin-right: 0.375rem;
- padding: 0.125rem;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header h3 {
- flex: 1;
- margin: 0;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header h3.unrecognized {
- color: #880000;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority {
- margin-right: 0.75rem;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority input {
- width: 4ch;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .item-controls {
- margin-left: auto;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .form-fields [data-action] {
- flex: 0 0 auto;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .range {
- display: flex;
- gap: 3px;
- align-items: center;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .range input {
- width: 40px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input {
- align-items: center;
- display: flex;
- flex: 2;
- justify-content: center;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment,
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input,
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags {
- z-index: 0;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment:hover, .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment:focus,
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input:hover,
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input:focus,
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags:hover,
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .tags:focus {
- z-index: 1;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment {
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 0 6px;
- margin: 0;
- line-height: unset;
- flex: 0 0 auto;
- width: auto;
- min-width: 68px;
- align-self: stretch;
- border: 1px solid #aaa;
- border-right: none;
- border-radius: 3px 0 0 3px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .file-picker {
- line-height: unset;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input input,
- .pf2e.item.sheet form .tab.active.rules .rule-form .attached-input tags {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- margin: 0;
- flex: 1;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .brackets {
- margin-left: 9.5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .brackets .bracket {
- align-items: center;
- display: flex;
- gap: 4px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .brackets .bracket .value {
- flex: 1;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs {
- border-bottom: 1px solid var(--secondary-background);
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 {
- display: flex;
- justify-content: space-evenly;
- width: 100%;
- margin-top: 0.5em;
- font-weight: 200;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs a.active {
- font-weight: 600;
- text-decoration: underline;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .validation-failures {
- background: rgba(214, 150, 0, 0.5);
- border-radius: 3px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .validation-failures ul {
- list-style: "\f071" outside;
- padding: 0.25em 0.25em 0.25em 1.5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .validation-failures ul li {
- font-weight: 900;
- font-family: var(--font-awesome);
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .validation-failures ul li > span {
- margin-left: 0.25em;
- font-weight: normal;
- font-family: var(--font-primary);
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 4em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 40%;
- height: 3.5em;
- border: 1px solid var(--color-border-light-primary);
- border-radius: 3px;
- color: #222;
- background-color: #ddd;
- cursor: default;
- padding: 1px 6px;
- font-family: var(--font-primary);
- font-size: var(--font-size-14);
- line-height: 28px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i {
- border: 1px solid #bbb;
- border-radius: 2px;
- align-items: center;
- display: flex;
- height: 1.6em;
- justify-content: center;
- margin-right: 0.5em;
- width: 1.6em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i:after {
- font-size: var(--font-size-20);
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone span {
- color: var(--text-dark);
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item {
- display: grid;
- grid: 1fr/5em 1fr;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item.long-label {
- grid: 1fr/9em 1fr;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .checkbox {
- display: flex;
- justify-content: flex-end;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls {
- justify-content: flex-end;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls a {
- margin: 2px 5px 0 0;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .stacked {
- display: grid;
- grid-template-columns: 1fr 1fr;
- column-gap: 0.5rem;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .column-span-two {
- grid-column: span 2;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .resolvable {
- grid-column: span 2;
- display: flex;
- align-items: center;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets-container {
- grid-column: span 3;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label {
- min-width: 5em;
- font-weight: 500;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label.short {
- max-width: 5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] label.with-hint {
- margin-right: 5px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] fieldset {
- grid-column: span 2;
- padding-bottom: 0.4rem;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets {
- margin-left: 6em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab] hr {
- grid-column: span 2;
- width: 100%;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] {
- height: 90px;
- overflow-y: auto;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container {
- grid-column: span 2;
- display: grid;
- grid: 1fr/5em 10fr 1fr;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link {
- display: flex;
- align-items: center;
- gap: 0.5em;
- width: fit-content;
- min-width: 12rem;
- height: 2em;
- padding: 4px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link img {
- border: 1px solid var(--color-border-dark);
- border-radius: 2px;
- box-sizing: border-box;
- display: block;
- float: left;
- height: 24px;
- width: 24px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link span {
- text-wrap: wrap;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items {
- grid-column: span 2;
- display: grid;
- grid: 1fr/5em 8fr 7em 5fr 6em 1fr;
- margin-top: 5px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items select {
- width: fit-content;
- min-width: 10em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container {
- display: grid;
- grid: 1fr/5em 8.8fr;
- align-items: center;
- row-gap: 5px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container select {
- width: fit-content;
- min-width: 10em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .rules-drop-container {
- grid-column: span 2;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .translation input {
- width: 5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] input[type=checkbox] {
- margin-left: unset;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items {
- display: flex;
- justify-content: space-between;
- gap: 0.5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items > label {
- min-width: unset;
- width: fit-content;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker {
- align-items: center;
- display: flex;
- width: 16rem;
- white-space: nowrap;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=text] {
- flex: 1;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=color] {
- flex: 2;
- height: 94%;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker input[type=color]:disabled {
- background: rgba(0, 0, 0, 0.05);
- border: 1px solid transparent;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user {
- flex: 0;
- gap: 0;
- justify-content: start;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user input[type=checkbox] {
- flex: 0;
- margin-left: 0;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items .color-picker .user span {
- font-size: small;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items {
- display: grid;
- grid-template-columns: 5em 2.5fr 1fr;
- align-items: center;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.long-label {
- grid: 1fr/9em 2.5fr 1fr;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items input[type=color] {
- min-width: 7em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.image-path {
- grid-column: span 2;
- grid: 1fr/9em 8fr 1fr;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .three-items.image-path button.file-picker {
- margin: unset;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=Note] {
- display: flex;
- flex-direction: column;
- gap: 2px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] {
- display: grid;
- grid: "label content" 1fr/1fr 1fr;
- column-gap: 5px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii {
- display: flex;
- flex-direction: column;
- grid-column: span 2;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii .brackets {
- margin-left: 6.5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] label {
- display: flex;
- flex: unset;
- margin-left: 5px;
- margin-right: 5px;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] label.short {
- min-width: 5em;
- }
- .pf2e.item.sheet form .tab.active.rules .rule-form[data-key=TokenLight] div[data-rule-tab] .column-span-two {
- grid-column: span 2;
- }
- .pf2e.item.sheet a.disabled {
- cursor: default;
- }
- .pf2e.item.sheet a.disabled:hover {
- text-shadow: none;
- }
- .pf2e.item.sheet a.disabled.header-button {
- color: var(--color-text-light-5);
- }
- .pf2e.item.sheet.action form .drop-zone {
- align-items: center;
- border: 1px solid var(--color-border-light-tertiary);
- display: flex;
- gap: 0.25rem;
- max-width: fit-content;
- padding: 0 4px 0 0;
- }
- .pf2e.item.sheet.action form .drop-zone.empty {
- font-weight: normal;
- min-width: 12rem;
- padding: 4px;
- }
- .pf2e.item.sheet.action form .drop-zone.empty .name {
- font-style: italic;
- flex: 1;
- text-align: center;
- }
- .pf2e.item.sheet.action form .drop-zone picture,
- .pf2e.item.sheet.action form .drop-zone img {
- border: 1px solid var(--color-border-dark);
- border-radius: 2px;
- box-sizing: border-box;
- display: block;
- float: left;
- height: 24px;
- width: 24px;
- }
- .pf2e.item.sheet.action form .drop-zone a.content-link {
- align-items: center;
- border: none;
- border-right: 1px solid var(--color-border-light-2);
- display: flex;
- gap: 0.5em;
- min-width: 9rem;
- padding: 4px;
- }
- .pf2e.item.sheet.action form .drop-zone a.delete {
- display: flex;
- }
- .pf2e.item.sheet.affliction form .affliction-stage .link:not(.linked) {
- opacity: 0.6;
- color: #a00;
- }
- .pf2e.item.sheet.affliction form .affliction-stage .formula-row {
- align-items: center;
- display: flex;
- gap: 4px;
- }
- .pf2e.item.sheet.consumable form .form-group.price input.per {
- max-width: 4ch;
- }
- .pf2e.item.sheet.consumable form .form-group.damage a,
- .pf2e.item.sheet.consumable form .form-group.damage button,
- .pf2e.item.sheet.consumable form .form-group.damage select {
- max-width: fit-content;
- }
- .pf2e.item.sheet.deity form .tab.details .form-group.fonts {
- display: flex;
- gap: 0.25rem;
- }
- .pf2e.item.sheet.deity form .tab.details .form-group.fonts .form-fields {
- justify-content: start;
- }
- .pf2e.item.sheet.deity form .tab.details .form-group.fonts .form-fields label {
- font-weight: normal;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .inventory-details .form-group select {
- max-width: fit-content;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .inventory-details .form-group .form-group.duration label {
- max-width: fit-content;
- padding-right: 0.1em;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row {
- align-items: center;
- display: flex;
- gap: 4px;
- width: 100%;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row label {
- cursor: pointer;
- max-width: unset;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row input[type=radio] {
- margin: 0;
- top: 0;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row .badge-value {
- margin-right: 0.1rem;
- width: 3ch;
- font-weight: bold;
- text-align: end;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-row input[type=text] {
- flex: 1;
- text-align: end;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .badge-label-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin: 0.5em 0 0.25em 0;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge {
- display: flex;
- align-items: center;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge select {
- flex: 1;
- max-width: unset;
- }
- .pf2e.item.sheet.effect form .sheet-content .sidebar .add-badge button {
- flex: 0;
- line-height: 1.2em;
- }
- .pf2e.item.sheet.feat form .drop-zone {
- align-items: center;
- border: 1px solid var(--color-border-light-tertiary);
- display: flex;
- gap: 0.25rem;
- max-width: fit-content;
- padding: 0 4px 0 0;
- }
- .pf2e.item.sheet.feat form .drop-zone.empty {
- font-weight: normal;
- min-width: 12rem;
- padding: 4px;
- }
- .pf2e.item.sheet.feat form .drop-zone.empty .name {
- font-style: italic;
- flex: 1;
- text-align: center;
- }
- .pf2e.item.sheet.feat form .drop-zone picture,
- .pf2e.item.sheet.feat form .drop-zone img {
- border: 1px solid var(--color-border-dark);
- border-radius: 2px;
- box-sizing: border-box;
- display: block;
- float: left;
- height: 24px;
- width: 24px;
- }
- .pf2e.item.sheet.feat form .drop-zone a.content-link {
- align-items: center;
- border: none;
- border-right: 1px solid var(--color-border-light-2);
- display: flex;
- gap: 0.5em;
- min-width: 9rem;
- padding: 4px;
- }
- .pf2e.item.sheet.feat form .drop-zone a.delete {
- display: flex;
- }
- .pf2e.item.sheet.feat form .tab.details .form-group > label {
- min-width: fit-content;
- margin-right: 1em;
- }
- .pf2e.item.sheet.heritage form section.sidebar .required-ancestry {
- flex-wrap: nowrap;
- width: 100%;
- white-space: nowrap;
- max-width: 100%;
- }
- .pf2e.item.sheet.heritage form section.sidebar .required-ancestry label {
- flex: 0;
- }
- .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone {
- background-color: rgba(0, 0, 0, 0.05);
- border-radius: 2px;
- border: 1px dotted var(--alt-dark);
- display: flex;
- font-weight: normal;
- justify-content: center;
- margin: 2px 3px 0 auto;
- max-width: 8em;
- padding: 3px;
- position: relative;
- }
- .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone span {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone.ancestry-ref-broken {
- background-color: rgba(255, 0, 0, 0.15);
- border-color: var(--primary);
- }
- .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone a.remove-ancestry {
- display: none;
- position: absolute;
- right: -0.5em;
- top: -0.25em;
- }
- .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone a.remove-ancestry:hover {
- display: flex;
- }
- .pf2e.item.sheet.heritage form section.sidebar .required-ancestry .drop-zone:hover a.remove-ancestry {
- display: flex;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items {
- padding: 0;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item {
- display: grid;
- grid-template-columns: 26px 30px auto 10px;
- align-items: center;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item:nth-of-type(even) {
- background-color: rgba(120, 100, 82, 0.1);
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name {
- line-height: 1em;
- height: 1em;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name .fa.fa-globe {
- padding: 0 3px;
- float: right;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items ul {
- padding-left: 0.5em;
- margin-top: 0;
- grid-column: 1/5;
- }
- .pf2e.item.sheet.kit form .kit-list ul.kit-items ul:empty {
- display: none;
- }
- .pf2e.item.sheet.melee form .sheet-body .tab.details .form-group.attack-modifier label,
- .pf2e.item.sheet.melee form .sheet-body .tab.details li.damage-partial form-group label {
- max-width: fit-content;
- }
- .pf2e.item.sheet.melee form .sheet-body .tab.details .form-group.attack-modifier input,
- .pf2e.item.sheet.melee form .sheet-body .tab.details li.damage-partial form-group input {
- max-width: 6ch;
- }
- .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial {
- align-items: center;
- display: flex;
- gap: 1em;
- }
- .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial input {
- max-width: 12ch;
- }
- .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial .type {
- gap: 0.25em;
- }
- .pf2e.item.sheet.melee form .sheet-body .tab.details ol.form-list li.damage-partial .remove-partial {
- margin: 0 0.5em 0 auto;
- }
- .pf2e.item.sheet.spell form .tab.details.active .save-basic {
- display: flex;
- flex-wrap: nowrap;
- justify-content: end;
- }
- .pf2e.item.sheet.spell form .tab.details.active .damage-formulas {
- margin-top: 0.5rem;
- }
- .pf2e.item.sheet.spell form .tab.details.active .damage-formulas .form-fields {
- gap: 2px;
- white-space: nowrap;
- }
- .pf2e.item.sheet.spell form .tab.details.active .damage-formulas .form-fields .apply-mod {
- white-space: nowrap;
- }
- .pf2e.item.sheet.spell form .tab.details.active .damage-formulas .form-fields select {
- max-width: 8em;
- }
- .pf2e.item.sheet.spell form .tab.details.active .damage-formulas .form-fields .materials {
- align-self: end;
- }
- .pf2e.item.sheet.spell form .tab.details.active button + fieldset {
- margin-top: 0.5rem;
- }
- .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening {
- display: flex;
- flex-direction: column;
- gap: 0.25rem;
- }
- .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening .add {
- display: grid;
- grid-template-columns: 1fr 1fr;
- }
- .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening .add button.only-option {
- grid-column: span 2;
- }
- .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening .overlay .toggle-button-list {
- column-gap: 2px;
- display: grid;
- grid-template-columns: repeat(6, 1fr);
- margin: 4px 0;
- }
- .pf2e.item.sheet.spell form .tab.details.active fieldset.heightening .overlay .toggle-button-list button {
- font-size: var(--font-size-12);
- line-height: normal;
- margin: 0;
- padding: 0.25em;
- white-space: nowrap;
- }
- .pf2e.item.sheet.spell form .tab.details.active .overlay .traits {
- align-items: center;
- display: flex;
- gap: 4px;
- }
- .pf2e.item.sheet.spell form .tab.details.active .overlay .traits .tags {
- flex: 1;
- }
- .pf2e.item.sheet.spell form .tab.details.active .variants .variant {
- display: grid;
- grid-template-columns: 1fr 1fr 0.2fr;
- }
- .pf2e.item.sheet.spell form .tab.details.active .variants .variant .item-controls {
- justify-self: end;
- }
- .pf2e.item.sheet.weapon form .tab.details label {
- min-width: 9em;
- }
- .pf2e.item.sheet.weapon form .tab.details .precious-material select {
- width: 19.5em;
- }
- .persistent-damage-dialog {
- /** Work around Font Awesome styling bug present as of version 6.2 */
- }
- .persistent-damage-dialog i.fa-fw {
- min-width: 1em;
- }
- .persistent-damage-dialog h3 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- }
- .persistent-damage-dialog h3 a {
- float: right;
- font-size: 0.8em;
- }
- .persistent-damage-dialog h3 a:hover i {
- animation: rotation 2s infinite linear;
- }
- .persistent-damage-dialog .entries {
- display: flex;
- flex-direction: column;
- gap: 0.125rem;
- }
- .persistent-damage-dialog .entries:not(.new) {
- margin-bottom: 0.5rem;
- }
- .persistent-damage-dialog .persistent-entry {
- display: flex;
- align-items: baseline;
- gap: 0.25rem;
- }
- .persistent-damage-dialog .persistent-entry.inactive .input-fields input span,
- .persistent-damage-dialog .persistent-entry.inactive .input-fields input i, .persistent-damage-dialog .persistent-entry.inactive .input-fields input:not(:focus),
- .persistent-damage-dialog .persistent-entry.inactive .input-fields select span,
- .persistent-damage-dialog .persistent-entry.inactive .input-fields select i,
- .persistent-damage-dialog .persistent-entry.inactive .input-fields select:not(:focus),
- .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) span,
- .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) i,
- .persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within):not(:focus) {
- opacity: 0.7;
- text-decoration: line-through;
- }
- .persistent-damage-dialog .persistent-entry a {
- padding: 0.25em;
- }
- .persistent-damage-dialog .persistent-entry .input-fields {
- display: flex;
- gap: 0.25rem;
- align-items: baseline;
- select-height: var(--form-field-height);
- }
- .persistent-damage-dialog .persistent-entry .input-fields label {
- display: flex;
- align-items: baseline;
- gap: 0.19rem;
- height: 100%;
- }
- .persistent-damage-dialog .persistent-entry .input-fields .dc {
- width: 2.5rem;
- }
- #darkness-adjuster {
- background: none;
- box-shadow: 0 0 10px black;
- height: 38px !important;
- }
- #darkness-adjuster .window-header {
- display: none;
- }
- #darkness-adjuster .window-content {
- background: rgba(0, 0, 0, 0.5);
- border: 1px solid black;
- border-radius: 5px;
- padding: 6px 12px 0;
- }
- #darkness-adjuster .slider {
- height: 6px;
- }
- #darkness-adjuster .slider .noUi-base {
- background: #ecc1b3;
- cursor: pointer;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle {
- background: none;
- border: none;
- box-shadow: none;
- color: var(--text-light);
- font-size: var(--font-size-16);
- height: 14px;
- width: 14px;
- top: -5px;
- right: -7px;
- text-shadow: 0 0 4px black;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_bright-light, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
- pointer-events: none;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
- font-size: var(--font-size-14);
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level {
- background: #c85019;
- border: 1px solid black;
- border-radius: 2px;
- box-shadow: 1px 1px 4px black;
- height: 12px;
- width: 12px;
- right: -6px;
- top: -4px;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level .noUi-touch-area {
- cursor: grab;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
- cursor: grabbing;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::before, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::after {
- background: none;
- }
- #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle i.fa-solid {
- cursor: default;
- left: -1px;
- opacity: 0.6;
- position: absolute;
- top: 0;
- }
- #darkness-adjuster .slider .noUi-base .noUi-connect.range_bright-light {
- background: #fdfbd3;
- }
- #darkness-adjuster .slider .noUi-base .noUi-connect.range_darkness {
- background: #16193a;
- }
- #darkness-adjuster .slider .noUi-pips {
- height: 12px;
- }
- #darkness-adjuster .slider .noUi-pips .noUi-marker.noUi-marker-large {
- height: 12px;
- }
- #darkness-adjuster .slider .noUi-pips .noUi-value {
- display: none;
- }
- #darkness-adjuster .synchronized .slider .noUi-base {
- cursor: not-allowed;
- }
- #darkness-adjuster .synchronized .slider .message {
- display: flex;
- justify-content: center;
- position: relative;
- top: 0.5em;
- width: 100%;
- }
- #darkness-adjuster .synchronized .slider .message span {
- color: var(--color-text-light-1);
- text-shadow: 1px 1px black;
- z-index: 1;
- }
- #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle {
- cursor: not-allowed;
- }
- #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level {
- background: var(--color-disabled);
- border: none;
- box-shadow: none;
- }
- #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level .noUi-touch-area, #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
- cursor: inherit;
- }
- #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle i.fa-solid {
- cursor: inherit;
- }
- #darkness-adjuster .synchronized .slider .noUi-pips {
- visibility: hidden;
- }
- .scene-sheet nav .action-glyph {
- font-size: var(--font-size-15);
- }
- .scene-sheet span.range-value.disabled {
- border: none;
- color: #777;
- }
- .scene-sheet button.automation-settings {
- align-self: end;
- display: flex;
- margin: -1px 0 -1px 4px;
- padding: 0.3125rem 0.5em;
- }
- .scene-sheet button.automation-settings > i {
- margin: 0;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset {
- border: 1px solid var(--color-border-light-primary);
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset > legend {
- font-size: var(--font-size-15);
- color: #333;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number] {
- max-width: 60px;
- text-align: center;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number]:disabled {
- border: none;
- color: var(--color-text-dark-6);
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset select.alternate-images {
- max-width: 20em;
- }
- .app.token-sheet .tab.active[data-tab=appearance] fieldset:last-child {
- margin: 6px 0;
- }
- .app.token-sheet .tab[data-tab=vision] .disabled[data-tab] {
- color: var(--color-text-dark-6);
- pointer-events: none;
- }
- .app.token-sheet .tab[data-tab=vision] a.managed-by-rbv {
- padding-left: 0.33em;
- }
- .app.token-sheet .form-group.children-disabled .range-value {
- border: none;
- background-color: rgba(0, 0, 0, 0.05);
- color: #777;
- }
- #homebrew-settings section.window-content {
- display: block;
- }
- #homebrew-settings section.window-content .form-group.setting {
- display: inherit;
- }
- #homebrew-settings section.window-content .form-group.setting tags {
- background-color: rgba(0, 0, 0, 0.05);
- border: 1px solid #7a7971;
- border-radius: 3px;
- }
- #homebrew-settings section.window-content .form-group.setting tags.tagify--focus {
- border: 1px solid #7a7971;
- box-shadow: 0 0 5px red;
- }
- #homebrew-settings section.window-content .form-group.setting .homebrew {
- --tag-text-color--edit: #111;
- --tag-pad: 0.2em 0.4em;
- --tag-remove-bg: var(--tag-hover);
- --tag-remove-btn-bg--hover: black;
- font-size: var(--font-size-13);
- min-width: 0;
- }
- #homebrew-settings section.window-content .form-group.buttons {
- margin-top: 0.5em;
- }
- table.damage-types th,
- table.damage-types td {
- white-space: nowrap;
- }
- table.damage-types th:not(:last-child),
- table.damage-types td:not(:last-child) {
- padding-right: 0.25rem;
- }
- table.damage-types .icon-preview {
- display: flex;
- align-items: center;
- gap: 0.125rem;
- }
- table.damage-types .delete-cell {
- text-align: end;
- width: 1rem;
- }
- table.damage-types .delete-cell i {
- padding: 0.125rem 0.25rem;
- cursor: pointer;
- }
- #variant-rules-settings form .form-group.abp select {
- flex: 0;
- }
- #variant-rules-settings form .proficiency-modifiers {
- column-gap: 0.5em;
- display: grid;
- grid-template: "untrained trained expert master legendary" auto "hint hint hint hint hint" auto/1fr 1fr 1fr 1fr 1fr;
- }
- #variant-rules-settings form .proficiency-modifiers .hint {
- grid-area: hint;
- }
- #variant-rules-settings form .proficiency-modifiers .modifier label {
- font-size: var(--font-size-12);
- }
- #world-clock-settings form .form-group .form-fields {
- flex-grow: 1;
- }
- #world-clock-settings form .form-group button.reset-world-time {
- flex: 1;
- }
- #game-details > .system-links {
- gap: 0.5rem;
- margin-bottom: 0.35rem;
- }
- #game-details > .system-links > a[href] {
- flex: 0;
- font-size: var(--font-size-12);
- text-transform: uppercase;
- }
- #game-details > .system-links > a[href]:hover {
- text-shadow: 0 0 8px var(--color-text-hyperlink);
- }
- #client-settings form .form-group > label {
- flex: 2.5;
- }
- .settings-menu form .form-group > label {
- flex: 2.5;
- }
- .settings-menu .instructions {
- text-align: center;
- }
- #metagame-settings form .form-group > label {
- flex: 3;
- }
- .select-craft-item-dialog .drop-item-zone {
- display: flex;
- align-items: center;
- margin: 0 2px 5px;
- }
- .select-craft-item-dialog .item-icon {
- height: 32px;
- width: 32px;
- margin-right: 3px;
- }
- .select-craft-item-dialog .button-panel {
- display: flex;
- }
- .select-repair-item-dialog .drop-item-zone {
- display: flex;
- align-items: center;
- margin: 0 2px 5px;
- }
- .select-repair-item-dialog .item-icon {
- height: 32px;
- width: 32px;
- margin-right: 3px;
- }
- .select-repair-item-dialog .button-panel {
- display: flex;
- }
- .app.choice-set-prompt .window-content h3 {
- display: flex;
- justify-content: center;
- }
- .app.choice-set-prompt .window-content button,
- .app.choice-set-prompt .window-content select {
- display: flex;
- margin: 4px auto;
- }
- .app.choice-set-prompt .window-content .choices {
- max-width: max-content;
- justify-items: center;
- margin: auto;
- }
- .app.choice-set-prompt .window-content .choices.select-menu {
- min-width: 18em;
- }
- .app.choice-set-prompt .window-content .choices.select-menu tags {
- background-color: rgba(0, 0, 0, 0.05);
- border: 1px solid var(--color-border-light-tertiary);
- border-radius: 3px;
- height: 2rem;
- width: 100%;
- }
- .app.choice-set-prompt .window-content .choices.select-menu tags .tagify__input {
- align-items: center;
- display: flex;
- height: 100%;
- margin: 0;
- }
- .app.choice-set-prompt .window-content .choices button,
- .app.choice-set-prompt .window-content .choices .drop-zone {
- cursor: pointer;
- max-width: 100%;
- }
- .app.choice-set-prompt .window-content .choices button:not(.with-image),
- .app.choice-set-prompt .window-content .choices .drop-zone:not(.with-image) {
- min-width: 120px;
- justify-content: center;
- }
- .app.choice-set-prompt .window-content .choices button.with-image,
- .app.choice-set-prompt .window-content .choices .drop-zone.with-image {
- align-items: center;
- }
- .app.choice-set-prompt .window-content .choices button.with-image img,
- .app.choice-set-prompt .window-content .choices .drop-zone.with-image img {
- border: 1px solid #444;
- height: 1.6em;
- margin-right: 0.5em;
- }
- .app.choice-set-prompt .window-content .choices .choice-buttons {
- align-items: center;
- display: flex;
- flex-direction: column;
- }
- .app.choice-set-prompt .window-content .choices .choice-buttons .choice {
- align-items: center;
- display: flex;
- gap: 0.5em;
- width: 100%;
- }
- .app.choice-set-prompt .window-content .choices .choice-buttons .choice.select {
- margin-bottom: 0.5rem;
- }
- .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info {
- align-items: center;
- border-radius: 2px;
- border: 1px solid var(--color-text-light-primary);
- display: flex;
- height: var(--font-size-20);
- justify-content: center;
- min-width: var(--font-size-20);
- }
- .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled {
- color: var(--color-disabled);
- cursor: default;
- }
- .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:hover, .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:active {
- text-shadow: none;
- }
- .app.choice-set-prompt .window-content .choices .drop-zone {
- border: 1px solid var(--color-border-light-primary);
- border-radius: 3px;
- color: #222;
- cursor: default;
- display: flex;
- padding: 1px 6px;
- font-family: var(--font-primary);
- font-size: var(--font-size-14);
- line-height: 28px;
- }
- .app.choice-set-prompt .window-content .choices .drop-zone i {
- border: 1px solid #bbb;
- border-radius: 2px;
- align-items: center;
- display: flex;
- height: 1.6em;
- justify-content: center;
- margin-right: 0.5em;
- width: 1.6em;
- }
- .app.choice-set-prompt .window-content .choices .drop-zone i:after {
- font-size: var(--font-size-20);
- }
- .app.choice-set-prompt .window-content .choices .drop-zone span {
- color: var(--text-dark);
- flex: 1;
- }
- .compendium-migration-status .content {
- min-width: 15rem;
- }
- .compendium-migration-status table * {
- user-select: text;
- }
- .compendium-migration-status table * th,
- .compendium-migration-status table * td {
- padding: 0.25em 0.5em;
- white-space: nowrap;
- }
- .compendium-migration-status table * th {
- padding-left: 1em;
- text-align: end;
- }
- .compendium-migration-status table * td {
- width: 100%;
- }
- .compendium-migration-status .empty {
- opacity: 0.8;
- }
- .compendium-migration-status .updated {
- border: 1px dashed var(--alt);
- line-height: 28px;
- text-align: center;
- }
- .compendium-migration-status .migrate {
- display: flex;
- padding: 0.125rem;
- }
- .compendium-migration-status .migrate > * {
- flex: 1;
- }
- #effects-panel {
- pointer-events: initial;
- position: absolute;
- top: 5px;
- right: 0;
- }
- #effects-panel .effect-item {
- display: flex;
- justify-content: end;
- height: 52px;
- }
- #effects-panel .effect-item[data-badge-type=formula] .icon {
- cursor: pointer;
- }
- #effects-panel .effect-item[data-badge-type=formula] .icon:hover::before {
- content: "\f6cf";
- background: rgba(0, 0, 0, 0.5);
- font-family: "Font Awesome 5 Free";
- font-weight: 900;
- font-size: var(--font-size-26);
- color: var(--text-light);
- position: absolute;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- padding-bottom: 4px;
- }
- #effects-panel .effect-item:hover .effect-info {
- display: flex;
- align-items: end;
- flex-direction: column;
- }
- #effects-panel .effect-item .effect-info {
- background-color: rgba(0, 0, 0, 0.75);
- color: var(--color-text-light-2);
- display: none;
- gap: 3px;
- height: min-content;
- margin-right: 0.5em;
- max-width: 350px;
- padding: 0.25em 0.5rem;
- }
- #effects-panel .effect-item .effect-info h1 {
- margin: 0;
- padding: 0;
- border: none;
- display: flex;
- font-size: var(--font-size-14);
- padding-top: 0.25em;
- text-align: right;
- }
- #effects-panel .effect-item .effect-info h1 a[data-action=send-to-chat] i {
- font-size: var(--font-size-13);
- margin-left: 2px;
- }
- #effects-panel .effect-item .effect-info > a.inline-check {
- font-size: var(--font-size-13);
- font-weight: normal;
- line-height: normal;
- vertical-align: middle;
- }
- #effects-panel .effect-item .effect-info .tags {
- justify-content: end;
- }
- #effects-panel .effect-item .effect-info .tags .tag {
- margin-bottom: 0;
- }
- #effects-panel .effect-item .effect-info .tags .tag + .tag, #effects-panel .effect-item .effect-info .tags .tag:first-child {
- margin-left: 3px;
- margin-right: -2px;
- }
- #effects-panel .effect-item .effect-info .instructions,
- #effects-panel .effect-item .effect-info .description {
- font-size: var(--font-size-12);
- }
- #effects-panel .effect-item .effect-info .instructions {
- display: flex;
- flex-direction: column;
- gap: 2px;
- text-align: right;
- }
- #effects-panel .effect-item .effect-info .description {
- background: rgba(0, 0, 0, 0.7);
- max-height: 16em;
- overflow-y: auto;
- padding: 0 0.5em;
- text-align: left;
- }
- #effects-panel .effect-item .effect-info .description a,
- #effects-panel .effect-item .effect-info .description span[data-pf2-effect-area] {
- color: var(--color-text-dark-primary);
- }
- #effects-panel .effect-item > .icon {
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080;
- align-items: center;
- background-repeat: no-repeat;
- background-size: contain;
- box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080, inset 0 0 4px rgba(0, 0, 0, 0.5);
- color: transparent;
- display: flex;
- justify-content: center;
- position: relative;
- margin: 2px 0;
- height: 48px;
- width: 48px;
- }
- #effects-panel .effect-item > .icon.aura {
- border-radius: 50%;
- box-shadow: 0px 0px 10px 5px white;
- }
- #effects-panel .effect-item > .icon.unidentified {
- filter: drop-shadow(0 0 8px var(--visibility-gm-bg));
- }
- #effects-panel .effect-item > .icon .expired {
- position: absolute;
- left: 0;
- bottom: -1px;
- width: 100%;
- padding: 2px 1px;
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- color: var(--text-light);
- background-color: var(--primary);
- }
- #effects-panel .effect-item > .icon .linked {
- position: absolute;
- display: inline-block;
- bottom: -1px;
- right: -1px;
- padding: 0px 2px;
- color: var(--text-light);
- background-color: rgba(0, 0, 0, 0.75);
- }
- #effects-panel .effect-item > .icon .value-wrapper {
- position: absolute;
- bottom: -1px;
- left: -1px;
- max-width: calc(100% + 2px);
- padding: 0px 2px;
- color: var(--text-light);
- background-color: rgba(0, 0, 0, 0.75);
- font-size: var(--font-size-13);
- letter-spacing: -0.05em;
- white-space: nowrap;
- overflow: hidden;
- }
- #effects-panel .effect-item > .icon .value-wrapper .value {
- overflow: hidden;
- text-overflow: ellipsis;
- }
- #effects-panel .effect-item > .icon .value-wrapper .value strong {
- display: inline-block;
- padding-right: 1px;
- }
- #effects-panel > hr {
- margin-right: 0;
- width: 48px;
- }
- .journal-entry-page .journal-page-content {
- --space-s: 0.25em;
- --space-m: 0.5em;
- --space-l: 1em;
- --space-xl: 1.5em;
- --space-2xl: 2em;
- --radius: 3px;
- }
- .journal-entry-page .journal-page-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
- margin-top: 1em;
- }
- .journal-entry-page .journal-page-content .inline-header {
- display: flex;
- align-items: center;
- gap: var(--space-l);
- background-color: var(--alt);
- font-family: var(--sans-serif);
- color: var(--text-light);
- padding: 0;
- font-size: 0.8em;
- font-weight: 400;
- border: none;
- }
- .journal-entry-page .journal-page-content .inline-header strong {
- display: inline-flex;
- padding: 0 var(--space-m);
- background-color: var(--primary);
- min-width: 15ch;
- border-right: 1px solid rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
- font-weight: 400;
- }
- .journal-entry-page .journal-page-content .inline-header + p {
- margin-top: var(--space-s);
- }
- .journal-entry-page .journal-page-content .info {
- background-color: var(--secondary);
- padding: var(--space-m);
- color: var(--text-light);
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- border-radius: var(--radius);
- font-family: var(--sans-serif);
- padding-bottom: var(--space-m);
- }
- .journal-entry-page .journal-page-content .info > * + * {
- margin-top: var(--space-m);
- }
- .journal-entry-page .journal-page-content .info + * {
- margin-top: var(--space-xl);
- }
- .journal-entry-page .journal-page-content .info + .journal-entry-page .journal-page-content .info {
- margin-top: var(--space-s);
- }
- .journal-entry-page .journal-page-content .info h4 {
- font-size: 0.9em;
- font-weight: 400;
- line-height: 1.2;
- font-family: var(--sans-serif);
- border-bottom: 1px solid rgba(0, 0, 0, 0.6);
- padding: var(--space-m) var(--space-l);
- position: relative;
- display: flex;
- align-items: center;
- justify-content: space-between;
- color: var(--text-light);
- }
- .journal-entry-page .journal-page-content .info h4::after {
- font-family: "Font Awesome 6";
- content: "\f05a";
- font-weight: 900;
- margin-right: var(--space-s);
- }
- .journal-entry-page .journal-page-content .info p {
- font-size: 0.8em;
- margin: 0;
- padding: 0 var(--space-l);
- }
- .journal-entry-page .journal-page-content .info p:first-of-type {
- padding-top: var(--space-m);
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
- .journal-entry-page .journal-page-content .traits {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- .journal-entry-page .journal-page-content .traits p {
- display: inline-flex;
- padding: 0.16rem 0.25rem;
- margin: 0;
- background-color: var(--primary);
- border: 2px solid var(--color-border-trait);
- color: var(--text-light);
- font: 500 var(--font-size-10) var(--sans-serif);
- text-transform: uppercase;
- }
- .journal-entry-page .journal-page-content .statblock {
- font-family: var(--sans-serif-condensed);
- color: var(--text-dark);
- line-height: 1.2;
- margin-bottom: var(--space-m);
- }
- .journal-entry-page .journal-page-content .statblock > * + * {
- margin-top: var(--space-s);
- margin-bottom: 0;
- }
- .journal-entry-page .journal-page-content .statblock p {
- --indent: var(--space-l);
- margin-left: var(--indent);
- position: relative;
- }
- .journal-entry-page .journal-page-content .statblock p strong:first-of-type {
- margin-left: calc(var(--indent) * -1);
- }
- .journal-entry-page .journal-page-content .statblock p .trait:first-of-type {
- margin-left: calc(var(--indent) * -1 - 2px);
- }
- .journal-entry-page .journal-page-content .statblock span.pf2-icon {
- line-height: 1;
- }
- .journal-entry-page .journal-page-content .statblock h1,
- .journal-entry-page .journal-page-content .statblock h2,
- .journal-entry-page .journal-page-content .statblock h3,
- .journal-entry-page .journal-page-content .statblock h4 {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- border-bottom: 1px solid var(--color-border-dark);
- text-transform: uppercase;
- letter-spacing: -0.05em;
- font-family: var(--sans-serif-condensed);
- font-weight: 700;
- }
- .journal-entry-page .journal-page-content .statblock hr {
- border: none;
- border-bottom: 1px solid var(--color-border-dark);
- }
- .journal-entry-page .journal-page-content .message {
- font-family: var(--journal-cursive);
- font-size: 2em;
- line-height: 1.2;
- }
- .journal-entry-page .journal-page-content .fumble-deck h1 {
- font-family: var(--font-primary);
- font-size: 1.75em;
- font-weight: bold;
- line-height: normal;
- text-transform: uppercase;
- color: var(--text-dark);
- border: 2px solid;
- border-radius: 15px;
- padding: 0 0 0 1.5em;
- background-size: 1.22em;
- background-repeat: no-repeat;
- background-color: #e5bf85;
- position: relative;
- top: 1em;
- width: 80%;
- }
- .journal-entry-page .journal-page-content .fumble-deck h1:first-child {
- background-image: url("../icons/equipment/weapons/gnome-hooked-hammer.webp");
- }
- .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(2) {
- background-image: url("../icons/equipment/weapons/longbow.webp");
- }
- .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(3) {
- background-image: url("../icons/equipment/weapons/fist.webp");
- }
- .journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(4) {
- background-image: url("../icons/spells/chain-lightning.webp");
- }
- .journal-entry-page .journal-page-content .fumble-deck blockquote {
- font-family: var(--font-primary);
- border-left: none;
- background-color: #000059;
- color: var(--text-light);
- font-size: 120%;
- margin-left: 0.7em;
- padding: 1.2em 1.25em 0.75em;
- border-radius: 8px;
- }
- .journal-entry-page .journal-page-content .fumble-deck blockquote a {
- color: var(--text-dark);
- }
- .journal-entry-page .journal-page-content .fumble-deck blockquote span.with-repost {
- color: var(--text-dark);
- }
- .journal-entry-page .journal-page-content .fumble-deck code {
- font-family: var(--font-primary);
- font-weight: bold;
- font-size: 100%;
- line-height: normal;
- background-image: url("../assets/critfumble-banner.webp");
- background-size: 100% 100%;
- box-shadow: 5px 5px 10px 3px #282a2d;
- display: inline-block;
- float: right;
- text-align: center;
- margin-top: -1.75em;
- margin-right: 0.75em;
- width: 7em;
- padding: 0.5em;
- }
- .journal-entry-page .journal-page-content .critical-deck h1 {
- font-family: var(--font-primary);
- font-size: 1.75em;
- font-weight: bold;
- line-height: normal;
- text-transform: uppercase;
- color: var(--text-dark);
- border: 2px solid;
- border-radius: 15px;
- padding: 0 0 0 1.5em;
- background-size: 1.22em;
- background-repeat: no-repeat;
- background-color: #e5bf85;
- position: relative;
- top: 1em;
- width: 80%;
- }
- .journal-entry-page .journal-page-content .critical-deck h1:first-child {
- background-image: url("../icons/equipment/weapons/light-hammer.webp");
- }
- .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(2) {
- background-image: url("../../../icons/weapons/polearms/javelin.webp");
- }
- .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(3) {
- background-image: url("../../../icons/weapons/axes/axe-battle-worn.webp");
- }
- .journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(4) {
- background-image: url("../../../icons/weapons/thrown/bomb-fuse-cloth-pink.webp");
- }
- .journal-entry-page .journal-page-content .critical-deck blockquote {
- font-family: var(--font-primary);
- border-left: none;
- background: rgb(14, 40, 17);
- background: radial-gradient(circle, rgb(14, 40, 17) 10%, rgb(20, 59, 25) 50%, rgb(14, 40, 17) 90%);
- color: var(--text-light);
- font-size: 120%;
- margin-left: 0.7em;
- padding: 1.2em 1.25em 0.75em;
- border-radius: 8px;
- }
- .journal-entry-page .journal-page-content .critical-deck blockquote a {
- color: var(--text-dark);
- }
- .journal-entry-page .journal-page-content .critical-deck blockquote span.with-repost {
- color: var(--text-dark);
- }
- .journal-entry-page .journal-page-content .critical-deck code {
- font-family: var(--font-primary);
- font-weight: bold;
- font-size: 100%;
- line-height: normal;
- background-image: url("../assets/critfumble-banner.webp");
- background-size: 100% 100%;
- box-shadow: 5px 5px 10px 3px #282a2d;
- display: inline-block;
- float: right;
- text-align: center;
- margin-top: -1.75em;
- margin-right: 0.75em;
- width: 9em;
- padding: 0.5em;
- }
- #migration-summary > .window-content h3 {
- margin: auto;
- }
- #migration-summary > .window-content .dialog-content > table i.fa-check {
- color: green;
- }
- #migration-summary > .window-content .dialog-content > table i.fa-times {
- color: red;
- }
- #migration-summary > .window-content .dialog-content > table td {
- text-align: center;
- }
- #migration-summary > .window-content .dialog-buttons {
- display: flex;
- }
- #migration-summary > .window-content .dialog-buttons:disabled:hover {
- box-shadow: none;
- }
- #upw-viewer .window-content {
- background: no-repeat right url("../assets/upw-logo.webp") black;
- }
- #upw-viewer .window-content .content {
- color: #eee;
- width: 435px;
- font-size: larger;
- }
- #upw-viewer .window-content .content a[href] {
- color: #8b6cae;
- font-size: large;
- display: block;
- text-align: center;
- }
- #world-clock section.window-content {
- font-size: 1rem;
- }
- #world-clock section.window-content h1 {
- font-size: inherit;
- text-align: center;
- }
- #world-clock section.window-content .input-grid {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- font-size: 0.8rem;
- justify-content: space-evenly;
- }
- #world-clock section.window-content .input-grid > * {
- flex-basis: 32%;
- height: 1.5rem;
- line-height: 20px;
- }
- #world-clock section.window-content .input-grid .sign {
- font-family: var(--sans-serif-monospace);
- font-size: inherit;
- }
- #world-clock section.window-content .input-grid button {
- align-items: center;
- display: flex;
- font-size: inherit;
- justify-content: center;
- margin: 1px;
- }
- #world-clock section.window-content .input-grid button img {
- border: none;
- height: 1.5em;
- }
- #world-clock section.window-content .input-grid .time-of-day {
- display: flex;
- flex-basis: 100%;
- margin: 0 3px;
- }
- #world-clock section.window-content .input-grid .time-of-day img.midnight {
- height: 1.05rem;
- }
- .tags {
- align-items: center;
- display: flex;
- flex-wrap: wrap;
- gap: 2px;
- list-style-type: none;
- margin-bottom: 2px;
- padding-left: 0;
- }
- .tags .tag,
- .tags .tag option {
- font-family: var(--sans-serif);
- font-size: var(--font-size-10);
- text-transform: uppercase;
- letter-spacing: 0.05em;
- text-rendering: optimizeLegibility;
- align-items: center;
- background-color: var(--primary);
- border-radius: 2px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
- color: var(--color-text-trait);
- display: inline-flex;
- font-weight: 500;
- padding: 0.3em;
- }
- .tags .tag.tag_secondary,
- .tags .tag option.tag_secondary {
- background-color: var(--secondary);
- }
- .tags .tag.tag_tertiary,
- .tags .tag option.tag_tertiary {
- background-color: var(--tertiary);
- }
- .tags .tag.tag_alt,
- .tags .tag option.tag_alt {
- background-color: var(--alt);
- }
- .tags .tag.ghost-touch,
- .tags .tag option.ghost-touch {
- background-color: #516178;
- }
- .tags .tag.tag_material,
- .tags .tag option.tag_material {
- background-color: var(--alt-dark);
- }
- .tags .tag.tag_transparent,
- .tags .tag option.tag_transparent {
- background-color: transparent;
- border-radius: 4px;
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
- color: var(--color-text-dark-secondary);
- font-family: var(--font-primary);
- line-height: 1.6em;
- padding: 0 0.5em;
- text-transform: none;
- }
- .tags .tag.rarity.common, .tags .tag.rarity[value=common],
- .tags .tag.rarity > option[value=common],
- .tags .tag option.rarity.common,
- .tags .tag option.rarity[value=common],
- .tags .tag option.rarity > option[value=common] {
- background-color: var(--color-rarity-common);
- }
- .tags .tag.rarity.uncommon, .tags .tag.rarity[value=uncommon],
- .tags .tag.rarity > option[value=uncommon],
- .tags .tag option.rarity.uncommon,
- .tags .tag option.rarity[value=uncommon],
- .tags .tag option.rarity > option[value=uncommon] {
- background-color: var(--color-rarity-uncommon);
- }
- .tags .tag.rarity.rare, .tags .tag.rarity[value=rare],
- .tags .tag.rarity > option[value=rare],
- .tags .tag option.rarity.rare,
- .tags .tag option.rarity[value=rare],
- .tags .tag option.rarity > option[value=rare] {
- background-color: var(--color-rarity-rare);
- }
- .tags .tag.rarity.unique, .tags .tag.rarity[value=unique],
- .tags .tag.rarity > option[value=unique],
- .tags .tag option.rarity.unique,
- .tags .tag option.rarity[value=unique],
- .tags .tag option.rarity > option[value=unique] {
- background-color: var(--color-rarity-unique);
- }
- .tags .tag.mystified,
- .tags .tag option.mystified {
- opacity: 0.7;
- }
- .tags.paizo-style {
- border: none;
- border-radius: 3px;
- gap: 0;
- padding: 0.5em 0.05em;
- }
- .tags.paizo-style tag,
- .tags.paizo-style .tag,
- .tags.paizo-style select.tag {
- background-color: var(--color-bg-trait);
- border: solid var(--color-border-trait);
- box-shadow: none;
- margin: 0;
- }
- .tags.paizo-style tag x,
- .tags.paizo-style .tag x,
- .tags.paizo-style select.tag x {
- align-items: start;
- margin: 0;
- }
- .tags.paizo-style tag__removeBtn,
- .tags.paizo-style .tag__removeBtn,
- .tags.paizo-style select.tag__removeBtn {
- align-items: baseline;
- }
- .tags.paizo-style tag,
- .tags.paizo-style select.tag {
- border-width: 2px 3px 2px 2px;
- }
- .tags.paizo-style tag:first-child,
- .tags.paizo-style select.tag:first-child {
- border-left-width: 5px;
- }
- .tags.paizo-style tag:last-child,
- .tags.paizo-style select.tag:last-child {
- border-right-width: 5px;
- }
- .tags.paizo-style tag:last-of-type {
- border-right-width: 5px;
- }
- .tags.paizo-style .tag {
- border-width: 1px 2px 1px 1px;
- }
- .tags.paizo-style .tag:first-child {
- border-left-width: 3px;
- }
- .tags.paizo-style .tag:last-child {
- border-right-width: 3px;
- }
- .tags.paizo-style .tag.size {
- background-color: var(--color-bg-size);
- }
- .tags.paizo-style tag > div {
- border-radius: 0;
- display: flex;
- font: 500 var(--font-size-10) var(--sans-serif);
- padding: 0 0.09rem 0 0.25rem;
- }
- .tags.paizo-style tag > div .tagify__tag-text {
- text-transform: uppercase;
- }
- .tags.paizo-style hr.vr {
- height: 1.25em;
- margin: 1px 2px;
- }
- .tags.paizo-style[disabled] {
- filter: none;
- }
- .tags.paizo-style[disabled] tag > div::before {
- animation: none !important;
- }
- .tags.paizo-style[disabled] > .tagify__input {
- display: none;
- }
- .chat-message .tags {
- line-height: normal;
- }
- tags.tags.paizo-style {
- background-color: rgba(0, 0, 0, 0.075);
- padding: 0;
- --tag-bg: var(--color-bg-trait);
- --tag-hover: var(--color-bg-trait);
- --tag-remove-btn-color: var(--color-text-trait);
- --tag-text-color: var(--color-text-trait);
- --tags-border-color: var(--color-border-trait);
- --tags-focus-border-color: var(--color-border-trait);
- --tags-hover-border-color: var(--color-border-trait);
- --readonly-striped: 0;
- }
- tags.tags.paizo-style .tagify__input {
- margin: 0;
- padding: 0.1em 0.5em;
- }
- tags.tags.paizo-style .tagify__input::before {
- align-items: center;
- color: var(--color-text-dark-secondary);
- display: flex;
- font: 500 var(--font-size-10) var(--sans-serif);
- letter-spacing: 0.05em;
- margin: 0;
- min-height: 22px;
- text-rendering: optimizeLegibility;
- text-transform: uppercase;
- width: fit-content;
- }
- tags.tags.paizo-style .conjunction-not .tagify__tag-text {
- text-decoration: line-through;
- text-decoration-color: var(--color-text-trait);
- }
- tags.tags.paizo-style .conjunction-not-button {
- order: 4;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- border-radius: 50px;
- cursor: pointer;
- background: var(--tag-remove-btn-bg);
- color: var(--tag-remove-btn-color);
- width: 14px;
- height: 14px;
- -webkit-padding-before: 2px;
- margin-left: 2px;
- overflow: hidden;
- transition: 0.2s ease-out;
- }
- tags.tags.paizo-style .conjunction-not-button:hover {
- color: white;
- background: var(--tag-remove-btn-bg--hover);
- }
- tags.tags.paizo-style tag {
- height: var(--font-size-27);
- }
- tags.tags.paizo-style tag[readonly=true] {
- padding-right: 2px;
- }
- tags.tagify.pf2e-tagify {
- --tag-bg: var(--color-text-light-3);
- --tags-border-color: var(--color-border-light-2);
- --tags-hover-border-color: var(--color-border-light-2);
- align-items: center;
- background-color: rgba(255, 255, 255, 0.5);
- border-radius: 3px;
- gap: 3px;
- padding: 2px;
- }
- tags.tagify.pf2e-tagify:hover {
- box-shadow: 0 0 10px #00005a;
- }
- tags.tagify.pf2e-tagify tag {
- margin: 0;
- padding: 1px;
- }
- tags.tagify.pf2e-tagify tag x {
- margin: 0;
- }
- tags.tagify.pf2e-tagify tag > div {
- padding: 2px;
- }
- tags.tagify.pf2e-tagify tag > div .tagify__tag-text {
- font-weight: normal;
- }
- tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn {
- align-items: baseline;
- }
- tags.tagify.pf2e-tagify .tagify__input {
- margin: 0;
- }
- tags.pf2e-tagify.tagify--hasMaxTags > span,
- tags.tags.paizo-style.tagify--hasMaxTags > span {
- display: none;
- }
- tags.pf2e-tagify:not(.tagify--select) > span,
- tags.tags.paizo-style:not(.tagify--select) > span {
- min-width: 20px;
- }
- .damage-tag {
- white-space: nowrap;
- margin: 0 1px 1px 0;
- padding: 0 3px;
- font-size: var(--font-size-10);
- line-height: 16px;
- border: 1px solid #999;
- border-radius: 3px;
- }
- .damage-tag-base {
- color: var(--text-light);
- background: rgba(0, 0, 0, 0.45);
- }
- .damage-tag-modifier {
- background: rgba(0, 0, 0, 0.05);
- }
- .tagify {
- --tag-inset-shadow-size: 10em;
- }
- .tagify__tag__removeBtn {
- overflow: visible;
- }
- #generate-check-prompt {
- height: auto !important;
- }
- #generate-check-prompt .dialog-content > nav a.active {
- text-decoration: underline;
- }
- #generate-check-prompt .dialog-content section.check-prompt-content .form-group.secret {
- justify-content: end;
- text-align: right;
- }
- #generate-check-prompt .dialog-content section.check-prompt-content .roll-options {
- display: none;
- }
- #generate-check-prompt .dialog-content section.check-prompt-content a.add-roll-options i.fa-plus {
- display: inline;
- }
- #generate-check-prompt .dialog-content section.check-prompt-content a.add-roll-options i.fa-minus {
- display: none;
- }
- #generate-check-prompt .dialog-content section.check-prompt-content input#check-prompt-secret,
- #generate-check-prompt .dialog-content section.check-prompt-content input#check-prompt-basic-save {
- margin-right: 0;
- }
- #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options .roll-options {
- display: block;
- }
- #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options a.add-roll-options i.fa-plus {
- display: none;
- }
- #generate-check-prompt .dialog-content section.check-prompt-content.show-roll-options a.add-roll-options i.fa-minus {
- display: inline;
- }
- #generate-check-prompt .dialog-content select {
- height: var(--form-field-height);
- text-transform: capitalize;
- }
- #generate-check-prompt .dialog-content tags.tagify {
- background-color: rgba(0, 0, 0, 0.075);
- border: 1px solid var(--color-border-light-tertiary);
- border-radius: 3px;
- }
- #generate-check-prompt .dialog-buttons {
- flex: 0 1 auto;
- }
- .travel-duration h2 {
- margin-top: 10px;
- margin-bottom: 30px;
- }
- .travel-duration table td {
- padding: 5px 10px;
- }
- .travel-duration table td.centered {
- text-align: center;
- }
- .travel-duration .journey-input {
- display: grid;
- column-gap: 5px;
- grid: "size type"/50px 1fr 1fr;
- }
- .travel-duration .fraction-input {
- text-align: center;
- }
- .travel-duration .fraction-input input {
- width: 30px;
- }
- .travel-duration .speed-input {
- width: 30px;
- }
|